Frontend Resources
None of them contain any affiliate links
Core Docs & Specifications (Free)
MDN Web Docs
Canonical docs for web APIs, JS, CSS, HTML
https://developer.mozilla.org/
ECMAScript (TC39)
Official JavaScript language specification
https://tc39.es/
WHATWG HTML Living Standard
Authoritative HTML spec
https://html.spec.whatwg.org/
W3C CSS
CSS specs and working drafts
https://www.w3.org/Style/CSS/
React Docs
React 18/19 modern docs
https://react.dev/
Next.js Docs
App Router, data fetching, deployment
https://nextjs.org/docs
TypeScript Handbook
TS language docs and tutorials
https://www.typescriptlang.org/docs/
Node.js Docs
Server-side JS runtime docs
https://nodejs.org/en/docs
Vite Docs
Modern frontend tooling
https://vitejs.dev/guide/
Video Courses & Channels
freeCodeCamp YouTube
Full-length free courses (React, JS, CSS, more)
https://www.youtube.com/@freecodecamp
Traversy Media
Practical projects, crash courses
https://www.youtube.com/@TraversyMedia
Web Dev Simplified
Modern JS/React concepts explained simply
https://www.youtube.com/@WebDevSimplified
Fireship
High-signal 100s/10s videos on web tech
https://www.youtube.com/@Fireship
The Net Ninja
Detailed playlists for JS/React/Next.js
https://www.youtube.com/@NetNinja
Kevin Powell
Deep CSS, modern layouts
https://www.youtube.com/@KevinPowell
Scrimba (free+paid)
Interactive courses on JS/React/FE
https://scrimba.com/
Frontend Masters (paid)
Expert-led in-depth tracks
https://frontendmasters.com/
Egghead (paid)
Short lessons by industry experts
https://egghead.io/
Epic React (paid)
Advanced React by Kent C. Dodds
https://epicreact.dev/
UI.dev (paid)
Modern React, Router, patterns
https://ui.dev/
Tutorials & Hands-on Practice
freeCodeCamp Curriculum
Full free curriculum with projects
https://www.freecodecamp.org/learn/
JavaScript.info
Modern JS tutorial from basics to advanced
https://javascript.info/
web.dev Codelabs
Hands-on labs for web platform
https://web.dev/codelabs/
Scrimba Free Paths
Interactive tutorials (many free)
https://scrimba.com/allcourses
Wes Bos CSS Grid
Free course on CSS Grid
https://cssgrid.io/
Wes Bos Flexbox
Free course on Flexbox
https://flexbox.io/
Frontend Mentor
Realistic UI challenges
https://www.frontendmentor.io/
Blogs & Articles
web.dev Blog
Official Chrome/Web Platform updates
https://web.dev/blog/
React Blog
Official React updates and deep dives
https://react.dev/blog
Next.js Blog
Framework updates and guides
https://nextjs.org/blog
Vercel Blog
Performance, DX, frontend infra
https://vercel.com/blog
LogRocket Blog
Frontend engineering tips and patterns
https://blog.logrocket.com/
Josh W. Comeau
Deep CSS/React articles and courses
https://www.joshwcomeau.com/
Kent C. Dodds
Testing, React, best practices
https://www.kentcdodds.com/blog
Dan Abramov – Overreacted
Thoughtful posts on React/JS
https://overreacted.io/
Smashing Magazine
Design/front-end engineering
https://www.smashingmagazine.com/
CSS-Tricks
CSS and front-end techniques
https://css-tricks.com/
Learning Paths & Curricula (Free)
Frontend Developer Roadmap
Visual guide to frontend skills
https://roadmap.sh/frontend
Full Stack Open
React, Node, GraphQL, TS
https://fullstackopen.com/en/
Web.dev Learn
Performance, PWAs, accessibility and more
https://web.dev/learn/
The Odin Project
Project-based JS/HTML/CSS
https://www.theodinproject.com/paths/full-stack-javascript
Epic React (Overview)
Advanced React (paid), great syllabus
https://epicreact.dev/
CS50 Web (Harvard edX)
Web programming with Python/JS
https://cs50.harvard.edu/web/2020/
UI Libraries & Component Systems
Tailwind CSS
Utility-first CSS framework
https://tailwindcss.com/
Shadcn UI
Copy-paste components for Tailwind
https://ui.shadcn.com/
Radix UI
Accessible primitives for React
https://www.radix-ui.com/
Chakra UI
Themeable React components
https://chakra-ui.com/
MUI
Material UI for React
https://mui.com/
Ant Design
Enterprise-grade React components
https://ant.design/
Design, CSS & Prototyping
CSS Tricks
Articles, guides, and snippets
https://css-tricks.com/
Smashing Magazine
Web design and frontend articles
https://www.smashingmagazine.com/
Figma
Design & prototyping (free tier)
https://www.figma.com/
UI Gradients
Curated gradient presets
https://uigradients.com/
Heroicons
Free MIT SVG icons
https://heroicons.com/
Lucide
Open-source icon set
https://lucide.dev/
Performance & Web Vitals
web.dev Performance
Guides for Core Web Vitals
https://web.dev/performance/
Lighthouse
Site audits for performance
https://developer.chrome.com/docs/lighthouse/overview/
Bundlephobia
Find the cost of npm packages
https://bundlephobia.com/
Perf Budget Calculator
Set performance budgets
https://perf-budget-calculator.firebaseapp.com/
Accessibility (a11y)
WebAIM
Accessibility principles and checklists
https://webaim.org/
WAI-ARIA Authoring Practices
Patterns for accessible UI
https://www.w3.org/WAI/ARIA/apg/
Axe DevTools (Free)
Automated accessibility testing
https://www.deque.com/axe/devtools/
Inclusive Components
Accessible component patterns
https://inclusive-components.design/
State Management & Data Fetching
TanStack Query
Server state for React
https://tanstack.com/query/latest
Redux Toolkit
Opinionated Redux
https://redux-toolkit.js.org/
Zustand
Minimal state library
https://zustand-demo.pmnd.rs/
SWR
React hooks for data fetching
https://swr.vercel.app/
Apollo GraphQL
GraphQL for React
https://www.apollographql.com/docs/react/
Testing & Quality
Jest
Unit testing framework
https://jestjs.io/
Vitest
Vite-native test runner
https://vitest.dev/
Testing Library
Test UI like a user
https://testing-library.com/docs/react-testing-library/intro/
Playwright
E2E testing for web apps
https://playwright.dev/
Cypress
E2E testing
https://www.cypress.io/
ESLint
Static analysis for JS/TS
https://eslint.org/
APIs, Auth & Backend for Frontend
HTTP Status
HTTP status code reference
https://httpstatuses.com/
OpenAPI
API description standard
https://www.openapis.org/
Postman
API client and collaboration
https://www.postman.com/
Auth.js
Authentication for web apps
https://authjs.dev/
Firebase
Auth, DB, hosting (free tier)
https://firebase.google.com/
Supabase
Open source Firebase alternative
https://supabase.com/
Animations & Graphics
Build Tools & Packaging
Learning Platforms (Paid + Free Trials)
Frontend Masters
Deep-dive courses by experts
https://frontendmasters.com/
Egghead.io
Short, high-signal lessons
https://egghead.io/
Udemy (React/Next.js)
Huge catalog; filter by rating/date
https://www.udemy.com/topic/react/
PluralSight
Professional tracks
https://www.pluralsight.com/browse/software-development/web-development
Coursera Web Dev
University-backed courses
https://www.coursera.org/courses?query=web%20development
Newsletters & Blogs
JavaScript Weekly
Weekly JS news
https://javascriptweekly.com/
Frontend Focus
Frontend news and articles
https://frontendfoc.us/
React Status
React ecosystem updates
https://react.statuscode.com/
CSS Weekly
CSS news and tips
https://css-weekly.com/
Smashing Newsletter
Design/dev newsletter
https://www.smashingmagazine.com/the-smashing-newsletter/
Interview Prep & Practice
Frontend Interview Handbook
Prep guide and questions
https://www.frontendinterviewhandbook.com/
Big Frontend Dev (BFE)
Practical frontend challenges
https://bigfrontend.dev/
LeetCode (Front End)
DSA + FE interviews
https://leetcode.com/explore/featured/card/front-end-interview/
UI.Dev
React and JS fundamentals (paid)
https://ui.dev/