Pixel Perfect | Профессия Webflow-разработчик (2025) PCRec [RU]

Производство: Pixel Perfect
Жанр: Webflow, веб-разработка, no-code, верстка, анимация, CMS

Описание: Профессия Webflow-разработчик — практический курс для тех, кто хочет освоить востребованную профессию за два месяца. Вы научитесь создавать современные сайты с анимациями, адаптивностью и высокой скоростью загрузки, а также грамотно выстраивать коммуникацию с заказчиками, чтобы уверенно продавать свои услуги. Курс подойдёт новичкам, дизайнерам и верстальщикам: Webflow позволяет быстро увидеть результат, автоматизировать рутину и выйти на зарубежный рынок с более высокой оплатой. Программа построена от основ верстки (HTML, CSS, JS) до сложных анимаций, CMS-коллекций и финальной сборки проекта.

Продолжительность: 22:30:48
Качество видео: PCRec
Язык озвучки: Русский

Раздел 1. Основы верстки. Что такое HTML, CSS, JS и из чего состоит сайт. Принципы блочной модели. Div-блок и его роль в структуре.
Раздел 2. Интро Webflow. Интерфейс Webflow, подключение шрифтов, настройки проекта, как поделиться и клонировать проект, Workspace и Site plan.
Раздел 3. База верстки в Webflow. Классы и методология БЭМ, Display, Flexbox, Grid, отступы (Margin и Padding), единицы измерения (px, %, vw, vh), Overflow, Position, Z-index, типографика, Background, Border и border-radius, Blend-mode, Outline, opacity и тени, Transforms, Transition, Filters, виды курсоров.
Раздел 4. Элементы в Webflow. Layout, базовые элементы, элементы типографики, медиа-элементы, формы, компоненты, символы, кастомный код, расширения для браузера.
Раздел 5. Подготовка макета к верстке. Проверка и подготовка дизайна, экспорт и оптимизация изображений, создание Style Guide.
Раздел 6. Введение в анимацию. Основы анимации в Webflow, функция плавности, States, Interactions, анимация меню, выпадающего списка, смена табов, анимация слайдера, Page trigger, Page load, анимации на скролл.
Раздел 7. Верстка первого проекта. Единицы измерения, калькулятор PX → EM/REM, сборка UI-Kit, система отступов, первый экран и навбар, сборка экранов, адаптивность, формы, мобильное меню, проверка и правки, SEO, Open Graph, Favicon и Webclip, подключение домена и оплата подписки.
Раздел 8. Запись воркшопа: CMS-коллекции. Подробное объяснение работы с динамическим контентом, коллекциями и шаблонами в Webflow.

Скриншоты:

Время раздачи: 24/7 (круглосуточно) (минимум до появления первых 3–5 скачавших)