Web Development Basics Course

What you will learn in 8 lessons

1. 1

   How the Web Works

   Start here

   Explain what happens between typing a URL and seeing a page, including browsers, servers, HTTP requests and responses and the roles of HTML, CSS and JavaScript.

   5 learning goals

   What you will learn

   1. 1.Describe how a web page reaches your screen
   2. 2.Read web addresses and domain names
   3. 3.Read HTTP requests, responses and status codes
   4. 4.Explain the roles of HTML, CSS and JavaScript
   5. 5.Set up your tools and inspect real pages
2. 2

   HTML

   Structure web pages with HTML elements and attributes, using headings, paragraphs, lists, links, images and semantic sections.

   5 learning goals

   What you will learn

   1. 1.Write well-formed HTML documents
   2. 2.Structure text with headings, paragraphs and lists
   3. 3.Link pages and build navigation
   4. 4.Add images that everyone can understand
   5. 5.Lay out pages with semantic elements
3. 3

   HTML Forms

   Build forms with labeled inputs and validation attributes, present data in tables and embed audio and video.

   5 learning goals

   What you will learn

   1. 1.Build forms that collect the right information
   2. 2.Check input with built-in validation
   3. 3.Present data in accessible tables
   4. 4.Add audio and video to a page
   5. 5.Embed content from other sources
4. 4

   CSS

   Style pages with CSS selectors, the cascade and the box model, and control colors, fonts and spacing.

   6 learning goals

   What you will learn

   1. 1.Write CSS and see how the browser applies it
   2. 2.Select the elements you want to style
   3. 3.Predict which style wins with the cascade, specificity and inheritance
   4. 4.Write colors and choose units
   5. 5.Size and space elements with the box model
   6. 6.Style text, lists, links, backgrounds and borders
5. 5

   CSS Layout with Flexbox and Grid

   Lay out pages with normal flow, positioning, flexbox and CSS grid, and choose the right tool for a given layout.

   5 learning goals

   What you will learn

   1. 1.Understand how boxes flow and how display changes them
   2. 2.Position elements with the position property
   3. 3.Build one-dimensional layouts with flexbox
   4. 4.Build two-dimensional layouts with CSS grid
   5. 5.Choose and combine layout methods for real pages
6. 6

   Responsive Web Design

   Make pages work on phones, tablets and desktops with the viewport meta tag, relative units, media queries and responsive images.

   5 learning goals

   What you will learn

   1. 1.Prepare a page to adapt to any screen
   2. 2.Adapt layouts with media queries
   3. 3.Make components respond to their container
   4. 4.Deliver images and media that fit every screen
   5. 5.Test and refine responsive pages
7. 7

   Building Accessible Web Pages

   Build pages that work with keyboards, screen readers and zoom by using semantic HTML, text alternatives, sufficient contrast and ARIA only where needed.

   6 learning goals

   What you will learn

   1. 1.Structure pages with semantic HTML
   2. 2.Provide text alternatives for non-text content
   3. 3.Make every function work with a keyboard
   4. 4.Keep text and visuals readable
   5. 5.Build accessible forms
   6. 6.Use ARIA sparingly and test your pages
8. 8

   Publishing a Website

   Organize site files, validate and debug pages, and publish a site to static hosting with a custom domain and HTTPS.

   6 learning goals

   What you will learn

   1. 1.Organize a site project and check its code
   2. 2.Find and fix problems with browser developer tools
   3. 3.Make pages load quickly
   4. 4.Write search-friendly markup
   5. 5.Publish a site on static hosting
   6. 6.Use your own domain with HTTPS and keep the site running