Khóa học "FLUTTER – Social Network Newsfeed App – 200Lab – Tùng Đường – Sơn Đào" được thiết kế nhằm cung cấp cho người học những giải pháp kiến trúc ứng dụng hiệu quả, đồng thời giúp xử lý những vấn đề phổ biến mà hầu hết các lập trình viên Flutter thường gặp phải trong quá trình phát triển ứng dụng.
Hãy không để số lượng mục hiển thị trên màn hình làm cho ứng dụng của bạn trở nên chậm chạp, tốn năng lượng và tài nguyên. Tham gia khóa học này, bạn sẽ học cách khắc phục lỗi nhanh chóng và tối ưu mã nguồn để có thể sử dụng lại cho các chức năng và màn hình tương tự trong các dự án khác.
Khóa học còn tập trung vào việc phân tích giao diện người dùng và các thành phần, giúp cho việc viết mã trở nên chính xác và thiết kế trở nên hấp dẫn hơn. Hãy tham gia ngay để học hỏi từ những kinh nghiệm thực tiễn trong lĩnh vực Flutter, được tích lũy qua nhiều năm, và biến những ý tưởng của bạn thành những ứng dụng xuất sắc!
Khóa học "FLUTTER - Social Network Newsfeed App" không chỉ nâng cao khả năng phân tích, tối ưu giao diện và trải nghiệm người dùng của bạn, mà còn giúp bạn hiểu sâu hơn về bản chất của Flutter, cách hiển thị các thành phần và quản lý chúng một cách hiệu quả. Bạn cũng sẽ trở thành chuyên gia trong việc sử dụng các hiệu ứng chuyển động từ cơ bản đến phức tạp, nhằm cải thiện trải nghiệm người dùng và hiệu suất của ứng dụng của mình.
Nếu bạn mong muốn nâng cao kỹ năng lập trình và phát triển ứng dụng di động chuyên nghiệp, hãy đăng ký ngay khóa học "FLUTTER - Social Network Newsfeed App" để bắt đầu hành trình học tập ngay hôm nay!
TOPIC 1: Tiêu điểm ngôn ngữ Dart – Flutter Basic Layout UI
Kiến thức cơ bản của ngôn ngữ Dart & Dart Sound Null Safety.
Giới thiệu Flutter 2.0: Từ Mobile App đến xây dựng Universal App với Flutter.
Các Widget cơ bản: Column, Row, Stack, Positioned, Expanded,…
Phân tích và giải quyết challenge đầu tiên: dựng lại UI theo màn hình cho trước.
Hướng dẫn Debug Flutter App.
TOPIC 2: App Architecture & Lego Mindset: Thiết lập Widget & cấu trúc folder để tái sử dụng cho nhiều dự án
Hướng dẫn Lego Mindset khi xây dựng giao diện.
Làm việc, đọc hiểu các thông số & phân tích UI từ bản Design (200Lab cung cấp).
Hướng dẫn phân tích các Component dùng chung trong ứng dụng.
Bonus: Kinh nghiệm khi nào dùng nhiều Widget phối hợp, khi nào phải kế thừa.
TOPIC 3: Bất đồng bộ và thiết lập Model để giao tiếp dữ liệu
Hiểu rõ cơ chế bất đồng bộ trong ngôn ngữ Dart (Async – Await – Future).
Cách parse, convert JSON qua model và ngược lại.
Xây dựng các model trong app với các JSON cho trước.
Model (Serializing and Deserializing).
TOPIC 4: Giao tiếp với BACKEND (API)
Giới thiệu cơ chế hoạt động giữa Backend & Client (Mobile App).
Hướng dẫn cách sử dụng Postman để chạy thử API.
Thư viện http: Giới thiệu, cách sử dụng, chạy thử code & xây dựng http service.
Thư viện dio: Giới thiệu, cách sử dụng, chạy thử code.
So sánh cách sử dụng và làm việc giữa Dio vs http.
TOPIC 5: Hiểu rõ Flutter Widget & State Management: BLoC pattern vs RxDart
Hiểu rõ cách hoạt động của Flutter Widget thông qua: Widget Tree, Element Tree, RenderObject Tree.
Giới thiệu State Management trong Flutter.
Reactive programming (RxDart) trong Flutter.
Giới thiệu, làm việc với BLoC pattern và apply vào dự án.
TOPIC 6: Giới thiệu Firebase – Xây dựng chức năng Authentication & thiết lập Router cho ứng dụng
Abstract hóa tầng AuthenticationService để tương thích với nhiều kiểu đăng nhập và tái sử dụng trong nhiều dự án.
Thiết lập Router để điều hướng người dùng: mới tải app lần đầu, chưa đăng nhập, đã đăng nhập.
Giới thiệu Firebase và cách gắn Firebase vào nền tảng Android, iOS.
Hướng dẫn đăng nhập Gmail.
TOPIC 7: Xây dựng chức năng NewsFeed của Social App
Giao tiếp với hệ điều hành để truy xuất hình ảnh trong thiết bị.
Khởi tạo bài Post: chỉ có dedivion, 1 hình và nhiều hình ảnh.
Hiển thị danh sách bài viết.
Thực hiện layout bài viết như Facebook: 1 hình, 2 hình, 3 hình, 4 hình, 5 hình.
Quản lý trạng thái upload ảnh.
Bonus: Load more bài viết khi User scroll gần hết bài viết trong danh sách mà không cần hiện loading.
TOPIC 8: Xây dựng chức năng Comment & Like bài viết, validate form
Thực hiện chức năng Comment vào bài viết bất kỳ.
Hiển thị danh sách Comment.
Thực hiện chức năng Like/Unlike bài viết bất kỳ.
Chia sẻ “bí kíp” sử dụng StatefulWidget để tối ưu performance ứng dụng khi thực hiện chức năng này.
Bonus: Reaction Comment giống Facebook & danh sách User reaction.
TOPIC 9: Navigation 2.0 & thực hiện chức năng push Notification
Sử dụng Firebase Cloud Messaging để thực hiện chức năng push thông báo đến người dùng.
Tìm hiểu & thực hiện Flutter Navigation 2.0.
Sử dụng các Advanced Widget & tìm hiểu cách thực hiện Responsive layout.
TOPIC 10: Animations trong Flutter
Hiểu rõ các Animation cơ bản trong Flutter.
Thực hiện các fancy Animation khi chuyển màn hình.
TOPIC 11: Native Communication
Làm thử 1 module kết nối từ Android Native & iOS Native đến Flutter.
Hiểu rõ cơ chế giao tiếp & các cách giao tiếp khác nhau giữa Flutter & native.
TOPIC 12: Testing & CI/CD
Nắm rõ các khái niệm cơ bản về Testing.
CI / CD trong Flutter.