Vue.JS Application Development Fundamentals
Key Features
- 3 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
- 3 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
TRAINEE FEEDBACKS
ABOUT THE COURSE:
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
WHO SHOULD ATTEND
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
ENTRY REQUIREMENTS
- Basic HTML & CSS
- Intermediate Javascript skills
COURSE OUTCOME
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
OCCUPATIONAL OBJECTIVES
Upon completion of the course, students will be qualified to be a Vue.JS Front End Web Developer
COURSE CURRICULUM
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
COURSE FEE
(₱20500) Now ₱ 17500
COURSE SCHEDULES
3 days / 8am - 6pm (30hrs)
Next Level Course
Call Us for more information
Tel: (+632) 8285-2936 / (+632) 8736-2032
SMART: 09204282022 / 09603525900
GLOBE: 09773282627 / 09563346864
GET STARTED
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!