Course Highlights
  • 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
Skills you will learn!
Curriculum

2 Topics
Course Introduction
Big Picture Overview of Course (What To Expect)

8 Topics
Why HTML is Exciting
First Look at HTML
The Easiest Way to Get Started
Hands On! Create your First HTML File
Russian Stacking Dolls: Bulleted Lists
HTML Document Structure
First Look at Attributes: Linking Pages Together
Section 1 Review

5 Topics
Images
Image Exercise
Audio Files
Video Files
Vector Graphics & Illustrations (SVG & Figma)

4 Topics
Headings
Lists
Bold & Italic
Special Characters

5 Topics
Semantic Structural Elements
Navigation
Non-semantic Elements ("div" and "span")
HTML Comments
The "Section" Element

3 Topics
Forms
Different Types of Inputs
Choosing Between a set of options

2 Topics
How to Create a Table of Data
Do Not Use Tables for Layout

7 Topics
CSS Introduction
CSS Selectors
The Cascade
Box Model
Quick Note About CSS Floats
Creating a Page Layout with Floats
Beauty School! Apply What We've Learned

2 Topics
Styling Navigation Menu
Overlapping Content & Transparent Backgrounds

2 Topics
Styling Data Tables
Styling Forms

2 Topics
CSS Typography
Using Custom "Web" Fonts

1 Topic
Developer Tools | Inspect Elements

4 Topics
Background Images
Gradient Backgrounds
CSS Sprites
Full Width Backgrounds - Fixed Width Content

4 Topics
Chapter Introduction
Responsive Web Design
Responsive Grids
Responsive Grid with Flexbox

2 Topics
Flexbox (Part 1)
Flexbox (Part 2)

3 Topics
CSS Grid Part 1
CSS Grid Part 2
CSS Grid Part 3

5 Topics
Box Shadows
Rounded Corners
CSS Transform
CSS Transitions
CSS Animations

5 Topics
Chapter Introduction
Slideshow (Part 1)
Slideshow (Part 2)
Reveal & Hide Content on Click / Tap
Open Image in Modal Window (Gallery)

2 Topics
Bootstrap (Part 1)
Bootstrap (Part 2)

3 Topics
Getting Started With Sass
Sass Basics
Sass Continued

1 Topic
Going Live using GitHub Pages

1 Topic
Cross Browser Support & Feature Detection

2 Topics
Next Steps
Bonus Lecture

  Write a Review

Web Design for Beginners: Real World Coding in HTML & CSS

Go to Paid Course