VueJS Training

Learn to build interactive web interfaces with Vue.js framework. Understand Vue.js fundamentals and develop full fledged web applications using its reactive components.

  • 24 hours of Instructor led Training
  • Immersive hands-on training
  • Understand the fundamental and advanced concepts of VueJS
  • Learn to create instances, learn about single page apps, Custom directives, Mixins, Routing and more
  • Learn to build and unit test web applications
  • Our VueJS trainers will guide students in future implementation of the technology
ENROLL NOW

Overview

Why should I learn about VueJS?

Vue.js a very ideal framework to learn and developers must master this for a good career. Zeolearn institute is a premier coaching institute that has been conducting Vue.js classes and empowering participants with real time, practical skills that will help them land lucrative job roles. This course will help you gain hands on expertise through the numerous examples, exercises and project work conducted through the course of the workshop. You will also work on an industry-level project that will make you a master in Vue.JS. Enrol now and get set for a glittering career.

What will I accomplish in this course?

On completing the course, you will learn about: Vue.js concepts and fundamentals Creating complete applications using Vue.Js, Understanding components and unit testing your application,

Is this course right for you?

This Vue.js course is apt for developers and designers who want to use Vue.js to create web applications.

What do you need to be familiar with?

Participants are expected to have basic HTML, CSS and JavaScript knowledge.

What You Will Learn in this Course

After completing the VueJS course, you will be able to:
  • The fundamental concepts of Vue.js and how to use it in applications
  • Build a fully functional app from scratch
  • Create instances, learn about single page apps, Custom directives, Mixins, Routing and more
  • Build and unit test your applications

1. Introduction to Vue.js

What is Vue.js, Why Vue.js, Quick tour of Vue-cli, Hello World with Vue.js, Anatomy of Hello world vue app

2. Working with Template & view model

What is vue.js template, What is viewmodel / vue instance?, Template syntax, Interpolation, Directive, Filters, Shorthands, Javascript expressions, Computed properties, Watchers, Class and style bindings, HTML classes, Inline styles, Conditional Rendering, Iterative Rendering

3. Vue instance revisited

Basic vue instance usage, Multiple vue instances, Vue instance Lifecycle, Accessing data from outside vue instance, Data and methods, More about $el, $data and $refs

4. Event handling

Introduction, Listening to events, Method Event handlers, Event modifiers, Key modifiers

5. Working with Forms and Two way binding

Introduction to two way binding via v-model, Handling user input with HTML form controls, Data binding, .lazy, .number, .trim modifiers, Submitting a form

6. Introduction to Components

What are components?, Why components, Hello World component, Anatomy of a component, Registering Components Locally and Globally, Root Component, Thinking in components, Composing application as components

7. Passing data to components

Props, parent to child communication, Custom events, child to parent, Non parent child communication event emitter style using .emit, .on

8. Content distribution with slots

Compilation scope, Single slot, Named slot, Scoped slot

9. Dynamic components

Switching Multiple Components with Dynamic Components, Dynamic Component Behavior, Keeping Dynamic Components Alive, Lifecycle hooks

10. Custom Directives

Introduction, Directive hook functions, Developing custom directive, Passing values and arguments to custom directives, Directive hook arguments

11. Mixins

Introduction, Creating and using mixins, Option merging, Global mixin

12. Filters revisited

Introduction, Local filters, Global filters, Chaining filters

13. Remote communication with Vue.js

Using vue-resource to working with HTTP, Fetch data, Post data to server, Request Response Interception, Template URLs

14. Routing

Introduction, Setting up vue-router, Loading routes, Routing modes, Navigation with router links, Styling active links, Imperative navigation, Route Parameters, Setting up child or nested routes, Named routes, Query parameters, Named router views, Wildcard routes, Route guards

15. State management

Introduction, What is need for state management, What is vuex, Centralized store, Understanding Getters, Using Getters, Mapping Getters to Properties

16. Understanding Mutations

Using Mutations, Using Actions, Mapping Actions to Methods

17. Unit testing

Introduction, Setup and tooling, Testing components

Who can attend?

  • Those who want to learn VueJS and implement on large projects
  • Candidates who aspire to build a career as a VueJS developer in market but don't have enough skills
  • All those who want to start freelancing.

Tuiren Experience

Learn By Doing

Immersive Hands-on training with combination of theoretical learning, hands-on exercises, group discussions, assignments and intensive Q&A sessions.

Live & Interactive

Ask questions, get clarifications, and engage in discussions with instructors and other participants.

Mentored by Industry Experts

Get Mentored by Industry practitioners having more than 10 years of experience.

Reason based learning

Don’t gain just theoretical or practical knowledge. Understand the WHAT, WHY, and HOW of a subject. Simplify the subject matter and get in-depth comprehension.

Code Review by Professionals

Get reviews and timely feedback on your assignments and projects from professional developers.

Build Projects

We emphasize on learning the concepts through examples and help you in building a portfolio of projects through the course of training.

Lifetime Enrolment

Free lifetime enrolment into any of the upcoming batches to help you refresh the concepts.

Curriculum designed by Experts

The Curriculum goes through multiple levels of design and preparation by the experts to keep the topics/modules relevant to everyday changes in technology.

Study even from remote locations

Learn to use collaborative mediums to share opinions and improve your coding skills with assistance from the instructors and other participants.

Projects

Web Agency

Use your skills of VueJs to build a web application of Web Agency

E-Store

Use your skills of VueJs to build a web application of Ecommerce store

Have More Questions?

Mail Us trainings@tuiren.co