frontendtrainings
← back to homefull curriculum

Every topic you'll learn, from your first tag to a deployed React app.

HTML, CSS, JavaScript and React — 87+ concrete topics across four modules. Not a vague outline: this is exactly what we cover, live, together.

5 weeks

Module 1 · HTML + CSS

You go from a blank file to responsive, hand-built layouts. By the end you can turn any design into clean, semantic, mobile-first HTML and CSS.

  • Restaurant menu site
  • Responsive landing page
HTML foundations
  • Document structure
  • Semantic tags
  • Headings & text
  • Links & images
  • Lists & tables
  • Forms & inputs
  • Input validation
  • Accessibility basics
  • SEO meta tags
CSS fundamentals
  • Selectors & specificity
  • The box model
  • Colors & units
  • Typography
  • Backgrounds & borders
  • Pseudo-classes
  • CSS variables
Layout
  • Display & positioning
  • Flexbox
  • CSS Grid
  • Spacing & alignment
  • z-index & stacking
Responsive & motion
  • Mobile-first design
  • Media queries
  • Fluid units
  • Transitions
  • Keyframe animations
  • Transforms
6 weeks

Module 2 · JavaScript

You learn the language properly — not copy-paste tutorials. Variables to async data-fetching, wiring real interactivity into pages you build.

  • Quiz app
  • Weather app (live API)
Language basics
  • Variables & scope
  • Data types
  • Operators
  • Conditionals
  • Loops
  • Functions
  • Arrow functions
  • Template literals
Data structures
  • Arrays
  • map / filter / reduce
  • Objects
  • Destructuring
  • Spread & rest
  • JSON
The DOM
  • Selecting elements
  • DOM manipulation
  • Events
  • Event delegation
  • Handling forms
  • localStorage
Async JavaScript
  • Callbacks
  • Promises
  • async / await
  • Fetch API
  • Working with real APIs
  • Error handling
6 weeks

Module 3 · React

You build real React apps the modern way — function components and hooks — then deploy them live. This is the part that gets you job-ready.

  • Movie search app (OMDB API)
  • Recipe app
React basics
  • JSX
  • Components
  • Props
  • Composition
  • Conditional rendering
  • Lists & keys
Hooks & state
  • useState
  • useEffect
  • useRef
  • Lifting state up
  • Custom hooks
Sharing state
  • Context API
  • useReducer
  • Prop drilling & fixes
Routing & data
  • React Router
  • Nested routes
  • Fetching in React
  • Loading & error states
  • Forms in React
Ship it
  • Vite build
  • Environment variables
  • Deploy to Netlify
  • Custom domain basics
Final weeks

Module 4 · Capstone

You plan, build and deploy your own portfolio in React — the real URL you send to employers. Everything from the first three modules, applied end to end.

  • Deployed personal portfolio
Plan & design
  • Wireframing
  • Component planning
  • Design in the browser
Build
  • Full React app
  • Reusable components
  • Responsive across devices
  • Git & version control
Launch
  • Deploy to Netlify
  • Live public URL
  • Portfolio polish
  • Sharing with employers

Ready to start building?

Small batches of max 10. Live every day. Call or send a message and we'll confirm your seat.

Talk to us →