💻 Free Web Development Course
8 modules. 8 real projects. 1 portfolio. No experience needed — just your browser. Learn HTML, CSS, JavaScript, React and Node.js from zero to deployment, then build a portfolio that wins clients. 100% free, learn at your own pace.
🧱
Module 1HTML & CSS Fundamentals
Beginner⏱ ~2 weeks
Structure pages with HTML and style them with CSS: layout, flexbox and responsive basics. Understand how every website you visit is put together — then build one yourself.
- HTML tags, forms & semantic structure
- CSS selectors, box model & specificity
- Flexbox & Grid layouts
- Responsive design & mobile-first basics
🛠️ Mini-project: Build a personal profile page with a responsive layout that works on phone and desktop.
⚡
Module 2JavaScript Essentials
Beginner⏱ ~3 weeks
Make pages interactive: DOM, events and ES6. Learn how buttons, forms and animations come alive — the skill every modern website runs on.
- Variables, functions, arrays & objects
- DOM manipulation & event handling
- ES6: arrow functions, spread, modules
- Fetch API & working with JSON
🛠️ Mini-project: Build an interactive to-do app with localStorage — add, delete, and filter tasks.
🌿
Module 3Git & GitHub
Beginner⏱ ~1 week
Version-control workflow: save every step of your code and collaborate like a pro. Every developer uses Git — learn it early and thank yourself forever.
- Commits, branches & merging
- Pushing to GitHub repositories
- Pull requests & code review basics
- Undo mistakes without panic
🛠️ Mini-project: Push your profile page to GitHub with a clean commit history and a README.
⚛️
Module 4Frontend Frameworks
Intermediate⏱ ~3 weeks
React/Vue basics: components, state and props. Build apps faster with the tools real companies hire for — learn once, use everywhere.
- Components & props
- State and the render loop
- Hooks: useState & useEffect
- Routing & project structure
🛠️ Mini-project: Rebuild your to-do app as a React app with components and routing.
🟢
Module 5Backend with Node.js
Intermediate⏱ ~3 weeks
APIs and Express: build the server side. Turn your frontend skills full-stack — handle data, users and requests like a real backend.
- Node.js & npm fundamentals
- Express servers & REST APIs
- Middleware & error handling
- Connecting frontend to your API
🛠️ Mini-project: Build a notes API with Express — your React to-do app talks to a real server.
🗄️
Module 6Databases
Intermediate⏱ ~2 weeks
SQL & MongoDB: store data properly. Learn how apps remember things — from user accounts to product catalogs — and query them fast.
- SQL basics: SELECT, JOIN, WHERE
- MongoDB documents & collections
- CRUD with Mongoose
- Data modeling for real apps
🛠️ Mini-project: Persist your notes app in MongoDB — data survives server restarts.
🚀
Module 7Deployment
Intermediate⏱ ~1 week
Hosting, domains and CI/CD: put your app on the internet. Go from localhost to a live URL anyone in the world can visit.
- Static hosting vs servers
- Custom domains & HTTPS
- Deploying frontend + backend together
- CI/CD: auto-deploy on git push
🛠️ Mini-project: Deploy your full-stack notes app to a live URL with a custom domain.
🏆
Module 8Final Project — Portfolio Website
Intermediate⏱ ~2 weeks
Portfolio website build: combine everything into one showcase piece. Turn your 7 projects into a portfolio that wins freelance clients and jobs.
- Portfolio structure that converts
- Case studies for each project
- Writing your first gig description
- Where to find your first client
🛠️ Mini-project: Publish your portfolio and write your first freelance gig description.