Workshops

Monday March 26
Workshops and conference tickets are sold separately.

Evan You
Evan You
Creator of Vue.js

A deep dive into Vue

In this workshop we are going to do a deep dive into the two fundamental concepts in Vue: reactivity and rendering. We will explore how Vue detects and reacts to changes, and how Vue compiles your templates into virtual DOM render functions. Based on this knowledge, we will then discuss how to unlock the full potential of Vue with advanced component patterns.

Chris Fritz
Chris Fritz
Consultant Vue Core Team

Proven patterns for building Vue apps

In this workshop, we'll cover everything you need to know to get started building world-class Vue applications. Topics will include configuring Webpack for single-file components, setting up the most advanced workflows currently possible, how to organize (and reorganize) increasingly complex applications, and more.

Sarah Drasner
Sarah Drasner
Senior Cloud Developer Advocate at Microsoft Vue Core Team

Animated Interfaces with Vue.js

In one day of training, attendees will go from knowing nothing (or very little) about animating in Vue to creating complex effects in performant and visually stunning patterns. The web is more than a document reader, and Vue has unique offerings that make animations not only possible, but possible to do in an organized and state-managed manner.

What we'll go over is included but not limited to:

  • Working with SVG within Vue components
  • Creating custom directives for animation
  • Using in-out modes to create effective and reusable component composition
  • Using Vue <transition> hooks for external javascript libraries
  • Interpolating state for data visualization with watchers
  • Integration of animation with routers for page transition
Alex Kyriakidis, Rolf Haug
Alex Kyriakidis, Rolf Haug
Authors of the VueSchool.io and The Vue.js Master Class

Vuex Demystified - Application State Management

In Vue.js is quite simple to work with components, and share data among them using events and props - especially in small to medium projects. When an application starts growing, managing components state might become tedious and overwhelming. This is where Vuex comes to our rescue. Vuex is a state management pattern and official library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

By the end of the workshop, attendees will be able to develop elegant, debuggable, maintainable, and organized applications using a centralized store. No prior experience with Vuex is needed.

We will answer the common question “When should I use Vuex?” and work on real-world features.

Outline

  • Understanding State Management Patterns
  • What is Vuex and what problems solves
  • Core concepts including Mutations, Actions, and Getters
  • Modularising the store
  • Composing Vuex assets using Higher-Order Functions
  • Implementing Vuex pseudo-cache
  • Best practices, common gotchas, and application architecture
Gregg Pollack & Adam Jahr
Gregg Pollack & Adam Jahr
Teachers at VueMastery.com

Intro to Vue

This workshop will teach you the fundamentals of Vue so you can start being productive and building apps immediately. With visual animations and analogies that make abstract concepts concrete, along with coding challenges that help you learn by doing, you'll have a solid foundation of Vue skills by the end of the day. Brought to you by the teachers at VueMastery.com.

Damian Dulisz
Damian Dulisz
Vue.js Core Team Member and Vue.js consultant

Ridiculously Reusable Components in Vue.js

Components are the bread and butter of most modern front-end frameworks, such as Vue.js. They help you structure and manage your application by glueing together your application logic and the interface. However, as an application grows, its components tend to get bigger and harder to reason about. This workshop will demonstrate how to efficiently design your components by focusing on maximum flexibility while avoiding premature optimisation. Throughout the workshop, we’ll build a set of components for a preexisting application. Following the evolving requirements, we will then perform a series of refactoring cycles to explore different possible solutions and patterns/anti-patterns. We’ll also talk about good practices for managing responsibilities of our components. By the end of the workshop, you should be able to write future-proof components that are easy to work with and resilient to changes.

The Vue Vixens
The Vue Vixens
Foxy people who identify as women

Vue Vixens Skulk

Vueconf.US is pleased to partner with VueVixens to bring this full day Vue.js training as part of the event. Details for applying for a VueVixens scholarship will be posted soon!