"n this workshop, we will look at Vue from the implementor's perspective and understand how different lower level pieces fit together to form a framework. We will be taking a brief tour of the source code, and then deep dive into two core parts of Vue: the reactivity system and the template compiler. We will discuss how the compiler transforms the template into code that leverages the reactivity system for efficient rendering.

This relatively advanced workshop is intended for experienced Vue developers who want to have a deeper understanding of the framework.

Learn the fundamental concepts and principles you need to know to build the foundations for world-class Vue applications. Topics will include component design patterns, state management patterns with Pinia and composables, workflows to enhance productivity, testing strategies, best practices for organizing (and reorganizing) increasingly complex applications, and more!

For some developers, writing tests is a chore. For others, testing is part of their development process. Looking at the big picture, we're all trying to accomplish the same goal: shipping quality, maintainable, quality applications. Sometimes we use tests to do that.

Regardless of which camp you fall under, this workshop is for you. If you're trying to learn how to teach others how to test their code, or if you're being asked to test your code and have no idea where to start... start here! You'll learn specific techniques as well as abstract concepts that will help you test your app, composables, and components.

The goal of this workshop is to teach you concepts about delivering quality software that you can apply to any situation or stack. We'll do this in round table discussions, conversations, and using practical coding exercises in Vue and TypeScript (or JavaScript).

This workshop will teach you how to think about testing and how to use Vitest (optionally with its new browser mode) in order to help you write tests and understand what to test.

You'll learn about framework agnostic tools and concepts such as:
1. How to systemically fix ""flaky"" tests.
2. How to test ""things that mount in the browser"" in the generic sense.
3. How to utilize Testing Library to make interacting with and finding components a breeze.
4. How to use Mock Service Worker to mock out network requests.
5. When to use end-to-end or integration testing tools instead of Vitest.
6. The benefits of realistic mock data using Faker.js.

You'll learn Vue-specific concepts such as:
1. How to test your Vue components with your users in mind (both developers and end users!).
2. How to test components that use slots, scoped slots, events, and props.
3. How to test composables?
4. How and when to mock Vue Router.
5. How to easily test code that relies on state management tools like Pinia.

"This VueMastery.com workshop will teach you the fundamentals of Vue.js so you can start being productive and building apps immediately. You'll build two apps throughout the day with visual animations and analogies that make abstract concepts concrete, along with coding challenges that help you learn by applying your new skills. We’ll start by covering the core common syntax as we build our first app, then build a more production-level app from the ground up.

Topics Include:

The Vue instance
Attribute binding
Conditional rendering
List rendering
Event handling
Class & style binding
Computed properties
Components
Props
Communicating events
Forms
Vue CLI
Single file components
Vue Router Essentials
Dynamic Routing
APIs with Axios
Deploying your Vue app

In this workshop by the team lead of Nuxt, you'll learn everything you need to become a Nuxt expert, building on the latest developments in the last year.

We'll cover your choices in architecting a new app, working with business constraints, and justifying your choices to a bigger audience. We'll cover all the different features of Nuxt - from its integrations with Vue, Nitro, TypeScript, Vite, and more through to deployment as part of a full-stack application.

To ensure you gain real proficiency with Nuxt, we'll build an app and a Nuxt module across the course of the day. The app will give an opportunity to become familiar with the many features Nuxt offers, and we'll really deploy it live to one of several serverless platforms - your choice! As we craft the module, we'll zoom into the internals of Nuxt and explore how to customize it for exactly your needs and use cases - even if Nuxt doesn't support them out-of-the-box.

Come prepared to have fun and dive deep quickly. Whether you have prior experience with Nuxt or are starting from scratch, you'll learn tips, tricks, and more to level up your development!

"n this workshop, we will look at Vue from the implementor's perspective and understand how different lower level pieces fit together to form a framework. We will be taking a brief tour of the source code, and then deep dive into two core parts of Vue: the reactivity system and the template compiler. We will discuss how the compiler transforms the template into code that leverages the reactivity system for efficient rendering.

This relatively advanced workshop is intended for experienced Vue developers who want to have a deeper understanding of the framework.

Learn the fundamental concepts and principles you need to know to build the foundations for world-class Vue applications. Topics will include component design patterns, state management patterns with Pinia and composables, workflows to enhance productivity, testing strategies, best practices for organizing (and reorganizing) increasingly complex applications, and more!

For some developers, writing tests is a chore. For others, testing is part of their development process. Looking at the big picture, we're all trying to accomplish the same goal: shipping quality, maintainable, quality applications. Sometimes we use tests to do that.

Regardless of which camp you fall under, this workshop is for you. If you're trying to learn how to teach others how to test their code, or if you're being asked to test your code and have no idea where to start... start here! You'll learn specific techniques as well as abstract concepts that will help you test your app, composables, and components.

The goal of this workshop is to teach you concepts about delivering quality software that you can apply to any situation or stack. We'll do this in round table discussions, conversations, and using practical coding exercises in Vue and TypeScript (or JavaScript).

This workshop will teach you how to think about testing and how to use Vitest (optionally with its new browser mode) in order to help you write tests and understand what to test.

You'll learn about framework agnostic tools and concepts such as:
1. How to systemically fix ""flaky"" tests.
2. How to test ""things that mount in the browser"" in the generic sense.
3. How to utilize Testing Library to make interacting with and finding components a breeze.
4. How to use Mock Service Worker to mock out network requests.
5. When to use end-to-end or integration testing tools instead of Vitest.
6. The benefits of realistic mock data using Faker.js.

You'll learn Vue-specific concepts such as:
1. How to test your Vue components with your users in mind (both developers and end users!).
2. How to test components that use slots, scoped slots, events, and props.
3. How to test composables?
4. How and when to mock Vue Router.
5. How to easily test code that relies on state management tools like Pinia.

"This VueMastery.com workshop will teach you the fundamentals of Vue.js so you can start being productive and building apps immediately. You'll build two apps throughout the day with visual animations and analogies that make abstract concepts concrete, along with coding challenges that help you learn by applying your new skills. We’ll start by covering the core common syntax as we build our first app, then build a more production-level app from the ground up.

Topics Include:

The Vue instance
Attribute binding
Conditional rendering
List rendering
Event handling
Class & style binding
Computed properties
Components
Props
Communicating events
Forms
Vue CLI
Single file components
Vue Router Essentials
Dynamic Routing
APIs with Axios
Deploying your Vue app

In this workshop by the team lead of Nuxt, you'll learn everything you need to become a Nuxt expert, building on the latest developments in the last year.

We'll cover your choices in architecting a new app, working with business constraints, and justifying your choices to a bigger audience. We'll cover all the different features of Nuxt - from its integrations with Vue, Nitro, TypeScript, Vite, and more through to deployment as part of a full-stack application.

To ensure you gain real proficiency with Nuxt, we'll build an app and a Nuxt module across the course of the day. The app will give an opportunity to become familiar with the many features Nuxt offers, and we'll really deploy it live to one of several serverless platforms - your choice! As we craft the module, we'll zoom into the internals of Nuxt and explore how to customize it for exactly your needs and use cases - even if Nuxt doesn't support them out-of-the-box.

Come prepared to have fun and dive deep quickly. Whether you have prior experience with Nuxt or are starting from scratch, you'll learn tips, tricks, and more to level up your development!