[Макс Куратов] Кухня Webflow (2025)

Ваш путь к современному дизайну сайтов без ограничений!
Независимо от вашего уровня подготовки, вы узнаете, как создавать потрясающие сайты без необходимости в глубоких знаниях программирования.

Программа:

#1. Модуль. База

1. Знакомство. План действий.
2. Быстрый обзор сервиса.
3. Настройки проекта.
4. Дизайн панель.
5. Новый интерфейс webflow.
6. Как опубликовать и поделиться проектом.
7. Тарифные планы.

#2. Модуль. Основы36 минуты

8. Основы HTML CSS, как это работает в webflow.
9. Блочная верстка, DIV блок.
10. DIV блок на практике.

#3. Модуль. Элементы

11. Элементы разметки.
12. Элементы Media, Advanced.
13. Элементы typography.

#4. Модуль. Классы

14. Классы.
15. Basic/Combo/Global классы.

#5. Модуль. Стили

16. Стили Вступление.
17. Стили Typography.
18. Стили. Blackground.
19. Стили. Обводка и скругление.
20. Стили. Отступы. Margin и Padding.
21.Стили. Размер.
22. Стили. Overflow, Fit.
23. Стили. Position.
24. Стили. Z-index.
25. Стили. Filter.
26. Стили. 2d 3d transforms.
27. Стили. Выводы.

#6. Модуль. БЭМ

28. БЭМ
29. БЭМ. Практическая часть

#7. Модуль. Все виды Display

30. Display line Block.
31. Display Grid.
32. Display Flex.
33. Обучающая игра по Flexbox.

#8. Модуль. Дизайн в Figma. Верстка сайта

34. Дизайн сайта в Figma. Часть 1
35. Дизайн сайта в Figma. Часть 2
36. Верстка сайта. Верстаем первый экран

#9. Модуль. Адаптив сайта

37. Брейкпоинты
38. Виды верстки. Статичная , Адаптивная, Резиновая
39. Единицы измерения Px, %, Auto, Em, Vh, Vw

#10. Модуль. Практика

40.Display. Практика.
41. Верстка. Практика.
42. Меню сайта. Navbar menu.
43. Как создать страницы, ссылки меню.
44. Компоненты.
45. Блоки сайта. Практика.
46. Проверка и подготовка макета.
47. Подготовка style Guide.
48. Верстка сайта. Практика.
49. Адаптив сайта. Практика.
50. Адаптив сайта 2. Практика.
51.Формы заявок. Реализация, подключение.

#11. Модуль. Анимация

52. Состояния
53.Transitions
54. Mouse click mouse hover
55. Mouse click mouse hover. Практика
56. Mouse move over element
57. Scroll into view
58. Page scrolled
59. Position sticky

#12. Модуль. Настройки20 минуты

60. Настройки сайта СЕО
61. Как передать сайт заказчику.
62. Как купить и настроить домен