Detailed Schedule to be published soon

DAY 0 - WORKSHOP DAY (March 25) 9:00 – 20:00
Straz Arts Center

09:00
Natalia Tepluhina
Natalia Tepluhina
08:00

Pumped Up Plugins

Vue CLI 3 offers a turbo charged command line based workflow that far surpasses that of prior versions. With as few as one command, you can be up and running with a Vue project without having to touch a single config file. For added customization, Vue CLI can be extended via plugins. The process of creating a plugin is deceptively easy once you understand the base architecture of a plugin. In this workshop, we will demystify the internals of Vue CLI and cover best practices for building Vue CLI plugins so you can rely more on Vue CLI and spend more time being creative in Vue.

09:00
Jen Looper
Jen Looper
08:00

VueVixens workshop

VueVixens workshop on web/mobile development with VueJS

09:00
Damian Dulisz
Damian Dulisz
08:00

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.

09:00
Evan You
Evan You
08:00

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.

09:00
Alex Kyriakidis
Alex Kyriakidis
08:00

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

09:00
Chris Fritz
Chris Fritz
08:00

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.

09:00
Gregg Pollack
Gregg Pollack
08:00

Intro to Vue.js

This workshop will teach you the fundamentals of Vue.js 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.

08:00
01:00

Registration & Breakfast (only for workshop attendees)

Registration & Breakfast (only for workshop attendees)

17:00
01:00

Monday evening reception

Join us before the conference to kickoff Vueconf.US 20191!

DAY 1 (March 26) 9:00 – 21:00
Straz Arts Center
The schedule is subject to change

07:30
01:30

Registration & Breakfast

Registration & Breakfast

09:00
00:10

Welcome to VueConf.US 2019!

Welcome to VueConf.US 2019!

09:10
Evan You
Evan You
00:30

State of Vuenation

Creator of Vue, Evan You, will open the conference with an update on all thing Vue.js

09:40
Gregg Pollack
Gregg Pollack
00:30

Getting started with Nuxt.js

So you know the Vue basics but keep on hearing about this Nuxt.js framework. Perhaps you’re wondering if you should use it on your next project? In this talk Gregg Pollack will visually explain why you should care about Nuxt and cover all the basics of using the framework to create scalable Vue applications. By the end you’ll see why Gregg describes Nuxt.js as: production ready Vue which helps you employ best practices as you build.

10:10
00:30

Break 1.0

Break 1.0

10:40
Andrew Krawchyk
Andrew Krawchyk
00:30

Vue.js In Practice at Optoro

We've learned a lot since deploying our first Vue.js app in production over one year ago. I'd love to share our experience shipping Vue.js to desktop and mobile devices and leveling up our engineering team in the process. I'll discuss lessons learned from deprecating AngularJS and Bower to adopting Vue.js and deploying an internal NPM repo. I'll talk about the benefits we've seen with Vue.js by providing real stories from the volunteers that upgraded our tooling and the engineers that build the apps today. This is how Optoro upgraded its enterprise front-ends with Vue.js.

11:10
Adam Jahr
Adam Jahr
00:30

Vuex Explained Visually

Understand Vue's state management pattern through a visual walkthrough.

11:40
01:00

Lunch 1.0

Lunch 1.0

12:40
01:00

Lightning Talks 1.0

Lightning Talks 1.0

13:40
Jen Looper
Jen Looper
00:30

Zen and The Art of Vue.js

Let's see how a rich artistic tradition can inspire and inform our craft as Vue.js developers.

14:10
00:30

Break 1.1

Break 1.1

14:40
Rahul Kadyan
Rahul Kadyan
00:30

Demystifying: the dark art of SFC compilation

Vue single file components empowers developers with ability to write declarative render functions using plain HTML-like syntax. The so called SFCs also provide features like collocation and scoped styles. We tend to use these SFCs effortlessly as any other JavaScript file but to reach that level of ease, Vue does the heavy lifting of transpilation. This talk takes a deep dive in the compilation process of Vue components and explains how to write a custom block processor. It also discovers some less known facts about SFCs.

15:10
Krystal Campioni
Krystal Campioni
00:30

Advanced animations with Vue.js

In this talk, I’ll walk you through the coolest features of Vue.js and explore how to combine them with advanced CSS animations and transitions in order to create fancy interactive animations. We'll dive into a game built with Vue.js and how to apply similar techniques to spice up real-world applications.

15:40
00:30

Break 1.2

Break 1.2

16:10
Natalia Tepluhina
Natalia Tepluhina
00:30

Building desktop applications with Vue

With Vue framework your experience is not limited to web or mobile applications - you can create a desktop app as well! Let's check what options do we have to create one...

16:40
Miriam E Suzanne
Miriam E Suzanne
00:30

Dynamic CSS with Vue

CSS has come a long way since the browser wars of the late 90s. What used to be a struggle, is now often a breeze (see box-shadow or border-radius). But the last 2 years have pushed CSS into entirely new territory: with DOM-aware variables and calculations that can drive your design. We can inject data directly into our themes and layouts, but where does that data come from, and how do we safely wire it up? Vue provides all the tools we need, but first we have to understand the possibilities and constraints. We'll cover… The basics for understanding CSS custom properties, grid, and calc(). Practical examples and use-cases for data-infused design. How dynamic CSS & JS work together in this new paradigm. Robust patterns for managing themes, layouts, and more from Vue.

17:10
01:30

Conference Reception

Join other Vueconf speakers and attendees for our first conf day reception!

DAY 2 (March 27) 9:00 – 18:00
Straz Arts Center

08:30
01:00

Breakfast

Registration & Breakfast

09:30
Chris Fritz
Chris Fritz
00:30

Vue 3: What I'm most exicted about

Let's discuss the interesting features in the upcoming Vue 3 release!

10:00
Guillaume Chau
Guillaume Chau
00:30

9 performance secrets revealed

With these 9 secrets revealed to you, take the performance of your app to the next level and make your users happy!

10:30
00:30

Break 2.0

Break 2.0

11:00
Divya Sasidharan
Divya Sasidharan
00:30

Building fast and semantic input masks in VueJS

Input masking is a common pattern in form design that guide users to enter information in the correct format in a consistent manner. Typically this involves formatting user input according to the type of data they represent like dates, phone numbers, addresses and credit card numbers. You can achieve an input mask in Vue by leaning heavily Vue’s reactivity system chiefly methods, computed, and watchers. In this talk, we will cover the distinction between the various components that make up Vue’s reactivity system and how to leverage it in order to create semantic and robust input elements that respond seamlessly to user feedback.

11:30
tessa
tessa
00:30

Back to the Vueture: Stuck in the Event Loop

Do you feel like you're stuck in the event loop of hell, forced to fumble through setTimeout after setTimeout day after day when all you want to do is leap out of bed singing "I got Vue babe" and wielding nextTick in style? Join us as we dive into the source code of nextTick and microtasks and make nextTick work for you today!

12:00
01:00

Lunch 2.0

Lunch 2.0

13:00
01:00

Lightning Talks 2.0

Lightning Talks 2.0

14:00
Maria Lamardo
Maria Lamardo
00:30

Web Accessibility with VueJS

Want to learn about Web Accessibility with Vue.js? A Board Certified Assistant Behavior Analyst turned Web Developer gives you a different take on accessibility and why it is important. Web Accessibility is a way to make everyone - regardless of hardware, software, language, location, or ability - have access to the web and internet in whole. Let's use Vue.js to create accessible web apps!

14:30
00:30

Break 2.1

Break 2.1

15:00
John Papa
John Papa
00:30

Run Your Vue and Node App Anywhere

You built your Vue app but does it run everywhere? We'll explore how to a Vue frontend with a Node.js backend can be structured in a mono-repo, how to build them, debug them together, and how to set it up with Docker. We'll debug the app running in Docker, stream the logs, and deploy it to the cloud - ultimately showing how you can run your Vue app anywhere!

15:30
Mike Hartington
Mike Hartington
00:30

Ionic & Vue for fast mobile apps

Vue as a framework prides itself for providing an excellent developer experience out of the box so devs can build awesome apps with it. Ionic as a component library shares these same values while providing a great UI for any kind of app. In this talk, we'll look at how we can use Ionic and Vue together to quickly create a compelling mobile application that can be deployed to the iOS, Android, and the Web.

16:00
Jacob Schatz
Jacob Schatz
00:30

Phenomenal Design Patterns In Vue

Jacob provides a high level overview of common features that can be solved with time tested design patterns from the Gang of Four and mixed with Vue with Vuex to solve common problems like: The Memento for undo and redo The Bridge for an awesome drawing API The Decorator for making games with The Builder for your fast food ordering system And many more. The best part is you'll still use Vuex to manage your global state and Vue to manage your reactivity, but also add in some sweet design patterns to quickly solve tougher common programming problems. It's not always easy to figure out where these classic design patterns fit in a modern framework like Vue which has solved many specific problems already, but Jacob will show you how they fit in perfectly

16:30
00:30

Mega raffle - prizes!

As we did at the first Vueconf.US, we'll be raffling off the artwork that's was created during the conference by our special guest artist!

19:00
01:30

Conference After-party

Conference After-party!