- Урок 1. Что такое HTML и CSS. Первые теги. Базовая стилизация текста и цвета
- Урок 2. Блочные и строчные элементы.
divи вложенность. - Урок 3: Свойства блочных элементов. Box-model
- Урок 4. Вложенность. Атрибуты тегов (src, alt, href, id, class). Базовые селекторы в CSS
- Урок 5: Семантическая разметка (header, nav, main, section, article, footer) + Расширенные селекторы, наследование.
- Урок 6. Работа со списками (ul, ol). Стилизация списков. Псевдо-классы и псевдо-элементы.
- Урок 7. Работа с изображениями и фоном (img, background). Стилизация background с помощью изображений и/или градиента
- Урок 8. Работа со шрифтами и единицами измерения (px, em, rem, %, vh/vw). Google Fonts
- Урок 9. Свойство position (static, relative, absolute, fixed, sticky). Статичное, относительное, абсолютное, фиксированное и sticky позиционирование.
- Урок 12. Адаптивная вёрстка: медиа-запросы, mobile-first, брейкпоинты
- Урок 13. Стилизация
input: типы полей, псевдоклассы:focus/:invalid, базовая доступность - Урок 14. Стилизация
button - Урок 15. Формы целиком: разметка, стилизация,
method/action, как данные уходят на сервер
- Урок 16. Введение в JS: подключение скриптов, консоль,
let/const/var, типы данных, операторы,if/тернарник - Урок 17. Циклы (
for,while), функции: обычные / function expression / стрелочные
- Урок 18. Массивы и их методы (
map,filter,forEach,find), объекты, деструктуризация - Урок 19. Классы в JS: свойства, методы, конструктор
- Урок 20. Области видимости и замыкания: практические примеры
- Урок 21. DOM + BOM:
querySelector, создание/изменение элементов, события,window/location/localStorage
- Урок 22. Асинхронность:
callback→Promise→async/await,fetch - Урок 23. Финальная практика курса: фронтенд для «Менеджера событий»
В примерах материала для временных картинок используется сайт https://picsum.photos/320/240?1
Если у вас проблемы с отображением этих картинок, можно использовать просто заглушку https://moqimg.ru/300x180.png
