Основы web-технологий

2026/2027

Статус: Майнор

Кто читает: Кафедра информационных систем и технологий (Нижний Новгород)

Где читается: Факультет информатики, математики и компьютерных наук (Нижний Новгород)

Охват аудитории: для всех кампусов НИУ ВШЭ

Преподаватели: Марширов Виктор Викторович, Шадрина Елена Викторовна

Язык: русский

Кредиты: 5

Контактные часы: 60

Дополнительные материалы в LMS Задать вопрос

Аннотация

Изучаются основные компоненты front-end разработки сайтов: HTML, CSS, CSS flexbox, Bootstrap, DOM и JavaScript. Формируются навыки создания адаптивных (за счет использования Bootstrap-компонентов) статических сайтов на удаленном сервере. При изучении дисциплины студенты создают сайты полезной для них тематической направленности и могут размещать их с использованием личных аккаунтов на серверах типа pages.github.com, формируя этим портфолио своих достижений. Используется современное ПО 1) Visual Studio Code Среда разработки, научное, Свободное лицензионное соглашение 2) JetBrains PyCharm Community Edition Cреда разработки для языка программирования Python., Разработка ПО, Свободное лицензионное соглашение

Цель освоения дисциплины

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

Планируемые результаты обучения

Студент должен уметь. Создавать корректный HTML-каркас страницы. Вставлять изображения и настраивать гиперссылки. Строить простые таблицы и формы. Использовать семантические теги (header, nav, main, section, footer).
Студент должен уметь. Проектировать навигационное меню для многоуровневого сайта. Организовывать внутреннюю перелинковку. Использовать якорные ссылки для навигации внутри страницы. Грамотно комбинировать таблицы и блоки для структурирования контента
Студент должен уметь. Проектировать навигационное меню для многоуровневого сайта. Организовывать внутреннюю перелинковку. Использовать якорные ссылки для навигации внутри страницы. Грамотно комбинировать таблицы и блоки для структурирования контента.
Студент должен уметь. Находить элементы в DOM-дереве различными способами. Читать и изменять содержимое, атрибуты и стили элементов через DOM-свойства. Перебирать коллекции узлов.
Студент должен уметь. Писать простые скрипты с управляющими конструкциями. Создавать функции-обработчики событий (click, input, submit и др.). Динамически добавлять/удалять элементы на странице. Изменять стили и классы элементов через JavaScript.
Студент должен уметь. Подключать Bootstrap к проекту. Использовать сетку для создания адаптивного макета (под мобильные, планшетные и десктопные экраны). Встраивать готовые компоненты Bootstrap в страницу. Модифицировать внешний вид Bootstrap-компонентов через собственные стили.
Студент должен уметь. Настраивать подключение к удаленному серверу через FTP-клиент. Использовать Git для инициализации репозитория, добавления и коммита изменений. Деплоить статический сайт на хостинг (GitHub Pages / SFTP). Обновлять содержимое сайта на сервере.