React (React.js) vừa miếng ăn: Từ cơ bản đến thực chiến

AI chỉ giỏi đúng bằng bạn. Vibe coding hoàn hảo được hoàn thiện qua 3 bước: cách sử dụng AI → kiến thức nền tảng cốt lõi → phát triển dự án. Dành cho những ai muốn học vibe coding một cách bài bản, chúng tôi sẽ chia nhỏ và truyền đạt những khái niệm cốt lõi không thay đổi dù bạn sử dụng bất kỳ AI nào, theo cách ngắn gọn, dễ tiếp thu.

Đã đến lúc thử sức với dự án thực tế 🔥 Cùng nhau xây dựng một SNS cấp độ thực tiễn bằng React.js + TypeScript + Supabase, đồng thời triển khai các tính năng như xác thực&phân quyền, cuộn vô hạn, tải ảnh lên, lượt thích, bình luận lồng nhau không giới hạn, chế độ tối, v.v. Trong quá trình này, chúng ta cũng sẽ tìm hiểu các kỹ thuật quản lý trạng thái máy chủ và trạng thái toàn cục bằng Zustand và Tanstack Query.

Dù đã học đến cả nguyên lý hoạt động và hiểu rõ khái niệm vượt xa ngữ pháp, TypeScript vẫn là thứ càng học càng thấy rối. Hãy học TypeScript một cách bài bản ngay từ bây giờ! Chúng tôi sẽ biến bạn thành một pháp sư TypeScript🧙🏻‍♀️.

Tác phẩm thứ 3 trong series “Một miếng”! Đây là khóa học Next.js thân thiện và chi tiết nhất trên thế giới. Không chỉ App Router, chúng ta còn tìm hiểu cả Page Router thông qua các dự án.

Hãy nâng cấp ứng dụng React của bạn với Zustand, Tanstack Query và Tailwind CSS! Chúng tôi sẽ hướng dẫn bạn những khái niệm cốt lõi và cách sử dụng các công cụ đa dạng, giúp bạn có thể chinh phục cả những dự án phức tạp.

Nếu giao cho AI làm mà chỉ liên tục gặp lỗi, vấn đề không nằm ở AI mà là bạn chưa có nền tảng để định hướng cho nó. Trong video này, chúng tôi sẽ lần lượt chỉ ra 7 khái niệm nền tảng mà những người bị mắc kẹt khi vibe coding thường còn thiếu, cũng như lý do vì sao chúng cần thiết. 👾 Nội dung được giải thích dành cho những người mới bắt đầu học lập trình, chưa từng mở terminal một lần nào.

Tác phẩm thứ 3 trong series “Một miếng”! Đây là khóa học Next.js thân thiện và chi tiết nhất trên thế giới. Không chỉ App Router, chúng ta còn tìm hiểu cả Page Router thông qua các dự án.

Khóa học hoàn thiện React giúp bạn học các tính năng mới nhất của React 19 cùng với TypeScript! Từ cơ bản đến quản lý trạng thái (Context, Redux Toolkit, Zustand), giao tiếp API (Fetch, Axios), các Hook mới nhất (use, useActionState, useOptimistic, v.v.), và cả dự án thực tế, bạn có thể học từng bước một để tạo ra các ứng dụng React có thể áp dụng ngay vào công việc thực tế.

Thay vì phải tìm kiếm riêng lẻ các khóa học JavaScript cơ bản, nâng cao và làm portfolio, đây là khóa học dành cho những ai muốn hoàn thành tất cả từ nền tảng JavaScript đến các kỹ thuật ứng dụng thực tế và xây dựng portfolio chỉ trong một khóa học duy nhất.

Đây là khóa học dự án thực tế về việc thêm các tính năng tương tác bằng JavaScript vào trang web quán cà phê đã được hoàn thiện đẹp mắt với HTML và CSS. Bạn có thể học một cách tự nhiên tất cả các kiến thức cơ bản về JavaScript từ click button, lọc menu, form đặt bàn, toggle dark mode cho đến kết nối API thông qua câu chuyện của Minji và thầy Code. Chỉ với 5 giờ học, ngay cả người mới bắt đầu cũng có thể tạo ra ứng dụng web động.

Đã đến lúc thử sức với dự án thực tế 🔥 Cùng nhau xây dựng một SNS cấp độ thực tiễn bằng React.js + TypeScript + Supabase, đồng thời triển khai các tính năng như xác thực&phân quyền, cuộn vô hạn, tải ảnh lên, lượt thích, bình luận lồng nhau không giới hạn, chế độ tối, v.v. Trong quá trình này, chúng ta cũng sẽ tìm hiểu các kỹ thuật quản lý trạng thái máy chủ và trạng thái toàn cục bằng Zustand và Tanstack Query.

Để hiểu đúng về TypeScript, bạn nên đọc tài liệu chính thức ít nhất một lần. Chúng tôi sẽ chỉ xác định những phần quan trọng của tài liệu và trình bày chúng một cách dễ hiểu. Khóa học này cũng cung cấp thông tin bạn sẽ cần trong thực tế!

Bạn có thể học về giao tiếp giữa webcam và peer được triển khai bằng cách sử dụng WebRTC.

Khóa học này được thiết kế để học ngôn ngữ lập trình JavaScript cùng với ngữ pháp ES6 mới nhất.

Một lớp học nơi bạn có thể tạo trò chơi web và học các kỹ năng phát triển web front-end! Chúng tôi đã tạo một lớp về cách tạo trò chơi bằng JavaScript, CSS và HTML bằng ý tưởng của riêng mình!

Khóa học JavaScript cuối cùng! Nội dung bao gồm cấu trúc và phương pháp của ngữ cảnh thực thi (Execution Context) theo tiêu chuẩn ES2025, Event Loop và đa luồng (Multi-threading). Khóa học cũng khai thác sâu về văn hóa ngôn ngữ ẩn chứa trong JavaScript.

Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

Đây là khóa học lập bản đồ nhà hàng đầy đủ, nơi bạn có thể tìm hiểu về front-end, back-end, cách sử dụng Kakao Map API và cách phân phối cùng lúc trong khi tạo bản đồ nhà hàng cho YouTuber yêu thích của bạn.

Khóa học tập trung vào portfolio, hướng dẫn triển khai trực tiếp Frontend React và Backend Spring Boot lên đám mây AWS! Đây là khóa học hữu ích cho những ai muốn nhanh chóng triển khai các dự án Frontend và Backend vào portfolio của mình! Bạn sẽ được thực hành từng bước trong thời gian ngắn các kiến thức cần thiết để triển khai, từ thiết lập máy chủ đến Docker, kết nối Domain, Nginx và áp dụng HTTPS!

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.

Đâ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.

jQuery là thư viện JavaScript đang được sử dụng bởi hơn 75% website trên toàn thế giới! Khóa học này được thiết kế để giúp bạn nắm vững nền tảng và hiểu rõ nguyên lý thay vì chỉ tập trung vào các hiệu ứng hào nhoáng. Hãy học từ cơ bản đến nâng cao về jQuery để hoàn thiện portfolio của riêng bạn hoặc áp dụng ngay vào công việc thực tế.

Khóa học này là khóa học thực hành dành cho những ai muốn học cách tối đa hóa năng suất phát triển trong kỷ nguyên AI. Vượt xa việc chỉ đơn thuần là sử dụng AI, khóa học tập trung vào cách vận dụng Claude Code trong môi trường phát triển thực tế và làm thế nào để tạo ra "kết quả đúng chuẩn". Nhiều nhà phát triển khi sử dụng AI đang gặp phải các vấn đề như: ❌ Kết quả không nhất quán ❌ Chất lượng mã nguồn bị giảm sút ❌ Dự án ngày càng trở nên phức tạp Để giải quyết những vấn đề này, khóa học sẽ hướng dẫn bạn cách sử dụng AI như một "đối tác phát triển" chứ không chỉ là một công cụ, thông qua: ✔ Quy trình làm việc dựa trên đặc tả (Spec-based workflow) ✔ Hệ thống câu lệnh có cấu trúc ✔ Chiến lược tự động hóa và Sub-agent Ngoài ra, bạn sẽ được trải nghiệm việc hoàn thiện và triển khai một ứng dụng từ đầu đến cuối bằng cách liên kết với các dịch vụ thực tế như Firebase, Figma, GitHub và Vercel.

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!

"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.

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.)