[Brainscloud] [Дмитрий Валак] Основы создания сайтов. HTML и CSS для начинающих (2019)

Несколько раз неспешно я начинал изучение веб. программирования. Я говорю, сугубо о фронтэнде т.к. бэкэнд писал и пишу. Так вот, какие-то чаще всего конченые курсы попадались мне, что и так понятно. Самый конченый вариант это хтмл академия. Следом за ней идут менее популярные варианты. Конченность тех вариантов в том, что они не особо структурированы и размазаны на часы. Я в последние несколько лет включаю то, что меня интересует и если там 2-х часовые видео и информации полезной на считанные минуты - такое стираю без вариантов. И это значительно экономит моё время.
Так вот. Дмитрий Валак порадовал в этом плане. Информация сжата. Видео достаточно коротенькие, но.. базовые вещи, которые нужно понимать изначально для начинающего веб. разработчика имеются. Да, не всё он объясняет, и, создаётся впечатление он не совсем понимает некоторые вещи. Но.. как я понимаю, я знаю, некоторые технологии, которых много, не многие программисты могут объяснить в общем виде. Есть такие вещи, которые сочетают в себе много чего и достаточно сложные.
В итоге, мне понравилось то, что видео здесь короткие. После просмотра каждого видео, понимаешь какие инструменты применяет автор и для чего они необходимы. Далее, дабы заполнить пробел и более полноценно понять суть интересующей технологии никто не мешает шерстить документацию.
Хочу заметить ещё 1 аспект. Здесь, в отличие от многих конченых курсов, продоставлен достаточно адекватный вариант организации структуры кода. В отличие от бэкэнда, где это является нормой, во фронтэнд разработке, именно, в курсах, я заметил тенденцию, что клепатели курсов не уделяют внимание организации кода. А это очень важно.
Ну и.. как это обычно бывает, есть пару мест в курсе, хотя курс 2019 года..  где код не актуальный, т.к. некоторые методы (функции) уже являются depricated. Но это мелочь, которую полезно понимать и решить самостоятельно.
В общем, всем советую смотреть этот курс!

01. Основы HTML и CSS (10:20:00)
Урок 01. Введение 02:19
Урок 02. Установка редактора Brackets 02:28
Урок 03. HTML-теги (теория)11:37
Урок 04. Создание скелета HTML-документа 06:14
Урок 05. HTML-теги форматирования текста (h1-h6, p, br, em, i, b, strong и др.) 14:55
Урок 06. CSS селекторы и свойства (теория) 12:45
Урок 07. Свойства для стилизации текста 25:37
Задание. Работа с текстом
Урок 08. Инструменты разработчика - DevTools 09:20
Урок 09. Изображения и ссылки (img, a) 18:46
Урок 10. Растровая и векторная графика, форматы изображений (png, jpg, svg) 18:46
Задание. Работа с изображениями и ссылками
Урок 11. HTML-таблицы (table, tr, td, th, tbody и др.) 24:02
Задание. Создание таблиц
Урок 12. Блочные и строчные элементы (div, span) 20:05
Урок 13. Работа с фоном. Часть 1 22:05
Урок 14. Работа с фоном. Часть 2 12:09
Задание. Работа с фоном
Урок 15. Справочники 02:16
Урок 16. Наименование классов 10:03
Урок 17. Создание простой HTML-страницы (практика) 27:06
Урок 18. HTML-формы (form, input, textarea, button) 28:05
Задание. Создание формы (практика)
Урок 19. Псевдоклассы 20:11
Урок 20. Границы (border, outline) 22:00
Урок 21. Создание формы регистрации (практика) 26:34
Урок 22. Позиционирование (relative, static, absolute, fixed) 28:21
Урок 23. Позиционирование (практика) 09:42
Задание. Позиционирование
Урок 24. Псевдоэлементы (before, after, first-letter, first-line) 16:10
Урок 25. HTML5-теги (header, nav, footer, article и др.) 17:54
Урок 26. CSS3 свойства 23:26
Урок 27. Основы flexbox 26:58
Задание. Работа с flexbox
Урок 28. Доработка страницы (HTML5, CSS3, flexbox) 20:26
Урок 29. Селекторы, псевдоклассы 16:34
Задание. Селекторы, псевдоклассы
Урок 30. Приоритеты селекторов 13:00
Урок 31. Единицы измерения (em, rem) 12:11
Задание. Создание кнопок (em, rem)
Урок 32. HTML-теги (abbr, code, cite, blockquote и др.) 12:29
Урок 33. Стилизация кода (HTML, CSS) 20:12
Задание. Стилизация кода
Урок 34. Вертикальное выравнивание (vertical-align) 03:11
Урок 35. Обтекания (float, clearfix) 15:34
Урок 36. Видимость элементов (display, opacity, visibility) 09:40
Урок 37. Специальные символы 05:07
Урок 38. Префиксы (-webkit-, -moz-, -ms-) 05:41
Урок 39. Вставка видео и аудио (video, audio, source) 12:31
Урок 40. Google fonts, локальные шрифты 15:43
Задание. Работа со шрифтами
Урок 41. Основы адаптивной верстки (media queries) 26:01
Задание. Адаптация блоков
Урок 42. Цвета (HEX, rgb, rgba) 05:56
Урок 43. Возможности Brackets и плагины 12:55
02. Верстка адаптивного сайта с нуля (02:49:00)
Урок 01. Введение 04:23
Урок 02. Основы работы с Photoshop 12:33
Урок 03. Основы работы с Abode XD 06:31
Урок 04. Подготовительные работы 05:48
Урок 05. Верстка шапки сайта 13:46
Урок 06. Верстка текстового блока 11:43
Урок 07. Верстка фотографии 03:45
Урок 08. Верстка контактов 10:24
Урок 09. Верстка страницы "Об авторе" 03:02
Урок 10. Верстка страницы "Контакты" 13:52
Урок 11. Адаптация сайта под разные устройства. Часть 1 11:17
Урок 12. Адаптация сайта под разные устройства. Часть 2 12:50
Урок 13. Favicon, мета-теги 06:11
Урок 14. Кроссбраузерная и валидная верстка 04:54
Урок 15. Домен и хостинг. Размещаем сайт в интернете 32:55
Урок 16. Что делать дальше? План развития 15:53