Trang chủ Khóa học Học lập trình web

Làm dự án với ReactJS + Redux và TypeScript

Khóa học này sẽ thay đổi hoàn toàn mới sử dụng ReactJS, TypeScript và Redux. Với React chúng ta sẽ sử dụng Functional Component và React Hooks

0.0 (3 đánh giá)
355 học viên
Video
35,483 lượt xem
Bạch Ngọc Toàn

Giảng viên

Bạch Ngọc Toàn
Miễn phí
Đăng nhập để học miễn phí Đăng ký để học miễn phí Thêm vào yêu thích
Thời lượng 0 giờ
Loại hình học Video
Bài học 23 bài
Truy cập 5 năm
Thiết bị Mọi thiết bị

Khóa học bao gồm:

  • Video Full HD
  • Tài liệu học tập
  • Source code mẫu
  • Hỗ trợ Q&A
  • Cập nhật miễn phí
Làm dự án với ReactJS + Redux và TypeScript

Nội dung khóa học

23 bài học • 0 giờ học

Bài 1: Giới thiệu khoá học và dự án
0 phút Xem thử
Bài 2: Giới thiệu Backend API
0 phút Xem thử
Bài 3: Giới thiệu thư viện Redux
0 phút Xem thử
Bài 4: Giới thiệu React Hook
0 phút Xem thử
Bài 5: Chuẩn bị môi truờng phát triển
0 phút Xem thử
Bài 6: Tạo ứng dụng create-react-app
0 phút Xem thử
Bài 7: Xây dựng cấu trúc ứng dụng
0 phút
Bài 8: Sử dụng giao diện SBAdmin 2
0 phút
Bài 9: Cài đặt Redux
0 phút
Bài 10: Tạo trang Login kết nối Backend API
0 phút
Bài 11: Persisted Store
0 phút
Bài 12: Viết các React Event cho trang admin
0 phút
Bài 13: Đăng xuất ứng dụng
0 phút
Bài 14: Hiển thị thông tin đăng nhập
0 phút
Bài 15: Hiển thị danh sách người dùng
0 phút

Và 8 bài học khác...

Mô tả khóa học

Khóa học này sẽ thay đổi hoàn toàn mới sử dụng ReactJS, TypeScript và Redux. Với React chúng ta sẽ sử dụng Functional Component và React Hooks. Phần backend API của khoá học này sẽ sử dụng REST API của khoá học TEDU-41 là Xây dựng REST API với NodeJS MongoDB và Express.

.Đây sẽ là món quà hoàn toàn mới để các bạn hướng đến full stack Javascript. Với bộ công nghệ này và sau này sẽ là React Native bạn sẽ có thể làm dự án cho cả 3 nền tảng Web, Android và IOS với chỉ một ngôn ngữ lập trình duy nhất là JavaScript.

Với một cải tiến nữa là chúng ta dùng Javascript nhưng viết dạng TypeScript sẽ giúp việc hạn chế các điểm yếu của JavaScript thuần như kiểu lỏng kẻo, giúp check lỗi lúc biên dịch tốt hơn nhờ Strong Type. Code cũng sẽ dễ maintenance sau này hơn. TypeScript được sử dụng xuyên suốt từ Backend đến Frontend.

Đây cũng là stack công nghệ đang hot hiện nay thể hiện sự linh hoạt, tốc độ và độ mở rộng tốt. Chỉ cần các bạn thành thạo JavaScript căn bản là có thể học được nên có thể đáp ứng được rộng rãi nhu cầu của các bạn. TEDU đã đang và sẽ luôn nghiên cứu phát triển các khóa học mới và chất lượng với giá cả luôn thấp hơn giá trị của khóa học.

Khóa học này cũng sẽ như các khóa học khác, sẽ phát triển một dự án hoàn chỉnh để chúng ta cùng trải nghiệm những kiến thức mới và kỹ năng mới chưa từng có. TEDU đã đưa đến cộng đồng thành công các khóa học về .NET và Angular trong quá khứ và khẳng định các khóa mới sẽ ngày càng tốt và hoàn thiện hơn.

Công nghệ sử dụng:

  • ReactJS version 16.8
  • Ngôn ngữ TypeScript
  • Thư viện Redux
  • REST API

Nội dung khoá học:

  1. Giới thiệu về dự án
  2. Giới thiệu về phần backend API
  3. Giới thiệu về thư viện Redux
  4. Giới thiệu về React Hook
  5. Chuẩn bị môi trường để phát triển
  6. Bắt đầu tạo mới ứng dụng
  7. Xây dựng cấu trúc ứng dụng
  8. Ghép giao diện SbAdmin 2
  9. Cài đặt Redux
  10. Cấu hình Router
  11. Tạo trang login kết nối Backend API
  12. Tạo PrivateRoute component
  13. Hiển thị thông tin đăng nhập
  14. Hiển thị danh sách người dùng
  15. Tạo component phân trang
  16. Tìm kiếm người dùng
  17. Thêm mới người dùng
  18. Thêm tính năng thông báo
  19. Chỉnh sửa người dùng
  20. Xoá người dùng với popup xác nhận
  21. Refresh jwt token
  22. Quản lý nhóm
  23. Quản lý profile
  24. Quản lý post
  25. Quản lý tin nhắn
  26. Deploy ứng dụng lên Heroku

Chú ý: Khóa học này được chia ra 2 khóa là sử dụng  TEDU-41 để làm REST API

Dự kiến phát hành vào cuối năm 2020.

Khóa học liên quan

Lập trình dự án Website bán hàng ASP.NET MVC 4
📹 Video
Đang mở
Miễn phí
Mã: TEDU-03
Học lập trình web
0.0 (1)

Lập trình dự án Website bán hàng ASP.NET MVC 4

Đây là khóa học của TEDU với format là quá trình làm một dự án thực tế step by step để giúp các bạn giải quyết các vấn đề thường gặp một cách nhanh nhất.

77,548 lượt xem
57 bài học
Miễn phí
Xem chi tiết
Xây dựng ứng dụng web với ASP.NET Core
📹 Video
Đang mở
Miễn phí
Mã: TEDU-17
Học lập trình web
3.5 (4)

Xây dựng ứng dụng web với ASP.NET Core

Khóa học lập trình ứng dụng web với nền tảng ASP.NET Core của Microsoft sử dụng công nghệ mới nhất với structure design tối ưu cải tiến.

139,533 lượt xem
76 bài học
Miễn phí
Xem chi tiết
Quản trị & Phát triển ứng dụng với PostgreSQL
📹 Video
Chuẩn bị ra mắt
Mã: TEDU-68
Học lập trình web

Quản trị & Phát triển ứng dụng với PostgreSQL

Khóa học dành cho developer đã biết SQL, muốn làm chủ PostgreSQL — không phải khóa "nhập môn database".

171 lượt xem
0 bài học
972,000đ 486,000đ
Xem chi tiết
Phát triển Web App  với .NET 6 (ABP Framework & Angular)
📹 Video
Đang mở
Miễn phí
Mã: TEDU-50
Học lập trình web
0.0 (2)

Phát triển Web App với .NET 6 (ABP Framework & Angular)

Trong khoá học này chúng ta sẽ xây dựng 1 ứng dụng web bán hàng từ đầu đến cuối từ chưa có gì đến một ứng dụng hoàn chỉnh sử dụng ABP Framework cho Backend API và Angular cho Frontend.

48,560 lượt xem
86 bài học
Miễn phí
Xem chi tiết