Build a Responsive Web Site from Scratch

Lesson 1, Step 1: Introduction

Courses Outline

Free
Introduction
3:58
The Design
4:39
Exporting Assets
2:54
What is a Front-end Workflow?
3:45
Installing Node.js, npm and Gulp
6:23
Installing Gulp Plugins
4:52
Creating Gulp Tasks
8:31
Quiz
The BEM Methodology
5:03
Building the HTML Page Structure
3:12
HTML for the Page Content
6:46
Sass Partial Structure
5:54
Responsive Mixins and Functions
7:02
CSS Reset, Google Fonts and Font Awesome
4:36
The Grid System Concept
4:20
Prototyping the Grid in CSS
3:02
Creating a Responsive Grid Mixin
5:40
Quiz
Styling the Header and Navigation
5:00
Styling the Footer
5:28
Styling the Page Sections
3:29
Styling the Portfolio Section
3:22
Styling the Blog Section
3:35
Styling the Contact Form
3:34
Creating a Responsive Hamburger Menu
5:57
Refining the Responsiveness
8:57
Conclusion and Next Steps
2:46