udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Начало работы с Astro (GraphQL, REST API и многое другое)
Getting started with Astro (GraphQL, REST APIs, and more)
Продолжительность
1 ч 2 мин
Категория
Другое (Frontend)
Количество уроков
24 Видео
Дата добавления
21 дек. 2023 г., 17:06
Язык
Английский
Дата выхода
17 февр. 2023 г., 01:00
Окунитесь и изучите Astro с нуля! Архитектура Islands, статические и динамические маршруты, MDX, REST и GraphQL API и многое другое!
Что вы узнаете:
- Что делает Astro отличным от других фреймворков
- Островная архитектура Astro
- Компоненты, страницы и макеты Astro
- Статические и динамические маршруты
- Как работать с удаленными данными из REST API и GraphQL API
- Как работать как с файлами markdown, так и с MDX
Что вы построите:
- У этого курса есть два проекта.
- В первом проекте мы вместе создадим блог, поскольку, на мой взгляд, это лучший способ изучить все возможности Astro.
- Сначала мы создадим наш блог, используя файлы markdown.
- Затем мы преобразуем наши файлы markdown в MDX.
- Затем мы установим и настроим Strapi CMS для использования в качестве нашей headless CMS.
- Затем мы узнаем, как извлекать наши посты из блога из Strapi и рендерить их на страницах и компонентах Astro из REST API.
- Мы также узнаем, как генерировать динамические маршруты из REST API Strapi.
- Затем мы узнаем, как использовать Strapi в качестве GraphQL API и рендерить наши посты в Astro с использованием GraphQL.
- Во втором проекте вы узнаете, как загрузить предварительно созданную тему Astro и изменить ее для рендеринга ваших постов из Strapi CMS (REST API и GraphQL API).
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:06:03Astro Islands and what makes Astro different
-
Урок 2. 00:01:45Development setup & tools
-
Урок 3. 00:02:03How to install Astro and create your first site
-
Урок 4. 00:03:44Astro components
-
Урок 5. 00:01:56Astro layouts
-
Урок 6. 00:01:07Static Routes
-
Урок 7. 00:02:41Dynamic Routes
-
Урок 8. 00:01:16Working with remote Data
-
Урок 9. 00:02:02Fetching data in framework components
-
Урок 10. 00:01:18Importing Markdown files
-
Урок 11. 00:01:24How to integrate various UI frameworks, themes, and tools
-
Урок 12. 00:01:06Creating a new Astro project
-
Урок 13. 00:04:15Creating the posts page
-
Урок 14. 00:02:56Updating our blog posts to MDX
-
Урок 15. 00:02:01Installing Strapi CMS
-
Урок 16. 00:01:57Creating the Post content type in Strapi
-
Урок 17. 00:01:07Creating our posts in Strapi
-
Урок 18. 00:00:53Strapi REST API permissions
-
Урок 19. 00:02:22Rendering the blog posts from Strapi
-
Урок 20. 00:01:45Creating dynamic routes for each post
-
Урок 21. 00:06:52Using GraphQL in Strapi and Astro
-
Урок 22. 00:00:35Practice
-
Урок 23. 00:01:37Astro themes project
-
Урок 24. 00:10:09Content collections
Автор - udemy
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
frontendmasters
1 июн. 2023 г., 00:33
Astro для современной веб-разработки
Astro for Modern Web Development
Разработка с использованием JavaScript предоставляет отличный опыт для разработчиков, позволяет создавать интерактивные элементы и работать с самыми современными инструментами. Однако, доставка ненужного JavaScript замедляет загрузку веб-сайтов, расходует трафик и ухудшает пользовательский опыт. Astro предлагает идеальный баланс, позволяя нам работать с современными инструментами, используя любой выбранный фреймворк, но при этом по умолчанию не д
James Q Quick
25 сент. 2024 г., 20:42
Создание современных веб-сайтов с Astro!
Build Modern Websites with Astro!
В этом курсе вы сможете вывести свой блог на новый уровень, добавив мощные функции, такие как теги, пагинация, аутентификация, комментарии и многое другое! Также вы изучите современные технологии, такие как Tailwind CSS, TypeScript, Xata и Cloudinary.Темы, охваченные в курсе:Генерация статических страниц vs серверный рендерингКоллекции контентаОптимизация изображенийTypeScript для моделей и схемАутентификацияРазвертывание и хостинг сайтаЭтот курс
vueschool.io
4 февр. 2025 г., 21:53
Создание контентных сайтов с Astro и Vue.js
Content Sites with Astro and Vue.js
Хотите создать быстрый и эффективный сайт с контентом? В этом курсе вы узнаете, как использовать Astro и Vue.js вместе для разработки высокопроизводительных контентных сайтов - таких как блоги, документационные порталы и лендинги. Благодаря сочетанию подхода Astro с минимальным использованием JavaScript и возможностей Vue.js для добавления интерактивности, вы получите молниеносно быстрый сайт без ущерба для пользовательского опыта.
Chris Pennington
21 апр. 2025 г., 21:41
Изучаем Astro
Learn Astro
В мире чрезмерно усложнённых веб-фреймворков Astro выделяется простотой, отличным опытом для разработчика и высокой производительностью. Но за этой простотой скрывается масса возможностей: от оптимизации изображений и динамических маршрутов до API, middleware, анимаций переходов и поддержки UI-фреймворков.Этот курс - ваш практический путеводитель по современному Astro. Вместо абстрактной теории - реальные проекты, основанные на встроенных возможн