Build Amazing Layouts with HTML5, CSS3, and Bootstrap 4
INTERACTIVE COURSE

Build Amazing Layouts with HTML5, CSS3, and Bootstrap 4

Beginner

88 Lessons

26h

Certificate of Completion

AI Explanations
AI Explanations
Build Amazing Layouts with HTML5, CSS3, and Bootstrap 4
92 Playgrounds
14 Quizzes
53 Illustrations

Takeaway Skills

Hands-on experience with creating web layouts using HTML and CSS

A working knowledge of the tools, technologies, and concepts required for creating modern layouts

Familiarity with popular CSS frameworks, including Bootstrap 4, Bulma, and MDL

An understanding of advanced CSS concepts, including CSS variables and the CSS grid

Course Overview

This course provides an in-depth look into building web layouts from scratch. It includes detailed guidance on HTML5, CSS3, and Bootstrap 4. You will begin with an overview of the basics of HTML and CSS. Using the knowledge you gain in the first few lessons, you will build an HTML5 and CSS3 layout. Next, you will make the layout responsive using media queries. Then, you will learn about popular CSS frameworks and create your own micro framework. After this, you will build a layout using the Bootstrap 4 f...Show More

Course Content

1

Introduction

2

Whitespace, HTML Elements, and CSS Selectors

3

CSS Display Property

4

The Box Model

5

CSS Positioning

6

Images and Floats in CSS

6 Lessons

7

CSS Selectors and CSS Targeting Revisited

8 Lessons

8

Building the First Layout

5 Lessons

9

Converting Our First Layout Into a Responsive One

7 Lessons

10

CSS Resets and Emmets

4 Lessons

11

Column-Based CSS Layouts

7 Lessons

12

An Overview of Popular CSS Frameworks

5 Lessons

13

Micro CSS Framework

5 Lessons

14

CSS Transitions, Animations, and Transforms

7 Lessons

15

Introducing the CSS Grid

7 Lessons

16

CSS Tips and Tricks for Beginners

1 Lesson

17

Wrapping Up

1 Lesson

COURSE AUTHOR

How You'll Learn

Hands-on Coding Environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath