Flutter Codelabs

Flutter Codelabs кодовые лаборатории
Flutter Codelabs кодовые лаборатории

Предлагаем серию бесплатных семинаров в виде кодовых лабораторий (Flutter Codelabs), которые вы можете использовать, чтобы улучшить свои знания в разработке Flutter приложений. Codelabs — это уроки с кодом и пошаговыми инструкциями для начинающих разработчиков, которым нужно закрепить на практике полученные знания о языке программирования Dart и фреймворке Flutter.

Макет Flutter приложения (часть 1)

Набор кодовых лабораторий Flutter, специально созданных, чтобы вы могли быстрее освоить Flutter. Разработайте 3х — страничное приложение Flutter (Mounts of the World) с помощью Dartpad.

создать простой экран заставку для Flutter-приложений
создать простой экран заставку для Flutter-приложений

Что вы построите на этом семинаре:

  • Простое 3-страничное приложение Flutter / Mounts of the World (заставка, целевая страница, страница сведений)
  • С легкостью создавайте пользовательские интерфейсы Flutter
  • Общие стратегии макета Flutter с использованием только основных виджетов
  • Создание настраиваемых виджетов Flutter и достижение композиции виджетов
  • Создание моделей Dart для создания макетов данных приложений
  • Импортировать сетевые образы
  • Использование шрифтов Material Icon
  • Базовые стратегии навигации

Освойте макеты пользовательского интерфейса во Flutter в этой обширной кодовой таблице. Узнайте, как создать простой экран заставку для Flutter-приложений.

Узнайте, как создать целевую струницу приложения.

Завершите эту серию кодовых лабораторий, создав страницу с подробностями созданного приложения.

Макет Flutter приложения (часть 2)

Набор кодовых лабораторий Flutter, специально созданных, чтобы вы могли быстрее освоить Flutter. Разработайте 3-страничное приложение Flutter (Мосты мира).

Flutter Codelabs для создания Flutter-приложения Bridges of the World
Flutter Codelabs для создания Flutter-приложения Bridges of the World

Что вы построите на этом семинаре:

  • Простое 3-страничное приложение Flutter / Мосты мира (целевая страница / дополнительные лабораторные работы: экран-заставка и страница сведений)
  • С легкостью создавайте пользовательские интерфейсы Flutter
  • Общие стратегии макета Flutter с использованием только основных виджетов
  • Создание настраиваемых виджетов Flutter и достижение композиции виджетов
  • Создание моделей Dart для создания макетов данных приложений
  • Импортировать сетевые образы
  • Использование шрифтов Material Icon

Создайте целевую страницу 3х страничного приложения, изучая стратегии компановки Flutter

Создайте страницу сведений и узнайте, как создавать собственные виджеты и добиваться композиции виджетов.

Создайте заставку Flutter App и узнайте подробнее о Futures и основных метадах навигации.

Flutter Codelabs / Создание макетов во Flutter (часть 3)

Кодовая лаборатория, предназначенная для проведения урока по игре в рулетку с кодированием, в котором участники по очереди кодируют часть кодовой таблицы в сеансе под руководством инструктора.

Простое 3-страничное приложение Flutter / Paradise
Простое 3-страничное приложение Flutter / Paradise

Что вы построите на этом семинаре:

  • Простое 3-страничное приложение Flutter / Paradise (Splash Page, Landing Page, List Page)
  • С легкостью создавайте пользовательские интерфейсы Flutter
  • Общие стратегии макета Flutter с использованием только основных виджетов
  • Создание настраиваемых виджетов Flutter и достижение композиции виджетов
  • Создание моделей Dart для создания макетов данных приложений
  • Импортировать сетевые образы
  • Использование шрифтов Material Icon

Создайте страницу-заставку приложения с помощью DartPad

Создайте страницу списка, узнайте о Listviews и заполните его пользовательскими виджетами карточек

Узнайте о виджетах с отслеживанием состояния, создав нижнюю панель навигации для этого приложения.

Создайте целевую страницу для этого приложения, узнайте об основной навигации во Flutter

Code Roulette Edition / Архитектура ваших приложений Flutter (часть 4)

Изучая эту серию кодовых лабораторий, вы узнаете, как эффективно проектировать свои приложения, добавляя им приятный штрих с помощью анимации.

приложение спроектированное во Flutter
приложение спроектированное во Flutter

Что вы построите на этом семинаре:

  • Простое, но хорошо спроектированное приложение Flutter, состоящее из: страницы-заставки, целевой страницы, страницы сведений, корзины покупок, страницы избранного.
  • С легкостью создавайте пользовательские интерфейсы Flutter
  • Общие стратегии макета Flutter с использованием только основных виджетов
  • Создание настраиваемых виджетов Flutter и достижение композиции виджетов
  • Создание моделей Dart для создания макетов данных приложений
  • Импортировать сетевые образы
  • Использование шрифтов Material Icon
  • Управление состоянием с использованием провайдера для разделения бизнес-логики компонентов (BLoC)
  • Анимация во Flutter с использованием основных анимированных виджетов и анимации
  • Виджеты с отслеживанием и без сохранения состояния

Создайте страницу-заставку приложения Donut Shop

Создайте целевую страницу, box и виджет нижней панели, узнайте о ListViews, заполните его пользовательскими виджетами карточек, а также вложенной навигацией

Узнайте об управлении состоянием с помощью провайдера, а также о навигации

Создайте корзину для этого Flutter-приложения, узнайте о настраиваемых виджетах и многом другом в анимированных списках.

Обучающие Codelabs по Flutter от Google

источник: romanjustcodes.web.app