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
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"
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
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. 😊
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.
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.
Thank you thank you ..........you ...you ....Thankssss!!!! seriously, please do create such helpful videos in future and i subscribed and liked it ("-")
@@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.
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.
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.
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.
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.
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.
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?
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 >
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!
best explanatory ionic video ever!!!
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!
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
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.
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! Great video for introduction, I'm just getting started with Ionic now and the video helps me a lot!
You're most welcome Rafael
you are an absolute chad, thank you for appealing to the average person
You are most welcome MrCario! 😃
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.
After watching 5 minutes I had no other choice except to subscribe
Glad to hear that 😁
Hey @codeswag, how did you add the mobile thing in your browser console?
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 😊
Thank you So Much, Subbed
Can i use angular material or bulma with ionic???
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 ❤️
Excellent and very simply explained!
Glad you found it useful!
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!
This helped a lot as a beginner ! thanks
Glad it helped!
This video is very helpful and full of valuable content!
Is it possible to build a simple messenger app with ionic?
Watching this moment before my exam. Hope I pass 😂. Thank you for the video ❤️
this save my day
I'm glad you found it useful
Great video for start to learn.
@Code Swag, hey, what did you do to view your app in a mobile phone?
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.
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
Thanks bro... it is really helpful for beginners....😃🙌🏁
Glad to hear that. Please do subscribe.
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.
Wow... great video man
Glad you liked it
Thanks for the great tutorial, it was simple and easy to grasp....
when building the app, will it be running on the browser or will it generate an apk file ?
Great Tutorial!!
Thanks for watching. Please make sure to subscribe!
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.
Excelent video!
Nice one
Thanks 🔥
this helps alottttt.. please can you do more tuts
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 😁
very helpful thank you
Thanks, this helps me a lot
Glad it helped
thank you for this tutorial
You're welcome 😊
thanks a lot you r my hero
Glad you enjoyed it. Please do subscribe!
How can I display the result on a virtual iphone like you do if i'm on windows and not on Xcode?
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 😊
Great tuto thanks
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 :)
Can I use Adobe Dreamweaver
Yes, sure.
@@CodeSwag thanks 😘
Why do you put the router variable in the constructor? (18:20) Nice tutorial!
router is an injectable class, just like a service
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 😊
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.
nice tutorial
do you have a tutorial on how to create simple android login form thru ionic?hehe
thx for making this video :)
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.
The best tutorial, thanks u a lot!
You are most welcome Melanie 😊 Please subscribe for more tutorials
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!
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.
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.
What are chrome tools you are using ?
Awesome. Thanks!
You are most welcome 😊
thank you, help a lot!!
Glad it helped!
how to create the project with specific version of angular
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 😊
What can I save pictures in local server or another sever ?
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
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.
Amazing video. Hope it's still up to date
any one can encounter also this problem "debug@4.2.0: Debug versions >=3.2.0 =4
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
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
really thnx
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?
can do ionic connect to api thanks
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.
How does he have the emulator in chrome?
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.
at 2:41 code . not recognized.. how to fix it?
please send a screenshot of your error to shop@codeswag.co.uk
How to open a previous running app?
i was looking for webview then html css javascript is the ui
When i Type ionic serve Ja natürlich, welches willst du Browser Open
can you tell how to change icon of the app??
Sure, I will make a video about that
@@CodeSwag thank you very much
Why ionic-card is error?
Screen size is too big.
not possible to view the tutorials using mobile device
Hi Eugen, thanks for your feedback
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.
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
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
Munogona imiw
Sorry ...ur screen is not visible
Please watch the tutorial on a desktop or laptop.
Code Editoor ;)
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!
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