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

  1. Урок 1. 00:03:45
    О чем этот курс
  2. Урок 2. 00:03:58
    Подготовка. Скачиваем материалы. Как проходить курс.
  3. Урок 3. 00:01:07
    О чем этот блок
  4. Урок 4. 00:07:58
    Создаем первый веб сайт!
  5. Урок 5. 00:12:36
    Как работают теги HTML и стили CSS
  6. Урок 6. 00:09:30
    Теги Head и Body. Правильная структура веб страницы
  7. Урок 7. 00:05:09
    Как работают теги заголовка и описания, в теге head.
  8. Урок 8. 00:06:27
    Как работает тег "контейнер' - div
  9. Урок 9. 00:09:24
    Как работать с классами в версте
  10. Урок 10. 00:07:32
    Как подключить лист со стилями к файлу html
  11. Урок 11. 00:01:46
    ПРАКТИКА: Создаейте и стилизуйте несколько тегов div
  12. Урок 12. 00:06:48
    Пример преподавателя. "Практика: создайте и стилизуйте несколько тегов div"
  13. Урок 13. 00:01:38
    О чем этот блок
  14. Урок 14. 00:12:49
    Классификация сайтов
  15. Урок 15. 00:13:15
    Правильная структура файлов и папок проекта
  16. Урок 16. 00:13:19
    Как использовать плагины VS Code
  17. Урок 17. 00:10:01
    Как работают семантические теги
  18. Урок 18. 00:04:28
    Как работать с цветом в верстке
  19. Урок 19. 00:05:25
    Как добавить изображение на сайт через тег IMG
  20. Урок 20. 00:17:16
    Как работает консоль разработчика в браузере
  21. Урок 21. 00:10:41
    Как создать меню и ссылки
  22. Урок 22. 00:03:38
    Теги списков UL и OL
  23. Урок 23. 00:10:18
    Как задавать отступы элементам с помощью margin и padding.
  24. Урок 24. 00:10:30
    Как работают блочные и строчные элементы
  25. Урок 25. 00:04:13
    Что такое "Cхлопывание margin"
  26. Урок 26. 00:05:23
    Правильная организация отступов в верстке ч.1
  27. Урок 27. 00:05:19
    Как использовать "Псевдоклассы"
  28. Урок 28. 00:05:00
    Правильная организация отступов в верстке ч.2
  29. Урок 29. 00:02:19
    Как быстро сбросить кеш вашего браузера
  30. Урок 30. 00:21:08
    Как добавить изображение используя свойство background-image
  31. Урок 31. 00:14:50
    Позиционирование элементов на веб странице
  32. Урок 32. 00:03:11
    Как работает z-index
  33. Урок 33. 00:09:00
    Как добавить градиентную заливку через CSS
  34. Урок 34. 00:09:49
    Выравнивание элементов по горизонтали
  35. Урок 35. 00:08:52
    Box-sizing. Отступы внутри размера элемента.
  36. Урок 36. 00:06:41
    Единицы измерения CSS
  37. Урок 37. 00:19:18
    Селекторы CSS
  38. Урок 38. 00:11:02
    Тег span
  39. Урок 39. 00:04:41
    Can i use
  40. Урок 40. 00:12:29
    Normalize.css и Reset.css - Сброс стилей браузера
  41. Урок 41. 00:11:07
    Как добавить интерактивную карту на сайт
  42. Урок 42. 00:08:14
    Тег HR или как отрисовать линию
  43. Урок 43. 00:26:16
    Как использовать разные шрифты на сайте
  44. Урок 44. 00:14:30
    Загружаем сайт на реальный хостинг. Выбор и настройка домена.
  45. Урок 45. 00:08:13
    Как редактировать сайт загруженный на хостинг, через VS Code
  46. Урок 46. 00:01:08
    О чем этот блок
  47. Урок 47. 00:01:45
    О чем мини курс?
  48. Урок 48. 00:03:42
    Подготовка. Скачиваем материалы
  49. Урок 49. 00:13:04
    Какой размер у сайта?
  50. Урок 50. 00:01:58
    Как сохранить свой проект
  51. Урок 51. 00:05:08
    Как работать с сетками и направляющими
  52. Урок 52. 00:04:27
    Бриф с заказчиком.
  53. Урок 53. 00:07:09
    Mood board и поиск вдохновения
  54. Урок 54. 00:08:00
    Создаем wireframe проекта
  55. Урок 55. 00:03:25
    Стоковые площадки. Где найти идеальное фото?
  56. Урок 56. 00:06:43
    Как работать с изображениями в figma
  57. Урок 57. 00:06:53
    Иерархия элементов в figma
  58. Урок 58. 00:05:29
    Как работать с цветом в figma
  59. Урок 59. 00:02:33
    Разница UX и UI
  60. Урок 60. 00:08:38
    Как создавать текст в figma
  61. Урок 61. 00:03:05
    Линии и обводка фигур
  62. Урок 62. 00:04:37
    Как группировать элементы
  63. Урок 63. 00:06:05
    Поиск и установка новых шрифтов
  64. Урок 64. 00:10:21
    Как работать с иконками
  65. Урок 65. 00:04:34
    Как работать с градиентом
  66. Урок 66. 00:02:50
    Как работатет инструмент subtract
  67. Урок 67. 00:08:19
    Стоковая площадка по иконкам. Поиск иконок
  68. Урок 68. 00:14:30
    Как работать с масками слоя
  69. Урок 69. 00:06:17
    Как использовать рыбный текст в figma
  70. Урок 70. 00:05:28
    Как добавлять эффекты к элементам
  71. Урок 71. 00:06:30
    Экспорт из figma и передача в разработку
  72. Урок 72. 00:01:35
    Поздравляю с завершением мини курса!
  73. Урок 73. 00:01:06
    О чем этот блок
  74. Урок 74. 00:18:41
    Препроцессор SASS ч.1
  75. Урок 75. 00:21:51
    Препроцессор SASS ч.2
  76. Урок 76. 00:17:22
    FlexBox. Новый способ позиционирования элементов.
  77. Урок 77. 00:11:16
    Методология БЭМ и как ее использовать
  78. Урок 78. 00:19:38
    Используем FlexBox и БЭМ в новом проекте
  79. Урок 79. 00:13:12
    Как превратить растровый логотип в векторный с помощью Illustrator
  80. Урок 80. 00:17:06
    Закругление / Поворот / Тени для элементов
  81. Урок 81. 00:12:37
    Что такое иконочные шрифты
  82. Урок 82. 00:18:00
    Создаем первую кнопку
  83. Урок 83. 00:12:41
    Используем модификатор БЭМ. Новое свойство overflow
  84. Урок 84. 00:07:22
    Min/Max - Height/Width
  85. Урок 85. 00:31:57
    Практика. Создаем вторую секцию сайта
  86. Урок 86. 00:11:15
    Практика. Создаем третью секцию сайта
  87. Урок 87. 00:12:11
    Практика. Создаем footer сайта
  88. Урок 88. 00:04:37
    Добавляем якорные ссылки на навигационное меню
  89. Урок 89. 00:05:46
    Что такое fav-icons, и как их установить в свой проект
  90. Урок 90. 00:01:07
    О чем этот блок
  91. Урок 91. 00:08:14
    Какие существуют типы верстки
  92. Урок 92. 00:06:38
    Как работает мета тег viewport
  93. Урок 93. 00:07:34
    Под какие размеры нужно адаптировать сайт
  94. Урок 94. 00:14:34
    Адаптация под планшетную версию ч.1
  95. Урок 95. 00:03:56
    Практика: Адаптируйте сайт под следующую версию.
  96. Урок 96. 00:17:17
    Пример преподавателя. Адаптация следующей версии под планшет
  97. Урок 97. 00:14:31
    Как работают единицы измерения EM/REM VH/VW
  98. Урок 98. 00:11:23
    Свойство transition. Создаем гамбургер для мобильной версии сайта
  99. Урок 99. 00:06:53
    Создаем гамбургер для мобильной версии сайта ч.2
  100. Урок 100. 00:07:41
    Знакомство с JS. Создаем гамбургер для мобильной версии сайта ч.3
  101. Урок 101. 00:12:58
    Speed test готового сайта
  102. Урок 102. 00:00:42
    О чем этот блок
  103. Урок 103. 00:04:13
    Что такое bootstrap
  104. Урок 104. 00:08:49
    Как подключить bootstrap в свой проект
  105. Урок 105. 00:01:32
    Какие настройки содержит в себе bootstrap
  106. Урок 106. 00:07:43
    Как задавать свои стили в bootstrap
  107. Урок 107. 00:07:20
    Свойство Object-fit и как создать слайдер в bootstrap
  108. Урок 108. 00:08:39
    Как модифицировать слайдер в bootstrap
  109. Урок 109. 00:03:14
    Как менять цвета в bootstrap
  110. Урок 110. 00:03:29
    Как изменить скорость слайдера в bootstrap
  111. Урок 111. 00:04:50
    Типичные ошибки и проблемы с работой в bootstrap
  112. Урок 112. 00:06:18
    Как менять компоненты элементов bootstrap. Меняем иконки на слайдере
  113. Урок 113. 00:18:13
    Система сеток bootstrap. Bootstrap-grid
  114. Урок 114. 00:04:55
    Как решать задачи возникающие в процессе верстки
  115. Урок 115. 00:02:14
    Прощальное слово