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: ruclips.net/video/aaNE915MyN4/видео.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. 😊
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"
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.
@@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 :)
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.
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.
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.
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.
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.
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 >
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 😁
Excellently explained! Just the kind of overview I was looking for.
Glad it was helpful!
After watching 5 minutes I had no other choice except to subscribe
Glad to hear that 😁
best explanatory ionic video ever!!!
One of the best ionic angular tutorials I've ever seen
Thank you Islam 😁
Such an amazing video. Thank you for sharing. Keep sharing such kinds of videos on other frameworks for App development.
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
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.
Excellent and very simply explained!
Glad you found it useful!
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
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
Thank you! I have not found material on Ukrainian or Russian RUclips that is so easy to understand.
You are welcome Антон! I'm glad you found this video useful.
Watching this moment before my exam. Hope I pass 😂. Thank you for the video ❤️
you are an absolute chad, thank you for appealing to the average person
You are most welcome MrCario! 😃
This helped a lot as a beginner ! thanks
Glad it helped!
Thanks bro... it is really helpful for beginners....😃🙌🏁
Glad to hear that. Please do subscribe.
Great video for start to learn.
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: ruclips.net/video/aaNE915MyN4/видео.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 ❤️
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!
Good work! I'll see it complete later
Glad you enjoyed it. There is a part 2: ruclips.net/video/9TmeV0Td3co/видео.html
Hey @codeswag, how did you add the mobile thing in your browser console?
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.
Wow... great video man
Glad you liked it
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 😊
Thanks for the great tutorial, it was simple and easy to grasp....
Great Tutorial!!
Thanks for watching. Please make sure to subscribe!
this save my day
I'm glad you found it useful
very helpful thank you
Thank you So Much, Subbed
Can i use angular material or bulma with ionic???
@Code Swag, hey, what did you do to view your app in a mobile phone?
This video is very helpful and full of valuable content!
Is it possible to build a simple messenger app with ionic?
Thanks, this helps me a lot
Glad it helped
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.
Nice one
Thanks 🔥
thank you for this tutorial
You're welcome 😊
nice tutorial
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 :)
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 😁
How can I display the result on a virtual iphone like you do if i'm on windows and not on Xcode?
Excelent video!
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
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 😊
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!
Thank you.
You're welcome 😊
Why do you put the router variable in the constructor? (18:20) Nice tutorial!
router is an injectable class, just like a service
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
thx for making this video :)
thanks a lot you r my hero
Glad you enjoyed it. Please do subscribe!
how to create the project with specific version of angular
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.
when building the app, will it be running on the browser or will it generate an apk file ?
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.
The best tutorial, thanks u a lot!
You are most welcome Melanie 😊 Please subscribe for more tutorials
What can I save pictures in local server or another sever ?
Awesome. Thanks!
You are most welcome 😊
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.
thank you, help a lot!!
Glad it helped!
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
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.
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 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
can do ionic connect to api thanks
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
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
any one can encounter also this problem "debug@4.2.0: Debug versions >=3.2.0 =4
which version of ionic ?
can you tell me
This video was made using Ionic 4. Part 2 was made using Ionic 5 ruclips.net/video/9TmeV0Td3co/видео.html
@@CodeSwag thanks
really thnx
How to open a previous running app?
i was looking for webview then html css javascript is the ui
How does he have the emulator in chrome?
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?
at 2:41 code . not recognized.. how to fix it?
please send a screenshot of your error to shop@codeswag.co.uk
can you tell how to change icon of the app??
Sure, I will make a video about that
@@CodeSwag thank you very much
Amazing video. Hope it's still up to date
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.
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.
Why ionic-card is error?
When i Type ionic serve Ja natürlich, welches willst du Browser Open
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
Nothing happened When im Write : ionic start
You need to first install node.js and Ionic. Please follow this tutorial - ruclips.net/video/CWOLZBu7ySk/видео.html
@@CodeSwag oh okay 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.
Screen size is too big.
not possible to view the tutorials using mobile device
Hi Eugen, thanks for your feedback
Munogona imiw
Code Editoor ;)
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.