Эксклюзивный контент в Telegram: Исходники: Получить профессию Frontend разработчика - Бесплатный курс HTML & CSS - Сделать 5 проектов на JavaScript - Я в соц сетях: Telegram: VK: Instagram: Мои паблики по JavaScript: Telegram: VK: JS сообщество в Telegram: 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 - Аутро
Hide player controls
Hide resume playing