Technical / ITSoftware & web▶ Live code
Web development (frontend)
Learn HTML, CSS, JavaScript and React, then build and deploy real projects.
Who it’s for: Freshers and career switchers who want to build websites and web apps.
Roadmap
What you’ll learn
Follow the modules in order. Finish a small project at the end of each one.
-
01
HTML & CSS foundations
3 weeks- Semantic HTML and forms
- CSS box model, flexbox and grid
- Responsive design and media queries
- Accessibility basics
-
02
JavaScript essentials
4 weeks- Variables, functions, arrays and objects
- DOM and events
- Fetch API and JSON
- ES modules, async/await
-
03
React
4 weeks- Components, props and state
- Hooks: useState, useEffect
- Routing and forms
- Calling APIs and handling loading/errors
-
04
Tools & deployment
2 weeks- Git and GitHub
- npm and Vite
- Deploying to a static host
- Basic performance and SEO
Tools
Tools & skills to learn
- HTML
- CSS
- JavaScript
- React
- Git
- VS Code
- Chrome DevTools
Certifications
Useful certifications
- freeCodeCamp Responsive Web DesignFree, project-based
- freeCodeCamp JavaScript Algorithms and Data StructuresFree, project-based
Certificates support your profile — interviewers still ask what you built. Check current fees and rules on the official site.
Practice
Projects to build
Put these on your resume — they give you real stories for interviews.
- 1Personal portfolio site (responsive)
- 2Job-listing page that filters by city and type
- 3Weather or news app using a public API
Live code
Practise right here
Run examples and try the 🏆 challenges — your answers are checked automatically.
Preview
Console
Sample tables: employees(id, name, dept_id, salary, joined) · departments(id, name) · users(id, email)
Result
Press Run to see the result.
Output
Code runs only in your browser. Press Ctrl/⌘ + Enter to run. Pick a 🏆 Challenge from the Example list to get your answer checked automatically.
Next steps
Interview & jobs
Get job alerts for this field