← All Courses
Learn JavaScript & TypeScript logo

Learn JavaScript & TypeScript

Coming Soon

Full-stack web from vanilla JS to React and Node.js

JavaScript TypeScript React Node.js Full-Stack

Coming Soon

The most versatile full-stack language. Frontend (React, Vue, Svelte), backend (Node.js, Express, NestJS), mobile (React Native), desktop (Electron), and serverless — all from one language.

This course starts with vanilla JavaScript fundamentals, progresses through TypeScript’s type system, and builds full-stack applications across every platform.

Start Here — Learning Roadmap

A suggested path from zero to mastery. Follow these steps in order:

  1. Learn Core JavaScript — Start with variables, data types, functions, loops, and DOM manipulation using MDN or javascript.info
  2. Build Small Projects — Create a to-do app, calculator, or quiz game to solidify fundamentals and get comfortable with the browser
  3. Understand Async JavaScript — Master callbacks, promises, async/await, and the event loop — essential for everything that follows
  4. Learn TypeScript Basics — Add static types to your JavaScript knowledge with the TypeScript Handbook and TypeScript Exercises
  5. Pick a Frontend Framework — Start with React (largest ecosystem), then explore Vue or Svelte as alternatives
  6. Learn Node.js & Backend — Build REST APIs with Express or Fastify, connect to databases, handle authentication
  7. Explore Full-Stack Frameworks — Use Next.js or Nuxt to build server-rendered, full-stack applications
  8. Test Your Code — Learn Vitest or Jest for unit tests, Playwright for end-to-end testing
  9. Go Deeper — Study design patterns, performance optimization, monorepos, and advanced TypeScript generics
  10. Contribute & Ship — Deploy apps, contribute to open source, and build a portfolio of real projects

Official & Core Documentation

  • MDN JavaScript Guide — The gold standard reference for JavaScript, maintained by Mozilla and the open-source community (Beginner)
  • MDN JavaScript Reference — Complete API reference for every built-in object, method, and statement (All levels)
  • TypeScript Handbook — Official TypeScript documentation covering the entire type system (Intermediate)
  • TypeScript Playground — Browser-based TypeScript editor with instant compilation and sharing (All levels)
  • Node.js Documentation — Server-side JavaScript runtime docs with API reference and guides (Intermediate)
  • ECMAScript Specification — The living standard behind JavaScript, useful for understanding language internals (Advanced)
  • JavaScript Roadmap — Community-created visual roadmap with step-by-step learning path (Beginner)
  • TypeScript Roadmap — Structured TypeScript learning path from roadmap.sh (Intermediate)
  • React Documentation — Official React docs with interactive examples and tutorials (Intermediate)
  • Deno Documentation — Modern JavaScript/TypeScript runtime with built-in tooling (Intermediate)

GitHub Awesome Lists & Curated Collections

  • awesome-javascript — Comprehensive collection of JavaScript libraries, frameworks, and resources organized by category
  • awesome-typescript — TypeScript resources for client-side and server-side development, tools, and learning materials
  • awesome-nodejs — Delightful Node.js packages and resources, one of the most popular awesome lists on GitHub
  • awesome-react — Curated list of React ecosystem resources including libraries, tools, and tutorials
  • awesome-nextjs — Curated list of Next.js resources, libraries, and starter projects
  • awesome-deno — Curated list of Deno modules, tools, and resources for the modern JS/TS runtime
  • awesome-vue — Curated list of Vue.js ecosystem resources and community projects
  • awesome-svelte — Curated resources for Svelte and SvelteKit development

Interactive Courses & Hands-On Platforms

Free Courses

University & MOOC Courses

Practice & Challenges

  • TypeScript Exercises — Progressive TypeScript challenges that build on each other (Intermediate)
  • Exercism JavaScript Track — Mentored coding exercises with community feedback (Beginner)
  • Exercism TypeScript Track — TypeScript-specific exercises with mentor reviews (Intermediate)
  • Codewars — Thousands of JavaScript and TypeScript kata from beginner to expert (All levels)
  • LeetCode — Algorithm and data structure challenges with JavaScript/TypeScript support (Intermediate)

Video Courses & YouTube Channels

Structured Course Playlists

Individual Creators & Channels

  • Fireship — Fast-paced concept explainers and “100 Seconds” overviews for JS/TS and web tech (All levels)
  • Traversy Media — Practical crash courses and project builds for JavaScript and frameworks (Beginner)
  • Jack Herrington — Advanced TypeScript patterns, React, and modern web architecture (Advanced)
  • Web Dev Simplified — Clear explanations of JavaScript concepts from basics to advanced (Beginner)
  • The Net Ninja — Structured playlist series covering JavaScript, TypeScript, React, Node.js, and more (Beginner)
  • Theo (t3.gg) — TypeScript ecosystem opinions, tooling reviews, and full-stack development (Intermediate)
  • Matt Pocock — Advanced TypeScript tips, patterns, and type-level programming (Advanced)

Books & Long-Form Reading

Free Online Books

  • Eloquent JavaScript — Excellent for fundamentals and thinking programmatically, free online (Beginner)
  • You Don’t Know JS — Deep dive into JavaScript mechanics — closures, prototypes, async, and beyond (Intermediate)
  • JavaScript Patterns — Modern web design patterns for React and vanilla JS, free online (Intermediate)
  • TypeScript Deep Dive — Free, community-driven deep dive into TypeScript features and patterns (Intermediate)

Essential Paid Books

  • JavaScript: The Good Parts — Douglas Crockford’s classic on writing clean JavaScript (Beginner, Paid)
  • Programming TypeScript — O’Reilly guide to building robust TypeScript applications (Intermediate, Paid)
  • Effective TypeScript — 83 specific ways to improve your TypeScript by Dan Vanderkam (Advanced, Paid)
  • Node.js Design Patterns — Comprehensive guide to Node.js architecture and design patterns (Intermediate, Paid)
  • Learning React — Modern React patterns with hooks, Suspense, and server components (Intermediate, Paid)

Community, Practice & News

Forums & Discussion

Newsletters & Blogs

  • JavaScript Weekly — The de facto JavaScript newsletter, published every Friday covering major JS news
  • Bytes.dev — The most entertaining JavaScript newsletter, delivered twice a week for free
  • TypeScript Weekly — Best TypeScript links delivered weekly
  • Node Weekly — Weekly Node.js ecosystem coverage, package releases, and performance tips
  • This Week in React — Weekly React ecosystem roundup with community discussion

Package Registries & Ecosystems

  • npm — The world’s largest software registry with 2M+ JavaScript packages
  • JSR — Modern JavaScript/TypeScript package registry from the Deno team
  • Bundlephobia — Find the cost of adding an npm package to your bundle
  • Socket.dev — Detect supply chain risks in npm packages before installing them

Tools & Environments

  • VS Code — The most popular code editor for JavaScript/TypeScript with excellent built-in support
  • TypeScript Playground — Browser-based TypeScript compiler with instant feedback and sharing
  • StackBlitz — Full-stack web IDE running Node.js natively in the browser
  • CodeSandbox — Online IDE for rapid web development and prototyping
  • Vitest — Modern, fast test runner with native TypeScript and ESM support
  • Playwright — End-to-end testing framework for web apps from Microsoft
  • ESLint — Pluggable linting utility for JavaScript and TypeScript
  • Prettier — Opinionated code formatter supporting JS, TS, JSX, CSS, and more
  • Vite — Next-generation frontend build tool with instant hot module replacement
  • tsx — Run TypeScript files directly without compilation setup
  • Bun — All-in-one JavaScript runtime and toolkit with built-in bundler, test runner, and package manager
  • nvm — Node Version Manager for installing and switching between Node.js versions