Web Development and Basic Programming
Equip yourself with foundational programming skills and web development expertise to create and deploy your own projects.
Course Details
Course Outline
Week 1–2: Introduction to Programming
Topics
- Basics of programming: Syntax, variables, and data types
- Control structures: Loops, conditionals, and functions
- Introduction to Git and version control
- Using Visual Studio Code (VS Code) as a development environment
Project
Create a simple calculator application using JavaScript.
Week 3–4: HTML & CSS Basics
Topics
- HTML structure and semantics
- CSS basics: Selectors, properties, and layouts (Flexbox, Grid)
- Building responsive websites using media queries
- Introduction to web accessibility and SEO fundamentals
Project
Build a personal portfolio webpage with responsive design.
Week 5–6: Advanced CSS and JavaScript Basics
Topics
- CSS animations and transitions
- JavaScript: DOM manipulation, events, and basic debugging
- Introduction to libraries like Bootstrap or Tailwind CSS
Project
Create an interactive to-do list application.
Week 7–8: Introduction to Frontend Development with React
Topics
- React basics: Components, props, and state
- JSX and functional components
- React Router for navigation
- Basic introduction to TypeScript for type safety
Project
Develop a simple blog frontend with React and mock data.
Week 9–10: Backend Development and APIs
Topics
- Node.js and Express basics
- Introduction to RESTful APIs
- Connecting frontend to backend using fetch/axios
- Database basics: MongoDB/Firestore overview
Project
Create a full-stack note-taking app (frontend + backend).
Week 11–12: Deployment and Final Project
Topics
- Hosting websites with Vercel, Netlify, or GitHub Pages
- Using cloud databases like Firebase or MongoDB Atlas
- GitHub Actions for CI/CD basics
- Project planning and team collaboration tools
Final Projects
- Team Project: Build a full-stack eCommerce site with product listings, cart, and basic user authentication
- Individual Project: Create a personal blog or portfolio site and deploy it
Course Extras
Weekly Coding Challenges
Reinforce your learning with weekly coding challenges to test your skills.
Community Support
Join a Discord group or Slack channel to connect with your peers and instructors.
Regular Code Reviews
Receive feedback and guidance on your projects through regular code reviews.
Course Outcome
Participants will leave with at least 3 projects showcasing their skills and the ability to independently build and deploy modern web applications.