Luyện Tập Thực Chiến Bài Kiểm Tra ReactJS Thực Tập

Giới thiệu khóa học

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ể luyện tập kiến thức đã học về ReactJS để làm dự án thực tế.

Trọng tâm của khóa học

• Toàn bộ mã nguồn sử dụng 100% TypeScript sẽ giúp lập trình nhanh hơn và hạn chế lỗi so với JavaScript (bản 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 (dự án cuối khóa) sử dụng ReactJS với TypeScript.
• 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 ReactJS sử dụng công cụ TypeScript.
• Backend dự án này sẽ được cung cấp sẵn (bạn không cần lập trình 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, v.v).
• 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 ReactJS, React Router và việc kết hợp kết xuất 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 quản trị.
• Hướng dẫn tích hợp thêm các công cụ thực tế như thanh toán với ví VNPAY và đăng nhập Google.

Công nghệ sử dụng

Dự án thực hành: Trang 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 TypeScript.
• Cấu hình dự án ReactJS sử dụng React Vite (mô hình CSR – client side rendering) với TypeScript từ dầu.
• Design 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 mã 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 lập trình Backend trong khóa học này, Backend được cung cấp sẵn, chỉ việc sử dụng (có giải thích lý luận để tích hợp với Frontend).

Cơ sở dữ liệu: MongoDB dùng miễn phí với MongoDB Atlas.

Yêu cầu học viên

Khóa học này là khóa học thứ 3 trong lộ trình ReactJS của Hỏi Dân IT, sau khi bạn đã học xong khóa học React Ultimate (ReactJS cơ bản) và khóa học React Pro Typescript Portfolio.

Vì vậy, học viên cần trang bị các kiến thức sau trước khi theo học:

1. Biết ReactJS làm giao diện trang sử dụng Typescript (yêu cầu cơ bản).
2. Biết sử dụng Git để quản lý mã nguồn.

Kiến thức về Git sẽ giúp bạn 2 việc quan trọng:

• Biết sao lưu mã nguồn, tránh trường hợp máy tính bị hư hỏng, dẫn tới mất mã nguồn.
• Biết sử dụng mã nguồn mà khóa học cung cấp.

Lưu ý: Mã nguồn dự án sẽ được cung cấp (cũng như cung cấp theo từng video hướng dẫn).

Xem trước khóa học

Tu luyện thành thạo kiến thức cơ bản của ReactJS.

Bạn sẽ học

• Giải mã bài kiểm tra thực tập Frontend trong thực tế.
• Cách tư duy và phân tích đề bài trong thực tế.
• Kiến thức cơ bản cốt lõi của ReactJS.
• Thực hành để thành thạo các kiến thức về ReactJS đã học.
• Luyện tập kỹ năng gỡ lỗi với khi lập trình và gọi API với ReactJS.
• Luyện tập kỹ năng đọc tài liệu/tìm Google/đọc mã nguồn thư viện.
• Tích hợp thanh toán với ví VNPay.
• Tích hợp đăng nhập nhanh với Google.

Lý do nên học

Không “lùa gà”, không “làm màu”

Người khác hay so sánh và “làm màu” khóa học của bản thân, cho rằng người ta là nhất, đồng thời hạ thấp các khóa học đang có trên thị trường. Điều này sẽ dẫn tới tình trạng “ảo tưởng sức mạnh về khóa học” và bản thân bạn chính là những “con gà bị lùa.”

Mình không thích điều trên, vì mình biết, chẳng ai là hoàn hảo cả. Mỗi khóa học đều có điểm hay và dở của nó. Không ai hoàn hảo cả, phải không?

Khóa học đơn giản và thực tế

Bố cục khóa học của mình rất rõ ràng và không phô trương. Mỗi khóa học đều có video mẫu về thành quả cuối cùng, đi kèm với giáo án để bạn hình dung trước nội dung sẽ học.

Mình không thích viết những lời quảng bá sáo rỗng. Mình tin rằng chỉ cần video mẫu hoặc hình ảnh thực tế là đủ để bạn đánh giá. Nó dễ hiểu và trực quan hơn nhiều so với việc cố gắng dùng lời “mỹ miều” để thuyết phục.

Làm sao để không “bị lùa”?

Dưới đây là 7 nguyên tắc mình luôn chia sẻ với học viên, để bạn không rơi vào bẫy “lùa gà”:

1. Xem kỹ video mẫu và giáo án trước khi học.
   Điều này giúp bạn có góc nhìn tổng quát và thực tế về kiến thức sẽ nhận được.
2. Mình chỉ truyền đạt đúng theo giáo án.
   Không có chiêu trò. Không có lừa dối.
3. Học xong không biến bạn thành siêu nhân.
   Kiến thức cần được luyện tập, áp dụng qua dự án thực tế.
4. Mình không cam kết mức lương sau khóa học.
   Bởi mình không phải nhà tuyển dụng.
5. Khóa học chỉ như thực phẩm chức năng.
   Nó giúp bạn, nhưng không thể thay bạn hành động.
6. Mình cho bạn “cần câu cơm”.
   Nhưng việc câu cá hay không là do bạn.
7. Hãy tỉnh táo khi lựa chọn khóa học.
   Tránh bị hấp dẫn bởi những lời cam kết hào nhoáng không có thật.

Bạn vẫn chưa biết giảng viên là ai? Hãy xem giới thiệu tóm tắt về giảng viên bên dưới.

Vài điều bạn nên biết về mình

Mình tốt nghiệp HUST (bách khoa Hà Nội) chuyên ngành CNPM hệ kỹ sư (Software Engineer). Với trên 5 năm kinh nghiệm của dân “đúng ngành”, tập trung vào 3 lĩnh vực chính là chứng khoán (Stock Market), ngân hàng (Banking) và tài chính tín dụng (Finance).