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
In this Astro crash course, we will look at how we can add interactivity to our Astro project using vanilla JavaScript.
Hey there, wonderful people! In today's video, we're continuing our Astro crash course. By the end of this video, you'll know how to add interactivity to your mobile navigation using vanilla JavaScript, making your website more user-friendly on smaller screens.
In this episode, we:
- Explore adding JavaScript to make our mobile nav functional.
- Modularize our code by creating reusable components in Astro.
- Implement event listeners to toggle the visibility of the navigation menu.
- Enhance the user experience on mobile devices.
If you find this video helpful, like, comment, and subscribe for more tutorials! And keep the conversation going; love to hear your feedback or questions in the comments.
Note: This is being updated to 2025 new course here youtube.com/watch?v=WI-_gVBoBBg
In this Astro crash course, we will look at how we can add interactivity to our Astro project using vanilla JavaScript.
Hey there, wonderful people! In today's video, we're continuing our Astro crash course. By the end of this video, you'll know how to add interactivity to your mobile navigation using vanilla JavaScript, making your website more user-friendly on smaller screens.
In this episode, we:
- Explore adding JavaScript to make our mobile nav functional.
- Modularize our code by creating reusable components in Astro.
- Implement event listeners to toggle the visibility of the navigation menu.
- Enhance the user experience on mobile devices.
If you find this video helpful, like, comment, and subscribe for more tutorials! And keep the conversation going; love to hear your feedback or questions in the comments.
![How I Think About Learning To Code [ My personal web dev road map ]](https://i.ytimg.com/vi/R5EWmgNLQCc/mqdefault.jpg "How I Think About Learning To Code [ My personal web dev road map ]
In this video, I share my thought process and roadmap for my continuous development as a programmer.
As someone with ADHD, staying focused on a structured path can be challenging, but Ive found ways to keep myself on track.
I emphasize the importance of understanding the core coding principles and constantly revisiting the basics.
I discuss starting with C programming to grasp the fundamentals and then delve into HTML, CSS, and JavaScript, which are essential for web development.
I also highlight the usefulness of the Astro framework for building websites and how it simplifies HTML, CSS, and JavaScript development.
I then move on to full-stack frameworks like Next.js or Remix, emphasizing the importance of understanding how these frameworks work under the hood.
I touch on the significance of AI systems and integrating AI functionality into projects, using Python to interact with AI libraries. I also stress the importance of understanding the limitations and basics of AI to avoid getting caught up in the hype.
Additionally, I mention the significance of learning algorithms and data structures and working with databases and SQL to gain a deeper understanding of data representation in applications.
Lastly, I highlight the importance of understanding build tools like Vite or build to streamline the development process.
This video provides a comprehensive roadmap for continuous learning and highlights critical topics such as C programming, HTML, CSS, JavaScript, Astro, full-stack frameworks, AI systems, Python, algorithms, data structures, SQL, and build tools. Join me on this journey to become the best developer we can be!")
![Strapi v5 Crash Course 2025 [ Part 9 Building our landing page with dynamic zones ]](https://i.ytimg.com/vi/RLYtQg_IrVk/mqdefault.jpg "Strapi v5 Crash Course 2025 [ Part 9 Building our landing page with dynamic zones ]
In Strapi tutorial part 9, we will start building our Landing Page with the next components: Faq and Newsletter Signup.
👉 Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/building-our-landin-page-part-2
👉 Learn more about Strapi: https://strapi.link/learn-more
Welcome back to Part 9 of our Strapi Crash Course! In this tutorial, we’ll continue building our landing page. Two components left: Faq and Newsletter Signup.
We learn how to use Strapis dynamic zones and allow non-technical users to manage content.
📚 What You’ll Learn:
- Creating Landing Page Content Types: Well set up a new single type for your landing page, complete with essential fields.
Dynamic Zones Explained: Discover how dynamic zones allow multiple components and can help you manage variations in content structure.
- Step-by-Step Section Creation: Continue to build out our landing page sections.
- Using Queries for Data Population: Understand how to implement populate logic to prepare your content for display.
- Middleware for Improved API Calls: Ill show you how to create middleware that automatically populates your data, making your API calls cleaner and safer.
🛠️ Key Takeaways:
- Flexible Content Management: Dynamic zones allow for easy rearrangement and addition of components.
- Better API Integration: Middleware enhances data fetching efficiency and security.
- User-Friendly Interface: Strappys intuitive content type builder simplifies creating and managing content.
- Reusable Components: Create components that can be used across multiple pages for consistency.
- SEO-Friendly Structure: The ability to manage content dynamically helps in optimizing search engines.
💬 Join the Discussion. Have questions or need clarification? Drop your comments below, and dont forget to subscribe for more Strapi tutorials!")
![Strapi v5 Crash Course 2025 [ Part 11 Build the Blog content collection type ]](https://i.ytimg.com/vi/U79F0BU6-ig/mqdefault.jpg "Strapi v5 Crash Course 2025 [ Part 11 Build the Blog content collection type ]
In this Strapi tutorial part 11, we will build out our Blog collection type.
Lesson Notes: 👉 https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/building-out-our-blog-section-in-strapi
👉 Learn more about Strapi: https://strapi.link/learn-more
In this video, well build a blog with Strapi! In this video, we’ll cover everything you need to know about setting up your blog API, managing articles, authors, and tags.
- Setting Up Strapi: We’ll start by creating our article collection type, complete with title, description, and featured image.
- Adding Authors and Tags: Next, I’ll show you how to create an author collection and tag system to organize your articles efficiently.
- Populating Data: You’ll learn how to write middleware to populate related data, ensuring your API provides comprehensive information in responses.
- Testing with Postman: Finally, we’ll test our article API to ensure everything’s functioning as expected.
Key Takeaways: By the end of this video, you’ll have a fully functional blog backend powered by Strapi, ready for your front-end development!")
