You already understand the basics of HTML and CSS, but you don’t necessarily feel qualified for the web developer jobs you want. In this course we’ll bridge that gap by building a mobile-first responsive website, together, step-by-step. Along the way we’ll learn the modern skill-set that companies are looking for in developers.


I know what companies are looking for because as a senior developer I’ve been on the hiring side of job interviews. Every time we passed on a candidate I’d think to myself “It would be nice if we could point them towards a course that taught the exact skill set we’re looking for.”


├── 818990 - 01 - Course Overview.mp4
├── 818990 - 02 - What is Git .mp4
├── 818990 - 03 - See Git in Action.mp4
├── 818990 - 04 - Git Your Hands Dirty.mp4
├── 818990 - 05 - Setup Your GitHub.mp4
├── 818990 - 06 - The Need for Automation and Organization.mp4
├── 818990 - 07 - Node.js Introduction.mp4
├── 818990 - 08 - NPM Introduction.mp4
├── 818990 - 09 - Gulp Introduction.mp4
├── 818990 - 10 - Gulp and PostCSS.mp4
├── 818990 - 11 - CSS File Architecture.mp4
├── 818990 - 12 - What is BEM .mp4
├── 818990 - 13 - Complete Two Blocks.mp4
├── 818990 - 14 - What is Browsersync .mp4
├── 818990 - 15 - Organizing our Gulpfile.js File.mp4
├── 818990 - 16 - Gulp Error Handling.mp4
├── 818990 - 17 - What does Mobile-first Mean .mp4
├── 818990 - 18 - Responsive Images.mp4
├── 818990 - 19 - Tips for Testing Responsive Images.mp4
├── 818990 - 20 - Creating Reusable Blocks.mp4
├── 818990 - 21 - Headline Block.mp4
├── 818990 - 22 - Column Layout Block.mp4
├── 818990 - 23 - Attention to Detail (Part 1).mp4
├── 818990 - 24 - Attention to Detail (Part 2).mp4
├── 818990 - 25 - Git Branches.mp4
├── 818990 - 26 - Styling Our Features (Part 1).mp4
├── 818990 - 27 - Styling Our Features (Part 2).mp4
├── 818990 - 28 - Styling Testimonials (Part 1).mp4
├── 818990 - 29 - Styling Testimonials (Part 2).mp4
├── 818990 - 30 - Styling Testimonials (Part 3).mp4
├── 818990 - 31 - Automatic Sprites with Gulp (Part 1).mp4
├── 818990 - 32 - Automatic Sprites with Gulp (Part 2).mp4
├── 818990 - 33 - Automatic Sprites with Gulp (Part 3).mp4
├── 818990 - 34 - Styling our Footer.mp4
├── 818990 - 35 - Styling our Header (Part 1).mp4
├── 818990 - 36 - Styling our Header (Part 2).mp4
├── 818990 - 37 - Object-Oriented Programming.mp4
├── 818990 - 38 - The JS Module Pattern and webpack .mp4
├── 818990 - 39 - Integrating webpack into our Gulp Automation.mp4
├── 818990 - 40 - Tomorrow's javascript Today (Babel).mp4
├── 818990 - 41 - How to Avoid jQuery Spaghetti.mp4
├── 818990 - 42 - Adjusting Our Mobile Menu.mp4
├── 818990 - 43 - Animating Hamburger Menu Icon Into an X .mp4
├── 818990 - 44 - Revealing Elements on Scroll.mp4
├── 818990 - 45 - Making our Reveal Module Reusable.mp4
├── 818990 - 46 - Desktop Sticky Header (Part 1).mp4
├── 818990 - 47 - Desktop Sticky Header (Part 2).mp4
├── 818990 - 48 - Building a Modal From Scratch (Part 1).mp4
├── 818990 - 49 - Building a Modal From Scratch (Part 2).mp4
├── 818990 - 50 - Lazy Loading Images for Faster Page Loads.mp4
├── 818990 - 51 - Lazy Loading & Our Custom Waypoints.mp4
├── 818990 - 52 - Support for Responsive Images in Legacy Browsers.mp4
├── 818990 - 53 - Support for SVG Icons in Legacy Browsers (Part 1).mp4
├── 818990 - 54 - Support for SVG Icons in Legacy Browsers (Part 2).mp4
├── 818990 - 55 - Support for Flexbox Layout in Legacy Browsers.mp4
├── 818990 - 56 - Preparing Our Files for Go Live (Part 1).mp4
├── 818990 - 57 - Preparing Our Files for Go Live (Part 2).mp4
├── 818990 - 58 - Go Live! Deploying our Site to GitHub Pages.mp4
├── 818990 - 59 - Git Tips - How to Handle (and Avoid) Merge Conflicts.mp4
├── 818990 - 60 - Job Interviews.mp4
└── 818990 - 61 - Next Steps & Career Progression.mp4