Want to learn more about building native apps? Check out the free Quick Start Guide: ionicacademy.com/ionic-quickstart-guide/ 🔥 Make sure to subscribe for more! ua-cam.com/users/simongrimmdev_?sub_confirmation=1
Hi. I'm a beginner and I don't understand, I don't know if in this video you use components from Angular Material and connect with a Capacitor or do you also use ionic? bBecause you write about ionic, and in the movie you talk about angular material and I got lost.
@@supermysweetdream3592 Here is nothing directly addressed to Ionic Framework but the Capacitor is the Ionic's product. In the description above no words about Ionic framework or Ionic UI. All about Angular material and only Capacitor as exception that it might confuse you a bit.
Hi. Thanks a lot for the comprehensive tutorial. One very good point is to follow up on how to use Angular with Capacitor without the Ionic framework. In most cases, it is closely tied very often. Exciting step-by-step understandable approach, very clear speech and clear video with a readable colour theme and big enough code. It is highly important if someone viewing and reading a tutorial on a mobile phone outside. Not so many authors doing tutorials in this manner.
These videos have been excellent. I've been looking at introducing Ionic development to my team at work for months after doing my own projects in it and this week I finally had the chance to introduce it to one of our projects. So far it's been great and I don't think the team are going to go back to what we did before!
@@galaxies_dev I’m looking at options and wondering how PrimeNg compares to Angular Material. Would be a good video to see how these libraries compare.
Appreciate this is an old video but I notice that the OS text on the top bar (and icons for battery + signal) remained black. When a dark top bar color is chosen (much like Simon's blue) this text should be changed to White. How is this done ?
Really nice tutorial. I have three questions: 1. What to do to keep the three dashes (burger menu) visible at all sizes of the screen? 2. Where to find the apk to get it on other Android devices not connected to Android Studio? 3. Is there a way to keep the screen alive so the device does not go to sleep?
1) Think you should remove the *ngIf="isHandset$ 2) The capacitor build should log it to the CL, or otherwise it's somewhere in android/build/... 3) You would need a plugin for that as that's a native feature: github.com/capacitor-community/keep-awake
Thanks Simon for your cool work. I've been watching your videos for a long time now. Interested in your opinion on the applicability of Angular Material versus Ionic, their internal quality and performance?
Bonjour Merci pour le tutoriel. J'ai suivi le tutoriel jusqu'à la fin, cependant je n'arrive toujours pas à connecter ma base de données en localhost à mon apk (Android studio) As-tu un tutoriel ou une solution à mon problème? Merci
Thanks the great tutorial! Can you show an example this app and rest api communication, please? The app is working on android but I can't fetch data via my api. There is no communication between the app and my api. So I think this isn't a cors problem. The api is available on the internet and the web view works perfectly. Thank you!
A CORS issue should be fixed inside your server to add the headers. But maybe your Android manifest also needs additional permissions if they were not included automatically to make HTTP calls.
when i use ng serve -o --host 0.0.0.0 and its working but if I made any changes or if I close the app and reopen the app it goes to login page means state issue, how to fix it ? it is state issue or auth guard token issue?
Sir I try this and work perfectly with ng serve, but when compiling it in android using npx cap open android, it shows only raw html (without any styling). Why?
Hello I'm installing angular material on ionic but I get this error Cannot read properties of undefined (reading 'kind') after installing animations, also I tried to manually add animations but get the same error
Thanks for the great tutorial! One question I had about the implementation, will you need to have users download the most recent build or will it be immediately visible across all platforms?
If you have a native app you need to go through the app store submission usually to create a new version, unless you are using some kind of code push which can replace the JS bundle of your app even for instaleld native apps.
Sir, when doing "npx cap open android", the android studio opened, but when gradle, it returned an error "Supplied javaHome must be a valid directory. You supplied: /snap/android-studio/119/android-studio/jre". I believe I set the correct JAVA_HOME in .bashrc. I use ubuntu 20.04. Anyone knows the solution?
Want to learn more about building native apps? Check out the free Quick Start Guide: ionicacademy.com/ionic-quickstart-guide/ 🔥
Make sure to subscribe for more! ua-cam.com/users/simongrimmdev_?sub_confirmation=1
Hi. I'm a beginner and I don't understand, I don't know if in this video you use components from Angular Material and connect with a Capacitor or do you also use ionic? bBecause you write about ionic, and in the movie you talk about angular material and I got lost.
@@supermysweetdream3592 Here is nothing directly addressed to Ionic Framework but the Capacitor is the Ionic's product. In the description above no words about Ionic framework or Ionic UI. All about Angular material and only Capacitor as exception that it might confuse you a bit.
Hi. Thanks a lot for the comprehensive tutorial. One very good point is to follow up on how to use Angular with Capacitor without the Ionic framework. In most cases, it is closely tied very often. Exciting step-by-step understandable approach, very clear speech and clear video with a readable colour theme and big enough code. It is highly important if someone viewing and reading a tutorial on a mobile phone outside. Not so many authors doing tutorials in this manner.
Great suggestion!
These videos have been excellent. I've been looking at introducing Ionic development to my team at work for months after doing my own projects in it and this week I finally had the chance to introduce it to one of our projects. So far it's been great and I don't think the team are going to go back to what we did before!
Awesome Jojo, hope your team now benefits from Ionic and the speed of development!
I've used Angular Material + Ionic in a work project and worked out pretty well. I recommend it!
Great to hear!
The Live Hot Reload workaround I find it so fascinating as well....
Thanks to you for sharing 😄
It is a fantastic video in a quick period of time. Thank you so much brother, have a great life and career
Same to you!
Superb dear,
Now day's I'm working on angular material so that's why it's very useful
Yes it's a great library for Angular!
Thanks. Great tutorial.
Great video, is posible do the same with PrimeNg?
I'm pretty sure Freddy, since you can add Capacitor to any web project and PrimeNg is just another UI library, right?
@@galaxies_dev I’m looking at options and wondering how PrimeNg compares to Angular Material. Would be a good video to see how these libraries compare.
Thanks Simon! I really need this 😁
Happy to help!
Appreciate this is an old video but I notice that the OS text on the top bar (and icons for battery + signal) remained black. When a dark top bar color is chosen (much like Simon's blue) this text should be changed to White. How is this done ?
Really nice tutorial.
I have three questions:
1. What to do to keep the three dashes (burger menu) visible at all sizes of the screen?
2. Where to find the apk to get it on other Android devices not connected to Android Studio?
3. Is there a way to keep the screen alive so the device does not go to sleep?
1) Think you should remove the *ngIf="isHandset$
2) The capacitor build should log it to the CL, or otherwise it's somewhere in android/build/...
3) You would need a plugin for that as that's a native feature: github.com/capacitor-community/keep-awake
@@galaxies_dev Thank you so much!
Amazing video Master Simon. Thanks a lot.
master of masters, success friend!!!
Thanks André!!
Thanks for this video. What a cool T-Shirt! SUPABASE !!! nice Simon, looks great.
Glad you like it! Those Supabase shirts are also supa comfy!
Great show, thanks! Is there a github repository I can use so that I can learn it first hand?
The written version is linked below the video!
Nice content. Thank you very much.
Glad you liked it!
Jägermeister oder Hennessy..was möchten Sie mein Herr?
Thank you so much Simon!
In the past I'd have said Jägi...
good job mate, thanks a lot
You're very welcome!
Thanks Simon for your cool work. I've been watching your videos for a long time now. Interested in your opinion on the applicability of Angular Material versus Ionic, their internal quality and performance?
Need to test them in a bigger real project, but so far I really enjoyed using Angular Material!
@@galaxies_dev Okay, thank you. If you have more experience using Angular Material share it with us in one of the next videos.
Bonjour
Merci pour le tutoriel.
J'ai suivi le tutoriel jusqu'à la fin, cependant je n'arrive toujours pas à connecter ma base de données en localhost à mon apk (Android studio)
As-tu un tutoriel ou une solution à mon problème?
Merci
Thanks the great tutorial! Can you show an example this app and rest api communication, please?
The app is working on android but I can't fetch data via my api.
There is no communication between the app and my api. So I think this isn't a cors problem. The api is available on the internet and the web view works perfectly.
Thank you!
A CORS issue should be fixed inside your server to add the headers. But maybe your Android manifest also needs additional permissions if they were not included automatically to make HTTP calls.
@@galaxies_dev Thank you for your reply. You are right! I had to put a row in the AndroidManifest.xml after the "
can we run a capacitor live reload in the real device? please reply its make me crazy
Great, very interesting!
Glad you enjoyed it!
when i use ng serve -o --host 0.0.0.0 and its working but if I made any changes or if I close the app and reopen the app it goes to login page means state issue, how to fix it ? it is state issue or auth guard token issue?
Perfect
Sir I try this and work perfectly with ng serve, but when compiling it in android using npx cap open android, it shows only raw html (without any styling). Why?
great video!
Glad you enjoyed it Sebastian!
Hello I'm installing angular material on ionic but I get this error Cannot read properties of undefined (reading 'kind') after installing animations, also I tried to manually add animations but get the same error
angular with location
please make a video on ionic-angular nx micro frontend
Thanks a lot :)
You're welcome!
Thanks...master
Happy to help Kang!
Create a project using NustJS
I guess you meant NuxtJS?
@@galaxies_dev yes that's right, i think i wrote it wrong in a hurry
Thanks for the great tutorial! One question I had about the implementation, will you need to have users download the most recent build or will it be immediately visible across all platforms?
If you have a native app you need to go through the app store submission usually to create a new version, unless you are using some kind of code push which can replace the JS bundle of your app even for instaleld native apps.
Sir, when doing "npx cap open android", the android studio opened, but when gradle, it returned an error "Supplied javaHome must be a valid directory. You supplied: /snap/android-studio/119/android-studio/jre". I believe I set the correct JAVA_HOME in .bashrc. I use ubuntu 20.04. Anyone knows the solution?
well, I have just found the solution to this recently. Btw thanks for the video Sir!