Next + React Query で SNS サービスを作成する

노드 là gì, cú pháp JavaScript mới nhất, API của Node, npm, hệ thống mô-đun, cơ sở dữ liệu, thử nghiệm, v.v. và tạo dự án bằng 5 ví dụ thực tế. Bạn cũng có thể triển khai dịch vụ trên đám mây và chuyển đổi dự án Node sang TypeScript.

Trong bài giảng này, chúng tôi sẽ chỉ ra khi nào cần thử nghiệm và những lợi ích của việc thử nghiệm bằng khung Jest. Áp dụng thử nghiệm đơn vị và thử nghiệm tích hợp cho React, Express, v.v.

Tìm hiểu về công dụng cũng như ưu và nhược điểm của các mẫu thiết kế khác nhau bằng cách tạo bảng vẽ bằng TypeScript/JavaScript. Có thể tìm hiểu API canvas là một phần thưởng!

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

Nếu bạn đã là nhà phát triển hoặc muốn trở thành nhà phát triển nhưng yếu về cơ sở dữ liệu vì bạn không học chuyên ngành khoa học máy tính, hãy tích lũy kiến ​​thức suốt đời với khóa học này!

Nếu bạn là nhà phát triển làm việc với HTTP hoặc muốn trở thành nhà phát triển nhưng có mạng yếu vì bạn không học chuyên ngành khoa học máy tính, hãy tích lũy kiến ​​thức suốt đời từ khóa học này!

Tìm hiểu React thông qua các trò chơi trên web. Tìm hiểu tất cả các lớp và hook, đồng thời tìm hiểu thêm API ngữ cảnh, Bộ định tuyến React, gói web và Babel.

Cấu trúc dữ liệu là điều kiện tiên quyết cần thiết để nghiên cứu thuật toán! Hãy cùng tìm hiểu các cấu trúc dữ liệu khác nhau với JavaScript!

Sau khi tìm hiểu cú pháp cơ bản của TypeScript, hãy tìm hiểu cách phân tích các loại phức tạp từ các thư viện phổ biến.

Tìm hiểu cú pháp cơ bản của TypeScript, cách phân tích các loại do người khác viết và cách viết các loại của riêng bạn.

Hãy tạo một ứng dụng giao hàng cho người lái bằng React Native. Đây là bài giảng của một nhà phát triển đã tạo ra hơn 5 ứng dụng bằng React Native trong hơn 6 năm và bán chúng cho Kakao Mobility.

Hãy cùng học NestJS, được gọi là Spring của Node.js và trải nghiệm sự tiện lợi của Dependency Injection. Chúng ta sẽ cùng học mọi thứ, từ phát triển API, so sánh với Express, triển khai đến thử nghiệm.

Trong bài giảng này, bạn sẽ thực hành phát triển kỹ năng tư duy lập trình bằng JavaScript. Bắt đầu với bảng nhân trò chơi trên web, chúng ta hãy làm từng chữ, số bóng chày, kiểm tra tốc độ phản ứng, tic-tac-toe, máy xổ số, oẳn tù tì, trò chơi ghép bài, game nhập vai văn bản, quét mìn, trò chơi 2048, và thậm chí là đánh đòn.

Hãy bắt đầu phát triển web React chuyên nghiệp bằng cách tạo theo dịch vụ Slack! Từ đăng ký thành viên, đăng nhập, tạo phòng, trò chuyện trực tiếp!

Phản ứng & Tiếp theo & Chuyển đổi & Redux Saga & Hãy tạo một dịch vụ SNS tương tự như Twitter bằng Express Stack. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi triển khai lên AWS.

Hãy áp dụng TypeScript cho Node.js, thêm kiểu gõ vào gói npm hiện có hoặc tạo thư viện TypeScript của riêng bạn.

Hãy cùng sử dụng React và TypeScript bằng cách đính kèm TypeScript vào một trò chơi web được tạo bằng React, React Router, Redux và MobX.

Bạn có gặp khó khăn khi quyết định giữa Redux và MobX không? Hãy cùng tìm hiểu cả hai trước rồi hãy nghĩ về nó nhé!

Bằng cách tạo 8 trò chơi web đơn giản, bạn sẽ tìm hiểu Vuex và Vue Router được sử dụng với Vue.js và Vue.

Tạo dịch vụ SNS bằng cách sử dụng khung Vue và Nuxt. Tìm hiểu kiến ​​thức đầy đủ cần thiết cho dịch vụ.

Bằng cách tạo các thành phần UI đại diện trong React và các phiên bản JavaScript thuần túy, hãy trải nghiệm nhiều quan điểm và phương pháp khác nhau bằng API Web, đồng thời cải thiện hơn nữa kỹ năng phát triển giao diện người dùng của bạn.

Hãy bắt đầu phát triển web React chuyên nghiệp bằng cách tạo theo dịch vụ Slack! Từ đăng ký thành viên, đăng nhập, tạo phòng, trò chuyện trực tiếp!

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

Cách phát triển React truyền thống và cách phát triển sử dụng Next.js hoàn toàn khác nhau. Khóa học này sẽ giúp bạn nắm vững cốt lõi của Next.js 15 mới nhất và hướng dẫn cách phát triển theo phong cách 'thực sự' của Next.js. Từ portfolio xin việc đến dự án thực tế, hãy trải nghiệm cách nắm bắt cả hiệu suất và hiệu quả. Hãy phát triển theo phong cách Next.js! Khóa học được cấu trúc để bạn có thể học bằng cách thực hành, tạo ra các ví dụ thực tế để hiểu cách áp dụng các tính năng của Next.js. Tập trung vào Server Components, bạn sẽ học nhanh hơn thông qua code thực tế về Server Actions và chiến lược caching thay vì chỉ lý thuyết. Mục tiêu của khóa học là nắm bắt được tinh thần của Next.js càng nhanh càng tốt, vì vậy khóa học sẽ được tiến hành bằng JavaScript. Tuy nhiên, các ví dụ trong mỗi bài học được tạo bằng Typescript sẽ được cung cấp thêm như tài liệu học tập.

Đây là khóa học xây dựng blog thực tế dành cho developer dựa trên Notion cùng với việc học Next.js v15 App Router mới nhất. Ngoài ra, bạn cũng có thể thu được nhiều insight đa dạng như cách sử dụng Cursor AI.

Supabase sẽ giúp phát triển full-stack bay cao! Qua 3 dự án clone, bạn sẽ học nhanh chóng cách phát triển full-stack ở cấp độ thực tế với Next.js 14 và Supabase.

Một CTO hiện tại của startup sẽ truyền đạt kiến thức về vibe coding thu được thông qua dịch vụ thực tế và nhiều dự án outsourcing.

Trong hướng dẫn 24 giờ này, bạn sẽ học cách tạo ra một bản sao YouTube của riêng mình. Chúng tôi sẽ đề cập đến các chủ đề nâng cao như Next 15 và React 19 (bao gồm tRPC), pre-fetching trong Server Components, sử dụng Suspense trong Client Components, xử lý video, các tác vụ nền, các tính năng AI, v.v.

Phản ứng & Tiếp theo & Chuyển đổi & Redux Saga & Hãy tạo một dịch vụ SNS tương tự như Twitter bằng Express Stack. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi triển khai lên AWS.

Phát triển ứng dụng cộng đồng dựa trên avatar bằng React Native. Bạn sẽ được học quá trình xây dựng một ứng dụng cộng đồng hoàn chỉnh, không chỉ bao gồm việc viết bài mà còn có bình luận/trả lời bình luận, lượt thích, bình chọn, tạo avatar, v.v.

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 full-stack thực chiến giúp bạn tái hiện trọn vẹn quy trình một học viên trải qua, từ việc tham gia khóa học, thanh toán đến triển khai. Bạn sẽ tự tay xây dựng mọi thứ: từ tìm kiếm khóa học, trang chi tiết, đăng ký, xem video, bình luận và đặt câu hỏi, giỏ hàng cùng thanh toán thực tế, chức năng xem tiếp, cho đến triển khai với Docker + AWS. Đồng thời, bạn sẽ nắm vững luồng người dùng và thiết kế cấu trúc gần với dịch vụ thực tế, qua đó hoàn thiện trải nghiệm full-stack cao cấp.

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

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

Không cần biết lập trình cũng OK! Biến ý tưởng của bạn thành doanh thu thực tế chỉ trong 4 tuần. Tận dụng AI và các công cụ mới nhất, tạo đồng thời website và app rồi kết nối ngay với dịch vụ.

Full course Next.js nhúng! Hoàn thành dự án thực tế với các công nghệ mới nhất như GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, Grafana và trải nghiệm cả App Router lẫn Page Router.

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. Học hỏi qua 23 nhiệm vụ từ MCP, Sub-agent đến Prompt Engineering, và hoàn thành 3 dự án thực tế.

AI giờ đây không còn là lựa chọn mà là vấn đề sinh tồn. Rút ngắn thời gian phát triển từ 3 ngày xuống còn 30 phút, giao những công việc lặp đi lặp lại cho AI và tập trung vào việc giải quyết những vấn đề quan trọng hơn. Với phương pháp phát triển AI native áp dụng ngay trong thực tế chứ không chỉ là lý thuyết, chúng tôi sẽ chỉ cho bạn cách chắc chắn để được công nhận là "nhà phát triển giỏi về AI" tại công ty.

Để 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ế!