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