Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Full Stack Web Development
The Full Stack Web Development Bootcamp 2024 - MERN STACK

The Full Stack Web Development Bootcamp 2024 - MERN STACK

Loại khoá học: Web Development

fullstack web development MERN STACK, nodejs, react, mongodb, javascript, HTML, CSS, express, API, & more

image
50.000 VND
1.499.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

This course is perfect for anyone looking to learn fullstack web development in 2023. It covers all the latest technologies and frameworks that you'll need to know to build today's modern websites and web applications.

We'll start by learning HTML, CSS, and JavaScript, the fundamental technologies of the web. Then we'll move on to more advanced topics like React, Node js, and MongoDB. By the end of the course, you'll  build  different projects ranging from a simple website to a fully-fledged web app.

This course is designed for you to build your own business or a new career, and become an expert web developer. You don't need any previous experience in website development or programming as this course is designed in such a way that it can be done even if you have no coding or web development background.

It’s all explained in an easy to understand way with step by step instructions, video tutorials, and live examples. This is a hands-on course, where you get immediate access to every lesson,


So whether you're a complete beginner or an experienced web developer looking to stay up-to-date with the latest changes, this course is for you. Enrol now and let's get started!

Bạn sẽ học được gì

Build Income & ExpensesTracker App using MERN STACK

Build fullstack blog application

Build Image Gallery App using Node js and mongodb and Cloudinary

Build real world Authentication app from scratch

Master File Upload using Cloudinary & Multer

Build React Portfolio from scratch

Build Application using Geolocation API

Master Authentication & Authorization

Develop Employees Database API

Become a Backend Developer

Become a Fullstack Developer

Become a Frontend Developer

Learn how to build RESTful API using Node JS

Understand the basics of Github

Master how to make HTTP Request

Build Task Manager App using LocalStorage

Become a DOM (Document Object Model) Master

Master Express Js to build fast node js application

Master Data Modelling in mongoose

Build Battery Application using Native Web API

Master Responsive Design By Building a Blog Template

Master Asynchronous Programming

Master Mongodb & Mongoose Database

Master Error Handling

Yêu cầu

  • No programming experience is needed. You will learn everything from scratch
  • No computer related course is required

Nội dung khoá học

75 sections

COURSE UPDATE & ANNOUNCEMENT | IMPORTANT !!! ---> NEW

4 lectures
Course UPDATE Change-logs
00:33
Download All Course Slides
00:10
Join Our Community
00:58
Download all source code files for the entire course
00:16

VIEW ALL PROJECTS WILL BE BUILDING

1 lectures
List of Projects we will be building
00:26

GETTING STARTED WITH WEB DEVELOPMENT-->NEW

11 lectures
Introducing The Course
03:03
Section Introduction
00:53
Overview of Web Development
02:59
What is Full-stack Development
05:21
What's MERN Stack Development?
03:11
Why use the MERN stack?
02:23
Potential Career Outcomes
05:32
Other Career Paths
04:00
Required Background Knowledge
02:39
How Internet works
03:27
Career Paths QUIZ
5 questions

HTML BASICS

39 lectures
Test Your Knowledge in HTML
1 question
Download Course PDF Files
00:19
Role Of HTML/CSS And JavaScript In Web Development
03:15
Meaning And History Of HTML
02:39
Setting Up The Environment
02:01
Exploring Text Editor (VSCODE)
03:31
My First Website
06:03
HTML Syntax
05:24
HTML Elements, Documents and Attributes Explained
04:45
HTML Structure
05:32
HTML Structure Coding Exercise
1 question
Customising VS-CODE
06:04
HTML Comments
04:18
HTML Heading Tags
03:17
HTML Div Tag
03:31
HTML List Tags
08:06
HTML Link Tag
04:44
Link Tag to Download Files, Open Email and Phone apps
05:58
Self Closing Tags
05:49
HTML Tags Coding Exercise
1 question
Image and Picture Tags
07:41
HTML Rules
05:07
HTML Text Formatting Tags
04:48
Ways Of Using EMOJIS
01:50
HTML EMOJIS Demo
05:35
HTML Entities
04:06
HTML Navigations Explained
02:25
Additional VSCODE Extensions
03:20
HTML Navigation Demo Project Setup
06:41
HTML Internal Navigation
05:11
HTML Anchor Navigation
07:20
Deployment Explained
04:43
Deploying HTML Website
06:32
Inline VS Block Elements
11:52
How To Use Font Based Icons (FontAwesome)
08:45
How To Use SVG (Scalable Vector Graphic)
05:46
How To Use FAVICONS
03:43
Exploring Basic HTML Tags
1 question
Exploring the World of HTML Tags
3 questions

HTML ADVANCED:TABLES

9 lectures
Table Explained
03:24
Basic HTML Table Demo
08:16
Styling Basic HTML Table
04:01
HTML Basic Table Coding Challenge
1 question
Advanced HTML Table
08:27
Basic Styling: Advanced HTML Table
08:02
HTML Nested Tables
11:33
Basic Styling: Nested HTML Tables
05:35
Basics of HTML Tables
1 question

HTML ADVANCED: FORMS

9 lectures
Basic HTML Form
07:20
Form Attributes
14:16
Form Input Types
14:37
Multiple And Single Select
06:52
HTML FieldSet
05:02
HTML OptionGroups
06:57
HTML DataList
03:32
HTML Forms Coding Exercise
1 question
Interactive HTML5 Form
1 question

HTML ADVANCED: HTML 5

5 lectures
HTML5 Overview
02:44
HTML4 VS HTML5
02:31
Deprecated Elements
01:08
HTML5 Semantic Explained
05:16
HTML 5 Detailed DEMO
04:19

CSS BASICS: GETTING STARTED ->> UPDATED

15 lectures
Section Introduction
02:36
Download PDF Guide for this Section
00:10
Learning Objectives
01:06
Brief History Of CSS
03:16
The Relationship Between HTML-CSS-JS
02:34
Importance Of CSS
03:58
Understanding Default Browser Default
03:25
How CSS Works
04:44
How Browsers Renders CSS
04:30
CSS Syntax
03:23
Ways of including CSS to HTML
03:17
Customise VSCODE - OPTIONAL
01:44
Linking CSS Using Inline Method
03:27
Linking CSS using Internal Method
02:45
Linking CSS Using External Method
03:55

UNDERSTANDING CSS BOX MODEL

12 lectures
Section Introduction
01:45
Learning Objectives
01:24
Box Model Explanation
03:45
Box Model Components
03:12
Width and Height Property
03:45
Padding Usage
04:42
Border Property
03:24
Margin Property
06:28
Understanding Content Area of box Model
04:28
Content Area Demo Code
03:46
Inline vs Block Elements Explained
01:55
Behaviour of CSS on Inline and Block Elements
08:13

CSS ADVANCED: SELECTORS --->NEW

23 lectures
Introducing The Section
02:31
CSS Selectors Overview
02:33
Type Selectors
12:31
Class Selector
13:59
ID Selector
12:38
Descendant Selector
17:54
Child Combinator Selector
13:55
Adjacent Selector
10:49
General Sibling Selector
12:29
Link Pseudo Classes Selector
17:27
User action Pseudo-class Selector
14:49
Child Pseudo Class Selector
12:37
Type Pseudo Class Selector
18:07
Content insertion Selector
19:49
Typographical Pseudo element Selector
12:16
Fragment Selection using selection Selector
08:20
Advanced CSS Selectors Challenge
1 question
Mastering CSS Selectors: A Comprehensive Challenge
1 question
Mastering CSS Selectors Exercise
1 question
Styling a Company Landing Page with CSS Selectors
1 question
Advanced CSS Selector Challenge: Styling a Blog Page
1 question
Advanced CSS Selector Challenge - Styling a Complex User Profile Card
1 question
Enhancing a Web Page with Advanced CSS Selectors
1 question

CSS ADVANCED: POSITIONING ELEMENTS--> NEW

7 lectures
Static Positioning
06:42
Absolute Positioning
15:48
Relative Positioning
08:16
Fixed Positioning
06:57
Sticky Positioning
06:57
CSS Positioning Coding Exercise
1 question
CSS Positioning Project
23:00

CSS FLEXBOX--->NEW

6 lectures
Introduction to Flexbox
03:44
Understanding Flex Containers and Flex Items
05:08
Understanding Main and Cross Axis
13:10
Flexbox Properties for the Parent Element
13:15
Flexbox Properties for the Child Element
08:45
Flexbox Playground
07:12

RESPONSIVE DESIGN--->NEW

9 lectures
Understanding Responsive Web Design (RWD) Concept
02:17
Mobile First vs Desktop First approach
03:27
Viewport and Initial Scale
03:50
Introduction to Media Queries
03:15
Media Query Breakpoints
03:12
Mobile-First using Media Queries with Width
15:48
Desktop-First Using Width
10:16
Media Queries using Screen
04:10
Orientation Media Queries
04:37

CSS ADVANCED: FLEXBOX & RESPONSIVE DESIGN--->DEPRECATED

13 lectures
Flexbox and Responsive Design Project Demo
02:15
Final Project Preview
00:03
Responsive Design Project: What is Media Query
13:16
Responsive Design Project: Header HTML Only
04:38
Responsive Design Project: Header CSS
07:48
Responsive Design Project: Navbar HTML Only
02:18
Responsive Design Project: Navbar CSS
07:08
Responsive Design Project: Navbar Media Query
02:41
Responsive Design Project: Layout HTML Only
08:41
Responsive Design Project: Layout CSS
08:52
Responsive Design Project: Layout Media Query
04:01
Responsive Design Project: Footer HTML Only
05:38
Responsive Design Project: Footer CSS
07:21

JAVASCRIPT FUNDAMENTALS --> NEW

8 lectures
What is Javascript?
03:43
Your first javascript code
05:13
Ways of Including JS in HTML
07:22
Javascript variables overview
07:54
Differences between var, let & const
06:42
What are data Types
10:11
Arithmetic Operators
09:39
Comparison Operators
09:47

JS BASICS: CONTROL STRUCTURES-->NEW

9 lectures
Section Introduction
01:32
Learning Objectives
00:28
Control Structures Explained
02:48
Types of Decision making structures
01:14
If statement Usage
04:28
Else if statement usage
02:55
Else if statement Usage
04:16
Switch Statement Explained
03:03
Switch Statement code Example
05:35

UNDERSTANDING JAVASCRIPT STRINGS--->NEW

21 lectures
Introducing the section
01:15
Strings Overview
03:38
Strings are Immutable Overview
03:21
Ways of creating strings
03:56
String Creating Code Demos
04:00
Template Literals
08:15
Escape Characters in Strings
09:32
String concatenation
07:38
toLowercase and toUpperCase methods
09:56
Find the length of string
07:33
Slicing Text using .slice()
10:16
Split method
10:05
IndexOf() method
07:30
Using String.trim() method
06:51
Using String.replace()
08:06
Using String.lastIndexOf() method
06:50
Using String.includes()
06:00
Converting to String Using `String()
09:27
Converting to String Using `.toString()
05:43
Converting from String To Numbers
10:53
Converting from String To Booleans
06:08

JS BASICS | NUMBERS --> NEW

8 lectures
Introducing The Section
01:11
Numbers Overview
05:27
String.toString() Method
11:32
String.toFixed() Method
07:58
Number.toExponential() Method
05:25
Number.parseInt() Method
07:00
Number.parseFloat() Method
07:05
Number.isNaN() Method
09:16

JAVASCRIPT BASICS || ARRAYS --> NEW

10 lectures
Introducing the section
01:41
What are Arrays?
05:02
Creating Array using Array Literal
08:49
Creating Array using Array Constructor
06:42
Creating Array using Array.of()
04:41
Creating Array using Array.from()
06:50
Accessing array elements
07:57
Add Elements .push() and .unshift()
07:10
Remove Elements .pop() and .shift()
05:14
Array Size .length property
04:47

JAVASCRIPT INTERMEDIATE || ARRAY TRANSVERSAL --> NEW

7 lectures
Introducing Looping Through Arrays
00:52
For Loops
11:31
ForEach Loop
10:57
Mapping .map()
09:03
Filtering .filter()
08:31
Reducing .reduce()
14:07
Multi-Dimensional Arrays
08:14

JAVASCRIPT BASICS || OBJECTS --> NEW

6 lectures
Section Introduction
01:36
Objects Overview
06:09
Creating Object using Object Literals
09:04
Accessing Object Properties (Dot Notation)
05:42
Accessing Object Properties Using Bracket Notation
07:53
Adding properties to objects
09:26

JAVASCRIPT INTERMEDIATE | FUNCTIONS--->NEW

11 lectures
Introducing This Section
02:14
Functions Overview
06:05
Syntax of Function declaration
09:11
Invoking or Calling functions
06:29
Function expression
11:01
Anonymous functions
05:01
Immediately Invoked Function Expression (IIFE)
08:56
Function parameters vs arguments
15:01
Default parameters
10:21
Return Statement
11:23
Function Scope
12:03

JAVASCRIPT ADVANCED | ES6--->NEW

8 lectures
Introducing the section
02:00
ES6 Overview
03:39
Arrow Functions
16:03
"let" and "const"
12:03
Destructuring in JavaScript ES6
17:01
Ensuring Correct Property Names with Arrow Functions
1 question
Grocery Store Inventory Manager - Functional Approach
1 question
Currency Converter
1 question

JAVASCRIPT ADVANCED | ARRAYS OF OBJECTS --> NEW

12 lectures
Introducing the Section
02:29
The Concept of Objects Being Passed by Reference
11:30
Objects In Arrays
14:40
Arrays In Objects
15:06
Iterate through arrays using `forEach()`
14:42
Iterate through arrays using `map()`
08:41
Iterate through arrays using `filter()
07:55
Transformation and Manipulation using `splice()
21:43
Object.assign()
06:19
Search and Filter using `find()`
05:50
Using `some()`
04:24
Using `every()`
05:42

JAVASCRIPT ADVANCED | DOM-GETTING STARTED--->NEW

3 lectures
Introducing the Section
02:38
What is DOM?
06:04
Anatomy of a basic web page
02:59

JAVASCRIPT ADVANCED | SELECTING DOM ELEMENTS--->NEW

12 lectures
What is DOM Tree
09:04
Inspecting The DOM Live
03:08
Element Nodes
05:13
The Window Object
13:28
Using getElementById
10:52
Using getElementsByClassName
11:02
Using querySelector
09:02
Using QuerySelectorAll
14:10
Child vs Children Nodes
13:19
Using getElementByName
09:51
Accessing parent and child elements
13:48
Using Data Attributes
13:51

JAVASCRIPT ADVANCED | DOM TRANSVERSAL--->NEW

15 lectures
Introducing DOM Transversal section
00:37
DOM Traversing Overview
03:09
Using `parentNode` in DOM Traversal
09:18
Using childNodes
11:35
Using previousSibling
07:49
Using nextSibling
08:05
Using previousElementSibling
06:22
textContent, innerHTML & innerText
14:15
Using setAttribute
08:47
Using getAttribute
10:42
Using createElement & appendChild()
14:12
Using insertBefore
13:23
Replacing elements
08:54
Using removeChild
12:30
Using classList
17:50

JAVASCRIPT ADVANCED | DOM EVENTS--->NEW

12 lectures
What are DOM events?
04:14
Common event types
02:30
Inline Vs Traditional Event handlers
03:21
Using Inline Event Handlers Demo
16:01
Using Traditional Event Handlers
11:13
addEventListener() Method
18:21
removeEventListener() Method
09:29
Event Flow | Bubbling-Capturing-Target Phases
15:25
event.stopPropagation() Method
10:27
Event Delegations
09:29
Using multiple event listeners on an element
05:47
Creating and triggering custom events
09:38

JS ADVANCED | ASYNCHRONOUS PROGRAMMING | GETTING STARTED--->NEW

6 lectures
Section Objectives
02:23
What is Asynchronous Programming?
05:47
Why Asynchronous Programming is Important
04:22
Synchronous vs. Asynchronous Execution
04:50
setTimeout and setInterval Functions
14:51
Blocking vs non-blocking code
07:54

JS ADVANCED | ASYNCHRONOUS PROGRAMMING | CALLBACKS & EVENT LOOP--->NEW

6 lectures
Callback Functions Overview
17:29
Callback Functions Code Example
17:29
Callback Hell (Callback Pyramid)
22:12
Handling Errors in Callbacks
09:09
The JavaScript Event Loop
08:12
Visually Exploring Event Loop Using Latentflip Tool
06:20

JS ADVANCED | ASYNCHRONOUS PROGRAMMING | PROMISE--->NEW

4 lectures
Promises Overview
07:27
Promises Code Examples
23:09
Chaining Promises
12:38
Promise.all and Promise.race
09:03

JS ADVANCED | ASYNCHRONOUS PROGRAMMING | ASYNC AWAIT--->NEW

3 lectures
Introduction to Async Await
05:49
Async Await Code Examples
10:58
Error Handling with AsyncAwait
06:48

JS ADVANCED | ASYNCHRONOUS PROGRAMMING | AJAX -MAKING HTTP REQUEST--->NEW

4 lectures
AJAX Overview and it's components
09:21
Making HTTP Request using XMLHttpRequest
12:01
Making HTTP Requests with the Fetch API
14:18
Making HTTP Requests with the Axios
10:03

JS ADVANCED: WEB APIs & HTTP REQUEST --> DEPRECATED

9 lectures
Projects Demo
03:27
What's An API?
06:13
Types Of Web APIs
03:10
Battery API: Project Part 1
14:37
Battery API: Project Part 2
03:49
LocalStorage API: Task Manger Project
27:49
Fetch API: What is HTTP Request ?
03:35
Fetch API: HTTP Request Project
13:28
GeoLocation API: GeoLocation API Project
18:57

BACKEND DEVELOPMENT: WHY NODEJS--->NEW

4 lectures
Welcome to NodeJS
02:02
What is NodeJS?
03:51
Importance in modern web development
03:58
Industry use-cases
02:58

BACKEND DEVELOPMENT WITH NODEJS: COMMANDLINE INTERFACE--->NEW

4 lectures
Command-line Interface (CLI) overview
04:03
Command prompt oveview
02:56
Common Shell Commands
06:33
Common Shell Commands Practice !IMPORTANT
11:29

NODEJS: GETTING STARTED--->NEW

4 lectures
How to Install NodeJS
07:39
Installing & Customizing VSCODE
04:32
My First Node Application
07:26
NodeJS REPL (Read-Eval-Print-Loop)
07:03

NODEJS: EVENT LOOP, PROCESS & GLOBAL OBJECT--->NEW

8 lectures
NodeJS Event Loop
09:17
Non-Blocking IO
03:54
NodeJS Components
04:29
Single-threaded Event Loop
03:14
V8 Engine | How NodeJS interprets JavaScript
03:16
Global Object and Process Object
04:27
Global Object Methods
11:05
Process Object Code Demo
13:25

NODEJS: MODULE SYSTEM & REQUIRE FUNCTION--->NEW

8 lectures
Modules and Require Overview
04:56
CommonJS vs ES Modules
03:37
CommonJS Code Demo
17:35
ES Module Code Demo
11:11
Introducing Official Website APIs
03:21
File System (FS) API
19:15
The Operating System (OS) API
08:32
The Path API
11:19

GETTING STARTED WITH API DEVELOPMENT USING NODEJS-->NEW

11 lectures
Section Introduction
20:18
Brief overview of RESTful APIs
04:35
APIS Explained
03:44
Client-Server communication life cycle
06:28
Understanding REST and HTTP methods
03:29
How to create NodeJS Server
12:31
Routing in NodeJS
12:01
Route Parameters
13:17
Understanding query parameters
09:34
Sending JSON Data as Response
04:51
Practical Project: Develop Employees API
18:40

EXPRESS: NPM & BASIC EXPRESS SERVER ---> NEW

8 lectures
Welcome to Express JS
01:37
Overview of ExpressJS
04:35
NodeJS Vs Express JS
03:54
Understanding NPM & How To Create Express Application
05:20
How to Create Express Application
08:34
How to Create Express Server
06:54
PRACTICAL PROJECT: Build Book API
23:37
Configuring Node Script and Auto Restart Server
07:32

EXPRESS JS SERVER & ROUTING ---> NEW

6 lectures
Express Router Overview
03:54
Thunder Client Postman Alternative
01:51
Routing Without Express Router
07:56
Implementing Express Rouer
11:08
Express Router Method chaining
09:34
Middlewares in Express Routing
07:31

UNDERSTANDING EXPRESS MIDLEWARES ---> NEW

6 lectures
Understanding middleware.Middleware
06:43
Middleware Syntax
04:25
How Middleware works
05:54
Utilizing next() and the middleware stack
04:14
Built-in middlewares
08:53
Application Level Middleware
11:31

RENDERING & SERVING STATIC FILES (EJS TEMPLATE ENGINE )-->NEW

15 lectures
Serving Static Assets Overview
01:54
The Express.static Middleware
05:06
Serving HTML, CSS, and JS without Using a View Engine in Express
18:03
Understanding template engines
07:13
Introducing EJS Template Engine & Installation
03:40
Common EJS Syntax
02:25
Setting up server to serve assets using EJS
05:18
Passing data to templates
11:03
Conditionals in EJS
08:00
EJS Extension and modified EJS render method
01:27
Utilizing loops in EJS
06:09
EJS Partials
18:31
HTML Dynamic Page Title
03:03
EJS Layouts
14:13
Creating dynamic error pages
10:08

DATABASE | MONGODB ONLY | GETTING STARTED--> NEW

9 lectures
1.What's MongoDB ?
04:08
Why MongoDB?
02:45
How MongoDB differs from SQL databases
02:18
MongoDB Atlas Overview
05:30
MongoDB Drivers Overview
03:56
Connect to MongoDB
12:39
MongoDB Connection String
10:53
MongoDB Compass and VSCODE Extension Downloads
05:09
MongoDB important terms
06:51

DATABASE | MONGODB ONLY | CRUD AND QUERYING-->NEW

9 lectures
CRUD OPERATIONS: Write Operations
14:59
CRUD OPERATIONS: Retrieve Operations
08:06
CRUD OPERATIONS: Update Operations
12:52
CRUD OPERATIONS: Delete Operations
05:43
QUERYING: Understanding Cursor Object
03:11
QUERYING: Query Operators
15:11
QUERYING: Logical Operators
08:45
Building a Node.js Application with MongoDB Atlas
2 questions
Dynamic Web Application Development: Rendering Assets with EJS in Express
1 question

DATABASE | CRUD OPERATIONS & OPERATORS - MONGOOSE--> NEW

9 lectures
Mongoose Overview
04:01
MnogoDB vs Mongoose & Connecting to MongoDB Function
07:40
Schema and Model Definitions
10:36
Create Operations
12:15
Read Operators
05:40
Read Operations `.where()`, `.sort()`, `.limit()`
06:45
Update Operations
08:44
Update Operators
11:07
Delete Operations
04:43

DATABASE | MONGOOSE VALIDATIONS--> NEW

4 lectures
Built-in-Validators
12:07
Custom Validations
07:14
Third Party Validator
05:58
Setters and Getters
08:30

DATABASE | DATA MODELLING IN MONGOOSE--> NEW

7 lectures
Data Modelling Overview
04:01
Embedded documents
11:17
Arrays of Sub Embedded documents
11:44
Data Referencing
12:11
One to One Relationships
04:55
One to Many Relationship
14:02
Many to may relationship
10:16

AUTHENTICATION & AUTHORIZATION | COOKIE BASED AUTHENTICATION --->NEW

12 lectures
Authentication Flow
08:44
Authentication VS Authentication. Text only
00:41
How Cookie Authentication Works
08:24
Setting up the server
12:14
Implementing login logic
08:40
Configuring Cookie
09:41
Parsing cookie using Cookie Parser
08:00
Implementing Logout
02:26
Implementing Cookie Based in API
09:05
Integrate Database into Authentication
20:02
Is Authenticated middleware
12:25
Is Admin Middleware
07:16

AUTHENTICATION & AUTHORIZATION | SESSION & JWT BASED --->NEW

4 lectures
How Session based Authentication Works
06:13
Session Based Authentication
16:03
How JWT Works
06:45
Integrating JWT
18:31

NODEJS: ERROR HANDLING-->NEW

5 lectures
How to handle Errors
02:48
Built In Error Handler
08:43
Middleware Error Handling
06:29
Synchronous error handling
04:21
Handling Asynchronous Errors
08:15

Build NodeMailer App: Sending Email App

1 lectures
NodeMailer App
00:19

DESIGN PATTERN || MVC --->NEW

4 lectures
What are design patterns?
03:22
What is an MVC?
03:45
How MVC Interact
03:43
Integrating MVC Design Pattern
15:01

IMAGES & VIDEOS UPLOAD TO CLOUD-->NEW

4 lectures
Creating Server for file uploads
05:49
Configuring Multer and Cloudinary for images upload
08:15
Upload Image to Cloudinary
05:57
Saving Images into MongoDB
06:45

FRONTEND DEVELOPMENT USING REACT JS 2024-->NEW

20 lectures
Welcome to ReactJS
01:13
What's ReactJS?
03:30
What are SPA Applications?
05:38
Setting up the environments
03:05
How to create React Applications
06:41
How React Project works
08:51
JSX Overview with Code Examples
09:49
4 Ways to use CSS in React
11:50
Integration Bootstrap | Tailwindcss into React
07:04
Understanding Components
09:03
Creating Components Demo Code
07:24
Customising Components Using Props
09:01
Components Practice Time
12:09
What are states?
03:51
Introducing useState for local state management
05:52
UseState Practice: Build Counter Project
14:01
List Rendering Overview
08:53
UseEffect Overview- Making HTTP Request (Side Effects)
04:53
Practice Project-Making HTTP Request Project (USEEFFECT)
15:47
Form handling Overview | Controlled & Uncontrolled
05:02

GIT AND GITHUB

6 lectures
What is GitHub?
01:44
Differences Between Git & GitHub
02:11
How To Install GIT
02:59
Common GIT Commands Part 1
03:21
Common GIT Commands Part 2
19:38
Git Branches Explained
03:36

OpenAI Dalle3 Image Generator Project using MERN Stack

1 lectures
OpenAI Dalle3 Image Generator Project using MERN Stack
46:09

AI PROJECT: MERN CHATBOT USING OPENAI CHATGPT

1 lectures
Build MERN Stack Chatbot Project using OpenAI
00:09

AI PROJECT: GOOGLE GEMINI AI WITH MERN

1 lectures
Build MERN Stack AI Project using Google Gemini AI
00:10

PROJECT: COUNT DOWN TIMER

1 lectures
COUNTDOWN TIMER PROJECT
30:10

PROJECT: TYPING GAME PROJECT

1 lectures
Typing Gane. Project
30:14

PROJECT : FULLSTACK BLOG PROJECT: GETTING STARTED

16 lectures
Types Of FullStack Applications
02:00
Concepts & Requirements
01:46
Data Modelling Logic
06:37
Ways of Starting Developing a Project
02:09
Folder Structure
04:14
Create Server
07:50
Database Connection Function
02:33
MongoDB Connection String
05:41
Environment Variables
06:43
VSCODE Extensions
01:08
MongoDB in VSCODE
01:58
Data Modeling
05:52
Dummy Routes
10:52
Testing Endpoints Using Thunder Client
08:59
Express Routing
12:55
MVC Design Pattern
14:40

PROJECT: FULLSTACK BLOG PROJECT: USERS API ONLY - BACKEND

16 lectures
User Registration
06:29
Hash User Password
03:49
Login User API
05:29
Global Error Handler Middleware
06:00
App Error Handler
05:22
Catching Errors
07:42
Authentication: Express Session
07:28
Authentication: Protecting Route Middleware
04:22
Authentication: Persisting Express Session
03:19
User Profile API
02:58
User Details API
03:38
Update User Details API
05:28
Update User Password API
04:36
File Upload- Cloudinary Configuration
07:40
Upload Profile Image API
09:57
Upload Cover Image API
02:45

PROJECT: FULLSTACK BLOG PROJECT: POST API ONLY - BACKEND

7 lectures
Create Post API
09:00
Create Post With Image API
06:31
Populate User Posts API
01:13
Fetch Single Post API
02:03
Fetch All Posts API
01:22
User can Delete His Own Post API
07:33
User can Update His Own Post API
04:58

PROJECT: FULLSTACK BLOG PROJECT: COMMENT API ONLY - BACKEND

4 lectures
Create Comment API
07:37
Populate Post With Comments API
02:05
User Deleting His Own Comment API
02:18
Comment Update API
06:26

PROJECT: FULLSTACK BLOG APP - FRONTEND

51 lectures
Configure Server To Serve Static Files
03:44
Render Home Page
06:51
Render Login Form
03:26
Render Register Form
01:35
Render Profile Page
03:11
Render Upload and Cover Image Form
02:48
Render Update User Form
02:13
Navbar and Footer Partials
09:50
Client-Side Navigation
04:11
User Registration-Frontend
06:31
Redirect After Registration
02:17
Fixed Form Styling
01:07
Display Error Messages
08:33
User Login
04:50
Fixed Profile CSS Styles
02:28
Public And Private Navbar
09:01
Logout User
03:32
Profile Photo Upload
07:15
User Profile Details
04:58
Redirect& Display Error Message After Profile Image Upload
05:12
Unauthorised Page
03:33
Upload User Cover Image
09:27
Update User Profile
14:30
Update User Password
06:44
Application Styling Improvement
02:24
Populate User's Posts
05:30
Display All Posts
08:10
Render Post Creation form
07:03
Create Post Request
06:02
Display Post Error Messages
02:43
Truncate Post Descriptions
04:13
Render Post Details Page
03:22
Display Post Details
07:30
Improve Footer CSS
04:44
Post Details Style Improvement
02:59
Header Styling and Delete & Update Post Icon
05:15
Styling Post Actions Icons
04:13
Delete Post Request
06:03
Hide Delete & Update Icon from Unauthorised User
04:00
Post Details Styling Fixed
02:15
Render Post Update Form
06:40
Update Post
06:09
Update Post Error Fixed
02:15
Create Comment
04:40
Display Post Comments
02:43
Populate Comment With User
04:21
Redirect After Creating Comment
02:08
Fixed Comment Styling
01:01
Delete Comment
07:24
Hide Delete & Update Icons from Unauthorised User -Comments
02:14
Update Comment
11:32

REACT JS: MAKING HTTP REQUEST (USEEFFECT HOOK)--->REMOVING SOON

5 lectures
What is HTTP Request?
02:18
HTTP Request using fetch
11:50
HTTP Request using Axios
05:13
Async Await with UseEffect
04:46
Bonus Lecture
00:16

PROJECT: REACT JS PROJECT: PORTFOLIO

12 lectures
Project Demo and Setup
04:34
Navbar Component
04:41
Navbar CSS
11:45
Header Component
12:32
Header CSS
17:48
Services Component
06:21
Services CSS
07:37
Services Media Query
03:02
Works Component
03:18
Works CSS
04:07
Footer Component
04:28
Footer CSS
02:46

REACT JS: REACT ROUTER DOM

7 lectures
Final Project Demo
01:53
Dummy Components
04:34
Configuring React Router DOM
06:43
Not Found Route
02:45
Navigation Using Link Component
06:50
Protecting Routes
05:37
UseParams()
06:37

REACT JS: REACT CONTEXT API

9 lectures
What is Context API?
04:19
Setting Up Context API
05:58
Consuming Context Data
05:41
What is useReducer() ?
04:22
useReducer Todo Project: Setting Up Project
07:33
useReducer Todo Project: Setting Up useReducer()
09:16
useReducer Todo Project: Dispatching Action
11:48
useReducer Todo Project: Display List Of Todos
08:06
useReducer Todo Project: Delete Todo Action
09:00

MERN- INCOME-EXPENSES TRACKER APP (BACKEND)

25 lectures
Backend: Setting Up Environment
05:47
Final Source Code
00:01
Backend: Express Server
03:48
Backend: Dummy Routes
08:21
Backend: Testing Routes
09:43
Backend: MVC Design Part 1 (Express Routing)
10:03
Backend: MVC Design Part 2
09:30
Backend: Connect To MongoDB
05:13
Backend: Data Modelling
12:32
Backend: User Registration
09:46
Backend: User Login
06:24
Backend: Error Handling
16:08
Backend: Generate Token (JWT)
04:55
Backend: Authorization: Verify Token
04:27
Backend: Authorization: Get Token From Request Header
05:54
Backend: Authorization: Protect Route Middleware
10:18
Backend: Creating Multiple Accounts
11:29
Backend: Create Transactions
14:36
Backend: Populate Account Transactions
02:22
Backend: Update User
13:55
Backend: Delete User
04:16
Backend: Find Single Account
04:00
Backend: Update Account
03:45
Backend: Delete Account
02:03
Backend: CRUD Transactions
06:03

PROJECT: MERN- INCOME-EXPENSES TRACKER APP (FRONTEND)

36 lectures
Frontend: Install React Router DOM v6 & TailwindCSS
04:53
Frontend: TailwindCSS Overview
03:01
Configuring React Router DOM V6
03:31
Download All The Components
00:08
Download Final Source code for frontend
00:01
Frontend: Render Home Page Component
02:30
Frontend: Render Login Form Component
00:56
Frontend: Render Register Form Component
01:02
Frontend: Render Navbar Component
02:19
Frontend: Render Transaction Form Component
01:45
Frontend: Using Link Component
02:57
Frontend: User Auth Context Creation
13:37
Frontend: Consuming User Auth Context
03:04
User Auth Context - Login Action
07:33
Frontend: Handling Login Form
11:57
Fixing Cors Error
02:51
Frontend: User Auth Reducer Part 1
08:52
Frontend: User Auth Reducer Part 2
00:03
Frontend: User Auth Action Constants
03:42
Frontend: Save Token Into LocalStorage
05:04
Frontend: User Dashboard Components
05:15
Frontend: User Profile Action
11:24
Frontend: Dispatch User Profile Action
06:47
Frontend: Display User's Account List
09:08
Account Details Component
04:44
Frontend: 24.Account Details Action & Reducer
20:16
Frontend: List Of Transactions
10:40
Frontend: Calc Total Income & Expenses
08:47
Frontend: Logout & Redirect
07:55
Frontend: Public And Private Links
06:19
Frontend: Handle User Registration Form
07:22
Frontend: 30. User Registration Action
05:29
Frontend: Render Account Form
02:31
Frontend: Create Account (Project)
10:52
Frontend: Add Transactions Action
12:56
Frontend: Dispatch Transactions Action
10:25

PROJECT: CHATGPT MERN AI CONTENT GENERATOR || BACKEND-->NEW

20 lectures
Project Demo
10:22
Creating Express Server
08:21
Data Modelling
11:00
User Registration Controller
14:02
MongoDB Connect Function
10:56
Error Handling Middleware
09:07
Login User Controller
06:31
Generating Token Using JWT
08:09
Logout controller
02:47
User Profile Controller
04:04
IsAuthenticated Middleware
09:34
Getting OPenAI Key (ChatGPT)
05:22
OpenAI Controller for Generating Content (ChatGPT)
16:03
Implementing 3 Days Trial
08:43
API Request Limit Middleware
07:21
Integrate Stripe Payment for Subscription
12:51
Handle Free Subscription
16:20
Stripe Payment Verification
17:40
Node-Cron Functions to expire subscription
14:34
Checking User authenticated Controller
03:17

PROJECT: CHATGPT MERN AI CONTENT GENERATOR || FRONTEND-->NEW

16 lectures
React App and Tailwindcss installations
06:00
React Query Installation
05:10
Installation of React Router Dom
03:21
User Registration
23:13
Login User
04:57
Render Home-Dashboard Components
06:53
Authentication Context
13:05
Logout User
10:14
Protecting Component
08:19
User Dashboard
22:28
Generating Content using ChatGPT
19:17
Handling Free Subscriptions
17:12
Stripe Payment Subscription Part 1
24:24
Stripe Payment Subscription Part 2
12:30
Payment Verification
12:20
Display Content Generation History
11:05

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi