Learning Resources
Start or advance your web development journey with these educational resources
Frontend Masters
Premium in-depth courses on modern JavaScript, React, Vue, and front-end engineering taught by industry experts.
Epic Web
Full-stack web development workshops with Kent C. Dodds covering TypeScript, React, Node.js, and modern web patterns.
MDN Web Docs
The definitive resource for web technologies including HTML, CSS, JavaScript APIs, and progressive web app development.
FreeCodeCamp
Free interactive coding lessons with hands-on projects and industry-recognized certifications.
Codecademy
Interactive coding lessons and projects to build real-world skills in web development and programming.
web.dev
Google's comprehensive resource for modern web development, performance optimization, and best practices.
Testing JavaScript
Comprehensive testing strategies and patterns for JavaScript applications with Kent C. Dodds.
Epic React
Advanced React patterns, hooks, performance optimization, and testing strategies for production applications.
Great Frontend
Comprehensive front-end interview preparation with 200+ practice questions from ex-FAANG interviewers.
Design Gurus
Specialized training for technical interviews with system design, algorithms, and front-end engineering focus.
Learn With Jason
Live coding sessions with web development experts, building real projects and sharing practical knowledge.
CSS-Tricks
Daily articles about CSS, HTML, JavaScript, and web design with practical examples and tutorials.
Smashing Magazine
Leading online magazine for professional web designers and developers with in-depth articles and case studies.
Frontend At Scale
Articles and insights on software design and architecture specifically tailored for frontend engineers.
Frontend Interview Handbook
Comprehensive guide for frontend interview preparation with JavaScript, React, CSS, and system design questions.
LeetCode
Platform for practicing coding problems and preparing for technical interviews with 2000+ programming challenges.
AlgoExpert
Comprehensive platform for learning algorithms and data structures with video explanations and practice problems.
System Design Primer
Open-source collection of resources for learning large-scale system design and architecture patterns.
JavaScript.info
Modern JavaScript tutorial covering from basics to advanced topics with detailed explanations and examples.
React Tutorial
Official React tutorial with interactive examples and comprehensive guides for building modern UIs.
TypeScript Handbook
Official TypeScript documentation with tutorials, reference materials, and examples for type-safe JavaScript.
CSS Reference
Visual guide to CSS properties with examples, browser support, and interactive demonstrations.
HTML Reference
Visual guide to HTML elements with examples, attributes, and browser compatibility information.
Web.dev Learn
Structured learning paths for modern web development covering HTML, CSS, JavaScript, and performance.
Frontend Mentor
Real-world frontend challenges with designs to practice HTML, CSS, and JavaScript skills.
Codewars
Platform for improving coding skills through kata challenges in JavaScript, Python, and other languages.
Exercism
Free platform for learning programming languages through exercises and mentorship from experienced developers.
The Odin Project
Free full-stack curriculum with projects and community support for learning web development from scratch.
Full Stack Open
Modern web application development course covering React, Redux, Node.js, MongoDB, and GraphQL.
JavaScript30
30-day vanilla JavaScript coding challenge with video tutorials and real-world projects.
CSS Grid Garden
Interactive game for learning CSS Grid layout with visual feedback and progressive difficulty.
Flexbox Froggy
Interactive game for learning CSS Flexbox with visual feedback and progressive difficulty levels.
AI Tutor
Your personalized learning companion for any topic by roadmap.sh