đ Key Learning Outcomes
- Building with Vue and Nuxt: Learn how to build dynamic web applications using Vue.js and Nuxt, focusing on project setup, routing, and state management.
- Vuex Store Management: Understand how to manage application state with Vuex, using mutations, actions, and getters to handle UI changes and data flow.
- Nuxt Features: Explore Nuxt features such as automatic route generation, server-side rendering, and static site generation, and learn how to configure and deploy Nuxt applications.
- Working with APIs: Learn how to fetch and manage dynamic data from APIs, integrate it into your application, and filter or display it effectively using components.
- Vue Composition API: Get introduced to the Composition API in Vue 3, learning how to create reusable logic and components with a focus on flexibility and modularity.
- Form Validation and Animations: Implement form validation using Vuelidate and add dynamic animations with the Greensock animation library (GSAP).
đ¨âđĢ About the Course
In this course, you will learn to build dynamic applications using Vue.js and Nuxt by working through hands-on projects like a quiz game and a food ordering app. You'll explore key features of the Vue ecosystem, including Vuex for state management, Nuxt for server-side rendering, and the Composition API for modular code. By the end of the course, you'll be able to build and deploy Vue and Nuxt applications with enhanced interactivity and scalability.
đ¯ Target Audience
- Frontend developers who want to learn Vue.js and Nuxt.js for building dynamic web applications.
- Developers transitioning from Vue 2 to Vue 3, looking to explore the new Composition API.
- Anyone interested in building server-rendered and statically generated applications with Nuxt.
â Requirements
- Basic knowledge of JavaScript, HTML, and CSS.
- Familiarity with the basics of Vue.js is helpful but not required.
đ Course Content
- Building a Vue.js Game: Learn how to create a game application using Vue, manage UI state, and work with mutations and watchers.
- Nuxt.js Overview: Understand the fundamentals of Nuxt, including setting up a project, configuring routes, and deploying your app.
- Fetching and Filtering API Data: Work with APIs to load data into your app, filter it dynamically, and display it within Vue components.
- Dynamic Pages and Slots: Create dynamic pages with Nuxt and use slots to build reusable components.
- Vuex for State Management: Dive deep into Vuex for handling application state and building a shopping cart feature.
- Composition API and Form Handling: Explore the Composition API for modular code and learn to handle form validation and state changes.
Drop a comment
Building Applications with Vue & Nuxt by Sarah Drasner
Log in to leave a feedback
Loginđ Psst! Interested in More Vue.js Courses?
Nuxt 3 FundamentalsVideo
by Ben Hong
đšī¸ Levels: đ Intermediate
âŗ Duration: 3.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Frontend Masters
Vue 3 FundamentalsVideo
by Ben Hong
đšī¸ Levels: đ Intermediate
âŗ Duration: 7 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Frontend Masters
Production-Grade Vue.jsVideo
by Ben Hong
đšī¸ Levels: đ Intermediate, đ Advanced
âŗ Duration: 4.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Frontend Masters