07550183510
×
Welcome
×
Welcome
×
Welcome
×
Welcome
Info!
Succesfull Added in Wishlist

Modern HTML & CSS From The Beginning (Including Sass)

Created By Brad Traversy

  • Overview
  • Course Content
  • Instructor
  • Compare

Modern HTML & CSS From The Beginning (Including Sass)

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

Created By Brad Traversy

English

455 3,499

This course includes:
  • 20h 46m On-demand training
Modern HTML & CSS From The Beginning (Including Sass)

Modern HTML & CSS From The Beginning (Including Sass)

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

Created By Brad Traversy

English

455 3,499

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

Course content

87 sections • 10 lectures • 20h 46m total length
Expand all sections

Welcome To The Course

How The Web Works (Summarized)

The Roles Of HTML & CSS In Web Development

Getting Setup With Visual Studio Code

Section Intro
Doctype & Basic Layout
Setting Up Live Server (VSCode Extension)
Meta Tags & Search Engines
Headings, Paragraphs & Typography
Links, Images & Attributes
Lists & Tables

Section Intro
Implementing CSS
Basic CSS Selectors
Dev Tools Introduction
Fonts In CSS
Color Types
Backgrounds & Borders

Project Intro

Aside: Design & Ideas
File Structure & Navbar
Showcase & Home Info
Features & Footer
About Page
Contact Page

What Is Responsive Design?

Getting Started With Media Queries

Em & Rem Units
Vh & Vw Units
Making The Hotel Website Fully Responsive

What Is Flexbox?
Flexbox Basics
Flex Properties
Flex Alignment & Justify

Header HTML & Navbar Styles
Hero Section & Overlay
Icons & Solutions Sections
Cases & Blog Sections
Finishing The Homepage
Responsive Media Queries
Inner Pages
Navbar & Lightbox Effects
Extra - Adding a Favicon

Types Of Web Hosting
Shared Hosting Setup
Hosting Company Links
Setting Up Email
Upload Your Site via FTP
BONUS: Contact Form Submission (PHP Script)

Targeted Selectors
nth-child Pseudo Selectors
before & after Pseudo Selectors
Box Shadows
Text Shadows
CSS Variables (Custom Properties)
Keyframe Animation 1
Keyframe Animation 2
CSS Transitions
Transform Property

Presentation Website [1] - Intro & HTML
Presentation Website [2] - Page CSS
Presentation Website [3] - Text Animation
Hamburger Menu Overlay [1] - HTML & Base CSS
Hamburger Menu Overlay [2] - Creating The Hamburger
Hamburger Menu Overlay [3] - Animating The Hamburger Lines
Hamburger Menu Overlay [4] - Menu Overlay
Knowledge Timeline [1] - HTML & Base CSS
Knowledge Timeline [2] - Boxes & Arrows
Knowledge Timeline [3] - Responsive Media Queries
Knowledge Timeline [4] - Scroll In Animation
Quick Dropdown Menu Project
This course includes:
  • 20h 46m On-demand training

Requirements

NA

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

Instructor

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.

Similar Courses
In 2020, build a beautiful responsive Wordpress site that looks great on all devices. No experience required

In 2020, build a beautiful responsive Wordpress site that looks great on all devices. No experience required

Andrew Williams, NA

455 3,499

In 2020, build a beautiful responsive Wordpress site that looks great on all devices. No experience required

9h 20m • Mixed

Wordpress for Beginners - Master Wordpress Quickly..

Become a WordPress Developer: Unlocking Power With Code

Become a WordPress Developer: Unlocking Power With Code

Brad Schiff, NA

455 3,499

Become a WordPress Developer: Unlocking Power With Code

35h 31m • Mixed

Learn PHP, JavaScript, WordPress theming & the WP REST API to Create Custom & Interactive WordPress ..

SEO 2021: Complete SEO Training + SEO for WordPress Websites

SEO 2021: Complete SEO Training + SEO for WordPress Websites

Arun Nagarathanam, NA

455 3,499

SEO 2021: Complete SEO Training + SEO for WordPress Websites

11h 12m • Mixed

Rank 1 on Google with Technical SEO, 1s Pagespeed, UX SEO, Backlink SEO, Keyword Research SEO + Word..

The Complete WordPress Website Business Course

The Complete WordPress Website Business Course

Rob Percival, NA

455 3,499

The Complete WordPress Website Business Course

22h 3m • Mixed

Master WordPress with this Complete WordPress Course, without learning how to code and without any p..

WordPress for Beginners: Create a Website Step by Step

WordPress for Beginners: Create a Website Step by Step

Brad Schiff, NA

455 3,499

WordPress for Beginners: Create a Website Step by Step

4h 39m • Mixed

Create Websites and Blogs With Zero Experience Using WordPress and This Step By Step Guideq..

Build Responsive Real-World Websites with HTML and CSS

Build Responsive Real-World Websites with HTML and CSS

Jonas Schmedtmann, NA

455 3,499

Build Responsive Real-World Websites with HTML and CSS

37h 29m • Mixed

Learn modern HTML5, CSS3 and web design by building a stunning website for your portfolio! Includes ..

Advanced CSS and Sass: Flexbox, Grid, Animations and More!

Advanced CSS and Sass: Flexbox, Grid, Animations and More!

Jonas Schmedtmann, NA

455 3,499

Advanced CSS and Sass: Flexbox, Grid, Animations and More!

28h 6m • Mixed

The most advanced and modern CSS course on the internet: master flexbox, CSS Grid, responsive design..

HTML and CSS for Beginners - Build a Website & Launch ONLINE

HTML and CSS for Beginners - Build a Website & Launch ONLINE

Edwin Diaz, NA

455 3,499

HTML and CSS for Beginners - Build a Website & Launch ONLINE

5h 49m • Mixed

HTML and CSS for Beginners course will give your all the knowledge you need to master HTML and CSS e..

455 3,499