Gain insights into building real-world components using JavaScript. Delve into dropdown menus, auto-validating forms, autocomplete search, infinite scroll, and tooltips to tackle common frontend challenges seamlessly.

Learn to apply your introductory knowledge of HTML, CSS, and JavaScript to build beautiful, real-world components. In this course, you'll go through the process of developing several complex components, including:

- eBay's dropdown menu
- Gmail's auto-validating form
- Google's main autocomplete enabled search
- Twitter's infinitely scrolling list
- Medium's tooltips

You'll learn how to approach common frontend challenges, what questions to ask yourself, how to design solutions once you've thought of them, how to debug and work with mistakes, and more.

The end-goal is to empower you to look at anything you see on a website and be able to say, "I can build that!"

Intermediate JavaScript: Building Frontend Components

Congrats on completing all the components! We covered a lot of material, and it'll hopefully have been enough for you to start navigating the web landscape on your own. That doesn't mean you can hop on a plane and start coding your next idea, but you should see a clearer path to building anything you see on the web. You've shown a lot of initiative-taking this course, and while this course embodies the spirit of "learn by doing," I recommend your next step be *actually doing*.

Build a real idea you have and ship it to real users! It doesn't have to be innovative or be a perfect idea, but it should be built with the intention that real people will use it. Even if you reinvent the wheel, the journey in building it will teach you so much. Do it while this course is fresh in your mind.

Even if you're already working as a frontend engineer at a company with a team, I'd argue that building a side project will help you level up faster than months of actual work. When you do something from scratch, you're getting the full picture, which means having the chance to architect the system and think through things you otherwise wouldn't get the opportunity to.

In this chapter, I want to give some pointers on building your (possibly first) production app.

This lesson gives some additional guidelines to make your journey to build frontend components smooth and fast. 

Ship it!

This lesson gives some additional guidelines to make your journey to build frontend components smooth and fast.

Welcome

Building a Dropdown Menu

Building the Autocomplete Search

Building Tooltips

Building an Autovalidating Form

Building an Infinite List

From Toy Components to Production

Ship it!