Vue JS online training   Vue JS online training

 

Vue JS online training
Kameswara Sarma Uppuluri
(MCT, MCPD, MCTS, MCAD, MCDBA, MCSD)

 

Vue JS Online Training

Your Instructor for this course is Kameswara Sarma Uppuluri.

He is an accomplished Senior Technical Corporate Trainer here in India and a consultant. He has been a Microsoft Certified Trainer since 2004 and a Microsoft Certified Professional since 1998. He has delivered various trainings at client places, on Microsoft Technologies for top MNC's in India .

He is passionate about teaching developers how to make the most out of their chosen technologies and doing web development in the best way possible.

He has spent years of developing course materials and teaching professional developers online throughout the world.

He has worked in technology for 16 years, specializing in web Development,Content Management Systems,databases and business intelligence.

He is an independent consultant that enjoys development and teaching.

He is a consultant based in Hyderabad, India. He has over 16 years of experience in the IT field, and over a decade of experience as a trainer.

He is an expert in SharePoint Development/Configuration/,Administration and .NET development and Database business intelligence technologies.

Live Online Training Videos
Vue JS online training

Course Fee :
5000/-
Vue JS online training

Course Duration :
35 Days

Session Duration :
90 Minutes (Mon – Sat)

 

 
Vue JS online training
What is Vue.JS?
  • Vue.js is an open-source progressive JavaScript framework used to develop interactive web user interfaces and single-page applications. Vue.js is mainly focused on the view part of the application that is also called front end development.
Audience Profile:

This course is for those people who wants to SPA web applications using Vue JS.


Prerequisites

This course is designed for individuals with an intermediate knowledge of JavaScript and any one web development technology.


Our Trainer's Profile :
  • Our Trainers speak from Experience
  • Our Trainers Are Subject Matter Experts
  • Our Trainers Are Expert instructors
  • Our Trainers are Microsoft Certified
  • Our Trainers have more than 13+ years of experience on Microsoft Technologies
Career Path :

After completing this course you will be able to take up the roles of
  • Vue JS Developer


Lesson 1 - Your First Vue.js Application

In this lesson, we will cover the following topics.

  1. Preparing the Development Environment
  2. Installing Node.js
  3. Installing the @vue/cli Package
  4. Installing Git
  5. Installing an Editor
  6. Installing a Browser
  7. Creating the Project
  8. Understanding the Project Structure
  9. Starting the Development Tools
  10. Replacing the Placeholder Content
  11. Adding a CSS Framework
  12. Styling the HTML Elements
  13. Adding Dynamic Content
  14. Displaying the List of Tasks
  15. Adding a Checkbox
  16. Filtering Completed Tasks
  17. Creating New Tasks
  18. Storing Data Persistently
  19. Adding the Finishing Touches

Lesson 2 - Understanding Vue.js

In this lesson, we will cover the following topics.

  1. Understanding Round-Trip Applications
  2. Understanding Single-Page Applications
  3. Understanding Application Complexity
  4. How Do I Set Up My Development Environment?
  5. What Is the Structure of This Book?
  6. Part 1: Getting Started with Vue.js
  7. Part 2: Working with Vue.js
  8. Part 3: Advanced Vue.js Features

Lesson 3 - HTML and CSS Primer

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Understanding HTML Elements
  3. Understanding Element Content
  4. Understanding Attributes
  5. Examining the Live HTML Document
  6. Understanding Bootstrap
  7. Applying Basic Bootstrap Classes
  8. Using Bootstrap to Create Grids
  9. Using Bootstrap to Style Tables
  10. Using Bootstrap to Style Forms

Lesson 4 - Essential JavaScript Primer

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Using Statements
  3. Defining and Using Functions
  4. Defining Functions with Parameters
  5. Defining Functions That Return Results
  6. Using Functions as Arguments to Other Functions
  7. Using Variables and Types
  8. Using the Primitive Types
  9. Using JavaScript Operators
  10. Using Conditional Statements
  11. The Equality Operator vs. the Identity Operator
  12. Explicitly Converting Types
  13. Working with Arrays
  14. Using an Array Literal
  15. Reading and Modifying the Contents of an Array
  16. Enumerating the Contents of an Array
  17. Using the Spread Operator
  18. Using the Built-in Array Methods
  19. Working with Objects
  20. Using Object Literals
  21. Using Functions as Methods
  22. Copying Properties from One Object to Another
  23. Understanding JavaScript Modules
  24. Creating and Using a Simple JavaScript Module
  25. Defining Multiple Features in a Module
  26. Combining Multiple Files in a Module
  27. Understanding JavaScript Promises
  28. Understanding the Asynchronous Operation Problem
  29. Using a JavaScript Promise
  30. Simplifying the Asynchronous Code

Lesson 5 - SportsStore: A Real Application

In this lesson, we will cover the following topics.

  1. Creating the SportsStore Project
  2. Adding Additional Packages
  3. Preparing the RESTful Web Service
  4. Starting the Project Tools
  5. Creating the Data Store
  6. Creating the Product Store
  7. Creating the Product List
  8. Adding the Product List to the Application
  9. Filtering the Price Data
  10. Adding Product Pagination
  11. Adding Category Selection
  12. Using the RESTful Web Service

Lesson 6 - SportsStore: Checkout and Orders

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Creating the Shopping Cart Placeholder
  3. Configuring URL Routing
  4. Displaying a Routed Component
  5. Implementing the Cart Features
  6. Adding a Module to the Data Store
  7. Adding the Product Selection Feature
  8. Displaying the Cart Contents
  9. Creating a Global Filter
  10. Testing the Basic Cart Features
  11. Making the Cart Persistent
  12. Adding the Cart Summary Widget
  13. Adding the Checkout and Orders Features
  14. Creating and Registering the Checkout Components
  15. Adding Form Validation
  16. Adding the Remaining Fields and Validation

Lesson 7 - SportsStore: Scaling and Administration

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Dealing with Larger Amounts of Data
  3. Improving Page Navigation
  4. Reducing the Amount of Data Requested by the Application
  5. Adding Search Support
  6. Starting the Administration Features
  7. Implementing Authentication
  8. Adding the Administration Component Structure
  9. Implementing the Order Administration Feature

Lesson 8 - SportsStore: Administration and Deployment

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Adding the Product Administration Features
  3. Presenting the Product List
  4. Adding the Editor Placeholder and URL Routes
  5. Implementing the Editor Feature
  6. Deploying SportsStore
  7. Preparing the Application for Deployment
  8. Building the Application for Deployment
  9. Testing the Deployment-Ready Application
  10. Deploying the Application

Lesson 9 - Understanding Vue.js

In this lesson, we will cover the following topics.

  1. Understanding Vue.js
  2. Adding the Bootstrap CSS Framework
  3. Running the Example Application
  4. Creating an Application Using the DOM API
  5. Understanding How the DOM API Application Works
  6. Creating a Vue Object
  7. Adding Data to the Vue Object
  8. Adding an Event Handler
  9. Correcting the Message
  10. Understanding the Vue Object Structure
  11. Introducing a Component
  12. Registering and Applying the Component
  13. Separating the Template from the JavaScript Code

Lesson 10 - Understanding Vue.js Projects and Tools

In this lesson, we will cover the following topics.

  1. Creating a Vue.js Development Project
  2. Configuring the Linter
  3. Completing the Project Configuration
  4. Understanding the Project Structure
  5. Understanding the Source Code Folder
  6. Understanding the Packages Folder
  7. Using the Development Tools
  8. Understanding the Compilation and Transformation Process
  9. Understanding the Development HTTP Server
  10. Understanding Hot Model Replacement
  11. Understanding the Error Display
  12. Using the Linter
  13. Customizing the Linter Rules
  14. Debugging the Application
  15. Exploring the Application State
  16. Using the Browser Debugger
  17. Configuring the Development Tools
  18. Building the Application for Deployment
  19. Installing and Using an HTTP Server

Lesson 11 - Understanding Data Bindings

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Understanding the Elements of a Component
  3. Understanding the Template Element
  4. Understanding the Script Element
  5. Understanding the Style Element
  6. Resetting the Component in the Example Application
  7. Displaying a Data Value
  8. Using More Complex Expressions in a Data Binding
  9. Calculating Values with Computed Properties
  10. Calculating Values with Computed Properties
  11. Formatting Data Values with Filters

Lesson 12 - Using the Basic Directives

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Setting an Element’s Text Content
  3. Displaying Raw HTML
  4. Selectively Displaying Elements
  5. Selectively Displaying Adjacent Peer Elements
  6. Choosing Between Sections of Content
  7. Selectively Displaying Elements Using CSS
  8. Setting an Element’s Attributes and Properties
  9. Using an Object to Configure Classes
  10. Setting Individual Styles
  11. Setting Other Attributes
  12. Setting Multiple Attributes
  13. Setting an HTMLElement Property

Lesson 13 - Using the Repeater Directive

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Enumerating an Array
  3. Using the Alias
  4. Identifying the Key
  5. Getting the Item Index
  6. Understanding Array Change Detection
  7. Enumerating Object Properties
  8. Understanding Object Property Ordering
  9. Repeating HTML Elements Without a Data Source
  10. Using Computed Properties with the v-for Directive
  11. Paging Data
  12. Filtering and Sorting Data

Lesson 14 - Handling Events

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Handling Events
  3. Understanding Events and Event Objects
  4. Using a Method to Handle Events
  5. Combining Events, Methods, and Repeated Elements
  6. Listening for Multiple Events from the Same Element
  7. Using Event Handling Modifiers
  8. Managing Event Propagation
  9. Preventing Duplicate Events
  10. Using Mouse Event Modifiers
  11. Using Keyboard Event Modifiers

Lesson 15 - Working with Form Elements

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Creating Two-Way Model Bindings
  3. Adding a Two-Way Binding
  4. Adding Another Input Element
  5. Simplifying Two-Way Bindings
  6. Binding to Form Elements
  7. Binding to Text Fields
  8. Binding to Radio Buttons and Checkboxes
  9. Binding to Select Elements
  10. Using the v-model Modifiers
  11. Formatting Values as Numbers
  12. Delaying Updates
  13. Removing Whitespace Characters
  14. Binding to Different Data Types
  15. Selecting an Array of Items
  16. Using Custom Values for Form Elements
  17. Validating Form Data
  18. Defining the Validation Rules
  19. Performing Validation
  20. Performing Validation

Lesson 16 - Using Components

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Understanding Components as Building Blocks
  3. Understanding Child Component Names and Elements
  4. Using Component Features in Child Components
  5. Understanding Component Isolation
  6. Using Component Props
  7. Creating Custom Events
  8. Using Component Slots
  9. Using Component Slots

Lesson 17 - Understanding the Component Lifecycle

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Understanding the Component Lifecycle
  3. Understanding the Creation Phase
  4. Understanding the Mounting Phase
  5. Understanding Update Phase
  6. Understanding the Destruction Phase
  7. Handling Component Errors

Lesson 18 - Loosely Coupled Components

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Creating the Product Display Component
  3. Creating the Product Display Component
  4. Displaying the Child Components
  5. Understanding Dependency Injection
  6. Defining a Service
  7. Consuming a Service via Dependency Injection
  8. Overriding Antecedent Services
  9. Creating Reactive Services
  10. Using Advanced Dependency Injection Features
  11. Using an Event Bus
  12. Sending Events Using an Event Bus
  13. Receiving Events from the Event Bus
  14. Creating Local Event Buses

Lesson 19 - Using RESTful Web Services

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Preparing the HTTP Server
  3. Preparing the Example Application
  4. Running the Example Application and HTTP Server
  5. Understanding RESTful Web Services
  6. Consuming a RESTful Web Service
  7. Consuming a RESTful Web Service
  8. Making the HTTP Request
  9. Receiving the Response
  10. Processing the Data
  11. Creating an HTTP Service
  12. Consuming the HTTP Service
  13. Adding Other HTTP Operations
  14. Creating an Error Handling Service

Lesson 20 - Using a Data Store

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Creating and Using a Data Store
  3. Understanding Separate State and Mutations
  4. Providing Access to the Vuex Data Store
  5. Using the Data Store
  6. Inspecting Data Store Changes
  7. Defining Computed Properties in the Data Store
  8. Using a Getter in a Component
  9. Providing Arguments to Getters
  10. Performing Asynchronous Operations
  11. Receiving Change Notifications
  12. Mapping Data Store Features into Components
  13. Using Data Store Modules
  14. Registering and Using a Data Store Module
  15. Using Module Namespaces

Lesson 21 - Dynamic Components

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Preparing Components for Dynamic Lifecycles
  3. Getting the Application Data
  4. Managing Watch Events
  5. Displaying Components Dynamically
  6. Presenting Different Components in an HTML Element
  7. Selecting Components Using a Data Binding
  8. Automatically Navigating Around the Application
  9. Using Asynchronous Components
  10. Disabling Prefetch Hints
  11. Configuring Lazy Loading

Lesson 22 - URL Routing

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Getting Started with URL Routing
  3. Providing Access to the Routing Configuration
  4. Using the Routing System to Display Components
  5. Navigating to Different URLs
  6. Understanding and Configuring URL Route Matching
  7. Understanding URL Matching and Formatting
  8. Using the HTML5 History API for Routing
  9. Using a Route Alias
  10. Getting Routing Data in Components
  11. Matching Routes Dynamically
  12. Using Regular Expressions to Match URLs
  13. Creating Named Routes
  14. Dealing with Navigation Changes

Lesson 23 - URL Routing Element Features

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Working with Router-Link Elements
  3. Selecting the Element Type
  4. Selecting the Navigation Event
  5. Styling Router Link Elements
  6. Creating Nested Routes
  7. Planning the Application Layout
  8. Adding Components to the Project
  9. Defining the Routes
  10. Creating the Navigation Elements
  11. Testing the Nested Routes
  12. Using Named Router-View Elements

Lesson 24 - Advanced URL Routing

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Using Separate Files for Related Routes
  3. Guarding Routes
  4. Defining Global Navigation Guards
  5. Defining Route-Specific Guards
  6. Defining Component Route Guards
  7. Loading Components on Demand
  8. Displaying a Component Loading Message
  9. Creating Routing-Free Components

Lesson 25 - Transitions

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Creating the Components
  3. Configuring URL Routing
  4. Creating the Navigation Elements
  5. Getting Started with Transitions
  6. Understanding the Transition Classes and CSS Transition
  7. Understanding the Transition Sequence
  8. Using an Animation Library
  9. Switching Between Multiple Elements
  10. Applying a Transition to URL Routed Elements
  11. Applying a Transition for an Element’s Appearance
  12. Applying Transitions for Collection Changes
  13. Using Transition Events
  14. Using the Enter and Leave Events
  15. Drawing Attention to Other Changes

Lesson 26 - Extending Vue.js

In this lesson, we will cover the following topics.

  1. Preparing for This Chapter
  2. Creating Custom Directives
  3. Understanding How Directives Work
  4. Using Custom Directive Expressions
  5. Using Custom Directive Arguments
  6. Using Custom Directive Modifiers
  7. Communicating Between Hook Functions
  8. Defining Single Function Directives
Why you should choose UIAcademy.co.in as your Online Training provider?

• We are into training industry for more than 16+ years.
• Scenario Based Training.
• Certification Exam preparation.
• Our trainers are certified and qualified with Real-World experience.
• Our Large List of Satisfied Students & Clients Around the World.
• Demo of live project including Source Code and other resources will be provided to the students.
• Students will have access to soft copies of all the Case Studies and other examples used during the sessions.
• We provide complete guidance towards MCP Certification Exams.
• Step by Step Lab Manuals and Course Materials.
• Resume and Interview Preparation Guidance.
 
 
Client Testimonials
 

Excellent VUE trainer! The training objectives were well explained and their training services were extremely professional, which enabled me to get maximum benefit from the course.

Kashish Arora
Australia
 

 

Client Testimonials
 

I found people at UIAcademy.IN are very organized, provide friendly environment and deliver courses at right pace with the best content as their curriculums

Abhijeet Sawant
Kerala
 

 

 Vue JS online training
 
© Copyright 2010 - 2023 | UIAcademy.co.in | All trademarks and logos are the sole property of their respective owners.