Web Development Foundations

6 months duration

7 modules

Updated Jul 30, 2026

Development & Programming

Course Overview

Get to know what this course is all about and what you'll learn

Course Description

Web Development Foundations is a seven-week frontend program that gets you building real, responsive websites from day one. It's a genuine frontend foundation — the visual, interactive layer of the web — and finishes with a project you ship and share.

What you'll learn

Structure web pages with semantic HTML
Style and lay out responsive pages with CSS
Write JavaScript to add logic and interactivity
Manipulate the DOM and handle user events
Fetch and display data from web APIs
Build a simple interface with React components and state
Deploy and share a finished frontend project

How it's delivered

Weekday lessons are on-demand (Monday–Thursday); live weekend sessions apply each week's topic with a mentor. The course ends with a capstone project. Submit every exercise and your capstone through your workspace.

What You'll Learn

Build for the web in seven weeks. Web Development Foundations takes you from your first HTML page to a working, interactive site with HTML, CSS, JavaScript, and an introduction to React — ending with a project you deploy and share.

Course Curriculum

7 modules • Instructor-led • Hands-on projects

Course Curriculum

Prerequisites

None. Basic computer literacy and a laptop with a modern browser. No prior coding required. (Backend, databases, and full-stack topics are covered in the full program.)

Learning Objectives

Structure web pages with semantic HTML
Style and lay out responsive pages with CSS
Write JavaScript to add logic and interactivity
Manipulate the DOM and handle user events
Fetch and display data from web APIs
Build a simple interface with React components and state
Deploy and share a finished frontend project

Course Modules

Master the fundamental tool that every professional developer uses daily. Learn to track changes, collaborate with others, and manage your code like a pro from the very beginning of your development journey.

What you'll learn

Understand version control concepts and why Git is essential for modern software development
Use GitHub effectively for remote repositories, collaboration, and showcasing your work to potential employers
Master Git basics including repositories, commits, branches, and merging for effective code management.

Build the foundation of every website by mastering HTML. Learn to create well-structured, semantic markup that forms the backbone of modern web applications and provides accessibility for all users.

What you'll learn

Understand HTML fundamentals including syntax, elements, attributes, and the Document Object Model structure
Create semantic markup using appropriate HTML5 elements for better accessibility and SEO optimization
Build structured web pages with proper heading hierarchy, navigation, and content organization
Implement forms and interactive elements for user input and data collection
Apply accessibility best practices to ensure your websites work for users with disabilities
Validate and debug HTML using browser developer tools and validation services

Transform your HTML structures into visually appealing, responsive websites. Master CSS to control every aspect of your web page appearance, from typography and colors to complex layouts and animations.

What you'll learn

Master CSS fundamentals including selectors, properties, values, and the cascade for effective styling control
Create responsive layouts using Flexbox, CSS Grid, and media queries that work across all devices
Apply advanced styling techniques including animations, transitions, and pseudo-classes for interactive experiences
Implement modern design principles with typography, color theory, and spacing for professional-looking websites
Optimize CSS performance through efficient selector usage, organization strategies, and best practices
Debug and troubleshoot CSS issues using browser developer tools and systematic problem-solving approaches

Bring your websites to life with JavaScript, the programming language of the web. Learn to add interactivity, handle user events, manipulate data, and create dynamic experiences that respond to user actions in real-time.

What you'll learn

Master JavaScript fundamentals including variables, data types, functions, and control structures for solid programming foundation
Manipulate the DOM effectively to create dynamic, interactive web pages that respond to user input and events
Handle asynchronous programming using callbacks, promises, and async/await for modern web development patterns
Work with APIs and external data to fetch, process, and display information from external sources
Implement error handling and debugging techniques to write robust, maintainable JavaScript code
Apply modern JavaScript features including ES6+ syntax, modules, and best practices for professional development

Make pages interactive. Select and manipulate elements through the DOM, respond to user events, and fetch and render live data from web APIs with async JavaScript.

What you'll learn

Select and update page elements via the DOM
Handle user events and event delegation
Fetch data from APIs with fetch and async/await
Render dynamic content from a JSON response

Build sophisticated, component-based user interfaces with React, the industry-leading JavaScript library. Learn to create scalable, maintainable frontend applications using modern development patterns and state management techniques.

What you'll learn

Master React fundamentals including JSX syntax, components, props, and the virtual DOM for efficient UI development
Implement state management using useState, useEffect, and other React hooks for dynamic application behavior
Build reusable components with proper component architecture, composition patterns, and best practices
Handle user interactions and events to create responsive, interactive user interfaces that manage data flow effectively
Integrate with APIs and external services to fetch, display, and update data in React applications
Apply modern React patterns including conditional rendering, list rendering, and component lifecycle management

Capstone: responsive site or small React app — module in the Web Development Foundations course.

What you'll learn

Plan and build a small, responsive web project end to end
Apply the HTML, CSS, and JavaScript (or React) covered across the course
Make the layout adapt cleanly across mobile, tablet, and desktop
Structure components and pages for readability and reuse
Deploy the finished project and share a working link
Present the build and explain the choices you made