Welcome!
  • Introduction
  • OPTIONAL: Set up your Coding Environment
  • OPTIONAL: How This Course Is Structured
  • OPTIONAL: What Can You Do With HTML5?
  • PROJECT: Your First HTML5 Project
  • Test on Your Mobile Phone in Seconds
  • Create a VR Experience with HTML5
  • Finish Your First Mobile App
Get Started with HTML
  • Introduction
  • Code HTML with Valid Syntax
  • Validate Your Code
  • PROJECT: Create a News Article
  • Render Text with Block Elements
  • Specify Semantics for Words and Phrases
  • Relate Your Data with Lists
  • Group Elements in Containers
  • EXERCISE: Create Semantic HTML5 Content
  • OPTIONAL: EXERCISE REVIEW
  • Recap
Add Images, Videos & Rich Content
  • Introduction
  • PROJECT: Create an Album for Your Social Event
  • Prepare Your Images for the Web
  • Render Photos and Images
  • Create an Audio Player
  • Create a Video Player
  • Customize a Video Player
  • Render Data Tables
  • Recap
Style and Design with CSS
  • Introduction
  • PROJECT: Create Your First Blog
  • Apply Basic Styles
  • Target HTML Tags with Selectors
  • Add Margins and Borders
  • Style Text and Colors
  • Layout Images and Tables
  • Layout Lists with Flexbox
  • Add Background Images
  • Recap
Add Links, Actions & External Content
  • Introduction
  • PROJECT: Create a Company Website
  • Links Explained
  • URLs Explained
  • Advanced Link Options
  • Embed Videos and Content
  • PROJECT: Create Your Personal Activity Home Screen
  • Open Native Apps on Mobile Devices: Maps and Navigation
  • Open Messaging, Phone Call and Social Apps
  • Recap
Publish Your Work
  • Introduction
  • Select a Provider and a Public URL
  • Track Your Visits with Analytics
  • Publish on Firebase for Free
  • Publish on an FTP Server
  • Distribute QR Codes & Physical Web Beacons
  • Recap
Add Interaction with Social Networks
  • Introduction
  • PROJECT: Make a City Guide
  • Make Your Content Shareable
  • Integrate with Facebook
  • Integrate with Twitter
  • Work with WhatsApp & Other Social Networks
  • Recap
Optimize for Mobile Devices
  • Introduction
  • PROJECT: Create a Restaurant Menu App
  • Code Basic Mobile Optimizations
  • Optimize for iPhone and iPad
  • Optimize for Android
  • Add Sticky Headers
  • Work with High-Resolution Displays
  • Recap
Create Interactive Forms
  • Introduction
  • PROJECT: Create an E-commerce Site
  • Design the Basic Form Layout
  • Add Validation and Styles
  • Use Advanced Input Types
  • Add Drop Down Menus
  • Send the Form
  • Recap
Add Interactivity with JavaScript
  • Introduction
  • PROJECT: Create a Shopping Cart
  • Program Your HTML with JavaScript
  • Handle Events with Listeners
  • Manipulate Elements and Styles
  • Recap
Animate Your Content
  • Introduction
  • PROJECT: Design Your Own Ad Banners
  • Work with Visibility
  • Create Basic Transitions
  • Add 2D Transformations