О курсе

Программа курса «Кухня Webflow» от Umapalata (автор — Макс Куратов) построена как последовательное освоение конструктора Webflow. В первом модуле рассматриваются знакомство с сервисом, настройки проекта, дизайн-панель, новый интерфейс и публикация проекта. Далее изучаются основы HTML и CSS применительно к Webflow, блочная вёрстка и работа с DIV-блоками.

Отдельные модули посвящены элементам разметки (Media, Advanced, Typography), классам (Basic, Combo, Global) и стилям: типографика, фон, обводка и скругление, отступы, размеры, Overflow, Position, Z-index, фильтры и трансформации. Рассматривается методология БЭМ и её практическое применение.

Значительная часть программы отведена видам Display (Block, Grid, Flex), включая обучающую игру по Flexbox. Затем следует блок о дизайне сайта в Figma и вёрстке первого экрана. Темы адаптивности включают брейкпоинты, виды вёрстки (статичная, адаптивная, резиновая) и единицы измерения.

Практические модули охватывают вёрстку меню, создание страниц и ссылок, компоненты, блоки сайта, проверку макета, подготовку style guide, адаптивную вёрстку и формы заявок. Модуль анимации посвящён состояниям, переходам, реакциям на клик и наведение, прокрутке и position sticky. Завершается курс настройками SEO, передачей сайта заказчику и покупкой домена.

Что рассматривается в программе

  • рассматривается интерфейс Webflow и настройка проекта;
  • разбираются основы HTML и CSS применительно к Webflow;
  • изучаются элементы разметки, классы и стили;
  • рассматривается методология БЭМ;
  • разбираются виды Display, включая Flex и Grid;
  • изучается адаптивная вёрстка и брейкпоинты;
  • рассматривается создание анимации и интерактивных состояний;
  • разбираются формы заявок, SEO-настройки и передача сайта заказчику.

Кому может быть полезен курс

  • тем, кто интересуется созданием сайтов с помощью конструктора Webflow;
  • начинающим в веб-дизайне и вёрстке, желающим ознакомиться с интерфейсом и возможностями Webflow;
  • специалистам, которым нужно изучить адаптивную вёрстку и анимацию в Webflow;
  • тем, кто хочет разобраться в подготовке сайта к передаче заказчику и настройке домена.

Вопросы о программе

Какие темы охватывает программа курса?

В программе рассматриваются интерфейс Webflow, основы HTML и CSS, элементы разметки, классы и стили, методология БЭМ, виды Display, дизайн в Figma, адаптивная вёрстка, анимация, формы заявок, SEO-настройки и передача сайта заказчику.

Нужно ли глубокое знание программирования для прохождения курса?

В исходном описании указано, что курс подходит независимо от уровня подготовки и не требует глубоких знаний программирования. Однако в программе присутствуют темы по основам HTML и CSS.

Рассматривается ли в курсе адаптивная вёрстка?

Да, в программе есть отдельный модуль, посвящённый адаптиву сайта: брейкпоинты, виды вёрстки (статичная, адаптивная, резиновая) и единицы измерения, а также практические занятия по адаптивной вёрстке.

Включает ли курс работу с анимацией?

Да, в программе есть модуль «Анимация», где рассматриваются состояния, transitions, реакции на клик и наведение, прокрутка и position sticky.