강의

멘토링

커뮤니티

Programming

/

Mobile Application Development

Inflearn Clone Coding để học giải pháp LMS tất cả trong một: Dự án MVP dựa trên streaming HLS đa ngôn ngữ được triển khai với Next.js·Flutter·AWS·Supabase·prisma

Khóa học này không phải là clone coding đơn giản hay bài giảng cơ bản. Chúng ta sẽ triển khai từ đầu đến cuối một nền tảng LMS(Learning Management System) như Inflearn ở mức độ MVP(엠 브이 피), cung cấp giải pháp tất cả trong một mà freelancer·1인 개발자·thành viên ban đầu của startup có thể áp dụng ngay vào thực tế công việc. Chúng ta sẽ sử dụng đồng thời các công nghệ thực sự được dùng trong thực tế: Next.js, Flutter, Supabase, Firebase(FCM), AWS, Vercel, Xcode, Android Studio, ElevenLabs, cho đến 토스페이먼츠. Bạn có thể trực tiếp trải nghiệm toàn bộ quy trình từ phát triển đồng thời web và app, đăng nhập xã hội, lồng tiếng đa ngôn ngữ tự động, phát video bài giảng dựa trên HLS streaming, tích hợp thanh toán, cho đến triển khai lên App Store·Play Store. Khóa học này tập trung vào luồng xử lý, cài đặt, quy trình triển khai quan trọng trong thực tế hơn là từng dòng code chi tiết. Do đó, khóa học phù hợp với developer muốn độc lập làm freelancer, team cần nhanh chóng xác thực MVP tại startup, và junior developer muốn trải nghiệm toàn bộ thực tế công việc.

(5.0) 2 đánh giá

51 học viên

  • ludgi
실습 중심
ai활용
AI 코딩
SEO
lms
Flutter
AWS
supabase
nextjs
Prisma

Bạn sẽ nhận được điều này sau khi học.

  • Hiểu về luồng MVP của LMS ở mức độ thực tế

  • Next.js và Flutter để tạo dự án tích hợp web·app

  • Triển khai hệ thống backend và thông báo với Supabase và Firebase(FCM)

  • Học chiến lược triển khai thông qua AWS·Vercel·CloudFront·S3·Route53

  • Tự triển khai đăng nhập xã hội (Google·Apple)

  • Tích hợp hệ thống thanh toán Toss Payments

  • Trải nghiệm tự động lồng tiếng đa ngôn ngữ với ElevenLabs

  • Làm quen với quy trình phân phối và xét duyệt trên App Store iOS/Android

  • Học quy trình thiết kế và quản lý dự án thực tế cho freelancer

  • Trải nghiệm tạo ra các giải pháp thực tế thông qua clone coding Inflearn

  • Thiết kế và triển khai cơ sở dữ liệu với Prisma

Dự án LMS thực tế học qua clone coding Inflearn với nextjs

Giải pháp MVP được triển khai với Next.js · Flutter · AWS · Supabase · Prisma cùng với Elevenlabs

Tại sao lại là khóa học này?

Nền tảng Online Classes không chỉ là một trang web đơn giản.
Đây là một hệ thống phức hợp bao gồm đăng ký thành viên, đăng nhập xã hội, thanh toán, thông báo, triển khai, và hỗ trợ đa ngôn ngữ.
Nhiều khóa học chỉ tập trung vào một công nghệ cụ thể, nhưng khóa học này theo dõi toàn bộ luồng dịch vụ và cung cấp giải pháp MVP có thể áp dụng ngay trong thực tế.


Các công nghệ cốt lõi được đề cập

  • Next.js: Xử lý đồng thời web frontend và server-side rendering, học cấu trúc thân thiện với SEO.

  • Flutter: Phát triển ứng dụng iOS và Android cùng lúc, và tích hợp tự nhiên với LMS thông qua webview.

  • Supabase: Dễ dàng thiết lập cơ sở dữ liệu, xác thực và API backend, kết hợp với Firebase để hoàn thiện hệ thống thông báo.

  • AWS: Trải nghiệm triển khai và vận hành dịch vụ thực tế bằng cách sử dụng CloudFront, S3, Route53, v.v.

  • Prisma: ORM thế hệ mới cung cấp tính an toàn kiểu dữ liệu và migration tự động, giúp xử lý cơ sở dữ liệu một cách trực quan và hiệu quả.

💡Dự án LMS MVP thực tế học qua clone coding Inflearn

  • Trong khóa học này, chúng ta sẽ sử dụng nextjs, Flutter, supabase, AWS, Prisma để trực tiếp xây dựng một nền tảng học trực tuyến (LMS) giống như Inflearn ở mức độ MVP.

  • Không chỉ đơn giản là gõ theo code, mà còn trải nghiệm toàn bộ quá trình hoàn thiện dịch vụ từ đăng nhập xã hội, thanh toán, thông báo (FCM), lồng tiếng đa ngôn ngữ, đến triển khai ứng dụng.

  • Khóa học này hữu ích cho freelancer, thành viên ban đầu của startup, hoặc đại diện doanh nghiệp đang chuẩn bị LMS, và cung cấp cơ hội để có được bản thảo của dự án thực tế trong công việc.

Đặc điểm của khóa học này

  • Tập trung vào quy trình thực tế: Không chỉ là khóa học đơn thuần theo dõi code, mà bạn sẽ trải nghiệm quy trình end-to-end về cách một dịch vụ thực tế được lên kế hoạch và triển khai.

  • Hoàn thành giải pháp MVP: Sử dụng các công nghệ mới nhất như Next.js, Flutter, Supabase, AWS, Firebase để trực tiếp triển khai MVP LMS cấp độ Inflearn.

  • Bao gồm cả việc phát hành ứng dụng: Không chỉ dừng lại ở việc tạo dịch vụ web, mà còn bao gồm cả quá trình đóng gói ứng dụng iOS/Android, thẩm định cửa hàng và phát hành.

  • Tùy chỉnh cho Freelancer·Startup: Cung cấp kết quả có thể áp dụng ngay vào công việc thực tế như tạo portfolio freelancer, xác thực MVP ban đầu cho startup.

  • Nhấn mạnh cấu hình·luồng hơn là code: Xử lý các yếu tố cốt lõi cần thiết cho vận hành dịch vụ như cấu hình Firebase, thiết lập hạ tầng AWS, tích hợp thanh toán, lồng tiếng tự động đa ngôn ngữ.

  • Tài liệu tham khảo phong phú: Giúp bạn hiểu rõ hơn thông qua giải thích tập trung vào tài liệu trực quan như sơ đồ kiến trúc, quá trình triển khai được chụp lại, màn hình ứng dụng thực tế, v.v.


💡 Đặc điểm cốt lõi và điểm khác biệt

  • Bài giảng tập trung vào luồng: Không chỉ tập trung vào việc triển khai các tính năng cụ thể, mà học theo toàn bộ luồng dịch vụ từ web → app → server → triển khai.

  • Tái hiện môi trường thực tế: Sử dụng đúng những công nghệ như Next.js, Flutter, Supabase, AWS, Firebase, Vercel mà các freelancer và startup thường xuyên áp dụng trong thực tế.

  • Hoàn thành giải pháp MVP: Tự tay xây dựng nền tảng LMS như Inflearn ở mức độ MVP, có thể sử dụng ngay làm portfolio hoặc bản thảo dự án nội bộ.

  • Bao gồm triển khai ứng dụng: Khóa học bao gồm toàn bộ quy trình từ đóng gói ứng dụng iOS/Android, thẩm định cửa hàng đến triển khai - những phần thường bị bỏ qua trong các khóa học khác.

  • Giải thích dễ hiểu cho cả người không phải lập trình viên: Không chỉ freelancer, lập trình viên mà CEO startup, nhà hoạch định, PM cũng có thể nắm bắt được quy trình thông qua việc bố trí cân bằng giữa lý thuyết và thực hành.

  • Tập trung vào tài liệu trực quan và thực hành: Tối đa hóa khả năng hiểu bằng cách sử dụng sơ đồ kiến trúc, ảnh chụp quá trình triển khai và màn hình thực thi thực tế.

Chúng tôi khuyến nghị cho những người như thế này

Tôi muốn trở thành lập trình viên tự do.

Những người muốn trải nghiệm quy trình dự án thực tế và sử dụng làm portfolio.

Tại startup cần phải nhanh chóng tạo ra MVP.

Những người muốn tự tay triển khai phiên bản ban đầu để xác thực ý tưởng

Tôi muốn biết quy trình phát hành ứng dụng
Dành cho những ai muốn trực tiếp trải nghiệm quá trình thẩm định và phát hành trên cửa hàng iOS/Android

💡Học viên cần khóa học này

  • Portfolio chỉ ở mức độ clone coding đơn giản, muốn trải nghiệm dự án gần với dịch vụ thực tế

  • Những người muốn nhận dự án với tư cách freelancer nhưng cảm thấy lo lắng vì chưa trải qua toàn bộ quy trình MVP

  • Những người đang trong tình huống cần tạo ra cả web và app một cách nhanh chóng để xác thực ý tưởng tại startup

  • Người biết phát triển web nhưng chưa từng trải qua quá trình triển khai ứng dụng và thẩm định cửa hàng ứng dụng

  • Nền tảng LMS (ví dụ: dịch vụ như Inflearn) đang được chuẩn bị, CEO/người lập kế hoạch phải tự tạo phiên bản ban đầu vì không có đội phát triển

Sau khi hoàn thành khóa học

  • Phát triển đồng thời web và app bằng Next.js và Flutter và có thể triển khai chúng.

  • Tích hợp Supabase và Firebase(FCM) để có thể trực tiếp triển khai xác thực, thông báo và quản lý dữ liệu.

  • Quá trình triển khai sử dụng AWS và Vercel을 hiểu được và có thể cấu hình môi trường vận hành dịch vụ thực tế.

  • Tích hợp đăng nhập xã hội và hệ thống thanh toán (TossPayments) thông qua thực hành có thể áp dụng ngay vào công việc thực tế.

  • Bạn có thể trải nghiệm quá trình đóng gói ứng dụng iOS/Android và quy trình xét duyệt của cửa hàng ứng dụng, đồng thời triển khai dịch vụ đến người dùng thực tế.

  • Áp dụng lồng tiếng tự động đa ngôn ngữ (ElevenLabs) để có thể thiết kế nền tảng hướng đến dịch vụ toàn cầu.

  • Bản thảo MVP LMS ở mức độ thực tế như Inflearn để có thể sử dụng trong giai đoạn xây dựng portfolio hoặc xác thực startup.

💡Những thay đổi bạn có thể đạt được khi tham gia khóa học này

  • Không chỉ là clone coding đơn thuần mà bạn sẽ có thể hiểu và xây dựng toàn bộ luồng dịch vụ thực tế.

  • Bạn có thể thêm kinh nghiệm dự án thực tế sử dụng Next.js, Flutter, Supabase, AWS, Firebase, prisma vào portfolio của mình.

  • Phát triển đồng thời web và app, trực tiếp trải nghiệm việc phát hành lên store để có được sự tự tin.

  • Đăng nhập xã hội, thông báo đẩy, tích hợp thanh toán, lồng tiếng đa ngôn ngữ - bạn sẽ trực tiếp triển khai những tính năng này và trang bị năng lực có thể áp dụng ngay trong công việc thực tế.

  • Bạn có thể đảm bảo khả năng thực chiến để đề xuất và thực hiện bản thảo MVP tại các startup hoặc trong môi trường freelancer.

  • Không chỉ là những kỹ thuật rời rạc, mà có thể phát triển tư duy từ góc độ vận hành dịch vụ để nhìn nhận dự án theo một bức tranh tổng thể lớn hơn.

Chúng ta sẽ học những nội dung như thế này.

Next.js: Render phía máy chủ và tạo trang tĩnh

Vượt ra ngoài việc triển khai giao diện đơn giản, bạn sẽ học cách xây dựng frontend thân thiện với SEO bằng cách sử dụng server-side rendering và tạo trang tĩnh.

Prisma: ORM an toàn kiểu và quản lý cơ sở dữ liệu

Xử lý cơ sở dữ liệu hiệu quả thông qua phát triển dựa trên schema trực quan và tự động migration, kết hợp với TypeScript để triển khai logic backend an toàn.

Flutter: WebView và đóng gói ứng dụng

Với một codebase duy nhất để tạo đồng thời ứng dụng iOS/Android, và thông qua webview để mở rộng chức năng LMS thành ứng dụng di động.

Supabase: Xác thực và quản lý dữ liệu

Đăng ký thành viên, đăng nhập, đăng nhập mạng xã hội cho đến toàn bộ luồng xác thực được triển khai bằng Supabase, và trải nghiệm cấu trúc gần với vận hành dịch vụ thực tế thông qua việc sử dụng cơ sở dữ liệu và lưu trữ.

Firebase: Thông báo đẩy và tính năng thời gian thực

Học cách triển khai thông báo đẩy bằng cách sử dụng Firebase Cloud Messaging(FCM) và áp dụng các tính năng thời gian thực vào dự án.

AWS & Vercel: Triển khai và Vận hành Hạ tầng

Học cách cấu hình và quản lý môi trường triển khai và vận hành dịch vụ thực tế bằng cách sử dụng AWS S3, CloudFront, Route53, SES và Vercel.

ElevenLabs: Tự động lồng tiếng đa ngôn ngữ

Học cách sử dụng công cụ lồng tiếng dựa trên AI để tự động chuyển đổi bài giảng sang nhiều ngôn ngữ khác nhau và khám phá khả năng mở rộng thành dịch vụ toàn cầu.

Hệ thống thanh toán: Tích hợp TossPayments

Triển khai trực tiếp chức năng thanh toán thường được yêu cầu trong thực tế. Thông qua quá trình tích hợp Toss Payments, bạn có thể xây dựng luồng thanh toán an toàn.

Triển khai ứng dụng: Thẩm định cửa hàng và phát hành

Sử dụng Xcode và Android Studio để đóng gói ứng dụng và trải nghiệm từ quá trình thẩm định iOS App Store / Google Play Store đến việc phát hành thực tế.

Những lưu ý trước khi học

Môi trường thực hành

  • Khóa học được tiến hành kết hợp Windows và MacOS.

    • Phát triển web/app thông thường và chuẩn bị triển khai có thể được thực hiện mà không gặp khó khăn gì trong môi trường Windows.

    • Quá trình build ứng dụng iOS và phân phối lên App Store yêu cầu bắt buộc môi trường MacOS + Xcode. (Cần tài khoản nhà phát triển Apple)

  • Sử dụng VS Code làm công cụ phát triển chính, đồng thời sử dụng thêm Android StudioXcode.

  • Bạn cần cài đặt Node.js, npm, Flutter SDK, và việc thiết lập môi trường cho từng hệ điều hành sẽ được hướng dẫn trong bài giảng.

Tài khoản dịch vụ và đám mây

  • Supabase, Firebase, AWS, Vercel, 토스페이먼츠 cần có tài khoản.

  • Hầu hết có thể thực hành với gói miễn phí, nhưng một số dịch vụ có thể yêu cầu đăng ký thẻ.

Kiến thức cơ bản

  • Sẽ dễ dàng hơn nếu bạn có hiểu biết cơ bản về HTML, CSS, JavaScript.

  • Nếu bạn đã từng có kinh nghiệm làm việc với React hoặc Flutter dù chỉ một lần, tốc độ học tập sẽ nhanh hơn.

Tài liệu học tập

  • Chúng tôi cung cấp tệp dự án (tệp nén) phù hợp với tiến độ của từng phần.

  • Trong phần cuối và giai đoạn kết thúc bài giảng, chúng tôi sẽ chia sẻ địa chỉ kho lưu trữ GitHub để bạn có thể xem toàn bộ mã nguồn một cách tổng quan và clone trực tiếp.

  • Ngoài ra, tóm tắt nội dung bài giảng được cung cấp qua liên kết Notion, giúp bạn có thể ôn tập lại quy trình thực hành hoặc sử dụng làm tài liệu tham khảo.

Kiến thức tiên quyết và lưu ý

  • Khóa học này không phải là khóa học ngữ pháp cơ bản. Dành cho những người đã học các kiến thức nền tảng như HTML, CSS, JavaScript, React/Flutter.

  • Phù hợp với những người đã có kinh nghiệm với các dự án toy nhỏ hoặc clone coding, nhưng lần đầu trải nghiệm toàn bộ quy trình của một dịch vụ (đăng nhập → thanh toán → triển khai).

  • Git/GitHub, kiến thức cơ bản về cơ sở dữ liệu (SQL hoặc NoSQL) thì có thể theo dõi một cách suôn sẻ.

  • "Phù hợp với các nhà phát triển junior, người mong muốn trở thành freelancer, thành viên ban đầu của startup - những người chưa có kinh nghiệm xây dựng dịch vụ tổng thể nhưng muốn học quy trình làm việc thực tế".

Những lưu ý cần thiết cho việc học tập khóa học

1. Môi trường thực hành

  • Hệ điều hành (OS): Sử dụng kết hợp Windows và macOS (phát triển thông thường dùng Windows, build và deploy ứng dụng iOS cần macOS + Xcode)

  • Công cụ sử dụng: VS Code(miễn phí), Android Studio, Xcode (bắt buộc khi phát hành iOS)

  • Cài đặt bắt buộc: Node.js, npm, Flutter SDK

  • Thông số khuyến nghị: RAM 8GB trở lên, môi trường internet ổn định

2. Tài liệu học tập

  • Giai đoạn giữa khóa học: Cung cấp file dự án nén (zip)

  • Giai đoạn kết thúc khóa học: Chia sẻ địa chỉ kho lưu trữ GitHub (có thể kiểm tra toàn bộ mã nguồn và sao chép)

  • Tham khảo thêm: Tóm tắt/Tổng hợp bài giảng được cung cấp qua liên kết Notion

3. Kiến thức tiên quyết và lưu ý

  • Khóa học này không phải là khóa học về các khái niệm cơ bản. Dành cho những người đã học cú pháp cơ bản của HTML, CSS, JavaScript, v.v.

  • Sẽ dễ dàng hơn nếu bạn có kinh nghiệm với các dự án đơn giản bằng React hoặc Flutter.

  • Sẽ tốt nếu có kiến thức sử dụng Git/GitHub và các khái niệm cơ bản về cơ sở dữ liệu (SQL/NoSQL).

  • Mặc dù không có kinh nghiệm xây dựng dịch vụ tổng thể, nhưng phù hợp với các nhà phát triển junior, người mong muốn trở thành freelancer, thành viên giai đoạn đầu của startup muốn học hỏi quy trình thực tế và quá trình triển khai.

Kết thúc

  • 🚀 Vượt qua những kiến thức cơ bản đã học, hãy cùng trải nghiệm quy trình thực tế trong công việc. Nếu hoàn thành đến cùng, chắc chắn bạn sẽ gặp được một phiên bản phát triển hơn của chính mình!

  • 💡 Đã đến lúc vượt qua những dự án nhỏ để trải nghiệm việc tạo ra một dịch vụ thực tế hoàn chỉnh. Hãy vui vẻ theo dõi đến cùng nhé.

  • 👩‍💻 Dự án từng khiến bạn bối rối khi làm một mình, giờ đây thông qua khóa học này bạn có thể hoàn thành từ đầu đến cuối. Hãy cùng thử thách nhé!

  • 🙌 Dù có vẻ khó khăn nhưng từng bước tích lũy sẽ cuối cùng hoàn thành được. Hy vọng khóa học này sẽ trở thành cơ hội mở ra bước tiếp theo cho các bạn.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người đang chuẩn bị hoặc đang thực hiện các dự án thực tế với tư cách freelancer

  • Những người muốn xây dựng MVP nhanh chóng với tư cách là thành viên ban đầu của startup

  • Nhà phát triển một mình muốn trải nghiệm từ xử lý đồng thời web và app cho đến triển khai

  • Những người muốn học quy trình dịch vụ thực tế chứ không phải chỉ là bài giảng cơ bản đơn giản

  • Những người muốn học quy trình dịch vụ thực tế (những người quan tâm đến toàn bộ quy trình hơn là code)

  • Đại diện doanh nghiệp hoặc người lập kế hoạch đang chuẩn bị xây dựng nền tảng Online Classes (LMS)

  • Những người sáng lập/đại diện muốn cụ thể hóa bản thảo ban đầu thông qua việc giao tiếp với đội phát triển, ngay cả khi không có nhiều kiến thức về phát triển

  • PM, người lập kế hoạch, hoặc nhân viên thuộc các bộ phận phi phát triển cần dẫn dắt sự hợp tác với freelancer

Cần biết trước khi bắt đầu?

  • Kiến thức cơ bản về HTML, CSS, JavaScript

  • Sẽ dễ dàng hơn nếu bạn có kinh nghiệm cơ bản với React hoặc Flutter

  • Kinh nghiệm quản lý dự án cơ bản sử dụng Git/GitHub

  • Nếu bạn là người đại diện/người lập kế hoạch, dù không hiểu sâu về phát triển trực tiếp, bạn vẫn có thể cụ thể hóa bản thảo MVP cần thiết cho việc tiến hành dự án

Xin chào
Đây là

591

Học viên

29

Đánh giá

8

Trả lời

3.9

Xếp hạng

9

Các khóa học

안녕하세요, 주식회사 럿지의 대표입니다.


저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,

개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.

 

이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.


특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.

 

완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.

Chương trình giảng dạy

Tất cả

44 bài giảng ∙ (9giờ 11phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

  • abcd123123님의 프로필 이미지
    abcd123123

    Đánh giá 326

    Đánh giá trung bình 5.0

    5

    7% đã tham gia

    • hkh7878님의 프로필 이미지
      hkh7878

      Đánh giá 3

      Đánh giá trung bình 5.0

      5

      32% đã tham gia

      Watching the actual implementation process and practicing together makes this a great lecture for getting a feel for how to effectively use AI for development. I think I also learned about what level of detail prompts should actually be written to.

      1.612.758 ₫

      Khóa học khác của ludgi

      Hãy khám phá các khóa học khác của giảng viên!

      Khóa học tương tự

      Khám phá các khóa học khác trong cùng lĩnh vực!