Git a Web Developer Job: Mastering the Modern Workflow

Learn Git, Object-oriented JavaScript, Gulp, Mobile-first philosophy, BEM, webpack, Babel & other skills companies want.
4.8 (408 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,768 students enrolled
$19
$60
68% off
Take This Course
  • Lectures 61
  • Length 15 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 8/2016 English

Course Description

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.”

I couldn’t find a course like that - so I built this one.

By the end of this course you’ll be able to build sites using the modern skills, tools, and best-practices that companies need in developers.

Take your developer career to the next level by:

  • Learning Git, GitHub, and command-line basics to collaborate with other developers and deploy your sites live up onto the web.
  • Leveraging Node.js tools like NPM and Gulp to save time by automating tasks.
  • Enhancing your CSS knowledge with techniques (BEM & PostCSS) to keep your styles super-organized and manageable even on larger sites.
  • Speeding up your sites with the mobile-first performance philosophy.
  • Understanding JavaScript basics like Object-oriented Programming, and how to write well-structured code using the ES6 module pattern (Babel & webpack).
  • Discovering tips to get more job interviews, do well in interviews, and continually progress in your career (avoid burnout & stagnation).


This course may be brand new, but this isn’t my first time teaching. I’ve led trainings for Fortune 500 companies, and I’ve already helped over 7,000 people on Udemy and received the following feedback:

"Brad definitely has some of the best techniques to embed the lesson into your mind… hands down these are the best tutorials I have had the opportunity to view."

"Presentation is concise without being tedious… you honestly feel that you have a thorough understanding of the subject."

"…[Brad] explained the process. Not memorize this or that, he explained the process. If you're looking to take a course to understand the foundations of creating websites, look no further."

I've been teaching for the better part of a decade and I consider this course my magnum opus. This is the course I wish I could have taken several years ago.

Become highly valuable and relevant to the companies that are hiring web developers; in one convenient place alongside one instructor. If you're ready to begin your transformation - I'll see you on the inside!

What are the requirements?

  • You'll need a basic understanding of HTML and CSS. Do you know how to use HTML to create a paragraph element? Do you know how to use CSS to make that paragraph orange?
  • All software we'll use is 100% free, and we'll use 100% free web hosting through the "GitHub Pages" service.
  • I recommend a modern text editor: Atom is free and excellent (Google it).
  • Access to your own computer or laptop (not a public computer like in a library) as we'll be installing various tools on our computers throughout the course. Windows or Mac OS are great. Everything will work on Linux as well, but I don't walk through any Linux-specific instructions.

What am I going to get from this course?

  • Build websites using the modern skills, tools, and best-practices that companies are looking for in developers.
  • Write organized, well structured JavaScript and CSS that other developers can easily understand.
  • Confidently apply for web developer jobs knowing you can jump into a dev team and immediately contribute to projects.

What is the target audience?

  • You'll benefit from this course if you're looking to bridge the gap between what you currently know (HTML & CSS) and what hiring companies want you to know.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Welcome!
Course Overview
Preview
07:44
Section 2: Git Essentials
What is Git?
Preview
09:16
See Git in Action
Preview
14:57
Git Your Hands Dirty
14:16
Setup Your GitHub
14:25
Section 3: Intro to Node.js & NPM
The Need for Automation and Organization
07:20
Node.js Introduction
15:26
NPM Introduction
15:18
Section 4: Gulp Essentials
Gulp Introduction
17:33
Gulp and PostCSS
19:45
Section 5: CSS Architecture
CSS File Architecture
19:39
What is BEM?
18:29
Complete Two Blocks
19:36
Section 6: Gulp Timeout
What is Browsersync?
13:31
Organizing our Gulpfile.js File
07:12
Gulp Error Handling
05:52
Section 7: Mobile-first Essentials
What does "Mobile-first" Mean?
16:27
Responsive Images
19:53
Tips for Testing Responsive Images
06:55
Section 8: Let's Build!
Creating Reusable Blocks
16:56
Headline Block
18:36
Column Layout Block
18:05
Attention to Detail (Part 1)
18:52
Attention to Detail (Part 2)
15:00
Section 9: Git Timeout
Git Branches
19:02
Section 10: Building "Our Features" Section
Styling Our Features (Part 1)
18:53
Styling Our Features (Part 2)
09:26
Section 11: Building "Testimonial" Section
Styling Testimonials (Part 1)
19:55
Styling Testimonials (Part 2)
16:10
Styling Testimonials (Part 3)
12:34
Section 12: Gulp Timeout (Automated Sprites)
Automatic Sprites with Gulp (Part 1)
19:58
Automatic Sprites with Gulp (Part 2)
19:53
Automatic Sprites with Gulp (Part 3)
12:58
Section 13: Let's Finish Styling our Site
Styling our Footer
07:46
Styling our Header (Part 1)
19:08
Styling our Header (Part 2)
14:02
Section 14: JavaScript Organization
Object-Oriented Programming
Preview
19:58
The JS Module Pattern and "webpack"
17:31
Integrating "webpack" into our Gulp Automation
12:12
Tomorrow's JavaScript Today (Babel)
16:21
Section 15: Writing JavaScript for Our Header Menu
How to Avoid jQuery Spaghetti
18:13
Adjusting Our Mobile Menu
16:25
Animating Hamburger Menu Icon Into an "X"
17:42
Section 16: Revealing Elements on Scroll
Revealing Elements on Scroll
19:55
Making our Reveal Module Reusable
09:49
Section 17: Desktop Sticky Header
Desktop Sticky Header (Part 1)
16:13
Desktop Sticky Header (Part 2)
19:54
Section 18: Build Our Own Modal / Lightbox Overlay
Building a Modal From Scratch (Part 1)
18:33
Building a Modal From Scratch (Part 2)
19:41
Section 19: Finishing Touches
Lazy Loading Images for Faster Page Loads
15:45
Lazy Loading & Our Custom Waypoints
05:45
Support for Responsive Images in Legacy Browsers
03:46
Support for SVG Icons in Legacy Browsers (Part 1)
19:19
Support for SVG Icons in Legacy Browsers (Part 2)
06:23
Support for Flexbox Layout in Legacy Browsers
08:35
Section 20: Building and Deploying
Preparing Our Files for Go Live (Part 1)
19:02
Preparing Our Files for Go Live (Part 2)
14:41
Go Live! Deploying our Site to GitHub Pages
09:58
Git Tips - How to Handle (and Avoid) Merge Conflicts
10:21
Section 21: Looking Forward
Job Interviews
17:46
Next Steps & Career Progression
09:07

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

My name is Brad, and during my decade in the workforce I’ve taught HTML and CSS to countless coworkers and held training sessions for fortune 100 companies.

I’m a front-end developer, designer, and educator. I’ve been building user interfaces for over a decade for the world's largest brands, international technology leaders, and national political campaigns.

I'm fortunate to enjoy the development work I do, but my true passion is helping people learn. I look forward to answering your questions and am available for 1-on-1 chats with all of my students.

Ready to start learning?
Take This Course