Web Development Hub
Skip to main content

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.

coursepaidjavascriptreactvueadvancedvideo based

Epic Web

Full-stack web development workshops with Kent C. Dodds covering TypeScript, React, Node.js, and modern web patterns.

coursepaidfull stacktypescriptreactnodejsadvancedhands on

MDN Web Docs

The definitive resource for web technologies including HTML, CSS, JavaScript APIs, and progressive web app development.

documentationfreehtmlcssjavascriptreferencebeginner friendly

FreeCodeCamp

Free interactive coding lessons with hands-on projects and industry-recognized certifications.

coursefreebeginner friendlyinteractivehands onfull stackjavascript

Codecademy

Interactive coding lessons and projects to build real-world skills in web development and programming.

coursepaidbeginner friendlyinteractivehands onjavascriptpython

web.dev

Google's comprehensive resource for modern web development, performance optimization, and best practices.

tutorialfreeperformanceaccessibilitymodernhands onbeginner friendly

Testing JavaScript

Comprehensive testing strategies and patterns for JavaScript applications with Kent C. Dodds.

coursepaidtestingjavascriptadvancedvideo based

Epic React

Advanced React patterns, hooks, performance optimization, and testing strategies for production applications.

coursepaidreactadvancedperformancetestingvideo based

Great Frontend

Comprehensive front-end interview preparation with 200+ practice questions from ex-FAANG interviewers.

interview preppaidcoding challengesjavascriptreactcssadvanced

Design Gurus

Specialized training for technical interviews with system design, algorithms, and front-end engineering focus.

interview preppaidsystem designcoding challengesadvancedcourse

Learn With Jason

Live coding sessions with web development experts, building real projects and sharing practical knowledge.

tutorialfreevideo basedhands onjavascriptreactmodern

CSS-Tricks

Daily articles about CSS, HTML, JavaScript, and web design with practical examples and tutorials.

blogfreecsshtmljavascriptdesigntutorialbeginner friendly

Smashing Magazine

Leading online magazine for professional web designers and developers with in-depth articles and case studies.

blogfreedesignadvancedcssjavascripttutorial

Frontend At Scale

Articles and insights on software design and architecture specifically tailored for frontend engineers.

blogfreeadvancedsystem designjavascriptperformance

Frontend Interview Handbook

Comprehensive guide for frontend interview preparation with JavaScript, React, CSS, and system design questions.

interview prepfreejavascriptreactcsssystem designopen source

LeetCode

Platform for practicing coding problems and preparing for technical interviews with 2000+ programming challenges.

interview prepcoding challengesfreepaidjavascriptpythonplatform

AlgoExpert

Comprehensive platform for learning algorithms and data structures with video explanations and practice problems.

interview preppaidcoding challengesvideo basedjavascriptpythonadvanced

System Design Primer

Open-source collection of resources for learning large-scale system design and architecture patterns.

system designfreeopen sourceinterview prepadvanceddocumentation

JavaScript.info

Modern JavaScript tutorial covering from basics to advanced topics with detailed explanations and examples.

tutorialfreejavascriptbeginner friendlyadvancedinteractive

React Tutorial

Official React tutorial with interactive examples and comprehensive guides for building modern UIs.

tutorialfreereactinteractivebeginner friendlydocumentation

TypeScript Handbook

Official TypeScript documentation with tutorials, reference materials, and examples for type-safe JavaScript.

documentationfreetypescriptreferencebeginner friendlyadvanced

CSS Reference

Visual guide to CSS properties with examples, browser support, and interactive demonstrations.

referencefreecssinteractivebeginner friendlydocumentation

HTML Reference

Visual guide to HTML elements with examples, attributes, and browser compatibility information.

referencefreehtmlbeginner friendlydocumentation

Web.dev Learn

Structured learning paths for modern web development covering HTML, CSS, JavaScript, and performance.

coursefreehtmlcssjavascriptperformancemodernhands on

Frontend Mentor

Real-world frontend challenges with designs to practice HTML, CSS, and JavaScript skills.

coding challengesfreepaidhtmlcssjavascriptdesignhands on

Codewars

Platform for improving coding skills through kata challenges in JavaScript, Python, and other languages.

coding challengesfreejavascriptpythonplatforminteractive

Exercism

Free platform for learning programming languages through exercises and mentorship from experienced developers.

coding challengesfreejavascriptpythoncommunitybeginner friendly

The Odin Project

Free full-stack curriculum with projects and community support for learning web development from scratch.

coursefreefull stackbeginner friendlyhands oncommunityopen source

Full Stack Open

Modern web application development course covering React, Redux, Node.js, MongoDB, and GraphQL.

coursefreefull stackreactnodejsdatabasemodernhands on

JavaScript30

30-day vanilla JavaScript coding challenge with video tutorials and real-world projects.

coding challengesfreejavascriptvideo basedhands onbeginner friendly

CSS Grid Garden

Interactive game for learning CSS Grid layout with visual feedback and progressive difficulty.

interactivefreecssbeginner friendlytutorial

Flexbox Froggy

Interactive game for learning CSS Flexbox with visual feedback and progressive difficulty levels.

interactivefreecssbeginner friendlytutorial

AI Tutor

Your personalized learning companion for any topic by roadmap.sh

aifreepersonalizedtutorialmodernbeginner friendly