HTML для Начинающих - Практический Курс

preview_player
Показать описание

Получить профессию Frontend разработчика -

Я в соц сетях:

Мои паблики по JavaScript:

Roadmap по каналу:

Видео по основам первого строительного блока в Web-разработке - HTML.
В рамках данного ролика вы напишите на чистом HTML сайт резюме, научитесь работать с VSCode и зальете сайт на GitHub Pages.

HTML + CSS. Практические Курсы
Я уже очень давно хотел это сделать)
Хочу, чтоб каналом новые зрители могли пользоваться, как бесплатной образовательной площадкой прям с нуля.
Чтоб вот пришел зритель, и поэтапно выучил HTML, потом CSS, потом JavaScript и перешел к практике.
Как вы знаете JavaScript на канале очень много, потому ловите первые строительные блоки для веба.
Я разработал 2 ролика, в которых последовательно буду показывать, как с нуля сделать сайт-резюме и выложить его на GitHub.
В процессе вы узнаете про все необходимые элементы внутри HTML и CSS с нуля.

0:00 - Интро
1:13 - Введение. Что такое HTML.
3:17 - Примеры сайтов на чистом HTML.
4:53 - Синтаксис HTML.
7:14 - Работа с тегами.
9:55 - Правила работы с документацией.
11:34 - Важная рекомендация по поводу прохождения курса.
12:25 - Отступы между тегами.
13:59 - Горизонтальная линия.
14:32 - Параграфы.
15:37 - Комментарии в HTML.
16:31 - Атрибуты тегов.
21:36 - Вторая важная рекомендация.
22:09 - Редактор VSCode. Установка плагинов.
26:27 - Начальный этап разработки на HTML.
27:19 - Отображение HTML в браузере.
29:26 - Базовая структура HTML-документа.
31:49 - Справочная информация об HTML-документе.
32:29 - Тело документа.
32:45 - Быстрое создание базовой структуры.
33:30 - DOCTYPE и meta-информация о документе.
34:28 - Кодировка HTML-документа.
35:43 - Автоматическое форматирование при сохранении.
36:46 - Практика: сайт-резюме.
38:28 - Выделение важных элементов страницы.
40:55 - Структура секций резюме.
41:40 - Неупорядоченный список.
43:32 - Упорядоченный список.
44:38 - Атрибуты списков.
46:19 - Ссылки.
49:51 - Мультистраничный сайт.
52:47 - Изображения.
55:32 - Недоступность изображения.
56:40 - Таблицы. Базовая структура.
1:00:33 - Таблицы. Заголовки колонок.
1:02:35 - Таблицы. Создание сетки.
1:04:34 - Формы.
1:05:37 - Типы полей ввода.
1:11:31 - Поле для ввода большого текста.
1:13:10 - Атрибуты тега form.
1:13:45 - Обзор готовой страницы.
1:14:14 - Деплой на GitHub.
1:17:59 - Завершение.
1:18:37 - Аутро
Рекомендации по теме
Комментарии
Автор

А как вы думаете, насколько важно изучать CSS и JavaScript вместе с HTML для создания полноценного сайта? Лично я тоже долго выбирал курсы по IT, рассматривал разные варианты, но в итоге остановился на Skypro. Благодаря наставнику смог не только освоить основы, но и найти первого заказчика))

MauroCesario-od
Автор

Зашел сказать "спасибо"! Пару лет назад смотрел твои уроки и пытался обучаться, вот уже как полгода работаю реакт разработчиком, даже на повышение пошел недавно. Спасибо, Владилен!

dmitriystoyanov
Автор

Под курсом по CSS оформил развернутые таймкоды, оформлю теперь и здесь)
*учел поправки по таймкодам по CSS, благодарю, что добавили, в этот раз оформлю более ёмко*

0:00 - Интро
1:13 - Введение. Что такое HTML.
3:17 - Примеры сайтов на чистом HTML.
4:53 - Синтаксис HTML.
7:14 - Работа с тегами.
9:55 - Правила работы с документацией.
11:34 - Важная рекомендация по поводу прохождения курса.
12:25 - Отступы между тегами.
13:59 - Горизонтальная линия.
14:32 - Параграфы.
15:37 - Комментарии в HTML.
16:31 - Атрибуты тегов.
21:36 - Вторая важная рекомендация.
22:09 - Редактор VSCode. Установка плагинов.
26:27 - Начальный этап разработки на HTML.
27:19 - Отображение HTML в браузере.
29:26 - Базовая структура HTML-документа.
31:49 - Справочная информация об HTML-документе.
32:29 - Тело документа.
32:45 - Быстрое создание базовой структуры.
33:30 - DOCTYPE и meta-информация о документе.
34:28 - Кодировка HTML-документа.
35:43 - Автоматическое форматирование при сохранении.
36:46 - Практика: сайт-резюме.
38:28 - Выделение важных элементов страницы.
40:55 - Структура секций резюме.
41:40 - Неупорядоченный список.
43:32 - Упорядоченный список.
44:38 - Атрибуты списков.
46:19 - Ссылки.
49:51 - Мультистраничный сайт.
52:47 - Изображения.
55:32 - Недоступность изображения.
56:40 - Таблицы. Базовая структура.
1:00:33 - Таблицы. Заголовки колонок.
1:02:35 - Таблицы. Создание сетки.
1:04:34 - Формы.
1:05:37 - Типы полей ввода.
1:11:31 - Поле для ввода большого текста.
1:13:10 - Атрибуты тега form.
1:13:45 - Обзор готовой страницы.
1:14:14 - Деплой на GitHub.
1:17:59 - Завершение.
1:18:37 - Аутро

P.S. Надеюсь, получилось не слишком раздуто )

mxbiler
Автор

Очень нравится стиль изложения и что нет ничего лишнего. Время потрачено максимально эффективно

vishnevskiyvladimir
Автор

Очень сильно соскучился по твоим обучающим видео, мне этого не хватало. Лайк за труд !
Мне твоего курса по HTML не хватало. Даже были мысли в директ написать)

awesome
Автор

HTML урок от Владидена это нечто особенное и уникальное, хотя в ютубе их дохера. Обязательно к просмотру!!!

imbydlo
Автор

Товарищи, не забываем про благодарность Владлену! Все дружно с первой зарплаты скидываемся на поддержку канала, на мой взгляд лучший канал на ЮТУБе по данной тематике. Спасибо тебе большое, тоже на этапе обучения :)

andrewlevitsky
Автор

Огромное спасибо автору за подробное объяснение и такую возможность изучения непростых языков программирования! В наше время всё платно, а вы делаете добро другим людям и продвигаете самообразование.

WINCHESTER_TV
Автор

камент для поддержки и развития канала! как всегда безупречно-понятно-краткая форма подачи информации! спасибо! продолжай!

serdotsenko
Автор

Посмотрел видео о твоём жизненном пути. Вдохновляет, молодец. Можно ставить лайки не глядя, и каждое видео, я уверен, заведомо полезное. Лучшее что я видел на ютубе: подача, структура, голос, практические задания - все что нужно.

mykytamalook
Автор

Очень хороший канал, позитивный и без понтов. Помимо прочего, прекрасная подача материала, все толково и обстоятельно. Спасибо!

AlexanderKiyashko
Автор

Уважаемый Владилен вам огромное спасибо за такой огромный труд. Сейчас в наше время редкая явления отдать своё знания другим бесплатно. Ещё ваше видеоролики очень классные. Мой благодарность вам и вашим родителям за то что воспитовали такого сына.

jyfxxud
Автор

Спасибо большое Владилен! Боялся и откладывал начинать. Я прям не отрывался и смотрел и делал с большим удовольствием. Круто!)

sultankarabalaev
Автор

Владилен, огромное спасибо за ваш ролик, давно его ждал именно по HTML, CSS.

yfiyukv
Автор

Спасибо вам большое! Я недавно вас нашел в ютубе и очень сильно рад, что попал к вам. Дай Бог вам здоровье и спасибо вам еще раз за то, что преподносите материал для изучение. Я сам студент (19 лет) и хочу выучить все курсы по FrontEnd Developer)))

hqqyeyj
Автор

Ну, собственно, как и всегда - интересно, доходчиво, полезно! Спасибо, Владилен!

Pan_Jan_Wroclawski
Автор

Доброе утро. Я знаком с html но после просмотра вашего ролика узнал новое и вспомнил старое )). А вообще вы своим трудом способствует развитию it индустрии нашего государства. Что очень хорошо и за что вам огромное спасибо.

uehysol
Автор

Отличная подача!Приятный голос! Много раз пересматриваю и не надоедает! Владилен, спасибо за уделённое время!!!

xhddvvk
Автор

Наконец-то узнал, что такое "сеточная верстка") знал, что в древности их использовали, но не доходили руки посмотреть) спасибо за урок!

cvlwxmc
Автор

Большое спасибо! Даже узнал что-то новое! Жду урок по CSS!

kirillk