What is HTML?
Understand what HTML is and the role it plays in every web page.
Web Development
Learn to build real websites from scratch with HTML, CSS and JavaScript.
0 / 86 lessons
HTML Fundamentals
How Websites Work
Learn what happens between typing a URL and seeing a web page.
HTML Document Structure
Build a complete, valid HTML document from the required boilerplate.
HTML Elements and Tags
Understand how elements, tags, and attributes fit together.
Headings
Use heading levels to structure a page from most to least important.
Paragraphs
Write readable blocks of text using paragraph elements.
Text Formatting
Emphasize words using semantic formatting elements.
Links
Connect pages and sites using anchor elements.
Images
Add images with proper source and alternative text.
File Paths
Reference files correctly using relative and absolute paths.
Lists
Present items using ordered and unordered lists.
Tables
Display rows and columns of data with table elements.
HTML Comments
Leave notes in your code that the browser ignores.
Semantic HTML
Use meaningful elements that describe the purpose of content.
Div and Span
Group and wrap content when no semantic element fits.
Forms
Collect user input with a basic HTML form.
Input Types
Choose the right input type for each kind of data.
Labels and Accessibility
Connect labels to inputs so forms are usable by everyone.
Buttons
Create buttons and understand their different types.
Audio and Video
Embed playable audio and video with native HTML elements.
Embedding Content
Embed external content such as maps or videos with iframes.
Meta Tags
Use meta tags to control page settings and how it is shared.
HTML Best Practices
Write clean, valid, accessible HTML you can be proud of.
HTML Review Challenge
Combine everything from the HTML section into one page.
Project: Build a Personal Profile Page
Apply your HTML skills to build a complete personal profile page.
CSS Fundamentals
What is CSS?
Understand what CSS is and why it is separate from HTML.
How CSS Works
Learn the three ways to add CSS and which to prefer.
CSS Syntax
Read and write CSS rules with correct syntax.
Selectors
Target the right elements using different selector types.
Classes and IDs
Use classes and ids appropriately for styling.
Colors
Set colors using names, hex, RGB, and HSL.
Backgrounds
Style element backgrounds with color and images.
Typography
Control text appearance with typography properties.
Fonts
Apply custom fonts, including web fonts.
Borders
Add and style borders around elements.
The Box Model
Understand content, padding, border, and margin.
Width and Height
Size elements with fixed and flexible units.
Margin
Create space between elements with margin.
Padding
Add space inside elements with padding.
Display
Control layout flow with the display property.
Positioning
Place elements precisely with the position property.
Flexbox Basics
Lay out items in a row or column with flexbox.
Flexbox Alignment
Align and justify flex items on both axes.
Flexbox Layouts
Build flexible, wrapping layouts with flexbox.
CSS Grid Basics
Create two-dimensional layouts with CSS Grid.
Grid Layouts
Build responsive page layouts with Grid.
Responsive Design
Design pages that work on any screen size.
Media Queries
Apply different styles at different screen widths.
Transitions
Animate property changes smoothly with transitions.
Transforms
Move, scale, and rotate elements with transforms.
Shadows
Add depth with box and text shadows.
CSS Variables
Reuse values with custom properties.
CSS Organization
Structure CSS so it stays maintainable.
CSS Review Challenge
Combine core CSS skills to style a small page.
Project: Build a Responsive Landing Page
Build a polished, responsive landing page with CSS.
JavaScript Fundamentals
What is JavaScript?
Understand what JavaScript is and what it adds to a web page.
How JavaScript Works
Learn where JavaScript runs and how to add it to a page.
Variables
Store and reuse data with variables.
Constants
Use const for values that should never change.
Data Types
Recognize JavaScript's core data types.
Operators
Perform calculations and comparisons with operators.
Strings
Work with text using strings and template literals.
Numbers
Work with numbers and basic math operations.
Booleans
Use true/false values to drive decisions.
Conditions
Understand how conditions control program flow.
If Statements
Run code conditionally with if, else if, and else.
Switch Statements
Handle many discrete cases with switch.
Loops
Understand why loops repeat work efficiently.
While Loops
Repeat code while a condition stays true.
For Loops
Repeat a known number of times with a for loop.
Functions
Package reusable logic into functions.
Parameters
Pass information into functions with parameters.
Return Values
Get results out of functions with return.
Arrays
Store ordered lists of values in arrays.
Array Methods
Transform arrays with map, filter, and forEach.
Objects
Group related data with objects.
Object Properties
Read, add, and update object properties.
DOM Basics
Understand the DOM as the page's live structure.
Selecting Elements
Find elements on the page to work with them.
Changing Content
Update text and HTML on the page with JavaScript.
Changing Styles
Modify element styles and classes with JavaScript.
Events
Respond to user actions with event listeners.
Forms with JavaScript
Read input values and validate forms with JavaScript.
Local Storage
Save data in the browser with localStorage.
JavaScript Review Challenge
Combine variables, logic, functions, and the DOM.
Project: Build an Interactive Website
Build a small interactive web app using JavaScript.