|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/hoidanit-test-fresher-react/
课程评论：没有评论
Coursera 课程总结：React.js 实战 - 练习 Fresher React 测试题 本课程旨在帮助初学者将所学的 React 知识应用于更实际的项目，为成为一名 React 新人（Fresher）做好准备。 **课程核心亮点:** * **100% TypeScript:** 使用 TypeScript 进行开发，提高编码效率，减少 Bug，并满足企业招聘需求。 * **实战项目:** 完成一个完整的 React 项目，将理论知识转化为可执行的技能。 * **现成后端:** 提供现成的后端服务，无需编写后端代码，专注于前端开发。后端已包含 JWT（访问令牌、刷新令牌）等实际应用场景。 * **API 集成:** 重点在于 React、React Router 与后端 API 数据渲染的结合。 * **Ant Design & Pro Components:** 利用 Ant Design 库和 Ant Design Pro 提高 UI 设计效率，特别是 Admin 界面。 **技术栈:** * **前端:** React 18, React Router 6 (TypeScript), React Vite (CSR), Ant Design, Ant Design Pro。 * **后端:** Nestjs (提供，无需修改), VNPAY 集成（提供示例代码，可修改）。 * **数据库:** MongoDB Atlas (免费使用)。 **课程目标:** * 让学员能够独立完成一个包含支付功能的书籍销售网站前端。 * 掌握 React 与 TypeScript 的结合使用。 * 熟悉 Ant Design 和 Pro Components 的应用。 * 理解并实践前端与后端 API 的交互（JWT 身份验证，数据请求等）。 **先修知识要求:** * **React.js 基础:** 能够使用 React.js 进行网站开发（已学习 React Ultimate 课程者更佳）。 * **TypeScript 基础:** 掌握 React.js 与 TypeScript 的结合使用（已学习 React Pro TypeScript Portfolio 课程者更佳）。 * **Git 基础:** 熟悉 Git 进行代码版本管理，用于代码备份、分享和利用课程现有代码。 **注意:** 本课程不涉及后端代码编写，重点在于前端开发与后端服务的集成。
Một khóa học với mục tiêu giúp các bạn mới bắt đầu có thể "thực hành" kiến thức đã học về React để làm một cái gì đấy mang tính thực tế cao hơn.Trọng tâm của khóa học100% code sử dụng TypeScript. Giúp code nhanh hơn và hạn chế bug so với JavaScript (version cũ), đồng thời đáp ứng nhu cầu tuyển dụng của công ty.Đây là dự án thực hành (project cuối khóa). Nếu như rằng, bạn đi học trung tâm, luôn có dự án thực hành/thực chiến cuối khóa học, thì đây chính là cơ hội để cho bạn được "thực hành" một dự án với React sử dụng công cụ TypeScriptBackend dự án này sẽ được cung cấp sẵn (bạn không cần viết backend), chỉ dùng và không sửa đổi. Backend này đảm bảo yêu cầu trong thực tế, ví dụ như cơ chế JWT - JSON Web Token (access token, refresh token…)Khóa học này chính là thời gian cho bạn chuyển hóa kiến thức, có thể kể đến như kiến thức React, React Router và việc kết hợp render giao diện với dữ liệu lấy từ API backend.Sử dụng Ant Design để tiết kiệm thời gian CSS và viết Component React. Áp dụng Pro Component (Ant Design Pro), phục vụ đắc lực cho giao diện AdminII. Công nghệ sử dụngDự án thực hành: Website bán sách có tích hợp hình thức thanh toán (VNPAY)Frontend:React 18, React Router 6 sử dụng với TypeScriptCấu hình dự án React sử dụng React Vite (mô hình CSR - client side rendering) với TypeScript từ số 0Design giao diện với Antd (Ant Design) kết hợp với Pro Component (Ant Design Pro) giúp thiết kế giao diện nhanh hơn và tiết kiệm thời gian CSS.Backend (chính): Nestjs được cung cấp sẵn, chỉ dùng và không sửa đổi.Backend (phụ): được cung cấp code backend mẫu (có thể sửa đổi) hướng dẫn tích hợp ví VNPay dùng để thanh toán qua tài khoản ngân hàng.Lưu ý: không học code backend trong khóa học này, bạn không cần code logic backend, backend được cung cấp sẵn, chỉ việc sử dụng (có giải thích logic để tích hợp với Frontend)Database: MongoDB dùng miễn phí với MongoDB AtlasIII. Học viên nào có thể học ?Khóa học này là khóa học thứ 3 trong lộ trình React của Hỏi Dân IT, sau khi bạn đã học xong khóa học React Ultimate (React cơ bản) và khóa học React Pro Typescript PortfolioVì vậy, học viên cần trang bị các kiến thức sau trước khi theo học:Yêu cầu 1: Biết React.js làm website sử dụng Typescript (yêu cầu cơ bản/beginners)- Nếu bạn chưa biết gì về React.js làm website, tham khảo khóa học React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners- Nếu bạn chưa biết code React.js với TypeScript, tham khảo khóa học React Pro TypeScript - Thực Hành Dự Án PortfolioYêu cầu 2: Biết sử dụng Git để quản lý mã nguồn (yêu cầu cơ bản/beginners)Kiến thức về Git sẽ giúp bạn 2 việc quan trọng:Có khả năng backup code của chính bạn, tránh trường hợp máy tính bị hư hỏng, dẫn tới mất code. Ngoài ra, khi cần mình support, bạn có thể gửi project cho mìnhBạn có khả năng sử dụng code mà khóa học cung cấp
