Сводка
В этом модуле вы настроили среду для веб-разработки. Вы также создали веб-сайт и убедились, что он правильно работает в веб-браузере. Давайте посмотрим, что было сделано:
- скачали и установили средства для веб-разработки, а также настроили редактор с использованием основных пакетов;
- создали каталог проекта и файлы для создания веб-сайта;
- создали заголовок и другие элементы страницы, выполнили связывание с внешними файлами и протестировали страницу в браузере;
- применили стили к разным элементам и проверили сайт в браузере, а также добавили поддержку тем с использованием CSS;
- добавили JavaScript, чтобы включить интерактивные возможности для пользовательского взаимодействия со страницей и переключение между темами;
- Вы узнали, как создавать и использовать сообщения консоли, чтобы отслеживать выполнение кода.
Вы собираете необходимые инструменты и создаете фундамент для дальнейшей работы в качестве веб-разработчика. Созданный веб-сайт можно использовать как шаблон для будущих проектов. По мере роста ваших навыков и знаний вы можете выполнить больше видения, которое у вас есть для вашего веб-сайта. Это придаст вам уверенности в собственных силах.
Подробнее
Концепции веб-разработки
Ссылки на материалы по веб-разработке
HTML5
- Консорциум W3C — история развития HTML
- Webhint — использование кодировки UTF-8
- Веб-документы MDN — содержимое заголовка
- Веб-документы MDN — справочник по элементам HTML
CSS
JavaScript
Технологии веб-разработки
Документация по Microsoft Edge
- Средства разработчика в Microsoft Edge
- Проверка, редактирование и отладка HTML и CSS с помощью инструмента "Элементы"
- Общие сведения о консоли
Служба статических веб-приложений Azure
Одним из способов развертывания веб-сайта является использование Статических веб-приложений Azure.
- Схемы обучения для Статические веб-приложения Azure
- Документация по службе статических веб-приложений Azure