Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Introduction to Vue.js

Course Summary

The Introduction to Vue.js training course is designed to teach experienced front-end web developers the necessary components within Vue to build applications.

The course begins with an overview of the framework. Next, the course moves into how to create instances, work with components and events, and build a functional User Interface (UI). The course concludes with an examination of how to leverage Vue.js with other JS frameworks.

Purpose
 Learn how to use Vue.js to build interactive web UIs.
Audience
 Experienced web developers looking to adopt Vue.js as their web view framework.
Role
Web Developer
Skill Level
Intermediate
Style
Hack-a-thon - Learning Spikes - Workshops
Duration
2 Days
Related Technologies
JavaScript | Web Development | Vue.js

 

Productivity Objectives
  • Describe Vue.js and how it compares to other front-end frameworks.
  • Identify the key elements of the Vue Application Programming Interface (API) and their role in the front-end app.
  • Create a functional Vue-based web app.

What You'll Learn:

In the Introduction to Vue.js training course, you'll learn:
  • Introduction
    • What is VueJS?
    • Installation
    • Vue vs. other frameworks
    • HelloWorld Vue App
  • Creating Instances
    • Initialization
    • Options object
    • Methods and Properties
    • Data binding
    • Components
  • What is a Component?
    • Registration
    • Component constructor function
    • Data method
    • Props and Events
    • Slots
  • Handling Events
    • Listeners
    • Event handlers
    • Event modifiers
  • Rendering
    • Conditional rendering
    • V-for directive
    • List rendering
  • Vue Router
    • Working with routes
    • Handling multiple components
    • Redirecting
    • Advanced routing
  • Bringing It All Together
    • Let's make a web app!
    • Menus, forms, and messages
    • Tips to keep in mind
  • How to Use Vue with Other Options
    • Single file components
    • Preprocessors
    • Libraries
    • Plugins
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.