1. Урок 1.00:03:58
    1.1 Привет!) Скачиваем материалы к курсу
  2. Урок 2.00:16:47
    1.2 Устанавливаем и настраиваем необходимое программное обеспечение
  3. Урок 3.00:27:36
    1.3 Новое свойство clip-path. Начинаем создавать первую секцию сайта
  4. Урок 4.00:06:38
    1.4 Если у вас не работает scout-app
  5. Урок 5.00:01:02
    1.5 Практика Создайте свою фигуру с помощью Clip-path
  6. Урок 6.00:25:29
    1.6 Выравнивание элементов по вертикали абсолютным позиционированием
  7. Урок 7.00:10:09
    1.7 Знакомство с @KeyFrames. Создаем первую анимацию.
  8. Урок 8.00:13:52
    1.8 Backface-visibility и создание кнопок через псевдо-классы
  9. Урок 9.00:09:00
    1.9 Анимируем кнопку с помощью псевдо-элементов
  10. Урок 10.00:07:04
    1.10 Animation-fill-mode. Запуск анимации из определенной точки.
  11. Урок 11.00:10:41
    1.11 3 принципа веб разработки
  12. Урок 12.00:12:12
    1.12 Используйте REM вместо PX
  13. Урок 13.00:01:51
    2.1 О чем этот блок
  14. Урок 14.00:12:54
    2.2 Базовые команды в терминале
  15. Урок 15.00:05:00
    2.3 Как редактировать файлы через терминал
  16. Урок 16.00:03:36
    2.4 Устанавливаем систему git на наш компьютер
  17. Урок 17.00:08:55
    2.5 Как запустить гит в определенном проекте
  18. Урок 18.00:06:18
    2.6 Создаем первый коммит
  19. Урок 19.00:13:57
    2.7 Отправка проекта GitHub
  20. Урок 20.00:08:16
    2.8 Если у вас ошибка при отправке вашего проекта на GitHub
  21. Урок 21.00:08:06
    2.9 Ошибка с логином при попытке отправить проект на GitHub
  22. Урок 22.00:01:16
    2.10 Практика создайте собственный репозиторий
  23. Урок 23.00:00:58
    2.11 Как удалить репозиторий GitHub
  24. Урок 24.00:07:08
    2.12 Как скачивать репозитории из GitHub
  25. Урок 25.00:08:31
    2.13 Эмулируем работу 2-х разработчиков на одном репозитории
  26. Урок 26.00:04:34
    2.14 Как вывести информацию о коммитах в терминал. Git log
  27. Урок 27.00:04:15
    2.15 Что такое ветки
  28. Урок 28.00:09:30
    2.16 Как создавать ветки и перемещаться по ним.
  29. Урок 29.00:05:12
    2.17 Закрываем пробел из начала мини курса с обозначениями -u и -M
  30. Урок 30.00:11:48
    2.18 Ошибка не сохраненного коммита при checkout
  31. Урок 31.00:03:27
    2.19 Как перекинуть созданные изменения на новую ветку
  32. Урок 32.00:06:01
    2.20 Как перекинуть несколько коммитов на новую ветку
  33. Урок 33.00:04:53
    2.21 Что такое состояние открепленной головы. Detached HEAD
  34. Урок 34.00:07:13
    2.22 Как восстановить конкретный файл из прошлого коммита
  35. Урок 35.00:05:41
    2.23 Продвинутый git log и git show
  36. Урок 36.00:04:55
    2.24 Как объединять ветки с помощью Git merge. Способ Fast-forward
  37. Урок 37.00:03:54
    2.25 Как удалять ветки
  38. Урок 38.00:04:29
    2.26 Как удалить файлы директории из состояния untracked
  39. Урок 39.00:03:24
    2.27 Git reset --hard. Способ жесткого отката к коммиту
  40. Урок 40.00:02:23
    2.28 Второй способ найти подвисший коммит с помощью ORIG_HEAD
  41. Урок 41.00:04:11
    2.29 Git reset --soft
  42. Урок 42.00:02:00
    2.30 Git commit --amend изменение комментария прошлого коммита
  43. Урок 43.00:02:46
    2.31 Git reset --mixed
  44. Урок 44.00:02:39
    2.32 Разница git reset и git restore
  45. Урок 45.00:07:57
    2.33 Введение в git diff. Вывод разницы нескольких коммитов в консоль
  46. Урок 46.00:06:01
    2.34 Практический пример применения git diff
  47. Урок 47.00:06:02
    2.35 Как вывести схему веток в терминал. Git log --graph
  48. Урок 48.00:12:01
    2.36 Объединяем ветки с помощью git merge. Способ Истинное слияние
  49. Урок 49.00:03:07
    2.37 Как откатиться назад после слияния
  50. Урок 50.00:06:42
    2.38 Как скопировать определенный коммит с помощью git cherry-pick
  51. Урок 51.00:07:22
    2.39 Слияние веток с помощью git rebase
  52. Урок 52.00:07:01
    2.40 Что лучше git rebase или git merge
  53. Урок 53.00:07:43
    2.41 Как использовать файл .gitignore
  54. Урок 54.00:03:18
    2.42 Заключительное слово
  55. Урок 55.00:02:12
    3.1 О чем этот блок
  56. Урок 56.00:09:46
    3.2 Как работают SASS переменные
  57. Урок 57.00:04:04
    3.3 Как работают миксины
  58. Урок 58.00:05:06
    3.4 Как добавлять аргументы для миксинов
  59. Урок 59.00:09:43
    3.5 Что такое шаблоны SASS
  60. Урок 60.00:10:21
    3.6 Как работают SASS функции
  61. Урок 61.00:12:44
    3.7 Организация файлов SASS большого проекта
  62. Урок 62.00:04:53
    3.8 3 способа позиционирования элементов
  63. Урок 63.00:11:49
    3.9 Как работает float
  64. Урок 64.00:26:35
    3.10 Создаем собственную систему grid
  65. Урок 65.00:22:15
    3.11 Применение градиента к тексту. Backgroud-clip
  66. Урок 66.00:18:01
    3.12 Как создавать символы с помощью HTML
  67. Урок 67.00:17:39
    3.13 Анимируем и доделываем вторую секцию
  68. Урок 68.00:21:22
    3.14 Как создавать собственные иконочные шрифты
  69. Урок 69.00:15:28
    3.15 Используем свойство perspective для отражения перспективы элемен
  70. Урок 70.00:22:29
    3.16 Как работает blending mode в CSS
  71. Урок 71.00:11:47
    3.17 Доделываем секцию с карточками
  72. Урок 72.00:15:52
    3.18 Как закруглить текст с помощью свойства shape-outside
  73. Урок 73.00:08:18
    3.19 Как работают CSS фильтры
  74. Урок 74.00:14:06
    3.20 Как добавить видео на страницу
  75. Урок 75.00:18:34
    3.21 Знакомимся с тегом form и его содержимым
  76. Урок 76.00:13:25
    3.22 Анимируем форму
  77. Урок 77.00:19:23
    3.23 Делаем собственные radio button с помощью CSS
  78. Урок 78.00:09:55
    3.24 Создаем footer сайта
  79. Урок 79.00:19:17
    3.25 Создаем навигационное меню на чистом CSS ч.-1
  80. Урок 80.00:07:05
    3.26 Настраиваем переходы скорости анимаций, с помощью cubic-bezier
  81. Урок 81.00:09:54
    3.27 Анимируем гамбургер
  82. Урок 82.00:01:00
    4.1 О чем этот блок
  83. Урок 83.00:09:06
    4.2 Как создают адаптивные сайты
  84. Урок 84.00:13:45
    4.3 Создаем миксин с медиа правилами
  85. Урок 85.00:15:41
    4.4 Адаптация проекта ч.1
  86. Урок 86.00:18:56
    4.5 Адаптация проекта ч.2
  87. Урок 87.00:12:40
    4.6 Адаптация проекта ч.3
  88. Урок 88.00:04:30
    4.7 Что такое адаптивные изображения
  89. Урок 89.00:17:28
    4.8 Как адаптировать изображения в HTML
  90. Урок 90.00:11:55
    4.9 Адаптируем HTML изображения в нашем проекте
  91. Урок 91.00:08:59
    4.10 Адаптация CSS изображений
  92. Урок 92.00:06:58
    4.11 Несколько финальных правок сайта
  93. Урок 93.00:01:20
    5.1 О чем этот блок
  94. Урок 94.00:07:46
    5.2 Что такое node.js и npm
  95. Урок 95.00:09:42
    5.3 Готовим к использованию первый npm пакет
  96. Урок 96.00:08:27
    5.4 Запускаем первый npm пакет
  97. Урок 97.00:25:41
    5.5 Используем gulp в нашем проекте
  98. Урок 98.00:03:48
    5.6 Как открыть сайт на мобильном телефоне
  99. Урок 99.00:01:46
    6.1 О чем этот блок
  100. Урок 100.00:04:26
    6.2 Подготовка
  101. Урок 101.00:08:43
    6.3 Как создать шаблон сетки. Grid template
  102. Урок 102.00:06:49
    6.4 Как работают единицы измерения fr
  103. Урок 103.00:07:58
    6.5 Как переместить элемент в другую ячейку
  104. Урок 104.00:08:46
    6.6 Размещение нескольких элементов в одной ячейки
  105. Урок 105.00:01:00
    6.7 Практика Создайте layout сайта
  106. Урок 106.00:07:44
    6.8 Пример преподавателя. Создаем layout
  107. Урок 107.00:08:08
    6.9 Как переименовать каждую линию в сетке grid
  108. Урок 108.00:08:04
    6.10 Как создать шаблон сетки с помощью схемы имен
  109. Урок 109.00:07:24
    6.11 Что такое явные и не явные гриды
  110. Урок 110.00:04:47
    6.12 Как выравнивать элементы внутри ячеек
  111. Урок 111.00:05:34
    6.13 Как выравнивать сетку внутри контейнера
  112. Урок 112.00:10:41
    6.14 Min-Max content
  113. Урок 113.00:07:38
    6.15 Auto-fill и Auto-fit. Размеры ячеек исходя из контента
  114. Урок 114.00:01:06
    6.16 Заключение. Grid garden
  115. Урок 115.00:01:04
    7.1 О чем этот блок
  116. Урок 116.00:06:23
    7.2 Подготовка
  117. Урок 117.00:10:15
    7.3 Создаем шаблон grid сетки ч.1
  118. Урок 118.00:19:47
    7.4 Создаем шаблон grid сетки ч.2
  119. Урок 119.00:17:13
    7.5 Как работают SVG спрайты
  120. Урок 120.00:11:05
    7.6 Доделываем вторую секцию сайта
  121. Урок 121.00:11:13
    7.7 Создаем секцию Баннер ч.1
  122. Урок 122.00:07:23
    7.8 Создаем секцию Баннер ч.2
  123. Урок 123.00:20:11
    7.9 Создаем секцию с карточками
  124. Урок 124.00:11:30
    7.10 Создаем галерею
  125. Урок 125.00:09:06
    7.11 Создаем footer
  126. Урок 126.00:03:33
    7.12 Делаем Гамбургер
  127. Урок 127.00:14:30
    7.13 Создаем header ч.1
  128. Урок 128.00:07:20
    7.14 Создаем header ч.2
  129. Урок 129.00:18:17
    7.15 Адаптируем сайт
  130. Урок 130.00:02:44
    8 До свидания!