Nuxt 3 Fundamentals

• Nuxt Project Development: Learn to create full-stack applications using Nuxt 3, understanding the core principles of building static and dynamic apps with Vue.
• Component Design: Master the Options and Composition APIs to efficiently design and refactor Vue components, utilizing the strengths of both approaches for different scenarios.
• Routing and Dynamic Features: Implement routing strategies using NuxtPage and create dynamic routes to enhance the functionality and navigation of your applications.
• Styling and UI Enhancement: Apply CSS, SCSS, and the Bulma library to style components, while learning how to manage and scope styles effectively.
• State Management and Data Fetching: Explore composables and the use of query parameters to manage application state and fetch data from APIs seamlessly.

The Nuxt 3 Fundamentals course, taught by Ben Hong from Netlify, offers a comprehensive introduction to building applications with Nuxt, a full-stack framework for Vue. This course guides learners through the process of setting up Nuxt projects, creating and styling components, implementing routing, and deploying applications in production. With practical exercises and a focus on core concepts, students will be equipped to explore Nuxt’s vast ecosystem of plugins and tools confidently.

• Frontend developers with a foundational knowledge of HTML, CSS, JavaScript, and Vue.js.
• Developers looking to build scalable full-stack applications using Vue and Nuxt.
• Individuals interested in enhancing their skills in modern web development frameworks.

• Basic understanding of HTML, CSS, and JavaScript.
• Familiarity with Vue.js and modern JavaScript development tools (e.g., npm, VSCode).
• Experience using the terminal and version control systems like Git.

• Introduction: Overview of the course format and tips for maximizing the learning experience.
• Course Setup: Guidance on prerequisites and recommended tools for setting up the development environment.
• Nuxt Fundamentals: Introduction to Nuxt CLI, creating projects, and understanding the Options and Composition APIs.
• CSS Styling: Techniques for styling Vue components using CSS, SCSS, and the Bulma library.
• Components: Building and refactoring components, using slots, and managing global components.
• Routing & Fetching Data: Implementing routing with NuxtPage, using composables, and fetching data from APIs.
• Layouts & Metadata: Customizing application layouts and managing page metadata and resources.
• Fetching Data from an API: Utilizing Nuxt’s abstraction for API requests with useAsyncData and useFetch composables.
• Wrapping Up: Course conclusion with suggestions for further exploration of Nuxt topics like middleware and authentication.