Webflow Basic. Создавай крутые сайты без знания кода на webflow (2025) [Тариф Webflow only] [Pixel Perfect]

Складчина: Webflow Basic. Создавай крутые сайты без знания кода на webflow (2025) [Тариф Webflow only] [Pixel Perfect]

За два месяца научим делать сайты с крутыми анимациями, адаптивностью и супер высокой скоростью загрузки на Webflow, а также научим продавать услугу разработки
и коммуницировать с заказчиком.

Кому подойдет

• Новичкам. Если ты только начинаешь свой путь, То Webflow это первый шаг в мир большой разработки, а именно к большим деньгам.
• Дизайнерам. Устал ругаться с разрабами - верстай сам! Станешь спецом полного цикла и будешь ценным сотрудником в команде, с доп. скиллами.
• Верстальщикам. Если ты уже владеешь кодом, то освоив Webflow, сможешь реализовывать проекты намного быстрее + выйдешь на зарубежный рынок.

Программа

1. Основа верстки

1.1. Из чего состоит сайт. Что такое HTML,CSS,JS
1.2. Как работает блочная верстка. Что такое Div-блок​

2. Интро Webflow

2.1. Обзор интерфейса Webflow
2.2. Подключение шрифтов
2.3. Обзор настроек проекта
2.4. Как поделиться проектом
2.5. Как клонировать проект
2.6. Workspace and Site plan​

3. База верстки в Webflow

3.1. Работа с классами. Методология БЭМ
3.2. Базовые свойства Display
3.3. Display: FlexBox
3.4. Display: Grid
3.5. Отступы Margin and Padding
3.6. Единицы измерения. PX, VW, VH, %
3.7. Overflow
3.8. Position
3.9. Z-index
3.10. Типографика
3.11. Background
3.12. Border and border-radius
3.13. Blend-mode
3.14. Outline, opacity and box shadows
3.15. Transforms
3.16. Transition
3.17. Filters
3.18. Виды курсоров​

4. Элементы в Webflow

4.1. Layout
4.2. Базовые элементы
4.3. Элементы типографики
4.4. Элементы медиа
4.5. Элементы формы
4.6. Элементы компоненты
4.7. Символы
4.8. Кастом код
4.9. Расширения для браузера
4.1. Layout
4.2. Базовые элементы
4.3. Элементы типографики
4.4. Элементы медиа
4.5. Элементы формы
4.6. Элементы компоненты
4.7. Символы
4.8. Кастом код
4.9. Расширения для браузера
​

5. Подготовка макета к верстке

5.1. Проверка и подготовка макета к верстке
5.2. Экспорт и оптимизация изображений
5.3. Style guide​

6. Введение в анимацию

6.1. Введение в анимацию в Webflow
6.2. Функция плавности
6.3. Базовые анимации States
6.4. Базовые анимации Interactions
6.5. Базовые анимации Interactions. Открытие меню
6.6. Базовые анимации Interactions. Анимация выпадающего списка
6.7. Базовые анимации Interactions. Смена табов
6.8. Базовые анимации Interactions. Слайдер
6.9. Базовые анимации Interactions. Page trigger
6.10. Базовые анимации Interactions. Page load
6.11. Базовые анимации Interactions. Скролл вверх-вниз​

7. Верстка первого проекта

7.1 Интро
7.2 Единицы измерения
7.3. Калькулятор PX to EM/REM
7.4. Собираем UI-Kit. Часть 1
7.5. Собираем UI-Kit. Часть 2
7.6. Собираем UI-Kit. Часть 3
7.7. Собираем систему отступов
7.8. Собираем Первый экран и Навбар
7.9. Собираем Второй экран
7.10. Собираем Третий экран
7.11. Собираем Четвертый экран
7.12. Собираем Пятый экран
7.13. Собираем Шестой экран
7.14. Собираем Седьмой экран
7.15. Адаптивность
7.15.1. Форма на сайте
7.16. Мобильное меню
7.17. Проверка и правки
7.18. Seo, Open graph, Favicon and Webclip
7.19. Оплата подписки и подключение домена
​

8. Запись воркшопа CMS-коллекции

​

Тариф Webflow only
Цена без скидки: 35000 руб
Скрытая ссылка