Vue 3 All-in-One Tutorial Series (3 Hours!)

👉Check out my last video Vue vs Svelte!

👉 Sign up and get free Vue cheat sheets and updates!

Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out

Need to Learn Vue or Nuxt? Check out my courses below!

🗂️ 🗂️ 🗂️
Make Sure To Check These Courses From Wes Bosd ! 💻

0:00 Introduction
0:55 Pokemon Picker App
29:20 Stripe Check Out Page App
01:20 iTunes Search (Petite Vue)
01:42:06 Vue script setup
02:06:20 Best Vue 3 Projects
02:13:39 Vue 3 Render Functions
02:27:49 Vuex + Vue3 + Composition API
02:54:17 What is Vite? Vite 2.0
03:00:53 Creating A Vite App

Links

[josef]

Hey Erik! You're my favourite person to listen to for anything frontend. I'm grateful that you're back.

[codewithguillaume]

I am currently working on a BIG course of Vue Erik ! 😇

[SusanthCom]

Capacitor Js and Vue is a good combo. Wish to see a course from you. Even paid will do 👍

[確實-rx]

14:10
can someone explan below function
(acc, cur, idx) => acc = {...acc, [cur.name]:idx+1}
why no need add { } to this arrow function, acc = {...acc, [cur.name]:idx+1} is statments, isn't it?

[rjchhetri]

Nice one. Please build projects with Quasar framework also

[Vitoman]

What extensions do you use? your IDE looks amazing

[nathanstanfordsr]

Confused I saw you do vue create pokemon-app but then I see you going into a folder pokemon-api did you restart and splice the video together or did I miss something?

[gmkhussain]

"start building your personal projects" *is where I get stuck every time.* 🔴🛑

[lour]

What is the style/theme you're using at VS Code?? I <3 it!

[jaymartinez]

Thank you! Has your course come out yet? I remember signing up on your site for updates.

[phiho]

can you tell me what the theme you using?

[malathip]

Can we get a course to translate angular project to vue3 project using composables

[cnikolov]

what is the highlight syntax extention that you are using it looks awesome ? 2:35:46

[ThorloX]

Attempted to follow your process, but ended up with not being able to do npm run serve everytime I closed out of vsc. so scrapped it. thanks though

[ucielsola]

THIS is content! Amazing, thank you so much!

[JustBCWi]

Only observation I make in these is a lot of runtime is eaten by typing the Tailwind. It tends to add noise for some viewers (like me).

[jessicapiesco]

Went a little too quick for me. Would be nice if for set up you give us a chance to pause or put instruction in notes. My vue setup somehow doesn't have a router or views so I got lost early on. Thought I followed it exact but must have gotten something wrong.

[paz]

very confusing how to start stripe checkout sample app?

[nonfaktor]

amazing work. some angular content would be dope aswell!

[FrankDecker]

Hi Erik! Thank you for your tutorials :)... Erik one thing I wanted to mention about the script setup. I could not get the defineProps to set default unless I did this:

<template>
<div>
<h3>Hello From Component</h3>
<h5>Received name: {{ props.name }}</h5>
</div>
</template>

<script setup>
const props = defineProps({
name: { type: String, default: "Stewart" },
});
</script>