Tổng cộng:
[masp]khoa_hoc_flutter200lab[/masp]
[giaban]0đ[/giaban]
[tinhtrang]Còn hàng[/tinhtrang]
[chitiet]Share Khóa Học Flutter – Social Network Newsfeed App Của 200LabGiới thiệu khóa học Xin chào các bạn, hôm nay Minutop xin Chia Sẻ Khóa Học Flutter – Social Network Newsfeed App Của 200Lab.Hầu hết 80% các bạn Flutter Developer đều mắc lỗi nàyỨng dụng của bạn ngày càng phát triển nhưng bạn lại không biết kiến trúc ứng dụng phù hợp.Có nhiều item hiển thị trên màn hình khiến app bạn bị lag, tốn pin, tốn ram…Việc fix bug tốn thời gian, bug mẹ đẻ bug con.Nhiều chức năng, màn hình giống nhau nhưng lại không thể tái sử dụng code.Design siêu đẹp nhưng code ra không chính xác hoặc thậm chí không biết phân tích UI => Widget.Khóa học sẽ giúp bạnNâ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.
[giaban]0đ[/giaban]
[tinhtrang]Còn hàng[/tinhtrang]
[chitiet]
Share Khóa Học Flutter – Social Network Newsfeed App Của 200Lab
Giới thiệu khóa học
Xin chào các bạn, hôm nay Minutop xin Chia Sẻ Khóa Học Flutter – Social Network Newsfeed App Của 200Lab.
Hầu hết 80% các bạn Flutter Developer đều mắc lỗi này
Ứng dụng của bạn ngày càng phát triển nhưng bạn lại không biết kiến trúc ứng dụng phù hợp.
Có nhiều item hiển thị trên màn hình khiến app bạn bị lag, tốn pin, tốn ram…
Việc fix bug tốn thời gian, bug mẹ đẻ bug con.
Nhiều chức năng, màn hình giống nhau nhưng lại không thể tái sử dụng code.
Design siêu đẹp nhưng code ra không chính xác hoặc thậm chí không biết phân tích UI => Widget.
Khóa học sẽ giúp bạn
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.
Ai nên tham gia khóa họcTự 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.Có đam mê với lập trình ứng dụng trên di động.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.Tất cả ai có nhu cầu họcHọc Lập Trình Thông Qua Dự ÁnTỰ XÂY DỰNG APP SOCIAL NETWORK NEWSFEED APP TRONG VÒNG 60 NGÀYKhô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 tham gia khóa học
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.
Có đam mê với lập trình ứng dụng trên di động.
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.
Tất cả ai có nhu cầu học
Học Lập Trình Thông Qua Dự Án
TỰ XÂY DỰNG APP SOCIAL NETWORK NEWSFEED APP 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…
Nội dung khóa họcTOPIC 1: Tiêu điểm ngôn ngữ Dart - Flutter Basic Layout UIKiế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ự ánHướ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ụngBonus: 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ệuHiể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 RxDartHiể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ụngAbstract 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 AppGiao 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 formThự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 NotificationSử 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 FlutterHiể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.Flutter Topic 16@2xTOPIC 11: Native CommunicationLà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 & nativeFlutter Topic 17@2xTOPIC 12: Testing & CI/CDNắm rõ các khái niệm cơ bản về Testing.CI / CD trong Flutter.BONUS: CÁC KỸ NĂNG KHÁCThực hiện các Pub/sub để lắng nghe các thay đổi trong ứng dụng.Abstract hoá với Mixin, Generic để tái sử dụng các tầng giao tiếp.Chia sẻ cách thức tối ưu ứng dụng khi scrolling.Giới thiệu và hướng dẫn các phương thức testing trong Flutter.Xây dựng CV để ứng tuyển vị trí Flutter (có hỗ trợ review trainee, interview thử).Nội dung video khóa họcKhai giảng, hỏi đáp trực tiếp & chia sẻ từ MentorKhai giảng (FS01) 01:36:56Open Hour: Q&A & Review CV (FS01) 01:56:46Bộ video record Khai giảng 01:36:56Section 01: Tiêu điểm ngôn ngữ Dart – Flutter Basic Layout UI 01:45:24Section 02: Lego Mindset – Thiết lập Widget để tái sử dụng cho nhiều dự án 02:14:29Bài tập section 02 00:02:43Section 03: Bất đồng bộ và thiết lập Model để giao tiếp dữ liệu 01:51:03Section 04: Giao tiếp với BACKEND (API) 01:52:05Section 05: Rendering and State Management 02:04:58Section 06: State Manegment – RxDart & Flutter Bloc 02:08:28Section 07: Firebase & Authentication Service 02:05:29Section 08: Review Code & Xây dựng chức năng NewsFeed của Social App 02:06:47Section 09: Xây dựng chức năng Like / Comment 01:47:22Section 10: RenderObject & Form Validation 02:17:25Section 11: Mixin 01:29:38Section 12: Load More Post, Paging Repo, Pub/Sub & Reaction Comment 01:45:30Section 13: Testing & CI/CD 02:02:27Section 14: Open Hour, Q&A & Review CV 02:00:26
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.
Flutter Topic 16@2x
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
Flutter Topic 17@2x
TOPIC 12: Testing & CI/CD
Nắm rõ các khái niệm cơ bản về Testing.
CI / CD trong Flutter.
BONUS: CÁC KỸ NĂNG KHÁC
Thực hiện các Pub/sub để lắng nghe các thay đổi trong ứng dụng.
Abstract hoá với Mixin, Generic để tái sử dụng các tầng giao tiếp.
Chia sẻ cách thức tối ưu ứng dụng khi scrolling.
Giới thiệu và hướng dẫn các phương thức testing trong Flutter.
Xây dựng CV để ứng tuyển vị trí Flutter (có hỗ trợ review trainee, interview thử).
Nội dung video khóa học
Khai giảng, hỏi đáp trực tiếp & chia sẻ từ Mentor
Khai giảng (FS01) 01:36:56
Open Hour: Q&A & Review CV (FS01) 01:56:46
Bộ video record Khai giảng 01:36:56
Section 01: Tiêu điểm ngôn ngữ Dart – Flutter Basic Layout UI 01:45:24
Section 02: Lego Mindset – Thiết lập Widget để tái sử dụng cho nhiều dự án 02:14:29
Bài tập section 02 00:02:43
Section 03: Bất đồng bộ và thiết lập Model để giao tiếp dữ liệu 01:51:03
Section 04: Giao tiếp với BACKEND (API) 01:52:05
Section 05: Rendering and State Management 02:04:58
Section 06: State Manegment – RxDart & Flutter Bloc 02:08:28
Section 07: Firebase & Authentication Service 02:05:29
Section 08: Review Code & Xây dựng chức năng NewsFeed của Social App 02:06:47
Section 09: Xây dựng chức năng Like / Comment 01:47:22
Section 10: RenderObject & Form Validation 02:17:25
Section 11: Mixin 01:29:38
Section 12: Load More Post, Paging Repo, Pub/Sub & Reaction Comment 01:45:30
Section 13: Testing & CI/CD 02:02:27
Section 14: Open Hour, Q&A & Review CV 02:00:26
Review Khóa Học Flutter – Social Network Newsfeed App Của 200LabKhóa học 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…[/chitiet]Share Khóa Học Flutter – Social Network Newsfeed App Của 200Lab
Review Khóa Học Flutter – Social Network Newsfeed App Của 200Lab
Khóa học 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…
[/chitiet]
Share Khóa Học Flutter – Social Network Newsfeed App Của 200Lab |