ReactJS Từ Cơ Bản Đến Nâng Cao – Xây Dựng Ứng Dụng Web Hiện Đại
4.98
(
2799
lượt xem)
• 31 giờ 47 phút
Cái này test nha brooo
Giảng viên
Xem trước khóa học
Khóa học này đưa bạn từ người mới bắt đầu đến lập trình ReactJS chuyên nghiệp, trang bị đầy đủ kỹ năng để xây dựng các ứng dụng web hiện đại, tối ưu và dễ mở rộng. Bạn sẽ học React từ nền tảng: JSX, Component, Props, State, Event… cho đến các kiến thức nâng cao như React Router, Context API, Hooks, tối ưu hiệu năng, kết nối API và quản lý state nâng cao với Redux. Cuối khóa học, bạn sẽ tự tin xây dựng ứng dụng web hoàn chỉnh và sẵn sàng làm việc thực tế.
Bạn sẽ học được gì?
- Hiểu cách ReactJS hoạt động và tại sao nó phổ biến trong phát triển front-End.
- Sử dụng JSX, Component, Props, State và Event Handling thành thạo.
- Quản lý vòng đời component với Lifecycle Methods và Hooks (useState, UseEffect, UseRef, UseMemo, UseContext, …).
- Điều hướng trong ứng dụng SPA với React Router v6.
- Quản lý state nâng cao với Context API và Redux/Redux Toolkit.
- Tối ưu hiệu năng: Lazy Loading, Memoization, Code Splitting.
- Kết nối với API: Fetch, Axios, Xử lý dữ liệu bất đồng bộ và hiển thị động.
- Thực hành với 3 project thực tế:
- Todo App nâng cao (CRUD + LocalStorage)
- Ứng dụng xem phim hoặc blog (React Router + API)
- Dashboard quản trị (Redux + API + Responsive)
- Biết cách build & deploy ứng dụng ReactJS lên Vercel, Netlify hoặc Firebase.
- Nền tảng để tiếp tục học Next.js, React Native hoặc xây dựng Full-Stack MERN.
Nội dung khóa học
5 chương • 46 bài học • 0 phút
Giới thiệu về React, JSX và những khái niệm nền tảng
Giới thiệu về ReactJS và Virtual DOM
Học về giới thiệu về reactjs và virtual dom
Cài đặt React với Create React App và Vite
Học về cài đặt react với create react app và vite
JSX - JavaScript XML Syntax
Học về jsx - javascript xml syntax
Components và Props cơ bản
Học về components và props cơ bản
Functional vs Class Components
Học về functional vs class components
Event Handling trong React
Học về event handling trong react
Conditional Rendering
Học về conditional rendering
Lists và Keys
Học về lists và keys
Bài tập thực hành: Todo List đơn giản
Học về bài tập thực hành: todo list đơn giản
Quản lý state, lifecycle methods và React Hooks
State trong Class Components
Học về state trong class components
Lifecycle Methods - Mount, Update, Unmount
Học về lifecycle methods - mount, update, unmount
useState Hook - State trong Functional Components
Học về usestate hook - state trong functional components
useEffect Hook - Side Effects và Lifecycle
Học về useeffect hook - side effects và lifecycle
useEffect Dependencies và Cleanup
Học về useeffect dependencies và cleanup
Controlled vs Uncontrolled Components
Học về controlled vs uncontrolled components
Forms và Form Handling
Học về forms và form handling
useRef Hook và DOM Manipulation
Học về useref hook và dom manipulation
Bài tập thực hành: Counter App với Multiple States
Học về bài tập thực hành: counter app với multiple states
Tìm hiểu các hooks nâng cao và tạo custom hooks
useContext Hook và Context API
Học về usecontext hook và context api
useReducer Hook cho Complex State
Học về usereducer hook cho complex state
useMemo Hook - Performance Optimization
Học về usememo hook - performance optimization
useCallback Hook - Function Memoization
Học về usecallback hook - function memoization
Custom Hooks - Tạo và sử dụng
Học về custom hooks - tạo và sử dụng
Rules of Hooks và Best Practices
Học về rules of hooks và best practices
Error Boundaries và Error Handling
Học về error boundaries và error handling
React.memo và Component Optimization
Học về react.memo và component optimization
Bài tập thực hành: Shopping Cart với Context
Học về bài tập thực hành: shopping cart với context
Single Page Application với React Router và API calls
SPA và React Router v6 Setup
Học về spa và react router v6 setup
Routes, Route và Nested Routing
Học về routes, route và nested routing
useNavigate và useParams Hooks
Học về usenavigate và useparams hooks
Protected Routes và Authentication
Học về protected routes và authentication
Fetch API và Axios trong React
Học về fetch api và axios trong react
Loading States và Error Handling
Học về loading states và error handling
useEffect với API Calls
Học về useeffect với api calls
JSON Server và Mock API
Học về json server và mock api
Bài tập thực hành: Movie Database App
Học về bài tập thực hành: movie database app
State management với Redux, testing và deployment
Redux Fundamentals - Store, Actions, Reducers
Học về redux fundamentals - store, actions, reducers
React-Redux và useSelector/useDispatch
Học về react-redux và useselector/usedispatch
Redux Toolkit (RTK) - Modern Redux
Học về redux toolkit (rtk) - modern redux
Async Actions với createAsyncThunk
Học về async actions với createasyncthunk
Testing React Components với Jest & Testing Library
Học về testing react components với jest & testing library
Unit Tests và Integration Tests
Học về unit tests và integration tests
Build và Optimization cho Production
Học về build và optimization cho production
Deployment lên Vercel, Netlify, Firebase
Học về deployment lên vercel, netlify, firebase
Performance Best Practices
Học về performance best practices
Project cuối khóa: Full-Stack Dashboard với React + API
Học về project cuối khóa: full-stack dashboard với react + api
Xem trước khóa học
Khóa học này đưa bạn từ người mới bắt đầu đến lập trình ReactJS chuyên nghiệp, trang bị đầy đủ kỹ năng để xây dựng các ứng dụng web hiện đại, tối ưu và dễ mở rộng. Bạn sẽ học React từ nền tảng: JSX, Component, Props, State, Event… cho đến các kiến thức nâng cao như React Router, Context API, Hooks, tối ưu hiệu năng, kết nối API và quản lý state nâng cao với Redux. Cuối khóa học, bạn sẽ tự tin xây dựng ứng dụng web hoàn chỉnh và sẵn sàng làm việc thực tế.