Tiếp theo + Tạo dịch vụ SNS bằng React Query

Hãy cùng nhau chinh phục React Router, điều cần thiết cho tất cả những ai tạo SPA bằng React 💪

Chúng tôi sẽ tạo ra một dịch vụ SNS tương tự như Twitter bằng stack React & Next & Redux & Redux-Saga & Express. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi sẽ triển khai lên AWS.

Ngay cả trong thời đại AI, nhà phát triển vẫn cần khả năng hiểu mã nguồn và hoàn thiện các dịch vụ thực tế. Hãy xây dựng năng lực phát triển web thực tiễn bằng cách tự mình triển khai mọi thứ, từ đăng nhập, quản lý dữ liệu, tải hình ảnh lên đến triển khai ứng dụng, sử dụng React và Firebase trên nền tảng kiến thức cơ bản về HTML/CSS/JavaScript.

Khóa học 'Tìm hiểu dịch vụ đăng nhập (+mạng xã hội) với Spring Boot + React.js' là một khóa học được thiết kế để bạn có thể tự tay triển khai hệ thống đăng nhập thực tế, bao gồm xác thực dựa trên JWT và đăng nhập mạng xã hội (Kakao/Google), từ đó hiểu sâu sắc luồng xác thực của cả frontend và backend. Frontend được xây dựng trên React.js, còn backend dựa trên Spring Boot. Bạn sẽ từng bước học và thực hành các phương pháp được sử dụng trong môi trường dịch vụ thực tế, bao gồm phương pháp Access Token + Refresh Token, HttpOnly Cookie, quản lý trạng thái người dùng sử dụng Redux, xử lý quyền hạn dựa trên Role, và cả tích hợp đăng nhập mạng xã hội.

Học Springboot + React RestAPI tạo bảng tin nhanh hơn ai hết Phát triển server CRUD với Springboot và tạo bảng tin của riêng bạn bằng React!!

Khóa học này là quá trình học tập tập trung vào thực hành về xác thực token dựa trên JWT và các kỹ thuật tăng cường bảo mật cần thiết trong môi trường dịch vụ web hiện đại. Sử dụng Spring Boot 3, Spring Security 6 và React để triển khai hệ thống đăng nhập an toàn, bao gồm toàn bộ thực hành bảo mật như đối phó XSS·CSRF, áp dụng HTTPS, chiến lược tái phát hành và hủy bỏ token, quản lý khóa bí mật an toàn. Ngoài ra, thông qua thực hành cấu hình môi trường ở mức độ dịch vụ thực tế như build·deploy qua AWS, tối ưu hóa hiệu suất sử dụng Redis, mã nguồn dự án hoàn chỉnh được cung cấp trong khóa học có thể áp dụng ngay vào thực hành.

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ụ!

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

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

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

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.

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!

Đâ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ếu bạn không hiểu tại sao giao cho AI làm mà mọi thứ cứ liên tục hỏng, thì vấn đề không nằm ở việc lập trình, mà là bạn yêu cầu AI thực hiện khi không biết “chuyện gì đang xảy ra”. Tôi sẽ hướng dẫn bạn cách vibe coding—hoàn thiện một dịch vụ web có đăng nhập và thanh toán từ đầu, đưa lên miền riêng và xuất hiện trên các công cụ tìm kiếm, đồng thời ở mỗi bước đều hiểu rõ ngữ cảnh “vừa rồi đã xảy ra chuyện gì?” rồi mới tiếp tục.

Không biết code cũng OK! Hãy biến ý tưởng của bạn thành lợi nhuận thực tế chỉ trong vòng 4 tuần. Tận dụng AI và các công cụ mới nhất để tạo đồng thời cả website và ứng dụng, rồi kết nối trực tiếp đến dịch vụ ngay lập tức.

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 quy trình tạo ra một ứng dụng cộng đồng hoàn chỉnh, không chỉ bao gồm viết bài mà còn có các tính năng như bình luận/phản hồi bình luận, thích, bình chọn và tạo avatar.

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

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

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.

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!