Make Apps with Danny
Make Apps with Danny
  • Видео 95
  • Просмотров 2 019 928
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)
Просмотров: 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 Framework is Amazing!
Просмотров 24 тыс.2 года назад
Quasar Framework is Amazing!
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)

Комментарии

  • @Str4yshot
    @Str4yshot 2 часа назад

    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.

  • @mikekidder
    @mikekidder 3 часа назад

    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!

  • @felixyakubov91
    @felixyakubov91 6 часов назад

    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 🙏

  • @lightsinvalues9856
    @lightsinvalues9856 6 часов назад

    Thanks a lot man !

  • @puzzud
    @puzzud 7 часов назад

    A new series from Danny!? Woot!!!

  • @edopenroz
    @edopenroz 9 часов назад

    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!

  • @MakeAppswithDanny
    @MakeAppswithDanny 10 часов назад

    👉 Get the course (or join the membership): makeappsacademy.com 👉 Use the code: LAUNCH25 (valid til end of June 2024)

  • @TGMichaelD
    @TGMichaelD День назад

    Rewritting my app now :)

  • @iUmerFarooq
    @iUmerFarooq 2 дня назад

    More Vuejs and Nuxtjs content. Thank you ❤

  • @TaahirDuToit
    @TaahirDuToit 3 дня назад

    For a beginner, you move a little fast but still very helpful

    • @MakeAppswithDanny
      @MakeAppswithDanny 2 дня назад

      Thanks. I realised yesterday I'm talking a lot more slowly in my latest videos (I'm not sure why!), hopefully that helps 👍

  • @Programming-Fun-With-Hima
    @Programming-Fun-With-Hima 3 дня назад

    Long live Danny.. Long live Vue 3 with Pinia..

  • @vediam
    @vediam 3 дня назад

    Thanks Danny!

  • @vediam
    @vediam 3 дня назад

    Thanks Danny!

  • @Money-Easy-Plan
    @Money-Easy-Plan 4 дня назад

    "The meaning of life is to find your gift. The purpose of life is to give it away." -Motivation

  • @MakeAppswithDanny
    @MakeAppswithDanny 4 дня назад

    Thanks for watching! 👍 👉 Full course: makeappsacademy.com 👉 Download my Quasar app: www.fudget.com

  • @matzmr
    @matzmr 4 дня назад

    Confusing tutorial, and you set your terminal on the bottom left just makes it difficult to see on youtube video

  • @Music.videoo
    @Music.videoo 4 дня назад

    Thank you 👍👍👍👍

  • @caloyp4474
    @caloyp4474 4 дня назад

    nice tutorial.

  • @carolinasilvagarces3781
    @carolinasilvagarces3781 4 дня назад

    Thanks Danny! I'm really looking forward to the full course

  • @pandalittleplayground
    @pandalittleplayground 5 дней назад

    hello, good day. can you make a video on how to add particlejs in quasar 2?

    • @MakeAppswithDanny
      @MakeAppswithDanny 2 дня назад

      That would be very niche, but I'll consider it 👍

  • @merko3043
    @merko3043 5 дней назад

    Nice tutorial, what VSCode theme is this ?

    • @MakeAppswithDanny
      @MakeAppswithDanny 2 дня назад

      Make Apps Theme: marketplace.visualstudio.com/items?itemName=dannyconnell.make-apps-theme

  • @jensluck370
    @jensluck370 5 дней назад

    Welcome Back! 😎

  • @basarokke4403
    @basarokke4403 5 дней назад

    Thank u Danny amazing content, as always

  • @codedjango
    @codedjango 5 дней назад

    Thank you 🙏🙏👍

  • @angelsiaboc4012
    @angelsiaboc4012 7 дней назад

    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

  • @kshitijkumarsaini9501
    @kshitijkumarsaini9501 7 дней назад

    Thanks Danny! And great to see you back after a long time. Hoping for more videos soon.

  • @musha0970
    @musha0970 7 дней назад

    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.

    • @MakeAppswithDanny
      @MakeAppswithDanny 6 дней назад

      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 👍

  • @gsindar
    @gsindar 7 дней назад

    if you are using comp api in the project setup store provides much more smooth dx.

  • @mateusbraga1960
    @mateusbraga1960 7 дней назад

    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

  • @CandraNurIhsan
    @CandraNurIhsan 7 дней назад

    Another great move to break away from options

  • @MakeAppswithDanny
    @MakeAppswithDanny 7 дней назад

    Thanks for watching! 👉 Full course: makeappsacademy.com

  • @DiegoPadula
    @DiegoPadula 8 дней назад

    I'm looking forward to more of these excellent tutorials in the Vue/Quasar world. Danny is definitely one of the great masters.

  • @user-do6hk5md9n
    @user-do6hk5md9n 8 дней назад

    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.

    • @MakeAppswithDanny
      @MakeAppswithDanny 7 дней назад

      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) 👍

  • @zenitsu4139
    @zenitsu4139 9 дней назад

    Can you make a tutorial for new indexedDb’s like eletricSQL

    • @MakeAppswithDanny
      @MakeAppswithDanny 7 дней назад

      I hadn't heard of electricSQL, I'll take a look 👍

  • @Markeldo
    @Markeldo 12 дней назад

    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.

    • @Markeldo
      @Markeldo 11 дней назад

      As an idea for your future videos would you be so kind to tall us about push-notifications. Is it possible with quasar?

    • @MakeAppswithDanny
      @MakeAppswithDanny 9 дней назад

      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 👍

    • @Markeldo
      @Markeldo 9 дней назад

      @@MakeAppswithDanny that would be cool if you share your experience in this area

  • @Subeeshsudhakaran
    @Subeeshsudhakaran 12 дней назад

    Unbelievable 🤩, My quasar guru is back....🎉

  • @NebulaM57
    @NebulaM57 18 дней назад

    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!!

    • @MakeAppswithDanny
      @MakeAppswithDanny 16 дней назад

      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 👍

  • @SG-br9vj
    @SG-br9vj 19 дней назад

    Good to see you back with great content, thank you ☺️

  • @rude_people_die_young
    @rude_people_die_young 19 дней назад

    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 😂

  • @iUmerFarooq
    @iUmerFarooq 20 дней назад

    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

  • @iUmerFarooq
    @iUmerFarooq 20 дней назад

    What about doing the same tutorial with Vuefire with authentication and authorization and CRUD?

  • @iUmerFarooq
    @iUmerFarooq 20 дней назад

    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.

  • @hundop4826
    @hundop4826 20 дней назад

    Happy to see you're back!

  • @lmartinez2205
    @lmartinez2205 21 день назад

    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.

    • @MakeAppswithDanny
      @MakeAppswithDanny 21 день назад

      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

  • @firstname-lastname
    @firstname-lastname 22 дня назад

    Good to see you posting again, but the video thumbnail is too cringe, pls change.

    • @MakeAppswithDanny
      @MakeAppswithDanny 21 день назад

      I agree, but at this point it's tradition for the "app in 30 minutes" thumbnails 👍

  • @opereznet
    @opereznet 22 дня назад

    We are happy to having you back Danny, you are a master and really good to at teaching... thanks for sharing your knowledge

  • @DTEurope
    @DTEurope 22 дня назад

    Welcome back.

  • @einsteinyap9569
    @einsteinyap9569 22 дня назад

    wow Danny, I am waiting for your New Quality Udemy course.

    • @MakeAppswithDanny
      @MakeAppswithDanny 21 день назад

      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

  • @vediam
    @vediam 22 дня назад

    You are back! That’s great! Quasar is amazing! We are waiting Quasar 2 online course

    • @MakeAppswithDanny
      @MakeAppswithDanny 21 день назад

      Thanks. You can see the promo video here: www.makeappsacademy.com/p/quasar-v2-cross-platform-apps-with-vue-3-pinia

  • @koleto155
    @koleto155 22 дня назад

    Thanks Danny and Welcome back!