The Complete Junior to Senior Web Developer Roadmap (2022)

Udemy

Improve your web development knowledge and skillset to advance in your professional development career.

Online

₹ 455 3499

particular

details

                                    Medium of instructions
                                    English

                                    Mode of learning
                                    Self study

                                    Mode of Delivery
                                    Video and Text Based

Introduction

Course Overview
Join Our Online Classroom!
Exercise: Meet The Community
First Day Of Work
Before You Get Started
Don't Be A Junior Developer

SSH

Bruno's Request
Introduction to SSH
SSH Command
Quick Note: SSH Key In Previous Video
Resources: SSH Command
Saving The Day Through SSH
Optional: Digital Ocean Set Up
Optional: Digital Ocean Server
How SSH Works
Symmetric Encryption
Asymmetric Encryption
Resources: Asymmetric Encryption
Hashing
Passwords Or SSH?
SSH Into A Server
Quick Note: SSH Into A Server
Resources: SSH Into A Server
Exercise: Set Up SSH on Github
Extra Solution: Set Up SSH on Github
Solution: Set Up SSH on Github
Optional: Contributing To Open Source Projects
Section Summary
Web Developer Monthly

Performance Part 1

Bruno's Request
Monthly Coding Challenges, Free Resources and Guides
Introduction to Performance Part 1
3 Keys To Performance
Network Performance
Image File Formats
Resources: Image File Formats
Image Optimizations
Image Optimizations 2
Exercise: #1 - Media Queries
Delivery Optimizations
Resources: Delivery Optimizations
Exercise: #2 - Network Optimizations
Solution: #2 - Network Optimizations
Critical Render Path Introduction
Critical Render Path 1
Critical Render Path 2
Critical Render Path 3
Resources: Async + Defer
Critical Render Path 4
Exercise: #3 - Critical Render Path
Exercise: #4 - Keiko Corp Website
Resources: Keiko Corp Website
Solution: Keiko Corp Website
Optional: Resource Prefetching
Resources: Performance Tools
HTTP/2
Resources: HTTP/2
HTTP/3
Section Summary

Optional: React + Redux + Module Bundling

Important: Thinking Like A Senior Developer
Optional Section
Bruno's Request
Section Overview
Updated Code For This Section
Angular vs React vs Vue
Learning Guideline
Quick Note About React
CWD: Introduction To React.js
CWD: Create React App
CWD: React App Folder Structure
CWD: React Fundamentals
CWD: React Fundamentals 2
CWD: Class vs Functional App.js
CWD: Hooks vs Classes
Quick Note: Service Worker File
CWD: Your First React Component
CWD: Building A React App 1
React.Fragment and Semantic HTML
Exercise: Learn to Read the Docs
CWD: Building A React App 2
CWD: Building A React App 3
CWD: Styling Your React App
Quick Note: JSON Placeholder
CWD: Building A React App 4
CWD: Building A React App 5
CWD: Building A React App 6
Project Files
CWD: Keeping Your Projects Up To Date
Exercise: React 17
Solution: React 17
CWD: React Review
CWD: Error Boundary In React
CWD: Deploying Our React App
CWD: React Hooks
CWD: React Hooks 2
CWD: React Hooks 3
CWD: React Hooks 4
CWD: React Hooks 5
CWD: React Hooks 6
CWD: React Hooks 7
CWD: React Hooks 8
Project Files - Hooks
CWD: React Hooks 9
Introduction To Redux And Webpack
State Management
Why Redux?
Installing Redux
Redux Toolkit
Redux Actions And Reducers
Redux Store And Provider
Redux connect()
Redux Middleware
Redux Async Actions
Redux Project Structures
Project Files - Redux
Popular Tools For React + Redux
Module Bundlers
Introduction To Webpack
Update: Babel 7 + ESlint + Webpack 5
Webpack
Updating Libraries: Babel 7 + ESlint
Quick Fix: Babel 7 Plugins
Resources: Webpack Configurator
Parcel
Parcel v2!
Section Summary

Performance Part 2

Bruno's Request
Section Overview
Updated Code For This Section
Optimizing Code
Code Splitting Introduction
Exercise: #1 - Code Splitting
Code Splitting Part 1
ES2020: Dynamic import()
Code Splitting Part 2
Code Splitting Part 3
Code Splitting Part 4
Exercise: #2 - Code Splitting
Solution: React.lazy() Code Splitting
React Performance Optimizations
Resources: React Performance
React Performance Optimizations 2
Resources: React Performance 2
Optimizing Code Review
Resources: Tree Shaking 101
Progressive Web Apps
Opt-In Service Worker in CRA
Resources: Progressive Web Apps
Progressive Web Apps Examples
PWA - HTTPS
Resources: PWA - HTTPS
PWA - App Manifest
Resources: PWA - App Manifest
PWA - Service Workers
Update for CRA v4 and React 17+
Resources: PWA - Service Workers
PWA - Final Thoughts
Exercise: #3 - PWA
Quick Note: Upcoming Video
Deploying Our React App
Service Worker Updates
Solution Part 1 - PWA
Solution Part 2 - PWA
Solution Files - PWA
Section Summary

Testing

Bruno's Request
Section Overview
Updated Code For This Section
Types of Tests
Testing Libraries
Note: The Next Videos
Unit Tests
Integration Tests
Automation Testing
Final Note On Testing
Setting Up Jest
Our First Tests
Writing Tests
Quick Note: Upcoming API Endpoint + ES6 Modules
Asynchronous Tests
Asynchronous Tests 2
Resources: Jest Cheat Sheet
Mocks and Spies
Exercise: #1 - Testing With Jest
Note: Testing React Apps
Enzyme vs React Testing Library
Introduction To Enzyme
Resources: Enzyme
Quick Note: Empty Snapshots
Snapshot Testing
Snapshot Testing + Code Coverage
Exercise: #2 - Testing Stateful Components
Testing Stateful Components
Quick Recap
Exercise: #3 - Testing Connected Components
Testing Connected Components
Testing Connected Components 2
Exercise #4 - Testing All Components
Testing Reducers
Testing Actions
Exercise: #5 - Final Tests
Note: What Test is Best?
Section Summary

TypeScript

Bruno's Request
Section Overview
Updated Code For This Section
Dynamic vs Static Typing
Weakly vs Strongly Typed
Static Typing In Javascript
TypeScript Compiler
Resources: Installing Node.js
Resources: Installing TypeScript Compiler
TypeScript
Resources: TypeScript In Your Editor
TypeScript 2
TypeScript 3
Resources: TypeScript Types
TypeScript 4
TypeScript 5
TypeScript 6
Resources: Type Vs Interface
TypeScript 7
Resources: Type Assertion
TypeScript 8
TypeScript 9
TypeScript 10
DefinitelyTyped
Update: Create React App with TypeScript
Exercise: #1 - TypeScript In Robofriends
Resources: TypeScript In Robofriends
Solution: #1 - TypeScript In Robofriends
Solution Files - TypeScript In Robofriends
A Little Joke
Section Summary

SPA vs Server Side Rendering

Bruno's Request
Section Overview
CSR vs SSR
Server Side Rendering React
Note: SSR In React
CSR vs SSR Part 2
SSR React Libraries
Static vs SSR vs CSR: Gatsby.js vs Next.js vs React.js
Quick Note: Upcoming Videos
Setting Up Next.js
Next.js Pages
Client Side Routing
Exercise: #1 - Client Side vs Server Side Routing
Shared Components
Dynamic Apps with Next.js
Exercise: #2 - Updated Next.js Features
Deploying Next.js Apps
Updating To Latest Version Of Next.js
Exercise: #3 - SSR Robofriends
Understand JavaScript SEO
Section Summary

Security

Section Overview
Star Of Security
Injections
Exercise: #1 - Injections
Exercise: #2 - Security Files
Resources: Installing PostgreSQL
3rd Party Libraries
Note: NPM v6
Logging
HTTPS Everywhere
XSS + CSRF
Exercise: #3 - XSS + CSRF
Resources: XSS + CSRF
Code Secrets
Secure Headers
Resources: Secure Headers
Access Control
Data Management
Resources: Storing Passwords
Don’t Trust Anyone
Authentication
Exercise: #4 - Optional Hacking
Resources: Personal Security
Section Summary

Code Analysis

Bruno's Request
Section Overview
Quick Note: Windows Users
Quick Note: Updated API
Setting Up Your Environment
Exercise: #1 - SmartBrain App
Optional: CWD - Installing PostgreSQL
How To Analyze Code
Exercise: #2 - Analyze Code
Exercise: #3 - Multiple Face Detection
Resources: New Feature Commit
Solution: #3 - Multiple Face Detection
Section Summary
Customizing Your App

Docker

Bruno's Request
Section Overview
Updated Code For This Section
Docker Containers
Installing Docker
Resources: Installing Docker
Dockerfile
Resources: Dockerfile
Docker Commands
Dockerfile 2
Exercise: #1 - Your First Docker Container
Quick Note: Docker Compose
Docker Compose
Resources: Docker Compose Commands
Docker-Compose 2
Resources: Docker Volumes
Docker Compose 3
Docker Compose 4
Resources: PostgreSQL With Docker
Docker Compose 5
Docker Compose 6
Resources: init.db File
Docker Compose 7
Exercise: #2 - Dockerize SmartBrain App
Project Files - Docker
Update: Docker Networks
Section Summary

Redis

Bruno's Request
Section Overview
Quick Note About Next Video
Introduction To Databases
Redis Version Updates
Installing Redis
Resources: Installing Redis
Redis Commands
Redis Data Types
Redis Hashes
Redis Lists
Redis Sets + Sorted Sets
Section Summary

Sessions + JWT

Section Overview
Cookies vs Tokens
Resources: Cookies vs Tokens
What We Are Building
JWT
Exercise: #1 - JWT
Project Goals
Exercise: #2 - Code Along
Profile Icon
Resources: Profile Icon
Profile Dropdown
Resources: setState() Callback
Profile Styling
Profile Modal 1
Profile Modal 2
Profile Modal 3
Profile Modal 4
Resources: HTML Entities
Updating Profile 1
Resources: Updating Profile
Updating Profile 2
Updating Profile 3
User Authentication
Sending The JWT Token
Adding Redis
Exercise: #3 - Adding Redis to Docker Compose
Solution: #3 - Adding Redis To Docker Compose
Storing JWT Tokens
Retrieving Auth Token
Client Session Management
Resources: Bearer Token
Session Sign In
Authorization Middleware
Fixing A Bug
Reviewing Our Code
Updating Our App
Optional: Why bcrypt-nodejs?
Section Summary
Exercise: #4 - Improving SmartBrain

AWS

Bruno's Request
Section Overview
Updated Code For This Section
Amazon Web Services
Monolithic vs Micro Services
Amazon Lambda
Amazon Lambda Dashboard
Quick Note: AWS Lambda
Serverless
Serverless 2
IAM
Resources: IAM
Deploying A Function
Deploying A Function 2
Deploying A Function 3
Quick Bug Fix
Section Summary
Exercise: Your Own Lambda Function

Performance Part 3

Bruno's Request
Section Overview
CDNs
GZIP
Database Scaling
Caching 1
Caching 2
Caching 3
Resources: Caching
Load Balancing
Nginx 1
Exercise: Load Testing Your Load Balancer
Nginx 2
Resources: Nginx
Section Summary

CI/CD

Bruno's Request
Section Overview
Updated Code For This Section
Continuous Integration, Delivery, Deployment
Building Great Software
Resources: CI Tools
CircleCI
Continuous Integration 1
Continuous Integration 2
Exercise: Your Own CI Flow
Building Great Software 2
Section Summary

Extra Bits

Section Overview
Complexity vs Simplicity
NPM Is Not Your Friend
Learn To Learn
Start With Why
Endorsements On LinkedIN

The Final Video

Become an Alumni
Coding Challenges
The One You Have Been Waiting For
Thank You

Extras: For Windows Users

Introduction From Wolfgang
Git for Windows
Install NodeJS for Windows
Install PostgreSQL for Windows
Using PSQL and PGADMIN

AMA Video!

AMA - 100,000 Students!!
Course Review
The Final Challenge

Bonus Section

Bonus Lecture

Popular Courses

Popular Platforms

Popular Searches

The Complete Junior to Senior Web Developer Roadmap (2022)

Online

₹ 455 3499

Quick Facts

Course overview

The highlights

Program offerings

Course and certificate fees

Fees information

certificate availability

certificate providing authority

Who it is for

What you will learn

The syllabus