yt:channel:a1zuotKU4Weuw_fLRnPv0Aa1zuotKU4Weuw_fLRnPv0AVue MasteryVue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2017-01-11T05:47:01+00:00yt:video:C9xomKn1bxMC9xomKn1bxMUCa1zuotKU4Weuw_fLRnPv0AHow to Create Engaging Tutorials for DevelopersVue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2025-09-10T13:00:31+00:002026-04-28T18:14:48+00:00How to Create Engaging Tutorials for DevelopersAdam Jahr's presentation for developer advocates, open source authors, and managers: learn how to attract, educate, and build a developer community around your project.
Explore effective strategies for technical education content creation that resonates with developers. Gain insights into teaching developer skills, from initial exploration to mastery, using relatable methodologies such as the Hero's Journey. Learn how to produce engaging tutorials, leverage video content, and utilize AI-driven support to enhance the developer experience. This approach not only empowers developers but also fosters a community of advocates who share their newfound knowledge, ultimately driving greater adoption of your project or product.
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Reaching & Teaching Developers
1:27 How Developers Learn
4:07 Best Practices for Developer Educationyt:video:hOnUr2ezCQUhOnUr2ezCQUUCa1zuotKU4Weuw_fLRnPv0AAI Tools for Web Developers: Future-Proof Your Skills in 2025Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2025-06-26T20:00:35+00:002026-05-04T21:41:42+00:00AI Tools for Web Developers: Future-Proof Your Skills in 2025Discover how AI tools enhance developer productivity, streamline workflows, and foster innovation in software development. Learn how artificial intelligence is reshaping the software development landscape and how to leverage ai coding tools to boost your productivity. This video explores practical ways developers can use AI to enhance their workflows and solve complex problems effectively. Embrace ai-assisted development to stay ahead in the industry.
Lesson resources:
Accompanying blog post: https://www.vuemastery.com/blog/top-ai-tools-for-developers
Build a Trello Clone with Nuxt 3 course: https://www.vuemastery.com/courses/build-a-trello-clone-w-nuxt-3/
Programming an AI-powered App course: https://www.vuemastery.com/courses/programming-an-ai-powered-app/
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
Chapters:
0:00 Top AI Tools for Developers
4:30 Ways to use AI for Development
10:14 Tips for an effective AI-powered workflow
12:06 AI as a pair programmer
17:41 Where to go from hereyt:video:s9URD3PefTks9URD3PefTkUCa1zuotKU4Weuw_fLRnPv0AThe Best way to learn Vue in 2025 - CRASH COURSEVue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2025-04-08T16:43:20+00:002026-05-29T23:17:34+00:00The Best way to learn Vue in 2025 - CRASH COURSEReady to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
This beginner crash course is your first step on your path to Vue Mastery. It is the Composition API version of Adam Jahr's Intro to Vue 3 course.
Throughout the tutorial, you'll build an app to put concepts into practice.
Below you will find the starting and ending code for each lesson.
Lesson Markers:
0:00 Lesson 1 - Intro to Vue 3
1:33 Lesson 2 - Creating the Vue App
9:17 Lesson 3 - Attribute Binding
13:17 Lesson 4 - Conditional Rendering
18:16 Lesson 5 - List Rendering
21:38 Lesson 6 - Event Handling
26:23 Lesson 7 - Class & Style Binding
32:41 Lesson 8 - Computed Properties
38:56 Lesson 9 - Components & Props
44:39 Lesson 10 - Communicating Events
48:34 Lesson 11 - Forms & v-model
Github Repo: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/
Lesson 2 - Creating the Vue App
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L2-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L2-end
Lesson 3 - Attribute Binding
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L3-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L3-end
Lesson 4 - Conditional Rendering
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L4-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L4-end
Lesson 5 - List Rendering
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L5-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L5-end
Lesson 6 - Event Handling
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L6-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L6-end
Lesson 7 - Class & Style Binding
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L7-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L7-end
Lesson 8 - Computed Properties
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L8-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L8-end
Lesson 9 - Components & Props
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L9-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L9-end
Lesson 10 - Communicating Events
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L10-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L10-end
Lesson 11 - Forms & v-model
Starting code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L11-start
Ending code: https://github.com/Code-Pop/Intro-to-Vue-3-Composition-API/tree/L11-endyt:video:sonGs62a6B8sonGs62a6B8UCa1zuotKU4Weuw_fLRnPv0APro Nuxt Workflow: Boost Productivity with the Nuxt.js EcosystemVue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2025-03-20T16:15:16+00:002026-07-12T19:21:58+00:00Pro Nuxt Workflow: Boost Productivity with the Nuxt.js EcosystemThe Nuxt ecosystem is full of tools to boost your productivity. Level up your workflow by learning how take advantage of them. Join Vue Mastery instructor David Nwadiogbu in his course Pro Nuxt Workflow. The full course is also available at π https://www.vuemastery.com/courses/pro-nuxt-workflow
Lesson resources: https://github.com/Code-Pop/pro-nuxt-workflow
Hereβs a glimpse of some of the tools weβll be uncovering in the full course:
Build beautiful UIs faster with Nuxt UI.
Unlock full-stack capabilities in our app with Nuxt Nitro
Take control of your routes with Nuxt Middleware.
Manage content with ease using Nuxt Content & Nuxt Studio
Debug like a pro with Nuxt devtools
Craft performance-focused apps by leveraging Nuxtβs performance abilities/tools
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Pro Nuxt Workflow Intro
1:30 Performance Optimizations
8:58 Nuxt Middleware
17:00 Nuxt Nitro
25:18 Nuxt UI
35:02 Nuxt Content
39:52 Nuxt Studio
44:56 Nuxt DevTools
51:39 Watch more courses on VueMastery.comyt:video:-VUjG6xKL60-VUjG6xKL60UCa1zuotKU4Weuw_fLRnPv0AVue 3.5 Made Props Destructure SUPER Easy!Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2025-03-12T16:58:33+00:002026-07-08T17:09:42+00:00Vue 3.5 Made Props Destructure SUPER Easy!Vue Mastery instructor Andy Li brings you the latest updates in Vue 3.5. Watch the full course π https://www.vuemastery.com/courses/modern-vue
0:00 Vue 3.5 Reactive Props Destructure
1:37 Vue 3.5 Allow Hydration Mismatch
3:39 Vue 3.5 Lazy Hydration
7:25 Vue 3.5 useTemplateRef
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
Lesson resources:
Reactive Props Destructure: https://vuejs.org/api/sfc-script-setup#reactive-props-destructure
Allow Hydration Mismatch: https://vuejs.org/api/ssr#data-allow-mismatch
Lazy Hydration: https://vuejs.org/guide/components/async
useTemplateRef: https://vuejs.org/guide/essentials/template-refsyt:video:3F3CwIX-zQA3F3CwIX-zQAUCa1zuotKU4Weuw_fLRnPv0ALearn Vue Component Design Like a Pro!Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2025-02-25T20:09:03+00:002026-04-28T17:37:07+00:00Learn Vue Component Design Like a Pro!Join Vue Mastery instructor Ben Hong in his course "Proven Component Patterns". Explore the best practices that ensure youβre building reliable, scalable, maintainable components. This is the first two lessons of the full course available at π https://www.vuemastery.com/courses/proven-component-patterns
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Proven Component Patterns Intro
1:29 Configuration vs Composition
11:19 Continue watching on VueMastery.comyt:video:0d2UzDRLZVM0d2UzDRLZVMUCa1zuotKU4Weuw_fLRnPv0AVue + TensorFlow.js: Building Your First ML Powered App | VueConf US 2024Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-10-24T16:00:02+00:002026-05-19T22:43:18+00:00Vue + TensorFlow.js: Building Your First ML Powered App | VueConf US 2024Will Marple presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery π https://www.vuemastery.com/conferences
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Vue + TensorFlow.js
12:08 Demoyt:video:dtpKrqvwUTUdtpKrqvwUTUUCa1zuotKU4Weuw_fLRnPv0APerformance-Minded Development with Nuxt 3 | VueConf US 2024Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-10-21T16:00:41+00:002026-05-04T19:37:00+00:00Performance-Minded Development with Nuxt 3 | VueConf US 2024Valerie England presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery π https://www.vuemastery.com/conferences
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Performance-Minded Development with Nuxt 3
1:26 A Performance Journey
2:46 Preparing to Climb
4:28 Bloated Builds
4:48 Analyze and revise
9:51 Overuse of ClientOnly
11:18 Use selective client deferral
13:10 Overlooking the lifecycle
15:32 Tap into build-in composables
16:28 Developing in isolation
16:56 Leverage the ecosystem
18:45 Missing out on key Nuxt functionality
19:36 Embrace performance-focused features
21:22 Neglecting the server and host
22:21 Streamline the server response
24:14 Treating builds as immutable
24:43 Calibrate with custom builds
25:55 Giving up on SSR
27:43 Join the community
28:28 Just the startyt:video:3CaEfhYmM-g3CaEfhYmM-gUCa1zuotKU4Weuw_fLRnPv0AMigrating from Vue 2 Class Components | VueConf US 2024Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-10-17T16:00:05+00:002026-04-21T21:28:54+00:00Migrating from Vue 2 Class Components | VueConf US 2024Robby Helms presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery π https://www.vuemastery.com/conferences
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Migrating from Vue 2 Class Components
1:29 Pocket Prep's story
2:07 Options API - Class Components
10:57 Class Components - Composition APIyt:video:YLIqBedO9gEYLIqBedO9gEUCa1zuotKU4Weuw_fLRnPv0ANuxt Authentication: SSR Authentication Patterns for Nuxt.jsVue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-10-15T17:17:02+00:002026-04-13T15:21:56+00:00Nuxt Authentication: SSR Authentication Patterns for Nuxt.jsJoin Vue Mastery instructor Andy Li in his course "Nuxt Authentication". Learn the essential patterns of SSR authentication for Nuxt.js apps through practical hands-on lessons. This is the first two lessons of the full course available at π https://www.vuemastery.com/courses/nuxt-authentication
In Vue Masteryβs Nuxt Authentication course, you will explore the foundational principles behind web authentication in Nuxt.js. Learn about managing sessions, handling tokens, and implementing secure authentication practices. By the end, youβll have the knowledge to create reliable, secure authentication systems that enhance both the security and user experience of your Nuxt apps.
Lesson resources:
Starting code - https://github.com/Code-Pop/Nuxt_Authentication/tree/L2-start
Ending code - https://github.com/Code-Pop/Nuxt_Authentication/tree/L2-end
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Nuxt Authentication Intro
3:57 The Authentication Flow
8:59 Continue watching on VueMastery.comyt:video:MeXr0s5bFdcMeXr0s5bFdcUCa1zuotKU4Weuw_fLRnPv0AFetching Data and the Perception of Speed | VueConf US 2024Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-10-14T16:00:32+00:002026-05-19T19:49:59+00:00Fetching Data and the Perception of Speed | VueConf US 2024Rijk van Zanten presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery π https://www.vuemastery.com/conferences
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Fetching Data and the Perception of Speed
2:33 Performance for Humans
6:24 What is Fast?
7:28 Making the Slow Feel Fast
17:26 The Paradox of Speed
20:21 When Slow Works Betteryt:video:qBWXw3OHqlwqBWXw3OHqlwUCa1zuotKU4Weuw_fLRnPv0AHow !to be Mentored | VueConf US 2024Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-10-10T16:01:00+00:002026-05-04T20:29:56+00:00How !to be Mentored | VueConf US 2024Nerando Johnson presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery π https://www.vuemastery.com/conferences
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 How !to be Mentored
0:47 Mentorship
2:47 Start Well
4:52 Follow Through
6:09 Hope
6:57 Provide Toolingyt:video:OdA_YqSQfDkOdA_YqSQfDkUCa1zuotKU4Weuw_fLRnPv0AReusable Widgets that Work! | VueConf US 2024Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-10-07T16:00:32+00:002026-05-28T19:12:11+00:00Reusable Widgets that Work! | VueConf US 2024Maria Lamardo presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery π https://www.vuemastery.com/conferences
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Reusable Widgets that Work!
0:59 Aria
6:53 Modals
12:34 Accordions
17:30 Tabsyt:video:4tgFUIIGamo4tgFUIIGamoUCa1zuotKU4Weuw_fLRnPv0AAppetite for Components | VueConf US 2024Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-10-03T16:00:10+00:002026-05-05T10:57:05+00:00Appetite for Components | VueConf US 2024Lee Martin presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery π https://www.vuemastery.com/conferences
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Appetite for Components
0:29 LostWithout.vue
6:43 Unreleased?yt:video:nmMdO9ztH2QnmMdO9ztH2QUCa1zuotKU4Weuw_fLRnPv0AAccessibility | VueConf US 2024Vue Masteryhttps://www.youtube.com/channel/UCa1zuotKU4Weuw_fLRnPv0A2024-09-30T16:00:51+00:002026-04-29T23:59:36+00:00Accessibility | VueConf US 2024Katherine Herbert presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery π https://www.vuemastery.com/conferences
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials π https://www.vuemastery.com/courses
0:00 Accessibility
1:10 Examples of accessibility issues
2:38 Business case for accessibility
4:16 Accessibility at Politico