The Complete Web Developer in Zero to Mastery

Udemy

Master the skills and competencies in web development using Javascript, HTML, CSS, React, Node.js, and many more.

Online

₹ 449 3499

particular

details

                                    Medium of instructions
                                    English

                                    Mode of learning
                                    Self study

                                    Mode of Delivery
                                    Video and Text Based

Introduction

Course Outline
Join Our Online Classroom!
Exercise: Meet The Community
Join Our Open Source Projects!

How the Internet Works

Browsing the Web
Breaking Google
Exercise: Break Google Yourself
The Internet Backbone
Traceroute
Exercise: Running traceroute
DEVELOPER FUNDAMENTALS: I
What Does A Developer Do?
Optional: The Article Which Inspired This Course
Web Developer Monthly

History of the Web

WWW vs Internet
HTML, CSS, Javascript
DEVELOPER FUNDAMENTALS: II
Monthly Coding Challenges, Free Resources, and Guides
Developer History
Exercise: Adding CSS and JavaScript to Tim's website
Optional Resource: More About the History of the Web

HTML 5

Build Your First Website
Resources: Your Text Editor
DEVELOPER FUNDAMENTALS: III
Quick Note About w3schools
How To Ask Questions
HTML Tags
HTML Tags 2
Self Closing HTML Tags
Anchor Tag
Q&A: index.html
Q&A: Relative vs Absolute Path

Advance HTML 5

HTML Forms
HTML Forms 2
Submitting A Form
HTML Tags 3
HTML vs HTML 5
Copy A Website
HTML Challenge
HTML Lesson Files
Exercise: HTML Quiz
Optional Exercise: More HTML

CSS

Exercise Files: Code-Along
Your First CSS
CSS Properties
CSS Selectors
Optional Exercise: CSS Selectors
Text and Font
Images In CSS
Box Model
px vs em vs rem
Optional: PX, EM, REM, %, VW, and VH
Exercise: CSS Quiz

Advance CSS

Critical Render Path
Exercise File: Code-Along Images
Flexbox
Optional Exercise: Flexbox Froggy
CSS 3
Optional Exercise: Mastering Transitions and Transforms
Responsive UI
Image Gallery Files
Exercise: Robot Animation
Exercise: Robot Animation Starter Files
Solution: Robot Animation
Optional Exercise: CSS

Bootstrap, Templates, and Building Your Startup Landing Page

Evolving Technology
Bootstrap Introduction
Bootstrap
Bootstrap 5 Update
Bootstrap Grid
Free Resources For Our Project
Exercise: Startup Landing Page
Exercise: Startup Landing Page 2
Exercise: Startup Landing Page 3
Quick Note: The hr tag
Exercise: Startup Landing Page 4
Exercise: Startup Landing Page 5
Quick Note: Mailchimp
Exercise: Adding Email Subscribe Form With MailChimp
Quick Note: Upcoming Videos
Exercise: Putting Your Website Online
Exercise: Putting Your Website Online 2
Quick Note: Upcoming Video
DEVELOPER FUNDAMENTALS: IV
Using Templates
Resources for FREE Templates
Startup Landing Pages by Students

CSS Grid + CSS Layout

Section Overview
CSS Grid vs Flexbox vs Bootstrap
Quick Note: grid-gap to gap
CSS Grid 1
CSS Grid 2
CSS Grid 3
CSS Grid 4
CSS Grid 5
Optional Exercise: CSS Grid
Exercise: CSS Layout
Solution: Navigation Bar
Solution: Navigation Bar 2
Solution: Cover
Solution: Project Grid + Footer
Quick Note: Upcoming Video
Solution: Prettify
Resources: CSS Guide
The Truth About CSS

Career Of A Web Developer

Career Of A Web Developer
2022 Updated Statistics
Web Developer Roadmap
Quick Note: Upcoming Video
What If I Don't Have Enough Experience?
Endorsements On LinkedIn
New: DEVELOPER FUNDAMENTALS
Learning Guideline

Javascript

Introduction To Javascript
What Is Javascript?
Your First Javascript
Exercise: Number, String, Boolean, Comparisons
Variables
Exercise: Variables
Exercise: Make A Calculator
Control Flow
Exercise: Make A Keyless Car
Javascript On Our Webpage
Functions
Exercise: Make A Keyless Car Even Better
Data Structures: Arrays
Exercise: Arrays
Data Structures: Objects
Exercise: Objects And Arrays For Facebook App
Exercise: Build Facebook
Javascript Terminology
Loops
Exercise: Build Facebook 2
Javascript Keywords
Section Outline Document

DOM Manipulation

Document Object Model
DOM Selectors
Exercise: DOM Selectors
DOM Events
Note: Callback Functions
Exercise: DOM Events
Solution: DOM Events
Exercise: Background Generator
Background Generator Files
jQuery
DEVELOPER FUNDAMENTALS: V

Advanced Javascript

Scope
Exercise: Scope
Advanced Control Flow
Exercise: Advanced Control Flow
ES5 and ES6
Exercise: ES5 and ES6
Advanced Functions
Exercise: Advanced Functions
Advanced Arrays
Exercise: Advanced Arrays
Advanced Objects
Quick Note: Upcoming Videos
Pass By Value vs Pass By Reference
Type Coercion
Exercise: Advanced Objects
ES7 (ES2016)
Exercise: ES7
ES8 (ES2017)
Exercise: ES8
Note: ES9 + ES8 Async Await
ES10 (ES2019)
Exercise: ES10
Advanced Loops
Exercise: Advanced Loops
ES2020 Part 1
ES2020 Part 2
ES2020 Part 3
Exercise: ES2020
ES2021
Debugging
How Javascript Works
Modules
Resources: Modules
Extra Javascript Practice
Optional Exercise: Javascript Logic

Command Line

For WINDOWS Users ONLY
Quick Note: For Windows Users
Using The Terminal
Exercise: Practice Using The Terminal

Developer Environment

Sublime Text
Resources: Customizing Sublime Text
VS Code
Resources: Customizing VS Code
Terminal
Resources: Customizing Terminal
For Windows: Customizing Git Bash

Git + Github + Open Source Projects

Installing Git
Git + Github Part 1
Github Update: Master --> Main
Git + Github Part 2
My Terminal Setup
Contributing To Open Source
Contributing To Open Source 2
Exercise: Contribute To Our Open Source
Keeping Your Fork Up To Date
Portfolio Website for Recruiters
Student-Generated Top Resources

A Day In The Life of a Developer

A Typical Day
Exercise: Helping A Developer
A Developer's Morning Routine

NPM + NPM Scripts

Introduction To NPM
Setting Up NPM and package.json
Update: Latest Node.js and NPM
Troubleshoot: Installing NPM and Node.js
Installing And Using Packages
Why Update Packages?
Quick Note About Packages
Exercise: Create A Portfolio

React.js, React Hooks, Redux (Hooks and Redux Videos moved to end of Course!)

Introduction To React.js
Create React App
Create React App v5
React App Folder Structure
React Fundamentals
React Fundamentals 2
Class vs Functional App.js
Hooks vs Classes
Quick Note: Service Worker File
Your First React Component
Building A React App 1
React. Fragment and Semantic HTML
Exercise: Learn to Read the Docs
Building A React App 2
Building A React App 3
Styling Your React App
Quick Note: JSON Placeholder
Building A React App 4
Building A React App 5
Building A React App 6
Project Files
Keeping Your Projects Up To Date
Exercise: React 17
Solution: React 17
React Review
Error Boundary In React
Deploying Our React App
React Hooks + Redux (Saved For End Of The Course)

HTTP/JSON/JAX = Asynchronous Javascripts

HTTP/HTTPS
JSON
JSON vs Form Data
AJAX
Quick Note: Upcoming Video
Promises
Exercise: Promises
ES8 - Async Await
Exercise: ES8 - Async Await
ES9 (ES2018)
ES9 (ES2018) - Async
ES2020: allSettled()
ES2021: any()
Reviewing ES6, ES7, ES8, ES9, ES10, ES11 Features

Backend Introduction

Backend Basics

APIs

Getting Ready For This Section
Introduction to APIs
Exercise: Web App APIs
Optional Exercise: Speech Recognition
Resources: Public APIs

FINAL Project: SmartBrain Front-End

What We Are Building
Quick Note: React Tilt + React Particles
Building Our Components
Create React App v5 Changes
Before We Start The Big Part
Image Recognition API
Clarifai API Updates, Models, and Troubleshooting
Resource: Clarifai API Docs
Face Detection Box
Sign In Form And Routing
Project Files: Github

Node.js + Express.js

Introduction To Node.js
Latest Version of Node.js
For Windows Users
Running script.js In Node
ES2020: global this
Modules In Node
ES6 Modules??
ES6 Modules In Node
Types of Modules
Building a Server
Introduction to Express.js
Express Middleware
Express Version Update
Postman
Quick Note: req. header
RESTful APIs
Node File System Module
Exercise: Santa's Node Helper
Exercise Resources: Santa's Node Helper
Solution: Santa's Node Helper

Final Project: SmartBrain Back-End-- Server

Setting Up Our Server
/signin and /register
/profile/:id and /image
Quick Note: Bcrypt
Storing User Passwords
Resource: Storing User Passwords Securely
Connecting To Our Front-End
Resource: CORS
Registering Users
Exercise: Load User Feature
User Profile Update
Project Files: Github

Databases

Introduction To Databases
Installing PostgreSQL
For Windows Users
Resources: Installing PostgreSQL
SQL: Create Table
SQL: Insert Into + Select
SQL: Alter Table + Update
SQL: Conditional Selections
SQL: Functions
Joining Tables Part 1
Joining Tables Part 2
SQL: Delete From + Drop Table
Exercises: SQL Commands

Final Project: SmartBrain Back-End -- Database

Setting Up Your Database
Connecting To The Database
Registering A User Part 1
Troubleshooting: Connecting Knex
Registering A User Part 2
Getting User Profiles
Updating Entries
Sign In
Quick Note: Removing Unused Variables
Putting It All Together
Optional: Using gRPC API
What's Next?

Production + Deployment

Deploying Our Files
Code Review
Quick Note: Clarifai API
Security Review
Environment Variables
Exercise: Deploying To Production
Deploying On Heroku
Quick Note: Troubleshooting Next Video
Deploying To Heroku Part 2
Deploying To Heroku Part 3
Npm Serve
Deploying To Heroku Part 4
Project Files: Github

Where To Go From Here?

Become an Alumni
Resource: Interviewing
My Advice On Interviewing
My Advice On Getting Hired
My Advice On Resume/Portfolio/LinkedIn
My Advice On Being a Junior Developer
My Advice On How To Become A Senior Developer
Thank you

Extra Bits

Ask Me Anything - 1,000 Students
AMA - 100,000 Students!!
Coding Challenges
Course Review
The Final Challenge

Extra Learning: React Hooks

React Hooks
React Hooks 2
React Hooks 3
React Hooks 4
React Hooks 5
React Hooks 6
React Hooks 7
React Hooks 8
Project Files - Hooks
React Hooks 9

Optional Extra Learning: Redux

Quick Note About Redux
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
Popular Tools For React + Redux
Project Files - Redux

Extra: For Windows Users

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

Bonus Section

Bonus Lecture

Popular Courses

Popular Platforms

Popular Searches

The Complete Web Developer in Zero to Mastery

Online

₹ 449 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