Front-End Fundamentals

Goals:

Fundamental understanding of what HTML is and how it works
Fundamental understanding of what CSS is and how it works
Ability to make and debug web Layouts
Familiarise people with the notion of templates
Disabuse wrong or misleading notions about Responsive Design

Lectures:

HTML Overview & Syntax
HTML Tags and Structure
CSS Overview & Syntax
CSS Selectors
CSS Specificity
CSS Typography
CSS Box Model
CSS Positioning
CSS Layout - Float
CSS Layout - Flexbox
CSS Layout - Grid
CSS Layout - Tips, Tricks and Useful Patterns
CSS Icon Fonts
CSS Transitions
CSS Animations
CSS Media Queries - Responsive Design


HTML Tables and Forms - Bonus Homework
HTML Video and Audio - Bonus Homework
CSS Font Embedding - Bonus Homework
CSS Border Styles - Bonus Homework
CSS Box Shadow Effects - Bonus Homework
CSS Timing Functions - Bonus Homework

Additional Reading

From the Archives
CSS Sliding Doors