Những khái niệm frontend nhất định phải biết khi viết code bằng AI ②

Khóa học này rèn luyện tư duy thiết kế hệ thống frontend thông qua các trường hợp dịch vụ thực tế như feed Threads, giỏ hàng Amazon, giao diện phát trực tuyến Netflix, chỉnh sửa cộng tác trên Google Docs, Micro Frontend, Agentic UI và Observability.

Đây là khóa học vừa học Next.js v15 App Router mới nhất, vừa xây dựng một blog dành cho nhà phát triển thiết thực dựa trên Notion. Ngoài ra, bạn còn có thể tiếp thu nhiều kiến thức hữu ích khác, chẳng hạn như cách sử dụng Cursor AI.

Đây là quá trình sử dụng Cursor AI để triển khai trang chính và menu điều hướng của cửa hàng trực tuyến chỉ bằng các câu hỏi. Với phương pháp vibe coding bằng AI, bạn có thể hoàn thiện giao diện frontend của cửa hàng trực tuyến mà không cần trực tiếp viết mã cho các yếu tố thiết kế.

Framework React được sử dụng nhiều nhất trong thực tế, hãy học một cách dễ dàng, nhanh chóng và thú vị! Chúng ta sẽ học về nguyên lý hoạt động của React, thiết kế component và phương pháp refactoring thông qua việc tạo ứng dụng quản lý công việc.

Khám phá → Lập kế hoạch → Triển khai → Commit. Làm chủ quy trình phát triển AI đã được kiểm chứng với Claude Code. Nắm vững từ MCP, Sub-agent đến Prompt Engineering thông qua 23 nhiệm vụ và hoàn thành 3 dự án thực tế.

Framework Next.js mà bạn nhất định phải biết khi bắt đầu với React. Từ giải thích dễ hiểu cho người mới bắt đầu đến hiểu sâu về nguyên lý hoạt động khiến các lập trình viên thực tế hài lòng. Giải quyết Next.js một cách triệt để.

Đây là quá trình sử dụng Cursor AI để triển khai trang chính của cửa hàng trực tuyến và menu điều hướng chỉ bằng các câu hỏi. Nội dung thực hành này đề cập đến việc áp dụng các yếu tố thiết kế vào quá trình phát triển theo phương pháp lập trình AI vibe.

Trong thời đại AI, nhà phát triển web không chỉ cần biết lập trình mà còn phải có khả năng sử dụng AI để biến ý tưởng thành sản phẩm thực tế. Hãy trải nghiệm toàn bộ quy trình từ thiết kế UI bằng Stitch và Figma Make đến triển khai bằng React và đưa sản phẩm lên môi trường thực tế, qua đó phát triển năng lực xây dựng web với AI có thể áp dụng vào công việc thực tế và portfolio.

Đây là bài giảng dạy các kiến thức CS (Khoa học máy tính) thiết yếu khi phát triển web bằng AI. Nếu không hiểu nguyên lý của máy chủ, cơ sở dữ liệu và triển khai, việc lập trình theo cảm tính (vibe coding) chắc chắn sẽ bị tắc nghẽn vào một thời điểm nào đó. Với giáo trình tương tác, bạn sẽ nhanh chóng học được các khái niệm cốt lõi, giúp bất kỳ ai cũng có thể hoàn thiện trang web thông qua việc lập trình bằng AI.

Học về các kỹ thuật giao tiếp khác nhau và hiểu được sự khác biệt giữa chúng sẽ giúp bạn phát triển khả năng lựa chọn và triển khai phương thức giao tiếp phù hợp nhất.

Không phải cách sai AI làm, mà là cách hoàn thành. Đây là khóa học dành cho những người từng thử sai AI làm nhưng vẫn mơ hồ không biết nên bắt đầu từ đâu trong dự án của mình. Bạn sẽ học quy trình: xác định ý định trước, giao phần triển khai và kiểm chứng cho AI, còn con người sẽ sử dụng sản phẩm rồi đưa ra phán đoán. Cùng nhau hoàn thiện đến bước triển khai một lần với bản clone của feedme, sau đó tự mình hoàn thành thêm một lần với ý tưởng của bản thân, qua đó hình thành phương pháp làm việc riêng.

Tôi luôn có câu hỏi 'Tại sao lại phải viết test cho frontend?' và với câu hỏi đó, tôi đã viết test một cách máy móc. Nhưng các bạn sẽ hiểu được 'tại sao phải viết test' và 'cần viết như thế nào tùy theo từng tình huống'.

Dịch vụ nhật ký cảm xúc của riêng bạn được tạo bằng SpringAI + React Đây là thời gian cho dự án thứ 4 được thực hiện cùng với Neo + Essential!

Hãy tiến thêm một bước so với việc sử dụng AI và tự mình triển khai các tính năng AI trực tiếp vào ứng dụng web của bạn. Dựa trên Next.js và Supabase, bạn sẽ xây dựng từ tính năng tạo công thức nấu ăn bằng AI, tạo hình ảnh đến lưu trữ dữ liệu, qua đó tích lũy kinh nghiệm phát triển thực tế trong việc kết nối AI tạo sinh với một dịch vụ web thực tế.

"Tại sao AI lại viết đoạn mã này?", "Tại sao nó không nhớ những gì vừa nói?" Sự ức chế mà bạn gặp phải khi sử dụng các công cụ AI như Claude Code bắt nguồn từ việc không hiểu cách chúng vận hành. Khóa học này sẽ mở toang "chiếc hộp đen" đó một cách minh bạch. Xuyên suốt 25 bài giảng, chúng ta sẽ trực tiếp gắn cho LLM "đôi mắt" để xem tệp (Read), "đôi tay" để sửa mã (Edit) và "đôi chân" để thực thi lệnh (Bash), từ đó xây dựng nên một Coding Agent của riêng bạn hoạt động y hệt như các công cụ thực tế trong công việc từ con số không. Đây không đơn thuần là học cách sử dụng thư viện. Bạn sẽ trực tiếp lập trình để hiểu cách AI nắm bắt cấu trúc dự án, tại sao nó mất trí nhớ trong các cuộc hội thoại dài và cách giải quyết vấn đề đó về mặt kỹ thuật (Sliding Window, Summary). Thông qua quá trình này, bạn sẽ từ một "người dùng" công cụ AI đơn thuần trở thành một người có tầm nhìn của "nhà cung cấp AI" – người thấu hiểu nguyên lý vận hành, có thể tùy chỉnh và đánh giá công cụ theo ý muốn của mình.

Thời đại mà các nhà phát triển web (đặc biệt là các nhà phát triển React) có thể phát hành ứng dụng một cách thực sự dễ dàng đã đến. Với Expo, bạn còn có thể phát hành cả ứng dụng Android và iOS nhanh chóng hơn nữa. Hãy cùng trở thành những nhà phát triển có khả năng phát hành ứng dụng nhanh chóng thông qua Expo.

Vượt xa một system prompt đơn giản, bạn sẽ triển khai chatbot nhân vật AI biết ghi nhớ người dùng và thay đổi mối quan hệ bằng cách tận dụng thiết kế persona và Structured Outputs. Trong buổi thực hành 30 phút, bạn sẽ hoàn thiện cách gọi API OpenAI một cách an toàn dựa trên dự án khởi đầu được cung cấp, xử lý cảm xúc, mức độ tin cậy và ký ức ở dạng có thể kiểm chứng bằng JSON Schema và Zod, đồng thời sử dụng tác nhân lập trình AI trong phạm vi các điều kiện ràng buộc.

Bạn là một nhà phát triển front-end nhưng đã từng cảm thấy tiếc nuối vì không thể tự mình triển khai chức năng đăng nhập? Bạn muốn thực hiện chức năng lưu trữ và truy xuất dữ liệu bằng DB nhưng lại cảm thấy áp lực khi phải học các câu lệnh truy vấn (query)? Với Firebase, mọi thứ sẽ trở nên dễ dàng! Hãy cùng nhau triển khai các chức năng thiết yếu trong phát triển web như xác thực người dùng, lưu trữ dữ liệu và hosting bằng sức mạnh của React và Firebase! (Khóa học này được ghi hình vào tháng 8 năm 2022, đã cập nhật các thay đổi lớn của Firebase.)

Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.

🔥 Đây là khóa học Full-stack thực chiến giúp bạn hiện thực hóa toàn bộ quy trình mà học viên trải nghiệm, từ việc đăng ký khóa học, thanh toán cho đến triển khai hệ thống. Bạn sẽ tự tay xây dựng tất cả các tính năng: tìm kiếm khóa học, trang chi tiết, đăng ký học, xem video, đánh giá và đặt câu hỏi, giỏ hàng và thanh toán thực tế, xem tiếp video đang dở, cho đến triển khai bằng Docker + AWS. Qua đó, bạn sẽ nắm vững thiết kế cấu trúc và luồng người dùng gần với dịch vụ thực tế, đồng thời hoàn thiện trải nghiệm Full-stack cao cấp.