Skip to content
Start Learning

Front End · Beginner · 2h 24m

HTML 5 Web Component Fundamentals

Build reusable, accessible page components with modern HTML 5.

Start Course

Course Description

This course explains how modern pages are structured and how to build your own web components. You will write semantic markup, use templates and custom elements, and combine them into a small component library.

What You'll Learn

  • Semantic HTML 5 structure and accessibility basics

  • Forms, media and the most useful new elements

  • Templates, slots and custom elements

  • Shadow DOM and encapsulated styles

  • How to organise a reusable component library

Course Content

HTML 5 Lessons

  1. HTML 5 Introduction

    How a page is built and which elements to use.

  2. HTML 5 Basic

    Text, links, media and forms in practice.

  3. HTML 5 Advanced

    Custom elements, templates and the shadow DOM.

Finally I understand what web components are and how to use them in my own projects.
— Samer Atallah, Web developer

Subscribe

All Access Membership

One subscription unlocks every course, new lessons each month and member-only coding challenges.