К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build Fast Websites with Astro · LearnSpace
Назад в каталог
courseraПрограммирование

Build Fast Websites with Astro

Курс от Scrimba
Средний≈ 2.5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Learn how to build a fully functional, content-driven website using Astro, the modern web framework designed for speed and simplicity. This course walks you through setting up your Astro project, creating reusable components, and organizing styles for a clean, maintainable codebase. You’ll explore powerful features like slot components to make your layouts more flexible, and learn how to import and display data from JSON files. You’ll work with Markdown and frontmatter to create and manage blog posts, use file-based routing to structure your site, and build dynamic content sections. Along the way, you’ll see how to design and implement headers, navigation bars, footers, and project sections that are reusable and scalable. By the end, you’ll not only have a polished blog and portfolio site ready to deploy, you’ll also have a solid understanding of Astro’s component architecture, content management tools, and deployment process. Whether you’re new to Astro or looking to sharpen your skills, this course gives you everything you need to build fast, modern websites with confidence.

Навыки, которые вы освоите

Content ManagementCode ReusabilityJSONJavascriptUI ComponentsApplication DeploymentWeb Design and DevelopmentHTML and CSSWeb DevelopmentFrontend PerformanceFront-End Web DevelopmentData Import/ExportWeb FrameworksCascading Style Sheets (CSS)Web Development ToolsFull-Stack Web Development

Программа курса

1 модулей · 37 учебных материалов

01Intro to Astro37 материалов

Intro to Astro

Welcome to interactive lessons!PLUGINIntro to AstroPLUGINProject setup and overviewPLUGINThe starter codePLUGINCreate the header section

Учитесь у экспертов

James Q Quick

Преподаватель курса

Build Fast Websites with Astro
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 2.5 ч

1 модулей

Язык: Английский

Часть программы вашего университета
PLUGIN
Intro to reusable componentsPLUGIN
Create header componentPLUGIN
Adding stylesPLUGIN
Styling the headerPLUGIN
Styling the header - part 2PLUGIN
Styling the button linksPLUGIN
TypeScript in AstroPLUGIN
Finish the button link componentPLUGIN
Slot componentPLUGIN
Create container componentPLUGIN
Frontmatter templatingPLUGIN
Create projects section componentPLUGIN
Create section componentPLUGIN
Create section header componentPLUGIN
Importing data from JSON filesPLUGIN
Move Project Data to JSONPLUGIN
File based routingPLUGIN
Navbar ComponentPLUGIN
Create the footer componentPLUGIN
Content collections in AstroPLUGIN
Building the blog schemaPLUGIN
Markdown IntroPLUGIN
Querying content collectionsPLUGIN
Creating the blog sectionPLUGIN
Create the blog card componentPLUGIN
Create the Blog List PagePLUGIN
Dynamic Blog PagesPLUGIN
Displaying Blog ContentPLUGIN
Create the projects list pagePLUGIN
Deploy to NetlifyPLUGIN
Wrap up and next stepsPLUGIN
Build Fast Websites with Astro - Graded AssignmentЗадание