Uploaded August 2024 | Updated September 2026, 2 weeks ago
Note: This is being updated to 2025 new course here youtube.com/watch?v=WI-_gVBoBBg
Hey everyone! Welcome to part three of our Astro crash course. In this video, we dive into building reusable components to streamline our code. We'll create a main layout component that includes our top navigation, reducing the need for repeated code across our Home, About, and Blog pages.
I’ll show you how to pass dynamic props, use slots for child elements, and leverage TypeScript for added type safety.
Stay tuned for our next video where we'll add JavaScript functionality to our mobile navigation menu.
Topic covered.
1. The concept of reusable components: The video demonstrates how to create a reusable component called "main layout" that includes the header code and top navigation. This allows for code modularity and reduces repetition.
2. Using slots in Astro: Slots are used to pass children into the Astro component. By using slots, the video shows how to include different sections (such as hero and features) within the main layout component.
3. Accessing props in Astro components: The video shows how to pass props to the main layout component and access them using the Astro props attribute. It also showcases how TypeScript can help enforce type checking for props.
4. Future challenges and improvements: The video suggests creating additional components, such as a hero section component and a features section component, to further enhance code modularity. It also mentions that the next video will address adding JavaScript functionality to the mobile navigation menu.
Note: This is being updated to 2025 new course here youtube.com/watch?v=WI-_gVBoBBg
Hey everyone! Welcome to part three of our Astro crash course. In this video, we dive into building reusable components to streamline our code. We'll create a main layout component that includes our top navigation, reducing the need for repeated code across our Home, About, and Blog pages.
I’ll show you how to pass dynamic props, use slots for child elements, and leverage TypeScript for added type safety.
Stay tuned for our next video where we'll add JavaScript functionality to our mobile navigation menu.
Topic covered.
1. The concept of reusable components: The video demonstrates how to create a reusable component called "main layout" that includes the header code and top navigation. This allows for code modularity and reduces repetition.
2. Using slots in Astro: Slots are used to pass children into the Astro component. By using slots, the video shows how to include different sections (such as hero and features) within the main layout component.
3. Accessing props in Astro components: The video shows how to pass props to the main layout component and access them using the Astro props attribute. It also showcases how TypeScript can help enforce type checking for props.
4. Future challenges and improvements: The video suggests creating additional components, such as a hero section component and a features section component, to further enhance code modularity. It also mentions that the next video will address adding JavaScript functionality to the mobile navigation menu.
![Strapi v5 Crash Course 2025 [ Part 12 Refactoring our Strapi middleware ]](https://i.ytimg.com/vi/bR16liDXyC8/mqdefault.jpg "Strapi v5 Crash Course 2025 [ Part 12 Refactoring our Strapi middleware ]
In this Strapi tutorial part 12, we will refactor our middleware code.
In this final part, we will create a Featured Articles Component in Strapi and finalize our project.
👉 Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/middleware-refactor-in-strapi
👉 Learn more about Strapi: https://strapi.link/learn-more
In this video, we will examine how to improve our code by refactoring. If you ever find yourself repeating yourself, this is a good sign that we can improve or refactor our code.")
![Things Have Changed About Coding Advice: learn to code in 2025 fast? [truth about learning to code]](https://i.ytimg.com/vi/d_IlAhy5i2E/mqdefault.jpg "Things Have Changed About Coding Advice: learn to code in 2025 fast? [truth about learning to code]
Happy New Year to you and your families, may 2025 be your best. I revisit 4 year old advice about learning to code fast, does it still apply? The truth about learning to code.
Key takeaways:
My Coding Journey: I began learning to code at 35 and didn’t land my first job until I was 39—its been a challenging yet rewarding path.
The 3-Month Myth: Many people promote the idea of becoming job-ready in just a few months, but I explain why that’s unrealistic.
The Importance of Commitment: Success in coding requires dedication and time—learning the basics is just the beginning.
Market Realities: I discuss how the tech job market has changed and why it’s crucial to stay engaged and keep learning.
Finding Joy in Coding: I emphasize the importance of passion over money and how pursuing what you love can lead to fulfillment.
Introduction
In this video, I take a trip down memory lane to rewatch my older video discussing whether you can learn to code in just three months. Spoiler alert: it’s not as simple as it seems!
My Personal Journey
I started coding at 35, faced countless challenges, and finally got my first job at 39. Ill share insights from my journey and how I feel about the quick-fix mentality that often surrounds learning to code.")
