IIRF Online > Development > Web Development > JavaScript > Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex) by Udemy

(RE-RECORDED April 2021) Vue.js 3 is here! Learn from "Hello, Vue!" to building large apps with Vuex and Vue Router.

       
HighlightOverviewCurriculamFAQs
Course Highlights
  • Vue JS 3 from scratch
  • Options and Composition API
  • Vuex
  • Vue Router
  • Creating reusable components
  • Design Patterns
  • Front-end Routing

Overview

What Advantages Will You Get From This Course?

  • This course will help you learn JavaScript and Node JS fundamentals, including rules and syntax.
  • You will get to learn JavaScript from the basics to more advanced topics.
  • You will be able to learn how modules work in Nodejs, including import and export.
  • It helps you teach error handling and best practices; functions include callback, arrow, and async.
  • You will learn file handling using the native fs module and NodeJs project setup.
  • You can make Objects and Array and its use in test automation.
  • It helps in object-oriented programming in JS and has many real-time use cases in test automation.

What Does This Course Covers?

  • This course is created and designed to teach JavaScript fundamentals from the beginning.
  • This course covers what is necessary for Test Automation.
  • You will get to address the challenges of test engineers from different language backgrounds.
  • You can easily relate to and understand the Syntax and Rules of JavaScript.
  • You will learn the basic features of JavaScript that bring you to a point where you will be confident to call yourself a JavaScript developer.
  • You can use Test Automation frameworks that use JavaScript, like Protractor, WebDriverIO, or Nightwatch JS.
Curriculum
Expand All

15 Topics
Notes before starting
Introduction
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
Source Code for Upcoming Projects

8 Topics
Project #1: User Sign-up Form w/ Validation
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

10 Topics
Project #2: Pokemon Evolutions
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

9 Topics
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

10 Topics
Projet #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 Fefactor and Exercises

10 Topics
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

10 Topics
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

13 Topics
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

  Write a Review

Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

Go to Paid Course
Related JavaScript Courses
Frequently Asked Questions
You will learn JavaScript and Node.js fundamentals, including modules, error handling, etc., which will enhance your skills.
This course comprehensively understands JavaScript fundamentals, including advanced topics like modules, error handling, and best practices.
This course starts from basics and progresses to advanced topics, including those new to programming, and can grasp JavaScript concepts effectively.
You can use JavaScript-based test automation frameworks like Protractor, Nightwatch JS, etc.
Automation engineers who want to learn JS, Freshers who want to learn JS from scratch, Functional test engineers who aspire to start JS based Test Automation


Get in Touch with Us
Quick links
Latest Ranking
Popular Specializations
© Copyright IIRF Ranking 2025. All Rights Reserved.