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

Складчина: Webflow Basic. Создавай крутые сайты без знания кода на webflow [Тариф 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. Оплата подписки и подключение домена
7.20. CMS коллекции
7.21. Как продавать Webflow на Ru рынке​

8. Битва верстальщиков

8.1 Ещё больше практики и кейсов
Мы устраиваем это соревнование, чтобы у ребят было ещё больше практики и кейсов. Суть в том, что ученики делятся на две команды, и каждой выдаётся дизайн в Figma. Выигрывает та команда, которая заверстает сайт на Webflow быстрее. А победители получают по 80 коннектов на Upwork (внутрибиржевая валюта), что помогает ещё быстрее взять первый заказ. Эта битва сильно прокачивает оффер студентов, даёт не только сильный кейс в копилку, но и улучшает навыки коммуникации с заказчиком. Во время битвы мы на все 100% имитируем работу с реальным клиентом на Upwork.​

9. Встроенные модули Webflow

9.1 CMS Collections
9.2 Ecommerce
9.3 Memberships
9.4 Logic​

10. Расширяем возможности Webflow

10.1 Zapier - интеграция с зарубежными сервисами
10.2 Webjack - интеграция с российскими сервисами
10.3 Finsweet attributes - фильтры, слайдеры и многое другое без написания кода
​

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