web development / frontend
Frontend Development, Free
Build what people see and click — the interfaces of the web. Learn HTML, CSS, and JavaScript from the authoritative sources, then follow a structured path to job-ready. All resources free and current.
Frontend development is one of the most accessible ways into tech — you can see your results instantly in the browser, and everything you need to learn is free. Start with the reference and learning material from MDN (the web's source of truth), reinforce your JavaScript with the best free deep-dive, then follow a full structured curriculum to tie it all together and build a portfolio.
01 · THE FUNDAMENTALS
HTML, CSS & JavaScript
The authoritative references and the best free JS deep-dive.
- MDN — Learn Web Development ↗Mozilla's free, structured curriculum for HTML, CSS, and JavaScript — from complete beginner to job-ready, by the web's authority.developer.mozilla.org
- The Modern JavaScript Tutorial ↗The best free, in-depth JavaScript resource anywhere — from the basics to advanced concepts, clearly explained with examples.javascript.info
02 · A STRUCTURED PATH
Full curricula
Complete, project-based paths from zero to a portfolio.
- The Odin Project ↗A completely free, project-based full-stack curriculum with a superb frontend path. The community favorite for self-taught developers.theodinproject.com
- freeCodeCamp — Responsive Web Design ↗A free, hands-on certification building responsive layouts with HTML and CSS — projects, not just lectures.freecodecamp.org