Roadmap for learning web development
This roadmap is for reference. For a structured hands-on program, check out SDE Bootcamp.
Frontend 101 (HTML, CSS, JS)
- Learn JavaScript CLI
- Paid Course
- Private Video
- Free Guide: Building Blocks and Objects
- Build Quiz App and Utility Apps
- Learn HTML
- Learn CSS Basics
- Learn deployment on Netlify
- Build Portfolio Website
- Learn JS on the Browser: DOM, Events
- Build Utility Apps:
- Linting
- Learn Intermediate CSS: Position, Selectors, Flex, Grid, media, specificity
- Check out and use the best UI design resources
- Learn about Web Basics, Async, Promise, Ajax
- Paid Course
- Private Video
- Free Guide: Web Basics, Async JS and Using fetch
Backend 101 (RESTful APIs using Node+Express)
- Learn how to build a backend server using express.js
- Learn about designing APIs
- Paid Course
- Private Video
- Free Guide: Basics, Best Practices, Versioning
React
- Paid Course
- Private Video: React Basics, React Intermediate, React Router, Building, Deploying and Backend Integration
- Free Guide
MongoDB and Session Management
- Learn mongodb, mongoose
- Paid Course: MongoDB, Mongoose
- Private Video
- Free Guide: MongoDB, Mongoose
- Learn session management:
- Project: Rating and Review Website
Capstone Project
- Learn the e-commerce lifecycle and build an e-commerce website