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

ReactJS
Advanced
ReactJS Từ Cơ Bản Đến Nâng Cao – Xây Dựng Ứng Dụng Web Hiện Đại
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

ReactJS Từ Cơ Bản Đến Nâng Cao – Xây Dựng Ứng Dụng Web Hiện Đại
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ế.

2.000 ₫

Học thử