Bắt đầu với Next.js

Hãy nhanh chóng làm quen với các mẫu thiết kế cốt lõi của React thông qua khái niệm và ví dụ!

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.

Tìm hiểu cách xây dựng hệ thống phát hiện cháy thời gian thực dùng Next.js, YOLOv11, FastAPI.

Chúng tôi đã chuẩn bị nội dung này dành cho những ai muốn đạt được kết quả tối ưu bằng cách sử dụng AI, một yếu tố thiết yếu trong thời đại trí tuệ nhân tạo. Chỉ trong 2 giờ, bạn có thể tìm hiểu kỹ cách ứng dụng AI thông qua lập trình.

Bạn đã bao giờ có những lo lắng như thế này chưa? Bạn đã học React nhưng không biết nên tạo ra cái gì. Bạn muốn làm portfolio nhưng ngoài ứng dụng Todo ra thì không nghĩ ra được gì khác. Các API bản đồ hay API công cộng trông có vẻ khó nên bạn thậm chí còn chưa dám thử. Bạn chưa từng thử triển khai (deploy) nên dự án luôn chỉ dừng lại ở mức "dự án local". Code ngày càng trở nên phức tạp và bạn không biết phải thiết kế cấu trúc như thế nào. 🎯 Vấn đề mà khóa học này sẽ giải quyết Khóa học này không đơn thuần chỉ dạy bạn cách hiển thị bản đồ. ✔ Cách kết nối API công cộng vào dịch vụ thực tế ✔ Cách thiết kế SDK bản đồ một cách ổn định trong cấu trúc React ✔ Tối ưu hóa Marker và cấu trúc tái sử dụng InfoWindow ✔ Thiết kế quản lý trạng thái bằng Context ✔ Ứng dụng thực tiễn Tailwind + SCSS ✔ Sắp xếp GitHub và triển khai lên Vercel Tôi sẽ hướng dẫn bạn cách thiết kế theo cấu trúc dịch vụ thực tế chứ không chỉ là "triển khai tính năng". 💡 Đây không phải là khóa học chỉ để gõ theo một cách máy móc Tại sao lại dùng useRef? Tại sao không được tạo mới Marker mỗi lần? Tại sao phải tách biệt các trạng thái (state)? Tại sao phải quản lý biến môi trường riêng biệt trong môi trường triển khai? Mọi lựa chọn đều có lý do của nó. Khóa học này sẽ giải thích những "lý do" đó. 🚀 Sau khi học xong, bạn sẽ đạt được: Hoàn thành 1 dự án portfolio dựa trên bản đồ Có kinh nghiệm kết nối API công cộng Hiểu cấu trúc gắn các SDK bên ngoài vào React Có kinh nghiệm thiết kế cấu trúc dự án kiểu thực tế Sở hữu kinh nghiệm triển khai dự án Và trong buổi phỏng vấn, bạn có thể tự tin nói rằng: “Tôi đã trực tiếp thiết kế và triển khai dịch vụ bản đồ dựa trên API công cộng.” Chỉ một câu nói này thôi cũng tạo nên sự khác biệt lớn. 👩‍💻 Khuyên dùng cho những đối tượng sau: Những người đã biết cú pháp React cơ bản nhưng thiếu kinh nghiệm làm dự án Những người muốn tạo portfolio để xin việc Những người muốn thử làm dự án về Bản đồ/API công cộng Những người muốn học cách thiết kế gần với thực tế công việc 🔥 Mục tiêu của khóa học này Khóa học này không phải là học "cách tạo bản đồ", mà là học "tư duy thiết kế một dịch vụ".

Đây là lớp học sẽ giúp bạn xây dựng những kiến ​​thức cơ bản để phát triển các trang web tương tác, sáng tạo.

Đây là khóa học giúp bạn học JavaScript thông qua lý thuyết và thực hành. Chúng tôi sẽ giải thích từng bước để những người mới bắt đầu học lập trình cũng có thể dễ dàng hiểu. Phần 1 bao gồm phần giới thiệu về JavaScript, biến, kiểu dữ liệu, toán tử, câu lệnh điều khiển và jQuery cơ bản.

Supabase sẽ chắp cánh cho việc phát triển Full-stack của bạn! Thông qua 3 dự án clone, bạn sẽ được học cấp tốc cách phát triển Full-stack cấp độ thực tế với Next.js 14 và Supabase.

Đây là khóa học dự án thực tế về cách chạy Whisper cục bộ và phát triển nhanh chóng một ứng dụng nhận dạng giọng nói AI bằng FastAPI và Next.js. Bạn sẽ triển khai nhận dạng giọng nói theo thời gian thực và hoàn thành một sản phẩm có thể được sử dụng làm portfolio đơn giản trong một thời gian ngắn.

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.

Dạo gần đây LLM đang thay đổi môi trường phát triển, nhưng điều thực sự quan trọng không phải là "viết mã thay bạn" mà là tích hợp nó vào dịch vụ như một tính năng. Khóa học này sẽ hướng dẫn bạn triển khai từng bước một dịch vụ xem bài Tarot tuy nhẹ nhàng nhưng có độ hoàn thiện cao bằng Next.js + OpenAI API. Trong giai đoạn đầu, chúng ta sẽ tạo một MVP (Sản phẩm khả thi tối thiểu) có thể hoạt động mà không cần backend, đồng thời kết nối luồng nhập liệu của người dùng (câu hỏi/luồng/chọn bài) cho đến khi tạo ra kết quả. Ở các giai đoạn tiếp theo, chúng ta sẽ mở rộng tính năng với việc xây dựng backend, đăng nhập thông thường và OAuth, tính năng cộng đồng và bảng điều khiển lịch sử xem bài. Cuối cùng, chúng ta sẽ tiến hành triển khai lên AWS và tích hợp Google AdSense để hoàn thiện sản phẩm dưới dạng có thể vận hành thực tế. Ngoài ra, để chi phí sử dụng LLM API không trở thành gánh nặng, khóa học cũng sẽ bao gồm việc tìm hiểu cấu trúc phí và các chiến lược tối ưu hóa chi phí.

Supabase! Chắp cánh phát triển Full-stack! Với Supabase, vượt trội hơn Firebase, hoàn tất phát triển Full-stack chỉ trong 2 giờ.

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!

🔥 Xây dựng nền tảng tùy chỉnh để học chữ Hán! Hãy tự mình triển khai sổ tay từ vựng chữ Hán, hoạt ảnh thứ tự nét vẽ và cả nhận dạng viết tay bằng cách sử dụng Google Gemini AI và Firestore!

Ngay cả khi các công nghệ hiện đại như React đã trở nên phổ biến, jQuery vẫn là công nghệ thường được sử dụng trong việc vận hành, bảo trì các website hiện có và trong lĩnh vực web publishing. Không chỉ đơn thuần làm theo những hiệu ứng bắt mắt, bạn sẽ hiểu nguyên lý hoạt động và kiến thức nền tảng của jQuery, đồng thời học từng bước từ sự kiện, hiệu ứng chuyển động đến nhiều loại tương tác UI khác nhau. Hãy hoàn thiện portfolio thông qua thực hành và phát triển năng lực web publishing thực tiễn có thể ứng dụng ngay trong công việc.

Đây là một lớp học dễ dàng và thú vị, nơi bạn vừa nhấp chuột vừa học. Bạn có thể tham khảo định hướng cho portfolio của mình.

💸 Khóa học về AI Agent cho dịch vụ web tạo ra lợi nhuận với các giao dịch thanh toán thực tế! ❗ Hãy ngừng tạo các trang web chỉ để làm portfolio và bắt đầu xây dựng <AI Giải thích Sản phẩm Shopping Mall> với 'kho hàng vô tận, giá vốn 0 đồng'! 🤖 Hãy cùng xây dựng nền tảng vững chắc từ 'Bản đặc tả dịch vụ' với các thành viên nhóm phát triển AI như thể đang làm việc với một đội ngũ phát triển con người thực thụ!

Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

Đây là khóa học nơi bạn có thể học JavaScript thông qua lý thuyết và thực hành. Chúng tôi giải thích từng bước để ngay cả những người mới làm quen với mã hóa cũng có thể dễ dàng hiểu được. Phần 2 bao gồm các hàm và sự kiện JavaScript, các loại hàm và thư viện cốt lõi.

Vibe Coding đang cực hot dạo gần đây! Bạn có thể học cách phát triển và triển khai trang web (Next.js) chỉ bằng những cú click chuột nhờ tận dụng các công cụ AI. Chúng tôi cũng sẽ hướng dẫn bạn cách phát triển bằng việc sử dụng miễn phí Google Gemini Pro.