All Courses

Vue.JS Framework App Dev Training in the Philippines

Upgrade your skills. Leave everything to Us

Vue.JS Application Development Fundamentals

/ / Web App Dev

Key Features

  • 5 days Instructor-Led Live Online Classroom
  • Webex Virtual Class for interactive near classroom experience
  • Access to Remote Lab PC for Hands-On activities
  • Integrated Courseware in the Learning Management System
  • Step by Step guide for challenging hands-on lab activities
  • Flexible Schedules – Both Weekdays and Weekends Classes 
  • Get Trained by Vue.JS Framework Expert Trainer with Over 15 Years of Industry Experience
  • No. 1 Training Center for Vue.JS Framework Courses
  • E-learning Access for Pre-course and Post Training Support 
  • Best Price Guaranteed for Vue.JS Framework Courses

Key Features

  • 5 days Instructor-Led Face to Face Classroom training
  • We are a TESDA Registered Training Center
  • Offering Flexible Schedules – Both Weekdays and Weekends Classes
  • Get Trained by Vue.JS Framework Instructor with Over 15 Years of Industry Experience
  • No. 1 Training Center for Vue.JS Framework Courses
  • We Guarantee Best Price for Vue.JS Framework Courses

Key Features

  • Gain the technical skills needed in the workplace. 1 on 1 training is the best way to learn
  • Quickest way to master any of our course offerings.
  • Experience superb hands-on laboratory activities and unobstructed attention from your trainer.
  • Guaranteed to start the Training


Add Feedbacks


This Front End Web Development course will equip you with the skills needed to design a dynamic web application for your websites. It is one of the most popular language frameworks for applications and interface development. It covers how to create web apps from scratch test and deploy them on the web. You will build a fully functional application applying all the topics enumerated in the course syllabus


This course is designed for Front End Web Developers and Web Designers who are responsible for the following tasks:

  • Creating and maintaining Web sites using Vue.JS Framework
  • Upgrade Web pages built on Vue.JS
  • Monitoring Vue.JS website performance and availability
  • Who aspire to become a front end Web Application development


  • Basic HTML & CSS
  • Intermediate Javascript skills


After completing this course you will learn how to:

  • Learn the fundamentalss of Vue.js
  • Learn how to use templates to display data on a page
  • Create Vue.JS projects from scratch
  • Use Vue.js in applications
  • Create instances
  • Create single page apps
  • Use Custom directives, Mixins and Routing
  • Use Vue.js with CSS in styling your websites and applications
  • Use render functions and JSX
  • Control how code is executed and displayed with vue-router
  • Effectively use and navigate the Vuex library
  • Build a fully functional app from scratch
  • Test your Web applications


Upon completion of the course, students will be qualified to be a Vue.JS Front End Web Developer


Vue.JS Syllabus

Chapter 1 – Introduction to Vue.js

  • Create Vue instance
  • Use Vue directives in the view.
  • Data Iteration using v-for
  • Conditional styling

Chapter 2 – Template & Viewmodel

  • Vue.js template
  • Viewmodel
  • Template syntax
  • Javascript expressions
  • Computed properties
  • Class and style bindings
  • HTML classes
  • Inline styles
  • Conditional Rendering
  • Iterative Rendering

Chapter 3 – Components

  • Component composition
  • Get data from API with Fetch or Axios
  • Pass props into components
  • Unique keys for component instances.
  • Change props passed into components
  • Emitting and listening for custom events.
  • Dynamic components and lazy loading

Chapter 4 – Custom directives

  • Hook functions
  • Develop custom directive
  • Pass values and arguments to custom directives
  • Hook arguments

Chapter 5 – Mixins

  • Creating and using mixins
  • Merging Option
  • Global mixin

Chapter 6 – Filters

  • Local filters
  • Global filters
  • Chaining filters

Chapter 7 – Forms

  • 2-way binding via v-model
  • User input with HTML form controls
  • Data binding
  • .lazy, .number, .trim modifiers
  • Submitting a form
  • Form controls

Chapter 8 – Routing

  • Vue-router Seti[
  • Routes loading
  • Routing modes
  • Router links navigation
  • Lazy loading of routes
  • Active links styling
  • Route Parameters
  • Setting up child or nested routes
  • Query parameters
  • Named router views
  • Wildcard routes
  • Route guards

Chapter 9 – State management with Vuex

  • Isolate state with Vuex
  • Defining the store and its state.
  • Use commit with sync mutations
  • Use dispatch with async actions

Chapter 10 – UnitTesting

  • Setup and tooling
  • Testing components
  • Writing assertions
  • Grouping tests with it and describe
  • Working with vue-test-utils and the DOM


(₱18500) ₱ 14800
(USD385]) USD308


sat06aug(aug 6)9:00 amsat03sep(sep 3)3:00 pmVue.JS Front End Application Development FundamentalsVue.JS Framework9:00 am - (september 3) 3:00 pm

mon08aug(aug 8)9:00 amfri12(aug 12)3:00 pmVue.JS Front End Application Development FundamentalsVue.JS Framework9:00 am - 3:00 pm (12)

sun14aug(aug 14)9:00 amsun11sep(sep 11)3:00 pmVue.JS Front End Application Development FundamentalsVue.JS Framework9:00 am - (september 11) 3:00 pm

sat20aug(aug 20)9:00 amsat17sep(sep 17)3:00 pmVue.JS Front End Application Development FundamentalsVue.JS Framework9:00 am - (september 17) 3:00 pm

Call Us for more information

Tel: (+632) 8285-2936 / (+632) 8736-2032

Smart: 09993302327

Globe: 09776932556


Request Course Quotation

Virtual/Webex Learning

Take advantage of CNCTC 's latest interactive Instructor-Led Live Online Training. Online Courses are delivered using WebEx to bring the classroom to your home or at your workplace and can be accessed directly on your own computer with an internet connection. By using Cisco’s WebEx, and integrating our Computer lab facilities, we can provide a near-classroom experience remotely to your own location of choice. Register Now!