Введение в Astro | Вебинар Дмитрия Безуглого | karpov.courses dev

Курс Frontend: https://clck.ru/34gTEt По промокоду ASTRO дарим скидку 5% на любой тип оплаты Слышали об Astro? Это фреймворк, который стремительно набирает популярность и конкурирует с популярным NextJS. Он ориентирован на производительность сайта, а ещё с ним можно использовать любую библиотеку: React, Vue, Angular и другие. Мы решили разобраться, чем же так хорош Astro, поэтому ничего не планируйте на 8 июня — будем строить приложение в прямом эфире! Вебинар провёл Дмитрий Безуглый, хедлайнер курса Frontend, где рассказал об основных концепциях фреймворка, его архитектурных паттернах и подходах, которые позволяют достичь такой оптимизации. Полезные материалы: Репозиторий с кодом https://github.com/shalfey41/chatgpt-... Astro https://astro.build/ Как работают браузеры https://web.dev/howbrowserswork/ Что нужно знать фронтендеру в 2023 https://www.youtube.com/live/NZ6Kra9-wmA CSS: на чём писать в 2023 https://www.youtube.com/live/Id2VjuS0u1k 00:00 Вступление 04:54 В чем суть Astro 13:33 Изучение сайта Astro и установка проекта 20:48 Знакомство с проектом и настройка окружения 27:39 Создание страниц 40:44 Создание шаблонов 47:42 Особенности .astro компонентов 58:48 Стилизация 01:16:10 Интерактивность 01:21:27 Интеграция React 01:37:08 Интеграция Solid 01:42:06 Работа с состоянием 01:50:01 Промежуточные выводы 01:58:07 Перерыв 02:07:29 Создание коллекции статей 02:18:11 Вывод одной статьи 02:30:42 Вывод списка статей 02:48:15 SSR: server 02:56:40 SSR: hybrid и создание формы 03:08:03 Деплой сайта 03:12:35 Что дальше 03:15:35 Выводы