I am following this tutorial from setup... everything worked smooth ... one suggestion if you can with commands etc little slower that will be very helpful ... regardless thank you so much
Very useful and concise intro to Ionic + Angular, and I got a good sense now of how it works. Well done! PS: A few small things have changed in Ionic V6, perhaps an updated video would be in order?
Thanks for watching. Yes Ionic 6 brought a number of cool changes. I made a video about it and I'll be updating this and other tutorials soon: ua-cam.com/video/aaNE915MyN4/v-deo.html
This was great tutorial for people like me who are learning. It would have been even better if you can show how to wrap this into an apk through Capacitor.
@@CodeSwag Correct me if I am wrong - Just discovered that you have already covered this "Compiling a native Android & iOS app using ionic 5 & capacitor"
I'm so happy that you found the video useful. Please like, share, subscribe and click on the bell icon so that you can get notified when I upload new videos. 😊
An improvement would have been to add the username info to the home page to show the user. I am having trouble getting the form variables to pass to the login function. I am sure there is some import or constructor I am missing.
When you open chrome dev tools, in the top left corner of the tools pane, there are 2 buttons, click the one with the mobile phone icon to toggle the device frame. Then in the center of the preview pane there is a drop down menu that allows you to choose between different screen sizes.
Great video, you helped me a lot; now, I'm able to create different routes with different pages. It would be interesting if you can create a video where it shows how to place the "item button" in a different part of the screen.
@@merularief8493 Hi Merul. Yes I will be uploading more Ionic 4 tutorial very soon. Please like this video and subscribe so that you can see my videos when I upload. Thank you for watching :)
Hi Jaswinder. Thanks for watching. I can't remember which version of Angular I used in this project, but with Ionic 5 you can use any version of angular 8+. Yes, Ionic Angular has all the features of Angular available.
Thank you thank you ..........you ...you ....Thankssss!!!! seriously, please do create such helpful videos in future and i subscribed and liked it ("-")
Press ctrl+shift+i & in the developer tools window click on the device icon in the top-left corner. Next select your desired device frame from the drop down menu.
Hi, I have a query for you Please help. How to make a new ionic app with old versions of angular For example current angular version is 14 But I wants to create an new ionic angular aap but I wants angular 13 (Because I wants to use some dependencies which currently are available for Angular 13 only) How to create a new ionic angular app with mentioning angular version?? Thank you.
Am using ionic and visual studio code to follow commands at 5:13 but The app is showing as more of a website than on the iPhone like yours what should I do ?
I thought I found a solution to my problem, because the first time I launched the ionic serve according to this tutorial it worked perfectly, but the next day when I wanted to fire it I got Error: spawn EPERM. I've seen many solutions, but I couldn't fix it, does anyone have any idea why this is happening?
hello, I'm new ionic learner. When I enter "ionic start", get "Error: spawn UNKNOWN" I use Ionic CLI : 6.20.8 NodeJS : v18.12.1 npm : 8.19.2 OS : Windows Can somebody tell me what to do.
can you help me, i am getting the following error. Welcome to Node.js v12.18.2. Type ".help" for more information. > ionic start ionic start ^^^^^ Uncaught SyntaxError: Unexpected identifier >
Press Ctrl+shift+i (Cmd+shift+i on mac) in your browser to open developer tools. Inside the developer tools window, click on the little device icon in the top left corner.
this is great, easy to learn for me who can't code anything. already subscribed and looking forward for another ionic tutorials
I'm glad you liked it 😁
One of the best ionic angular tutorials I've ever seen
Thank you Islam 😁
Excellently explained! Just the kind of overview I was looking for.
Glad it was helpful!
Thank you for the video ! Really helpful to get started.
I recommend the VS code extension "Ionic Snippets" to help with autocompletion ;) .
Thanks for the tip!
best explanatory ionic video ever!!!
I am following this tutorial from setup... everything worked smooth ... one suggestion if you can with commands etc little slower that will be very helpful ... regardless thank you so much
Thanks for the tip
Such an amazing video. Thank you for sharing. Keep sharing such kinds of videos on other frameworks for App development.
Im became a fan of ur tutorial....I started learning Ionic and firebase from today...
Glad to hear that. Please do subscribe so you can get all my new uploads :D
Thank you! Great video for introduction, I'm just getting started with Ionic now and the video helps me a lot!
You're most welcome Rafael
This is awesome had no idea about Ionic Framework till now.
Thanks for watching Munashe. Please subscribe & click the bell icon so that you can get notified when I upload new tutorials.
Thank you! I have not found material on Ukrainian or Russian UA-cam that is so easy to understand.
You are welcome Антон! I'm glad you found this video useful.
Very useful and concise intro to Ionic + Angular, and I got a good sense now of how it works. Well done!
PS: A few small things have changed in Ionic V6, perhaps an updated video would be in order?
Thanks for watching. Yes Ionic 6 brought a number of cool changes. I made a video about it and I'll be updating this and other tutorials soon: ua-cam.com/video/aaNE915MyN4/v-deo.html
@@CodeSwag Liked it. Very good. Looking forward to the follow-up on this. You have a great future ahead, good luck.
Thank you so much for the kind words ❤️
you are an absolute chad, thank you for appealing to the average person
You are most welcome MrCario! 😃
This was great tutorial for people like me who are learning. It would have been even better if you can show how to wrap this into an apk through Capacitor.
I'm definitely going to cover that in a future tutorial. Please subscribe and click on the bell icon so that you can get notified when it's up.
@@CodeSwag Correct me if I am wrong - Just discovered that you have already covered this "Compiling a native Android & iOS app using ionic 5 & capacitor"
Yes it's already covered in that video 😊
Excellent and very simply explained!
Glad you found it useful!
Watching this moment before my exam. Hope I pass 😂. Thank you for the video ❤️
Thank you so much! Your explanation is very clear and solid!
I'm so happy that you found the video useful. Please like, share, subscribe and click on the bell icon so that you can get notified when I upload new videos. 😊
@@CodeSwag Done! :)
@@CodeSwag do you have full CRUD for ionic-angular? That would be great!
Hey @codeswag, how did you add the mobile thing in your browser console?
Thank you So Much, Subbed
Can i use angular material or bulma with ionic???
This helped a lot as a beginner ! thanks
Glad it helped!
very precise and no bullshit tutorial! Liked it ! :)
I'm happy it was helpful to you Jay. Please like, share, subscribe and click on the bell icon so that you can get notified when I upload new videos.
This video is very helpful and full of valuable content!
Is it possible to build a simple messenger app with ionic?
Good work! I'll see it complete later
Glad you enjoyed it. There is a part 2: ua-cam.com/video/9TmeV0Td3co/v-deo.html
After watching 5 minutes I had no other choice except to subscribe
Glad to hear that 😁
this save my day
I'm glad you found it useful
Wow... great video man
Glad you liked it
Why do you put the router variable in the constructor? (18:20) Nice tutorial!
router is an injectable class, just like a service
Great video for start to learn.
An improvement would have been to add the username info to the home page to show the user. I am having trouble getting the form variables to pass to the login function. I am sure there is some import or constructor I am missing.
Thanks for the great tutorial, it was simple and easy to grasp....
Thanks bro... it is really helpful for beginners....😃🙌🏁
Glad to hear that. Please do subscribe.
Great Tutorial!!
Thanks for watching. Please make sure to subscribe!
@Code Swag, hey, what did you do to view your app in a mobile phone?
Nice one
Thanks 🔥
Great tut. BTW, how did you get the iPhone on the left in Chrome Dev Tools? Usually only shows a blank frame, not an iPhone image.
When you open chrome dev tools, in the top left corner of the tools pane, there are 2 buttons, click the one with the mobile phone icon to toggle the device frame. Then in the center of the preview pane there is a drop down menu that allows you to choose between different screen sizes.
You are most welcome Miod. Please do subscribe and click on the bell icon so that you can get notified when new tutorials are available.
when building the app, will it be running on the browser or will it generate an apk file ?
Great video, you helped me a lot; now, I'm able to create different routes with different pages.
It would be interesting if you can create a video where it shows how to place the "item button" in a different part of the screen.
Great tutorial... add your shop link in description..
Thanks for the tip! Glad you liked the tutorial. Please like the video and subscribe. I will be posting many more tutorials
@@CodeSwag please add on more tutorial on ionic 4 like this
@@merularief8493 Hi Merul. Yes I will be uploading more Ionic 4 tutorial very soon. Please like this video and subscribe so that you can see my videos when I upload. Thank you for watching :)
Hi may i know why your directory showing as github. that's mean I need to create a project folder before i creating the app?
I create all my software projects inside a folder called "github" on my computer. You can create your app in any folder you like.
@@CodeSwag thank you
You are most welcome. Please do subscribe 😊
Excelent video!
Thanks, this helps me a lot
Glad it helped
Great tuto thanks
Which version are you using of angular?
Does iocnic angular platform has all similar features like angular?
Hi Jaswinder. Thanks for watching. I can't remember which version of Angular I used in this project, but with Ionic 5 you can use any version of angular 8+. Yes, Ionic Angular has all the features of Angular available.
Thanks alot ❤️ for such a simple yet powerful session
@@jaswindersingh2143 You are most welcome
How do you look like mobile on your browser? what did you install to see the output like mobile?
Ctrl+Shift+i to open dev tools. Inside dev tools, look for the mobile icon in the top left corner :)
On a mac its cmd + Shift + i
@@CodeSwag I opened that already but I select different mobile but it looks not like mobile frame( I mean like virtual mobile)
The frame is only for certain device types. On the drop down menu select iPhone 8
@@CodeSwag thanks for your help
Thank you.
You're welcome 😊
The best tutorial, thanks u a lot!
You are most welcome Melanie 😊 Please subscribe for more tutorials
thank you for this tutorial
You're welcome 😊
very helpful thank you
this helps alottttt.. please can you do more tuts
nice tutorial
thanks a lot you r my hero
Glad you enjoyed it. Please do subscribe!
thx for making this video :)
How can I display the result on a virtual iphone like you do if i'm on windows and not on Xcode?
Hello
How did you put the iphone form in google inspector?
In Firefox or Chrom, press ctrl/cmd + shift + i and in the window that pops up click on the little device icon in the top left corner
Thank you thank you ..........you ...you ....Thankssss!!!! seriously, please do create such helpful videos in future and i subscribed and liked it ("-")
You are most welcome 😁
What are chrome tools you are using ?
Can I use Adobe Dreamweaver
Yes, sure.
@@CodeSwag thanks 😘
do you have a tutorial on how to create simple android login form thru ionic?hehe
Awesome. Thanks!
You are most welcome 😊
Hey how did switch and make the ionic app look like its running on a iPhone?
Press ctrl+shift+i & in the developer tools window click on the device icon in the top-left corner. Next select your desired device frame from the drop down menu.
@@CodeSwag thank you soo much😅
@@tshegofatsolechaba2739 You are most welcome. Thanks for watching!
Hi,
I have a query for you
Please help.
How to make a new ionic app with old versions of angular
For example current angular version is 14
But I wants to create an new ionic angular aap but I wants angular 13
(Because I wants to use some dependencies which currently are available for Angular 13 only)
How to create a new ionic angular app with mentioning angular version??
Thank you.
can do ionic connect to api thanks
thank you, help a lot!!
Glad it helped!
What can I save pictures in local server or another sever ?
Thanks a lot. it was great :)
I'm glad you enjoyed the tutorial. Please like, share, subscribe & click the bell icon so that you can get notified when I upload new videos 😊
Am using ionic and visual studio code to follow commands at 5:13 but The app is showing as more of a website than on the iPhone like yours what should I do ?
I have the same problem
really thnx
how to create the project with specific version of angular
which version of ionic ?
can you tell me
This video was made using Ionic 4. Part 2 was made using Ionic 5 ua-cam.com/video/9TmeV0Td3co/v-deo.html
@@CodeSwag thanks
Amazing video. Hope it's still up to date
I thought I found a solution to my problem, because the first time I launched the ionic serve according to this tutorial it worked perfectly, but the next day when I wanted to fire it I got Error: spawn EPERM. I've seen many solutions, but I couldn't fix it, does anyone have any idea why this is happening?
upload your project to Github and send me the link so I can help you to debug. Also send the full error message - shop@codeswag.co.uk
How to open a previous running app?
at 2:41 code . not recognized.. how to fix it?
please send a screenshot of your error to shop@codeswag.co.uk
hello, I'm new ionic learner. When I enter "ionic start", get "Error: spawn UNKNOWN"
I use
Ionic CLI : 6.20.8
NodeJS : v18.12.1
npm : 8.19.2
OS : Windows
Can somebody tell me what to do.
How does he have the emulator in chrome?
can you tell how to change icon of the app??
Sure, I will make a video about that
@@CodeSwag thank you very much
when i start up: ionic serve, it shows an window with "Ready to create an app".
I don't see a phone here.
Can anybody help?
Press Ctrl + shift + i to reveal the chrome or firefox dev tools. In the dev tools pane, in the top left corner click on the device icon.
@@CodeSwag thank you its working now.
@@CodeSwag your tutorials are really helpful, thank you
@@fabian_21 You are most welcome Fabian. Please do like the video, subscribe and click the bell icon so that you get notified of each new video.
Bro please help me! I can't join to login, it does't appear in the network :( PLEASE REPLY ME
Hi Abdiel, where are you trying to login into?
@@CodeSwag I fixed bro but thanks u a lot. Do you know how can I login with a Microsoft account?
i was looking for webview then html css javascript is the ui
do i need to write cd github on cmd
"github" is the name of the folder in which I create all my projects. You have to cd into whatever your projects folder is named.
This is ionic 4 or 5 ? M
This video was made using Ionic 4 but there is little difference with Ionic 5. In part 2 I use Ionic 5.
Why ionic-card is error?
any one can encounter also this problem "debug@4.2.0: Debug versions >=3.2.0 =4
can you help me, i am getting the following error.
Welcome to Node.js v12.18.2.
Type ".help" for more information.
> ionic start
ionic start
^^^^^
Uncaught SyntaxError: Unexpected identifier
>
Use regular cmd command promt not the nodejs command prompt.
loggin to not move home page
Hi Amir. Please sent me a screenshot of your code in login.page.ts to shop@codeswag.co.uk
@@CodeSwag can you send your email
hello sir
When i Type ionic serve Ja natürlich, welches willst du Browser Open
Munogona imiw
Screen size is too big.
not possible to view the tutorials using mobile device
Hi Eugen, thanks for your feedback
Code Editoor ;)
Nothing happened When im Write : ionic start
You need to first install node.js and Ionic. Please follow this tutorial - ua-cam.com/video/CWOLZBu7ySk/v-deo.html
@@CodeSwag oh okay thanks
Sorry ...ur screen is not visible
Please watch the tutorial on a desktop or laptop.
Double click annoying . Write everywhere your site is boring . Just go to the point please
man this is simply a web app, not a mobile app
Great tutorial!
Glad you think so!
how did you get the iphone in the responsive view?
Press Ctrl+shift+i (Cmd+shift+i on mac) in your browser to open developer tools. Inside the developer tools window, click on the little device icon in the top left corner.