Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)
Learn to build large applications with Vue.js, Vuex, and Vue router with this zero to hero course
Development,Web Development,Vue JS
Lectures -84
Duration -5.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course 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.
All code files and resources are available here: https://github.com/PacktPublishing/Complete-Vue.js-3-Inc.-Composition-API-Vue-Router-Vuex-
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.
Goals
- Build applications using Vue.js
- Create reusable components
- Use Vue router for front-end routing
- Design patterns
- Understand Options and Composition API
Prerequisites
- Basic knowledge of web technologies (HTML/CSS/JS) and terminal proficiency is required.
![Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex) Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)](https://d3mxt5v3yxgcsr.cloudfront.net/courses/8681/course_8681_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Course Introduction
14 Lectures
-
Course Introduction 02:57 02:57
-
Setting Up 03:07 03:07
-
Your First Vue.js App 03:17 03:17
-
Adding a Template Property 02:19 02:19
-
User Interactions with Methods 03:42 03:42
-
Control Flow with v-if and v-else 03:06 03:06
-
Loops with v-for 02:53 02:53
-
Computed Properties 02:41 02:41
-
Class Bindings 04:22 04:22
-
Input Validation 07:14 07:14
-
The Amazing v-model 03:42 03:42
-
Your First Component 02:18 02:18
-
Component Props 05:45 05:45
-
Child-Parent Communication with Events 06:42 06:42
Project 1: User Sign-up Form with Validation
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 2: Pokémon Evolutions
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Composition Fundamentals
9 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 3: Composing a Microblog
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Vue Router Fundamentals
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Vuex Fundamentals
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Project 4: Capstone Project
13 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Packt Publishing](https://www.tutorialspoint.com/assets/profiles/154467/profile/200_283401-1581924256.png)
Packt Publishing
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)