Web Design for Beginners Real World Coding in HTML CSS

Launch a career as a web designer by learning HTML5, CSS3, responsive design, Sass and more!
Web Design for Beginners Real World Coding in HTML CSS
File Size :
6.89 GB
Total length :
11h 33m



Brad Schiff


Last update




Web Design for Beginners Real World Coding in HTML CSS

What you’ll learn

Create any website layout you can imagine
Support any device size with Responsive (mobile-friendly) Design
Add tasteful animations and effects with CSS3
Use common vocabulary from the design industry

Web Design for Beginners Real World Coding in HTML CSS


No prerequisite knowledge required
No special ($$$) software required


You can launch a new career in web development today by learning HTML & CSS. You don’t need a computer science degree or expensive software. All you need is a computer, a bit of time, a lot of determination, and a teacher you trust. I’ve taught HTML and CSS to countless coworkers and held training sessions for fortune 100 companies. I am that teacher you can trust.  Don’t limit yourself by creating websites with some cheesy “site-builder” tool. This course teaches you how to take 100% control over your webpages by using the same concepts that every professional website is created with.This course does not assume any prior experience. We start at square one and learn together bit by bit. By the end of the course you will have created (by hand) a website that looks great on phones, tablets, laptops, and desktops alike.In the summer of 2020 the course has received a new section where we push our website live up onto the web using the free GitHub Pages service; this means you’ll be able to share a link to what you’ve created with your friends, family, colleagues and the world!I have helped over 100,000 students and have received the following feedback:    “…A fantastic course… clear, definite and engaging.”“…Presentation is concise without being tedious… you honestly feel that you have a thorough understanding of the subject.”“…[Brad] explained the process. Not memorize this or that, he explained the process. If you’re looking to take a course to understand the foundations of creating websites, look no further.”“Brad definitely has some of the best techniques to embed the lesson into your mind… hands down these are the best tutorials I have had the opportunity to view.”“I found this course really helpful and I highly recommend it… all things you learn are seen in action instantly.”“Brad has put together a great foundation for any body wishing to get a good understanding with front end web-development.”“…I would definitely recommend this course to most folks I know who want to learn web design.”


Section 1: Welcome!

Lecture 1 Course Introduction

Lecture 2 Big Picture Overview of Course (What To Expect)

Section 2: HTML Essentials

Lecture 3 Why HTML is Exciting

Lecture 4 First Look at HTML

Lecture 5 The Easiest Way to Get Started

Lecture 6 Hands On! Create your First HTML File

Lecture 7 Russian Stacking Dolls: Bulleted Lists

Lecture 8 HTML Document Structure

Lecture 9 First Look at Attributes: Linking Pages Together

Lecture 10 Section 1 Review

Section 3: Adding Media to a Web Page

Lecture 11 Images

Lecture 12 Audio Files

Lecture 13 Video Files

Lecture 14 Vector Graphics & Illustrations (SVG & Figma)

Section 4: Text Basics

Lecture 15 Headings

Lecture 16 Lists

Lecture 17 Bold & Italic

Lecture 18 Special Characters

Section 5: Semantics & Organization

Lecture 19 Semantic Structural Elements

Lecture 20 Navigation

Lecture 21 Non-semantic Elements (“div” and “span”)

Lecture 22 HTML Comments

Lecture 23 The “Section” Element

Section 6: Forms

Lecture 24 Forms

Lecture 25 Different Types of Inputs

Lecture 26 Choosing Between a set of options

Section 7: Tables

Lecture 27 How to Create a Table of Data

Lecture 28 Do Not Use Tables for Layout

Section 8: CSS Essentials

Lecture 29 CSS Introduction

Lecture 30 CSS Selectors

Lecture 31 The Cascade

Lecture 32 Box Model

Lecture 33 Quick Note About CSS Floats

Lecture 34 Creating a Page Layout with Floats

Lecture 35 Beauty School! Apply What We’ve Learned

Section 9: Intermediate CSS

Lecture 36 Styling Navigation Menu

Lecture 37 Overlapping Content & Transparent Backgrounds

Section 10: Less Exciting Yet Still Necessary CSS Tasks

Lecture 38 Styling Data Tables

Lecture 39 Styling Forms

Section 11: CSS Typography

Lecture 40 CSS Typography

Lecture 41 Using Custom “Web” Fonts

Section 12: Developer Timeout!

Lecture 42 Developer Tools | Inspect Elements

Section 13: CSS Backgrounds

Lecture 43 Background Images

Lecture 44 Gradient Backgrounds

Lecture 45 CSS Sprites

Lecture 46 Full Width Backgrounds – Fixed Width Content

Section 14: Responsive Web Design

Lecture 47 Chapter Introduction

Lecture 48 Responsive Web Design

Lecture 49 Responsive Grids

Lecture 50 Responsive Grid with Flexbox

Section 15: What is Flexbox in CSS?

Lecture 51 Flexbox (Part 1)

Lecture 52 Flexbox (Part 2)

Section 16: CSS Grid Layout

Lecture 53 CSS Grid Part 1

Lecture 54 CSS Grid Part 2

Lecture 55 CSS Grid Part 3

Section 17: CSS3 Special Effects

Lecture 56 Box Shadows

Lecture 57 Rounded Corners

Lecture 58 CSS Transform

Lecture 59 CSS Transitions

Lecture 60 CSS Animations

Section 18: Leveraging JavaScript without Writing JavaScript

Lecture 61 Chapter Introduction

Lecture 62 Slideshow (Part 1)

Lecture 63 Slideshow (Part 2)

Lecture 64 Reveal & Hide Content on Click / Tap

Lecture 65 Open Image in Modal Window (Gallery)

Section 19: What is Bootstrap?

Lecture 66 Bootstrap (Part 1)

Lecture 67 Bootstrap (Part 2)

Section 20: Sass

Lecture 68 Getting Started With Sass

Lecture 69 Sass Basics

Lecture 70 Sass Continued

Section 21: Pushing a Website Live Up Onto The Web

Lecture 71 Going Live using GitHub Pages

Section 22: Cross Browser Compatibility

Lecture 72 Cross Browser Support & Feature Detection

Section 23: Beyond This Course

Lecture 73 Next Steps

Lecture 74 Bonus Lecture

Anyone who wants to build websites the “professional” way,Anyone who has practiced web design as a hobby but is not confident about their skillset in a professional arena,Experienced developers looking to renew their HTML5 & CSS3 knowledge

Course Information:

Udemy | English | 11h 33m | 6.89 GB
Created by: Brad Schiff

You Can See More Courses in the Design >> Greetings from CourseDown.com

New Courses

Scroll to Top