HTML Complete Course
Build semantic, accessible web pages from your first file to native dialogs, safe embeds and fast loading.
- Beginner
- 25 lessons
- 10 hours
Web development
Courses
CSS Complete Course
Style and lay out modern websites, from your first rule to cascade layers, Grid and scroll-driven animation.
- Beginner
- 34 lessons
- 16 hours
Responsive Web Design
Build pages that work on every screen, from a 320 pixel phone to a wide desktop monitor.
- Beginner
- 13 lessons
- 6 hours
Web Accessibility Essentials
Build and test websites that disabled people can use, from alt text to WCAG 2.2 audits.
- Beginner
- 22 lessons
- 12 hours
JavaScript Complete Course
Learn modern JavaScript from your first script to closures, async code, modules and the event loop, with projects you build as you go.
- Beginner
- 54 lessons
- 23 hours
Tutorials
-
Arrays: creating, reading and updating
Create arrays, read and change elements, add and remove items, and check length.
-
Objects: properties, methods and dot notation
Create objects, read and update properties, methods, and bracket notation for dynamic keys.
-
Selecting elements in the DOM
What the DOM is, and selecting elements with querySelector, querySelectorAll and getElementById.
-
Changing content, attributes and classes
Update text, attributes, classes and styles safely, and why textContent beats innerHTML for user data.
-
Handling events with addEventListener
Listen for clicks, input and keyboard events, the event object, and preventDefault.
-
What is JavaScript?
What JavaScript does in the browser and on servers, how it relates to HTML and CSS, and what ECMAScript means.
-
Working with forms in JavaScript
Read form values, handle submit, give live validation feedback and send data without a page reload.
-
Running JavaScript: the console, script tags and Node.js
Run code in the browser console, load scripts with the script element and defer, and run files with Node.js.
-
Variables: let, const and var
Declare variables with let and const, why var is avoided, and naming conventions.
-
Data types and typeof
Primitive types, objects, null versus undefined, and checking types with typeof.
-
Operators and comparison: == versus ===
Arithmetic, assignment, logical and comparison operators, type coercion and why strict equality is the default.
-
Text-level semantics: strong, em, code, mark and more
Elements that give meaning to text, such as strong, em, code, kbd, abbr, time and mark, and when to use each.
-
Metadata for sharing and search: canonical, Open Graph and icons
Head metadata that controls how pages appear in search and social shares, and what SEO plugins handle for you.
-
Lists: ordered, unordered and description lists
When to use ul, ol and dl, nesting lists, and the start and reversed attributes.
-
Links: absolute and relative URLs, fragments and new tabs
Write links with the a element, relative and absolute paths, links to page sections, email links, and safe new-tab links.
-
Images: src, alt text, width and height
Add images with img, write useful alt text, and set width and height to prevent layout shift.
-
Semantic layout: header, nav, main, article, section, aside and footer
Structure pages with semantic elements instead of generic divs, and how they map to landmarks.
-
HTML tables for tabular data
Build tables with table, tr, th and td, add headers, and know when a table is the wrong tool.
-
Native CSS nesting
Nest rules in plain CSS, the & selector, nesting media queries, and differences from Sass.
-
Forms: form, input, label and button
Build a working form, connect labels to inputs, and understand action, method and name.