Ionic & Vue.js - Full Tutorial (Build a Complete App)

[@avivshvitzky2459]

Maximilian you are such a blessing for tech learners. You truly have the proffesion of a teacher, you are not just a developer who teaches

[@academind]

Thank you so much, this means a lot to me!

[@MrGuitarMix]

absolutely agree!

[@عبدالقادرعبدالرحمنعبدالله]

Very true. We are very lucky to have him.

[@nick_way]

And to be doing it in (what I assume is) one's second language is AMAZING! Thank you so much @Academind

[@WriteSomeCode]

So true. I'm his big fan since 2016

definitely I want to see an upcoming part 2 of this great tut. I was looking forward to see vue working in ionic for a long time. Keep up you great work Maximilian and thanks again for this great video.

[@StevenBenjamin]

Maximilian hands down the best front-end teacher I have ever followed. Thank you for all your hard work.

[@raymondmichael4987]

Definitely, I would like to see a part two even three of this, adding local storage, adding cloud storage like firebase or mongodb, lastly data synchronization between the two storage used while supporting offline activities If isn't too much to ask, Greetings from Tanzania 🇹🇿

[@ekoren6116]

Not happening I guess...

[@raymondmichael4987]

@@ekoren6116 sadly

[@oliver-church]

I'm almost done with this tutorial and so far I find Vue/Ionic the most fun and powerful cross-platform framework I have tried. I want to become an EXPERT on this!

[@rhiox7705]

This guy is the one of which i used most tutorials for programing, such a legend, thanks for your work!

[@Frank2tek]

Max is always the top developers mentor of the web. Hey Max , I would like to see more about Ionic & Vue.js . Thanks for this great tutorial !!!

[@ლუკა-ჩ4ე]

Max you are simply the best !! Thank you for all the time you put into educating us

Hi Max. I'm brazilian and I'm so excited to build applications using Ionic again. I was a developer that uses Ionic with AngularJS for so long time. But now i'm redescovering Ionic with Vue and i'm lovin it. Thank you so much!!!

[@patasdfghjkl2961]

would definitely want to see a part 2 of this lol. Love all your courses Max!

[@nrwl23]

Free GOLD. That's what this is. Max is awesome. He doesn't have to do this free on youtube, but as someone who has bought many of his courses, this is just extra above and beyond. I appreciate the time, skill, and energy it takes to produce this stuff, and the paid versions are even better. Thanks Max, you're one of the very best out there consistently.

[@sandeepaalahakoon]

Would love to learn more about Ionic + Vue from you Max... Hoping to see more and more advanced apps as in your Flutter and react Udemy courses.. Best teacher for me !!!

[@yashrathi6862]

Maximilian, you are an extremely great teacher. Your communication skills and way of teaching are just fantastic.

[@criticalthinking2019]

The best video i have ever come across...woww....i think i am confident now on this journey to learn

[@khizer3528]

Finally the boss is back 🔥⚡

[@davidmtobias]

Thank you very much Max. I really love your videos and courses. I had a "blank" app in the emulator. To solve this I've made a little change in capacitor.config.json. I've put (webDir": "dist") instead of (webDir": "public"). By default, a blank ionic app has "public" in this field. I've shown that you have "dist" in the video. Thanks again. Have a nice day. :-)

[@vespawhip2391]

I had the same issue, a blank app and errors when running in the AVD. The above fixed my problem, thank you very much for your comment.

[@bossveendam]

As an autodidact, your videos are very inspiring and most important, very easy to follow and understand. Thanks Maximilian!

[@edgeuplink]

Maximilian you are an amazing teacher ! I've followed all your videos and courses and it's an absolute pleasure to learn with you ! Kudos ! keep up the excellent work , hug from Singapore

[@leonardozx]

The quality of your videos are the best. thank you

[@Nunufetus]

Thank you so much for this tutorial. I start a new position in a week that uses Ionic and vue. This has been a huge help!

[@nick_way]

1:04 some real world coding going on there! (was so pleased to see this and to see how it was resolved - added some real depth to the tutorial in my view :)

[@stephenjames2951]

Thumbs up just for putting this out there for free. I own a few of your courses. Love your style, the accent gets to me sometimes. Thanks max.

[@raymondmichael4987]

Now I feel at ease, because the accent got to me a lot, while taking his mongodb course. He do really explain things clearly

[@academind]

Thanks to both of you :)

[@berkay8467]

Excellent! Waiting impatiently for your MEVN Stack tutorial!

[@dekebaoe]

MEVN Tutorial? From Max? Großartig! IT would be a great if Ionic would be also used.

[@TheCodingOdyssey]

I am getting more and more tempted to learn Vue as well. Working with React at the moment.

[@a7medev]

You're a really great instructor, Max! I bought your Vue 3, Flutter & Docker courses

[@academind]

Thanks a lot for your support!

[@pepelucho355]

Thank you so much man. You're a good teacher.

[@mastermitch12]

His Vue course is amazing! Highly recommend it!

[@snookandrew]

This was excellent Max. I would definitely pay for a larger course if you ever plan on doing one.

[@fransiskusferdian]

can't wait for your udemy class for this

[@fullstack-community]

Max you're simply awesome !! greetings from Egypt.

[@michaelhoward9928]

Dude took your udemy course you are my vue hero

[@MAbbas-ih7sz]

One of the best youtube in the world

[@Celfcool]

You are great teacher man. Thank you.

[@marlonsaravia6267]

What a perfect tutorial! 😍 I really enjoyed this

[@Alex-xw5bc]

Thank You Max!!! I have been looking forward to this. It would be great if you made a course as well.

[@Phil29ful]

Amazing😍! This is GREAT ❤ ! Thank You 👏 ! Part 2 pls . Connect to cloud storage or API ... 😁

[@AliRaza-zk6rr]

Hi maxi, Thank you for it. You are the best teacher I got in my life. I learnt Vue from your course on udemy, now learning React too. Thanks again

[@rendypermana8560]

I love watching this video, easy to understand even for me not fluent in english

[@GiovanniPetrella]

Excellent, very clear in the explanations even for those who do not know English well like me

[@zulhishamtan4308]

This is really awesome.... I have followed the entire steps in the video. I wish you can show us something like chat app using socket with mobile capabilities. Thank you very much for this awesome tutorial.

[@goldenchimes68]

Excellent tutorial! Thank you

[@sujankumar1527]

I am watching your docker and kubernates course. It is really amazing course. Thank you very much max 🥰🥰🥰🥰🥰

[@somecompany3506]

Great job, awesome tutorial 👏

[@pauln1274]

Would love to see more with file management and maybe video also. Much appreciated!

[@BenHayat]

Max, could you please tell Ionic that their CLI should offer the option of TS or JS type project when creating a new project that we should not go through the conversion for every project we make? I'm sure they listen to you more than us. Secondly, are you planning to offer a full-size paid course that we can buy?

[@lostdesign]

I‘d by hyped for another ionic session with Max 😎

[@vNYCblade]

Also would be great to see you create an app with Vuetify and add Capacitor to it... Maybe create an app with Vuetify that can be used on 2 screens equally well... kinda like 1 codebase/version of the app that will be a regular Web App and then creating a dedicated "Native" app via Capacitor of the same codebase... That would be awesome!

[@TechInterpreter]

I'd pay for a full course on this covering more of the Ionic and Capacitor components (e.g., notifications). I see you have one for Angular. If you come up with one for Vue, I'm in!

[@saadowain3511]

Amazing my friend.. was watching ionic react.. Vue much easier

[@dev9033]

Vue much esier, even on vue-native vs react native

[@amrwery5403]

Thanks bro Maxmilian for this video. I learn vue from your course. And now because of you I start understand and love ionic. I wish you create full course for ionic and vue js on Udemy soon please. Thanks a lot 🙏

[@kaimuller5664]

Hi Maximilian, Thank you very much for this video! I highly appreciate the way how you teach. I have learnt Vue by your Vue 3 course, and followed half of your TypeScript course. I tried Ionic+Vue3 by myself before I saw this video. I started with the Ionic Sidemenu app - this includes Composition API and TypeScript. You excluded both from this video. Three wishes on my wishlist (there are more...): 1. Could you please make a video as introduction how to use Types (TypeScript) in VueJS 3? 2. Could you please make an Ionic example with Composition API? 3. Could you please demonstrate a real Development Workflow, including: Debugging, Usage of Environment variables, Development-Test-Production process. Regarding Debugging I tried to follow the official guide, but I don't really get it working (with Composition API and TypeScript...) Thanks a lot! P.S. My personal experience as VueJS/Ionic newbie is that different best practices and coding styles make it difficult to come to speed. But again: I highly appreciate the work of you and e.g. Aaron Saunders

[@swojchwat]

I know it sounds realy geeky but.... THIS IS SO EXCITING!! :)

[@BenHayat]

Max , thank you so much for this course. I learned a lot. I suggest to take this course and add more features and integrate it with Firebase Firestore, Firebase Auth, storage and functions and offer it as a paid course.

[@yankee-in-london]

Not sure when this was filmed but I would strongly suggest using Volar plugin not Vetur. Of course that's particularly true if you stick to TS.

[@angelhdzdev]

How to make VSCode stop suggesting Vetur in new workspaces even when having Volar installed and Vetur uninstalled? Thanks

[@envygamer]

Looking forward for a complete course on this..Vue+ionic from web to andriod to iso finished apps

[@digitalartee]

The BEST the best!! Thank you.

[@frompixels]

Bonjour depuis la france Thanks you very much for the tuto 🤗

[@TheStoibz]

Thank you very much for sharing the outstanding work. I would really love to see this extended to show the steps on iOS as well as CRUD with Firebase or Cosmos DB, Push Notifications and more advanced common requirements. I'd be happy to pay for that in Vue.js. Cheers!!!

[@funkovader]

omg major thnx for this video i really needed this to use ionic with just js

[@Obi44440]

Amazing teacher, I would love a full course on this!

[@moma9815]

Sir Maximilian, you are one of the BEST I have ever seen . Please let us know if you are planning to have a full course on Vue3/Ionic @ Acdemind ill be the first to sign up.

[@qofi_1]

Yes, part 2 is very necessary. file storage, choosing from gallery and choosing multiple photos, cloud storage, and all other native APIs☺

[@iSam21]

As usual, a good content and great explanation =) Thanks Maximilian :)

[@minnie-s9l]

Thank you, sir, the subtitles you uploaded have greatly reduced my learning difficulty, I am your udemy student, thank you very much.

[@zealtypedcode3119]

omg yes I hoped for this course new it's here

[@karthikeyanpalanisamy8299]

Ya really a Grt explanation given, waiting for part 2

[@doberman58]

Thank you soooo much!!!! You do a great job and it is a big help for all of us. Have learned A LOT with your Udemy courses and now happy with my frontend developer job!

[@Delere567]

i learned realy great things thanku sir it was really great abiut every single moment👍👍👏👏👏👏

[@mathiasscavello1901]

Fantastic tutorial, I enjoyed it a lot. I think that it's time to pay for some of your courses.. hahaha

[@ihsanmohamad521]

just what I needed for my final year project 😁

[@KillerKingdom]

Lion is back ❤️❤️

[@Umfyq]

I really want the part 2 or even better the entire course

[@vampirejs758]

Hey Max! Can you please make a tutorial on Vue Native, thanks , love you videos

[@alexandros-markovits]

Thank you for all your work! Can an existing Nuxt app be transformed into a mobile app with capacitor? (I tried it once but i failed). Could be something interesting.

[@joejones3941]

Max do you have an tutorials in FCM push notifications

[@gaatutube]

Wish there was a way to hit LIKE icon 10 times. Just finished going through this tutorial. Now I got to go through this all over again ... this time with hands-on coding.

[@vNYCblade]

How about adding some Cordova plugins and having they play nice with Capacitor?

[@difusier]

Nice tutorial thank you a lot!

[@glgurel_21598]

excellent tutorial

[@betofc89]

I'll be updating this comment as long as I watch the entirety of the video... ??:?? - Setup ??:?? - Colors 36:11 - Adding a second page 48:14 - Adding dynamic data 54:33 - Setting data to be global (state and vuex) 1:05:47 - Refactoring a little bit 1:11:40 - Working on the details page

[@haziriamin]

Hi Max, you are the best teacher in the world in programming.. Please create full udemy course on ionic with vue. i already watch your ionic with angular but i fall in love with vue in your course on vue in udemy.. I have many project using ionic that i want to build to share with other peoples and make their life easier..

[@franthor]

Fantastic tutorial, thanks. Just so you know, I had to add this to core.css for the back button to be visible in ios ... ion-back-button { --color: var(--ion-color-primary-contrast); }

[@oliver-church]

This is secretly Maximilian's new favorite stack. I called it first, lol.

[@m.faizanshakir3382]

Really A Great video. Very informative

[@Max-ge3xb]

46:03 [vue/no-deprecated-slot-attribute] `slot` attributes are deprecated. Is it fixable or just ignore it?

[@Max-ge3xb]

Got it. To fix it disable the "validate vue-html in using eslint-plugin-vue" in Vetur plugin

[@flakmoppen]

@@Max-ge3xb Aye, that did it. Thanks! :)

[@Henry-zw2ys]

@@Max-ge3xb Nice solution, but I was hoping to see an example of how to actually fix it instead of just turning off the deprecated warning.

[@Max-ge3xb]

@@Henry-zw2ys I don't remember why I just turned it off. I think there was something with vue versions. Try v-slot:start

[@egolege]

great video. interesting more about ionic plugins and components

[@payambazmandehgan4430]

you are the bestttttttttttttttt ever, plz teach us save the image in storage :(

[@pavankumargvs5693]

Hi max, is ionic available in Udemy vue js course?

[@ArturKilldragon]

If someone its getting troubles with the "slot deprecated" warning by eslint on Visual Studio Code (maybe you are using Ionic 5 with VueJS 3), just turn off the Vetur > Validation: Template in Settings.

[@funkovader]

ohW THNX BUDDY I NEEDED THAT

[@boydhofman7137]

Bro, thanks alot! I thought I went mad... we need more comments like yours! :)

[@ferhatsunaycansev106]

Perfect Video ! Thx bro!

[@jrakesh143]

please do MicroServices course

[@WriteSomeCode]

Could you please tell me what font you used here for your vscode n terminal

[@fahad.hossain]

You're one of the best. Please make a video on angular@latest.

[@debvdo]

Halfway thru and I find it amazing ! What are your thoughts on nativescript vue, Max?

[@LeMiira]

43:13 adding router-link not works for me, maybe because of updates when I'm watching this great video. Thank you . 🤷‍♂ No idea why it does not work!

[@lada8744]

I have the same issue and I'm so confused about it.

[@isackblue]

Same here! Did you solved it? I'm using Ionic 6 with Vue 3

[@petipois28]

Great tutorial, how would you add firebase or some sort of storage system to this?

[@tabedenisdeon7176]

Thank you sooo much Sir

[@shishir833]

Thanks Max!

[@noopurp123]

Hi Max, can you also share a tutorial on how we can integrate offline database to Ionic Vue application?

[@HiramGuerrero]

Max, kind of off topic question. Do you plan to launch the ionic react course on udemy? I only found it on academind. Thanks.

[@thesaching]

Can you please make a course on vue and ionic like ionic and Angular