This 3-day instructor led course is designed for web developers new to Vue.
For this course, you are expected to be an experienced web developer (comfortable with HTML, CSS, browser-based development, JavaScript and/or TypeScript).
This course is designed to get web developers up to speed quickly with the Vue application framwork. We will take plenty of time to get your thinking aligned with the "Vue Way". We will learn about the convention-based structure of Vue applications, including components, composables, plugins, and reactivity.
We will create a "map" of the building blocks of Vue applications. Special attention will be paid to the two styles of Vue application development - the legacy "Options" API and the current "Composition" API. This course will be centered primarily on the Composition API.
We will learn how to craft Vue components. Components are the primary building block of creating user interface in Vue, and we will learn how to identify and# implement a component model for our application. Students will learn how to implement both state and logic within components, as well as allow users of our components to pass both state and event handlers to a component to promote reuse.
We will learn how to leverage Vue's bindings in components (introduced in the previous section) to deal with styling and changing the UI presented to the user based on changes of state in our application.
We will learn about Vue's primitives for Reactive State, including ref() and reactive(). We will learn how these work in the template, and how to optimize render performance with a good state "plan" for your application and components.
Student will learn the use of composables for implementing reactivity across components, as well as directives for handling cross-cutting UI concerns. We will also learn to use and create Vue plugins that provide application-level functionality for your applications.
We will use the Vue Router to define modes for our application that can be instantiated by the URL. We will learn how to implement both client-side and server-side routing for Vue applications. We will learn the Vue Router's pattern-matching syntax, how to create named routes and nested routes, and how to access route data within our Vue components.
Students will be introduced to server-side API access using both the browser's built-in fetch function, as well as using libraries like Axios. We will learn how to handle asynchronous API calls in both components and in Vue composables. We will also look at using the Vue Query library for managing state from APIs and keeping data up-to-date in our application.
Frontend Developer Training
Building stateful frontend web applications.
Frontend With Vue
Hypertheory's Vue developer training is designed for frontend web developers wishing to deepen their Vue skills and learn how to successfully design, build, and test Vue applications that run in a cloud native, enterprise environment.