Beginner
88 Lessons
26h
Certificate of Completion
AI-POWERED
AI-POWERED
This course includes
This course includes
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
TAKEAWAY SKILLS
Html Elements
Css
Bootstrap
Front End Development
What You'll Learn
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
What You'll Learn
Hands-on experience with creating web layouts using HTML and CSS
See more
Course Content
Introduction
Whitespace, HTML Elements, and CSS Selectors
CSS Display Property
The Box Model
CSS Positioning
Images and Floats in CSS
6 Lessons
CSS Selectors and CSS Targeting Revisited
8 Lessons
Building the First Layout
5 Lessons
Converting Our First Layout Into a Responsive One
7 Lessons
CSS Resets and Emmets
4 Lessons
Column-Based CSS Layouts
7 Lessons
An Overview of Popular CSS Frameworks
5 Lessons
Micro CSS Framework
5 Lessons
CSS Transitions, Animations, and Transforms
7 Lessons
Introducing the CSS Grid
7 Lessons
CSS Tips and Tricks for Beginners
1 Lesson
Wrapping Up
1 Lesson
Course Author
Trusted by 1.4 million developers working at companies
Anthony Walker
@_webarchitect_
Emma Bostian 🐞
@EmmaBostian
Evan Dunbar
ML Engineer
Carlos Matias La Borde
Software Developer
Souvik Kundu
Front-end Developer
Vinay Krishnaiah
Software Developer
Eric Downs
Musician/Entrepeneur
Kenan Eyvazov
DevOps Engineer
Anthony Walker
@_webarchitect_
Emma Bostian 🐞
@EmmaBostian
See how Educative uses AI to make your learning more immersive than ever before.
Instant Code Feedback
AI-Powered Mock Interviews
Adaptive Learning
Explain with AI
AI Code Mentor