Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:09:00
    1.1.1 Введение. Вводный урок
  2. Урок 2. 00:02:01
    2.2.1 Основы классической верстки. Вводный урок
  3. Урок 3. 00:06:41
    2.2.2 Что такое Box Model
  4. Урок 4. 00:11:33
    2.2.3 Что такое HTML
  5. Урок 5. 00:10:59
    2.2.4 Что такое CSS
  6. Урок 6. 00:09:57
    2.2.5 Что такое JS
  7. Урок 7. 00:00:43
    2.3.1 Интро Webflow. Вводный урок
  8. Урок 8. 00:04:02
    2.3.2 Регистрация
  9. Урок 9. 00:15:48
    2.3.3 Обзор интерфейса Webflow
  10. Урок 10. 00:18:30
    2.3.4 Копируем шаблон для обучения. Создание первого проекта и обзор настроек проекта
  11. Урок 11. 00:17:17
    2.3.5 Обзор интерфейса Designer. Среда разработки сайтов
  12. Урок 12. 00:13:53
    2.3.6 Тарифы
  13. Урок 13. 00:01:06
    2.4.1 Элементы в Webflow. Вводный урок
  14. Урок 14. 00:14:21
    2.4.2 Элементы Structure
  15. Урок 15. 00:12:55
    2.4.3 Элементы Basic
  16. Урок 16. 00:16:59
    2.4.5 Элементы Media
  17. Урок 17. 00:23:21
    2.4.6 Элементы Forms
  18. Урок 18. 00:32:10
    2.4.7 Элементы Advanced
  19. Урок 19. 00:01:40
    2.5.1 Стилизация элементов. Вводный урок
  20. Урок 20. 00:39:23
    2.5.2 Работа с классами в Webflow
  21. Урок 21. 00:13:39
    2.5.3 Единицы измерения
  22. Урок 22. 00:26:30
    2.5.4 CSS свойство Display Block и Flex
  23. Урок 23. 00:27:28
    2.5.5 Display Grid. Все о сетках в Webflow
  24. Урок 24. 00:10:08
    2.5.6 Display inline. Разбираем inline inline-flex inline-grid inline-block
  25. Урок 25. 00:07:24
    2.5.7 Spacing. Как настроить внутренние и внешние отступы
  26. Урок 26. 00:19:01
    2.5.8 Раздел Size. Настройка размеров элементов
  27. Урок 27. 00:24:48
    2.5.9 Раздел Position. Управляем позиционированием элемента
  28. Урок 28. 00:15:37
    2.5.10 Раздел Position. Липкие элементы Sticky
  29. Урок 29. 00:14:31
    2.5.11 Раздел Typography. Базовые настройки типографики
  30. Урок 30. 00:12:39
    2.5.12 Раздел Typography
  31. Урок 31. 00:14:55
    2.5.13 Раздел Backgrounds. Как поменять цвет фона или поставить изображение на фон
  32. Урок 32. 00:09:03
    2.5.14 Раздел Borders. Все про обводку элементов
  33. Урок 33. 00:09:48
    2.5.15 Раздел Effects Тени прозрачность обводки наложения
  34. Урок 34. 00:11:27
    2.5.16 Раздел Effects. 2D и 3D преобразования
  35. Урок 35. 00:05:50
    2.5.17 Раздел Effects. Переходы фильтры и backdrop фильтры
  36. Урок 36. 00:03:39
    2.5.18 Раздел Effects. Как поменять курсор и свойство pointer events
  37. Урок 37. 00:07:52
    2.5.19 Раздел Effects. Custom propeties и модификатор important
  38. Урок 38. 00:02:37
    2.6.1 Верстка первого макета. Вводный урок
  39. Урок 39. 00:13:43
    2.6.2 Работа с макетом
  40. Урок 40. 00:20:14
    2.6.3 Создание Style Guide. Part 1
  41. Урок 41. 00:25:39
    2.6.4 Создание Style Guide. Part 2
  42. Урок 42. 00:16:49
    2.6.5 Создание Style Guide. Part 3
  43. Урок 43. 00:13:03
    2.6.6 Создание Style Guide. Part 4
  44. Урок 44. 00:21:07
    2.6.7 Верстка десктопной версии 1-й блок
  45. Урок 45. 00:03:30
    2.6.8 Верстка десктопной версии 2-й блок
  46. Урок 46. 00:24:23
    2.6.9 Верстка десктопной версии 3-й блок
  47. Урок 47. 00:23:09
    2.6.10 Верстка десктопной версии 4-й блок. Sticky
  48. Урок 48. 00:11:24
    2.6.11 Верстка десктопной версии 5-й блок. Нестандартный Grid.
  49. Урок 49. 00:12:51
    2.6.12 Верстка десктопной версии 6-й блок. Dropdown FAQ Webflow interactions
  50. Урок 50. 00:22:15
    2.6.13 Верстка десктопной версии 7-й блок. Верстаем новости с помощью Tabs
  51. Урок 51. 00:25:05
    2.6.14 Верстка десктопной версии страницы новостей.
  52. Урок 52. 00:11:17
    2.6.15 Верстка десктопной версии 8-й блок. Форма на сайте
  53. Урок 53. 00:16:01
    2.6.16 Верстка модального окна Webflow interactions
  54. Урок 54. 00:20:23
    2.6.17 Микро-анимации и стилизация с помощью псевдо-классов hover active.
  55. Урок 55. 00:01:46
    2.7.1 Адаптивность в Webflow. Вводный урок
  56. Урок 56. 00:33:28
    2.7.2 Что такое Fluid Resposive и как построить график адаптивности
  57. Урок 57. 00:36:07
    2.7.3 Проверка десктопной версии
  58. Урок 58. 00:28:38
    2.7.4 Адаптивность UI-Kit
  59. Урок 59. 00:39:36
    2.7.5 Верстка планшетной версии
  60. Урок 60. 00:19:43
    2.7.6 Верстка горизонтальной мобильной версии
  61. Урок 61. 00:20:54
    2.7.7 Верстка вертикальной мобильной версии
  62. Урок 62. 00:13:52
    2.8.1 Вводный урок. Типы анимаций в Webflow css classic gsap
  63. Урок 63. 00:10:13
    2.8.2 Webflow interactions. Из чего состоят анимации
  64. Урок 64. 00:11:19
    2.8.3 Раздел Affect
  65. Урок 65. 00:11:19
    2.8.4 Раздел Timing
  66. Урок 66. 00:08:36
    2.8.5 Типы Триггеров Element Page
  67. Урок 67. 00:15:58
    2.8.6 Element Trigger Mouse Click
  68. Урок 68. 00:08:52
    2.8.7 Element Trigger Mouse Hover
  69. Урок 69. 00:08:15
    2.8.8 Element Trigger Mouse move over element
  70. Урок 70. 00:07:12
    2.8.9 Element Trigger Scroll into view
  71. Урок 71. 00:15:33
    2.8.10 Element Trigger While scrolling in view
  72. Урок 72. 00:08:19
    2.8.11 Element Trigger Dropdown opens
  73. Урок 73. 00:06:44
    2.8.12 Element Trigger Navbar opens
  74. Урок 74. 00:06:02
    2.8.13 Element Trigger Tab change
  75. Урок 75. 00:05:31
    2.8.14 Element Trigger Slider change
  76. Урок 76. 00:05:56
    2.8.15 Page Trigger Mouse move in viewport
  77. Урок 77. 00:04:21
    2.8.16 Page Trigger While page is scrolling
  78. Урок 78. 00:08:32
    2.8.17 Page Trigger Page load
  79. Урок 79. 00:02:18
    2.8.18 Page Trigger Page scrolled
  80. Урок 80. 00:06:28
    2.8.19 Переиспользование анимаций
  81. Урок 81. 00:06:12
    2.8.20 Адаптивность анимаций
  82. Урок 82. 00:06:07
    2.8.21 Анимации переменных
  83. Урок 83. 00:23:08
    2.8.22 Анимация макета Bloomlex
  84. Урок 84. 00:23:43
    2.8.23 Подведение итогов модуля по Анимациям
  85. Урок 85. 00:09:50
    2.9.1 Вводный урок. Что такое CMS Collections и из чего состоит
  86. Урок 86. 00:24:14
    2.9.2 Создание CMS Коллекции и типы кастомных полей
  87. Урок 87. 00:05:48
    2.9.3 Создание CMS Item и опции публикации
  88. Урок 88. 00:10:05
    2.9.4 Export Import. Как быстро заполнить CMS
  89. Урок 89. 00:09:44
    2.9.5 Добавление CMS на страницу вывод контента динамические стили
  90. Урок 90. 00:09:49
    2.9.6 Настройка вывода контента на странице. Фильтрация сортировка пагинац
  91. Урок 91. 00:06:41
    2.9.7 Reference и Multi-reference. Как связаться 2 разных коллекции
  92. Урок 92. 00:20:55
    2.9.8 CMS Template. Настройка и вывод данных
  93. Урок 93. 00:15:00
    2.9.9 Finsweet атрибуты Как обойти ограничения и расширить функционал
  94. Урок 94. 00:15:16
    2.9.10 Finsweet CMS Filter
  95. Урок 95. 00:01:35
    2.14.1 Вводный урок
  96. Урок 96. 00:23:20
    2.14.2 Продажи
  97. Урок 97. 00:08:01
    3.1.1 Введение
  98. Урок 98. 00:15:40
    3.1.2 Upwork как система
  99. Урок 99. 00:17:26
    3.1.3 География и безопасность
  100. Урок 100. 00:25:37
    3.1.4 Регистрация на Upwork
  101. Урок 101. 00:31:07
    3.2.1. Упаковка профиля
  102. Урок 102. 00:17:58
    3.2.2. Оформление кейсов
  103. Урок 103. 00:18:23
    3.2.3. Рейтинги на Upwork
  104. Урок 104. 00:33:28
    3.3.1. Отбор проектов
  105. Урок 105. 00:35:43
    3.3.2. Cover letter. Структура и правила написания
  106. Урок 106. 00:07:47
    3.4.1. Налоги и Комиссии
  107. Урок 107. 00:23:37
    3.4.2. Вывод денег
  108. Урок 108. 00:10:04
    3.5.1. Ретаргетинг на Upwork
  109. Урок 109. 00:10:05
    3.5.2. Ускоряем работу
  110. Урок 110. 00:03:57
    4.1.1. Вводный урок в модуль JS GSAP
  111. Урок 111. 00:10:14
    4.1.2. Подготовительный
  112. Урок 112. 00:13:02
    4.2.1. Введение в язык программирования и подключение JS к странице
  113. Урок 113. 00:08:52
    4.2.2. Типы данных операторы методы и свойства
  114. Урок 114. 00:18:43
    4.2.3. Условия ветвления
  115. Урок 115. 00:14:03
    4.2.4. Функции
  116. Урок 116. 00:17:16
    4.2.5.1 Циклы
  117. Урок 117. 00:15:48
    4.2.5.2. Циклы
  118. Урок 118. 00:23:45
    4.2.6.1 Область видимости и замыкания
  119. Урок 119. 00:17:29
    4.2.6.2 Область видимости и замыкания
  120. Урок 120. 00:21:37
    4.2.7. Работа с DOM
  121. Урок 121. 00:17:23
    4.2.8. Обработка событий
  122. Урок 122. 00:14:27
    4.2.9. Делегирование событие
  123. Урок 123. 01:20:16
    4.2.10 Воркшоп Эффективные методы перебора массивов с помощью циклов и стратегии ра
  124. Урок 124. 00:19:14
    4.3.1. Обзор GSAP
  125. Урок 125. 00:26:35
    4.3.2. Основные механики и методы GSAP
  126. Урок 126. 00:22:13
    4.3.3. Staggers
  127. Урок 127. 00:22:41
    4.3.4. Timelines
  128. Урок 128. 00:22:43
    4.3.5. Методы
  129. Урок 129. 00:13:58
    4.3.6. ScrollTo
  130. Урок 130. 00:12:45
    4.3.7. SplitText
  131. Урок 131. 00:18:41
    4.3.8. Draggable
  132. Урок 132. 00:10:46
    4.3.9. Text Plugin
  133. Урок 133. 00:18:50
    4.3.10. Практика GSAP
  134. Урок 134. 01:09:20
    4.3.11 Воркшоп Control and Callbacks. Погружаемся в коллбэки и методы
  135. Урок 135. 00:25:47
    4.4.1. Обзор проекта и разработка 1-ой секции сайта
  136. Урок 136. 00:17:33
    4.4.2. Создаем секцию What we do с использованием timelines
  137. Урок 137. 00:29:52
    4.4.3. Разработка секции About
  138. Урок 138. 00:29:14
    4.4.4. Открытие дропдаунов в секции FAQ
  139. Урок 139. 00:18:16
    4.4.5. Горизонтальный скролл на GSAP
  140. Урок 140. 00:18:36
    4.4.6. Делаем ховер анимацию для секции Awards
  141. Урок 141. 00:24:21
    4.4.7. Разработка финального блока Footer
  142. Урок 142. 00:22:02
    4.4.8. Создаем меню
  143. Урок 143. 00:13:43
    4.4.9. Оптимизация проекта
  144. Урок 144. 00:15:17
    4.4.10. Scroll анимация проектов
  145. Урок 145. 00:19:38
    4.5.1. Обзор мобильной версии
  146. Урок 146. 00:25:13
    4.5.2. Адаптация анимации для первого блока
  147. Урок 147. 00:14:26
    4.5.3. Анимируем раздел What we do
  148. Урок 148. 00:14:01
    4.5.4. Анимация раздела About
  149. Урок 149. 00:11:28
    4.5.5. Блок Approach с FAQ
  150. Урок 150. 00:20:39
    4.5.6. Анимация раздела Projects
  151. Урок 151. 00:08:44
    4.5.7. Анимация блока Awwards
  152. Урок 152. 00:16:53
    4.5.8. Разработка финального блока Footer
  153. Урок 153. 00:12:26
    4.5.9. Анимация меню на мобилке
  154. Урок 154. 00:20:43
    4.5.10 Подведение итогов
  155. Урок 155. 00:10:00
    4.6.1. Оптимизация видео-контента
  156. Урок 156. 00:10:46
    4.6.2. Знакомство с российским CDN хостингом
  157. Урок 157. 00:05:19
    4.6.3. CDN-хостинг для зарубежных клиентов
  158. Урок 158. 00:28:37
    4.6.4. Базовое SEO
  159. Урок 159. 00:14:19
    4.6.5. Продвинутое SEO
  160. Урок 160. 00:13:41
    4.6.6. Мультиязычность сайта ручной способ
  161. Урок 161. 00:09:39
    4.6.7. Локализация с Weglot
  162. Урок 162. 00:10:05
    4.6.8. Webflow Localization
  163. Урок 163. 00:34:43
    4.6.9. Воркшоп Начальный путь SEO-специалиста
  164. Урок 164. 00:04:16
    4.7.1. Обзор тарифов для электронной коммерции
  165. Урок 165. 00:12:58
    4.7.2. Настройки электронной коммерции
  166. Урок 166. 00:13:26
    4.7.3. Обзор панели электронной коммерции
  167. Урок 167. 00:23:43
    4.7.4. Главная страница электронной коммерции
  168. Урок 168. 00:26:47
    4.7.5. Страница товара электронной коммерции
  169. Урок 169. 00:04:35
    4.7.6. Страница категории электронной коммерции
  170. Урок 170. 00:21:25
    4.7.7. Страницы оформления заказа и подтверждение заказа
  171. Урок 171. 00:08:43
    4.7.8. Письма электронной коммерции
  172. Урок 172. 00:07:52
    4.7.9. Аккаунт покупателя
  173. Урок 173. 00:11:38
    4.9.1. Udesly. Вводныи урок
  174. Урок 174. 00:21:08
    4.9.2.1 WordPress
  175. Урок 175. 00:06:28
    4.9.2.2 WordPress
  176. Урок 176. 00:19:32
    4.9.2.3 WordPress
  177. Урок 177. 00:06:48
    4.9.2.4 WordPress
  178. Урок 178. 00:04:19
    4.9.3. Jamstack
  179. Урок 179. 00:10:11
    4.9.4. Ghost
  180. Урок 180. 00:09:32
    4.9.5.1 Shopify
  181. Урок 181. 00:02:52
    4.9.5.2 Shopify
  182. Урок 182. 00:06:31
    4.9.6. WebSteps
  183. Урок 183. 00:38:11
    4.10.1. Знакомство с Web-steps и создание первого проекта
  184. Урок 184. 00:40:16
    4.10.2. Всё о страницах архивов записей
  185. Урок 185. 00:41:52
    4.10.3. Управление продуктами и настройка системы фильтрации
  186. Урок 186. 00:32:34
    4.10.4. Интеграция страниц продукта и корзины
  187. Урок 187. 00:34:51
    4.10.5. Интеграция страниц чекаута и личного кабинета
  188. Урок 188. 00:28:28
    4.10.6.1 Способы отбора записей
  189. Урок 189. 00:03:19
    4.10.6.2 Способы отбора записей
  190. Урок 190. 00:07:28
    4.11.1 Введение в Spline
  191. Урок 191. 00:21:01
    4.11.2. Обзор редактора ч.1
  192. Урок 192. 00:21:29
    4.11.3. Обзор редактора ч.2
  193. Урок 193. 00:29:54
    4.11.4.1 Анимация
  194. Урок 194. 00:27:37
    4.11.4.2. Интеграция сцены Spline в Webflow
  195. Урок 195. 00:14:46
    4.11.5. Создание 3D композиции для hero блока
  196. Урок 196. 00:17:12
    4.11.6. Создание интерактивного фона сайта
  197. Урок 197. 00:16:13
    4.11.7. Создание интерактивного 3D товара
  198. Урок 198. 00:20:53
    4.11.8. Заключение