Khóa Học FLUTTER – Social Network Newsfeed App 200Lab

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.

Nội Dung Khóa Học

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

Nội Dung Video Khóa Học

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