Tin mới nhất

Menu

Browsing "Older Posts"

Chia Sẻ Khóa Học React - Từng Bước Xây Dựng Một Ứng Dụng Thương Mại Điện Tử Hoàn Chỉnh [Khóa 6628 A]

18 tháng 6 2024 / No Comments

Tìm hiểu React.js từ đầu và xây dựng một Ứng dụng Front-end Thương mại điện tử hoàn chỉnh bằng React JS, JavaScript và JSX.

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

  • ✓ Tìm hiểu React Fundamentals: SPA, JSX, Components, Hooks, State, Context, Effect, Props, v.v.
  • ✓ Chuyển đổi HTML và CSS Code thành JSX Elements và React Components.
  • ✓ Tạo một ứng dụng thương mại điện tử hoàn chỉnh bằng React, JavaScript và JSX.
  • ✓ Thực hiện các thao tác CRUD bằng một Open Source Backend Application (JSON Server).
  • ✓ Triển khai các chức năng phân trang, tìm kiếm, sắp xếp và lọc để đọc dữ liệu từ một REST API.
  • ✓ Triển khai Registration, Authentication và Role based Authorization bằng JWT.
  • ✓ Form Validation: Client-side và Server-side Validation.
  • ✓ Upload hình ảnh lên REST Server.
  • ✓ Gửi các HTTP Request bằng Fetch API: promise-based behavior và async/await calls.
  • ✓ Routing bằng React Router: Tạo Routes và Protected Routes.
  • ✓ Lưu trữ và truy cập dữ liệu ứng dụng trên Browser trong Local Storage.
  • ✓ Thêm và sử dụng Bootstrap Css, JS và Icon từ CDN.

Khóa học này dành cho những người mới bắt đầu làm quen với React.js và có một số kiến ​​thức về HTML và JavaScript.

Trong khóa học này, tôi sẽ chỉ cho bạn cách xây dựng một ứng dụng front-end hoàn chỉnh bằng React. Ứng dụng này còn được gọi là Single Page Application (SPA) vì nó chứa một file HTML duy nhất render các view khác nhau.

Chúng tôi sẽ sử dụng "JSON Server", là một EST server, làm ứng dụng backend của chúng tôi. Vì vậy chúng ta sẽ chỉ tập trung vào việc tạo ứng dụng front-end. Chúng ta sẽ thực hiện các thao tác CRUD (Create, Read, Update và Delete) trên các sản phẩm bằng cách gửi các HTTP Request đến ứng dụng backend bằng Fetch API. Sau đó, chúng ta sẽ thêm Registration, Authentication và Role-based Authorization bằng JWT (JSON Web Token).

Trong khóa học này, bạn sẽ học:

  • ✓ Cách tạo một ứng dụng React bằng JavaScript, JSX và Bootstrap.
  • ✓ Cách tạo các React component và cách Export/Import chúng.
  • ✓ Cách truyền tham số (props) cho các React component.
  • ✓ Cách sử dụng các hàm React hữu ích, được gọi là Hooks: useState, useEffect và useContext.
  • ✓ Cách sử dụng state bên trong các function component.
  • ✓ Cách tạo 2 loại form: controlled và uncontrolled form.
  • ✓ Cách validate form bằng client-side validation và server-side validation.
  • ✓ Cách triển khai Registration, Authentication và Role-based Authorization bằng JWT.
  • ✓ Cách thực hiện các thao tác CRUD (Create, Read, Update và Delete) trên các sản phẩm bằng các HTTP request khác nhau và Fetch API.
  • ✓ Cách sử dụng tính năng phân trang (Chia dữ liệu trên nhiều trang), chức năng tìm kiếm, sắp xếp và lọc.
  • ✓ Cách upload ảnh lên server.
  • ✓ Cách lưu trữ và truy cập dữ liệu ứng dụng cục bộ trên browser bằng local storage.

Mục lục:

  • ✓ 1. Giới thiệu.
  • ✓ 2. React Basic.
  • ✓ 3. Demo Project.
  • ✓ 4. Thiết lập ứng dụng thương mại điện tử.
  • ✓ 5. Thực hiện các thao tác CRUD trên sản phẩm.
  • ✓ 6. Authentication & Authorization.

Khóa học này dành cho ai:

  • ✓ Khóa học này dành cho bất kỳ ai muốn tìm hiểu React bằng cách tạo một ứng dụng thương mại điện tử hoàn chỉnh.


NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU




Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.