Khóa Học Pro xin hân hạnh chia sẻ Khóa Học FLUTTER – Social Network Newsfeed App – 200Lab – Tùng Đường – Sơn Đào
Xin lưu ý: Nếu bạn có điều kiện, hãy mua khóa học gốc để ủng hộ tác giả và đội ngũ làm khóa học để họ có thể mang tới nhiều hơn những khóa học chất lượng nhé!
Tóm Tắt Khóa Học:
Khóa học "FLUTTER – Social Network Newsfeed App – 200Lab – Tùng Đường – Sơn Đào" của 200Lab cung cấp giải pháp kiến trúc ứng dụng hiệu quả và xử lý các vấn đề thường gặp mà đa phần các lập trình viên Flutter gặp phải.
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. Với 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ự.
Khóa học cũng 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 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 từ những kinh nghiệm thực tiễn trong lĩnh vực Flutter được tích luỹ qua nhiều năm và tạo ra các ứ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. 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" để học hỏi ngay hôm nay!
Với khóa học này, bạn sẽ học đượ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ó 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 Fluter.
Thực hiện các fancy Animation khi chuyển màn hìnhTOPIC 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 & nativeTOPIC 12: Testing & CI/CD
Nắm rõ các khái niệm cơ bản về Testing.
CI / CD trong Flutter
Danh sách bài học:
Cảm ơn bạn vì đã chăm chỉ học tập. Khóa Học Pro xin chúc bạn học tập tốt và áp dụng hiệu quả những kiến thức đã học để tạo ra thêm nhiều giá trị cho bản thân, tổ chức, cộng đồng và xã hội nhé!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
