Web Development

• How the Web Works (Client vs Server)
• HTML5 Document Structure
• Working with Text (Headings, Paragraphs, Lists)
• Links and Navigation
• Images and Multimedia
• HTML Forms and Input Types

• Introduction to CSS (Internal, External, Inline)
• CSS Selectors and Specificity
• Colors, Backgrounds, and Borders
• Box Model (Margin, Padding, Content)
• Typography Styling in CSS
• Styling Buttons and Links

• CSS Positioning (Static, Relative, Absolute, Fixed)
• Float and Clear (Legacy Layouts)
• Introduction to Flexbox (Parent & Child Properties)
• Creating Navigation Bars with Flexbox
• CSS Grid Basics
• Centering Elements Perfectly

• Media Queries Concepts
• Mobile-First Approach
• Responsive Units (em, rem, %, vh, vw)
• Introduction to Bootstrap or Tailwind CSS
• Creating a Responsive Landing Page
• Debugging with Browser DevTools

• Introduction to JS Engine
• Variables (let, const, var)
• Data Types and Operators
• Conditional Statements (If-Else, Switch)
• Loops (For, While)
• Basic Functions

• Working with Arrays and Objects
• Arrow Functions
• Selecting DOM Elements (getElementById, querySelector)
• Event Listeners (Click, Hover, Submit)
• Changing CSS Styles via JS
• Creating Dynamic Content

• Template Literals
• Destructuring Arrays and Objects
• Spread and Rest Operators
• Introduction to JSON
• Local Storage Basics
• Form Validation with JavaScript

• Project Planning & Wireframing
• Building a Multi-page Interactive Site
• Implementation of JS Features (Sliders, Modals)
• Code Refactoring
• Performance Optimization Basics

• Client-Side vs Server-Side
• Introduction to Node.js & NPM
• Fetch API Basics (Calling external data)
• Handling Promises (Async/Await)
• Basic API Integration

• Introduction to Git
• GitHub Workflow (Commit, Push, Pull)
• Branching and Merging
• Collaboration on GitHub
• Solving Merge Conflicts

• Personal Portfolio Design
• Writing Effective Project Case Studies
• Adding Personal Projects to GitHub
• Optimizing Portfolio for Mobile

• Domain and Hosting Basics
• Deploying Websites (Netlify, Vercel, or GitHub Pages)
• Freelancing Guide for Web Developers
• Resume Building & Interview Prep
• Final Project Presentation