Отметка: Модуль 3 - Компоненты
Теперь, когда файлы .astro
и .md
генерируют целые страницы на вашем сайте, пришло время создавать и повторно использовать небольшие фрагменты HTML с помощью компонентов Astro!
Забегая вперёд
Заголовок раздела Забегая вперёдВ этом модуле вы узнаете, как создавать компоненты Astro для повторного использования кода общих элементов на вашем сайте.
Вы создадите:
- Компонент Navigation, который отображает меню со ссылками на ваши страницы
- Компонент Footer, который будет включаться в нижнюю часть каждой страницы
- Компонент Social, используемый в футере, который ссылается на профили в соцсетях
- Интерактивный компонент Hamburger для переключения навигации на мобильных устройствах
Попутно вы будете использовать CSS и JavaScript для создания отзывчивого дизайна, реагирующего на размеры экрана и действия пользователя.