300+ часов практики

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Первая часть

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

Знакомство с Dart

Знакомство с Flutter

Вторая часть

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

Map

FutureBuilder

Future

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

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

ThemeData

WidgetsBinding
Observer

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

InheritedWidget

GridView

PageView

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

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

Future

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

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

ListView

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

TextEditing
Controller

TextField

Checkbox

Focus

Radio

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

Image

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

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

GridView

Парсинг
JSON

Алгоритмы

List

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

ListView

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

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

01.

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

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

02.

Смена темы

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

03.

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

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

04.

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

Это секрет…

05.

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

06.

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

01

02

03

04

05

06

Вторая часть

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

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

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

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

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

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

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

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

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

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

Смена темы

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

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

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

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

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

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

Это секрет…

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

Один день из жизни студента

Ох, мне что-то непонятно. Обращаюсь в общем чате к менторам, которые доступно объясняют сложные вопросы

Захожу на платформу для обучения. В ней проходит общение с ментором, а также лежат все доступные материалы: теория, записи живых лекций и вебинаров, тестирование и задания

Знакомлюсь с текстовой теорией: советами от практикующих Flutter-разработчиков в Surf, ссылками на полезные ресурсы

Смотрю запись живой лекции, которую пропустил в прошлую среду

Прохожу тесты по теории для самопроверки. Теперь я готов к выполнению задания

Выполняю задание. В процессе я также могу обращаться к менторам за помощью

Вечером прихожу на живую лекцию или лайв-кодинг от одного из специалистов Surf

Живые лекции и сессии вопрос/ответ проводятся каждую неделю. Запись остаётся у вас, пока вы проходите курс.

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

Отправляю задание на проверку и могу быть уверен, что задание проверят в течение 48 часов. В это время я могу перейти к следующему заданию

01

07

04

02

08

05

03

09

06

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

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

Александр Мартынов

Сергей Паршонок

Кирилл Еремин

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

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

Flutter-разработчик в Surf, амбассадор Surf Flutter Team

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

Flutter-разработчик в Surf, Ответственный за стажировки в отделе

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

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

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

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

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

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

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

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

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

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

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

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

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

Татьяна

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

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

Влас

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

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

Кирилл

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

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

Ярослав

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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