Modern HTML & CSS From The Beginning (Including Sass)

Name: Modern HTML & CSS From The Beginning (Including Sass)
Rating: 4.7 (17820 reviews)

Build modern responsive websites & UIs with HTML5, CSS3 & Sass! Learn Flex & CSS Grid

(17,820 ratings)

53,324 students

Created by Brad Traversy

Last updated 4/2020

English

English [Auto]

30-Day Money-Back Guarantee

What you'll learn

Build Multiple High Quality Website & UI Projects
HTML5 Semantic Layout & CSS Fundamentals
Flexbox & CSS Grid Projects
CSS Variables, Transitions, Dropdowns, Overlays & More
Website Hosting & Deployment With FTP & Git
All Skill Levels

Curated for the Udemy for Business collection

16 sections • 129 lectures • 20h 46m total length

Preview05:34
Preview07:38
The Roles Of HTML & CSS In Web Development
06:34
Getting Setup With Visual Studio Code
07:12

Section Intro
02:29
Preview08:46
Doctype & Basic Layout
07:47
Setting Up Live Server (VSCode Extension)
04:33
Meta Tags & Search Engines
09:09
Headings, Paragraphs & Typography
09:42
Links, Images & Attributes
10:25
Lists & Tables
08:46
Forms & Input
17:24
Block & Inline Level Elements
05:50
Divs & Spans, Classes & Ids
09:58
HTML Entities
07:55
HTML5 Semantic Tags & Challenge
05:35
HTML5 Semantics Solution & Wrap Up
03:37

Section Intro
03:03
Implementing CSS
08:47
Basic CSS Selectors
10:24
Dev Tools Introduction
05:39
Fonts In CSS
12:11
Color Types
08:44
Backgrounds & Borders
16:39
Box Model, Margin & Padding
15:03
Float & Alignment
13:15
Link State & Button Styling
09:19
Navigation Menu Styling
11:10
Inline, Block & Inline-Block Display
08:14
Positioning
10:32
Form Style Challenge
04:55
Form Style Solution
09:11
Aside: Visibility, Order & Negative Margin
05:43

Presentation Website [1] - Intro & HTML
07:33
Presentation Website [2] - Page CSS
09:02
Presentation Website [3] - Text Animation
08:38
Hamburger Menu Overlay [1] - HTML & Base CSS
20:18
Hamburger Menu Overlay [2] - Creating The Hamburger
11:37
Hamburger Menu Overlay [3] - Animating The Hamburger Lines
04:41
Hamburger Menu Overlay [4] - Menu Overlay
15:00
Knowledge Timeline [1] - HTML & Base CSS
07:54
Knowledge Timeline [2] - Boxes & Arrows
14:32
Knowledge Timeline [3] - Responsive Media Queries
05:51
Knowledge Timeline [4] - Scroll In Animation
09:44
Quick Dropdown Menu Project
18:43

Requirements

This course is for any developer, beginner to advanced

Description

This course is for both beginners and seasoned developers that want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies like Flexbox and CSS Grid as well as the Sass pre-compiler. This course includes hours of both learning & studying sections along with real life projects. Stop having to rely on frameworks like Bootstrap for your user interface and learn how to create your own layouts and utility classes to build custom responsive websites and app UIs.

The first few sections are tailored for beginners so even if you have never built anything before, you will learn all of the basics. If you already have experience with basic HTML & CSS, just move to section 3 or 4 and get started.

Things We Cover

How Websites Work
Visual Studio Code Setup, Shortcuts, Live Server & Emmet
HTML5 Semantic Layout
CSS Fundamentals
Responsive Design With Media Queries
CSS Units - rem, em, vh, vw, etc
Flexbox
CSS Grid
Animation with Keyframes & Transitions
CSS Variables
Sass Pre-compiler with portfolio project
Full Projects & Mini Projects
Website Deployment to Shared Hosting & Netlify With Git
Much More

Sections on Sass will be being added very shortly!

Who this course is for:

From absolute beginner to seasoned developer

Featured review

Meet Thakkar

3 courses

1 review

10 months ago

Amazing course!!!. It was amazing experience to learn HTML & CSS under Brad's teaching. In 2-3 points, I felt like Brad doesn't explain whole thing clearly. But somethimes you have to search some stuff at another places also so that you can have better understating. Other than that, I think It is the best HTML & CSS course for beginners on udemy. Worth for money and time. I am jumping into Javascript course which is created by Brad. Thank you Brad and Good luck to all.

Brad Traversy

Full Stack Web Developer & Instructor at Traversy Media

4.7 Instructor Rating
109,405 Reviews
281,692 Students
16 Courses

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

Modern HTML & CSS From The Beginning (Including Sass)

What you'll learn

Course content

Introduction4 lectures • 27min

HTML Basics14 lectures • 1hr 52min

CSS Basics16 lectures • 2hr 33min

Hotel Website7 lectures • 1hr 35min

Intro To Responsive Layouts5 lectures • 1hr 8min

Intro To Flexbox4 lectures • 22min

EdgeLedger Website (Flexbox)10 lectures • 1hr 44min

Website Deployment - Shared Host6 lectures • 35min

More CSS Concepts - Advanced Selectors, Animation & More10 lectures • 1hr 25min

Mini Projects With Keyframes, Transitions, etc12 lectures • 2hr 14min

Requirements

Description

Who this course is for:

Featured review

Instructor