Chia Sẻ Khóa Học Tạo Cửa Hàng Thương Mại Điện Tử Của Riêng Bạn Với React/Redux Admin/User [Khóa 8741 A]
Hướng dẫn từng bước về phát triển dự án thương mại điện tử và các chủ đề quan trọng về React/Redux.
Bạn sẽ học được gì:
- ✓ Dự án React/Redux thương mại điện tử với các chủ đề được giải thích riêng biệt.
- ✓ Redux.
- ✓ Saga Middleware.
- ✓ Các React Development Tool.
- ✓ React Hooks.
- ✓ Client/Public/Admin/App Router.
- ✓ Redux Persist.
- ✓ Normalize_css.
- ✓ Babel-Eslint.
- ✓ Clean-WebPack-Plugin.
- ✓ Copy-WebPack-Plugin.
- ✓ Cross-Env.
- ✓ Dot-Env.
- ✓ Extract-Text-WebPack-Plugin.
- ✓ Loaders.
- ✓ Live Server.
- ✓ Formik.
- ✓ React Skeletons.
Project này nhằm phát triển dự án thương mại điện tử đầy đủ với React/Redux. Dự án này sẽ thêm các sản phẩm khác nhau với các chi tiết giao hàng.
1. Admin Panel:
- - Xem Đơn đặt hàng.
- - Xem toàn bộ sản phẩm.
- - Áp dụng Bộ lọc trên các sản phẩm.
- - Chỉnh sửa sản phẩm.
- - Thêm sản phẩm.
- - Xóa sản phẩm.
2. User Panel:
- - Đăng ký.
- - Đăng nhập.
- - Với Google.
- - Với Email và Mật khẩu.
- - Quên mật khẩu.
3. Edit Account:
- - Profile Banner.
- - Profile Avatar.
- - Full Name.
- - Address.
- - Email Confirmation.
- - Password.
- - Mobile.
4. Xem Đơn đặt hàng:
- - Đơn đặt hàng sản phẩm.
- - Tổng giá.
- - Địa chỉ giao hàng.
- - Số điện thoại di động giao hàng.
- - Phương pháp giao hàng.
5. Bộ lọc:
- - 5 (1). Bộ lọc thương hiệu.
- - 5 (2). Sắp xếp theo thứ tự giảm dần.
- - 5 (3). Sắp xếp theo thứ tự tăng dần.
- - 5 (4). Tìm kiếm theo thanh Giá (tối thiểu, tối đa).
- - 5 (5). Thanh tìm kiếm.
6. Xác minh 2 bước và đặt hàng.
- - Phương thức thanh toán PayPal.
7. Hồ sơ và ảnh bìa.
8. Firebase.
9. Xử lý các mặt hàng trong giỏ.
10. Cool Design với SASS.
11. HTML.
12. CSS.
13. Bootstrap.
Khi kết thúc dự án này, bạn sẽ cảm thấy thoải mái khi thực hiện các dự án phức tạp khác nhau với React/Redux và các công cụ khác nhau.
Dự án này là Toàn diện và mọi thứ đều được thảo luận chi tiết.
Hướng dẫn mã chi tiết:
Khóa học sẽ bắt đầu bằng cách giải thích những gì bạn sẽ làm trong Dự án của mình với video giới thiệu.
Bước 1 - Trong phần này, bạn sẽ cài đặt Firebase, Sau đó, bạn sẽ thiết lập WebPack của mình với ba tệp khác nhau
- - Development.
- - Production.
- - Configuration.
Bước 2 - Bạn sẽ viết Router, bạn sẽ viết các route khác nhau cho Client/Admin/App của bạn.
Bước 3 - Bạn sẽ bắt đầu thảo luận về chủ đề chính Redux khi kết thúc cuộc thảo luận này, bạn sẽ cảm thấy rất thoải mái với Redux bên ứng dụng của mình.
Bước 4 - Bạn sẽ bắt đầu Cấu trúc ứng dụng của mình bằng cách xác định tất cả các tệp mà bạn sẽ phát triển phần còn lại của ứng dụng của mình.
Bước 5 - Trong bước này, bạn sẽ cài đặt tất cả các package mà bạn cần trong ứng dụng của mình.
Bước 6 - Trong bước này, bạn sẽ viết code xác thực với firebase.
Bước 7 - Bây giờ, sẽ Thêm chức năng cho người dùng của bạn để Đăng nhập, Trang tổng quan, Chỉnh sửa Tài khoản & Hiển thị Đơn hàng.
Bước 8 - Sau đó, bạn sẽ xóa lỗi và khởi động ứng dụng của bạn.
Bước 9 - Bây giờ là lúc để thêm Admin vào ứng dụng của bạn.
Bước 10 - Đây là bước cuối cùng trong đó bạn sẽ thêm Chức năng thanh toán.
