HTML5 Fundamentals
In HTML5 Fundamentals, you will learn all about the new and updated markup along with the associated JavaScript APIs that make up the modern web.
What you'll learn
HTML5 is a big and broad topic that has evolved much over the years. In this course, HTML5 Fundamentals, you'll learn about HTML5 from the new and updated markup to the associated JavaScript APIs that help make up the modern web. After gaining perspective on the breadth, scope, and history of HTML5 you learn about native selection, web forms, media, drawing, and drag and drop APIs. As you go through this course, you'll learn how to deal with out-of-date browsers and how you can detect browser capabilities so your web apps take advantage of all that HTML5 has to offer. After watching this course, you will have learned how to deal with out-of-date browsers and how you can detect browser capabilities so your web apps take advantage of all that HTML5 has to offer.
Table of contents
- Introduction 2m
- Overview and Prerequisites 3m
- What Is HTML5? 2m
- History of HTML5 6m
- HTML5 Platform 1m
- Standards Bodies 1m
- What, Why, and When 1m
- What: Structural Elements: Part 1 4m
- Structural Elements: Part 2 4m
- Elements with APIs 1m
- Form Elements 2m
- New APIs - Graphics and Typography 1m
- Interaction, Events, and Messaging 2m
- Storage and Files 1m
- Real Time Communications 1m
- Web Components 2m
- Performance Analysis 2m
- Security and Privacy 1m
- Miscellaneous APIs 3m
- Why 1m
- When 2m
- HTML4 vs. HTML5 11m
- Getting Started with HTML5 Pages 5m
- Detecting Features 4m
- Fallbacks and Polyfills 3m
- Summary 1m
- Introduction 1m
- New Elements Overview 2m
- New Elements Overview (continued) 2m
- Validation Rules Overview 3m
- New Elements: Demo 6m
- New Elements: Markup 6m
- New Elements in Different Browsers 4m
- Building Interactivity with CSS Pseudo Classes 5m
- Custom Validation Messages: Demo and Markup 2m
- Custom Validation Massages: JavaScript 3m
- Custom Validation Rules: Demo, Markup, and JavaScript 3m
- Bootstrap Module: Demo and Markup 4m
- Bootstrap Module: JavaScript 3m
- Summary 0m
- Introduction 2m
- What Is Canvas? 1m
- Drawing Basics Part One 2m
- Drawing Basics Part Two 3m
- Drawing Rectangles 3m
- Order of Operations 1m
- Arcs, Text, and Gradients 4m
- Effects: Scale and Rotation 4m
- Effects: Translate 3m
- State Management 2m
- Animation Basics 3m
- Clipping Introduction 1m
- Clipping Circle 3m
- Clipping Rectangle 2m
- Clear Clipping Areas 2m
- Clipping Non-contiguous Areas 2m
- Demo: Magnifying Glass 4m
- Demo: Static Chart 2m
- Demo: Dynamic Chart 3m
- Demo: Video Thumbnails 3m
- Summary 1m
- Introduction 0m
- Events Overview 2m
- Events in Detail 1m
- Basics: Demo and Markup 2m
- Basics: JavaScript 1m
- Basics: JavaScript (continued) 3m
- Role Selectors: Demo and Code 4m
- Events: Demo and Markup 2m
- Events: JavaScript 2m
- Effects: Demo and Markup 3m
- Effects: JavaScript 4m
- Types: Demo and Markup 2m
- Types: JavaScript 2m
- File System: Demo and Markup 1m
- File System: JavaScript 2m
- Summary 1m
Course FAQ
HTML5 is the 5th and latest version of the markup language that makes up and describes the structure and content of the World Wide Web. It is the skeleton or frame of all websites and plays a critical role in what you see on any given web page.
HyperText Markup Language (HTML) refers to the primary code/language used to build web pages. HTML5 is the 5th version of HTML, which includes a more structured and logical syntax than original HTML, and which more strongly supports audio and video elements, among many other improvements.
This HTML5 basics course will teach you about:
- The history and future of HTML5
- Structural elements of HTML5
- Elements with APIs - graphics, typography, etc.
- Web components
- Detecting features of users' browsers
- Dealing with out-of-date browsers
- Using HTML5 to find specific parts of pages
- How to work with user input elements
- How to incorporate music and video through HTML5
- Much more
Nope! This is a beginner level course, so it assumes no prior knowledge of HTML. Just dive right in, pay attention, and start learning how to use HTML5 in your own projects.
This course is for anyone who wants to learn HTML. It is geared towards beginners, but even more experienced web developers may find great value in the way HTML5 is presented in this course.
About the author
Craig Shoemaker is a Senior Content Developer for Microsoft on the Azure Container Apps and Azure Static Web Apps teams. On some days he's building internal tools to keep Microsoft employees productive, and others days creating guidance used by hundreds of thousands of developers. Additionally, Craig is a best selling Pluralsight author and co-host of the Web Rush podcast. You can reach Craig on Twitter at @craigshoemaker or join the conversation at Web Rush https://webrush.io.