О работе фронтенд-разработчика
Освоите основы вёрстки и стилизации, а также научитесь писать минимальный код на JavaScript, чтобы превратить взаимодействие с веб-страницей в интерактивный опыт. Сможете выполнить задания, понимая контекст, зачем это всё нужно на практике.
23 урока, 19 заданий, 3 разбора:
— как мы смотрим на макет (сетка, компоненты, блоки)
— создание базовой структуры HTML-файла
— рассмотрим основные теги
— строчные и блочные элементы в HTML
— классы и ID в HTML: разница и значение
— верстаем страницу!
— разбираем задания по вёрстке
— что такое CSS и зачем он нужен
— подключаем CSS к HTML
— стили для тега, класса и ID: разница и определение весов
— приоритеты в стилях
— гибкие раскладки с Flexbox в CSS
— про адаптивность сайта
— стилизуем страницу!
— разбираем задание по стилям
— краткий обзор: что такое JavaScript и его роль в веб-разработке
— подключаем JavaScript к HTML
— переменные и типы данных: let, const
— основные операторы и управляющие конструкции: условные операторы (if-else), циклы (for, while)
— создание и использование функций
— основы DOM: манипуляции и обработка событий
— примеры динамического взаимодействия с веб-страницей
— основы асинхронности: setTimeout, Promise, async/await
— оживляем страницу!
— разбор задания по програмированию