강의

멘토링

로드맵

NEW
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

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.

11 học viên đang tham gia khóa học này

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

Dịch cái này sang tiếng Việt

  • 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

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 cùng với Elevenlabs

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

Nền tảng giảng dạy trực tuyến 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.

💡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 để 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: Đề cập đến 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ú: Sơ đồ kiến trúc, ảnh chụp quá trình triển khai, màn hình ứng dụng thực tế và các giải thích tập trung vào tài liệu trực quan để hỗ trợ hiểu bài.


💡 Đặ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 và các stack khác thường được dùng trong môi trường freelancer và startup 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ỉ dành cho freelancer và 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à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ế.

Tôi khuyên dùng cho những người như thế này

Tôi muốn trở thành một 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 tạo MVP một cách nhanh chóng.

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

Tôi muốn tìm hiểu 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 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 phê duyệt của cửa hàng ứng dụng, đồng thời triển khai dịch vụ cho 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 tới 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 vào portfolio của mình.

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

  • Bạn sẽ trực tiếp triển khai các tính năng như đă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ữ 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à các 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 lớn hơn.

Bạn sẽ học những nội dung như thế này.

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

Vượt ra ngoài việc triển khai giao diện đơn giản, 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.

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ế bằng cách 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 điều cần 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át hành 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 kết hợp thêm Android StudioXcode.

  • 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 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 khởi nghiệp giai đoạn đầu - 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 trên 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 triển khai iOS)

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

  • Thông số khuyến nghị: RAM từ 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 hoàn thành 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/Chính lý 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. Khóa học này dành cho những người đã học các cú pháp cơ bản như HTML, CSS, JavaScript.

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

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

  • Mặc dù chưa có kinh nghiệm xây dựng dịch vụ tổng thể, nhưng phù hợp với các junior developer, 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ế. 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 xây dựng toàn bộ một dịch vụ thực tế. 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à

488

Học viên

21

Đánh giá

8

Trả lời

4.2

Xếp hạng

8

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á

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Ưu đãi có thời hạn

85.800 ₫

70%

5.988.358 ₫

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!