Capacitor just saved my life, I'm days away from completing my project and Android completely changed it's UI principles with Jetpack Compose. Capacitor with pure HTML/CSS/JS is a lifesaver here.
Thank you so much, Simon!!! Finally!!! Capacitor with plain HTML/CSS/JS stack!! No frameworks to learn only to build an app! Pure gold! Awesome video! Thanks!!!
I recently built an app with Ionic and Capacitor, and this video was the main inspiration for throwing Capacitor in the mix. Thank you for the awesome tutorial!
Great video. You joke about not having a framework to do all the things, but I think learning how to do it step by step gives the viewers a much better understanding of what is actually going on under the hood. Keep up the good work. :)
i cant understand someting in 11:47 ,, info.html is under src, why you named it nested? if i have for example 3 pages, index, myProfile and Cart. i must declare index: resolve .. and myProfile resolve.. and Cart: resolve .. is that correct?
Quick question, TLDR: i wanna use GeolocationAPI for service worker. Which unfortunately not supported on HTML5 and browser. Could capacitorjs handle this. Long version: So i wanna create app/webapp which simultaneously send latitude and longitude to the server. Even tho the app is running in background. As far as i know, it's not possible if it's a webapp / browser based. Can capacitor achieve this with vanilla JS?
Is it normal with these small apps to have over 100 'problems' in dev suite, and bunch of js errors bombing browser console every few seconds? The idea of this env seems great, but I'm not sure what to expect after I decide to jump in. And am I correct with understanding this ecosystem: ionic for UI, angular or something like it for actual code, and the capacitor for device related stuff?
Just like why he uses Webpack, vite, tailwind... because he's been brainwashed to make coding complicate. It's already a miracle he uses Javascript without a framework in one single tutorial. I hate them for becoming like that. They help destroy programming. And it's only going to get worse with AI. Now they teach how to do in 20.000 lines of code what can be done in 25. Soon it will be 300.000 lines of codes for the same result...
@@日本語learnerbro why are you being so negative?! Snap out of it. Everything in programming is an abstraction and tools exist to make devs lives easier. *Source Code > Compiler > Machine Code > Assembly > C++ > HTML/CSS/JS* Makes you wonder if there was someone bitching about _"why not just write it in Assembly"_
We are waiting for IONIC 7 project concept videos - using swiper, injecting AUTH guards as services, standalone component usage. Please make video on this.
They can't help themself. They can't breath if they don't use framework X, Y or Z. Over complicating their tutorials. It's now in their DNA. Corporations shape them that way.
Sure.. add tailwind and webpack in the box. Just to make things easier... You guys are terrible at teaching. It was starting good: no frameworks. Oh so refreshing. But NO. It was too good to be true. You add to use a f*** bundler and a css framework in the mix! WHY ALWAYS COMPLICATING EVERYTHING?!
@justinoneill2837 yeah because you think writting clean, simple code without any framework is easier than using a framework... I have been coding for 30 years man as any other senior dev I can learn any framework in 2 or 3 days. You are missing the point here!
@@日本語learner if you've been coding for 30 years then using a vanilla version should be simple. The addition of adding other things _teaches you_ how to add other things. I've been coding for 25+ so I'm not far behind. Your comment came off a bit rude man.. all of those content is free so I don't see a reason to complain. It's been hella helpful for me
@@justinoneill2837 Sorry if it sounds rude and this not personal. Yes this is free. But it changes nothing I always critic things the exact same way either it's free or not. Not a matter of price but "spirit". And the impact to junior devs if even stronger when it's free. So even more dangerous. This industry needs more critic voices. At least it can make a few people know not everybody agrees with this kind of coding style.
@@日本語learner did he use webpack in this video? Honestly I'm not sure if he did or not.. but I think I would have caught that. If anything it was Vite but I'm not sure and don't want to rewatch 😅 .. I understand the difficulty for junior devs/ beginners but tbh I don't feel like this is a beginner tutorial (mixing web w/ native). I'm curious, what would you have this video be about instead? Pure html/css/js + capacitor? The need for capacitor still requires a build step. But I get it bro.. it would be nice to see everything from the very bare bones and then added to/ expanded on. Web dev is hard these days because the starting point isn't obvious. For someone like me trying to learn how to integrate native into my already workflow, this video was priceless! Just depends on your goals I guess
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
Learn to build epic IONIC apps FAST by joining the Ionic Academy: ionicacademy.com/
Capacitor just saved my life, I'm days away from completing my project and Android completely changed it's UI principles with Jetpack Compose. Capacitor with pure HTML/CSS/JS is a lifesaver here.
Thank you so much, Simon!!! Finally!!! Capacitor with plain HTML/CSS/JS stack!! No frameworks to learn only to build an app! Pure gold! Awesome video! Thanks!!!
Glad it helped Manrike!
@@galaxies_dev Please, keep your good work!!
I recently built an app with Ionic and Capacitor, and this video was the main inspiration for throwing Capacitor in the mix. Thank you for the awesome tutorial!
Atlast waiting comes to an end. Thanks for this awesome video
Happy to help!
Thank you!!!!!
I've been afraid of learning Capacitor and this is GREAT!
Blessings unto you🎉🎉🎉
Hope you can now enjoy Capacitor more confidently!
@@galaxies_dev Yes I can. Thank you
Thank you very helpful. I'm currently building my web app, and I'll definitely rewatch the Capacitor part again.
Happy to hear :)
Great video. You joke about not having a framework to do all the things, but I think learning how to do it step by step gives the viewers a much better understanding of what is actually going on under the hood. Keep up the good work. :)
Very true! And you can also value frameworks more later :D
This was super helpful. Thanks for this video⭐
Nice work, you're fantastic🎉
Thank you David! 😃
i cant understand someting in 11:47 ,, info.html is under src, why you named it nested? if i have for example 3 pages, index, myProfile and Cart. i must declare index: resolve .. and myProfile resolve.. and Cart: resolve .. is that correct?
Yes you need to add those additional files in there as far as I undertand!
Great content! Thanks!
if u want to create an app, its enought to learn Capacitor using HTML/CSS/JS without Ionic?
Yes it is!
Simon, have you used Angular's NG to create projects.??? npm init ng (project name)

Sure, the Angular CLI is great for Angular projects!
nice, can u create a capacitor and bootstrap?? is posible?
If you load the app on your own phone, does it still work when plugged out? Or doesn’t it work anymore
Quick question, TLDR: i wanna use GeolocationAPI for service worker. Which unfortunately not supported on HTML5 and browser. Could capacitorjs handle this.
Long version:
So i wanna create app/webapp which simultaneously send latitude and longitude to the server. Even tho the app is running in background. As far as i know, it's not possible if it's a webapp / browser based. Can capacitor achieve this with vanilla JS?
Hey Simon, another great video!! Any chance you could do an updated Ionic with Electron video? Would love to see it!
Yeah will check out Electron again soon!
window.location methods are not working only in ios simulator how can I control navigation using javascript?
Is it normal with these small apps to have over 100 'problems' in dev suite, and bunch of js errors bombing browser console every few seconds? The idea of this env seems great, but I'm not sure what to expect after I decide to jump in.
And am I correct with understanding this ecosystem: ionic for UI, angular or something like it for actual code, and the capacitor for device related stuff?
@@przemekkobel4874 haha no it is not
In your academy, do you have Ionic 7 course with VanillaJS?
No we only cover Angular and React!
nice video! why are you using custom components wth the shadow-dom instead of classic html,css and js stack?
They are also included in the Capacitor starter template, and so I felt it gives the whole app a nice modern touch!
In fact, using custom components is the best way to develop reusable components to compose/build the app! Thanks, Simon, for this great video!!!
Just like why he uses Webpack, vite, tailwind... because he's been brainwashed to make coding complicate.
It's already a miracle he uses Javascript without a framework in one single tutorial. I hate them for becoming like that. They help destroy programming. And it's only going to get worse with AI. Now they teach how to do in 20.000 lines of code what can be done in 25. Soon it will be 300.000 lines of codes for the same result...
@@日本語learnerbro why are you being so negative?! Snap out of it. Everything in programming is an abstraction and tools exist to make devs lives easier.
*Source Code > Compiler > Machine Code > Assembly > C++ > HTML/CSS/JS*
Makes you wonder if there was someone bitching about _"why not just write it in Assembly"_
@@justinoneill2837 🙄
excellent !!
Glad you like it Wesley!
We are waiting for IONIC 7 project concept videos - using swiper, injecting AUTH guards as services, standalone component usage. Please make video on this.
Swiper video coming soon, and a full course about using latest Angular features with Ionic is in the Ionic Academy: ionicacademy.com/
The styles in the app don't get applied with android studio.
thanks alot bro..
You're welcome!
Excellent
Thank you Manuel!
thanks c:
How to use ionic7 install card-io Angular 16
Ionic has UI components itself, why use another library? But you should be able to simple update all Angular parts in Ionic to 16.x!
I’m on an m1 and my builds keep failing when I try to run iOS.
npm ERR! Missing script: "start"
build this video with next,js
Lustig mal einen Deutschen zu treffen auf RUclips 😅
✌️
Would be better tutorial if you did NOT use TailwindCSS ...
They can't help themself. They can't breath if they don't use framework X, Y or Z. Over complicating their tutorials. It's now in their DNA. Corporations shape them that way.
Sure.. add tailwind and webpack in the box. Just to make things easier... You guys are terrible at teaching. It was starting good: no frameworks. Oh so refreshing. But NO. It was too good to be true. You add to use a f*** bundler and a css framework in the mix! WHY ALWAYS COMPLICATING EVERYTHING?!
Skill issue?
@justinoneill2837 yeah because you think writting clean, simple code without any framework is easier than using a framework... I have been coding for 30 years man as any other senior dev I can learn any framework in 2 or 3 days. You are missing the point here!
@@日本語learner if you've been coding for 30 years then using a vanilla version should be simple. The addition of adding other things _teaches you_ how to add other things. I've been coding for 25+ so I'm not far behind.
Your comment came off a bit rude man.. all of those content is free so I don't see a reason to complain. It's been hella helpful for me
@@justinoneill2837 Sorry if it sounds rude and this not personal. Yes this is free. But it changes nothing I always critic things the exact same way either it's free or not. Not a matter of price but "spirit". And the impact to junior devs if even stronger when it's free. So even more dangerous. This industry needs more critic voices. At least it can make a few people know not everybody agrees with this kind of coding style.
@@日本語learner did he use webpack in this video? Honestly I'm not sure if he did or not.. but I think I would have caught that. If anything it was Vite but I'm not sure and don't want to rewatch 😅 .. I understand the difficulty for junior devs/ beginners but tbh I don't feel like this is a beginner tutorial (mixing web w/ native). I'm curious, what would you have this video be about instead? Pure html/css/js + capacitor? The need for capacitor still requires a build step. But I get it bro.. it would be nice to see everything from the very bare bones and then added to/ expanded on. Web dev is hard these days because the starting point isn't obvious. For someone like me trying to learn how to integrate native into my already workflow, this video was priceless! Just depends on your goals I guess