Введение в Web-программирование

Теория

• Информация
• Клиент-серверная архитектура
• Web-программирование
• Адресация
• Доменная система имен
• Порты и сервисы
• Структура протокола HTTP

HTML5

Теория. Практика

• История развития HTML
• Элементы
• Структура HTML-документа
• Специальные символы
• Элементы группировки
• Заголовки
• Форматирование текста
• Типы элементов
• Ссылки
• Изображения
• Списки
• Таблицы
• Разметка Web-страницы
• Мультимедиа
• Формы
• Элементы ввода данных
• Инструкция
• Работа с GitHub

Самостоятельная работа

• Создание сайта

CSS3

Теория. Практика

• Общая информация
• Селекторы
• Псевдоклассы
• Псевдоэлементы
• Наследование
• Каскадность
• Специфичность
• Свойства
• Цвет
• Шрифты
• Текст
• Абзацы
• Списки
• Таблицы
• Блочная модель
• Отступы
• Границы
• Размеры
• Фон
• Тень
• Контуры
• Обтекание
• Прокрутка
• Градиент
• CSS preprocessors
• Методология БЭМ

Самостоятельная работа

• Стилизация сайта

Верстка

Теория. Практика

• Блочная верстка
• Вложенные плавающие блоки
• Выравнивание столбцов по высоте
• Свойство display
• Создание панели навигации
• Выравнивание плавающих элементов
• Позиционирование
• Фиксированное позиционирование
• Адаптивный дизайн
• Кроссбраузерная верстка

Самостоятельная работа

• Стилизация сайта

Flexbox, Grid Layout

Теория. Практика

• Контейнер 
• Направление
• Многострочность
• Порядок элементов
• Выравнивание элементов
• Выравнивание строк и столбцов
• Управление элементами
• Многоколоночный дизайн

Самостоятельная работа

• Стилизация сайта

Bootstrap3, Bootstrap4

Теория. Практика

• Общая информация
• Подключение Bootstrap
• Модульные сетки
• Адаптивный дизайн
• Стили
• Компоненты
• Обзор современных инструментов разработки и технологий

Самостоятельная работа

• Стилизация страницы