Cisco Training Courses

Insoft has been serving IT community with official Cisco training offering since 2010. Find all the relevant information on Cisco training on this page.

View More

Cisco Certifications

Experience a blended learning approach that combines the best of instructor-led training and self-paced e-learning to help you prepare for your certification exam.

View More

Cisco Learning Credits

Cisco Learning Credits (CLCs) are prepaid training vouchers redeemed directly with Cisco that make planning for your success easier when purchasing Cisco products and services.

Have CLCs and want to redeem them?

Cisco Continuing Education

The Cisco Continuing Education Program offers all active certification holders flexible options to recertify by completing a variety of eligible training items.

View More

Cisco Digital Learning

Certified employees are VALUED assets. Explore Cisco official Digital Learning Library to educate yourself through recorded sessions.

Browse CDLL Catalogue

Cisco Business Enablement

The Cisco Business Enablement Partner Program focuses on sharpening the business skills of Cisco Channel Partners and customers.

View More

Fortinet Technical Certifications

The Fortinet Network Security Expert (NSE) program is an eight-level training and certification program to teach engineers of their network security for Fortinet FW skills and experience.

View More

Fortinet Technical Courses

Insoft is recognised as Fortinet Authorized Training Center in selected locations across EMEA.

View More

Official ATC Status

Check our ATC Status across selected countries in Europe.

View More

Fortinet Services Packages

Insoft Services has developed a specific solution to streamline and simplify the process of installing or migrating to Fortinet Products.

Browse Packages

Prepforce Bootcamp

The only comprehensive source available today to prepare for Fortinet NSE 8 certification globally.

View More

Microsoft Training

Insoft Services provides Microsoft training in EMEAR. We offer Microsoft technical training and certification courses that are led by world-class instructors.

View More

Technical Training

The evolution of Extreme Networks Technical Training provides a comprehensive progressive pathway from Associate to Professional accreditation.

View More

ATP Accreditation

As an authorised training partner (ATP), Insoft Services ensures that you receive the highest standards of education available.

View More

 

In a world where technologies are evolving rapidly, every company - business needs a partner to rely on and trust for the smooth and secure operation of its network infrastructure.

View More

 

Our Mission: Provide an expert set of modern & leading edge Network Automation skills to the market through professional services.

View More

 

In a world where technologies are evolving rapidly, every company - business needs a partner to rely on and trust for the smooth and secure operation of its network infrastructure.

View More

 

In a world where technologies are evolving rapidly, every company - business needs a partner to rely on and trust for the smooth and secure operation of its network infrastructure.

View More

 

In a world where technologies are evolving rapidly, every company - business needs a partner to rely on and trust for the smooth and secure operation of its network infrastructure.

View More

 

In a world where technologies are evolving rapidly, every company - business needs a partner to rely on and trust for the smooth and secure operation of its network infrastructure.

View More

 

We help organisations to deploy Software-Defined Networking (SDN) solutions, such as Cisco DNA. Besides, our team has extensive experience in integrating Cisco DNA Center with third-party systems.

View More

 

In a world where technologies are evolving rapidly, every company - business needs a partner to rely on and trust for the smooth and secure operation of its network infrastructure.

View More

About Us

Our training portfolio includes a wide range of IT training from IP providers, including Cisco, Extreme Networks, Fortinet, Microsoft, to name a few, in EMEA.

View More

Beginning Vue.js

X

Contact Us

We would love to hear from you. Please complete this form to pre-book or request further information about our delivery options.

Subscribe

I'd like to receive emails with the latest updates and promotions from Insoft.

Data Protection & Privacy

I hereby allow Insoft Ltd. to contact me on this topic. Further, I authorise Insoft Ltd. processing, using collecting and storing my personal data for the purpose of these activities. All your data will be protected and secured as outlined in our privacy policy.


Beginning Vue.js

Enroll Now
Duration
3 Days
Delivery
(Online and onsite)
Price
Price Upon Request
This Beginning Vue.js course is a three-day instructor-led training, balancing theory and hands-on applications that are focused on practical takeaways. This course will provide you with practical solutions to common problems when building an application using Vue. We start off by exploring the fundamentals of Vue.js: its reactivity system, data-binding syntax, and component-based architecture, through practical examples. After that, we delve into integrating Webpack to enhance your development workflow using single-file components. Finally, we take an in-depth look at Vuex for state management and Vue Router to route in your single-page applications. Vue.js is an open-source JavaScript library for building modern, interactive web applications. Its component-based approach, intuitive API, blazingly fast core, and compact size make Vue.js a great solution to craft your next front-end application.   See other courses available

This course complies with instructional design principles in all eight lessons. This will ensure that you repeat and reinforce your gained knowledge at every step. Each and every minute spent on this 3-day course will incrementally take you to the next level.

LESSON 1: Getting Started With Vue.Js

  • A Simple Vue.js Program
  • Lists and their Types
  • Creating a Dynamic and Animated List
  • Reacting to Events Such as Clicks and Keystrokes
  • Choosing a Development Environment
  • Formatting Your Text with Filters

LESSON 2: Basic Vue.Js Features

  • Learning How to Use Computed Properties
  • Filtering a List with a Computed Property
  • Sorting a List with a Computed Property
  • Formatting Currencies with Filters
  • Formatting Dates with Filters
  • Displaying and Hiding an Element Conditionally
  • Adding Styles Conditionally
  • Adding Some Fun to Your App with CSS Transitions
  • Outputting Raw HTML
  • Creating a Form with Checkboxes
  • Creating a Form with Radio Buttons
  • Creating a Form with a Select Element

LESSON 3: Transitions And Animations

  • Integrating with Third-Party CSS Animation Libraries
  • Adding Your Own Transition Classes
  • Animating with JavaScript Instead of CS
  • Transitioning on the Initial Render
  • Transitioning Between Elements
  • Letting an Element Leave Before the Enter Phase in a Transition
  • Adding Entering and Leaving Transitions for Elements of a List
  • Transitioning Elements That Move in a List
  • Animating the State of Your Components
  • Dynamic Transitions

LESSON 4: All About Components

  • Creating and Registering a Component
  • Passing Data to Your Components with Props
  • Making Components Talk to Each Other
  • Making Components Talk with Vuex
  • Reading a Child’s State
  • Using Components in Your Own Components
  • Content Distribution with Slots
  • Single File Components with Webpack
  • Loading Your Components Asynchronously
  • Having Recursive Components

LESSON 5: Vue Communicates With The Internet

  • Sending Basic AJAX Requests with Axios
  • Validating User Data before Sending It
  • Recovering from an Error during a Request
  • Creating a REST Client (and Server!)
  • Implementing Infinite Scrolling
  • Processing a Request before Sending It Out
  • Preventing XSRF Attacks on Your App

LESSON 6: Single-Page Applications

  • Creating a SPA with Vue-Router
  • Fetching Data before Switching Route
  • Managing Errors for Your Routes
  • Adding a Progress Bar to Load Pages
  • Using Named Dynamic Routes
  • Having More Than One Router-View in Your Page
  • Composing Your Routes Hierarchically
  • Adding Transitions between Your Routes
  • How to Redirect to Another Route
  • Saving Scrolling Position When Hitting Back

LESSON 7: Unit Testing And End-To-End Testing

  • Using Jasmine for Testing Vue
  • Adding Karma to Your Workflow
  • Testing Your Application State and Methods
  • Testing DOM Asynchronous Updates
  • End-to-end testing with TestCafe
  • Stubbing External API Calls with Sinon.JS
  • Measuring the Coverage of Your Code

LESSON 8: Organise + Automate + Deploy = Webpack

  • Extracting Logic from Your Components to Keep the Code Tidy
  • Organizing Your Dependencies with Webpack
  • Using External Components in Your Webpack Project
  • Developing with Continuous Feedback with Hot Reloading
  • Running a Code Linter While Developing
  • Releasing Your Components to the Public

This course is for web developers who have little or no prior experience with Vue.js. It mainly targets JavaScript enthusiasts who want to learn a modern and simple JavaScript framework.

Hardware:

For successful completion of this course, students will require computer systems with the following:

  • Processor: Intel Core i3 or equivalent
  • Memory: Minimum 4 GB RAM
  • Hard disk: Minimum 35 GB
  • Operating System: Windows (7 SP1 64-bit or higher)
  • An internet connection

 

Software:

  • Browser: Google Chrome or Mozilla Firefox (with the latest updates installed)
  • Visual Studio 2017 (the latest version)
  • Vue.js and vue-dev tools Chrome or Firefox browser extension
  • Node.js and npm
  • Vuex library
  • Feathers API player
  • Axios promise-based HTTP client
  • .NET Framework 4.6 or higher

 

Installation and Setup

  • Before you start with this course, we’ll install npm and Vuex. You will find the steps to install these here:

 

Installing npm

  1. As it’s bundled in Node.js, the best route to follow is to install Node.js directly. You will find instructions at https://nodejs.org/en/download/
  2. After you have installed npm, open the command line and type npm install -g vuecli; this will install vue-cli. The -g option stands for globally and means that wherever you are, you can type vue and it will run the program.
  3. Create a new directory that will act as a workspace for development projects.

 

Installing Vuex

  1. To install Vuex, you can add it as a dependency from https://vuex.vuejs.org/en/installation.html
  2. If working on JSFiddle or a single web page, you can add Vuex from https://unpkg.com/vuex as a dependency.
This Beginning Vue.js course is a three-day instructor-led training, balancing theory and hands-on applications that are focused on practical takeaways. This course will provide you with practical solutions to common problems when building an application using Vue. We start off by exploring the fundamentals of Vue.js: its reactivity system, data-binding syntax, and component-based architecture, through practical examples. After that, we delve into integrating Webpack to enhance your development workflow using single-file components. Finally, we take an in-depth look at Vuex for state management and Vue Router to route in your single-page applications. Vue.js is an open-source JavaScript library for building modern, interactive web applications. Its component-based approach, intuitive API, blazingly fast core, and compact size make Vue.js a great solution to craft your next front-end application.   See other courses available

This course complies with instructional design principles in all eight lessons. This will ensure that you repeat and reinforce your gained knowledge at every step. Each and every minute spent on this 3-day course will incrementally take you to the next level.

LESSON 1: Getting Started With Vue.Js

  • A Simple Vue.js Program
  • Lists and their Types
  • Creating a Dynamic and Animated List
  • Reacting to Events Such as Clicks and Keystrokes
  • Choosing a Development Environment
  • Formatting Your Text with Filters

LESSON 2: Basic Vue.Js Features

  • Learning How to Use Computed Properties
  • Filtering a List with a Computed Property
  • Sorting a List with a Computed Property
  • Formatting Currencies with Filters
  • Formatting Dates with Filters
  • Displaying and Hiding an Element Conditionally
  • Adding Styles Conditionally
  • Adding Some Fun to Your App with CSS Transitions
  • Outputting Raw HTML
  • Creating a Form with Checkboxes
  • Creating a Form with Radio Buttons
  • Creating a Form with a Select Element

LESSON 3: Transitions And Animations

  • Integrating with Third-Party CSS Animation Libraries
  • Adding Your Own Transition Classes
  • Animating with JavaScript Instead of CS
  • Transitioning on the Initial Render
  • Transitioning Between Elements
  • Letting an Element Leave Before the Enter Phase in a Transition
  • Adding Entering and Leaving Transitions for Elements of a List
  • Transitioning Elements That Move in a List
  • Animating the State of Your Components
  • Dynamic Transitions

LESSON 4: All About Components

  • Creating and Registering a Component
  • Passing Data to Your Components with Props
  • Making Components Talk to Each Other
  • Making Components Talk with Vuex
  • Reading a Child’s State
  • Using Components in Your Own Components
  • Content Distribution with Slots
  • Single File Components with Webpack
  • Loading Your Components Asynchronously
  • Having Recursive Components

LESSON 5: Vue Communicates With The Internet

  • Sending Basic AJAX Requests with Axios
  • Validating User Data before Sending It
  • Recovering from an Error during a Request
  • Creating a REST Client (and Server!)
  • Implementing Infinite Scrolling
  • Processing a Request before Sending It Out
  • Preventing XSRF Attacks on Your App

LESSON 6: Single-Page Applications

  • Creating a SPA with Vue-Router
  • Fetching Data before Switching Route
  • Managing Errors for Your Routes
  • Adding a Progress Bar to Load Pages
  • Using Named Dynamic Routes
  • Having More Than One Router-View in Your Page
  • Composing Your Routes Hierarchically
  • Adding Transitions between Your Routes
  • How to Redirect to Another Route
  • Saving Scrolling Position When Hitting Back

LESSON 7: Unit Testing And End-To-End Testing

  • Using Jasmine for Testing Vue
  • Adding Karma to Your Workflow
  • Testing Your Application State and Methods
  • Testing DOM Asynchronous Updates
  • End-to-end testing with TestCafe
  • Stubbing External API Calls with Sinon.JS
  • Measuring the Coverage of Your Code

LESSON 8: Organise + Automate + Deploy = Webpack

  • Extracting Logic from Your Components to Keep the Code Tidy
  • Organizing Your Dependencies with Webpack
  • Using External Components in Your Webpack Project
  • Developing with Continuous Feedback with Hot Reloading
  • Running a Code Linter While Developing
  • Releasing Your Components to the Public

This course is for web developers who have little or no prior experience with Vue.js. It mainly targets JavaScript enthusiasts who want to learn a modern and simple JavaScript framework.

Hardware:

For successful completion of this course, students will require computer systems with the following:

  • Processor: Intel Core i3 or equivalent
  • Memory: Minimum 4 GB RAM
  • Hard disk: Minimum 35 GB
  • Operating System: Windows (7 SP1 64-bit or higher)
  • An internet connection

 

Software:

  • Browser: Google Chrome or Mozilla Firefox (with the latest updates installed)
  • Visual Studio 2017 (the latest version)
  • Vue.js and vue-dev tools Chrome or Firefox browser extension
  • Node.js and npm
  • Vuex library
  • Feathers API player
  • Axios promise-based HTTP client
  • .NET Framework 4.6 or higher

 

Installation and Setup

  • Before you start with this course, we’ll install npm and Vuex. You will find the steps to install these here:

 

Installing npm

  1. As it’s bundled in Node.js, the best route to follow is to install Node.js directly. You will find instructions at https://nodejs.org/en/download/
  2. After you have installed npm, open the command line and type npm install -g vuecli; this will install vue-cli. The -g option stands for globally and means that wherever you are, you can type vue and it will run the program.
  3. Create a new directory that will act as a workspace for development projects.

 

Installing Vuex

  1. To install Vuex, you can add it as a dependency from https://vuex.vuejs.org/en/installation.html
  2. If working on JSFiddle or a single web page, you can add Vuex from https://unpkg.com/vuex as a dependency.
    Upcoming Dates
  • ` Feb 6 - Feb 8, 2023
  • ` Mar 6 - Mar 8, 2023
  • ` Apr 3 - Apr 5, 2023
  • ` May 1 - May 3, 2023
  • ` May 29 - May 31, 2023
  • ` Jun 26 - Jun 28, 2023