• Урок 1. 00:01:31
    1.1 Приветствие
  • Урок 2. 00:05:24
    1.2 Как работают сайты. Верстка. Backend и Frontend
  • Урок 3. 00:03:25
    1.3 Возможности HTML, CSS, JS
  • Урок 4. 00:03:16
    1.4 Редактор кода. Codepen
  • Урок 5. 00:06:19
    1.5 Работа с devtools
  • Урок 6. 00:18:53
    1.6 VS Code
  • Урок 7. 00:00:30
    1.7 Домашняя работа
  • Урок 8. 00:01:36
    2.1 Ускорение работы. Emmet
  • Урок 9. 00:15:05
    2.2 Элементы HTML-разметки. Базовые теги
  • Урок 10. 00:11:27
    2.3 Теги картинок и ссылок. Кнопки
  • Урок 11. 00:07:20
    2.4 Теги таблиц
  • Урок 12. 00:03:55
    2.5 Служебные теги
  • Урок 13. 00:05:42
    2.6 Кодстайл HTML
  • Урок 14. 00:07:19
    3.1 Подключение CSS
  • Урок 15. 00:14:39
    3.2 Селекторы. Вес селектора
  • Урок 16. 00:07:34
    3.3 Единицы измерения CSS
  • Урок 17. 00:18:55
    3.4 Стилизация CSS
  • Урок 18. 00:05:27
    3.5 Свойство display
  • Урок 19. 00:09:42
    3.6 Блочная модель
  • Урок 20. 00:16:54
    3.7 Позиционирование
  • Урок 21. 00:03:00
    3.8 Кодстайл CSS
  • Урок 22. 00:10:52
    4.1 Форматы изображений
  • Урок 23. 00:10:01
    4.2 Работа с макетом. Photoshop
  • Урок 24. 00:09:05
    4.3 Экспорт изображений
  • Урок 25. 00:06:43
    4.4 Работа с макетом. Figma
  • Урок 26. 00:00:46
    5.1 Интро
  • Урок 27. 00:07:20
    5.2 HTML-семантика
  • Урок 28. 00:10:15
    5.3 Контентные и декоративные изображения
  • Урок 29. 00:12:09
    5.4 Структура проекта и разметка Header
  • Урок 30. 00:20:10
    5.5 Разметка Hero и What We Do
  • Урок 31. 00:17:45
    5.6 Разметка Testimonials и Contacts
  • Урок 32. 00:08:39
    5.7 Разметка Footer
  • Урок 33. 00:24:25
    6.1 Flexbox. Теория
  • Урок 34. 00:18:31
    6.2 Подготовка стилей. Header
  • Урок 35. 00:12:00
    6.3 Hero и What We Do
  • Урок 36. 00:15:14
    6.4 Testimonials и Contacts
  • Урок 37. 00:04:44
    6.5 Footer
  • Урок 38. 00:18:05
    7.1 Header и Hero
  • Урок 39. 00:17:25
    7.2 What We Do и Testimonials
  • Урок 40. 00:15:27
    7.3 Contacts и Footer
  • Урок 41. 00:00:41
    7.4 Итоги модулей 5–7
  • Урок 42. 00:12:07
    8.1 Узконаправленные теги
  • Урок 43. 00:08:34
    8.2 Теги для аудио и видео. Iframe. Нюансы использования
  • Урок 44. 00:05:39
    8.3 Продвинутое подключение изображений
  • Урок 45. 00:28:54
    8.4 Формы
  • Урок 46. 00:00:36
    9.1 Интро
  • Урок 47. 00:16:39
    9.2 Подключение шрифтов
  • Урок 48. 00:12:15
    9.3 Комбинаторные селекторы
  • Урок 49. 00:20:35
    9.4 Псевдоклассы
  • Урок 50. 00:16:17
    9.5 Псевдоэлементы
  • Урок 51. 00:11:48
    9.6 Transition
  • Урок 52. 00:22:46
    9.7 Transform
  • Урок 53. 00:09:41
    9.8 Кастомные свойства
  • Урок 54. 00:13:18
    9.9 CSS-функции
  • Урок 55. 00:02:32
    9.10 БЭМ-именование
  • Урок 56. 00:00:46
    10.1 Интро
  • Урок 57. 00:07:28
    10.2 Что такое сетка
  • Урок 58. 00:15:53
    10.3 Построение собственной сетки
  • Урок 59. 00:17:44
    10.4 Сетки на примере Bootstrap
  • Урок 60. 00:13:29
    10.5 Практика - bootstrap
  • Урок 61. 00:08:11
    10.6 Пример сложной разработки сетки
  • Урок 62. 00:01:27
    10.7 Аутро
  • Урок 63. 00:00:45
    11.1 Интро
  • Урок 64. 00:08:38
    11.2 Виды верстки
  • Урок 65. 00:09:36
    11.3 Медиа-запросы. Mobile First
  • Урок 66. 00:13:28
    11.4 Медиа-запросы. Практика
  • Урок 67. 00:08:54
    11.5 Best Practices
  • Урок 68. 00:14:32
    11.6 Pixel Perfect
  • Урок 69. 00:00:45
    11.7 Домашняя работа
  • Урок 70. 00:00:23
    12.1 Интро
  • Урок 71. 00:06:42
    12.2 Адаптивные изображения
  • Урок 72. 00:07:15
    12.3 Настройка сервера для проверки адаптивности
  • Урок 73. 00:05:38
    12.4 Формы на нативных устройствах
  • Урок 74. 00:09:56
    12.5 Практика
  • Урок 75. 00:00:31
    13.1 Интро
  • Урок 76. 00:02:59
    13.2 Понятие доступности
  • Урок 77. 00:05:34
    13.3 Проверка доступности. Клавиатура
  • Урок 78. 00:03:36
    13.4 Проверка доступности. Скринридер
  • Урок 79. 00:11:06
    13.5 Влияние семантики на доступность
  • Урок 80. 00:13:11
    13.6 ARIA
  • Урок 81. 00:00:52
    13.7 Аутро
  • Урок 82. 00:05:02
    14.1 Что такое JavaScript
  • Урок 83. 00:21:27
    14.2 DOM
  • Урок 84. 00:13:21
    14.3 События
  • Урок 85. 00:12:37
    14.4 Готовые решения — Слайдер
  • Урок 86. 00:07:50
    14.5 Готовые решения — Аккордеон
  • Урок 87. 00:07:05
    14.6 Экосистема Js
  • Урок 88. 00:00:42
    15.1 Интро
  • Урок 89. 00:02:47
    15.2 Введение
  • Урок 90. 00:14:12
    15.3 Стандартные стили браузеров
  • Урок 91. 00:13:44
    15.4 Способы обеспечения кроссбраузерности
  • Урок 92. 00:07:56
    15.5 Проверка кроссбраузерности
  • Урок 93. 00:12:02
    16.1 Кастомизация элементов формы (чекбокс, радиокнопка)
  • Урок 94. 00:09:45
    16.2 Кастомизация селекта
  • Урок 95. 00:12:00
    16.3 Работа с Yandex-картой
  • Урок 96. 00:08:53
    16.4 Тултипы - всплывающие подсказки по наведению
  • Урок 97. 00:07:25
    16.5 Свой скролл на сайте
  • Урок 98. 00:04:54
    16.6 Перезапуск плагина
  • Урок 99. 00:13:31
    16.7 Валидация формы
  • Урок 100. 00:03:08
    17.1 Интро
  • Урок 101. 00:14:05
    17.2 Работа с хостингом
  • Урок 102. 00:00:34
    17.3 Аутро
  • Урок 103. 00:01:42
    1.1 Интро
  • Урок 104. 00:17:08
    1.2 Основные правила вёрстки писем
  • Урок 105. 00:07:05
    1.3 Основные почтовики для проверки писем
  • Урок 106. 00:25:36
    1.4 Практика
  • Урок 107. 00:00:30
    2.1 Интро
  • Урок 108. 00:06:45
    2.2 Как подключать svg на страницу
  • Урок 109. 00:14:43
    2.3 Создание svg с нуля
  • Урок 110. 00:07:58
    2.4 Размеры svg
  • Урок 111. 00:04:08
    2.5 Изменение svg через css
  • Урок 112. 00:06:04
    2.6 SVG-спрайты
  • Урок 113. 00:00:34
    3.1 Интро
  • Урок 114. 00:14:42
    3.2 Анимации на чистом JS. SetInterval
  • Урок 115. 00:21:10
    3.3 Анимации на чистом JS. RequestAnimationFrame
  • Урок 116. 00:12:57
    3.4 GreenSock. Базовая анимация
  • Урок 117. 00:06:52
    3.5 GreenSock. Управление анимацией
  • Урок 118. 00:00:50
    3.6 Итоги модуля
  • Урок 119. 00:00:39
    4.1 Интро
  • Урок 120. 00:11:53
    4.2 Загрузка сайта и метрики
  • Урок 121. 00:06:07
    4.3 Скорость загрузки — css и js
  • Урок 122. 00:05:50
    4.4 Скорость загрузки — шрифты
  • Урок 123. 00:10:34
    4.5 Скорость загрузки — изображения
  • Урок 124. 00:04:20
    4.6 Минификация — изображения
  • Урок 125. 00:06:11
    4.7 Минификация — шрифты
  • Урок 126. 00:02:06
    4.8 Минификация — css
  • Урок 127. 00:03:46
    4.9 Минификация — js
  • Урок 128. 00:05:03
    4.10 Ускорение доставки — CDN
  • Урок 129. 00:06:08
    4.11 Ускорение доставки — кеширование
  • Урок 130. 00:04:47
    4.12 Ускорение доставки — http 2.0
  • Урок 131. 00:09:37
    4.13 Lighthouse
  • Урок 132. 00:00:36
    5.1 Интро
  • Урок 133. 00:01:05
    5.2 Конвейер пикселей. Парсинг html и css
  • Урок 134. 00:01:42
    5.3 Конвейер пикселей. Расчет стилей
  • Урок 135. 00:01:07
    5.4 Конвейер пикселей. Расчет геометрии
  • Урок 136. 00:01:07
    5.5 Конвейер пикселей. Отрисовка
  • Урок 137. 00:02:41
    5.6 Конвейер пикселей. Компоновка
  • Урок 138. 00:04:51
    5.7 Изменение интерфейса и перерисовка
  • Урок 139. 00:08:39
    5.8 Досрочное вычисление геометрии
  • Урок 140. 00:05:17
    5.9 Приемы для улучшения производительности
  • Урок 141. 00:01:44
    6.1 Интро
  • Урок 142. 00:22:51
    6.2 Gulp. Первые таски
  • Урок 143. 00:12:32
    6.3 Gulp. Watching файлов. Browser-sync
  • Урок 144. 00:12:32
    6.4 Gulp. Обработка картинок, создание svg-спрайтов
  • Урок 145. 00:15:05
    6.5 Gulp. Обработка javascript
  • Урок 146. 00:12:32
    6.6 Gulp. Добавление sourcemaps и перенос файлов
  • Урок 147. 00:05:26
    6.7 Parcel
  • Урок 148. 00:00:43
    7.1 Интро
  • Урок 149. 00:04:25
    7.2 Идея препроцессинга и постпроцессинга
  • Урок 150. 00:12:58
    7.3 Препроцессор Sass. Синтаксис и конструкции
  • Урок 151. 00:16:56
    7.4 Препроцессор Sass. Практика
  • Урок 152. 00:17:41
    7.5 Препроцессор PUG. Практика
  • Урок 153. 00:03:21
    7.6 PostCSS
  • Урок 154. 00:01:13
    7.7 Итоги
  • Урок 155. 00:11:25
    8.1 Что такое Grid. Базовые свойства контейнера. Явная сетка
  • Урок 156. 00:05:24
    8.2 Неявная сетка
  • Урок 157. 00:02:49
    8.3 Адаптивный грид
  • Урок 158. 00:06:26
    8.4 Управление элементами сетки
  • Урок 159. 00:05:40
    8.5 Прочие особенности CSS Grid
  • Урок 160. 00:11:50
    8.6 Именованные области сетки
  • Урок 161. 00:00:56
    8.8 Аутро
  • Урок 162. 00:03:18
    9.1 Пути развития верстальщика
  • Урок 163. 00:03:48
    1.1 Основы веб-технологий
  • Урок 164. 00:04:43
    1.2 Веб-разработка - кратко о веб-серверах, html, http
  • Урок 165. 00:03:35
    1.3 Пишем простейшее серверное приложение на python
  • Урок 166. 00:02:18
    1.4 Компоненты веб-приложения и первый запуск Django
  • Урок 167. 00:05:02
    1.5 Пишем приложение на Django
  • Урок 168. 00:01:14
    1.6 Домашняя работа
  • Урок 169. 00:06:36
    2.1 Виртуальное окружение
  • Урок 170. 00:03:35
    2.2 Разбор manage.py help
  • Урок 171. 00:08:32
    2.3 Разбор urls.py и views.py
  • Урок 172. 00:07:01
    2.4 Разбираемся с шаблонами
  • Урок 173. 00:01:05
    2.5 Итоги урока
  • Урок 174. 00:00:37
    2.6 Домашняя работа
  • Урок 175. 00:02:10
    3.1 Концепция MVC
  • Урок 176. 00:02:27
    3.2 Путь от request до response
  • Урок 177. 00:04:42
    3.3 Middleware
  • Урок 178. 00:06:28
    3.4 Язык шаблонов django
  • Урок 179. 00:02:55
    3.5 Class Based Views
  • Урок 180. 00:03:55
    3.6 Generic views
  • Урок 181. 00:01:16
    3.7 Домашняя работа
  • Урок 182. 00:04:07
    4.1 Объектно-реляционное отображение (ORM)
  • Урок 183. 00:10:05
    4.2 Модели и поля в Django ORM
  • Урок 184. 00:07:12
    4.3 Свойства полей
  • Урок 185. 00:08:40
    4.4 Поля отношений
  • Урок 186. 00:06:53
    4.5 Метаданные моделей и индексы
  • Урок 187. 00:12:08
    4.6 ListView, DetailView (Generic views)
  • Урок 188. 00:01:01
    4.7 Домашняя работа
  • Урок 189. 00:03:02
    5.1 HTML-формы и POST-запросы
  • Урок 190. 00:15:19
    5.2 Формы в Django
  • Урок 191. 00:01:38
    5.3 Процесс управления формой в Django
  • Урок 192. 00:05:26
    5.4 Валидация форм
  • Урок 193. 00:08:33
    5.5 Дополнительные возможности валидации форм
  • Урок 194. 00:10:28
    5.6 ModelForm
  • Урок 195. 00:05:27
    6.1 Админка из коробки
  • Урок 196. 00:06:38
    6.2 ModelAdmin
  • Урок 197. 00:06:38
    6.3 Фильтры и поле поиска
  • Урок 198. 00:09:08
    6.4 Редактирование связанных записей
  • Урок 199. 00:08:03
    6.5 Группировка полей
  • Урок 200. 00:07:24
    6.6 Групповые действия
  • Урок 201. 00:03:09
    7.1 Login. Как это работает. Аутентификация
  • Урок 202. 00:12:52
    7.2 Пишем view для аутентификации
  • Урок 203. 00:04:30
    7.3 Стандартные view для аутентификации
  • Урок 204. 00:08:35
    7.4 Пользователи и сессии
  • Урок 205. 00:06:27
    7.5 Logout. Как это работает
  • Урок 206. 00:08:46
    8.1 Регистрация
  • Урок 207. 00:06:59
    8.2 Расширенная модель пользователя
  • Урок 208. 00:02:39
    8.3 Групповые и персональные права
  • Урок 209. 00:07:40
    8.4 Работа с правами в админ панели django
  • Урок 210. 00:09:51
    8.5 Другие способы ограничения доступа
  • Урок 211. 00:05:19
    9.1 POST-запросы и отправка файлов
  • Урок 212. 00:06:43
    9.2 Обработка загруженных файлов
  • Урок 213. 00:03:57
    9.3 FileField и хранение файлов
  • Урок 214. 00:04:10
    9.4 Загрузка нескольких файлов и работа с административной панелью
  • Урок 215. 00:04:09
    10.1 Пишем тесты
  • Урок 216. 00:04:49
    10.2 Тесты в django
  • Урок 217. 00:05:47
    10.3 Тесты для страниц сайта
  • Урок 218. 00:10:21
    10.4 TDD (Test-driven development)
  • Урок 219. 00:02:49
    10.5 Пирамида тестирования
  • Урок 220. 00:02:10
    11.1 Что такое интернационализация и локализация
  • Урок 221. 00:07:55
    11.2 Стандартные средства интернационализации в django
  • Урок 222. 00:06:46
    11.3 Интернационализация в шаблонах
  • Урок 223. 00:07:25
    11.4 Интернационализация в коде приложения
  • Урок 224. 00:06:45
    11.5 Интернационализация административной панели
  • Урок 225. 00:02:03
    12.1 Что такое кэширование
  • Урок 226. 00:04:14
    12.2 Система кэширования django
  • Урок 227. 00:01:52
    12.3 Кэширование представлений (страниц)
  • Урок 228. 00:03:47
    12.4 Кэширование фрагмента шаблона
  • Урок 229. 00:02:44
    12.5 Использование низкоуровневого cache API django
  • Урок 230. 00:01:29
    13.1 REST как основа дизайна API приложений
  • Урок 231. 00:04:56
    13.2 Знакомство с Django REST Framework
  • Урок 232. 00:04:39
    13.3 Используем serializer Django REST Framework
  • Урок 233. 00:04:09
    13.4 Знакомство с class-based views DRF
  • Урок 234. 00:01:50
    13.5 Используем миксины django rest framework
  • Урок 235. 00:02:52
    13.6 Фильтрация
  • Урок 236. 00:01:37
    14.1 Зачем нужно документирование
  • Урок 237. 00:08:00
    14.2 Знакомимся с django docstring и admindocs
  • Урок 238. 00:03:02
    14.3 Best practices документирования проекта
  • Урок 239. 00:05:38
    14.4 Документация в Django REST Framework
  • Урок 240. 00:04:21
    14.5 Знакомство со сторонними инструментами для генерации спецификаций
  • Урок 241. 00:03:34
    15.1 Эффективное взаимодействие с базой данных
  • Урок 242. 00:14:38
    15.2 Проблема N+1, select_related и prefetch_related
  • Урок 243. 00:02:53
    15.3 Использование транзакций
  • Урок 244. 00:04:11
    15.4 Приемы оптимизации скорости и количества запросов
  • Урок 245. 00:05:05
    15.5 Агрегации и аннотации
  • Урок 246. 00:01:31
    16.1 Зачем нужно логирование
  • Урок 247. 00:05:15
    16.2 Логирование в django
  • Урок 248. 00:06:18
    16.3 Зачем нужно профилирование
  • Урок 249. 00:05:33
    16.4 Знакомство с дополнительными инструментами (Sentry, ELK)
  • Урок 250. 00:02:21
    17.1 Форматы данных XML, JSON, YAML
  • Урок 251. 00:10:00
    17.2 Сериализация в django
  • Урок 252. 00:07:00
    17.3 Фикстуры
  • Урок 253. 00:06:34
    17.4 Лента новостей
  • Урок 254. 00:06:07
    17.5 Карта сайта
Этот материал находится в платной подписке. Оформи премиум подписку и смотри Python-фреймворк Django, а также все другие курсы, прямо сейчас!
Премиум