Курс верстки на Webflow
Привет! Мы в Embacy сделали больше сотни сайтов на Webflow и считаем его лучшим no-code инструментом. Присоединяйся к нашему интенсивному курсу, где всего за 2 месяца мы научим тебя верстать 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
Швейцария, компания-разработчик инженерного ПО
1 июня - 1 августа
Программа курса
Первая часть
Изучишь интерфейс Webflow, сверстаешь заготовленный нами сайт
1.0 — Знакомство
Артём расскажет о программе, о том, что нас ждет на обучении, и покажет примеры работ
1.1 — Основа верстки
•
Интро. Из чего состоит сайт
•
Что такое HTML, CSS, JS
•
Как работает блочная верстка. Что такое Div-блок?
•
HTML структура сайта
•
Html - разметка. Nav, Section, Footer, Contacts и др.
1.2 — Интро Webflow
•
Обзор интерфейса Webflow
•
Подключение шрифтов
•
Обзор настроек проекта
•
Как поделиться проектом
•
Как клонировать проект
•
Site Plans и Account Plans
•
Как оплачивать Webflow из России
1.3 — База верстки Webflow
•
Классы. Глобальный класс, подкласс
•
Виды Display. Block, Inline-block, Inline, FlexBox, CSS grid, Hide
•
Отступы. Margin и Padding
•
Размеры блоков. Px,%, Auto, Em, Vh, Vw
•
Виды верстки. Статичная, адаптивная, резиновая
•
Что такое Overflow
•
Позиционирование
•
Z-index
•
Работа с типографикой
•
Работа с фоном
•
Рамки и скругления
•
Blending
•
Тени и аутлайн
•
Transforms
•
Transitions
•
Filters
•
Виды курсоров
1.4 — Элементы в Webflow
•
Элементы Layout
•
Базовые элементы
•
Типографика
•
Медиа
•
Формы
•
Компоненты
•
Символы, как создать и использовать
•
Кастом код
1.5 — Анимация в Webflow
•
Введение в анимацию Webflow
•
Базовая анимация
•
Lottie анимация
•
Параллакс
•
Последовательная анимация
•
Горизонтальный скролл
•
Анимация инпутов
•
Плавная смена цвета фона при скролле
•
3-д анимации
1.6 — Подготовка макета к верстке
•
Проверка и подготовка макета
•
Экспорт и оптимизация изображений
•
Создание стайлгайда в Webflow
•
Логика названия классов
•
Создание структуры сайта
•
Загрузка изображений, lottie, документов
1.7 — Верстка базового макета
•
Верстка первого блока
•
Верстка остальных блоков
•
Состояния активных элементов
•
Меню, футер и компоненты
•
Анимация
1.8 — Брейкпоинты
•
Как сделать адаптив: брейкпоинты
•
Доп. десктоп брейкпоинты
•
Планшетная версия
•
Мобильная версия
1.9 — Финальная проверка и публикация
•
Настройки SEO, OG image, Favicon
•
Настройка форм
•
Публикация и передача клиенту
•
Подключение своего домена
Вторая часть
Закрепишь знания и сверстаешь свой одностраничный сайт
2.0 — Проверка макета и исправления
•
Проверка макетов на корректность для верстки
2.1 — Верстка
•
Верстка страницы
•
Разбор ошибок по верстке
2.2 — Верстка брейкпоинтов
•
Разбор ошибок по брейкпоинтам
2.3 — Анимация
•
Разбором ошибок по анимации
2.4 — Разбор финальных работ
•
Разбором финальных работ
2.5 — Бонусы для тех, кто все прошел
•
Фишки как ускорить разработку на Webflow
•
Личная консультация Артёма для тарифов «Pro»
•
Библиотека с кастом кодом для тарифов «Pro»
•
Чек-листы приемки и проверки проектов для тарифов «Pro»
Что после первой ступени?
Освоишь Webflow
Сможешь свободно использовать все фичи Webflow, чтобы делать топовые сайты
2 проекта
В твоем портфолио будет два полноценно работающих сайта
Станешь фулстек-специалистом
Cможешь брать зарубежные заказы на дизайн и верстку
Принять участие в первой ступени
Мы придумали три формата, чтобы было удобно всем. Оцени свои возможности и выбирай тот, что подходит именно тебе
Скидка до 10 мая
-15%
на Standart и Pro по промокоду: EARLYBIRDS
Что дальше?
Мы создаем не курс, а целое Webflow-комьюнити, в котором ты будешь развиваться step by step
ФАК
Подходит ли мне ваш курс?
Мы придумали формат, который подойдет дизайнерам с любым уровнем подготовки. На курсе ты научишься создавать полноценные сайты, даже если раньше не работал с Webflow.
Должен ли я знать Webflow до старта?
Нет. Курс рассчитан на обучение полностью с нуля. Плюсом будут базовые знания Figma.
Что нужно для обучения?
Тебе понадобится компьютер с интернетом, аккаунт в Telegram и, главное, любовь к дизайну.
В чем разница тарифа Base, Standart, Pro?
Тариф Pro предусматривает постоянную связь с куратором и преподавателем. Артем будет отвечать на твои вопросы, лично проверять задания, созваниваться с тобой и давать рекомендации. Ты получишь полный доступ к обучению: видеоуроки, полезные материалы и чат. Таких билетов всего 15.
Тариф Standart даёт полный доступ к видеоурокам, полезным материалам, чату и две новые работы в портфолио. Тебе будет доступен общий чат с другими участниками для общения и обсуждения процессов. Разбор домашних заданий будет проходить на групповых вебинарах, поэтому на этом тарифе важно придерживаться расписания.
Тариф Base даёт полный доступ к мастерской: видеоуроки, полезные материалы, чат и две новые работы в портфолио. Тебе будет доступен общий чат с другими участниками для общения и обсуждения процессов. На этом тарифе нет жесткой привязки к расписанию курса - ты можешь учиться в комфортном для тебя темпе. Обратная связь от Артема не предусмотрена.
На какое время предоставляется доступ к курсу?
Материалы будут доступны в течении 6 месяцев с даты покупки.
Где и как проходит обучение?
Обучение происходит на платформе Zenclass. Все записанные уроки и вебинары ты можешь смотреть в личном кабинете. Видео открываются согласно программе курса. Изучай новые темы и выполняй задания постепенно, в комфортном темпе обучения. У тебя будет инструкция по использованию личного кабинета, а если что-то остаётся непонятным – всегда можешь задать вопросы куратору курса.
Что я получу по окончании курса?
•
Освоишь Webflow. Сможешь свободно использовать все фичи Webflow, чтобы делать топовые сайты
•
Cможешь брать зарубежные заказы на дизайн и верстку
•
В твоем портфолио будет два полноценно работающих сайта
•
Получишь сертификат выпускника, при успешном прохождении курса
•
Webflow-комьюнити
•
Телеграм-чат с участниками курса
•
Сертификат участника, при выполнении финального проекта
•
Доступ в чат выпускников после окончания
Что нужно сделать, чтобы получить сертификат?
Для получения сертификата необходимо вовремя сдать все домашние задания, а также выполнить финальный проект. Для тарифа Base — необходимо сдать финальный проект на проверку в течение 3 месяцев со дня покупки курса и получить фидбек по работе от преподавателя.
Можно оплатить частями?
Для тарифов Standart и Pro предусмотрена рассрочка. Стоимость обучение делится на 2 части. Первый платеж необходимо сделать до начала обучения, второй — ровно через месяц.
Я оплатил, что дальше?
Тебе нужно зайти на почту, указанную при покупке билета. Там увидишь письмо с приглашением в закрытый общий чат с участниками и информационный Telegram-канал, куда будут приходить все уведомления и ссылки на трансляции. Там же получишь доступ в личный кабинет
Курс уже идет, могу ли я присоединиться после даты начала?
Обучаться на тарифе Base можно без привязки к дате начала и стартовать обучение в любое удобное для тебя время.
Смогу ли я оплатить Webflow со своей карты?
В РФ сейчас не работает Visa и Mastercard для международных платежей, но в курсе будет инструкция об оплате для жителей РФ.
