Освоите навык Web-разработки: от HTML до JS

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

• Что такое HTML

• Знакомство с HTML-элементами

• Структура HTML-документа

• Семантическая верстка

• Справочники и руководства

• Практика: создаем первую HTML-страницу

Освоите основы CSS, научитесь подключать стили и работать с селекторами.

• Что такое CSS

• Способы добавления CSS в документ

• Селекторы, каскад и специфичность

• Стили строчных элементов

• Блочная модель

• Практика: стилизуем HTML-страницу

Углубитесь в адаптивную верстку, освоите Flexbox и медиазапросы.

• Единицы измерения

• Overflow, позиционирование

• Flex

• Media-запросы

• Кроссбраузерность

• Практика: адаптивное веб-приложение

Начнете программировать на JavaScript, изучите синтаксис, переменные и условные конструкции.

• Что такое JavaScript

• Подключение JS к странице

• Переменные, типы данных

• Операторы, условия, циклы

• Практика: конвертер единиц измерения

Познакомитесь с основными структурами данных и функциями JavaScript.

• Функции

• Объекты

• Массивы и методы

• Практика: генератор случайной погоды

Изучите взаимодействие с HTML-документом через JavaScript и DOM.

• Окружение браузера и DOM

• Выбор элементов, свойства и атрибуты

• Управление элементами, классами и стилями

• Практика: динамические функции в приложении

Научитесь обрабатывать действия пользователей и использовать делегирование событий.

• Назначение обработчиков

• Объект события

• Всплытие и погружение

• Отмена действия по умолчанию

• Делегирование и типы событий

• Практика: рефакторинг и отображение загрузки

Узнаете, как выполнять асинхронные запросы и обрабатывать данные с сервера.

• Таймеры

• Promise

• Сетевые запросы

• Практика: обновление данных и картинок с сервера