00 | HTML5 для новичков | Введение в Основы HTML 2024 / обновленная Версия

Описание

Не знаете с чего начать изучение HTML5 в 2024 году?
Этот базовый курс поможет вам разобраться в основах HTML!
Видео для новичков, которые хотят выучить HTML с нуля.

https://www.youtube.com/@GoToFrontend

Добро пожаловать на базовый курс по изучению языка гипертекстовой разметки HTML5! Этот курс разработан специально для начинающих веб-разработчиков, которые хотят стать профессионалами в создании веб-сайтов и приложений.
Узнайте основы HTML и начните изучать фронтенд с нуля, простым и доступным способом!

https://youtube.com/playlist?list=PLK7Dmn8DagU5j4C8fDeOKkNN4kZ8ZVLDw
АВТОР КУРСА - Андрій Кльон

HTML - это структура сайта, одна из трех базовых технологий, используемых для создания веб-сайтов. Он отвечает за создание структуры и содержания веб-страниц, которые отображаются в браузере. Другие две базовые технологии - CSS, которая отвечает за внешний вид и стиль страниц, и JavaScript, который делает страницы и приложения динамичными.

Изучение HTML является первым и важным шагом для будущих веб-разработчиков, так как он является основой для создания веб-страниц и приложений. В этом курсе мы рассмотрим все основные теги, которые используются для создания элементов веб-страниц. Вы научитесь создавать простые текстовые блоки, заголовки, параграфы, а также более сложные структуры, такие как формы и таблицы.

Вы будете писать HTML-код в специальном текстовом редакторе, который оптимизирован для разработчиков программного обеспечения. А чтобы проверить результаты своей работы, мы будем использовать браузер и его инструменты для веб-разработчиков.

В этом курсе мы фокусируемся исключительно на HTML5 и не будем подробно рассматривать CSS и JavaScript, так как это отдельные и обширные темы, которые требуют отдельного изучения.

Курс не требует от вас предварительных знаний, поскольку мы только начинаем наш путь в веб-разработке.

Для максимальной эффективности процесса обучения рекомендуется следовать определенной методике. Сначала просмотрите обучающий урок, особенно если вы новичок в веб-разработке.
Затем повторите действия, которые были продемонстрированы в уроке, и сравните результаты с тем, что показано в уроке. Обратите внимание на ошибки, такие как неправильно написанные теги или пропущенные символы.

Если у вас возникли проблемы или вопросы, не стесняйтесь обращаться за помощью. Вы можете найти наставника среди преподавателей IT курсов, репетиторов или знакомых, которые разбираются в веб-разработке. Если не удалось найти наставника, вы всегда можете обратиться за помощью на специализированных форумах или в социальных сетях.

Не бойтесь делать ошибки! В процессе обучения ошибки - это нормально. Веб-разработка - это область, в которой каждый может и должен учиться на собственных ошибках. Поэтому не останавливайтесь на первой ошибке, а продолжайте развиваться.

Также важно понимать, что веб-разработка не является строгой наукой, где есть только одно правильное решение. Вы можете решить одну задачу разными способами, используя разные теги и структуры кода.

Перед изучением HTML необходимо настроить среду разработки. Мы будем использовать Visual Studio Code в качестве редактора кода, который является бесплатным и мощным инструментом для разработчиков.

Также рекомендуется использовать Google Chrome или Mozilla Firefox в качестве браузера, так как они обладают инструментами разработчика, которые упрощают разработку и тестирование.

В первую очередь, необходимо скачать и установить на ваш компьютер редактор кода Visual Studio Code.

После установки VS Code, следующим шагом будет установка нескольких полезных расширений.
- Live Server: это плагин, который автоматически обновляет страницу в браузере при внесении изменений в соответствующий HTML файл. Это очень удобно, так как вы сразу видите результаты своих изменений.
- vscode-icons: этот плагин заменяет стандартные иконки файлов во вкладке обозревателя на более привлекательные. Это позволяет удобно ориентироваться в вашем проекте и быстро находить нужные файлы.
- Highlight Matching Tag: данный плагин выделяет открывающие и закрывающие теги подчеркиванием. Это помогает визуально отслеживать структуру вашего HTML кода и избегать ошибок.

Убедитесь, что вы выполнили все эти шаги, чтобы быть готовым к следующим этапам курса. Удачи в настройке вашей среды разработки!

СОДЕРЖАНИЕ:
⏱ 00:00 - начало
⏱ 00:11 - язык гипертекстовой разметки HTML
⏱ 00:23 - характеристики данного курса
⏱ 00:50 - методика обучения
⏱ 01:15 - пути решения проблемы
⏱ 01:46 - среда разработки
⏱ 01:59 - редактор кода VS Code (Visual Studio Code)
⏱ 02:18 - "Extensions" (Расширения) - плагины "Emmet" и "Live Server"
⏱ 02:32 - "Install" (Установить) "Live Server"
⏱ 02:47 - редактор кода Sublime Text
⏱ 03:06 - редактор кода WebStorm
⏱ 03:18 - веб-браузер Google Chrome и панель "Инструменты разработчика" (DevTools)
⏱ 03:30 - веб-браузеры Mozilla Firefox, Microsoft Edge или Safari
⏱ 03:42 - домашнее задание

Автор

Go to Frontend (учу языки)