Advanced Vue.js and Nuxt.js

To make the most of this course, participants should have:

• Experience with Vue.js: A solid understanding of Vue.js basics, including component architecture and the Vue CLI.
• Familiarity with JavaScript (ES6): Proficiency in modern JavaScript, including ES6 features such as arrow functions, destructuring, and async/await.
• Basic Understanding of Web Development Concepts: Knowledge of frontend development concepts like routing, state management, and RESTful APIs.
• Experience with Git: Familiarity with Git for version control and working in a team-based environment.

1. Setting Up the Development Environment

• Introduction to Nuxt.js (as the primary framework)
• Setting up the development environment with Nuxt CLI

2. Composable Functions with Composition API

• Code reuse between components using the Composition API
• Transition from Vue.js Mixins to Composable functions

3. Routing in Nuxt.js

• Creating an efficient routing system
• Dynamic routing and route configuration in Nuxt.js

4. State Management with Pinia

• Sharing data across components using Pinia (replacing Vuex)
• Pinia's architecture and its integration with Vue.js applications

5. Server-Side Rendering (SSR)

• Implementing SSR with Nuxt.js
• Best practices and advantages of SSR in Nuxt applications

6. Backend Development Using Microservices

• Introduction to microservices architecture
• Replacing Firebase with microservices for backend development

7. Middleware Integration in Microservices

• Adding and testing server-side middleware with microservices
• Efficient handling of server-side logic

8. Authentication Using Azure AD

• Implementing authentication with Azure Active Directory
• Integrating Azure AD into Nuxt.js applications

9. More Nuxt Composables 

• useState
• useFetch
• useAsyncData
• useLazyAsyncData
• useRouter
• useRoute
• useRuntimeConfig
• useNuxtApp