인프런 - 라이프타임 커리어 플랫폼

Khóa học này bao gồm cả server (Java+Springboot) và frontend (React, ReactNative, Flutter, Android, iOS). Hãy trải nghiệm việc tạo một bảng tin fullstack với khóa học này

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

Củng cố nền tảng phát triển dịch vụ web Python/Django. Học Django tốn thời gian, nhưng bạn có thể tối đa hóa năng suất của mình trong quá trình phát triển lặp đi lặp lại. Biến trí tưởng tượng của bạn thành hiện thực.

Đây là khóa học hướng dẫn xây dựng dịch vụ bản đồ từ đầu đến cuối bằng cách sử dụng MERN stack (feat. TypeScript). Hãy cùng nhau xây dựng từng bước một trong khi tham khảo tài liệu hướng dẫn chính thức của API.

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

Bạn đã bao giờ suy nghĩ về việc tạo ra một "hệ thống thực thụ" thay vì chỉ đơn thuần là vẽ lên màn hình chưa? Có một vấn đề thực sự mà nhiều nhà phát triển thường xuyên gặp phải. Đó là giới hạn của "Full-stack giả tạo" – nơi mà vẻ ngoài trông có vẻ ổn nhưng dữ liệu lại thường xuyên bị lỗi đồng bộ, tốc độ chậm chạp và chỉ cần thêm một chút tính năng là không biết phải bắt đầu sửa từ đâu. Đây không phải là vấn đề có thể giải quyết bằng cách học thuộc lòng thêm một tính năng của Next.js. Khóa học này sẽ giúp bạn giải quyết sự bế tắc đó từ tận gốc rễ. Những bài học kiểu từ điển liệt kê tính năng thật nhàm chán đúng không? Thay vào đó, tôi đã kết hợp chặt chẽ giữa các nguyên lý cơ bản của Khoa học máy tính (CS) và kiến trúc chuyên sâu của Next.js. Tôi sẽ truyền tải trực tiếp vào đôi tay bạn khả năng thiết kế cấp độ doanh nghiệp (Enterprise) – giúp hệ thống vận hành linh hoạt ngay cả khi có hàng triệu lượt truy cập và duy trì tính nhất quán của dữ liệu một cách hoàn hảo.

Chúng tôi giải quyết triệt để vấn đề mất kiểm soát giữa các đoạn mã phân mảnh do AI tạo ra và hệ sinh thái React phức tạp bằng cách phân tích kỹ thuật nguyên lý hoạt động bên trong của các thư viện React cốt lõi như Zustand, TanStack Query, React Hook Form, Zod và React Compiler. Vượt xa việc chỉ sử dụng công cụ đơn thuần, bằng cách nắm vững cách trực tiếp điều khiển hiệu suất và luồng dữ liệu của React engine, bạn sẽ trang bị cho mình 'cơ bắp thiết kế kiến trúc doanh nghiệp' vững chắc, có khả năng ứng phó tức thì trong mọi tình huống khủng hoảng.

Phát triển dịch vụ báo cáo AI Safety e-Report bằng React + SpringAI Bài giảng dự án thứ 5 của Neo + Essential là xây dựng hệ thống báo cáo Safety e-Report - một ý tưởng cải thiện hệ thống chính phủ!

Khóa học này bao gồm toàn bộ quá trình Critical Rendering Path (CRP), từ lúc trình duyệt nhận HTML để tạo DOM, kết hợp với CSSOM cho đến khi vẽ các pixel lên màn hình. Không chỉ dừng lại ở việc thao tác DOM đơn thuần, bạn sẽ được học về ảnh hưởng của CSS và JS đến hiệu suất, tối ưu hóa hình ảnh và font chữ, Lazy Loading, Intersection Observer, danh sách ảo (virtual list), cùng với thực hành trên DevTools để nắm vững các chiến lược thực tế giúp cải thiện đáng kể hiệu suất trang web.

Dù bạn có học React, Next.js, Vue đến đâu, nếu bạn cảm thấy mã code trừu tượng và cấu trúc không được hiểu rõ ràng, nguyên nhân cốt lõi có thể là do thiếu hiểu biết về DOM. DOM là nền tảng của mọi framework frontend, là thực thể kết nối cấu trúc và hoạt động của một trang web. Khóa học này không chỉ dừng lại ở các bộ chọn hay phương pháp thao tác đơn giản, mà còn từ đầu, từng bước một, chỉ ra cách HTML được biến đổi thành đối tượng DOM, cách cấu trúc này có thể được chọn, duyệt qua và thao tác. Đây là khóa học nhập môn Phần 1 của loạt bài chinh phục DOM hoàn toàn. Các thẻ HTML chỉ là cấu trúc, và JavaScript chỉ là hành vi, nhưng DOM là yếu tố cốt lõi kết nối cả hai. Nếu bạn hiểu rõ ràng mối liên kết này, bạn sẽ có thể nhìn thấu cấu trúc và luồng thực sự bên trong bất kỳ framework nào mà bạn sử dụng.

Dựa trên trải nghiệm thắc mắc về cách nhận diện khuôn mặt hoạt động trong môi trường ngoại tuyến (offline) tại hiện trường, trong khóa học này, chúng ta sẽ cùng nhau xây dựng cấu trúc cơ bản của hệ thống quản lý ra vào và điểm danh dựa trên nhận diện khuôn mặt, sử dụng React + Electron và DeepFace chạy trên nền tảng FastAPI của Python. Khóa học tập trung vào việc thấu hiểu nguyên lý hoạt động và xây dựng nền tảng vững chắc để có thể mở rộng thành dự án cá nhân, thay vì chỉ chú trọng vào mức độ hoàn thiện của sản phẩm.

App Router của Next.js 15 là một kiến trúc mạnh mẽ giúp xây dựng các dịch vụ web hiệu suất cao bằng cách kiểm soát hoàn hảo ranh giới giữa Server và Client. Khóa học này sẽ giúp bạn kết nối rõ ràng các cơ chế rendering phức tạp, từ nguyên lý hoạt động của Server Components (RSC) đến 3 chiến lược caching chính (Static, Dynamic, ISR) thông qua 12 nhiệm vụ thực tế. Qua đó, bạn sẽ có khả năng thiết kế File System Routing và Nested Layouts phù hợp với yêu cầu kinh doanh, đồng thời thoát khỏi sự bất an của việc 'vibe coding' - sao chép mã mà không hiểu nguyên lý. Kết quả là, bạn sẽ trở thành một kiến trúc sư Next.js, người có thể nhận ra ngay lập tức các điểm yếu trong mã do AI tạo ra và chủ động chỉ đạo cấu trúc tối ưu nhất.

Bây giờ là lúc để thử thách với thực tế 🔥 Chúng ta sẽ cùng nhau phát triển một mạng xã hội cấp độ thực tế bằng React.js + TypeScript + Supabase, đồng thời xây dựng các tính năng như xác thực & phân quyền, cuộn vô hạn, tải lên hình ảnh, lượt thích, bình luận lồng nhau vô hạn và chế độ tối. 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 server và trạng thái toàn cục bằng Zustand và Tanstack Query.

Học cách triển khai tích hợp đăng nhập thông thường và đăng nhập xã hội với Spring Boot và React. Xây dựng hệ thống đăng nhập trong cả môi trường MPA và SPA, và thực hành xác thực JWT và OAuth2. Thông qua dự án ví dụ có thể áp dụng ngay vào thực tế, bạn có thể hiểu và triển khai toàn bộ luồng đăng nhập.

Chúng tôi tạo và phân phối các ứng dụng cộng đồng bằng MERN Stack. (MongoDB, Express, React, Nút + Firebase)

‘Tôi nên lưu các tập tin như hình ảnh ở đâu và như thế nào? Lưu vào cơ sở dữ liệu? Hay ổ cứng của máy chủ? Làm thế nào để giảm tải cho máy chủ? Làm sao tôi có thể tải nhiều hình ảnh một cách nhanh chóng mà không bị giật? AWS S3 là gì? Mạng lưới phân phối nội địa?! Tôi chỉ muốn lưu và tải hình ảnh, tại sao lại có nhiều thành phần như vậy? Những yếu tố nào đóng vai trò gì và chúng nên được kết hợp như thế nào? Chúng tôi sẽ hướng dẫn bạn từ đầu đến cuối bằng cách tinh chỉnh các yếu tố cần thiết liên quan đến tệp hình ảnh trong full stack :)

Mới bắt đầu với React? Bạn cần suy nghĩ về cách học nhanh trong khi vẫn củng cố vững chắc các khái niệm cơ bản của React. Hãy bắt đầu với Next.js và JavaScript với kiến thức tối thiểu. Chúng ta hãy cùng phát triển các ví dụ thiết yếu cần thiết cho công việc phát triển thực tế. Ví dụ Todo rất quan trọng nên phải phát triển 2 lần. Một lần tập trung vào component, lần tiếp theo tập trung vào routing xử lý theo đường dẫn của trình duyệt! Hãy sử dụng Zustand cho đăng nhập! Bạn có thể xử lý state toàn cục với lượng code thực sự ít ỏi.

"Next.js Master Class: Part 3 - Hoàn thiện Kiến trúc Thực chiến" không chỉ dừng lại ở mức độ hướng dẫn chạy trên local, mà là cuốn cẩm nang thiết kế kiến trúc cho một "dịch vụ thương mại thực thụ (Production)" có khả năng chịu tải lượng truy cập lớn. Khóa học bao quát toàn bộ các công nghệ cốt lõi trong thực tế: từ đồng bộ hóa trạng thái không lỗi bằng cách kết hợp TanStack Query và Zustand, tối ưu hóa bundle dưới 100KB dựa trên Turbopack và kỹ thuật SEO nâng cao, cho đến việc xây dựng mạng lưới bảo mật full-stack vững chắc sử dụng Proxy và session JWT. Tôi đặc biệt đề xuất khóa học này cho những ai muốn tự mình phá bỏ rào cản lỗi Hydration và CORS phiền toái, để vượt xa giới hạn của một coder đơn thuần và tiến tới trở thành một "Senior Architect" làm chủ toàn bộ hệ thống frontend.

Khóa học này là quá trình học tập một cách hệ thống về đăng nhập thông thường, đăng nhập mạng xã hội và xác thực token dựa trên JWT bằng cách sử dụng Spring Boot 3, Spring Security 6 và React. Bạn sẽ được xây dựng hệ thống đăng nhập mạng xã hội OAuth2 và hệ thống xác thực JWT tăng cường bảo mật trong cả môi trường MPA và SPA, đồng thời nắm vững các kiến thức thực tiễn về bảo mật như đối phó với XSS·CSRF, áp dụng HTTPS, chiến lược cấp lại và hủy bỏ token, quản lý an toàn khóa bí mật. Khóa học cũng hướng dẫn thực hành cấu hình môi trường cấp độ dịch vụ thực tế, từ build và triển khai qua AWS đến tối ưu hóa hiệu suất bằng Redis. Thông qua mã nguồn dự án hoàn chỉnh được cung cấp, bạn có thể hiểu toàn bộ luồng đăng nhập và áp dụng ngay vào công việc thực tế.

Thực tế công việc rất khắc nghiệt. Tôi sẽ truyền đạt hoàn hảo tinh hoa tối ưu hóa của mình thông qua hệ thống nhiệm vụ chi tiết, giúp bạn thiết kế trải nghiệm người dùng mượt mà ngay cả trong môi trường khắc nghiệt với hàng chục nghìn dữ liệu thời gian thực đổ về. Hãy vượt qua việc chỉ là người viết code, để trở thành một kỹ sư cấp cao không thể thay thế, người phân tích hiệu suất dựa trên nguyên lý của engine.