4.66 out of 5
4.66
4711 reviews on Udemy

Git a Web Developer Job: Mastering the Modern Workflow

Learn Git, GitHub, Node.js, NPM, Object-oriented JavaScript, ES6, webpack, Gulp, BEM and Job Interview Tips
Instructor:
Brad Schiff
21,631 students enrolled
English [Auto-generated] More
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.

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!

Welcome!

1
Course Overview

Git Essentials

1
What is Git?
2
See Git in Action
3
Git Your Hands Dirty
4
Setup Your GitHub

Intro to Node.js & NPM

1
The Need for Automation and Organization
2
A Quick Note
3
Node.js Introduction
4
NPM Introduction
5
Important Note About Version Numbers

Gulp Essentials

1
Gulp Introduction
2
Gulp and PostCSS

CSS Architecture

1
CSS File Architecture
2
What is BEM?
3
Complete Two Blocks

Gulp Timeout

1
What is Browsersync?
2
Organizing our Gulpfile.js File
3
Gulp Error Handling

Mobile-first Essentials

1
What does "Mobile-first" Mean?
2
Responsive Images
3
Tips for Testing Responsive Images

Let's Build!

1
Creating Reusable Blocks
2
Headline Block
3
Column Layout Block
4
Attention to Detail (Part 1)
5
Attention to Detail (Part 2)

Git Timeout

1
Git Branches

Building "Our Features" Section

1
Styling Our Features (Part 1)
2
Styling Our Features (Part 2)

Building "Testimonial" Section

1
Styling Testimonials (Part 1)
2
Styling Testimonials (Part 2)
3
Styling Testimonials (Part 3)

Gulp Timeout (Automated Sprites)

1
Automatic Sprites with Gulp (Part 1)
2
Automatic Sprites with Gulp (Part 2)
3
Automatic Sprites with Gulp (Part 3)

Let's Finish Styling our Site

1
Styling our Footer
2
Styling our Header (Part 1)
3
Styling our Header (Part 2)

JavaScript Organization

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

Writing JavaScript for Our Header Menu

1
How to Avoid jQuery Spaghetti
2
Adjusting Our Mobile Menu
3
Animating Hamburger Menu Icon Into an "X"

Revealing Elements on Scroll

1
Revealing Elements on Scroll
2
Making our Reveal Module Reusable

Desktop Sticky Header

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

Build Our Own Modal / Lightbox Overlay

1
Building a Modal From Scratch (Part 1)
2
Building a Modal From Scratch (Part 2)

Finishing Touches

1
Lazy Loading Images for Faster Page Loads
2
Lazy Loading & Our Custom Waypoints
3
Support for Responsive Images in Legacy Browsers
4
Support for SVG Icons in Legacy Browsers (Part 1)
5
Support for SVG Icons in Legacy Browsers (Part 2)
6
Support for Flexbox Layout in Legacy Browsers

Building and Deploying

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

Looking Forward

1
Job Interviews
2
Next Steps & Career Progression
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.7
4.7 out of 5
4711 Ratings

Detailed Rating

Stars 5
3633
Stars 4
882
Stars 3
144
Stars 2
27
Stars 1
26
1d25bf36870e38f1f128d0d34a8cc28f
30-Day Money-Back Guarantee

Includes

15 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion