- Course Outline
- Join Our Online Classroom!
- Exercise: Meet The Community
- Join Our Open Source Projects!
Online
₹ 449 3,499
Quick facts
particular | details | |
---|---|---|
Medium of instructions
English
|
Mode of learning
Self study
|
Mode of Delivery
Video and Text Based
|
Course overview
The Complete Web Developer in 2022: Zero to Mastery online certification is designed by Andrei Neagoie - Founder of zerotomastery.io & Software Developer and is delivered by Udemy which is intended for participants who want to become web developers, application developers, full-stack developers, and front-end developers. The Complete Web Developer in 2022: Zero to Mastery online course by Udemy teaches participants about tools and technologies that they would need to know to be recruited by firms such as Google, Meta, Apple, Amazon, and others.
The Complete Web Developer in 2022: Zero to Mastery online classes include more than 36 hours of informative video lectures, 146 articles, 46 downloadable resources, and coding exercises which cover a wide range of web development subjects like javascript, HTML, CSS, Node.js, Redux, React, Bootstrap, PostgreSQL, SQL, Flexbox, and Github. By the end, participants will be able to use the information obtained in this course to construct machine learning applications as well as other modern projects.
The highlights
- Certificate of completion
- Self-paced course
- 36.5 hours of pre-recorded video content
- 146 articles
- 46 downloadable resources
- 1 coding exercise
- Unlimited access
Program offerings
- Completion certificate
- Learn by self
- English videos with multi-language subtitles
- Video content
- Articles
- Downloadable resources
- Coding exercise
- 30-day money-back guarantee
- Accessible on mobile devices and tv
Course and certificate fees
Fees information
certificate availability
certificate providing authority
What you will learn
After completing The Complete Web Developer in 2022: Zero to Mastery certification course, participants will develop a deeper understanding of the fundamentals as well as advanced concepts and principles of application development and web development. Participants will learn about Javascript, React, HTML, CSS, Flexbox, SQL, Express, Bootstrap, Node.js, and PostgreSQL, among other tools and programs. Participants will also learn about authentication, authorization, security, and other processes required in constructing full-stack websites and applications.
Who it is for
The syllabus
Introduction
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
Instructors
Mr Andrei Neagoie
Senior Software Developer
Freelancer