Tag: VueMastery

Free Download VueMastery – Proven Pinia Patterns
Sandra Rodgers | Duration: 0:23 h | Video: H264 1920×1080 | Audio: AAC 44,1 kHz 2ch | 430 MB | Language: English
Welcome to Vue Mastery’s Proven Pinia Patterns, where we’ll explore the pro-level patterns you’ll want to know when using Vue’s state management library in production. We’ll look at best practices for using Pinia in your apps and apply those to common scenarios.
If you haven’t learned the basics of Pinia yet, you’ll first want to check out my other course here on Vue Mastery, called Pinia Fundamentals.
In Proven Pinia Patterns, we’ll examine some of the rules of Pinia -the required way of doing things-but we’re also going to take a look at some of the patterns-the recommended way to use Pinia to make your applications better organized, more clear, and super efficient.

Free Download VueMastery – Progressive Web Apps w Vue 3
Ben Hong | Duration: 0:48 h | Video: H264 1920×1080 | Audio: AAC 48 kHz 2ch | 456 MB | Language: English
What are progressive web apps? While web apps are a powerful, popular solution for reaching your users, what happens when you need a mobile app? Rather than having to rewrite your entire app with a mobile language like Swift or Kotlin, what if we could leverage our existing work and allow users to install our web app like a mobile app?
Well, with a technology known as progressive web apps, you can!.
Progressive web apps (PWAs) are founded on the idea that web applications should have an app-like experience. There are three primary benefits

Free Download VueMastery – Programming an AI-Powered App
Sandra Rodgers | Duration: 0:48 h | Video: H264 1920×1080 | Audio: AAC 44,1 kHz 2ch | 1,20 GB | Language: English
Welcome to the exciting world of AI-powered applications! I’m Sandra Rodgers, and I’ll be your instructor as we embark on a journey together to create an AI-powered app that uses some of the newest and most powerful AI technologies.
Throughout this course, you’ll learn the skills and techniques needed to create a truly intelligent application that can interact with users, understand natural language, process audio inputs, and even analyze images.
Homepage

Free Download VueMastery – Pinia Fundamentals
Sandra Rodgers | Duration: 0:17 h | Video: H264 1920×1080 | Audio: AAC 44,1 kHz 2ch | 253 MB | Language: English
Pinia is used to help with managing state. What do we mean by state? In an application, some things you see on the screen don’t change. But other things have to change based on certain situations.
For example, if a user is not logged in, we might show them a button that says “Log In”. But if they are already logged in, we might hide that button. The rendered button all depends on the state of a user being logged in or not.
Now that we have an idea of what state is, the question becomes: how do we manage state across a Vue app full of components? Technically, we could store local state on each component within a data property or reactive ref, but what do we do when one component needs to communicate something about its state to a component in a completely different part of the component tree?

Free Download VueMastery – Nuxt 3 Middleware
Ben Hong | Duration: 0:46 h | Video: H264 1920×1080 | Audio: AAC 44,1 kHz 2ch | 1 GB | Language: English
Welcome to our Nuxt 3 Middleware course! My name is Ben Hong, Vue Core Team member and Nuxt Ambassador, and I’m excited to be on this journey with you.
In this course, we’ll be learning about the fundamentals of middleware, exploring its various types and uses. By the end, you’ll be well-equipped to handle authentication, redirection, and custom logic like a pro.
For this course, some prerequisites that may help the learning journey include

Free Download VueMastery – Nuxt 3 Essentials
Steve Edwards | Duration: 0:21 h | Video: H264 1920×1080 | Audio: AAC 44,1 kHz 2ch | 459 MB | Language: English
What is Nuxt?
Nuxt is a framework built on top of Vue that allows us to overcome some of the inherent problems with a single page application (aka SPA).
Why do we need Nuxt?

Free Download VueMastery – Intro to Vue 3 + TypeScript
Ben Hong | Duration: 0:51 h | Video: H264 1920×1080 | Audio: AAC 48 kHz 2ch | 622 MB | Language: English
One of the big topics being discussed in Vue 3 is around TypeScript. However, for those of us who haven’t jumped on the TypeScript train yet, there is understandably a lot of hesitancy when it comes to adding TypeScript to their codebase. In this lesson, I’ll be addressing some of these concerns to help provide another perspective when evaluating whether Vue & TypeScript is a good combination for your project or not.
Homepage

https://www.vuemastery.com/courses/vue3-typescript/why-vue-and-typescript

Free Download VueMastery – Fullstack w/ Nuxt Nitro
Ben Hong | Duration: 0:50 h | Video: H264 1280×720 | Audio: AAC 48 kHz 2ch | 292 MB | Language: English
For most of us, we’ve loved building frontend apps with Vue and Nuxt, but there comes a point where you get ambitious and the thought of building a full stack app crosses your mind.
And once it settles a bit more, it dawns on you, “Wait. full-stack means I need to learn backend.” All of a sudden it’s like, “Maybe I should take a Node course. What about serverless? Do I need to learn AWS or some vendor platform to host my apps? What about the backend architecture?!”
But what if I told you that it doesn’t have to be so complicated? What if, maybe, we’ve been lucky enough that the Nuxt team created a developer experience that makes writing backend feel like writing frontend?

Free Download VueMastery – Coding Better Composables
Gregg Pollack | Duration: 0:26 h | Video: H264 1920×1080 | Audio: AAC 44,1 kHz 2ch | 535 MB | Language: English
Composables are, by far, the best way to organize business logic in your Vue 3 app.
They let you extract small pieces of logic into functions that you can easily reuse repeatedly. This makes your code easier to write and read.
Since this way of writing Vue code is relatively new, you might be wondering what the best practices are when writing composables. This course will serve as your guide on how to craft solid composables that you and your team can rely on.

Free Download VueMastery – Animating Vue
Adam Jahr | Duration: 1:02 h | Video: H264 1920×1080 | Audio: AAC 48 kHz 2ch | 590 MB | Language: English
You’ve probably heard that web animations can improve the user experience of your Vue application. But do you know what you should be animating, and how to do that in Vue? In Vue Mastery’s Animating Vue course, we’ll explore what makes an effective web animation and learn the simplest ways to start animating your interfaces so your users can better navigate, and enjoy, your application.
Homepage

https://www.vuemastery.com/courses/animating-vue/why-animate/