Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
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:
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!
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Welcome!|
|Section 2: Git Essentials|
What is Git?Preview
See Git in ActionPreview
Git Your Hands Dirty
Setup Your GitHub
|Section 3: Intro to Node.js & NPM|
The Need for Automation and Organization
|Section 4: Gulp Essentials|
Gulp and PostCSS
|Section 5: CSS Architecture|
CSS File Architecture
What is BEM?
Complete Two Blocks
|Section 6: Gulp Timeout|
What is Browsersync?
Organizing our Gulpfile.js File
Gulp Error Handling
|Section 7: Mobile-first Essentials|
What does "Mobile-first" Mean?
Tips for Testing Responsive Images
|Section 8: Let's Build!|
Creating Reusable Blocks
Column Layout Block
Attention to Detail (Part 1)
Attention to Detail (Part 2)
|Section 9: Git Timeout|
|Section 10: Building "Our Features" Section|
Styling Our Features (Part 1)
Styling Our Features (Part 2)
|Section 11: Building "Testimonial" Section|
Styling Testimonials (Part 1)
Styling Testimonials (Part 2)
Styling Testimonials (Part 3)
|Section 12: Gulp Timeout (Automated Sprites)|
Automatic Sprites with Gulp (Part 1)
Automatic Sprites with Gulp (Part 2)
Automatic Sprites with Gulp (Part 3)
|Section 13: Let's Finish Styling our Site|
Styling our Footer
Styling our Header (Part 1)
Styling our Header (Part 2)
The JS Module Pattern and "webpack"
Integrating "webpack" into our Gulp Automation
How to Avoid jQuery Spaghetti
Adjusting Our Mobile Menu
Animating Hamburger Menu Icon Into an "X"
|Section 16: Revealing Elements on Scroll|
Revealing Elements on Scroll
Making our Reveal Module Reusable
|Section 17: Desktop Sticky Header|
Desktop Sticky Header (Part 1)
Desktop Sticky Header (Part 2)
|Section 18: Build Our Own Modal / Lightbox Overlay|
Building a Modal From Scratch (Part 1)
Building a Modal From Scratch (Part 2)
|Section 19: 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
|Section 20: 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
|Section 21: Looking Forward|
Next Steps & Career Progression
Hi, I'm Brad and I’ve taught web development to countless coworkers and held training sessions for fortune 100 companies.
I also teach local night classes and run a somewhat popular YouTube channel named LearnWebCode.
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.