There are currently no items in your shopping cart.

User Panel

Forgot your password?.

Git a Web Developer Job: Mastering the Modern Workflow

Video Introducing this tutorial

Welcome! :
Course Overview

Git Essentials :
What is Git?
See Git in Action
Git Your Hands Dirty
Setup Your GitHub

Intro to Node.js & NPM :
The Need for Automation and Organization
Node.js Introduction
NPM Introduction

Gulp Essentials :
Gulp Introduction
Gulp and PostCSS

CSS Architecture :
CSS File Architecture
What is BEM?
Complete Two Blocks

Gulp Timeout :
What is Browsersync?
Organizing our Gulpfile.js File
Gulp Error Handling

Mobile-first Essentials :
What does "Mobile-first" Mean?
Responsive Images
Tips for Testing Responsive Images

Let's Build! :
Creating Reusable Blocks
Headline Block
Column Layout Block
Attention to Detail (Part 1)
Attention to Detail (Part 2)

Git Timeout :
Git Branches

Building "Our Features" Section :
Styling Our Features (Part 1)
Styling Our Features (Part 2)

Building "Testimonial" Section :
Styling Testimonials (Part 1)
Styling Testimonials (Part 2)
Styling Testimonials (Part 3)

Gulp Timeout (Automated Sprites) :
Automatic Sprites with Gulp (Part 1)
Automatic Sprites with Gulp (Part 2)
Automatic Sprites with Gulp (Part 3)

Let's Finish Styling our Site :
Styling our Footer
Styling our Header (Part 1)
Styling our Header (Part 2)

JavaScript Organization :
Object-Oriented Programming
The JS Module Pattern and "webpack"
Integrating "webpack" into our Gulp Automation
Tomorrow's JavaScript Today (Babel)

Writing JavaScript for Our Header Menu :
How to Avoid jQuery Spaghetti
Adjusting Our Mobile Menu
Animating Hamburger Menu Icon Into an "X"

Revealing Elements on Scroll :
Revealing Elements on Scroll
Making our Reveal Module Reusable

Desktop Sticky Header :
Desktop Sticky Header (Part 1)
Desktop Sticky Header (Part 2)

Build Our Own Modal / Lightbox Overlay :
Building a Modal From Scratch (Part 1)
Building a Modal From Scratch (Part 2)

Finishing Touches :
Lazy Loading Images for Faster Page Loads
Lazy Loading & Our Custom Waypoints
Support for Responsive Images in Legacy Browsers
Support for SVG Icons in Legacy Browsers (Part 1)
Support for SVG Icons in Legacy Browsers (Part 2)
Support for Flexbox Layout in Legacy Browsers

Building and Deploying :
Preparing Our Files for Go Live (Part 1)
Preparing Our Files for Go Live (Part 2)
Go Live! Deploying our Site to GitHub Pages
Git Tips - How to Handle (and Avoid) Merge Conflicts

Looking Forward :
Job Interviews
Next Steps & Career Progression