← Back to Tracks
Full Stack Web Development
Master HTML, CSS, JavaScript, React, Node.js, databases, and AWS deployment. Build real-world projects at every stage!
Complete Web Development Curriculum
HTML5 - Structure of the Web
What You'll Learn:
- HTML document structure & semantic elements
- Headings, paragraphs, lists, links, images
- Forms, input types, buttons, labels
- Tables, divs, spans, iframes
- Audio, video, canvas elements
- HTML5 APIs (localStorage, geolocation)
🎯 BUILD A PROJECT
Apply HTML knowledge to build a complete webpage structure
CSS3 - Styling & Design
What You'll Learn:
- Selectors, properties, colors, typography
- Box model, margins, padding, borders
- Flexbox & CSS Grid for layouts
- Positioning (relative, absolute, fixed, sticky)
- Responsive design (media queries, mobile-first)
- CSS animations, transitions, transforms
- CSS variables (custom properties)
🎯 BUILD A PROJECT
Style your HTML webpage with professional CSS design
JavaScript - Interactivity & Logic
What You'll Learn:
- Variables, data types, operators, conditionals
- Loops (for, while, forEach, map)
- Functions (declarations, expressions, arrow)
- Arrays & objects manipulation
- DOM manipulation & event handling
- Async JavaScript (Promises, Async/Await)
- Fetch API & AJAX requests
- Error handling & debugging
🎯 BUILD A PROJECT
Add interactivity and dynamic features to your webpage
Bootstrap 5 - Rapid UI Development
What You'll Learn:
- Bootstrap grid system & responsive breakpoints
- Components (navbar, cards, modals, carousels)
- Forms & form validation
- Utilities & helper classes
- Customizing Bootstrap with CSS variables
- Icons & tooltips
🎯 BUILD A PROJECT
Build a modern, responsive website using Bootstrap components
Git & GitHub - Version Control
What You'll Learn:
- Git installation & configuration
- Basic commands (init, add, commit, push, pull)
- Branching & merging strategies
- Resolving merge conflicts
- GitHub collaboration (fork, clone, PR)
- Git workflows (GitFlow, trunk-based)
- Open source contribution basics
🎯 BUILD A PROJECT
Version control your projects and collaborate on GitHub
SQL & Databases - MySQL & PostgreSQL
What You'll Learn:
- Database design & normalization
- SQL basics (SELECT, INSERT, UPDATE, DELETE)
- Filtering (WHERE, LIKE, IN, BETWEEN)
- Joins (INNER, LEFT, RIGHT, FULL)
- Aggregation (GROUP BY, HAVING, COUNT, SUM, AVG)
- Indexes & performance optimization
- MySQL vs PostgreSQL differences
- Database relationships (1:1, 1:N, N:M)
🎯 BUILD A PROJECT
Design and query a database for your application
Node.js & Express - Backend Development
What You'll Learn:
- Node.js runtime & npm package manager
- Express.js framework & middleware
- REST API development (GET, POST, PUT, DELETE)
- Routing & request handling
- Environment variables & configuration
- Error handling & logging
- Authentication basics (sessions, cookies)
🎯 BUILD A PROJECT
Build a REST API with Express and connect to database
React.js - Modern Frontend Framework
What You'll Learn:
- React components (functional vs class)
- Props & state management
- Hooks (useState, useEffect, useContext)
- React Router for navigation
- Context API for global state
- Custom hooks creation
- API integration with Axios
- Forms & validation in React
🎯 BUILD A PROJECT
Build a dynamic frontend application with React
Nest.js - Advanced Backend Framework
What You'll Learn:
- NestJS architecture (Modules, Controllers, Providers)
- Dependency injection & modular design
- TypeORM & database integration
- Authentication (Passport.js, JWT)
- Authorization with Guards & Interceptors
- WebSockets for real-time features
- API documentation with Swagger
🎯 BUILD A PROJECT
Build a production-ready backend with NestJS
AWS Cloud - Deployment & Hosting
What You'll Learn:
- AWS EC2 - Virtual servers setup & configuration
- AWS S3 - Static website hosting & file storage
- AWS RDS - Managed databases
- Domain configuration & SSL certificates
- Nginx as reverse proxy & load balancer
- PM2 for Node.js process management
- Environment configuration for production
- CI/CD with GitHub Actions to AWS
🎯 BUILD A PROJECT
Deploy your full stack application to AWS EC2
Capstone Project - Your Own Idea
What You'll Build:
- Propose your own full stack application idea
- Get mentorship and guidance throughout development
- Apply all technologies learned (HTML, CSS, JS, React, Node, SQL, AWS)
- Build, test, and deploy to production
- Create portfolio-ready project for job applications
🎯 YOUR OWN PROJECT
Build a complete full stack application of your choice with mentor supervision
👨🏫 Weekly 1-on-1 Mentorship:
Get personalized guidance on architecture, development, and deployment