Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →
Frontend Frameworks / Beginner

Astro Tutorial

A focused Astro curriculum from fundamentals through practical and advanced topics, with topic-specific examples.

80 lessons~16 hoursv5.x workspace_premium Certificate available
YOUR PROGRESS
0%

Course curriculum

MODULE 01
Components
10 lessons
1Astro component
12 min
2Component frontmatter
12 min
3Component props
12 min
4Default props
12 min
5Component slots
12 min
6Named slots
12 min
7HTML attributes
12 min
8Dynamic attributes
12 min
9Conditional rendering
12 min
10List rendering
12 min
MODULE 02
Pages & Routing
10 lessons
1src/pages routing
12 min
2Index page
12 min
3Dynamic route
12 min
4Rest parameters
12 min
5getStaticPaths
12 min
6404 page
12 min
7Redirects
12 min
8Route priority
12 min
9Endpoint route
12 min
10Trailing slash
12 min
MODULE 03
Layouts & Content
10 lessons
1Layout component
12 min
2Nested layouts
12 min
3Content collections
12 min
4Collection schema
12 min
5getCollection
12 min
6getEntry
12 min
7Render content
12 min
8Markdown pages
12 min
9MDX integration
12 min
10Content images
12 min
MODULE 04
Styling
10 lessons
1Scoped styles
12 min
2Global styles
12 min
3CSS variables
12 min
4Class:list
12 min
5Sass integration
12 min
6Tailwind integration
12 min
7CSS modules
12 min
8Style props
12 min
9External stylesheet
12 min
10Critical CSS
12 min
MODULE 05
Islands
10 lessons
1Static component
12 min
2client:load
12 min
3client:idle
12 min
4client:visible
12 min
5client:media
12 min
6client:only
12 min
7Framework component
12 min
8Hydration boundary
12 min
9Sharing state
12 min
10Nano Stores
12 min
MODULE 06
Data & Server
10 lessons
1Top-level await
12 min
2Fetch at build time
12 min
3Astro.glob migration
12 min
4Astro.request
12 min
5Astro.url
12 min
6Cookies API
12 min
7Server actions
12 min
8Middleware
12 min
9API endpoint
12 min
10Environment variables
12 min
MODULE 07
Rendering
10 lessons
1Static output
12 min
2Server output
12 min
3Adapter configuration
12 min
4Prerender page
12 min
5On-demand rendering
12 min
6Streaming SSR
12 min
7Redirect response
12 min
8Headers
12 min
9Sessions
12 min
10View transitions
12 min
MODULE 08
Performance & Testing
10 lessons
1Image component
12 min
2Picture component
12 min
3Font optimization
12 min
4Prefetch
12 min
5Bundle client JavaScript
12 min
6Accessibility audit
12 min
7Component test
12 min
8End-to-end test
12 min
9Build analysis
12 min
10Deployment adapter
12 min
Certificate Included

Astro Certificate

Earn this credential in either of two ways: complete 100% of the course, or take the master exam directly and score 85% or higher. You do not need to finish the course before attempting the exam.

Course completion path
Finish every published lesson → completion certificate is issued automatically.
Mastery exam path
15 MCQs · 100 marks · 30 minutes · 85% pass · 4 attempts.
Fresh questions each attemptNo backtrackingPublic verificationAdd to LinkedIn
Sign in to earn certificate