Pro Flutter уроки на русском

Name: Pro Flutter уроки на русском
Rating: 4.7 (259 reviews)

Знакомство с Flutter. Основные виджеты.

Created byВадим Семенько

Last updated 11/2020

Russian

What you'll learn

Устанавливать Flutter и создавать приложения
Познакомитесь со структурой проекта на Flutter
Узнаете, что такое Stateless и Statefull виджеты
Познакомитесь с основными виджетами Container, Column, Row, ListView, GridView, PageView, BoxDecoration
Научитесь изменять шрифт и добавлять картинки в приложение
Создавать и делать релиз десктопного приложения на Flutter
Создавать собственные темы приложения на Flutter

Course content

5 sections • 17 lectures • 1h 47m total length

Установка и создание приложения6:00
В этом видео мы познакомимся с языком программирования Dart, установим фреймворк Flutter и создадим наше первое мобильное приложение.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_1
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #уроки #установка
Структура приложения4:35
В этом видео мы познакомились со структурой приложения на Flutter и поговорили о виджетах.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_2
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #уроки #структура_приложения #widgets

Stateless виджеты4:54
В этом уроке мы разобрались, что такое Stateless виджеты и создали свои.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_3
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #уроки #stateless_widget
Statefull виджеты6:37
В этом видео мы узнали что такое Stateful виджеты.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_1
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #уроки #stateful_widget
Виджет Container и BoxDecoration6:57
В этом видео мы познакомились с Container виджетом, а также научились изменять его оформление с помощью BoxDecoration.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_5
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #уроки #сontainer_widget #boxDecoration_widget
Виджеты Column и Row10:02
В этом видео мы познакомились с виджетами Column и Row. Изучили все их возможные параметры.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_6
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #column #row #уроки #widget #tutorial
Виджет ListView6:42
В этом уроке мы познакомились в виджетом ListView. Разобрали все конструкторы данного виджета. Создали бесконечный список элементов и список с разделителями.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_7
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #listview #уроки #widget #tutorial #бесконечный_список
Виджет GridView5:23
В этом уроке мы познакомились в виджетом GridView. Разобрали все конструкторы данного виджета.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_8
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #gridview #уроки #widget #tutorial
Виджет PageView6:52
В этом уроке мы познакомились в виджетом PageView. Разобрали как сделать анимированный переход между страницами. А так же разобрали все конструкторы данного виджета.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_9
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #pageview #уроки #widget #tutorial
Виджет Stack, Positioned, IndexedStack4:53
В этом видео мы научились накладывать один виджет на другой с помощью виджета Stack. Узнали как изменить расположение виджета в стеке с помощью виджета Positioned, а так же узнали, что такое виджет IndexedStack. Сделали переключение слоев в стеке с анимацией, с помощью виджета AnimatedContainer

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_14
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #виджет_stack #уроки #tutorial #виджет_indexedstack #виджет_positioned

Изменение шрифта3:20
В этом уроке мы узнали как импортировать и изменять шрифты как у всего приложения, так и у отдельных виджетов. Подключили пакет со шрифтами google_fonts

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_10
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #изменение_шрифта #уроки #widget #tutorial #import_fonts
Добавление картинок4:05
В этом уроке мы узнали как импортировать и добавлять изображения в проект. Рассмотрели все возможные конструкторы виджета Image. Добавили svg картинку с помощью пакета flutter_svg.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_11
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #добавление_картинок #уроки #widget #tutorial #add_images
Создание собственной темы приложения8:31
В этом видео мы научились создавать собственные темы приложения на flutter. Познакомились с виджетом ThemeData, узнали, как задать общие стили тексту (TextTheme), кнопкам (ButtonThemeData), иконкам (IconThemeData) и много другое.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_13
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #создание_темы #уроки #tutorial #theme #create_theme

Анонимные и именованные маршруты. Виджет Navigator (методы push, pop, pushNamed)3:55
В этом видео мы узнали как работает навигация во Flutter, познакомились с виджетом Navigator. Научились делать переход с экрана на экран и возвращаться назад, при помощи методов Navigator.push, Navigator.pop, Navigator.pushNamed.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_16
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter_navigator #flutter_навигация #уроки #tutorial
Передача параметров в конструктор, в маршруте, c помощью arguments5:24
В этом видео мы узнали, как передавать данные в конструктор, как передавать данные с помощью параметра argument в методе Navigator.pushNamed(). Научились передавать данные в маршруте с помощью onGenerateRoute.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_17
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter_navigator #flutter_навигация #уроки #tutorial

Создание и релиз десктопного приложения5:21
В этом видео мы создали, запустили и сделали релиз десктопного приложения на Flutter (Windows, Mac OS, Linux).

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_12
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter #desktop #уроки #tutorial #build_desktop #release_desktop
Создание веб-приложения. Знакомство с Firebase + Github Actions14:28
В этом видео мы узнали как создавать веб-приложения на Flutter. Узнали, что такое Firebase. Установили его и настроили автоматический деплой на хостинг Firebase с помощью Github Actions.

Youtube: https://www.youtube.com/channel/UCkIIBpXLZJLNaQRNuQ2Mwng
GitHub: https://github.com/sly13/proflutter/tree/lesson_15
Vk: https://vk.com/proflutter_ru
Telegram: https://t.me/proflutter

#flutter_web #flutter_firebase #уроки #tutorial #flutter_github_actions

Requirements

Желательно знать основы Dart, либо основы любого языка программирования

Description

Flutter представляет фреймворк от компании Google, который позволяет создавать кроссплатформенные приложения, которые могут использовать один и тот же код.

Посмотрев серию видеоуроков, вы научитесь устанавливать и создавать приложения на Flutter, узнаете что такое Stateless и Stateful компонент, а так же познакомитесь с основными виджетами для создания приложения под IOS и Android.

Who this course is for:

Разработчики, которые искали курс на русском языке, чтобы начать изучать Flutter :)

Pro Flutter уроки на русском

What you'll learn

Explore related topics

Course content

Введение2 lectures • 11min

Виджеты8 lectures • 52min

Разработка3 lectures • 16min

Маршрутизация и навигация2 lectures • 9min

Бонус. Создание desktop и web-приложений на Flutter2 lectures • 20min

Requirements

Description

Who this course is for: