Flutter training

I. Dart Language (1,5 days)

Mục tiêu:

• Làm quen với cú pháp của ngôn ngữ Dart và vận dụng vào những bài toán cụ thể.
• Hiểu được những điểm đặc trưng và khác biệt của Dart và những ngôn ngữ lập trình hướng đối tượng khác.
• Nắm được và áp dụng Asynchronous Programming trong Dart.

1. Basic Dart Language

• Language tour | Tìm hiểu về ngôn ngữ lập trình Dart
• Learning Dart as a Swift developer
• Dart Pad - a tool for creating effective and engaging educational content for Dart and Flutter users.

2. Asynchronous Programming

• Async-Await | Lập trình bất đồng bộ với future, async, await
• Streams
• Streams and Futures
• Tìm hiểu về Futures và Streams

II. Flutter Tutorial (4,5 days)

Mục tiêu:

• Nắm được cơ bản về Flutter, các ưu nhược điểm, lý do tại sao chọn Flutter so với native hay các nền tảng cross-platform khác.
• Setup môi trường Flutter và chạy được app đầu tiên.
• Nắm được cơ bản và biết cách xây dựng các UI Widget trong Flutter
  • View
    • Text, Image, Button, Icon,...
  • ViewGroup
    • Container, Row, Column, Stack, Expanded, ConstrainedBox, ScrollView,...
  • Dynamic User Interface
    • ListView, GridView, ExpansionTile,...
• Hiểu được sự khác nhau giữa Stateless và Stateful Widget.
• Biết cách navigate giữa các screen.
• Biết cách làm việc với dữ liệu qua internet.
• Biết cách lưu trữ dữ liệu vào local database.

1. Flutter Introduction

• Giới thiệu về Flutter
• Mobile app cross-platform, how it works
• Flutter vs Native

2. Flutter Setup

• macOS | Windows
• Setup an Editor
• Cài đặt Flutter SDK & Hello world
• Flutter Hot Reload
• Flutter CLI

3. Flutter Tutorial

• Học Flutter từ cơ bản đến nâng cao - Series 7 phần.
• Introduction to Declarative UI
• Introduction to Widgets
• Navigation and routing
• Networking
  • Networking in flutter
  • http for networking
  • Dio- powerful HTTP client of dart
  • Flutter networking tutorial
• JSON and serialization
• Persistant
  • Store key-vaue pair
  • Sqlite database
  • hive
• Ứng dụng flutter đầu tiên

4. Demo App

Tạo 1 ứng dụng shopping

Màn Home

• Hiển thị list product - API

• Chuyển sang màn detail nếu click vào 1 sản phẩm - API

Màn Detail

• Show detail sản phẩm với hình ảnh và description.

Tham khảo UI: https://dribbble.com/shots/3071109-Converse-Product-page-with-Add-to-cart-concept

III. Flutter State Management (2,5 days)

Mục tiêu:

• Hiểu được state management là gì và biết được các state management hay được sử dụng trong Flutter.
• Hiểu và áp dụng DI vào thực tế
• Viết 1 app demo sử dụng GetX hoặc Bloc.

1. State Management

• Introduction to state management
• GetX State Management
• Bloc State Management
• GetX Tutorial
• Bloc Tutorial

2.Depenedecy Injection

• Introduction to dependency injection
• DI in flutter
• Package:
  • injectable
  • getIt

3. Demo App

Chỉnh sửa app shopping ở mục II sử dụng GetX hoặc Bloc và áp dụng DI.

IV. Flutter Environment Management

• Flutter Flavor

V. Flutter Advance

• Developing packages and plugin
• Using native code in Flutter
• Add Flutter to existing native app

Extra:

• Flutter Inspector
• Memory allocation
• Flutter performance best practices
• Flutter Modularization
• Flutter Gallery