Date: March 25th, 2019
Time: 8:00AM to 6:00PM
Location: Strasz Art Center
Registration & Breakfast (only for workshop attendees)
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.
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.
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.
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
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.
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.
VueVixens workshop on web/mobile development with VueJS
Join us before the conference to kickoff Vueconf.US 20191!
* Schedule subject to change, but we will try to keep this updated with the latest!