Javascript and Vue.js for Beginners

• Familiarity with HTML and CSS

Audience

• Developers

Vue.js is an open-source progressive JavaScript front-end framework for building advanced single-page applications. Vue JS aims to take the best of Angular, make it lightweight, and leave out the unnecessary parts.

In this instructor-led, live training (online or onsite), participants will learn just the necessary Javascript to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).

By the end of this training, participants will be able to:

• Undestand and use Javascript and the VueJS framework to build an interactive web application.
• Design interactive web apps that react efficiently to user events.
• Write modular and reusable code.
• Incrementally progress a view into full-blown single-page application.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

Introduction

• Javascript and the world of frameworks
• Vue.js vs Angular

Overview of Vue JS

• Declarative rendering
• Component composition
• Hot-reloading
• Time-travel debugging

Crash Course in Javascript

• Syntax, data structures and operators, conditionals, etc.
• Creating a simple Javascript application using Javascript, HTML and CSS.

Getting Started Vue JS

• Setting up a development environment
• Installing Node.js and Vue.js

Creating Your First Application

• Working with Templates
• Methods and computed properties
• Routing

Interacting with the Application

• Directives and data rendering
• Applying transitions
• Managing state

Enhancing the Application

• Dividing the application into smaller, self-contained components
• Creating animations
• Refactoring components

Testing Your application

• Debugging and performance

Deploying Your Application

• Building the Application
• Uploading Your Code to a Web Server
• Automating the build process using Vue-CLI, etc.

Troubleshooting

Summary and Conclusion