The Foundation Beginner Certificate

Frontend Foundation: HTML and CSS

The two languages every browser renders, taught as a system rather than a list of properties. You write markup that describes meaning, then lay it out with Flexbox and Grid so it holds at any width — and you learn accessibility here, at the start, where it costs nothing, instead of bolting it on later.

12 lessons 630 min

HTML5
CSS3
Flexbox
Grid
Responsive
Accessibility

Skills

What You Will Learn in This Course

Choose the element that describes the content, not the one that looks right.

Build any layout with Flexbox and CSS Grid.

Write responsive CSS driven by the content rather than by device sizes.

Make a page usable with a keyboard and a screen reader.

Translate a design file into accurate markup.

About This Course

Requirements

The setup module.

Who It Is For

Complete beginners to the web.

Curriculum

Course Content

12 items · 1 sections

01 How the browser turns HTML into a page Preview 40 min
02 Semantic HTML: headings, sections, landmarks 50 min
03 Forms, inputs and native validation 50 min
04 Images, media and loading them responsibly 40 min
05 CSS selectors, the cascade and specificity 55 min
06 The box model, sizing and spacing 45 min
07 Flexbox in depth 55 min
08 CSS Grid in depth 60 min
09 Responsive design driven by content 50 min
10 Custom properties, tokens and theming 45 min
11 Accessibility from the start: keyboard and focus 50 min
12 Project: a responsive landing page from a design file 90 min

Certified

Certificates You Can Earn

Finish your course and receive an accredited MotiGraph certificate you can add to your CV and share with employers.