Skills in Web Development

🌐 Web Development – 3-Month Skill Program

Duration: 3 Months
Schedule: 5 Classes per Week, 2 Hours per Class
Total Instructional Hours: ~120 Hours

📌 Month 1: Foundations of Web Development

• Week 1: Introduction to the Web
  • How the internet works
  • Overview of front-end vs back-end
  • Setting up VS Code and live server
• Week 2: HTML5
  • Structure of a webpage
  • Semantic elements (header, nav, article, etc.)
  • Forms and multimedia
• Week 3: CSS3
  • Styling fundamentals
  • Box model, Flexbox, Grid
  • Responsive design with media queries
• Week 4: Basic Project – Static Website
  • Design and build a multi-page static site
  • Deploy on GitHub Pages
  • Introduction to Git & GitHub

📌 Month 2: JavaScript and Interactivity

• Week 5: JavaScript Essentials
  • Syntax, variables, functions
  • Arrays, objects, loops, conditions
  • DOM manipulation
• Week 6: Advanced JavaScript
  • Event handling
  • Fetch API for web requests
  • ES6+ features
• Week 7: Introduction to Frameworks
  • Intro to React.js basics or Vue.js
  • Components and props
  • Conditional rendering
• Week 8: Intermediate Project
  • Build a dynamic interactive website
  • API integration (e.g., weather, news, quotes)
  • Version control and team workflow

📌 Month 3: Backend & Full-Stack Basics

• Week 9: Introduction to Node.js
  • Server-side JavaScript
  • Express.js for routing
  • Serving HTML & APIs
• Week 10: Databases
  • Intro to MongoDB
  • CRUD operations
  • Connecting front-end to back-end
• Week 11: Authentication & Deployment
  • User login and sessions
  • Hosting with Netlify/Render/Vercel
  • Database hosting with MongoDB Atlas
• Week 12: Capstone Project
  • Build and deploy a full-stack app
  • Present and review portfolios
  • Final evaluation

✅ Deliverables:

• 2–3 Web Projects
• GitHub Portfolio
• Certificate of Completion