| Thời lượng | 16 Bài giảng |
| Sở hữu khoá học | Trọn đời |
Share Khóa học FLUTTER – Social Network Newsfeed App 200Lab gồm Những Bài học mới nhất trong tháng 8/2022. Đây là khóa học cập nhật tất cả các tính năng mới nhất của ngôn Dart và framework Flutter đến thời điểm hiện tại.
Bạn sẽ học được gì trong vòng 60 ngày? Không chỉ là những kiến thức cơ bản về ngôn Dart và framework Flutter mà bạn còn tự tay xây dựng cho mình một ứng dụng Social với đầy đủ các tính năng như là: Newsfeed, Comment & Like, User Profile,…
✅ Nâng cao khả năng phân tích, tối ưu hoá giao diện và trải nghiệm người dùng.
✅ Không chỉ kỹ năng lập trình mà còn biết cách phân tích UI, kiến trúc ứng dụng và quản lý team code hiệu quả.
✅ Hiểu rõ bản chất Flutter, cách render các widget và quản lý widget.
✅ Sử dụng thành thạo các Animation cơ bản đến phức tạp, tối ưu hoá trải nghiệm người dùng và ứng dụng.
Hầu hết 80% các bạn Flutter Developer đều mắc lỗi này
Với kinh nghiệm giảng dạy và thực chiến Flutter qua nhiều năm, 200Lab hiểu được những “nổi lòng” của các bạn Flutter Dev ở trên và tạo nên khóa học Flutter Social Network Newsfeed App
Bạn sẽ học được gì trong vòng 60 ngày? Không chỉ là những kiến thức cơ bản về ngôn Dart và framework Flutter mà bạn còn tự tay xây dựng cho mình một ứng dụng Social với đầy đủ các tính năng như là: Newsfeed, Comment & Like, User Profile,…
Bên cạnh đó, khóa học còn cung cấp những kỹ năng giúp công việc lập trình của bạn trở nên hiệu quả hơn như là: Cách quản lý source code khi dự án ngày càng lớn, cách quản lý State hiệu quả, cách chia tầng để quản lý ứng dụng, cách tái sử dụng code cho nhiều dự án, cách xây dựng app từ bản design cho trước…
Ai Nên Học Khóa Học Này!
♦ Tự học Flutter nhưng vẫn không thể làm được ứng dụng như ý.
♦ Muốn tìm kiếm best practice, cách tối ưu ứng dụng Flutter.
♦ Không cần kiến thức về Native Development.
♦ Vị trí cao hơn trong ngành hoặc xây dựng team riêng.
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 programing (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 hoá 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ó description, 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 Fluter.
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
Khai giảng
Section 01: Tiêu điểm ngôn ngữ Dart – Flutter Basic Layout UI
Section 02: Lego Mindset – Thiết lập Widget để tái sử dụng cho nhiều dự án
Bài tập section 02
Section 03: Bất đồng bộ và thiết lập Model để giao tiếp dữ liệu
Section 04: Giao tiếp với BACKEND (API)
Section 05: Rendering and State Management
Section 06: State Manegment – RxDart & Flutter Bloc
Section 07: Firebase & Authentication Service
Section 08: Review Code & Xây dựng chức năng NewsFeed của Social App
Section 09: Xây dựng chức năng Like / Comment
Section 10: RenderObject & Form Validation
Section 11: Mixin
Section 12: Load More Post, Paging Repo, Pub/Sub & Reaction Comment
Section 13: Testing & CI/CD
Section 14: Open Hour, Q&A & Review CV
