Frontend Developer

What you'll learn

Course modules

1. 01

   Semantic HTML — why <div> soup hurts you (and your users)

   The difference between <div> and <button> isn't cosmetic. It changes who can use your site, how Google sees it, and how senior devs judge your work.

   ~14min
2. 02

   CSS layout — Flexbox vs Grid (and the patterns that get you 90% there)

   Two layout systems, two jobs. Stop using one for the other. By the end of this module you'll have memorized the patterns that handle most layouts you'll ever build.

   ~14min
3. 03

   JavaScript variables — let, const, var, and the bugs that look like magic

   Variable declarations have rules. Breaking them costs hours of debugging. By the end of this module you'll know exactly which keyword to use when, and why `var` should disappear from your code.

   ~13min
4. 04

   Async JavaScript — promises, await, and the parallel trap

   Sequential code is slow. Parallel code is fast. Knowing which is which is what separates juniors from seniors. By the end you'll cut page-load times by half on most apps you build.

   ~15min
5. 05

   React — useState, useEffect, and when NOT to useEffect

   useEffect is over-used. Most useEffect calls in beginner React code shouldn't exist. By the end of this module you'll know when to reach for state, when to reach for effects, and when to just compute things during render.

   ~15min
6. 06

   Accessibility — the four practices that catch most issues

   A11y is not optional. Roughly 1 in 7 web users has a disability. Four practices catch 80% of issues — and they're easy. By the end of this module your apps will be more usable, faster to ship, and far less likely to get sued.

   ~13min
7. 07

   Performance — what actually matters (and what doesn't)

   Most performance advice on the internet is myth. Three things give you 90% of the wins. The rest is premature optimization. By the end of this module you'll know what to fix and what to ignore.

   ~14min
8. 08

   Putting it together — the anatomy of a production-ready component

   Everything from modules 1-7 in one realistic component. By the end of this module you'll know what 'production quality' looks like — and you'll have the template for the kind of work that gets junior frontend devs hired.

   ~14min