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ủ
Other IT & Software
React JS
Lập trình react js chuyên sâu với React Hooks and Bootstrap

Lập trình react js chuyên sâu với React Hooks and Bootstrap

Loại khoá học: Other IT & Software

Khóa học lập trình reactjs chuyên sâu với Bootstrap, Material UI, Redux, Hooks, Restful API và nhiều kiến thức khác

image
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

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Khóa học lập trình reactjs chuyên sâu với Bootstrap, Material UI.

React là 1 trong các công nghệ làm font-end phổ biến và mạnh mẽ nhất hiện nay, trong khóa học này các bạn sẽ biết tự tay khởi tạo 1 project ReactJS từ đầu, các bạn sẽ được giải thích chi tiết về cấu trúc của 1 project reactjs,

Khóa học được xây dựng và hướng dẫn 1 cách đầy đủ từng bước từ lý thuyết đến thực hành, từ bước phải cài đặt môi trường, init 1 project như thế nào cho đến hướng dẫn sử dụng và thực hành áp dụng các tính năng cốt lõi trong ReactJS thông qua các bài học ở trong từng chương kết hợp với các kiến thức cũng như kinh nghiệm khi đi làm trong các dự án thực tế của tôi. Các bạn sẽ sở hữu các kiến thức về các tính năng và các thành phần cốt lõi trong công nghệ làm font-end phổ biến và mạnh mẽ nhất hiện nay là ReactJS.

Và đặc biệt các bạn sẽ biết cách xây dựng 1 trang giao diện người dùng một cách nhanh chóng với các thư viện như Bootstrap, Material UI, React-Icons.

Hy vọng khóa học sẽ mang lại nhiều kiến thức hay và bổ ích, khóa học được xây dựng với nội dung sát với thực tế để các bạn có thể áp dụng vào trong công việc cũng như trong các dự án của chính các bạn.

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

Hiểu và làm chủ React từ cơ bản đến chuyên sâu, Biết cách tư duy và áp dụng các kiến thức trong công nghệ REACT

Các bạn sẽ tự tin làm chủ và nắm vững những KIẾN THỨC quan trọng và cốt lõi nhất của REACT

Hiểu và làm chủ React và áp dụng vào xây dựng các sản phẩm website THỰC TẾ phục vụ mục đích học tập và đi làm

Biết cách tích hợp các công nghệ làm front end phổ biến nhất hiện nay như Bootstrap, Material UI,... vào react

Các bạn sẽ biết cách tự tay init 1 project cho đến xây dựng và phát triển 1 ứng dụng REACT ngay từ đầu

Biết cách tích hợp Redux vào trong Project REACT để làm 1 số chức năng phức tạp và phổ biến

Biết cách build, deploy ứng dụng,...

Yêu cầu

  • Nắm được kiến thức cơ bản của HTML5/CSS3
  • Nắm được kiến thức cơ bản Javascript/ES6
  • Có máy tính, laptop, cài đặt môi trường và các công cụ cần thiết

Nội dung khoá học

11 sections

Introduction & Install Environment / Giới Thiệu và cài đặt môi trường

10 lectures
Giới Thiệu về ReactJS
09:58
Cài đặt môi trường & Các công cụ
02:16
Cài đặt NodeJs
02:18
Cài đặt Yarn
02:01
Cài đặt Visual Studio Code
02:22
Cài đặt ReactJS Code Snippets Plugin
01:29
Cài đặt ESLint & Prettier
03:07
Khởi tạo dự án reactJS đầu tiên
18:10
Giải thích cấu trúc của dự án react
07:24
Hướng dẫn tải mã nguồn các dự án demo
08:12

Main Concepts / Các khái niệm chính

18 lectures
Giới Thiệu JSX
04:55
Rendering Elements/Biên dịch các phần tử
10:23
DOM & Virtual DOM/DOM và Kỹ thuật DOM ảo
07:18
Components
04:37
Class Component
06:09
Functional Component
05:33
Props / Thuộc tính
19:07
State / Trạng thái
17:24
State in Functional Component/Sử dụng state trong Functional Component
11:34
Difference between Props & State / Sự khác biệt giữa Props và State
03:40
Component Lifecycle / Vòng đời của component
15:41
Handling Events / Xử lý sự kiện trong React
19:21
Conditional Rendering / Điều kiện Rendering
14:02
Rendering Lists / Rendering 1 danh sách
13:31
Handling Forms / Xử lý Forms
17:11
Lifting State Up / Kỹ thuật Lifting State Up
16:32
Handling Deleting Data / Xử lý sự kiện xóa dữ liệu
08:06
Thinking in ReactJs / Tư duy ở trong React
11:56

Using CSS, Bootstrap, Material UI and Icons

10 lectures
Styling in ReactJS/ Trang trí ở trong React
04:29
Inline Styles / Trang trí kiểu Inline
04:47
CSS Styles / Trang trí kiểu CSS
05:50
SCSS (SASS) / Trang trí sử dụng SCSS
12:14
CSS Module / Trang trí sử dụn CSS Module
14:55
Using React-Bootstrap / Sử dụng Bootstrap
13:17
Using React-Icons / Sử dụng thư viện React-Icons
08:55
Intro and Install Material UI / Giới thiệu và cài đặt thư viện Material UI
09:49
Using Material UI / Sử dụng Material UI
14:11
Styling in Material UI / Trang trí trong Material UI
10:30

Routing in ReactJs / Điều hướng ở trong ReactJS

12 lectures
Routing in ReactJs/ Điều hướng ở trong ReactJS
10:41
Demo create a template website / Demo tạo template website
21:23
Nested Routes - Outlet - Index Routes / Các route lồng nhau
11:30
Using Link NavLink and Active Link
06:41
Use Navigate / Sử dụng Navigate
11:08
Redirect to another route / Chuyển hướng sang 1 route khác
05:00
Handling not found URL
06:38
Routing Hooks
09:10
Dynamic Segments
05:18
Reading URL params
18:05
Reading search params
09:21
Sync filters to search params
11:06

React HOOKs

8 lectures
Introducing React HOOKs
07:14
Using useState()
19:51
Using useEffect()
15:54
Using useContext()
07:56
Using React.memo()
08:47
Using useCallback()
22:48
Using useMemo()
10:38
Custom Hook
12:01

Working with Restful API

9 lectures
Restful API Introduction
08:28
Create a Restful API
11:27
Install Axios Library
05:14
Get Data
11:45
Insert Data
13:24
Update Data
24:02
Delete Data
07:14
Using Toastify
12:40
Summary
05:52

Working with Form

6 lectures
Working with Form - Overview
09:53
Create a Contact Form
19:08
Using React Hook Form
08:30
Handling Form Validation
08:56
Schema Validation with Yup
11:27
Handling Form Submission
10:06

Using React with Redux

17 lectures
Introduction
13:47
Redux Terms and Concepts
11:30
Install Redux into React Project
07:00
Configuring Redux into Project
15:49
Mapping State to Props
08:10
Mapping Dispatch to Props
09:32
Apply Redux Middleware
07:26
Install and Using Redux Devtools
08:32
Create Product Management Page
38:57
Create and Setup Product Reducer
17:53
CRUD with Redux - Part 1: Read Data
32:25
CRUD with Redux - Part 2: Create Data
39:26
CRUD with Redux - Part 3: Update Data
53:59
CRUD with Redux - Part 4: Delete Data
15:05
Filter data with Redux
12:00
Search data with Redux
10:20
Debug and Summary
00:00

Authentication and Authorization in React

14 lectures
Introduction to Authentication and Authorization
15:36
Basic Authentication: Implement Registration Page
16:10
Basic Authentication: Validate Registration Page
10:55
Basic Authentication: Integrate with Register API
16:19
Basic Authentication: Implement Login Page
10:18
Basic Authentication: Integrate with Login API
10:34
Save Basic User Information Into Session Storage
10:58
Basic Authentication: Implement Logout Feature
08:23
Authorization: Introduction to React Private Routes
06:00
Authorization: Implement React Private Routes - Part 1
10:32
Authorization: Implement React Private Routes - Part 2
22:04
Authorization: Implement React Private Routes - Part 3
23:24
Authorization: Implement React Private Routes - Part 4
29:18
Introduction to Advanced Authentication with JWT
00:00

Build Deploy and Hosting

4 lectures
Introduction to Build Deploy and Hosting
00:00
Types of Deployment
00:00
Types of Hosting
00:00
Deploy into Heroku
00:00

Build and Deploy ReactJS App with Docker

6 lectures
Introduction to Containerization and Docker
00:00
Docker Architecture and Components
00:00
Install Docker Desktop on Window
00:00
Demo Run Fisrt Docker Application
00:00
Introduction to Dockerize An Application
00:00
Dockerize (Spin Up) ReactJS Application
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?

Khoá học liên quan

MATLAB/SIMULINK Bible | Go From Zero to Hero + ChatGPT!

MATLAB/SIMULINK Bible | Go From Zero to Hero + ChatGPT!

90 VND
50.000 VND
[NEW] Building Microservices with Spring Boot & Spring Cloud

[NEW] Building Microservices with Spring Boot & Spring Cloud

90 VND
50.000 VND
Full Stack: React and Java Spring Boot - The Developer Guide

Full Stack: React and Java Spring Boot - The Developer Guide

90 VND
50.000 VND
[NEW] Full-Stack Java Development with Spring Boot 3 & React

[NEW] Full-Stack Java Development with Spring Boot 3 & React

95 VND
50.000 VND
Laravel 10 Build Complete Learning Management System LMS A-Z

Laravel 10 Build Complete Learning Management System LMS A-Z

25 VND
50.000 VND
Practical AutoLISP Programming - Beginner to Advanced

Practical AutoLISP Programming - Beginner to Advanced

65 VND
50.000 VND
Learn to build an e-commerce store with .Net, React & Redux

Learn to build an e-commerce store with .Net, React & Redux

90 VND
50.000 VND
RESTful Web API - The Complete Guide (.NET7 API) Part 2

RESTful Web API - The Complete Guide (.NET7 API) Part 2

90 VND
50.000 VND
RESTful Web API - The Complete Guide (.NET7 API) Part 1

RESTful Web API - The Complete Guide (.NET7 API) Part 1

85 VND
50.000 VND
Clean Code

Clean Code

150 VND
50.000 VND
NestJS Zero to Hero - Modern TypeScript Back-end Development

NestJS Zero to Hero - Modern TypeScript Back-end Development

85 VND
50.000 VND
Working with Vue 3 and Go (Golang)

Working with Vue 3 and Go (Golang)

95 VND
50.000 VND
Apache Kafka Series - Kafka Connect Hands-on Learning

Apache Kafka Series - Kafka Connect Hands-on Learning

90 VND
50.000 VND
JDBC Servlets and JSP - Java Web Development Fundamentals

JDBC Servlets and JSP - Java Web Development Fundamentals

65 VND
50.000 VND
Complete C# Unity Game Developer 2D

Complete C# Unity Game Developer 2D

185 VND
50.000 VND
The Complete Introduction to OpenFOAM

The Complete Introduction to OpenFOAM

25 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