Danh mục
Development
Web Development Data Storage Git Automation Database Design Web Scraping
Business
Business Analysis Communication Project Management Sales Forecasting Business Strategy Operations Management Human Resources Oil and Gas Industry
Finance & Accounting
IT & Software
Office Productivity
SAP Word Excel PowerPoint Excel VBA SharePoint
Personal Development
Persuasion Notion Workspace Mind Mapping
Design
Design Sketching Typography Game Design Digital Art zBrush 3D Animation
Marketing
SEO Marketing Strategy YouTube Marketing Digital Marketing Facebook Marketing Growth Hacking Twitter Marketing Instagram Marketing
Lifestyle
Beer Brewing Beauty Home Repair Energy Healing Bartending Leather Crafting Makeup Artistry Hypnotherapy
Music
Piano Guitar Singing Music Production Acoustic Guitar Fingerstyle Guitar Music Theory Bass Guitar
Duocmmo Tedu Tin học văn phòng Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Node.Js
MERN stack complete Blog Application from scratch 2022

MERN stack complete Blog Application from scratch 2022

Loại khoá học: Web Development

Learn, Apply, Build a Blog Project using Redux (Redux Toolkit), NodeJs, Express, MongoDB, React js, Tailwindcss

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ả

Course description:

This course is all about managing the state in react application using the redux toolkit. Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You'll find plenty of discussions added in to help you understand exactly when and where to use

What will you build?

  • Learn how to create a real-world blog application with a bunch of features

  • Develop Node Js API from scratch

  • How to implement react js logic to real-world application

  • Understand backend authentication

  • Learn how to upload files to Cloudinary

  • Learn how to block  and unblock a user

  • Learn how to block a user by the application if  the post the user is creating contains sum profane words

  • Learn how to resize images on the server-side

  • Learn how to implement  forget password functionality

  • Learn how to implement follow and unfollow a user

  • Learn how to manage state in react using redux (redux toolkit)

  • How to implement account verification using a token

  • Learn how to implement sending Emails using Sendgrid

  • How to implement user management

  • Learn how to implement like and dislike of a post


Who this course is for:

  • Programmers looking to master MERN Stack

  • Developers who want to  move from the traditional way of writing redux application

  • Engineers who have researched React but have had trouble mastering some concepts


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

How to create a complete MERN stack project from scratch to finis

How to implement authentication both in server side and client side

How to block and unblock a user

How to upload images to cloudinary

How to resize image on the server

How to create a complete Blog API

How to send email using sendgrid

How to reset password. Forget password functionality

How to use redux - redux toolkit to manage the application state

How to implement follow and unfollow of a user API

How to implement account verification using token

Yêu cầu

  • Basic understanding of javascript
  • Basic understanding of react js
  • You must have some experience in node js
  • At least you have created a simple API using node and mogodb
  • Familiar with redux

Nội dung khoá học

26 sections

Introduction

4 lectures
Project Intro
17:53
Must Read
00:12
Environment Setup
03:31
JOIN THE COMMUNITY
00:16

User Authentication

28 lectures
Backend API Features
04:51
Course Path
02:23
Express Server
12:13
Connect to MongoDB
16:46
Environment Variable DOTENV
06:30
MVC architecture explained
07:13
Data Modelling Explained
05:20
User Data Modelling
21:29
User Registration controller Part 1
10:23
User Registration controller Part 2
17:38
Middleware Explained
09:20
Hashing User password using Bcryptjs
08:53
Prevent Duplicate Registration of a User
02:13
Express Routing
09:15
Error Handling
10:07
Not Found Error Handling
05:02
User Login Controller Part 1
07:36
User Login Controller Part 2
09:48
Generate Token for login user -JWT
12:27
Fetch All Users Controller
05:43
Delete User Controller
11:32
Fetch User Details Controller
05:26
Authentication Logic
05:04
User Auth Middleware
14:51
User Profile Controller
07:47
Update User Profile controller
13:29
Update User Password controller
13:56
User Auth Middleware Bug Fixed
03:29

User Following and Unfollowing

3 lectures
User Following Controller Part
14:17
Prevent Duplicate Following a User
08:06
Unfollowing User Controller
12:26

User Blocking and Unblocking

2 lectures
Blocking User
06:25
Unblocking User
03:04

Email Sending

1 lectures
How to send Email using SendGrid
16:03

User Account Verification

2 lectures
User Account Activation Part 1
23:30
User Account Activation Part 2
24:17

Forget Password Management

3 lectures
Forget Password Functionality Part 1
16:30
Forget Password Functionality Part 2
05:51
Forget Password Functionality Part 3
11:48

File Upload to Cloudinary

4 lectures
File Upload - Multer Configuration
18:30
File Upload - Image Resizing
13:09
File upload to Cloudinary
16:38
Upload User Profile Photo
16:38

Creating Post API

12 lectures
Creating Post Model
09:40
Creating Post Controller
10:51
Block user if post contains profane words
08:00
Upload image when creating a post
15:28
Remove saved images from our server after uploaded
06:17
Fetch All Post Controller
04:56
Fetch All Post and populate the user
04:25
Fetch all post created by a user
06:18
Fetch a post and populate the user
05:45
Number of views of a post
04:36
Update Post Controller
10:35
Delete Post Controller
04:08

Post Likes and Unlikes

4 lectures
Post Likes Controller Part 1
09:00
Post Likes Controller Part 2
13:36
Dislike Post Controller
15:42
Populate Dislikes
02:15

Post Comment API

6 lectures
Comment Model
09:25
Create Comment Controller
15:22
Fetch all comments controller
06:39
Fetch a single comment controller
04:03
Update comment Controller
08:02
Delete Comment Controller
06:13

Email Messaging

3 lectures
Email Messaging Model
05:39
Create Email Message Controller
12:45
Prevent Profane words in Email
05:24

Post Category

6 lectures
Create Category Model
03:35
Create Category Controller
10:41
Fetch All Categories Controller
04:00
Fetch Single Category Controller
02:28
Update Category Controller
03:05
Delete Category Controller
02:54

Redux Toolkit Frontend - Optional

10 lectures
What's Redux toolkit
03:40
Install Redux Toolkit
03:47
Redux Concept
06:17
Create Redux Store - Redux toolkit
06:46
Create Action using createAction - Redux toolkit
03:33
Create Reducer using createReducer
08:39
Dispatch Action using useDispatch
11:10
Create Reducer using Map Notation Method
03:45
Counter Project using - CreateSlice
09:47
Post Project - CreateAsynchThunk
22:24

*UPDATE* React Router DOM V6

9 lectures
MUST READ
00:32
Final Project Intro
01:53
Dummy Components
04:34
Configuring React Router DOM
06:43
404 Route
02:45
Navigation
06:50
Protecting Route
05:37
Rendering Components (Optional)
03:39
useParams()
06:37

Blog Project - Frontend

6 lectures
Create React App
02:13
Install Tailwindcss for styling
08:35
90.Tailwindcss intro
04:15
91.Home Page Component
05:25
React Router Dom installation
00:14
React Routing
04:09

Users Account -Redux Toolkit

17 lectures
Register Component
01:55
Register User Form using Formik
16:50
Create Redux Store
04:24
User Registration Action
11:39
User Registration Reducer (Slices)
12:41
Dispatch Action To Register User
07:35
Display User Register Loading and Error
09:31
User Register Redirect
04:19
User Login Form Component
08:57
User Login Action Creator
10:23
User Login Reducer - (CreateSlice)
04:42
Dispatch Action to Login User
13:10
User Redirect After Login
10:03
Navbar - React Router Dom
12:30
Display Navbar base on Login User
05:51
Logout User Part 1
10:24
Logout User Part 2
05:56

Post Managment - Redux-Toolkit

41 lectures
Create Post Category Component
03:31
Post Category Action Creator - CreateAction
07:32
Post Category Reducer
07:40
Post Category Dispatch Action
17:40
Fetch All categories
18:17
Date Formatter and Loading Component
12:20
Delete and Update Category Action
07:34
Fetch Category Details Action
03:14
Delete and Update Category
22:21
Post creating redirect
22:14
How to protect Route in React
18:15
Create Post Form Component
03:07
Create Post action and reducer
10:33
Dispatch Action to Create Post
07:33
Post Category Dropdown Select
35:08
Create Post With Image
31:10
Display Post Creating Errors and Redirect
12:12
Post List Component
03:59
Fetch All Posts
17:57
Fetch All categories
12:02
Filter Post By Category
14:33
Posts Like Action Creator
09:26
Dispatch Action To Like Post
11:05
Dispatch Action To DisLike Post
04:28
Post Details Component
03:59
Fetch Post Details
18:18
Update Post Component
02:19
Update Post Action And Reducer
05:10
Dispatch Action To Update Post
15:21
Redirect User After Updating Post
08:52
Category and Post Error Fixed
07:46
Delete Post And Redirect
10:35
Only Post Owner can Delete His Post
09:01
Post Comment Form
09:23
Add Comment To Post
10:09
Populate Post Comment
08:06
Fetch All Comments Part 1
11:19
Fetch All Comments Part 2
03:44
Delete Comment
10:10
Update Comment
33:07
Display User Profile Image
06:40

User Profile

8 lectures
User Profile Component
02:50
User Profile Action And Reducer
09:17
User Profile Part 1
18:58
Upload Profile Photo Component
12:07
Upload User Profile Photo
21:27
Update User Profile Form
14:19
Update User Profile Part 1
21:11
Update User Profile Redirect
10:04

User Follow and UnFollow

3 lectures
User Follow and Following Part 1
18:29
User unFollow and UnFollowing Part 1
06:34
User unFollow bug fixed
06:25

Sending Email

3 lectures
Email Sending Form
13:40
Sending Email Action And Reducer
25:24
Sending Email Redirect
13:29

Account Verification

5 lectures
Account Verification Component
08:32
Account Verification API
06:38
Account Verification Send Token
09:53
Post Category Bug Fixed
01:46
Account Verification Loading
13:17

User Profile Management Continue

12 lectures
Account Verification
24:56
Hide Follow Button Programatically
04:00
Redirect To Profile Page
10:46
Who View My Profile API
14:43
Display Who View My Profile
08:45
Implement User Account Type
08:14
Users List Component
06:21
Fetch All Users Actions
04:14
Dispatch Action To Fetch All Users
22:33
Block and Unblock User Part 1
14:28
Block and Unblock User Part 2
04:41
Block and Unblock User Part 3
11:48

Application Improvement

4 lectures
Application Improvement
14:06
Display Comment Errors
07:04
Prevent User From Login if Blocked
05:18
Starter Account Can Create Two Posts
18:28

User Password Management

6 lectures
Update User Password Form
06:27
Update User Password Action
09:12
Dispatch Action To Update Password
11:33
Password Reset Part 1
16:03
Password Reset Part 2
15:09
Password Reset Part 3
17:50

Deployment

2 lectures
Backend Deployment
24:15
Frontend Deployment
16:58

Đá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

Laravel 10 - Build News Portal and Magazine Website (2024)

Laravel 10 - Build News Portal and Magazine Website (2024)

105 VND
50.000 VND
Shopify Theme Development: Create Shopify Themes [2023]

Shopify Theme Development: Create Shopify Themes [2023]

649.000 VND
50.000 VND
100 Days of Code: The Complete Python Pro Bootcamp

100 Days of Code: The Complete Python Pro Bootcamp

170 VND
50.000 VND
Master NestJS a Node.js Framework 2024

Master NestJS a Node.js Framework 2024

1.399.000 VND
50.000 VND
Spring Framework 5: Beginner to Guru

Spring Framework 5: Beginner to Guru

1.999.000 VND
50.000 VND
Ultimate Unity Overview (70+ Tools and Features Explained!)

Ultimate Unity Overview (70+ Tools and Features Explained!)

95 VND
50.000 VND
The Git & Github Bootcamp

The Git & Github Bootcamp

120 VND
50.000 VND
Clean Code

Clean Code

170 VND
50.000 VND
The Complete Oracle SQL Bootcamp (2024)

The Complete Oracle SQL Bootcamp (2024)

120 VND
50.000 VND
Khóa học Xử lý Dữ liệu cho Data Warehouse (Phần Cơ Bản)

Khóa học Xử lý Dữ liệu cho Data Warehouse (Phần Cơ Bản)

185 VND
50.000 VND
Framework Python với Selenium 3.x

Framework Python với Selenium 3.x

1.099.000 VND
50.000 VND
Html Css 21 Ngày: Tạo giao diện website chuyên nghiệp từ đầu

Html Css 21 Ngày: Tạo giao diện website chuyên nghiệp từ đầu

65 VND
50.000 VND
The Complete Java Development Bootcamp

The Complete Java Development Bootcamp

125 VND
50.000 VND
Trở thành Quality Control (QC) / Tester (kiểm thử phần mềm)

Trở thành Quality Control (QC) / Tester (kiểm thử phần mềm)

25 VND
50.000 VND
The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

185 VND
50.000 VND
Build a Backend REST API with Python & Django - Advanced

Build a Backend REST API with Python & Django - Advanced

120 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