PHASE 1: WEB FOUNDATIONS & DESIGN BASICS
1. Introduction to Web Development
● How the web works
● Frontend vs Backend
● Tools & workflow
● Setting up your development environment
2. HTML5 Fundamentals
● Page structure & semantics
● Forms, tables & media
● Accessibility best practices
3. CSS3 Fundamentals
● Styling & layouts
● Flexbox & Grid
● Responsive design principles
PHASE 2: BOOTSTRAP & WEB DESIGN
4. Introduction to Bootstrap 4
● Bootstrap grid system
● Components & utilities
● Building responsive pages fast
5. Intermediate Bootstrap
● Customizing Bootstrap
● Real-world layout design
● Responsive dashboards
6. Web Design School – Real Website Creation
● Converting designs to websites
● Landing pages & business websites
● Design-to-code workflow
PHASE 3: JAVASCRIPT (CORE PROGRAMMING)
7. Introduction to JavaScript (ES6)
● Variables, functions & logic
● Loops & conditions
● ES6 modern syntax
8. Intermediate JavaScript
● Arrays & objects
● Functions & scope
● Error handling
9. The Document Object Model (DOM)
● DOM manipulation
● Events & user interaction
● Dynamic web pages
PHASE 4: ADVANCED JAVASCRIPT & CHALLENGES
10. Boss Level Challenge 1
● Practical JavaScript tasks
● Logic-building exercises
● Mini real-world projects
11. Advanced JavaScript & DOM
● Complex DOM manipulation
● Performance optimization
● Clean code practices
12. jQuery
● jQuery fundamentals
● DOM shortcuts
● Working with animations & effects
13. Boss Level Challenge 2
● Advanced projects
● Problem-solving under pressure
● Portfolio-ready applications
PHASE 5: COMMAND LINE & BACKEND INTRODUCTION
14. The Unix Command Line
● Navigating files & folders
● Git & version control basics
● Developer workflow
15. Backend Web Development (Intro)
● What backend development is
● Server-side logic
● Connecting frontend to backend
● Preparing students for full-stack paths
PHASE 6: REAL PROJECTS & PORTFOLIO BUILDING
16. Real-World Projects
● Business website
● Interactive web application
● Dashboard or e-commerce style project
17. Portfolio Development
● How to present projects
● GitHub & live deployment
● Preparing for clients and jobs
PHASE 7: MONETIZATION & CAREER GUIDANCE
18. Freelancing & Remote Work
● Freelancing platforms
● How to price projects
● Writing winning proposals
19. Client Acquisition
● How to get your first client
● Communication & professionalism
● Scaling income with web skills
PHASE 1: BACKEND & SERVER‑SIDE FOUNDATIONS
20. [Link]
● What [Link] is
● Node runtime & V8 engine
● Modules & [Link]
● NPM & dependency management
● File system (fs)
● HTTP module
● Environment variables
21. [Link] with [Link]
● Introduction to Express
● Routing (GET, POST, PUT, DELETE)
● Middleware
● Request & response cycle
● Static files
● Error handling
22. APIs – Application Programming Interfaces
● What APIs are
● REST architecture
● Endpoints & resources
● HTTP methods & status codes
● JSON data format
● API testing (Postman)
PHASE 2: VERSION CONTROL & SERVER‑SIDE
RENDERING
23. Git, GitHub & Version Control
● Git basics
● Repositories & commits
● Branching & merging
● GitHub workflow
● Collaboration basics
24. EJS (Embedded JavaScript Templates)
● Template engines overview
● EJS syntax
● Passing data to views
● Partials & layouts
● Dynamic pages with Express
25. Boss Level Challenge 3 – Blog Application
● Blog project setup
● CRUD functionality
● Express routing
● EJS templating
● Project structuring
PHASE 3: DATABASES & DATA MANAGEMENT
26. Databases
● What databases are
● SQL vs NoSQL
● Data modeling basics
27. SQL
● Tables & schemas
● SELECT, INSERT, UPDATE, DELETE
● Filtering & sorting data
● Relationships & joins
28. MongoDB
● NoSQL concepts
● Collections & documents
● CRUD operations
● MongoDB Atlas
29. Mongoose
● Connecting MongoDB to Node
● Schemas & models
● Validation
● Relationships
PHASE 4: FULL‑STACK INTEGRATION
30. Putting Everything Together
● MVC architecture
● Connecting frontend, backend & database
● Project structure best practices
31. Deploying Your Web Application
● Environment configuration
● Deployment basics
● Production vs development
● Hosting platforms
PHASE 5: ADVANCED PROJECTS & APIs
32. Boss Level Challenge 4 – Blog Application
● Authentication integration
● Database‑backed blog
● Deployment
● Production‑ready features
33. Build Your Own RESTful API
● API architecture
● CRUD APIs from scratch
● API documentation
● Security basics
34. Authentication & Security
● Password hashing
● Sessions
● JWT authentication
● Authorization & protected routes
PHASE 6: FRONTEND FRAMEWORK
35. [Link]
● React fundamentals
● Components & JSX
● Props & state
● Hooks
● Consuming APIs
● Connecting React to backend
PHASE 7: BONUS & SUPPORT
36. Bonus Module – Ask Angela Anything
● Common developer questions
● Debugging help
● Career guidance
● Best practices
FINAL OUTCOME
● Build backend servers with Node & Express
● Design and consume RESTful APIs
● Work with SQL & MongoDB databases
● Implement authentication & security
● Build React frontends
● Deploy full‑stack applications
● Create portfolio‑ready projects