Module 1: Getting Started with Astro | Astro Full Course
Welcome to the Astro Tutorial Series 🚀
In this first module, we cover the fundamentals of Astro (v5) — a modern web framework for building fast, content-focused websites.
You’ll learn:
• What Astro is and how it works
• Installation and project setup
• File structure and routing basics
• Layouts and slots
• Creating your first Astro component
• Styling with CSS
• Adding client-side JavaScript
• Building a simple Exercise Card component
This series is designed to take you from beginner to confident Astro developer step-by-step.
📚 Astro Documentation:
https://docs.astro.build/
💻 Course Source Code:
https://github.com/coding-in-public/a...
Timestamps:-
00:00 - 1. Preview
02:03 - 2. Instructions
03:38 - 3. Introduction
08:14 - 4. Installation and Setup
10:42 - 5. Structure and Routing Basics
14:30 - 6. Astro File Structure
22:28 - 7. Layouts and Slots
28:06 - 8. Your First Astro Component
31:22 - 9. CSS and Styling
37:37 - 10. Client side JavaScript
43:59 - 11. Exercise Card Component
👍 If you found this helpful, consider liking and subscribing for more!
#astro #webdevelopment #frontend