| 1 |
Programming Basics: Get comfortable with code |
You need to understand how code works before building bigger things. |
Set up code editor (VS Code), Learn variables and types (string, number in JavaScript), Write simple calculator script, Try problems on Code Practice Website |
Five coding exercises completed, Calculator script shared in a file |
| 2 |
Control Flow & Practice |
Learn how code makes decisions and repeats actions. |
Write if-else examples (even/odd checker), Practice loops (for, while over a number list), Solve 2 new problems (temperature converter, guess game), Share code for review |
Two working programs (converter, guess game), Document feedback received |
| 3 |
Web Basics: Build and style pages |
Web apps need strong, simple web pages as a base. |
Make a two-page site (Home, About) in HTML/CSS, Add page navigation (links), Style pages with CSS colors and layout, Publish site online (GitHub Pages) |
Live site link (two pages, basic style), Code in online repo |
| 4 |
Add Interactivity with JavaScript |
Sites become useful when users can interact with them. |
Add a show/hide button with JavaScript, Make a simple form (contact form), Test form with example data, Write basic JavaScript explanations |
Contact form on your live site, JavaScript file showing button/task logic |
| 5 |
Project Start: Plan and Setup Task Tracker |
Starting a real project shows your skills to employers. |
Draw app plan on paper (homepage, add task form), Set up new code repo for Task Tracker, Create basic project structure in code editor, Push first version to GitHub |
Wireframe drawing uploaded, Initial repo with files online |
| 6 |
Build Task Tracker Core Features |
Main features show what your project can really do. |
Code form to add new tasks (JavaScript), Display tasks in a list, Allow marking tasks complete, Test all actions and fix simple bugs |
Live app link (add, list, mark tasks), Screenshots of working features |
| 7 |
Testing, Documentation, and Deployment |
Testing and docs prove your project is ready for sharing. |
Write tests for add and complete task features (Jest or similar), Write project README (steps, usage, features), Host live app (Netlify, Vercel, or GitHub Pages), Check project quality and fix formatting |
Project README file completed, Live deployed app unique link |
| 8 |
Project Demo & Interview Practice |
Showcasing your project and skills gets you ready for jobs. |
Rehearse demo of your Task Tracker app, Record short screen-share explaining your features, Write answers to 10 practice coding interview questions, Update resume with your project and skills |
Video or document explaining app features, Updated resume file ready for job search |