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á)
326 học viên
23 bài học
34,520 lượt xem
Bạch Ngọc Toàn

Giảng viên

Bạch Ngọc Toàn
Làm dự án với ReactJS + Redux và TypeScript

Nội dung khóa học

0 bài học • 20 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
Miễn phí
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.

75,914 lượt xem
0 bài học
Miễn phí
Xem chi tiết
Làm dự án với WebAPI, AngularJS và EF Code First
Miễn phí
Học lập trình web
5.0 (3)

Làm dự án với WebAPI, AngularJS và EF Code First

Đây không đơn thuần là khóa học giúp các bạn làm dự án hay làm project thực tế mà nó còn bao gồm các kiến thức và kỹ năng giúp các bạn làm việc chuyên nghiệp trong môi trường công ty phần mềm.

106,524 lượt xem
0 bài học
Miễn phí
Xem chi tiết
Khóa học sử dụng TypeScript căn bản
Miễn phí
Học lập trình web

Khóa học sử dụng TypeScript căn bản

Khóa học TypeScript căn bản là khóa học miễn phí của TEDU giới thiệu cho các bạn làm quen với một ngôn ngữ gọi là TypeScript dùng để phát triển ứng dụng phía client. Giúp bạn có nền tảng tốt để học Angular2

41,321 lượt xem
0 bài học
Miễn phí
Xem chi tiết
Khóa học Angular 2 căn bản
Miễn phí
Học lập trình web
0.0 (2)

Khóa học Angular 2 căn bản

Khóa học Angular2 cơ bản giới thiệu tổng quan về Angular2 như kiến trúc, các thành phần của Angular2, giúp các bạn tiếp cận nhanh nhất với Angular2.

53,878 lượt xem
0 bài học
Miễn phí
Xem chi tiết
Miễn phí
Học miễn phí Thêm vào yêu thích
Thời lượng 20 giờ
Bài học 23 bài
Truy cập Trọn đời
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í