Career Path
A milestone-based 9-week path for freshers. Start with HTML, then learn Git/GitHub as its own workflow week before CSS, JavaScript, React, Express/Postgres, and a deployed authenticated capstone.
9 weeks ยท 15-20 hours/week
Follow the weeks in order. Each milestone ends with a concrete repo or deployed project.
Week 1
Understand what a web page is and build a semantic, accessible About-Me page before adding tooling.
Personal About-Me page built locally with semantic HTML
Deliverables: index.html, accessible sections, contact form, project review checklist
Week 2
Learn the Git and GitHub operations needed to version, publish, and review every later project.
Put Week 1 page into Git, push to GitHub, and publish with GitHub Pages
Deliverables: public GitHub repo, 5 meaningful commits, README, GitHub Pages URL, self-reviewed pull request
Week 3
Turn plain HTML into a clean responsive portfolio and learn branch-based Git workflow.
Multi-page responsive portfolio deployed from main
Deliverables: Vercel or Netlify URL, merged pull request, README setup steps
Week 4
Use JavaScript to read input, make decisions, repeat work, and update the page in response to user actions.
Interactive landing page with form validation and theme toggle
Deliverables: live page, clear commit history, .gitignore
Week 5
Fetch real data, handle loading and failure states, and document environment variable setup.
Vanilla JS public API search app
Deliverables: loading state, error state, README with API key setup
Week 6
Rebuild the API app in React so the learner can compare manual DOM updates with component-driven UI.
React version of the Week 4 API app
Deliverables: component tree, self-reviewed PR, deployed React app
Week 7
Use effects, custom hooks, Context, and persistent state to build an app that feels reliable.
Multi-page React notes/tasks app with global state
Deliverables: deployed app, persistent state, loading and empty UI
Week 8
Build a standalone REST API first, so API design is clear before it is connected to React.
Express + Postgres Tasks API tested with curl/Postman
Deliverables: CRUD endpoints, migration files, structured errors, .env.example
Week 9
Connect React to Express, add JWT authentication, deploy both sides, and present a capstone like a junior developer.
Task Manager, Blog, or Bookmark Manager with auth and CRUD
Deliverables: frontend URL, backend URL, monorepo README, architecture diagram, walkthrough video
Start from zero and build a strong HTML foundation through focused reading, small browser examples, quick checks, and practical exercises.
Learn the basic Git operations every fresher needs: status, add, commit, log, diff, restore, gitignore, branches, remotes, push, pull, README, GitHub Pages, and pull requests.
Style pages with the box model, Flexbox, Grid, responsive rules, and a PR-based deploy workflow.
Learn values, functions, arrays, DOM selection, events, and form validation by building an interactive page.
Use ES modules, array methods, fetch, async/await, loading states, errors, and environment variables.
Rebuild the API app in React using components, JSX, props, state, events, lists, and controlled forms.
Build reliable React apps with useEffect, custom hooks, Context, localStorage, and complete UI states.
Build a standalone backend with Express routes, middleware, REST verbs, Postgres, Prisma, validation, and structured errors.
Connect React to Express, add JWT authentication, deploy frontend and backend, and present the final capstone.