← Back to Courses

Web Development Foundations

Start from zero and build your first portfolio site. Learn the terminal, Git, HTML, CSS, JavaScript, and responsive design through hands-on projects in every module.

Beginner60 hours10 modules56 lessons

Curriculum

01Terminal & Command Line Basics

180min
  • Free PreviewWhat Is the Terminal?
    30min
  • Navigating the Filesystem
    35min
  • Creating and Managing Files
    35min
  • Essential Terminal Commands
    40min
  • ProjectModule Project: Terminal Treasure Hunt
    60min

02How the Web Works

150min
  • Clients, Servers, and Protocols
    35min
  • The HTTP Request-Response Cycle
    35min
  • DNS and Domain Names
    30min
  • Browser Developer Tools
    30min
  • ProjectModule Project: Request Inspector
    60min

03Git & GitHub

180min
  • What Is Version Control?
    30min
  • Git Basics: Init, Add, and Commit
    45min
  • Branching and Merging
    45min
  • GitHub and Remote Repositories
    45min
  • ProjectModule Project: Collaboration Simulation
    60min

04HTML Fundamentals

240min
  • Free PreviewIntroduction to HTML
    40min
  • Text Elements and Structure
    45min
  • Links, Images, and Media
    45min
  • Forms and Inputs
    50min
  • Semantic HTML and Accessibility
    40min
  • ProjectModule Project: Recipe Page
    90min

05CSS Fundamentals

300min
  • Free PreviewIntroduction to CSS
    40min
  • Selectors and Specificity
    45min
  • The Box Model
    45min
  • Colors, Typography, and Backgrounds
    50min
  • Transitions and Transforms
    40min
  • CSS Variables and Best Practices
    40min
  • ProjectModule Project: Style the Recipe Page
    90min

06CSS Layout: Flexbox & Grid

240min
  • Display and Positioning
    45min
  • Flexbox Fundamentals
    45min
  • Common Flexbox Patterns
    40min
  • CSS Grid Fundamentals
    45min
  • Building Layouts with Grid
    45min
  • ProjectModule Project: Photo Gallery
    90min

07Responsive Web Design

180min
  • Mobile-First Design Principles
    35min
  • Media Queries
    40min
  • Responsive Images and Typography
    35min
  • Responsive Navigation Patterns
    35min
  • ProjectModule Project: Responsive Recipe Page
    90min

08JavaScript Fundamentals

300min
  • Free PreviewVariables and Data Types
    45min
  • Operators and Expressions
    40min
  • Control Flow and Conditionals
    45min
  • Loops and Iteration
    45min
  • Functions
    50min
  • Arrays and Objects
    50min
  • ProjectModule Project: Quiz Game
    90min

09JavaScript & the DOM

240min
  • What Is the DOM?
    40min
  • Selecting and Traversing Elements
    45min
  • Modifying Elements and Styles
    45min
  • Event Handling
    50min
  • Building Interactive Features
    50min
  • ProjectModule Project: Task Manager
    90min

10Capstone: Build Your Portfolio Site

300min
  • Planning Your Portfolio
    45min
  • Building the Portfolio
    60min
  • Deploying to the Web
    40min
  • ProjectModule Project: Personal Portfolio Site
    300min
Free
Sign Up to Enroll
DifficultyBeginner
Duration60 hours
Modules10
Lessons56