English French German Italian Portuguese Russian Spanish

logo_old

  • Web Development Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Development

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Development

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

Introduction to Vue.js Training

PDF Print Email

Course duration

  • 2 days

Course Benefits

  • Starting a new Vue project.
  • Structuring a Vue project.
  • Vue templates.
  • Breaking a Vue app into components.
  • Passing data between components.
  • Dynamic data.
  • Vue.js directives.
  • Conditional rendering with v-if, v-else-if, and v-else.
  • Binding HTML elements to fields with v-model and v-bind.
  • Creating event listeners with v-on.
  • Looping with v-for.
  • Emitting events from child components.
  • Listening for events in parent components.
  • Passing data in event emitters.
  • Working with your new Vue skills.
  • The transition Component.
  • Adding a timer.
Available Delivery Methods
Public Class
Public expert-led online training from the convenience of your home, office or anywhere with an internet connection. Guaranteed to run .
Private Class
Private classes are delivered for groups at your offices or a location of your choice.
Self-Paced
Learn at your own pace with 24/7 access to an On-Demand course.

Course Outline

  1. Getting Started with Vue.js
    1. Unpacking Vue.js
    2. Exercise: Vue.js Hello, World!
    3. Introducing Our Project: Mathificent
    4. Exercise: Get Started with vue-cli
    5. Exercise: Learning the Structure of a Vue App
  2. Basic Vue Features
    1. The Vue Instance
    2. Writing Vue Templates
    3. Exercise: Writing Templates
    4. Using Components Inside Components
    5. Exercise: Breaking an App into Components
    6. Passing Data to Child Components
    7. Dynamic Data in Templates
    8. Computed Properties
    9. The data and method Objects
  3. Directives
    1. Directives
    2. Conditionals with v-if / v-else-if / v-else
    3. Two-way Binding with v-model
    4. One-way Data Binding, Repeating, and Event Handling
    5. Emitting Custom Events
  4. Implementing Game Logic
    1. Exercise: Passing Data Between Components
    2. Exercise: Vue Data Binding
    3. Exercise: Implementing Conditional Rendering
    4. Exercise: Improving the Form Layout
    5. Exercise: Making the Game UI
    6. Exercise: Capturing Form Events
    7. Exercise: Setting the Equation
  5. Transitions and Animations
    1. Using the transition Component
    2. Exercise: Adding the Timer
    3. Exercise: Adding Transitions
    4. Exercise: Catching Keyboard Events

Class Materials

Each student will receive a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this Vue.js class:

  • HTML
  • JavaScript
  • Basic CSS
Prerequisite Courses
Since its founding in 1995, InterSource has been providing high quality and highly customized training solutions to clients worldwide. With over 500 course titles constantly updated and numerous course customization and creation possibilities, we have the capability to meet your I.T. training needs.
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.
Facebook TwitterGoogle BookmarksLinkedin