Beginner Web Development Roadmap - 8 Week Checklist
Week 1-2: HTML + CSS
- Learn HTML tags, forms, images, tables
- Learn CSS selectors, box model, flexbox, grid
- Projects: Bio page, Simple landing page
- Resources: freeCodeCamp, Flexbox Froggy
Week 3: Basic JavaScript
- Learn variables, loops, functions, events
- DOM manipulation basics
- Projects: Calculator, To-do list
- Resource: JavaScript.info
Week 4: JavaScript Projects + Git
- Build interactive projects (image slider, quiz app)
- Learn Git basics and upload to GitHub
Week 5-6: Responsive Design + CSS Frameworks
- Learn responsive design with media queries
- Learn Bootstrap or Tailwind CSS
- Projects: Blog layout, Responsive portfolio
Week 7: React Basics
- Learn components, props, state, JSX
- Build a weather app using API
- Resource: React.dev
Week 8: Final Project + Portfolio
- Build and host personal portfolio site
- Add resume and contact form
Beginner Web Development Roadmap - 8 Week Checklist
- Host with GitHub Pages or Netlify
Post-Course: Freelancing Start
- Create Fiverr/Upwork profiles
- Offer web development gigs
- Apply to small jobs using your portfolio