全栈 Web 开发训练营 2023 - MERN STACK
上次更新时间：2024-11-26
课程售价: 2.9 元
联系右侧微信客服充值或购买课程
课程内容
03 - GETTING STARTED WITH WEB DEVELOPMENT
- 001 Introducing The Course (免费)
- 002 Career Paths (免费)
- 003 Frontend Development Roadmap
- 004 Backend Development Roadmap
- 005 Knowing Yourself
- 006 How To Get Most Out Of This Course
- 007 How Long Will It Take To Become Web Developer
- 008 How Internet Works Technically
- 009 How Internet Works In Layman's Understanding
05 - HTML BASICS-UPDATED
- 002 Role Of HTMLCSS And JavaScript In Web Development
- 003 Meaning And History Of HTML
- 004 Setting Up The Environment
- 005 Exploring Text Editor (VSCODE)
- 006 My First Website
- 007 HTML Syntax
- 008 HTML Elements, Documents and Attributes Explained
- 009 HTML Structure
- 010 Customising VS-CODE
- 011 HTML Comments
- 012 HTML Heading Tags
- 013 HTML Div Tag
- 014 HTML List Tags
- 015 HTML Link Tag
- 016 Link Tag to Download Files, Open Email and Phone apps
- 017 Self Closing Tags
- 018 Image and Picture Tags
- 019 HTML Rules
- 020 HTML Text Formatting Tags
- 021 Ways Of Using EMOJIS
- 022 HTML EMOJIS Demo
- 023 HTML Entities
- 024 HTML Navigations Explained
- 025 Additional VSCODE Extensions
- 026 HTML Navigation Demo Project Setup
- 027 HTML Internal Navigation
- 028 HTML Anchor Navigation
- 029 Deployment Explained
- 030 Deploying HTML Website
- 031 Inline VS Block Elements
- 032 How To Use Font Based Icons (FontAwesome)
- 033 How To Use SVG (Scalable Vector Graphic)
- 034 How To Use FAVICONS
06 - HTML ADVANCEDTABLES UPDATED
07 - HTML ADVANCED FORMS UPDATED
08 - HTML ADVANCED HTML 5 UPDATED
09 - CSS BASICS GETTING STARTED - UPDATED
- 001 Section Introduction
- 003 Learning Objectives
- 004 Brief History Of CSS
- 005 The Relationship Between HTML-CSS-JS
- 006 Importance Of CSS
- 007 Understanding Default Browser Default
- 008 Importance Of CSS
- 009 Understanding Default Browser Default
- 010 How CSS Works
- 011 How Browsers Renders CSS
- 012 CSS Syntax
- 013 Ways of including CSS to HTML
- 014 Customise VSCODE - OPTIONAL
- 015 Linking CSS Using Inline Method
- 016 Linking CSS using Internal Method
- 017 Linking CSS Using External Method
10 - CSS ADVANCED BOX MODEL, COLORS & SELECTORS
- 001 What is Box Model
- 002 Width & Height
- 003 CSS Borders
- 004 Padding Properties
- 005 Margin Properties
- 006 CSS selector Explained
- 007 Element Selector
- 008 Class Selector
- 009 ID Selector
- 010 Descendant Selector
- 011 Child Selector
- 012 Adjacent Sibling Selector
- 013 General Sibling Selector
- 014 Customised VSCODE
- 015 Input Pseudo Classes
- 016 User Action Pseudo Classes
- 017 Location Pseudo Classes
- 018 Pseudo Elements
- 019 CSS Specificity
- 020 CSS Colors (HEX)
- 021 CSS Colors (RGB)
- 022 CSS Colors (RGBA)
- 023 CSS Units
11 - CSS ADVANCED POSITIONING ELEMENTS
12 - CSS ADVANCED FLEXBOX & RESPONSIVE DESIGN
- 001 Flexbox and Responsive Design Project Demo
- 003 Flex Container
- 004 Flex Direction
- 005 Main VS Cross Axis
- 006 Main VS Cross Axis Visualisation
- 007 Justify Content
- 008 Align Items
- 009 Flex Grow
- 010 Flex Order
- 011 Align Self
- 012 Flexbox Playground
- 013 Responsive Design Project What is Responsive design
- 014 Responsive Design Project Responsive design Roadmap
- 015 Responsive Design Project What is Media Query
- 016 Responsive Design Project Header HTML Only
- 017 Responsive Design Project Header CSS
- 018 Responsive Design Project Navbar HTML Only
- 019 Responsive Design Project Navbar CSS
- 020 Responsive Design Project Navbar Media Query
- 021 Responsive Design Project Layout HTML Only
- 022 Responsive Design Project Layout CSS
- 023 Responsive Design Project Layout Media Query
- 024 Responsive Design Project Footer HTML Only
- 025 Responsive Design Project Footer CSS
13 - JAVASCRIPT FUNDAMENTALS CONCEPTS (NEW)
14 - JAVASCRIPT FUNDAMENTALS VARIABLES (NEW)
15 - JAVASCRIPT FUNDAMENTALS OPERATORS (NEW)
16 - JS BASICS CONDITIONALS
17 - JS BASICS ITERATION & LOOPS
18 - JS INTERMEDIATE FUNCTIONS
19 - JS INTERMEDIATE STRING METHODS
- 001 How to create a string
- 002 String Concatenation
- 003 Template Literals
- 004 String Length Method
- 005 Coding CHALLENGE 1
- 006 Coding CHALLENGE 1 SOULUTION
- 007 indexOf()-toUpperCase-toLowerCase()
- 008 Coding CHALLENGE 2
- 009 Coding CHALLENGE 2 SOLUTION
- 010 Split()-reverse()-join() methods
- 011 Coding CHALLENGE 3 SOLUTION
- 012 Coding CHALLENGE 4 Repeat() method
- 013 Coding CHALLENGE 4 SOLUTION
- 014 StartWith() method
- 015 Coding CHALLENGE 5
- 016 Coding CHALLENGE 5- SOLUTION
- 017 Coding CHALLENGE 6 - NO SOLUTION
- 018 includes method()
- 019 Coding CHALLENGE 7
- 020 Coding CHALLENGE 7 -SOLUTION
- 021 Slice() method
- 022 Coding CHALLENGE 8
- 023 Coding CHALLENGE 8 -SOLUTION
- 024 String comparison
20 - JS INTERMEDIATE ARRAYS
- 001 What is an Array. MUST WATCH
- 002 How to create Array
- 003 Accessing Array Elements
- 004 Iterating over Array
- 005 Commonly Used Array Methods Part 1
- 006 Array Reduce Method
- 007 Array Find Method
- 008 Array filter Method
- 009 Coding CHALLENGE 1
- 010 Coding CHALLENGE 1 SOLUTION
- 011 Coding CHALLENGE 2
- 012 Coding CHALLENGE 2 SOLUTION
- 013 Coding CHALLENGE 3
- 014 Coding CHALLENGE 3 SOLUTION
- 015 Coding CHALLENGE 4
- 016 Coding CHALLENGE 4 SOLUTION
- 017 Coding CHALLENGE 5
- 018 Coding CHALLENGE 5 SOLUTION
- 019 Coding CHALLENGE 6
- 020 Coding CHALLENGE 6 SOLUTION
- 021 Coding CHALLENGE 7
- 022 Coding CHALLENGE 7 SOLUTION
21 - JS INTERMEDIATE OBJECTS
- 001 Whats is an Object MUST WATCH
- 002 How to create an Object.mp4
- 003 Accessing Object Properties
- 004 Updating Object Properties
- 005 Deleting Object Properties
- 006 Adding method to object
- 007 Mysterious word (this keyword)
- 008 Iterating Object for in loop
- 009 Iterating Object Object.Keys()
- 010 Iterating Object for each loop (exceptional)
- 011 Iterating Object Object.Values()
- 012 Iterating Object Object.entries()
- 013 Coding CHALLENGE 1
- 014 Coding CHALLENGE 1 SOLUTION
- 015 Coding CHALLENGE 2
- 016 Coding CHALLENGE 2 SOLUTION
- 017 Coding CHALLENGE 3
- 018 Coding CHALLENGE 3 SOLUTION
22 - JS INTERMEDIATE MATH OBJECT
23 - JS ADVANCED ARRAY OF OBJECTS
24 - JS ADVANCED - JAVASCRIPT NEW FEATURES (ES6)
25 - JS ADVANCED - JAVASCRIPT HIGH LEVEL OVERVIEW
26 - JS ADVANCED FUNCTIONS
27 - JS ADVANCED - WORKING WITH THE DOM
- 001 What is the DOM
- 002 What is DOM node
- 003 Examine the DOM
- 004 Types of DOM Selectors
- 005 Selecting DOM Elements Practice
- 006 Changing Element Properties
- 007 7.ClassList-Methods
- 007 ClassList Methods
- 008 Adding and Removing Content
- 009 Types of DOM Events
- 010 Mouse Event Types
- 011 Keyboard Event Types
- 012 Form Event Types (Form Handling)
28 - JS ADVANCED - ASYNCHRONOUS PROGRAMMING
- 001 Differences between Async and Synchronous Programming
- 002 How Synchronous code works
- 003 What is Async Programming
- 004 How Async Code Works Behind the Scene
- 005 Ways Of Writing Async Code
- 006 What is Callback function
- 007 Callback Practice
- 008 What is a Promise
- 009 Some Facts About Promise
- 010 How To Create a Promise
- 011 How to Consume a Promise
- 012 How To Handle Promise Rejection
- 013 Function Returning a Promise
- 014 Promise.all() & Promise.race()
- 015 AsyncAwait Explained
- 016 AsyncAwait Practice
29 - JS ADVANCED WEB APIs & HTTP REQUEST
30 - NODE JS FUNDAMENTALS
- 001 Web Application Components
- 002 Roles As a Backend Developer
- 003 Node JS Alternatives
- 004 What You Need To Know
- 005 Mastering The Terminal (Confusing Terms)
- 006 Mastering The Terminal Common Commands
- 007 What is Node JS
- 008 Why Node JS
- 009 Uses Of Node JS
- 010 Companies Using Node JS
- 011 Installing Node JS
- 012 My First Node JS code
- 013 Node JS REPL
31 - NODE JS CORE MODULES
- 001 What is a Module
- 002 Customise Terminal (Optional)
- 003 File System (fs) Create a file
- 004 AsyncAwait in Node JS
- 005 File System (fs) Read a file
- 006 File System (fs) Rename a file
- 007 File System (fs) Copy a file
- 008 File System (fs) Append a file
- 009 File System (fs) Truncate a file
- 010 File System (fs) Get Statistics of a file
- 011 File System (fs) Delete a file
- 012 Working with Folders
- 013 OS module
32 - NODE JS NODE PACKAGE MANAGER-NPM
33 - NODE JS WEB SERVER
34 - EXPRESS JS SERVER & ROUTING
- 001 What is Express JS
- 002 Why Express JS
- 003 Express JS Roadmap
- 004 Import and Export
- 005 Express Server
- 006 Express Routing Routing Explained
- 007 Express Routing API Project Demo
- 008 Express Routing API Project Express Routing Practice
- 009 Express Routing API Project Auto Restart Server
- 010 Express Routing API Project Introducing Postman
- 011 Express Routing API Project Create Folders & Files Utility Function
- 012 Express Routing API Project Fetch All Posts Route
- 013 Express Routing API Project Fetch Single Post Route
- 014 Express Routing API Project Create Post Route
- 015 Express Routing API Project Delete Post Route
- 016 Express Routing API Project Update Post Route
35 - EXPRESS MIDDLEWARE
36 - SERVING STATIC FILES & TEMPLATE ENGINE (EJS)
37 - DATABASE MONGODB ONLY
- 001 What is Database
- 002 Types of Databases
- 003 MongoDB Roadmap
- 004 What is MongoDB
- 005 Understanding JSON Document
- 006 Why MongoDB
- 007 Differences between Database vs Collection vs Documents
- 008 MongoDB Shell vs Drivers
- 009 How to Create MongoDB Account
- 010 Ways of Installing MongoDB
- 011 How to Install mongoDB
- 012 How to Connect To MongoDB Using The Drivers
- 013 CRUD OPERATIONS Create Document
- 014 CRUD OPERATIONS Fetch All Documents
- 015 CRUD OPERATIONS Querying Documents
- 016 CRUD OPERATIONS Updating Documents
- 017 CRUD OPERATIONS Deleting Documents
- 018 MONGODB TOOLS MongoDB in VSCODE
- 019 MONGODB TOOLS MongoDB Compass
38 - DATABASE CRUD OPERATIONS- MONGOOSE
39 - MONGOOSE DATABASE MODELLING
40 - NODE JS ADVANCED - AUTHENTICATION & AUTHORIZATION
- 001 Types Of Authentication
- 002 How Authentication Works
- 003 Starter Project Files Walkthrough
- 004 Low Level Authentication Register User - Backend
- 005 Low Level Authentication Login User - Backend
- 006 Low Level Authentication Login & Register User - Frontend
- 007 Low Level Authentication Encrypting Password- Backend
- 009 Cookie Based Authentication What are Cookies
- 010 Cookie Based Authentication Authorization With Cookies
- 011 Cookie Based Authentication Securing Cookies
- 012 Cookie Based Authentication Logout
- 013 Session Based Authentication How Session Works
- 014 Session Based Authentication Authentication With Session
- 015 Session Based Authentication Protecting Routes
- 016 Session Based Authentication Logout User
- 017 Session Based Authentication Save Session Into Database
- 018 TOKEN (JWT) Based Authentication How It Works
- 019 TOKEN (JWT) Based Authentication Generate Token
- 020 TOKEN (JWT) Based Authentication Verify Token
- 021 TOKEN (JWT) Based Authentication User Profile
- 022 TOKEN (JWT) Based Authentication Refactoring
- 023 TOKEN (JWT) Based Authentication Protect Route
- 024 TOKEN (JWT) Based Authentication Save Token Into LocalStorage
42 - NODE JS ADVANCED - MVC DESIGN PATTERN (EMPLOYEES API)
43 - GIT AND GITHUB
44 - NODE JS ADVANCED - FILE UPLOAD
45 - NODE JS ADVANCED ERROR HANDLING
46 - FULLSTACK BLOG PROJECT GETTING STARTED
- 001 Types Of FullStack Applications
- 002 Concepts & Requirements
- 003 Data Modelling Logic
- 004 Ways of Starting Developing a Project
- 005 Folder Structure
- 006 Create Server
- 007 Database Connection Function
- 008 MongoDB Connection String
- 009 Environment Variables
- 010 VSCODE Extensions
- 011 MongoDB in VSCODE
- 012 Data Modeling
- 013 Dummy Routes
- 014 Testing Endpoints Using Thunder Client
- 015 Express Routing
- 016 MVC Design Pattern
47 - FULLSTACK BLOG PROJECT USERS API ONLY - BACKEND
- 001 User Registration
- 002 Hash User Password
- 003 Login User API
- 004 Global Error Handler Middleware
- 005 App Error Handler
- 006 Catching Errors
- 007 Authentication Express Session
- 008 Authentication Protecting Route Middleware
- 009 Authentication Persisting Express Session
- 010 User Profile API
- 011 User Details API
- 012 Update User Details API
- 013 Update User Password API
- 014 File Upload- Cloudinary Configuration
- 015 Upload Profile Image API
- 016 Upload Cover Image API
48 - FULLSTACK BLOG PROJECT POST API ONLY - BACKEND
49 - FULLSTACK BLOG PROJECT COMMENT API ONLY - BACKEND
50 - FULLSTACK BLOG APP - FRONTEND
- 001 Configure Server To Serve Static Files
- 002 Render Home Page
- 003 Render Login Form
- 004 Render Register Form
- 005 Render Profile Page
- 006 Render Upload and Cover Image Form
- 007 Render Update User Form
- 008 Navbar and Footer Partials
- 009 Client-Side Navigation
- 010 User Registration-Frontend
- 011 Redirect After Registration
- 012 Fixed Form Styling
- 013 Display Error Messages
- 014 User Login
- 015 Fixed Profile CSS Styles
- 016 Public And Private Navbar
- 017 Logout User
- 018 Profile Photo Upload
- 019 User Profile Details
- 020 Redirect& Display Error Message After Profile Image Upload
- 021 Unauthorised Page
- 022 Upload User Cover Image
- 023 Update User Profile
- 024 Update User Password
- 025 Application Styling Improvement
- 026 Populate User's Posts
- 027 Display All Posts
- 028 Render Post Creation form
- 029 Create Post Request
- 030 Display Post Error Messages
- 031 Truncate Post Descriptions
- 032 Render Post Details Page
- 033 Display Post Details
- 034 Improve Footer CSS
- 035 Post Details Style Improvement
- 036 Header Styling and Delete & Update Post Icon
- 037 Styling Post Actions Icons
- 038 Delete Post Request
- 039 Hide Delete & Update Icon from Unauthorised User
- 040 Post Details Styling Fixed
- 041 Render Post Update Form
- 042 Update Post
- 043 Update Post Error Fixed
- 044 Create Comment
- 045 Display Post Comments
- 046 Populate Comment With User
- 047 Redirect After Creating Comment
- 048 Fixed Comment Styling
- 049 Delete Comment
- 050 Hide Delete & Update Icons from Unauthorised User -Comments
- 051 Update Comment
51 - REACT JS REACT CONCEPTS
52 - REACT JS GETTING STARTED
53 - REACT JS COMPONENTS PART 1
54 - REACT JS REACT JSX
55 - REACT JS CSS, IMAGES and PROPS IN REACT
56 - REACT JS EVENTS HANDLING
57 - REACT JS UseState Hook STATE MANAGEMENT
58 - REACT JS COMPONENT PART 2
59 - REACT DATA RENDERING
60 - REACT JS FORM HANDLING
61 - REACT JS MAKING HTTP REQUEST (USEEFFECT HOOK)
62 - REACT JS PROJECT PORTFOLIO
63 - REACT JS REACT ROUTER DOM
64 - REACT JS REACT CONTEXT API
- 001 What is Context API
- 002 Setting Up Context API
- 003 Consuming Context Data
- 004 What is useReducer()
- 005 useReducer Todo Project Setting Up Project
- 006 useReducer Todo Project Setting Up useReducer()
- 007 useReducer Todo Project Dispatching Action
- 008 useReducer Todo Project Display List Of Todos
- 009 useReducer Todo Project Delete Todo Action
65 - MERN- INCOME-EXPENSES TRACKER APP (BACKEND)
- 001 Backend Setting Up Environment
- 003 Backend Express Server
- 004 Backend Dummy Routes
- 005 Backend Testing Routes
- 006 Backend MVC Design Part 1 (Express Routing)
- 007 Backend MVC Design Part 2
- 008 Backend Connect To MongoDB
- 009 Backend Data Modelling
- 010 Backend User Registration
- 011 Backend User Login
- 012 Backend Error Handling
- 013 Backend Generate Token (JWT)
- 014 Backend Authorization Verify Token
- 015 Backend Authorization Get Token From Request Header
- 016 Backend Authorization Protect Route Middleware
- 017 Backend Creating Multiple Accounts
- 018 Backend Create Transactions
- 019 Backend Populate Account Transactions
- 020 Backend Update User
- 021 Backend Delete User
- 022 Backend Find Single Account
- 023 Backend Update Account
- 024 Backend Delete Account
- 025 Backend CRUD Transactions
66 - MERN- INCOME-EXPENSES TRACKER APP (FRONTEND)
- 001 Frontend Install React Router DOM v6 & TailwindCSS
- 002 Frontend TailwindCSS Overview
- 003 Configuring React Router DOM V6
- 006 Frontend Render Home Page Component
- 007 Frontend Render Login Form Component
- 008 Frontend Render Register Form Component
- 009 Frontend Render Navbar Component
- 010 Frontend Render Transaction Form Component
- 011 Frontend Using Link Component
- 012 Frontend User Auth Context Creation
- 013 Frontend Consuming User Auth Context
- 014 User Auth Context - Login Action
- 015 Frontend Handling Login Form
- 016 Fixing Cors Error
- 017 Frontend User Auth Reducer Part 1
- 019 Frontend User Auth Action Constants
- 020 Frontend Save Token Into LocalStorage
- 021 Frontend User Dashboard Components
- 022 Frontend User Profile Action
- 023 Frontend Dispatch User Profile Action
- 024 Frontend Display User's Account List
- 025 Account Details Component
- 026 Frontend 24.Account Details Action & Reducer
- 027 Frontend List Of Transactions
- 028 Frontend Calc Total Income & Expenses
- 029 Frontend Logout & Redirect
- 030 Frontend Public And Private Links
- 031 Frontend Handle User Registration Form
- 032 Frontend 30. User Registration Action
- 033 Frontend Render Account Form
- 034 Frontend Create Account (Project)
- 035 Frontend Add Transactions Action
- 036 Frontend Dispatch Transactions Action
课程内容
62个章节 , 700个讲座
03 - GETTING STARTED WITH WEB DEVELOPMENT
- 001 Introducing The Course (免费)
- 002 Career Paths (免费)
- 003 Frontend Development Roadmap
- 004 Backend Development Roadmap
- 005 Knowing Yourself
- 006 How To Get Most Out Of This Course
- 007 How Long Will It Take To Become Web Developer
- 008 How Internet Works Technically
- 009 How Internet Works In Layman's Understanding
05 - HTML BASICS-UPDATED
- 002 Role Of HTMLCSS And JavaScript In Web Development
- 003 Meaning And History Of HTML
- 004 Setting Up The Environment
- 005 Exploring Text Editor (VSCODE)
- 006 My First Website
- 007 HTML Syntax
- 008 HTML Elements, Documents and Attributes Explained
- 009 HTML Structure
- 010 Customising VS-CODE
- 011 HTML Comments
- 012 HTML Heading Tags
- 013 HTML Div Tag
- 014 HTML List Tags
- 015 HTML Link Tag
- 016 Link Tag to Download Files, Open Email and Phone apps
- 017 Self Closing Tags
- 018 Image and Picture Tags
- 019 HTML Rules
- 020 HTML Text Formatting Tags
- 021 Ways Of Using EMOJIS
- 022 HTML EMOJIS Demo
- 023 HTML Entities
- 024 HTML Navigations Explained
- 025 Additional VSCODE Extensions
- 026 HTML Navigation Demo Project Setup
- 027 HTML Internal Navigation
- 028 HTML Anchor Navigation
- 029 Deployment Explained
- 030 Deploying HTML Website
- 031 Inline VS Block Elements
- 032 How To Use Font Based Icons (FontAwesome)
- 033 How To Use SVG (Scalable Vector Graphic)
- 034 How To Use FAVICONS
06 - HTML ADVANCEDTABLES UPDATED
07 - HTML ADVANCED FORMS UPDATED
08 - HTML ADVANCED HTML 5 UPDATED
09 - CSS BASICS GETTING STARTED - UPDATED
- 001 Section Introduction
- 003 Learning Objectives
- 004 Brief History Of CSS
- 005 The Relationship Between HTML-CSS-JS
- 006 Importance Of CSS
- 007 Understanding Default Browser Default
- 008 Importance Of CSS
- 009 Understanding Default Browser Default
- 010 How CSS Works
- 011 How Browsers Renders CSS
- 012 CSS Syntax
- 013 Ways of including CSS to HTML
- 014 Customise VSCODE - OPTIONAL
- 015 Linking CSS Using Inline Method
- 016 Linking CSS using Internal Method
- 017 Linking CSS Using External Method
10 - CSS ADVANCED BOX MODEL, COLORS & SELECTORS
- 001 What is Box Model
- 002 Width & Height
- 003 CSS Borders
- 004 Padding Properties
- 005 Margin Properties
- 006 CSS selector Explained
- 007 Element Selector
- 008 Class Selector
- 009 ID Selector
- 010 Descendant Selector
- 011 Child Selector
- 012 Adjacent Sibling Selector
- 013 General Sibling Selector
- 014 Customised VSCODE
- 015 Input Pseudo Classes
- 016 User Action Pseudo Classes
- 017 Location Pseudo Classes
- 018 Pseudo Elements
- 019 CSS Specificity
- 020 CSS Colors (HEX)
- 021 CSS Colors (RGB)
- 022 CSS Colors (RGBA)
- 023 CSS Units
11 - CSS ADVANCED POSITIONING ELEMENTS
12 - CSS ADVANCED FLEXBOX & RESPONSIVE DESIGN
- 001 Flexbox and Responsive Design Project Demo
- 003 Flex Container
- 004 Flex Direction
- 005 Main VS Cross Axis
- 006 Main VS Cross Axis Visualisation
- 007 Justify Content
- 008 Align Items
- 009 Flex Grow
- 010 Flex Order
- 011 Align Self
- 012 Flexbox Playground
- 013 Responsive Design Project What is Responsive design
- 014 Responsive Design Project Responsive design Roadmap
- 015 Responsive Design Project What is Media Query
- 016 Responsive Design Project Header HTML Only
- 017 Responsive Design Project Header CSS
- 018 Responsive Design Project Navbar HTML Only
- 019 Responsive Design Project Navbar CSS
- 020 Responsive Design Project Navbar Media Query
- 021 Responsive Design Project Layout HTML Only
- 022 Responsive Design Project Layout CSS
- 023 Responsive Design Project Layout Media Query
- 024 Responsive Design Project Footer HTML Only
- 025 Responsive Design Project Footer CSS
13 - JAVASCRIPT FUNDAMENTALS CONCEPTS (NEW)
14 - JAVASCRIPT FUNDAMENTALS VARIABLES (NEW)
15 - JAVASCRIPT FUNDAMENTALS OPERATORS (NEW)
16 - JS BASICS CONDITIONALS
17 - JS BASICS ITERATION & LOOPS
18 - JS INTERMEDIATE FUNCTIONS
19 - JS INTERMEDIATE STRING METHODS
- 001 How to create a string
- 002 String Concatenation
- 003 Template Literals
- 004 String Length Method
- 005 Coding CHALLENGE 1
- 006 Coding CHALLENGE 1 SOULUTION
- 007 indexOf()-toUpperCase-toLowerCase()
- 008 Coding CHALLENGE 2
- 009 Coding CHALLENGE 2 SOLUTION
- 010 Split()-reverse()-join() methods
- 011 Coding CHALLENGE 3 SOLUTION
- 012 Coding CHALLENGE 4 Repeat() method
- 013 Coding CHALLENGE 4 SOLUTION
- 014 StartWith() method
- 015 Coding CHALLENGE 5
- 016 Coding CHALLENGE 5- SOLUTION
- 017 Coding CHALLENGE 6 - NO SOLUTION
- 018 includes method()
- 019 Coding CHALLENGE 7
- 020 Coding CHALLENGE 7 -SOLUTION
- 021 Slice() method
- 022 Coding CHALLENGE 8
- 023 Coding CHALLENGE 8 -SOLUTION
- 024 String comparison
20 - JS INTERMEDIATE ARRAYS
- 001 What is an Array. MUST WATCH
- 002 How to create Array
- 003 Accessing Array Elements
- 004 Iterating over Array
- 005 Commonly Used Array Methods Part 1
- 006 Array Reduce Method
- 007 Array Find Method
- 008 Array filter Method
- 009 Coding CHALLENGE 1
- 010 Coding CHALLENGE 1 SOLUTION
- 011 Coding CHALLENGE 2
- 012 Coding CHALLENGE 2 SOLUTION
- 013 Coding CHALLENGE 3
- 014 Coding CHALLENGE 3 SOLUTION
- 015 Coding CHALLENGE 4
- 016 Coding CHALLENGE 4 SOLUTION
- 017 Coding CHALLENGE 5
- 018 Coding CHALLENGE 5 SOLUTION
- 019 Coding CHALLENGE 6
- 020 Coding CHALLENGE 6 SOLUTION
- 021 Coding CHALLENGE 7
- 022 Coding CHALLENGE 7 SOLUTION
21 - JS INTERMEDIATE OBJECTS
- 001 Whats is an Object MUST WATCH
- 002 How to create an Object.mp4
- 003 Accessing Object Properties
- 004 Updating Object Properties
- 005 Deleting Object Properties
- 006 Adding method to object
- 007 Mysterious word (this keyword)
- 008 Iterating Object for in loop
- 009 Iterating Object Object.Keys()
- 010 Iterating Object for each loop (exceptional)
- 011 Iterating Object Object.Values()
- 012 Iterating Object Object.entries()
- 013 Coding CHALLENGE 1
- 014 Coding CHALLENGE 1 SOLUTION
- 015 Coding CHALLENGE 2
- 016 Coding CHALLENGE 2 SOLUTION
- 017 Coding CHALLENGE 3
- 018 Coding CHALLENGE 3 SOLUTION
22 - JS INTERMEDIATE MATH OBJECT
23 - JS ADVANCED ARRAY OF OBJECTS
24 - JS ADVANCED - JAVASCRIPT NEW FEATURES (ES6)
25 - JS ADVANCED - JAVASCRIPT HIGH LEVEL OVERVIEW
26 - JS ADVANCED FUNCTIONS
27 - JS ADVANCED - WORKING WITH THE DOM
- 001 What is the DOM
- 002 What is DOM node
- 003 Examine the DOM
- 004 Types of DOM Selectors
- 005 Selecting DOM Elements Practice
- 006 Changing Element Properties
- 007 7.ClassList-Methods
- 007 ClassList Methods
- 008 Adding and Removing Content
- 009 Types of DOM Events
- 010 Mouse Event Types
- 011 Keyboard Event Types
- 012 Form Event Types (Form Handling)
28 - JS ADVANCED - ASYNCHRONOUS PROGRAMMING
- 001 Differences between Async and Synchronous Programming
- 002 How Synchronous code works
- 003 What is Async Programming
- 004 How Async Code Works Behind the Scene
- 005 Ways Of Writing Async Code
- 006 What is Callback function
- 007 Callback Practice
- 008 What is a Promise
- 009 Some Facts About Promise
- 010 How To Create a Promise
- 011 How to Consume a Promise
- 012 How To Handle Promise Rejection
- 013 Function Returning a Promise
- 014 Promise.all() & Promise.race()
- 015 AsyncAwait Explained
- 016 AsyncAwait Practice
29 - JS ADVANCED WEB APIs & HTTP REQUEST
30 - NODE JS FUNDAMENTALS
- 001 Web Application Components
- 002 Roles As a Backend Developer
- 003 Node JS Alternatives
- 004 What You Need To Know
- 005 Mastering The Terminal (Confusing Terms)
- 006 Mastering The Terminal Common Commands
- 007 What is Node JS
- 008 Why Node JS
- 009 Uses Of Node JS
- 010 Companies Using Node JS
- 011 Installing Node JS
- 012 My First Node JS code
- 013 Node JS REPL
31 - NODE JS CORE MODULES
- 001 What is a Module
- 002 Customise Terminal (Optional)
- 003 File System (fs) Create a file
- 004 AsyncAwait in Node JS
- 005 File System (fs) Read a file
- 006 File System (fs) Rename a file
- 007 File System (fs) Copy a file
- 008 File System (fs) Append a file
- 009 File System (fs) Truncate a file
- 010 File System (fs) Get Statistics of a file
- 011 File System (fs) Delete a file
- 012 Working with Folders
- 013 OS module
32 - NODE JS NODE PACKAGE MANAGER-NPM
33 - NODE JS WEB SERVER
34 - EXPRESS JS SERVER & ROUTING
- 001 What is Express JS
- 002 Why Express JS
- 003 Express JS Roadmap
- 004 Import and Export
- 005 Express Server
- 006 Express Routing Routing Explained
- 007 Express Routing API Project Demo
- 008 Express Routing API Project Express Routing Practice
- 009 Express Routing API Project Auto Restart Server
- 010 Express Routing API Project Introducing Postman
- 011 Express Routing API Project Create Folders & Files Utility Function
- 012 Express Routing API Project Fetch All Posts Route
- 013 Express Routing API Project Fetch Single Post Route
- 014 Express Routing API Project Create Post Route
- 015 Express Routing API Project Delete Post Route
- 016 Express Routing API Project Update Post Route
35 - EXPRESS MIDDLEWARE
36 - SERVING STATIC FILES & TEMPLATE ENGINE (EJS)
37 - DATABASE MONGODB ONLY
- 001 What is Database
- 002 Types of Databases
- 003 MongoDB Roadmap
- 004 What is MongoDB
- 005 Understanding JSON Document
- 006 Why MongoDB
- 007 Differences between Database vs Collection vs Documents
- 008 MongoDB Shell vs Drivers
- 009 How to Create MongoDB Account
- 010 Ways of Installing MongoDB
- 011 How to Install mongoDB
- 012 How to Connect To MongoDB Using The Drivers
- 013 CRUD OPERATIONS Create Document
- 014 CRUD OPERATIONS Fetch All Documents
- 015 CRUD OPERATIONS Querying Documents
- 016 CRUD OPERATIONS Updating Documents
- 017 CRUD OPERATIONS Deleting Documents
- 018 MONGODB TOOLS MongoDB in VSCODE
- 019 MONGODB TOOLS MongoDB Compass
38 - DATABASE CRUD OPERATIONS- MONGOOSE
39 - MONGOOSE DATABASE MODELLING
40 - NODE JS ADVANCED - AUTHENTICATION & AUTHORIZATION
- 001 Types Of Authentication
- 002 How Authentication Works
- 003 Starter Project Files Walkthrough
- 004 Low Level Authentication Register User - Backend
- 005 Low Level Authentication Login User - Backend
- 006 Low Level Authentication Login & Register User - Frontend
- 007 Low Level Authentication Encrypting Password- Backend
- 009 Cookie Based Authentication What are Cookies
- 010 Cookie Based Authentication Authorization With Cookies
- 011 Cookie Based Authentication Securing Cookies
- 012 Cookie Based Authentication Logout
- 013 Session Based Authentication How Session Works
- 014 Session Based Authentication Authentication With Session
- 015 Session Based Authentication Protecting Routes
- 016 Session Based Authentication Logout User
- 017 Session Based Authentication Save Session Into Database
- 018 TOKEN (JWT) Based Authentication How It Works
- 019 TOKEN (JWT) Based Authentication Generate Token
- 020 TOKEN (JWT) Based Authentication Verify Token
- 021 TOKEN (JWT) Based Authentication User Profile
- 022 TOKEN (JWT) Based Authentication Refactoring
- 023 TOKEN (JWT) Based Authentication Protect Route
- 024 TOKEN (JWT) Based Authentication Save Token Into LocalStorage
42 - NODE JS ADVANCED - MVC DESIGN PATTERN (EMPLOYEES API)
43 - GIT AND GITHUB
44 - NODE JS ADVANCED - FILE UPLOAD
45 - NODE JS ADVANCED ERROR HANDLING
46 - FULLSTACK BLOG PROJECT GETTING STARTED
- 001 Types Of FullStack Applications
- 002 Concepts & Requirements
- 003 Data Modelling Logic
- 004 Ways of Starting Developing a Project
- 005 Folder Structure
- 006 Create Server
- 007 Database Connection Function
- 008 MongoDB Connection String
- 009 Environment Variables
- 010 VSCODE Extensions
- 011 MongoDB in VSCODE
- 012 Data Modeling
- 013 Dummy Routes
- 014 Testing Endpoints Using Thunder Client
- 015 Express Routing
- 016 MVC Design Pattern
47 - FULLSTACK BLOG PROJECT USERS API ONLY - BACKEND
- 001 User Registration
- 002 Hash User Password
- 003 Login User API
- 004 Global Error Handler Middleware
- 005 App Error Handler
- 006 Catching Errors
- 007 Authentication Express Session
- 008 Authentication Protecting Route Middleware
- 009 Authentication Persisting Express Session
- 010 User Profile API
- 011 User Details API
- 012 Update User Details API
- 013 Update User Password API
- 014 File Upload- Cloudinary Configuration
- 015 Upload Profile Image API
- 016 Upload Cover Image API
48 - FULLSTACK BLOG PROJECT POST API ONLY - BACKEND
49 - FULLSTACK BLOG PROJECT COMMENT API ONLY - BACKEND
50 - FULLSTACK BLOG APP - FRONTEND
- 001 Configure Server To Serve Static Files
- 002 Render Home Page
- 003 Render Login Form
- 004 Render Register Form
- 005 Render Profile Page
- 006 Render Upload and Cover Image Form
- 007 Render Update User Form
- 008 Navbar and Footer Partials
- 009 Client-Side Navigation
- 010 User Registration-Frontend
- 011 Redirect After Registration
- 012 Fixed Form Styling
- 013 Display Error Messages
- 014 User Login
- 015 Fixed Profile CSS Styles
- 016 Public And Private Navbar
- 017 Logout User
- 018 Profile Photo Upload
- 019 User Profile Details
- 020 Redirect& Display Error Message After Profile Image Upload
- 021 Unauthorised Page
- 022 Upload User Cover Image
- 023 Update User Profile
- 024 Update User Password
- 025 Application Styling Improvement
- 026 Populate User's Posts
- 027 Display All Posts
- 028 Render Post Creation form
- 029 Create Post Request
- 030 Display Post Error Messages
- 031 Truncate Post Descriptions
- 032 Render Post Details Page
- 033 Display Post Details
- 034 Improve Footer CSS
- 035 Post Details Style Improvement
- 036 Header Styling and Delete & Update Post Icon
- 037 Styling Post Actions Icons
- 038 Delete Post Request
- 039 Hide Delete & Update Icon from Unauthorised User
- 040 Post Details Styling Fixed
- 041 Render Post Update Form
- 042 Update Post
- 043 Update Post Error Fixed
- 044 Create Comment
- 045 Display Post Comments
- 046 Populate Comment With User
- 047 Redirect After Creating Comment
- 048 Fixed Comment Styling
- 049 Delete Comment
- 050 Hide Delete & Update Icons from Unauthorised User -Comments
- 051 Update Comment
51 - REACT JS REACT CONCEPTS
52 - REACT JS GETTING STARTED
53 - REACT JS COMPONENTS PART 1
54 - REACT JS REACT JSX
55 - REACT JS CSS, IMAGES and PROPS IN REACT
56 - REACT JS EVENTS HANDLING
57 - REACT JS UseState Hook STATE MANAGEMENT
58 - REACT JS COMPONENT PART 2
59 - REACT DATA RENDERING
60 - REACT JS FORM HANDLING
61 - REACT JS MAKING HTTP REQUEST (USEEFFECT HOOK)
62 - REACT JS PROJECT PORTFOLIO
63 - REACT JS REACT ROUTER DOM
64 - REACT JS REACT CONTEXT API
- 001 What is Context API
- 002 Setting Up Context API
- 003 Consuming Context Data
- 004 What is useReducer()
- 005 useReducer Todo Project Setting Up Project
- 006 useReducer Todo Project Setting Up useReducer()
- 007 useReducer Todo Project Dispatching Action
- 008 useReducer Todo Project Display List Of Todos
- 009 useReducer Todo Project Delete Todo Action
65 - MERN- INCOME-EXPENSES TRACKER APP (BACKEND)
- 001 Backend Setting Up Environment
- 003 Backend Express Server
- 004 Backend Dummy Routes
- 005 Backend Testing Routes
- 006 Backend MVC Design Part 1 (Express Routing)
- 007 Backend MVC Design Part 2
- 008 Backend Connect To MongoDB
- 009 Backend Data Modelling
- 010 Backend User Registration
- 011 Backend User Login
- 012 Backend Error Handling
- 013 Backend Generate Token (JWT)
- 014 Backend Authorization Verify Token
- 015 Backend Authorization Get Token From Request Header
- 016 Backend Authorization Protect Route Middleware
- 017 Backend Creating Multiple Accounts
- 018 Backend Create Transactions
- 019 Backend Populate Account Transactions
- 020 Backend Update User
- 021 Backend Delete User
- 022 Backend Find Single Account
- 023 Backend Update Account
- 024 Backend Delete Account
- 025 Backend CRUD Transactions
66 - MERN- INCOME-EXPENSES TRACKER APP (FRONTEND)
- 001 Frontend Install React Router DOM v6 & TailwindCSS
- 002 Frontend TailwindCSS Overview
- 003 Configuring React Router DOM V6
- 006 Frontend Render Home Page Component
- 007 Frontend Render Login Form Component
- 008 Frontend Render Register Form Component
- 009 Frontend Render Navbar Component
- 010 Frontend Render Transaction Form Component
- 011 Frontend Using Link Component
- 012 Frontend User Auth Context Creation
- 013 Frontend Consuming User Auth Context
- 014 User Auth Context - Login Action
- 015 Frontend Handling Login Form
- 016 Fixing Cors Error
- 017 Frontend User Auth Reducer Part 1
- 019 Frontend User Auth Action Constants
- 020 Frontend Save Token Into LocalStorage
- 021 Frontend User Dashboard Components
- 022 Frontend User Profile Action
- 023 Frontend Dispatch User Profile Action
- 024 Frontend Display User's Account List
- 025 Account Details Component
- 026 Frontend 24.Account Details Action & Reducer
- 027 Frontend List Of Transactions
- 028 Frontend Calc Total Income & Expenses
- 029 Frontend Logout & Redirect
- 030 Frontend Public And Private Links
- 031 Frontend Handle User Registration Form
- 032 Frontend 30. User Registration Action
- 033 Frontend Render Account Form
- 034 Frontend Create Account (Project)
- 035 Frontend Add Transactions Action
- 036 Frontend Dispatch Transactions Action