ЛАФА
- Сообщения
- Монеты
- 0.0
- Оплачено
- 45 000
- Купоны
- 0
- Кешбэк
- 0
- Баллы
- 0
- @Skladchiki
- #1
Складчина: Кухня Webflow (Макс Куратов)
- Ссылка на картинку
-
Освойте востребованный на западном рынке конструктор. Ваш путь к современному дизайну сайтов без ограничений!
Независимо от вашего уровня подготовки, вы узнаете, как создавать потрясающие сайты без необходимости в глубоких знаниях программирования.
Программа:
#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. Как купить и настроить домен
Независимо от вашего уровня подготовки, вы узнаете, как создавать потрясающие сайты без необходимости в глубоких знаниях программирования.
Программа:
#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. Как купить и настроить домен
