Введение в тему. Введение в языки разметки. Язык разметки гипертекста HTML. Теги HTML. Правила написания тегов и их атрибутов. Синтаксические различия между HTML4, XHTML, HTML5. Структура HTML5-документа. Кодировки страниц и теги. Классификация тегов: линейные и блочные теги. Форматирование текста: заголовки и абзацы, элементы p, h1..h6, выравнивание текста: атрибут align. Классификация тегов: логическое и физическое форматирование. Практика: создание простой веб-страницы.
Форматирование с помощью CSS
CSS - каскадные таблицы стилей. Теги без форматирования div - блочный, span - линейный. Аналогия HTML и CSS на примере линейных и блочных тегов Свойства CSS для форматирования текста: межбуквенный интервал, высота строки, text-intend, text-transform, white-space, word-spacing. Использование атрибутов class и id для задания стилей. Использование внешних файлов стилей CSS. Практика: форматирование текста с помощью CSS. Создание списков. Создание вложенных списков. Форматирование списков с помощью CSS. Списки определений: элементы dl, dd, dt. Управление отступами и полями. Практика: создание списков.
JavaScript и библиотека jQuery
Введение в JavaScript. Объект. Массивы. Объект массива. Строки. Объекты String, Date, Math. Ввод в объект. Объектно-ориентированное программирование. Обработка событий. Объектная модель браузера. Объектная модель документа. Рисование с помощью холста, поддержка медиа. JSON, AJAX. ECMAScript 6, ECMAScript 11. Модульное тестирование. Структурные паттерны. Паттерны проектирования. Паттерн MVC. Принципы проектирования классов SOLID. Введение в jQuery. События в jQuery. Стили и анимация. Взаимодействие с DOM. AJAX и jQuery.
Фреймворки Angular и React
NodeJS. Сборка проектов с помощью Webpack и других инструментов. Фреймворк Angular. Фреймворк React.