Чек-ин: Модуль 3 - Компоненты

Теперь, когда файлы .astro и .md генерируют целые страницы на вашем сайте, пришло время создавать и повторно использовать небольшие фрагменты HTML с помощью компонентов Astro!

Забегая вперед

В этом модуле вы узнаете, как создавать компоненты Astro для повторного использования кода для общих элементов на вашем сайте.

Вы создадите:

Навигационный компонент, который представляет меню ссылок на ваши страницы
Компонент подвала, который будет включен в нижнюю часть каждой страницы
Компонент социальных сетей, используемый в подвале и содержащий ссылки на страницы профилей
Интерактивный компонент гамбургера для переключения навигации на мобильных устройствах

Попутно вы будете использовать CSS и JavaScript для создания отзывчивого дизайна, реагирующего на размеры экрана и действия пользователя.

Чек-лист

Я готов создать несколько компонентов Astro!