| 1 |
Basics of JavaScript and HTML |
Foundations are needed for all web programming steps. |
Follow JavaScript tutorial (Codecademy or similar), Build and style a simple HTML page (About Me), Write a number guessing game, Debug code using browser console |
Simple HTML page online, Three basic JavaScript scripts working |
| 2 |
Core Programming and Debugging |
You must be comfortable with basics to advance. |
Write functions for calculator and counter, Practice loops with mini-projects (count odd numbers), Fix 3 error messages using console logs, Publish code to GitHub |
Calculator project in GitHub, README showing usage |
| 3 |
React Basics and Components |
Modern apps need interactive user interfaces. |
Start React app with Create React App, Make Home, About, and Contact pages (React components), Add navigation between pages, Style pages with simple CSS |
React app with 3 pages, Screenshots of working navigation |
| 4 |
Forms and State in React |
User input is at the heart of real apps. |
Build a login form in React, Show live state changes as user types, Handle errors (show message on wrong input), Test form with sample data |
Login form saving input, Demo video or GIF |
| 5 |
Back End Basics with Node.js |
Apps need data handling and logic on server. |
Set up basic Express.js server, Make GET and POST routes (list and add users), Send sample JSON data from server, Test API endpoints using Postman |
Working Node.js server code, API tested with Postman |
| 6 |
Connecting Front End and Back End |
Full stack skills show that you can build real apps. |
Fetch data from server in React, Show server data in your app, Add new data via React form, Check all messages update live |
App syncing with API data, Short demo video |
| 7 |
Testing and Deployment |
Jobs require apps that are reliable and published. |
Write unit tests for server (Jest), Write UI tests for main app features, Set up free CI (GitHub Actions), Deploy app on Netlify or Vercel |
Passing test badge, Live app link |
| 8 |
Showcase and Job Preparation |
Show your work and be ready to apply. |
Write project README with screenshots and setup steps, Update GitHub code and add live app link, Make or update resume with project, Practice three coding interview questions |
Project README and live demo on GitHub, Updated resume with project link |