Вы изучите основы языка Dart и фреймворк Flutter, сможете создавать кроссплатформенные приложения под разные платформы: iOS, Android, Web.

Научитесь решать бизнес-кейсы, поймёте принципы коммерческой разработки и будете готовы
к работе над реальными проектами.

от Flutter-
команды Surf

Практический
онлайн-курс

Что вам даст курс

Вы увидите, как связаны прикладные задачи и теория разработки

Будете готовы к работе
на реальных проектах

Научитесь применять фреймворк Flutter для решения бизнес-задач

Поймёте, как превращать задачу от заказчика в работающий продукт

Разовьёте творческий подход к решению задач и научитесь самостоятельно решать задачи

Получите полезные знакомства благодаря работе с другими студентами и менторами Surf

Программа курса на 4 месяца

Курс делится на две части: обзорная и практическая

Первая часть

В первой части курса мы даём вам основу Dart и Flutter. Она похожа на многие другие программы других курсов, поскольку без этой базы вы не сможете приступить к самой интересной части разработки приложений. Здесь у вас будут небольшие задачи, много теории и общение с менторами.

Pubspec. Подключение сторонних библиотек

Работа с ресурсами

Интерактивность: нажатия и жесты

StatefulWidget

Обзор минимального Flutter-проекта

Введение во Flutter

Система контроля версий git

Преобразования коллекций. Map, Where, Any, Every и их друзья

Null Safety

Generics

Классы. Наследование

Функция как объект

Операторы и control flow

Классы. Базовое понятие

Введение в коллекции

Создание консольного проекта

Обзор языка программирования Dart 2 и Dart 3

17

16

15

14

13

12

11

10

09

08

07

06

05

04

03

02

01

Вторая часть

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

Map

Алгоритмы

List

Модальные
окна

ListView

02.

Палитра цветов для клиентов предприятия, производящего фирменные аксессуары из пластика

Палитра цветов

FutureBuilder

Future

GridView

Парсинг
JSON

03.

Учимся подстраиваться
под тему смартфона

Смена темы

Локальное
хранилище

Тема приложения.
ThemeExtension

ThemeData

WidgetsBinding
Observer

Паттерны проектирования.
Наблюдатель

InheritedWidget

WidgetsApp
корень вашего приложения

Модальные окна.
BottomSheet,
Dialog

04.

Несколько экранов из известного
приложения для обмена фотографиями

Галерея фотографий

GridView

Image

PageView

Navigator.
Базовая навигация

Работа
с ресурсами

Интерактивность:
нажатия и жесты

05.

Это секрет…

Магический шар

Future

Анимация.
Неявные анимации

Сетевое взаимодействие с Dart.
Краткий обзор

06.

Здесь вы получите необходимый опыт для начинающего разработчика в разработке анкет с формами для отправки

Сбор информации
о питомцах

ListView

Базовый State-
менеджмент

TextEditing
Controller

TextField

Checkbox

Focus

Radio

01.

Вам предстоит разработать модуль приложения для известной сети магазинов

Приложение «Покупки
для Покупочки»

Вторая часть

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

Учимся подстраиваться под тему смартфона

Смена темы

Тема приложения. ThemeExtension, ThemeData, WidgetsApp корень вашего приложения, Модальные окна. BottomSheet, Dialog, WidgetsBindingObserver, InheritedWidget, Паттерны проектирования. Наблюдатель

03

02

01

Палитра цветов для клиентов предприятия, производящего фирменные аксессуары из пластика

Парсинг JSON, GridView, Future, FutureBuilder

Палитра цветов

Map, Алгоритмы, List, ListView, Модальные окна

Приложение «Покупки для Покупочки»

Вам предстоит разработать модуль приложения для известной сети магазинов

Несколько экранов из известного приложения для обмена фотографиями

Галерея фотографий

Navigator. Базовая навигация, Image, Интерактивность: нажатия и жесты, Работа с ресурсами, PageView, GridView

04

Это секрет…

Магический шар

Future, Анимация. Неявные анимации, Сетевое взаимодействие с Dart. Краткий обзор,

05

Сбор информации о питомцах

ListView, Базовый State-менеджмент, TextEditingController, Checkbox, Radio, Focus, TextField

Здесь вы получите необходимый опыт для начинающего разработчика в разработке анкет с формами для отправки

06

Курс разрабатывали
лучшие разработчики в Surf

Опытный спикер, один из авторов первой версии курса по Flutter, создатель Flutter Dev Podcast, глава отдела Flutter в Surf

Евгений Сатуров

Соведущий Flutter Dev Podcast, Engineering Manager во Flutter-отделе Surf

Марк Абраменко

внедрили Flutter в коммерческую разработку — в 2019 году, когда вышел первый стабильный релиз фреймворка

Одними из первых
в России

его используют Flutter-разработчики по всему миру

Создали инструментарий
SurfGear

по вкладу в хаб Flutter на Хабре — по состоянию на май 2023

Занимаем 1 место

крупных банковских, е-ком и развлекательных приложений. Наверняка они есть в вашем смартфоне

Опыт в разработке

разработали по всему миру

30+ Flutter-приложений

Что говорят о нас студенты

Flutter-разработчик

Татьяна

Как только стартовал набор на курс у Surf записалась сразу не раздумывая, так как компания является экспертом в этой области. Курс для тех, кто не ленится и не опускает руки, когда что-то не получается. А опытные наставники поправят и направят в нужном направлении.

Flutter-разработчик

Влас

Большой упор на практику, код ревью от тимлидов surf, и это очень круто. В каждой домашке отписывают более правильный код стайл, лучшие подходы, отучают от го@нокода и всё в таком духе. Действительно стремятся сделать с вас хорошего разработчика!

Flutter-разработчик

Кирилл

Домашние задания сдаются пулл реквестами. Проверяют их по-взрослому - от соответствия макету в figma, до стиля кода. Смотрят код внимательно, замечают разные сомнительные архитектурные решения, проблемы с производительностью, подсказывают как сделать лучше.

Flutter-разработчик

Ярослав

Основная ценность курса именно в людях, которые с тобой поддерживают обратную связь, дают комментарии, объясняют. Я до сих пор пользуюсь знаниями, которые получил на код-ревью. Опираюсь на это, когда объясняю другим, почему так правильно, а по-другому неправильно.

Фидбек от практикующих
разработчиков

Студенты не остаются один на один с теорией и заданиями: на протяжении всего обучения их сопровождают менторы

Ментор — это по сути то же самое, что тимлид на реальном проекте. Он делает ревью кода, подсказывает, как сделать лучше, даёт рекомендации и делится лучшими практиками.

Записаться на курс

Не пересказываем документацию

Ценность курса —
не в предоставлении «тайных» знаний в виде пересказа документации, а в опыте, который мы даём студенту. Этот опыт приходит через взаимодействие с менторами — реальными разработчиками, которые выступают в роли «тимлидов» для студентов.

Курс построен
на базе опыта Flutter-команды Surf

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

Покажем, какой Flutter на самом деле

В реальном приложении не нужно рисовать абстрактные квадратики и кружочки, зато есть работа с сетью, UI, сложными списками, пагинацией, хранилищами данных и многим другим.

В ходе курса мы будем делиться best practices и лайфхаками в написании кода. Всё это — на основе проблем, которые мы часто отлавливаем на код-ревью у джуниоров. Не просто дадим инструмент, но расскажем, как им правильно пользоваться именно на текущем этапе развития.

Начать учиться

Упор на практику

Студенты решают кейсы из практики коммерческой разработки: это помогает подготовиться к реальной работе и не теряться перед разными задачами.

Каждая задача оформлена в виде «письма от клиента»: как будто пишет реальный заказчик и наша задача — помочь ему решить бизнес-проблемы.

Студенты получают ассеты, макеты в Figma. Дизайнеры делают красивые макеты, студент должен их реализовать. Результат должен соответствовать бизнес-требованию: за этим следят менторы.