О курсе
Курс «Кухня Webflow» от Umapalata (Макс Куратов) предназначен для изучения конструктора Webflow, востребованного на западном рынке. Материал разбит на 12 модулей, начиная с базовых настроек и обзора интерфейса, затем переходит к основам HTML и CSS в контексте Webflow, блочной верстке и работе с DIV-блоками. Рассматриваются элементы разметки, медиа, продвинутые элементы и типографика. Отдельные модули посвящены классам (Basic, Combo, Global), стилям (typography, background, обводка, отступы, размеры, позиционирование, фильтры, трансформации) и методологии БЭМ. Изучаются все виды display (block, grid, flex), включая практические задания и обучающую игру по Flexbox. В курсе есть блок по созданию дизайна в Figma и последующей верстке сайта, а также модуль по адаптивной верстке с брейкпоинтами и единицами измерения. Практические занятия включают создание меню, страниц, компонентов, подготовку style guide, верстку и адаптацию сайта, реализацию форм заявок. Завершают программу модули по анимации (состояния, transitions, hover-эффекты, scroll-анимации) и настройкам сайта: SEO, передача заказчику, покупка и настройка домена.
Что рассматривается в программе
- работа с интерфейсом и настройками Webflow
- основы HTML и CSS в контексте Webflow
- использование классов и стилей для оформления элементов
- применение методологии БЭМ в верстке
- создание адаптивных макетов с использованием брейкпоинтов и относительных единиц
- верстка сайта по макету из Figma
- реализация анимаций с помощью состояний, transitions и scroll-эффектов
- настройка SEO и публикация сайта
Кому может быть полезен курс
- тем, кто интересуется созданием сайтов на конструкторе Webflow
- начинающим веб-дизайнерам, желающим освоить верстку без программирования
- специалистам, которым нужно ознакомиться с инструментами адаптивной верстки и анимации в Webflow
Вопросы о программе
Какие темы охватывает курс?
Курс охватывает основы работы в Webflow: интерфейс, настройки, HTML/CSS, блочную верстку, элементы, классы, стили, БЭМ, display (block, grid, flex), адаптивную верстку, анимации и настройки сайта (SEO, домен).
Нужны ли знания программирования для прохождения курса?
По описанию программы, курс рассчитан на людей без глубоких знаний программирования, однако включает изучение основ HTML и CSS.
Есть ли в курсе практические задания?
Да, в программе предусмотрены практические модули: верстка сайта по макету из Figma, создание меню, компонентов, адаптация под разные устройства, реализация форм и анимаций.
Какие инструменты используются в курсе?
Основной инструмент — конструктор Webflow. Также в курсе рассматривается Figma для создания дизайн-макетов.