Video description
This course is for developers who want to move fast. We cover the traditional way of building Vue apps-the Options API-as well as the new Composition API and even see how you can mix and match them together.
There are 8 modules in this course; 4 introduce fundamental skills (Options API, Composition API, Vuex, and Vue Router). The remaining four modules are projects so that you can see how to apply the fundamental skills in real apps.
After learning both Options and Composition API, we will see how to use them both with Vuex and Vue Router and talk about the different use-cases and trade-offs to consider.
Finally, as we progress through, our focus starts to shift from not only how to build apps with Vue but also to thinking about how we architect things, how components should communicate, where data should be saved (also known as state management), and how it flows through the app.
After covering Vue, we will look at Vuex, Vue’s state management solution, and Vue Router, for front-end routing. The course culminates with a capstone project, using the three core Vue libraries (Vue, Vuex, Vue Router) to build an application.
By the end of this course, you will gain a solid foundation in coding with Vue.js and apply these skills in your future projects.
What You Will Learn
- Build applications using Vue.js
- Create reusable components
- Use Vue router for front-end routing
- Design patterns
- Understand Options and Composition API
Audience
This course is suitable for beginner- or intermediate-level web developers. Developers looking to try out new Vue.js 3 features can also opt for this course.
Basic knowledge of web technologies (HTML/CSS/JS) and terminal proficiency is required.
About The Author
Lachlan Miller: Lachlan Miller is a full-stack software developer, passionate about open-source, test-driven development and mentoring. He has been contributing to the Vue.js open-source community since 2016 and is the maintainer of Vue Test Utils, the official testing library for Vue.js.
Lachlan has worked with small and large teams, as both a full stack developer as well as a mentor, providing training and guidance on designing greenfield applications, as well as seamlessly and safely transitions existing applications into new, highly dynamic modern web apps.
Publisher resources
Table of contents
-
Chapter 1 : Course Introduction
- Introduction
- Setting Up
- Your First Vue.js App
- Adding a Template Property
- User Interactions with Methods
- Control Flow with v-if and v-else
- Loops with v-for
- Computed Properties
- Class Bindings
- Input Validation
- The Amazing v-model
- Your First Component
- Component Props
- Child-Parent Communication with Events
- Chapter 2 : Project 1: User Sign-up Form with Validation
-
Chapter 3 : Project 2: Pokémon Evolutions
- Project 2: Pokémon Evolutions Introduction
- Creating the Card Foundations
- Loading Remote Data with Fetch
- Fetching Multiple Data Sources
- Lifecycle Hooks
- Rendering Content
- Modular Components with Slots
- Reusing Code to Fetch Evolutions
- Better Styles with Class Bindings
- Separating Business Logic and Presentation Components
- Chapter 4 : Composition Fundamentals
-
Chapter 5 : Project 3: Composing a Microblog
- Project 3: Microblog (with the Composition API)
- Creating the Microblog Store
- Render Posts with the Card Component
- The Hashtag Component
- Emitting Events with the Composition API
- Filtering Posts with Computed
- Refactoring with the Posts Store
- Liking a Post
- Searching for Hashtags
- Mind Blowing Refactor and Exercises
- Chapter 6 : Vue Router Fundamentals
- Chapter 7 : Vuex Fundamentals
-
Chapter 8 : Project 4: Capstone Project
- Introduction to the Capstone Project
- Setting Up Vuex
- Reusable Layouts
- Fetching Albums with Fetch
- Data Fetching Workflow with Vuex
- Creating the Album Component
- Fetching Thousands of Photos
- Adding Routing
- Improved Routing
- Routing with Router Link
- watchEffect and Routing Params
- Vuex Level Caching for Better Performance
- Parting Words and Recommendations
Product information
- Title: Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)
- Author(s):
- Release date: October 2021
- Publisher(s): Packt Publishing
- ISBN: 9781803245287
You might also like
video
Vue - The Complete Guide (Including Vue Router, Vuex, and Composition API)
Vue.js is a highly popular framework that provides a reactive and great user experience not only …
video
React - The Complete Guide (incl. Hooks, React Router and Redux)
Learn React or dive deeper into it. Learn the theory, solve assignments, practice on demo projects …
video
React: Zero to Full-Stack (Video Collection)
This course contains everything you need to know to become a full-stack developer with the React …
book
Full-Stack React, TypeScript, and Node
Discover the current landscape of full-stack development and how to leverage modern web technologies for building …