Перейти к содержимому

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

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

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

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

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

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

Внести свой вклад Сообщество Sponsor
京ICP备15031610号-99