Learning Roadmaps
Full-Stack Developer
Go from zero to building complete web applications. Learn JavaScript and TypeScript, style with CSS, work with databases and JSON, and ship a site that ranks.
Roadmap badge
Complete all courses in this roadmap to earn its badge.
Courses in this roadmap
- Step 1Beginner
Interactive JavaScript Practice
Learn JavaScript programming with hands-on exercises. Practice variables, functions, arrays, objects, and more with live code execution in your browser. Master modern ES6+ features like arrow functions, destructuring, and spread operators.
- Step 2Intermediate
Interactive TypeScript Practice
Master TypeScript with hands-on exercises. Learn types, interfaces, generics, utility types, and advanced patterns with live code execution. Build type-safe applications with instant feedback in your browser.
- Step 3Beginner
Interactive CSS Selectors & Layout
Master CSS selectors, specificity, Flexbox, and CSS Grid with hands-on exercises. Build modern layouts with live preview and instant feedback. Practice from basic selectors to complex grid layouts in your browser.
- Step 4Beginner
SQL Basics
Master the fundamentals of SQL from scratch. Learn to query, manipulate, and design databases using PostgreSQL. Build real-world database systems through hands-on exercises and a capstone project. No prior database experience required.
- Step 5Intermediate
Interactive JSON & Data Transformation
Master JSON parsing, manipulation, and transformation with hands-on exercises. Learn to navigate complex data structures, transform API responses, and build data pipelines in your browser.
- Step 6Intermediate
SEO Mastery for Next.js Developers
Learn to build search-engine-optimized Next.js applications from the ground up. Master metadata, structured data, technical SEO, and Core Web Vitals. Understand how Google crawls and indexes your pages, and implement best practices that drive organic traffic.