- Видео 95
- Просмотров 2 019 928
Make Apps with Danny
Великобритания
Добавлен 12 мар 2012
I teach you how to create cross-platform apps (for web, iOS, Android, Mac & Windows) using technologies such as Vue.js, Vuex, Firebase & Quasar Framework.
New Course (& Discount Code) - Quasar V2: Cross Platform Apps with Vue 3 & Pinia
Use Quasar V2, Vue JS 3 (Composition API) & Pinia to build a Cross Platform App for Web, iOS, Android, Mac & Windows
👉 Get the course (or join membership): makeappsacademy.com
👉 Use the code: LAUNCH25 (valid til end of June 2024)
👉 Get the course (or join membership): makeappsacademy.com
👉 Use the code: LAUNCH25 (valid til end of June 2024)
Просмотров: 221
Видео
Vue 3 & Quasar Tutorial - Create a Money App in 2 Hours!
Просмотров 2,3 тыс.12 часов назад
Use Quasar V2, Vue 3 and the Composition API to create a money management app called Moneyballs. 👉 Full course: makeappsacademy.com 👉 Download my Quasar app: www.fudget.com In this app, we can add add income & expense entries by entering a name and an amount. Income entries are in green & expense entries are in red, both beautifully formatted as currency. We can also see a real-time balance of ...
Pinia: Option Store vs Setup Store - Which is best?
Просмотров 71316 часов назад
Pinia: Option Store vs Setup Store - Which is best? 👉 Full course: makeappsacademy.com There are 2 types of stores we can use with Pinia - Option Stores and Setup Stores. But which is best? Taken from my course "Quasar V2: Cross-Platform Apps (with Vue 3 & Pinia) : makeappsacademy.com
Create an App for Android, iOS, Mac & Windows in 30 MINUTES! (Vue 3 & Quasar 2)
Просмотров 3,5 тыс.21 день назад
Use Vue 3 & Quasar 2 to create an App for Android, iOS, Mac & Windows - in 30 MINUTES! 👉 Source code: makeappsacademy.com 👉 My courses: makeappsacademy.com 0:00 Introduction 1:19 What is Quasar? 2:27 Getting Started 4:32 Layout & Background Image 7:50 Counter & Buttons Design 11:35 Name Input & Reset Button Design 14:10 Data & Methods 17:32 Touch Repeat Directive 19:40 Swipe to Adjust Counter (...
Best VSCode Setup for Composition API (Vue 3)
Просмотров 16 тыс.Год назад
Let's setup VSCode for working on Vue 3 & Composition API apps! 👉 Vue 3 Composition API Course: dannys.link/compositionapi 👉 Watch Half of Course Free: dannys.link/compositionapifree ⬇ Chapters: ⬇ 0:00 Introduction 0:15 Install VSCode 1:31 Material Icon Theme 2:03 Make Apps Theme 2:27 vscodethemes.com 2:48 Duplicate Action 3:11 Vue Volar Extension Pack 4:59 Split HTML Attributes 7:29 VSCode Ter...
Vuex vs Pinia vs Composables (Vue 3 State Management)
Просмотров 9 тыс.2 года назад
There are 3 main ways to setup State Management in Vue 3... 👉 Vue 3 Composition API Course: dannys.link/compositionapi 👉 Watch Half of Course Free: dannys.link/compositionapifree ...These 3 ways are... - State Management based on Composables - Vuex - Pinia Let's examine the different approaches... 👉 Vue 3 Composition API Course: dannys.link/compositionapi 👉 My Courses - dannys.link/courses 👉 Do...
Vue 3 & Firebase 9 Tutorial (Cloud Firestore)
Просмотров 49 тыс.2 года назад
Learn how to get started with Firebase 9 in a Vue 3 project. 👉 Full Vue 3 & Firebase 9 Course: dannys.link/compositionapi ⬇ Chapters: ⬇ 0:00 Introduction 0:37 Getting Started 2:35 Elements & Styles - Add Todo 5:28 Elements & Styles - Todo List 9:06 Todos Ref 11:00 Add Todo 17:26 Delete Todo 20:01 Mark Done 26:01 Firebase - Project Setup 28:17 Firebase - Cloud Firestore Setup 32:05 Firebase - Di...
Vue 3 & Firebase 9: Huge Course Update!
Просмотров 2,6 тыс.2 года назад
Just a quick video to let you know I've just added a huge updated to my Vue 3 Composition API course on Firebase 9! 👉 Grab the course: dannys.link/compositionapi In these brand new modules we're gonna take our course app Noteballs and hook it up to a Firebase Cloud Firestore database. We're gonna add authentication, so that multiple users can register, login and log out of our app. We're gonna ...
What is State Management? (Vue 3)
Просмотров 13 тыс.2 года назад
What is State Management? 👉 Vue 3 Composition API Course: dannys.link/compositionapi 👉 Watch Half of Course Free: dannys.link/compositionapifree State Management solves a bunch of problems we find in complex, multi-page apps It allows us to store all of our app’s core data (along with all of the methods related to that data) in one, single, centralized place which we call a Store This Store sit...
What is a Composable? (Vue 3)
Просмотров 20 тыс.2 года назад
What is a Composable? 👉 Vue 3 Composition API Course: dannys.link/compositionapi 👉 Watch Half of Course Free: dannys.link/compositionapifree You think of composabes as the Composition API equivalent of Mixins for The Options API. They allow us to extract out reactive data and logic and keep it separate from any particular component - so that we can reuse that reactive data and logic on multiple...
Learn Pinia in 30 MINUTES! (Vue JS 3)
Просмотров 114 тыс.2 года назад
In this video I’m gonna show you how to get started with Pinia in 30 minutes! 👉 Pinia & Vue 3 Course: dannys.link/compositionapi Pinia is an incredible new State Management library for Vue 3 Composition API apps. In this video I'll show you how to use it to move all of your app's Data, Methods & Computed properties into State, Actions and Getters within a Pinia Store - so that all of these can ...
New Course! - Vue JS 3: Composition API (with Pinia & Vite)
Просмотров 4,2 тыс.2 года назад
Only $9.99 (USD) for the first 5 days!: 👉 dannys.link/compositionapi 👉 or use the code LAUNCH
Vue 3 Composition API Tutorial #8 - Child Components
Просмотров 15 тыс.2 года назад
In this series you’ll learn everything you need to know to get started with Vue 3 & The Composition API. This series is taken from my full Udemy course, "Vue JS 3 Composition API (with Pinia & Vite)". 👉 Vue 3 Composition API Course: dannys.link/compositionapi 👉 Full Playlist: dannys.link/compositionapifree ⬇ Chapters: ⬇ 0:00 Introduction 0:37 Child Components 3:35 Fix Lazy-Loading Views 5:18 Sl...
Vue 3 Composition API Tutorial #7 - Lists, Teleport & More
Просмотров 6 тыс.2 года назад
In this series you’ll learn everything you need to know to get started with Vue 3 & The Composition API. This series is taken from my full Udemy course, "Vue JS 3 Composition API (with Pinia & Vite)". 👉 Vue 3 Composition API Course: dannys.link/compositionapi 👉 Full Playlist: dannys.link/compositionapifree ⬇ Chapters: ⬇ 0:00 Introduction 0:30 Lists (v-for) 3:31 Template Refs 6:42 nextTick 8:41 ...
Vue 3 Composition API Tutorial #6 - Vue Router
Просмотров 13 тыс.2 года назад
In this series you’ll learn everything you need to know to get started with Vue 3 & The Composition API. This series is taken from my full Udemy course, "Vue JS 3 Composition API (with Pinia & Vite)". 👉 Vue 3 Composition API Course: dannys.link/compositionapi 👉 Full Playlist: dannys.link/compositionapifree ⬇ Chapters: ⬇ 0:00 Introduction 0:30 $route - Part 1 4:26 $route - Part 2 7:54 useRoute 1...
Vue 3 Composition API Tutorial #5 - Directives
Просмотров 8 тыс.2 года назад
Vue 3 Composition API Tutorial #5 - Directives
Vue 3 Composition API Tutorial #4 - Lifecycle Hooks
Просмотров 12 тыс.2 года назад
Vue 3 Composition API Tutorial #4 - Lifecycle Hooks
Vue 3 Composition API Tutorial #3 - Methods, Computed & Watch
Просмотров 18 тыс.2 года назад
Vue 3 Composition API Tutorial #3 - Methods, Computed & Watch
Vue 3 Composition API Tutorial #2 - Data, Refs & Reactive Objects
Просмотров 11 тыс.2 года назад
Vue 3 Composition API Tutorial #2 - Data, Refs & Reactive Objects
Vue 3 Composition API Tutorial #1 - Options API vs Composition API
Просмотров 25 тыс.2 года назад
Vue 3 Composition API Tutorial #1 - Options API vs Composition API
What is the Composition API? (Vue 3)
Просмотров 16 тыс.2 года назад
What is the Composition API? (Vue 3)
Vue 3 Script Setup Tutorial - This Changes Everything!
Просмотров 60 тыс.2 года назад
Vue 3 Script Setup Tutorial - This Changes Everything!
Create a Menubar App with Electron & Quasar (for Mac & Windows)
Просмотров 10 тыс.2 года назад
Create a Menubar App with Electron & Quasar (for Mac & Windows)
Quasar & Vue 3: Custom Icon Library - Part 2 (IconSets!)
Просмотров 6 тыс.2 года назад
Quasar & Vue 3: Custom Icon Library - Part 2 (IconSets!)
Quasar & Vue 3: Create an Icon Library (Reduce Bundle Size by 50% - 70%!)
Просмотров 6 тыс.2 года назад
Quasar & Vue 3: Create an Icon Library (Reduce Bundle Size by 50% - 70%!)
Quasar & Vue 3: iOS Page Transitions WITH Routes! [#3] (Real World App #11)
Просмотров 4,3 тыс.2 года назад
Quasar & Vue 3: iOS Page Transitions WITH Routes! [#3] (Real World App #11)
Quasar & Vue 3: iOS Page Transitions WITH Routes! [#2] (Real World App #10)
Просмотров 4,8 тыс.2 года назад
Quasar & Vue 3: iOS Page Transitions WITH Routes! [#2] (Real World App #10)
Quasar & Vue 3: iOS Page Transitions WITH Routes! [#1] (Real World App #9)
Просмотров 9 тыс.3 года назад
Quasar & Vue 3: iOS Page Transitions WITH Routes! [#1] (Real World App #9)
Quasar & Vue 3: Let's Create a Badass Tooltip! (Real World App #8)
Просмотров 5 тыс.3 года назад
Quasar & Vue 3: Let's Create a Badass Tooltip! (Real World App #8)
Any chance this gets added to Udemy at somepoint? I have a udemy business license through work, which is where I took your vuetify course. I'm considering checking this one out too.
Sir, you're too generous. Great offer on MakeAppsAcademy, even without discount code! Signed up for yearly membership. Hope to see you get a great following and excited you are back to making great videos. Cheers!
Hey Danny! Thank you for the new course. Do you show in this course how to setup and prepare the app for appstore? And also some android/ios considerations. Its something i struggle with since your last course 🙏
Thanks a lot man !
A new series from Danny!? Woot!!!
I bought it immediately. I'm still doing the Vue Composition API course on Udemy, and it's been great so far! I hope to finish it soon and start this course. Thank you very much for sharing your knowledge!
👉 Get the course (or join the membership): makeappsacademy.com 👉 Use the code: LAUNCH25 (valid til end of June 2024)
Rewritting my app now :)
More Vuejs and Nuxtjs content. Thank you ❤
Thanks I'll consider that 👍
For a beginner, you move a little fast but still very helpful
Thanks. I realised yesterday I'm talking a lot more slowly in my latest videos (I'm not sure why!), hopefully that helps 👍
Long live Danny.. Long live Vue 3 with Pinia..
Thanks Hima. And long live Quasar 👍
Thanks Danny!
Any time!
Thanks Danny!
No worries!
"The meaning of life is to find your gift. The purpose of life is to give it away." -Motivation
Thanks 👍
Thanks for watching! 👍 👉 Full course: makeappsacademy.com 👉 Download my Quasar app: www.fudget.com
Confusing tutorial, and you set your terminal on the bottom left just makes it difficult to see on youtube video
Thank you 👍👍👍👍
Welcome 👍
nice tutorial.
Thank you! Cheers!
Thanks Danny! I'm really looking forward to the full course
Glad to hear it! It's landing very soon...
hello, good day. can you make a video on how to add particlejs in quasar 2?
That would be very niche, but I'll consider it 👍
Nice tutorial, what VSCode theme is this ?
Make Apps Theme: marketplace.visualstudio.com/items?itemName=dannyconnell.make-apps-theme
Welcome Back! 😎
Thanks for having me, Jens 👍
Thank u Danny amazing content, as always
My pleasure! Thanks Basar 👍
Thank you 🙏🙏👍
Welcome 👍
how can i stop it from askng the password? everytime I try to save a file, it has to save as sudo. for my point, is if I click save as sudo I still get permission error
I'm not sure what you mean here...
Thanks Danny! And great to see you back after a long time. Hoping for more videos soon.
Thanks 👍
Hi Danny! Could you please make a video on data persistance? I've been struggling with it in my last Vue 3 project where the data was disappearing on page refresh. Someone recommended to use 'pinia-plugin-persistedstate'. It seems to be working, but I'd want to make it work without installing any additional dependencies.
It would be difficult to persist the data without some kind of plugin. You would need to manually store the data (with Localstorage or IndexedDB) using the native APIs 👍
if you are using comp api in the project setup store provides much more smooth dx.
Very true 👍
Because it came the vuex way, I was able to make a very smooth migration using option store. But I imagine that the setup store is more suitable for TS projects from scratch
Yes, possibly 👍
Another great move to break away from options
True 👍
@@MakeAppswithDanny anyway how do the setup one works with pinia persisted?
Thanks for watching! 👉 Full course: makeappsacademy.com
I'm looking forward to more of these excellent tutorials in the Vue/Quasar world. Danny is definitely one of the great masters.
Thanks Diego 👍
I would be very grateful if someone could explain how this would work in productrion. I compiled the .apk file and installed it on my phone. The app opened and tried to connect to the quasar dev server (which is not available because it is only available for PC), I got a black screen. In this regard, I have two questions: 1. How can I make a quasar production server instead of a dev server (there should be a difference)? 2. For an app with a counter, no server is needed at all, how can I build it so that it does not try to go online at all? There is only client logic in this app. In general, tell me what to read or point me to a video with a detailed analysis of such issues. Thanks in advance.
You need to run the build command (e.g. quasar build -m capacitor -T android --ide). Then you can build the apk from Android Studio (or deploy it straight to the device). That being said, you should also be able to run it in dev mode on the device (as long as your devices are connected to the same Wifi network) 👍
Can you make a tutorial for new indexedDb’s like eletricSQL
I hadn't heard of electricSQL, I'll take a look 👍
Danny, thank the gods you're back! Hope to see a lot of new useful content from you. You were the one who encouraged me to start my home project.
As an idea for your future videos would you be so kind to tall us about push-notifications. Is it possible with quasar?
Thanks that's good to hear about your home project 👍. Yes, it is possible to handle push notifications with Capacitor / Cordova & Firebase. I may cover this at some point. I would definitely like to do a more in-depth Capacitor course, showing different plugins 👍
@@MakeAppswithDanny that would be cool if you share your experience in this area
Unbelievable 🤩, My quasar guru is back....🎉
Thanks for watching, glad to be back! 👍
Excellence video! Very clear and overall easy to follow. My only critique would be that, for me anyway, you did a lot of screen switching back and forth that made it a little hard to follow. But as I said, that's just me. But I made it thru easy enough. Thank you for sharing!!
Thanks for your comment. I think for most of the video, we just have the code on the left and the browser on the right, so I'm not sure what you mean by screen switching? Thanks for watching 👍
Good to see you back with great content, thank you ☺️
Good to be back, thanks for watching! 👍
Dude - you’re back ❤ Thought you’d run out of faces to pull 😅 At last - a fart counter app in a world where everyone is talking about AI 😂
Thank you brother for coming after so long. Your teaching skills is on next level. You clear all the concept very easily. Thanks once again <3
Thanks 👍
What about doing the same tutorial with Vuefire with authentication and authorization and CRUD?
Thanks I'll consider it 👍
Your way of teaching is so easy and understandable. They way you visit(touch) the docs added another level to your videos. Thanks a lot.
Thanks man! 👍
Happy to see you're back!
Thanks, good to be back 👍
Es desinformación, desde actions de vuex podes modificar el state recibiendolo como variable en el primer argumento. Llevo años usando vuex solo con getters, actions y state.
It might be possible, but this is not the intended use of actions: "Actions are similar to mutations, the differences being that: ● Instead of mutating the state, actions commit mutations." vuex.vuejs.org/guide/actions.html
Good to see you posting again, but the video thumbnail is too cringe, pls change.
I agree, but at this point it's tradition for the "app in 30 minutes" thumbnails 👍
We are happy to having you back Danny, you are a master and really good to at teaching... thanks for sharing your knowledge
Thanks, it's good to be back 👍
Welcome back.
Thanks 👍
wow Danny, I am waiting for your New Quality Udemy course.
Thanks. Yes I'm excited about this one. We will be building a different kind of app to the usual. You can see the promo video here: www.makeappsacademy.com/p/quasar-v2-cross-platform-apps-with-vue-3-pinia
You are back! That’s great! Quasar is amazing! We are waiting Quasar 2 online course
Thanks. You can see the promo video here: www.makeappsacademy.com/p/quasar-v2-cross-platform-apps-with-vue-3-pinia
Thanks Danny and Welcome back!
Thank you so much for your donation 👍