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