Course
Web Development
Learn how modern websites and web applications are built.
- Difficulty
- Beginner to Intermediate
- Duration
- 14 weeks
- HTML
- CSS
- JavaScript
- React
- Git
CourseList.tsxPreview
export function CourseList({ items }: Props) { return ( <ul className="grid gap-4"> {items.map((c) => <Card key={c.slug} {...c} />)} </ul> )}Overview
What this track covers
From a blank HTML file to a deployed React application, covering structure, styling, interactivity and the workflow professionals use every day.
- Semantic HTML
- Modern CSS & responsive layout
- JavaScript fundamentals
- React components & state
- Consuming APIs
- Git / GitHub workflow
Who it's for
- Beginners who want visible results early
- Students aiming for frontend or full-stack roles
- Freelancers who need to build client websites properly
Curriculum
Module by module
Taught in order. Each module builds directly on the one before it.
The document
- Semantic HTML and document structure
- Accessibility from the first tag
- Forms and native browser behaviour
Modern CSS
- The box model, cascade and specificity
- Flexbox and CSS Grid
- Responsive design and mobile-first thinking
- Design tokens, spacing scales and typography
JavaScript
- Types, functions and control flow
- The DOM and event handling
- Arrays, objects and immutable updates
- Async/await, fetch and error handling
React
- Components, props and composition
- State, effects and derived data
- Client-side routing
- Fetching and rendering real API data
- Deploying a production build
Projects
What you will have built
- Responsive multi-section landing page
- Interactive task manager in vanilla JS
- React dashboard consuming a public API
- Personal portfolio deployed to the web
Outcomes
What you will be able to do
- Build responsive interfaces that work from 320px upward
- Reason about state instead of fighting it
- Connect a frontend to a real API and handle failure cases
- Deploy a live site and share the URL
Other tracks
Continue in another direction
Ready to start Web Development?
Tell us where you are right now and we will place you at the right point in the track.