Git a Web Developer Job: Mastering the Modern Workflow

Udemy

Online

₹ 599 3999

particular

details

                                    Medium of instructions
                                    English

                                    Mode of learning
                                    Self study

                                    Mode of Delivery
                                    Video and Text Based

Welcome!

Course Overview

Git Essentials

What is Git?
See Git in Action
Important Note About Text Editing Software
Quick Note For Mac Users
Git Your Hands Dirty
Setup Your GitHub

Intro to NodeJS and NPM

The Need for Automation and Organization
A Quick Note
Node.js Introduction
NPM Introduction
Important Note About Package Versions To Save You Frustration

Webpack Essentials

Webpack Introduction
Setup Your Text Editor To Understand PostCSS Syntax
CSS With Webpack
Important Note

CSS Architecture

CSS File Architecture
What is BEM?
Complete Two Blocks

Quick Webpack Timeout

Webpack Dev Server

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

Git Tips - How to Handle (and Avoid) Merge Conflicts

Building "Our Features" Section

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

Building "Testimonial" Section

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

Let's Finish Styling Our Site

Styling our Footer
Hexadecimal to RGBA Color In The Next Lesson
Styling our Header (Part 1)
Styling our Header (Part 2)
CSS Grid (Overlapping Content)
CSS Grid For Columns

JavaScript Organization

Object-Oriented Programming
The JS Module Pattern and "webpack"

Writing JavaScript For Our Header Menu

How to Avoid Spaghetti Code
Adjusting Our Mobile Menu
Animating Hamburger Menu Icon Into an "X"
Optional: Removing Floats from Site Header

Revealing Elements on Scroll

Revealing Elements on Scroll
Quick Note
Revealing Elements on Scroll (Part 2)
Revealing Elements on Scroll (Part 3)

Desktop Sticky Header

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

Building Our Own Modal/ Lightbox Overlay

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

Code Splitting and Lazy Loading

Code Splitting With Webpack
Lazy Loading Images for Faster Page Loads

Building and Deploying

Preparing Our Files for Go Live (Part 1)
Preparing Our Files for Go Live (Part 2)
Note About Vendor JS File
Preparing Our Files For Go Live (Part 3)
Preparing Our Files For Go Live (Part 4)
Go Live! Deploying our Site to GitHub Pages

Netify (Automated Build & Cloud Functions)

Netlify Introduction
Cloud Functions / AWS Lambda Example (Part 1)
Cloud Functions / AWS Lambda Example (Part 2)
Cloud Functions / AWS Lambda Example (Part 3)
CORS Solution (Test Cloud Function from Localhost)

Integrating React Into Our Workflow

Integrating React Into Our Workflow

Looking Forward

Job Interviews
Next Steps & Career Progression
Bonus Lecture

Popular Courses

Popular Platforms

Popular Searches

Git a Web Developer Job: Mastering the Modern Workflow

Online

₹ 599 3999

Quick Facts

Course and certificate fees

Fees information

certificate availability

certificate providing authority

The syllabus

Welcome!

Git Essentials

Intro to NodeJS and NPM

Webpack Essentials

CSS Architecture

Quick Webpack Timeout

Mobile-first Essentials

Let's Build

Git Timeout

Building "Our Features" Section

Building "Testimonial" Section

Let's Finish Styling Our Site

JavaScript Organization

Writing JavaScript For Our Header Menu

Revealing Elements on Scroll

Desktop Sticky Header

Building Our Own Modal/ Lightbox Overlay

Code Splitting and Lazy Loading

Building and Deploying

Netify (Automated Build & Cloud Functions)

Integrating React Into Our Workflow

Looking Forward

Instructors

Articles

Popular Articles

Latest Articles

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Thank You!

Download the Careers360 App on your Android phone