Курс верстки на Webflow
Привет! Мы в Embacy сделали больше сотни сайтов на Webflow и считаем его лучшим no‑code инструментом. Присоединяйся к нашему интенсивному курсу, где всего за месяц мы научим тебя верстать pixel-perfect сайты.
Плюсы Webflow
Сайты уровня Awwwards
Сложносочиненные анимации
Адаптивные и быстрые сайты
CMS и редактор
Комьюнити
Быстрая и простая сборка
О формате
Курс важен для Embacy. Мы рассчитываем привлекать лучших ребят на вёрстку наших проектов.
Задача курса — обучить навыку верстке сайтов на Webflow. Если вы отлично справитесь с домашними заданиями и не сможете найти работу или заказы - пишите мне в тг: @orlowadim. Обещаю, что мы разберем ваш случай и постараемся помочь.
Также обещаю, что трем лучшим выпускникам мы дадим верстать наши проекты на коммерческой основе
Вадим
Для меня важно, чтобы каждый из участников курса освоил инструмент и получил те знания, которые сможет спокойно применять на практике.
Когда я записывал курс, продумывал каждый этап таким образом, чтобы было понятно даже новичку, тому, кто ни разу не сталкивался с кодом. При этом были учтены важные моменты верстки, такие как семантическая разметка, оптимизация изображений, порядок заголовков и другие. Я собрал все ключевые аспекты, которые зачастую не освещают в других курсах, но они важны для правильной верстки и быстрой загрузки и работы сайта.
Таким образом обучения достаточно, чтобы ты смог работать webflow-разработчиком. После первого потока часть ребят окупила курс еще во время его прохождения, лучшие ученики получили работы от нас, а некоторые трудоустроились в другие компании.
Артём
Работы студентов
«Для меня очень важны были некоторые производственные моменты, о которых я бы вряд ли узнала, находясь на фрилансе. Это такие вещи, как: подготовка сайта к верстке, оптимизация картинок, порядок заголовков, что такое семантическая верстка и еще много таких мелких технических моментов, но которые на самом деле очень важны.»
Видео-отзыв
Дарья Джумеля
«У меня были знания, но этого объема не хватало для решения полноценных рабочих задач по Webflow. Эти знания я получал, как и многие, из Ютуба и из других источников, но не было структуры. Курс устроен таким способом, что новичок может достаточно быстро разобраться в основах верстки.»
Видео-отзыв
Антон Шишкин
«Могу сказать одно: я с Webflow вообще никогда раньше дела не имел, вообще не знал, что это такое. С Webflow познакомился буквально за неделю до курса. Могу отметить то, как Артем подает материал: понятно все, он верстает, по большому счету, вместе с вами. От него идет постоянный фидбэк, когда вам надо.»
Видео-отзыв
Александр Машьянов
«Особое спасибо Артему за то, что отвечал в очень позднее время. Я ему периодически писал после 2 утра и он мне отвечал. Практически поддержка была 24/7, так что материал я смог усвоить с уверенностью и даже еще до того, как закончил курсы, я уже отбил полную стоимость за счет того, что нашел проект верстки на Webflow.»
Видео-отзыв
Евгений Тилипман
«Я веб-дизайнер больше года и до этого времени не была знакома с версткой, но даже для таких людей, как я, подача Артема настолько проста и доступна, что к концу курса я смогла сделать настоящий коммерческий проект, взять клиента на Webflow, сразу отбить курс и заработать даже больше.»
Видео-отзыв
Екатерина Тамбовцева
Для кого
Как проходит процесс обучения
Наша общая задача — чтобы после месяца обучения у тебя было два сверстанных проекта. Первый — тренировочный, подготовленный нами, второй — твой личный.
Объемные видеоуроки
Домашние задания внутри Webflow
Разбор домашек на вебинарах
Групповые созвоны с объяснением сложных моментов
Кто обучает
Наши работы
Reload Motors
Германия, технологический стартап в области экологичного транспорта
Heartcore
Дания, венчурный фонд
Vauban
Великобритания, финтех компания
Skyeng
Россия, онлайн-школа английского языка
SaaS Labs
США-Индия, компания-разработчик Saas-продуктов
Galactic Energy
Южная Африка, энергетический стартап
СMA
Швеция, поставщик системных решений для финансовых рынков
Kodland
Россия, онлайн-школа программирования для детей
Neural Concept
Швейцария, компания-разработчик инженерного ПО
23 февраля - 27 марта
Программа первой ступени
Первая часть
Изучишь интерфейс Webflow, сверстаешь заготовленный нами сайт
1.1 — Знакомство
Артём расскажет о программе, о том, что нас ждет на обучении, и покажет примеры работ
1.2 — Внутри Webflow
•
Обзор интерфейса Webflow
•
Подключение шрифтов
•
Обзор настроек
1.3 — Подготовка к верстке
•
Проверка и подготовка макета.
•
Экспорт и оптимизация изображений.
💻
Задание: Подготовить макет и оптимизировать изображения
1.4 — База верстки
•
Основы блочной верстки
•
CSS стили
•
Колонки и ряды
•
FlexBox
•
Css Grid
•
Позиционирование
•
Обзор элементов внутри Webflow (Lightbox, Drop-down, Tabs, Symbols, Pop-up, Slider, Видеофон)
💻
Задание 1: сверстать блоки на сайте, используя разные возможности верстки. Задание 2: сверстать каждый из пройденных элементов
1.5 — Верстка базового макета
•
Настройка Body, Section, Container
•
Верстка первого блока
•
Верстка остальных блоков
•
Состояния активных элементов
•
Меню, футер и компоненты
💻
Задание: сверстать каждый из пройденных блоков
1.6 — Анимация в макете
•
Введение в анимацию Webflow
•
Базовая анимация
💻
Задание на анимацию
1.7 — Планшетная и мобильная версии
•
Как сделать адаптив: брейкпоинты
•
Планшетная версия
•
Мобильная версия
💻
Задание: верстка брейкпоинтов
1.8 — Финальная проверка и публикация
•
Оптимизация сайта
•
Настройки SEO, OG image
•
Настройка форм
•
Публикация и передача клиенту
💻
Задание: оптимизировать сайт и завершить работу над ним
1.9 — Продвинутая анимация
•
Лотти анимация
•
Параллакс
•
Последовательная анимация
•
Горизонтальный скролл
•
Анимация закрытия меню
•
Прилипающие элементы
•
Анимация полей
•
Плавная смена цвета фона при скролле
•
3-д анимации
Вторая часть
Закрепишь знания и сверстаешь свой одностраничный сайт
2.1 — Проверка макета и исправления
•
Проверка макетов на корректность для верстки
2.2 — Верстка
•
Верстка страницы
•
Вебинар с разбором ошибок по верстке
2.3 — Верстка брейкпоинтов
•
Вебинар с разбором ошибок по брейкпоинтам
2.4 — Анимация
•
Вебинар с разбором ошибок по анимации
2.5 — Разбор финальных работ
•
Вебинар с разбором финальных работ
2.6 — Бонусы для тех, кто все прошел
•
Личная консультация Артёма для тарифов «Pro»
•
Библиотека с кастом кодом для тарифов «Pro»
•
Чек-листы приемки и проверки проектов для тарифов «Pro»
Что после первой ступени?
Освоишь Webflow
Сможешь свободно использовать все фичи Webflow, чтобы делать топовые сайты
2 проекта
В твоем портфолио будет два полноценно работающих сайта
Станешь фулстек-специалистом
Cможешь брать зарубежные заказы на дизайн и верстку
Принять участие в первой ступени
Мы придумали три формата, чтобы было удобно всем. Оцени свои возможности и выбирай тот, что подходит именно тебе
Скидка до 1 февраля
20%
промокод EMBACYBIRDS
Что дальше?
Мы создаем не курс, а целое Webflow-комьюнити, в котором ты будешь развиваться step by step
ФАК
Подходит ли мне ваш курс?
Мы придумали формат, который подойдет дизайнерам с любым уровнем подготовки. На курсе ты научишься создавать полноценные сайты, даже если раньше не работал с Webflow.
После обучения я смогу верстать самостоятельно?
Да. На первой ступени ты полностью освоишь Webflow и сделаешь два проекта, которые сможешь добавить в свое портфолио. Твоих знаний будет достаточно, чтобы начать получать коммерческие заказы на верстку или помогать коллегам в команде, если ваши проекты сделаны на Webflow.
Что нужно для участия?
Тебе понадобится компьютер с интернетом, аккаунт в Telegram и, главное, любовь к дизайну.
Должен ли я знать Webflow до старта?
Нет. Курс рассчитан на обучение полностью с нуля.
В чем разница тарифа Base, Standart, Pro?
Тариф Pro предусматривает постоянную связь с куратором мастерской. Артем будет отвечать на твои вопросы, лично проверять задания, созваниваться с тобой и давать рекомендации. Ты получишь полный доступ к обучению: видеоуроки, полезные материалы и чат. Таких билетов всего 15.
Тариф Standart даёт полный доступ к мастерской: видеоуроки, полезные материалы, чат и две новые работы в портфолио. Тебе будет доступен общий чат с другими участниками для общения и обсуждения процессов. Разбор домашних заданий будет проходить на групповых вебинарах, поэтому на этом тарифе важно придерживаться расписания.
Тариф Base даёт полный доступ к мастерской: видеоуроки, полезные материалы, чат и две новые работы в портфолио. Тебе будет доступен общий чат с другими участниками для общения и обсуждения процессов. На этом тарифе нет жесткой привязки к расписанию курса - ты можешь учиться в комфортном для тебя темпе. Обратная связь от Артема не предусмотрена.
Я оплатил, что дальше?
Тебе нужно зайти на почту, указанную при покупке билета. Там увидишь письмо с приглашением в закрытый общий чат с участниками и информационный Telegram-канал, куда будут приходить все уведомления и ссылки на трансляции. Там же получишь доступ в личный кабинет
На какое время предоставляется доступ к курсу?
Материалы выбранной вами ступени будут доступны в течении 6 месяцев с даты покупки
