English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 15.5 Hours | 2.68 GB
Learn Git, GitHub, Node.js, NPM, Object-oriented JavaScript, ES6, webpack, Gulp, BEM and Job Interview Tips
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).
Table of Contents
Welcome!
1 Course Overview
Git Essentials
2 What is Git_
3 See Git in Action
4 Git Your Hands Dirty
5 Setup Your GitHub
Intro to Node_js & NPM
6 The Need for Automation and Organization
7 A Quick Note
8 Node_js Introduction
9 NPM Introduction
10 Important Note About Version Numbers
Gulp Essentials
11 Gulp Introduction
12 Gulp and PostCSS
CSS Architecture
13 CSS File Architecture
14 What is BEM_
15 Complete Two Blocks
Gulp Timeout
16 What is Browsersync_
17 Organizing our Gulpfile_js File
18 Gulp Error Handling
Mobile-first Essentials
19 What does _Mobile-first_ Mean_
20 Responsive Images
21 Tips for Testing Responsive Images
Let’s Build!
22 Creating Reusable Blocks
23 Headline Block
24 Column Layout Block
25 Attention to Detail (Part 1)
26 Attention to Detail (Part 2)
Git Timeout
27 Git Branches
Building _Our Features_ Section
28 Styling Our Features (Part 1)
29 Styling Our Features (Part 2)
Building _Testimonial_ Section
30 Styling Testimonials (Part 1)
31 Styling Testimonials (Part 2)
32 Styling Testimonials (Part 3)
Gulp Timeout (Automated Sprites)
33 Automatic Sprites with Gulp (Part 1)
34 Automatic Sprites with Gulp (Part 2)
35 Automatic Sprites with Gulp (Part 3)
Let’s Finish Styling our Site
36 Styling our Footer
37 Styling our Header (Part 1)
38 Styling our Header (Part 2)
JavaScript Organization
39 Object-Oriented Programming
40 The JS Module Pattern and _webpack_
41 Integrating _webpack_ into our Gulp Automation
42 Tomorrow’s JavaScript Today (Babel)
Writing JavaScript for Our Header Menu
43 How to Avoid jQuery Spaghetti
44 Adjusting Our Mobile Menu
45 Animating Hamburger Menu Icon Into an _X_
Revealing Elements on Scroll
46 Revealing Elements on Scroll
47 Making our Reveal Module Reusable
Desktop Sticky Header
48 Desktop Sticky Header (Part 1)
49 Desktop Sticky Header (Part 2)
Build Our Own Modal _ Lightbox Overlay
50 Building a Modal From Scratch (Part 1)
51 Building a Modal From Scratch (Part 2)
Finishing Touches
52 Lazy Loading Images for Faster Page Loads
53 Lazy Loading & Our Custom Waypoints
54 Support for Responsive Images in Legacy Browsers
55 Support for SVG Icons in Legacy Browsers (Part 1)
56 Support for SVG Icons in Legacy Browsers (Part 2)
57 Support for Flexbox Layout in Legacy Browsers
Building and Deploying
58 Preparing Our Files for Go Live (Part 1)
59 Preparing Our Files for Go Live (Part 2)
60 Go Live! Deploying our Site to GitHub Pages
61 Git Tips – How to Handle (and Avoid) Merge Conflicts
Looking Forward
62 Job Interviews
63 Next Steps & Career Progression
Resolve the captcha to access the links!