Stage 1 of 5
Stage 1: Getting Started
Build and deploy your first real homepage, then meet the whole toolchain: CSS, Git, JavaScript and React.
What this stage covers
5 hands-on lessons built around runnable examples. Every lesson is published as a full page below — read it, copy the code, do the assignment, then check the solution.
- GitHub
- Vercel
- CSS
- JavaScript
- React
- Next.js
Getting Started
5 lessonsFive guided sessions that take you from an empty folder to a live URL, then give you a first practical taste of the tools used in the rest of the course.
About this subject
Audience: A complete beginner who has never used HTML/CSS/Git before Goal: When you finish this module, your own homepage with a real URL will be published on the internet
Lesson List
| Lesson | Title | Key Topics |
|---|---|---|
| 01 | Build My Homepage in 5 Minutes with GitHub + Vercel | HTML file → upload to GitHub → automatic deployment with Vercel |
| 02 | Make My Homepage Beautiful with CSS | Colors, fonts, Flexbox, responsive design basics |
| 03 | Work Like a Real Developer with Git Commands | The four core commands: clone, add, commit, push |
| 04 | Add Interactivity to My Homepage with JavaScript | DOM manipulation, events, dark mode toggle |
| 05 | Build a Real Web App with React + Next.js | Components, props, useState, deploying to Vercel |
When You Finish This Module
[Write an HTML file on my computer]
↓
[Upload the code to GitHub]
↓
[Vercel automatically deploys the homepage]
↓
[https://myname.vercel.app — public to the whole world]
↓
[Edit the code → commit → automatic redeployment]
Once this flow becomes second nature, you are ready to dive deeper into the following subjects.
Next Learning Path
- HTML in more depth → HTML subject
- CSS in more depth → CSS subject
- JavaScript in more depth → JavaScript subject
Written: 2026-05 / License: free to modify and redistribute
Build Your First Homepage in 5 Minutes
Create a real HTML page, upload it to GitHub, and publish it to a live URL with automatic Vercel deployment.
Style Your Homepage with CSS
Colors, fonts, Flexbox and responsive basics that make your first page look deliberately designed.
Work Like a Real Developer with Git Commands
The four core commands — clone, add, commit, push — and how real teams move code between machines and the cloud.
Add Interactivity with JavaScript
DOM manipulation, events and a dark-mode toggle that makes your page respond to the people using it.
Build a Real Web App with React + Next.js
Components, props and useState — then deploy the resulting app straight from your own repository.
The 5-stage series
64 lessons totalLearn this stage with a mentor
Work through these lessons on your own, or join a guided cohort at our Pitampura campus and online.