✏️ Начинаем разбирать с самого нуля HTML — одну из трех главных технологий фронтенда. В начале мы немного ознакомимся с теорией, чтобы не теряться в терминах в дальнейшем, а затем перейдем к разбору HTML-тегов, которые, на мой взгляд, необходимо знать каждому фронтенд-разработчику.
🔴 Timeline:
▶ 00:00 | Вступление
▶ 00:10 | Что будет на курсе
▶ 00:27 | Что такое HTML
▶ 00:45 | Понятие тега
▶ 01:07 | Анатомия парного тега
▶ 01:35 | Анатомия одиночного тега
▶ 02:04 | Поток документа
▶ 02:32 | Понятие вложенности
▶ 02:55 | Порядок открытия и закрытия тегов
▶ 03:15 | Атрибуты
▶ 03:34 | Одиночные атрибуты
▶ 03:56 | Размещение нескольких атрибутов
▶ 04:19 | Глобальные атрибуты
▶ 04:34 | Список атрибутов MDN
▶ 04:45 | Базовая HTML-разметка страницы
▶ 04:53 | doctype
▶ 05:14 | Тег html
▶ 05:25 | Атрибут lang
▶ 05:46 | Тег head
▶ 05:57 | Тег meta
▶ 06:37 | Тег title
▶ 06:49 | Тег body
▶ 07:10 | Что дальше
📚 Полезные ссылки:
➖ Современный справочник по HTML: [ Ссылка ]
➖ Справочник по фронтенду "MDN" от разработчиков Mozilla Firefox: [ Ссылка ]
➖ Список всех существующих HTML атрибутов на MDN: [ Ссылка ]
💬 Чат в телеграмме (помощь новичкам):
[ Ссылка ]
🔸 Boosty (поддержать канал):
[ Ссылка ]
🗂️ Бесплатные курсы на канале:
🟠 HTML: [ Ссылка ]
🔵 CSS: [ Ссылка ]
🟡 JS: [ Ссылка ]
🟢 A11y: [ Ссылка ]
⚪️ Мастер-класс по верстке для новичков: [ Ссылка ]
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): [ Ссылка ]
🗺 Frontend Roadmap 2024 [ Ссылка ]
📌 Автор:
➖ Личный сайт: [ Ссылка ]
➖ Telegram: [ Ссылка ]
➖ Boosty: [ Ссылка ]
➖ GetMentor: [ Ссылка ]
➖ Solvery: [ Ссылка ]
#frontend #фронтенд #html
Ещё видео!