Learn to build large applications with Vue.js, Vuex, and Vue router with this zero to hero course
About This Video
Learn Vue.js from scratch and use it to build applications
Build multiple projects to put the skills that you will learn into action
Explore Vuex and Vue router
In Detail
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.
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.
Chapter 2 : Project 1: User Sign-up Form with Validation
Project 1: User Sign-up Form w/ Validation Introduction
Single File Components
A Custom Button Component
Custom Input Foundations
Dynamic Validation
Rethinking the Form State
Validating the Form
Submitting the Form and Finishing Up
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
Composition Fundamentals Introduction
Hello, Composition API!
Reactivity with ref
Reactive for Complex Values
Composing Computed Properties
Watch and Watch Effect
Before and After with Watch
The useNumbers Composable
Open-Source Library: Vue Use
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
Vue Router Fundamentals
Hello Vue Router
The Router Link component
Children and Nested Routes
Route Params with the Composition API
New Post Route
New Post Form
usePosts Composable
Redirects with Vue Router
Options API Refactor
Chapter 7 : Vuex Fundamentals
Introduction to Vuex
Create a Vuex Store and State
Updating State with Mutations
More on Mutations
Dispatching Actions
Mocking the Server and Fetching Posts
Showing the Current Post
Vuex Getters
Scaling Vuex with Modules
Options API Refactor
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
Start your Free Trial Self paced Go to the Course We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.
This site uses cookies. By continuing to use this website, you agree to their use.I Accept