Trang chủ

Web Development

React JS

React ,Redux,Hooks, TypeScript,Node.JS, MongoDB (MERN stack)

React ,Redux,Hooks, TypeScript,Node.JS, MongoDB (MERN stack)

Loại khoá học: Web Development

Học React JS v17 với MERN stack: Xây dựng web bán hàng

50.000 VND

25 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

Mô tả

Trong khoá học này bạn không chỉ học được React JS, MongoDB mà bạn còn học được cách xây dựng một website bán hàng sử dụng MERN stack.

Bạn sẽ học được rất nhiều kỹ thuật thú vị, hữu ích từ khoá học này bao gồm:

+ Các kiến thức cơ bản về React JS, Mongo DB

+ Các kiến thức cơ bản cần thiết để xây dựng 1 API server sử dụng Node JS, Express JS framework.

+ Cách tích hợp CKEditor vào web React JS.

+ Upload 1 file từ client (React JS) lên API server sử dụng thư viện Multer.

+ Sử dụng thành thạo 1 trong các thư viện nổi tiếng cho việc xây dựng UI cho component là React Element UI (sử dụng các component có sẵn như là Button, Table, Tab, Upload...)

+ Tích hợp chức năng thanh toán sản phẩm từ giỏ hàng sử dụng cổng thanh toán PAYPAL .

+ Sử dụng thư viện REDUX để quản lý dữ liệu của ứng dụng React JS (Redux for state management).

+ Học được cách tối ưu code trong NodeJS, React JS.

+ Biết cách fix các lỗi cơ bản.

Trong khoá học này bạn không chỉ học được React JS, MongoDB mà bạn còn học được cách xây dựng một website bán hàng sử dụng MERN stack.

Bạn sẽ học được rất nhiều kỹ thuật thú vị, hữu ích từ khoá học này bao gồm:

+ Các kiến thức cơ bản về React JS, Mongo DB

+ Các kiến thức cơ bản cần thiết để xây dựng 1 API server sử dụng Node JS, Express JS framework.

+ Cách tích hợp CKEditor vào web React JS.

+ Upload 1 file từ client (React JS) lên API server sử dụng thư viện Multer.

+ Sử dụng thành thạo 1 trong các thư viện nổi tiếng cho việc xây dựng UI cho component là React Element UI (sử dụng các component có sẵn như là Button, Table, Tab, Upload...)

+ Tích hợp chức năng thanh toán sản phẩm từ giỏ hàng sử dụng cổng thanh toán PAYPAL .

+ Sử dụng thư viện REDUX để quản lý dữ liệu của ứng dụng React JS (Redux for state management).

+ Học được cách tối ưu code trong NodeJS, React JS.

+ Biết cách fix các lỗi cơ bản.

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

Bạn sẽ học được cái khái niệm cơ bản về React JS,Node JS, MongoDB, Mongoose

Cách xây dựng một web bán hàng đơn giản sử dụng React JS, MERN stack

Xây dựng API cho web bán hàng dùng NODE JS, Express JS , MongoDB

Sử dụng CKEDITOR, Multer cho upload file phía Server, tích hợp PAYPAL

Sử dụng thư viện xây dựng giao diện sẵn cho React : React Element React UI

Yêu cầu

Có kiến thức cơ bản về Javascript , HTML, CSS

Nội dung khoá học

8 sections

Giới thiệu khoá học và React JS

9 lectures

Giới thiệu khoá học

18:49

Demo web bán hàng React với Hooks+Typescript+API server Nodejs+ paypal+stripe

19:28

Giới thiệu React JS - phần 1

19:42

Giới thiệu React JS - phần 2

23:47

Giới thiệu React JS - phần 3

30:10

Giới thiệu React JS - phần 4

44:18

Giới thiệu React JS - React JS Hook

11:00

Cấu trúc thư mục dự án

02:58

Demo project

04:20

Học Javascript cơ bản

24 lectures

Các kiểu dữ liệu cơ bản của Javascript: string, number, boolean (datatype)

11:47

Giới thiệu String Template Literal (sử dụng dấu backtick `)

07:09

Độ ưu tiên của toán tử (javascript operator precedence)

09:25

Ép kiểu trong Javascript (data conversion and coercion)

11:46

Falsy vs truthy value

13:37

Biểu thức điều kiện If else elseif (conditional expression)

10:18

Toán tử so sánh bằng == và === (equal comparison operators)

09:26

Toán tử logic (logical operators) AND && OR || NOT !

15:06

Switch...case trong Javascript (tương tự If else)

12:26

Toán tử điều kiện (conditional tenary operator)

10:24

Giới thiệu về hàm (function)

03:13

Các kiểu dữ liệu trả về của 1 hàm (function's return data types)

03:39

Các kiểu tham số của 1 hàm (function's parameters)

03:06

Hàm ẩn danh (anonymous function) và hàm mũi tên (arrow function)

08:57

Giới thiệu về mảng (Array) trong Javascript

09:36

Các thao tác cơ bản với mảng (Array's methods)

10:47

Giới thiệu về đối tượng (Object) trong Javascript

08:09

Các thao tác với đối tượng (Object)

09:05

Vòng lặp for trong Javascript (for loop)

18:28

Vòng lặp while trong Javascript (while loop)

10:48

Vòng lặp for each trong Javascript (for each loop)

07:11

Destructuring Array trong Javascript

28:45

Spread operator trong Javascript

16:33

Rest operator trong Javascript

15:36

React Hooks

5 lectures

Giới thiệu hook useState - phần 1

18:01

Giới thiệu hook useState - phần 2

07:17

Các loại tham số cho hook useState

12:19

Hook useEffect

32:25

useEffect - clean up function

06:37

Quản lý state/data với Redux, Thunk, Context, Redux Toolkit và RTK Query

11 lectures

Giới thiệu React Context

22:13

Cài đặt React Context

20:24

Giới thiệu Redux

43:30

Cài đặt Redux

23:12

Redux sử dụng connect() function vs store.subscribe()

22:17

Redux sử dụng hook useSelector, useDispatch tối ưu hơn connect() function

07:38

Redux Thunk để tương tác với API Server

05:30

Giới thiệu REDUX TOOLKIT

26:00

Redux Toolkit - cách sử dụng createSlice function

13:24

Redux Toolkit - sử dụng createAsyncThunk function để tương tác API server

11:57

REDUX TOOLKIT QUERY

25:34

Xây dựng API Server (Node JS, Express JS, Mongo DB)

20 lectures

Khởi tạo API server

07:13

Tự động restart API server với Nodemon

08:14

Cài đặt cơ sở dữ liệu NoSQL - MONGODB

15:21

Cài đặt thư viện MongoDB driver cho NODEJS, kết nối với MongoDB server từ NodeJS

06:20

MongoDB driver - Tạo mới 1 collection (tương tự Table)

03:52

MongoDB driver - thêm mới 1 document vào 1 collection

08:47

MongoDB driver - findAll documents

04:22

MongoDB driver - findOne documents

05:24

Giới thiệu Mongoose - ORM cho MongoDB database

04:11

Mongoose - Khái niệm Schema và Model

11:12

Mongoose - Viết code connect MongoDB database

06:00

Mongoose - thêm mới 1 document vào Category(danh mục sản phẩm) collection

07:06

Mongoose - truy vấn documents từ Category collection

10:54

Mongoose - hoàn thiện thiết kế Category model và schema

11:31

Xây dựng chức năng CRUD (create, read, update, delete) API cho Category

19:03

Chia code ra Controller, Model, Route - tối ưu code cho API server

28:23

Hoàn thiện chức năng CRUD (create, read, update, delete) API cho Category

29:30

Giới thiệu JSON Web Token - JWT dùng cho xác thực người dùng

19:37

Xây dựng USER schema và model

46:05

Xây dựng API server cho quản lý sản phẩm (Product)

01:00:17

Client side React JS

11 lectures

Khởi tạo project React JS sử dụng thư viện create-react-app

18:15

Giới thiệu và cài đặt React Element UI trong React JS

15:43

Xây dựng LAYOUT cho các trang thuộc Admin của website

29:04

Giới thiệu và cài đặt Axios để tương tác với API server

16:00

Giới thiệu và tích hợp Redux để quản lý dữ liệu của ứng dụng React JS

52:10

Xây dựng trang web quản lý Category - danh mục sản phẩm

14:49

Hoàn thiện trang web quản lý Category - danh mục sản phẩm

28:32

Xây dựng trang quản lý sản phẩm - Product

20:08

Xây dựng chức năng xác thực người dùng phía client(React JS)

24:07

Hoàn thiện xây dựng chức năng xác thực người dùng phía client(React JS)

13:03

Hoàn thiện trang web - trang chủ, trang giỏ hàng, tích hợp Paypal

34:15

Xây dựng web bán hàng với React Hooks + TypeScript + REDUX + Router v6

20 lectures

Khởi tạo project React + Typescript với create-react-app

38:56

Tích hợp REDUX vào dự án React

40:25

Cài đặt Ant Design để làm Layout cho web

12:09

Routing - tích hợp React Router Dom version 6

11:43

Cài đặt Layout cho ADMIN

11:51

Sử dụng Material UI để hiển thị danh sách sản phẩm - Tạo Header TABLE Component

21:38

Hoàn thiện trang hiển thị danh sách sản phẩm - Product List Component

54:05

Viết code Redux load danh mục sản phẩm (Product Categories) cho Create Product

08:06

Viết code Redux cho Create, Update, Delete Product

15:37

Hoàn thiện trang thêm mới sản phẩm (Create Product) + upload ảnh lên API server

53:42

Viết code Redux cho trang đăng nhập Login

18:13

Hoàn thiện trang đăng nhập

19:05

Xây dựng cơ chế bảo vệ Route với Authentication Component(kiểm trađã đăng nhập?)

09:47

Logout

08:46

Tối ưu code với Axios Instance và dùng biến môi trường .env để bảo vệ thông tin

16:20

Xây dựng trang chủ Home - hiển thị tốt trên mọi kích thước thiết bị (Responsive)

32:11

Xây dựng trang chi tiết sản phẩm

11:02

Thêm sản phẩm vào giỏ hàng (Add to Cart)

30:26

Xây dựng component hiển thị Giỏ Hàng (Cart) và tích hợp thanh toán PayPal

31:16

Tích hợp thanh toán bằng Stripe

16:27

Source code

1 lectures

source code

00:00

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

Email

Nội dung

Khoá học liên quan

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

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

Shopify Theme Development: Create Shopify Themes [2023]

Shopify Theme Development: Create Shopify Themes [2023]

100 Days of Code: The Complete Python Pro Bootcamp

100 Days of Code: The Complete Python Pro Bootcamp

Master NestJS a Node.js Framework 2024

Master NestJS a Node.js Framework 2024

Spring Framework 5: Beginner to Guru

Spring Framework 5: Beginner to Guru

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

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

The Git & Github Bootcamp

The Git & Github Bootcamp

Clean Code

The Complete Oracle SQL Bootcamp (2024)

The Complete Oracle SQL Bootcamp (2024)

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)

Framework Python với Selenium 3.x

Framework Python với Selenium 3.x

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

The Complete Java Development Bootcamp

The Complete Java Development Bootcamp

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)

The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

Build a Backend REST API with Python & Django - Advanced

Build a Backend REST API with Python & Django - Advanced

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