Создание сайтов на Webflow

Полноценный курс по разработке сайтов международного уровня в Webflow
Оставить заявку

Сильная методология и гибкий процесс обучения

Старт в любое время и обучение с комфортной скоростью
Старт обучения не привязан к дате покупки курса. Приступайте в любой момент, когда вам будет удобно и учитесь с комфортной скоростью. Оптимальный вариант — тратить на учебу 2 часа в день. Если же вы сможете уделять курсу 4–8 часов, то закончите его в 2–4 раза быстрее.
Последовательность и время на адаптацию
Сложность заданий, которые вы делаете, возрастает от самых простых, длительностью до 30 минут, к более сложным и трудоемким. Таким образом вы постепенно вливаетесь в процесс обучения.
Емкие, но информативные видеоуроки
Сначала мы сделали сценарий на несколько сотен страниц, затем озвучили, смонтировали, наполнили графикой и сделали для вас короткие уроки «без воды», которые легко осваиваются и к которым комфортно возвращаться, чтобы что-то вспомнить.

Самая объемная и насыщенная программа

Вы сможете не только рисовать сайты, но и запускать их самостоятельно, а так же освоите основы html и css.

Практика
Страницы сайта
Мы рассмотрим панель Pages (Страницы). Узнаем, какие типы страниц существуют и как их настраивать. В результате вы сверстаете 7-8 секции сайта.
  • Страницы сайта
  • Практика: Детальная верстка 7 и 8 секций
Практика
Вспомогательные функции
Вы узнаете о дополнительных функциях, которые помогают в процессе работы над проектом, а также в поиске обучающих материалов. В результате вы сверстаете 9-10 секции сайта.
  • Вспомогательные функции в режиме Designer
  • Практика. Детальная верстка 9 и 10 секций
Практика
Символы и Шаблоны
Узнаете, как в Webflow создавать Символы из элементов или группы элементов для управления повторяющимися блоками и контентом. По итогу сверстаете меню навигации, Navbar, настроите якорные ссылки и создадите символы для Меню и Footer.
  • Обзор панели Symbols
  • Обзор готовых макетов Layouts
  • Создание Символов
  • Практика
Практика
Адаптивная верстка
В этом уроке вы изучите основы адаптивной верстки, познакомитесь с понятием «Брейкпоинты». В результате создадите адаптив планшетной и мобильной версии, адаптив для больших экранов и адаптив меню.
  • Основы адаптивной верстки
  • Брейкпоинты
  • Проверка адаптивности
  • Адаптация сайта под мобильные экраны
  • Адаптация сайта под большие экраны
  • Тестируем адаптивность
Расширенные возможности
Анимация. 1 часть
Вы изучите общие принципы анимации, узнаете, как создавать анимацию кнопок ссылок и других элементов при наведении, анимируете первый экран.
  • Общие принципы анимации
  • Триггеры
  • Настройка триггеров
  • Анимируем элементы при наведении
  • Якорные ссылки
Расширенные возможности
Анимация. 2 часть
Вы узнаете, что такое глобальная анимация. В результате научитесь ее создавать.
  • Глобальная анимация
  • Анимация компонентов
  • Анимация при загрузке и прокрутке страницы
Расширенные возможности
Вставка стороннего кода
Вы поймете, зачем нужно вставлять сторонний код. Познакомитесь с компонентом Embed. Узнаете, как можно интегрировать сторонний код, например, подключить сервисы комментариев или виджет карты. На практике научитесь вставлять код карты.
  • Компонент Embed
  • Вставка кода в настройках страницы
  • Вставка кода в настройках проекта
  • Вставка кода в настройках элемента (Custom Attributes)
  • Вставляем карту на сайт
Расширенные возможности
Аналитика и SEO
Узнаете, что такое веб‑аналитика и SEO и для чего они нужны. Поймете, как подключить Аналитику и настроить SEO страницы.
  • Подключение Аналитики
  • Подключаем Яндекс Метрику и Google Analytics
  • Настройка SEO в настройках страницы
Расширенные возможности
Завершение проекта
Еще раз пройдетесь по всем этапам создания сайта. Разберетесь, как утверждать и передавать сайт клиенту. Научитесь подключать сайт к домену на хостинге Webflow, выгружать сайт и устанавливать его на своем хостинге.
  • Чек‑лист проверки сайта
  • Утверждение и Передача проекта клиенту
  • Подключение сайта к домену на хостинге Webflow
  • Выгрузка сайта и установка на своем хостинге

В  результате вы научитесь создавать полноценные, адаптированные под разные устройства, сайты с эффектной анимацией.

Самая оперативная и качественная обратная связь

Наши кураторы дают самые быстрые и подробные ответы. Есть строгий регламент: вы будете получать минимум 2 видеоразбора в сутки, в каждом ответе куратор отметит ваши ошибки и подскажет, как их исправить.
до 4ч.
время ожидания
ответа от куратора
15 минут
время ожидания ответа от поддержки на вопросы по курсу

Стоимость курса
«Создание сайтов на Webflow»

Рассрочка на 24 месяца — 1 661 ₽
Скидка 55% действует ещё
10
1 661 ₽ / мес
Рассрочка на 24 месяца
Без первого взноса
31 900 ₽ 40 000 ₽
3 322 ₽ / мес
Рассрочка на 12 месяцев
Без первого взноса
Суперскидка 20%
Заполните контактные данные
Спасибо, ваша заявка принята!
Мы свяжемся с вами в ближайшее время
Ой! Что-то пошло не так при отправке формы

Курсы, которые станут отличным дополнением к «Создание сайтов на Webflow»

И помогут вам быстрее повысить квалификацию и получить уровень middle+ и выше.
Сайты Pro
Курс по дизайну сайтов. Поможет освоиться в профессии и выйти на первый заработок.
Курс включает:
UX/UI дизайнер: Сайты Pro
Бессрочный доступ к урокам
6 проектов в портфолио
Mobile Pro
Курс по дизайну мобильных приложений. Поможет углубиться в дизайн интерфейсов.
Курс включает:
UX/UI дизайнер: Mobile Pro
Бессрочный доступ к урокам
2 проекта в портфолио
Анимация интерфейсов
Полноценный курс по созданию анимаций для интерфейсов (web/mobile).
Курс включает:
24 шота в портфолио
Бессрочный доступ к урокам
4 месяца обучения
Создание 3D-иллюстраций
Курс по созданию 3D-иллюстраций и объектов для вашего дизайна.
Курс включает:
13 3D-моделей
Бессрочный доступ к урокам
4 месяца обучения
Создание сайтов без кода
Полноценный курс по разработке сайтов международного уровня в сервисе Webflow.
Курс включает:
1 проект в портфолио
Бессрочный доступ к урокам
4 месяца обучения

Частые вопросы

Какие есть варианты оплаты, есть ли рассрочка?

Вы можете оплатить полную сумму или воспользоваться беспроцентной рассрочкой без первого взноса с возможностью досрочного погашения от наших партнеров: ОТП Банк, Почта Банк, Сбер, Халва и Тинькофф Банк.

Вы рисуете в Figma? Я её не знаю.

Да, мы рисуем проекты в Figma. Это наиболее удобный на сегодняшний день инструмент, который используют большинство студий.

Как помогаете с трудоустройством?

Помогаем правильно составить резюме и оформить портфолио. Консультируем при прохождении собеседования и выполнении тестового задания. Регулярно получаем заявки от работодателей и напрямую трудоустраиваем в компании. Также предлагаем проекты на фриланс и берем на работу в UPROCK.

Как проходит консультация?

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

Наши партнеры