LoginSign Up

Sdev Shopify Course

Learn step by step. Build real projects.

Coming soon

Full Stack Web Development: React + Node.js

Build complete web apps with a React front end, a Node.js API and a database.

  • 6 months
  • Beginner to advanced
  • 6 parts · 48 topics
Ask on WhatsApp when it launchesSee the full roadmap

Send us one message on WhatsApp, and we will tell you the launch date.

Planned syllabus

The full roadmap, basic to advanced

Every part builds on the one before it. You finish each part with a real project.

Parts
6
Duration
6 months
Topics
48
Projects
6
  1. Part 1Month 1: Web foundations8 topics1 project
    • How the web works: HTTP, DNS, hosting
    • HTML5 and semantic tags
    • CSS: box model, Flexbox, Grid
    • Responsive design
    • Tailwind CSS
    • Git and GitHub
    • Browser DevTools
    • Accessibility basics

    Project A responsive portfolio website.

  2. Part 2Month 2: Modern JavaScript8 topics1 project
    • Variables, types and functions
    • Arrays and objects with map, filter, reduce
    • ES modules
    • DOM and events
    • Promises, async and await, fetch
    • Error handling
    • TypeScript basics
    • npm and package.json

    Project A weather app using a public API.

  3. Part 3Month 3: React8 topics1 project
    • Components, props and JSX
    • State and events
    • useEffect and data fetching
    • Forms and validation
    • React Router
    • Context and global state
    • TanStack Query for server data
    • Next.js basics

    Project A shopping cart app in React.

  4. Part 4Month 4: Node.js and databases8 topics1 project
    • Node.js runtime and modules
    • Express: routes and middleware
    • REST API design
    • SQL and PostgreSQL
    • Prisma ORM
    • MongoDB basics
    • Authentication: sessions, JWT, password hashing
    • Validation with Zod

    Project A notes API with user accounts.

  5. Part 5Month 5: Full stack app8 topics1 project
    • Planning an app: features and database schema
    • Connecting React to your API
    • File uploads
    • Payments with Razorpay
    • Emails and notifications
    • Testing with Vitest and Playwright
    • Security basics: OWASP top 10
    • Performance and caching

    Project A full stack app with login and payments.

  6. Part 6Month 6: Ship and get hired8 topics1 project
    • Docker basics
    • Deploying to Vercel and a VPS
    • CI/CD with GitHub Actions
    • Environment variables and secrets
    • Logging and monitoring
    • Portfolio with 3 live projects
    • Resume and LinkedIn
    • Interview prep: JavaScript, React, Node, system design basics

    Project A live capstone project on your resume.

This is the planned syllabus. Small changes are possible before launch.

Want this course? Tell us.

Send one message on WhatsApp, and we will tell you as soon as the launch date is fixed.

Ask on WhatsAppSee live courses