• Урок 1. 00:03:58
    1.1 Привет!) Скачиваем материалы к курсу
  • Урок 2. 00:16:47
    1.2 Устанавливаем и настраиваем необходимое программное обеспечение
  • Урок 3. 00:27:36
    1.3 Новое свойство clip-path. Начинаем создавать первую секцию сайта
  • Урок 4. 00:06:38
    1.4 Если у вас не работает scout-app
  • Урок 5. 00:01:02
    1.5 Практика Создайте свою фигуру с помощью Clip-path
  • Урок 6. 00:25:29
    1.6 Выравнивание элементов по вертикали абсолютным позиционированием
  • Урок 7. 00:10:09
    1.7 Знакомство с @KeyFrames. Создаем первую анимацию.
  • Урок 8. 00:13:52
    1.8 Backface-visibility и создание кнопок через псевдо-классы
  • Урок 9. 00:09:00
    1.9 Анимируем кнопку с помощью псевдо-элементов
  • Урок 10. 00:07:04
    1.10 Animation-fill-mode. Запуск анимации из определенной точки.
  • Урок 11. 00:10:41
    1.11 3 принципа веб разработки
  • Урок 12. 00:12:12
    1.12 Используйте REM вместо PX
  • Урок 13. 00:01:51
    2.1 О чем этот блок
  • Урок 14. 00:12:54
    2.2 Базовые команды в терминале
  • Урок 15. 00:05:00
    2.3 Как редактировать файлы через терминал
  • Урок 16. 00:03:36
    2.4 Устанавливаем систему git на наш компьютер
  • Урок 17. 00:08:55
    2.5 Как запустить гит в определенном проекте
  • Урок 18. 00:06:18
    2.6 Создаем первый коммит
  • Урок 19. 00:13:57
    2.7 Отправка проекта GitHub
  • Урок 20. 00:08:16
    2.8 Если у вас ошибка при отправке вашего проекта на GitHub
  • Урок 21. 00:08:06
    2.9 Ошибка с логином при попытке отправить проект на GitHub
  • Урок 22. 00:01:16
    2.10 Практика создайте собственный репозиторий
  • Урок 23. 00:00:58
    2.11 Как удалить репозиторий GitHub
  • Урок 24. 00:07:08
    2.12 Как скачивать репозитории из GitHub
  • Урок 25. 00:08:31
    2.13 Эмулируем работу 2-х разработчиков на одном репозитории
  • Урок 26. 00:04:34
    2.14 Как вывести информацию о коммитах в терминал. Git log
  • Урок 27. 00:04:15
    2.15 Что такое ветки
  • Урок 28. 00:09:30
    2.16 Как создавать ветки и перемещаться по ним.
  • Урок 29. 00:05:12
    2.17 Закрываем пробел из начала мини курса с обозначениями -u и -M
  • Урок 30. 00:11:48
    2.18 Ошибка не сохраненного коммита при checkout
  • Урок 31. 00:03:27
    2.19 Как перекинуть созданные изменения на новую ветку
  • Урок 32. 00:06:01
    2.20 Как перекинуть несколько коммитов на новую ветку
  • Урок 33. 00:04:53
    2.21 Что такое состояние открепленной головы. Detached HEAD
  • Урок 34. 00:07:13
    2.22 Как восстановить конкретный файл из прошлого коммита
  • Урок 35. 00:05:41
    2.23 Продвинутый git log и git show
  • Урок 36. 00:04:55
    2.24 Как объединять ветки с помощью Git merge. Способ Fast-forward
  • Урок 37. 00:03:54
    2.25 Как удалять ветки
  • Урок 38. 00:04:29
    2.26 Как удалить файлы директории из состояния untracked
  • Урок 39. 00:03:24
    2.27 Git reset --hard. Способ жесткого отката к коммиту
  • Урок 40. 00:02:23
    2.28 Второй способ найти подвисший коммит с помощью ORIG_HEAD
  • Урок 41. 00:04:11
    2.29 Git reset --soft
  • Урок 42. 00:02:00
    2.30 Git commit --amend изменение комментария прошлого коммита
  • Урок 43. 00:02:46
    2.31 Git reset --mixed
  • Урок 44. 00:02:39
    2.32 Разница git reset и git restore
  • Урок 45. 00:07:57
    2.33 Введение в git diff. Вывод разницы нескольких коммитов в консоль
  • Урок 46. 00:06:01
    2.34 Практический пример применения git diff
  • Урок 47. 00:06:02
    2.35 Как вывести схему веток в терминал. Git log --graph
  • Урок 48. 00:12:01
    2.36 Объединяем ветки с помощью git merge. Способ Истинное слияние
  • Урок 49. 00:03:07
    2.37 Как откатиться назад после слияния
  • Урок 50. 00:06:42
    2.38 Как скопировать определенный коммит с помощью git cherry-pick
  • Урок 51. 00:07:22
    2.39 Слияние веток с помощью git rebase
  • Урок 52. 00:07:01
    2.40 Что лучше git rebase или git merge
  • Урок 53. 00:07:43
    2.41 Как использовать файл .gitignore
  • Урок 54. 00:03:18
    2.42 Заключительное слово
  • Урок 55. 00:02:12
    3.1 О чем этот блок
  • Урок 56. 00:09:46
    3.2 Как работают SASS переменные
  • Урок 57. 00:04:04
    3.3 Как работают миксины
  • Урок 58. 00:05:06
    3.4 Как добавлять аргументы для миксинов
  • Урок 59. 00:09:43
    3.5 Что такое шаблоны SASS
  • Урок 60. 00:10:21
    3.6 Как работают SASS функции
  • Урок 61. 00:12:44
    3.7 Организация файлов SASS большого проекта
  • Урок 62. 00:04:53
    3.8 3 способа позиционирования элементов
  • Урок 63. 00:11:49
    3.9 Как работает float
  • Урок 64. 00:26:35
    3.10 Создаем собственную систему grid
  • Урок 65. 00:22:15
    3.11 Применение градиента к тексту. Backgroud-clip
  • Урок 66. 00:18:01
    3.12 Как создавать символы с помощью HTML
  • Урок 67. 00:17:39
    3.13 Анимируем и доделываем вторую секцию
  • Урок 68. 00:21:22
    3.14 Как создавать собственные иконочные шрифты
  • Урок 69. 00:15:28
    3.15 Используем свойство perspective для отражения перспективы элемен
  • Урок 70. 00:22:29
    3.16 Как работает blending mode в CSS
  • Урок 71. 00:11:47
    3.17 Доделываем секцию с карточками
  • Урок 72. 00:15:52
    3.18 Как закруглить текст с помощью свойства shape-outside
  • Урок 73. 00:08:18
    3.19 Как работают CSS фильтры
  • Урок 74. 00:14:06
    3.20 Как добавить видео на страницу
  • Урок 75. 00:18:34
    3.21 Знакомимся с тегом form и его содержимым
  • Урок 76. 00:13:25
    3.22 Анимируем форму
  • Урок 77. 00:19:23
    3.23 Делаем собственные radio button с помощью CSS
  • Урок 78. 00:09:55
    3.24 Создаем footer сайта
  • Урок 79. 00:19:17
    3.25 Создаем навигационное меню на чистом CSS ч.-1
  • Урок 80. 00:07:05
    3.26 Настраиваем переходы скорости анимаций, с помощью cubic-bezier
  • Урок 81. 00:09:54
    3.27 Анимируем гамбургер
  • Урок 82. 00:01:00
    4.1 О чем этот блок
  • Урок 83. 00:09:06
    4.2 Как создают адаптивные сайты
  • Урок 84. 00:13:45
    4.3 Создаем миксин с медиа правилами
  • Урок 85. 00:15:41
    4.4 Адаптация проекта ч.1
  • Урок 86. 00:18:56
    4.5 Адаптация проекта ч.2
  • Урок 87. 00:12:40
    4.6 Адаптация проекта ч.3
  • Урок 88. 00:04:30
    4.7 Что такое адаптивные изображения
  • Урок 89. 00:17:28
    4.8 Как адаптировать изображения в HTML
  • Урок 90. 00:11:55
    4.9 Адаптируем HTML изображения в нашем проекте
  • Урок 91. 00:08:59
    4.10 Адаптация CSS изображений
  • Урок 92. 00:06:58
    4.11 Несколько финальных правок сайта
  • Урок 93. 00:01:20
    5.1 О чем этот блок
  • Урок 94. 00:07:46
    5.2 Что такое node.js и npm
  • Урок 95. 00:09:42
    5.3 Готовим к использованию первый npm пакет
  • Урок 96. 00:08:27
    5.4 Запускаем первый npm пакет
  • Урок 97. 00:25:41
    5.5 Используем gulp в нашем проекте
  • Урок 98. 00:03:48
    5.6 Как открыть сайт на мобильном телефоне
  • Урок 99. 00:01:46
    6.1 О чем этот блок
  • Урок 100. 00:04:26
    6.2 Подготовка
  • Урок 101. 00:08:43
    6.3 Как создать шаблон сетки. Grid template
  • Урок 102. 00:06:49
    6.4 Как работают единицы измерения fr
  • Урок 103. 00:07:58
    6.5 Как переместить элемент в другую ячейку
  • Урок 104. 00:08:46
    6.6 Размещение нескольких элементов в одной ячейки
  • Урок 105. 00:01:00
    6.7 Практика Создайте layout сайта
  • Урок 106. 00:07:44
    6.8 Пример преподавателя. Создаем layout
  • Урок 107. 00:08:08
    6.9 Как переименовать каждую линию в сетке grid
  • Урок 108. 00:08:04
    6.10 Как создать шаблон сетки с помощью схемы имен
  • Урок 109. 00:07:24
    6.11 Что такое явные и не явные гриды
  • Урок 110. 00:04:47
    6.12 Как выравнивать элементы внутри ячеек
  • Урок 111. 00:05:34
    6.13 Как выравнивать сетку внутри контейнера
  • Урок 112. 00:10:41
    6.14 Min-Max content
  • Урок 113. 00:07:38
    6.15 Auto-fill и Auto-fit. Размеры ячеек исходя из контента
  • Урок 114. 00:01:06
    6.16 Заключение. Grid garden
  • Урок 115. 00:01:04
    7.1 О чем этот блок
  • Урок 116. 00:06:23
    7.2 Подготовка
  • Урок 117. 00:10:15
    7.3 Создаем шаблон grid сетки ч.1
  • Урок 118. 00:19:47
    7.4 Создаем шаблон grid сетки ч.2
  • Урок 119. 00:17:13
    7.5 Как работают SVG спрайты
  • Урок 120. 00:11:05
    7.6 Доделываем вторую секцию сайта
  • Урок 121. 00:11:13
    7.7 Создаем секцию Баннер ч.1
  • Урок 122. 00:07:23
    7.8 Создаем секцию Баннер ч.2
  • Урок 123. 00:20:11
    7.9 Создаем секцию с карточками
  • Урок 124. 00:11:30
    7.10 Создаем галерею
  • Урок 125. 00:09:06
    7.11 Создаем footer
  • Урок 126. 00:03:33
    7.12 Делаем Гамбургер
  • Урок 127. 00:14:30
    7.13 Создаем header ч.1
  • Урок 128. 00:07:20
    7.14 Создаем header ч.2
  • Урок 129. 00:18:17
    7.15 Адаптируем сайт
  • Урок 130. 00:02:44
    8 До свидания!