-
Learning by doing
-
Trainers with practical experience
-
Classroom training
-
Detailed course material
-
Clear content description
-
Tailormade content possible
-
Training that proceeds
-
Small groups
In the course VueJS Programming participants learn to use the VueJS JavaScript Framework to develop modern single page Web Applications. VueJS is a popular JavaScript Framework that is experiencing rapid growth due to its simplicity, good performance and small footprint.
VueJS started as part of the ecosystem of the well-known Laravel PHP Framework, but is now also widely used outside of it. The integration of VueJS into an application can start with a simple script tag and can then grow with the need from 3 lines of code to managing the entire view layer. Knowledge of Babel or Webpack is not necessary to start with VueJS, but VueJS can work together with these tools.
The course VueJS programming starts with a discussion of the installation of the Framework and important components such as the root Vue instance, templates, data and directives, two way data binding, watchers and filters.
Subsequently templates, virtual DOM and binding directives are discussed. The use of components, events, props, validation and named and custom slots are also treated. Styling with CSS is on the course program as well as rendering with JSX.
Next attention is paid to routing in VueJS with nested, dynamic and programmatic routing. Asynchronous processing with promises and state management are also discussed.
Finally attention is paid to VueJS Tooling and the internals of VueJS.
The course VueJS Programming is intended for Web Developers who want to use the newest version of the VueJS framework in developing modern single-page Web Applications.
Good knowledge of JavaScript and ample JavaScript programming experience and is required to participate in this course.
The theory is treated on the basis of presentations. The concepts are illustrated with demos. The theory is interspersed with exercises. The course times are from 9.30 to 16.30.
The participants receive an official certificate VueJS Programming after succesfull completion of the course.
Module 1 : VueJS Intro |
Module 2 : Templates |
Module 3 : Components |
What is Vue.js Installation and Setup vue-loader and webpack root Vue Instance Options Object Templates, Data and Directives Looping in Templates Binding Arguments Reactivity Two Way Data Binding Instance Life Cycle Hooks Computed Properties Watchers Filters |
HTML-Based Syntax Virtual DOM Render Functions Interpolations Mustache Syntax v-once Directive Raw HTML v-html Directive Attributes v-bind Directive JavaScript Expressions Arguments Modifiers v-bind and v-on Shorthand |
Component Basics Component Registration Props Data and Methods Computed Properties Prop Validation Data Flow .sync Modifier Passing Content with Slots Named and Scoped Slots Custom Events Mixins Non-prop Attributes Components and v-for |
Module 4 : Styling |
Module 5 : Rendering with JSX |
Module 6 : Routing |
Class Binding Object Syntax Inline Style Binding Array Syntax Multiple Values Auto-prefixing Multiple Values Scoped CSS with vue-loader CSS Modules with vue-loader Conditional Rendering Preprocessors |
What is JSX? Render Function Nodes, Trees and Virtual DOM Virtual Nodes Tag Name Data Object In-Depth createElement Arguments Constraints Event and Key Modifiers Functional Components Template Compilation |
HTML5 History Mode Dynamic Routing Passing Parameters Nested Routes Redirect and Alias Navigation Active Class Programmatic Navigation Navigation Guards Route Order Route Names |
Module 7 : State Management |
Module 8 : Vue Tooling |
Module 9 : Vue Internals |
State Concept Vuex State Helpers Mutations Synchronicity Actions Action Helpers Destructuring Promises Modules File Structure |
Example Sandbox WebPack and NPM Component Scoped CSS Vue Test Utils Jest and Mocha Asynchronous Updates TypeScript Support Plugins Annotating Return Types Browserify Pre Compiled Templates |
Reactivity in Depth Object.defineProperty Dependency Tracking Change Notification Tracking Changes Watchers and Rerendering Property Addition nor Detected Touch and Notify Change Detections Caveats Declaring Reactive Properties Async Update Queue |
All our courses are classroom courses in which the students are guided through the material on the basis of an experienced trainer with in-depth material knowledge. Theory is always interspersed with exercises.
We also do custom classes and then adjust the course content to your wishes. On request we will also discuss your practical cases.
The course times are from 9.30 to 16.30. But we are flexible in this. Sometimes people have to bring children to the daycare and other times are more convenient for them. In good consultation we can then agree on different course times.
We take care of the computers on which the course can be held. The software required for the course has already been installed on these computers. You do not have to bring a laptop to participate in the course. If you prefer to work on your own laptop, you can take it with you if you wish. The required software is then installed at the start of the course.
Our courses are generally given with Open Source software such as Eclipse, IntelliJ, Tomcat, Pycharm, Anaconda and Netbeans. You will receive the digital course material to take home after the course.
The course includes lunch that we use in a restaurant within walking distance of the course room.
The courses are planned at various places in the country. A course takes place at a location if at least 3 people register for that location. If there are registrations for different locations, the course will take place at our main location, Houten which is just below Utrecht. A course at our main location also takes place with 2 registrations and regularly with 1 registration. And we also do courses at the customer’s location if they appreciate that.
At the end of each course, participants are requested to evaluate the course in terms of course content, course material, trainer and location. The evaluation form can be found at https://www.klantenvertellen.nl/reviews/1039545/spiraltrain?lang=en. The evaluations of previous participants and previous courses can also be found there.
The intellectual property rights of the published course content, also referred to as an information sheet, belong to SpiralTrain. It is not allowed to publish the course information, the information sheet, in written or digital form without the explicit permission of SpiralTrain. The course content is to be understood as the description of the course content in sentences as well as the division of the course into modules and topics in the modules.