Create The Most POWERFUL Native Mobile Apps | Capacitor & Javascript

You can build native mobile apps WITH Capacitor and WITHOUT any Javascript framework! In this video, we will build a native mobile app with Vanilla Javascript and Capacitor to integrate features like the Camera or Haptic feedback.

⚡️ Just getting started?

#############################

🤷‍♂️ Want more Ionic tutorials?

#############################

❤️ You can also find me on:

Or join the Simonics Facebook group:

#############################

00:00 About the app
00:33 Setting up Capacitor and TailwindCSS
04:57 Creating a Shared Navigation Bar
10:00 Navigation with VanillaJS
12:11 Capture and store files with Capacitor
20:14 Creating a List of Saved Images
27:30 Building native iOS and Android app with Capacitor
38:56 Teardown

[justkowal]

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.

[manrikevillalobos]

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!!!

[gtanmoy]

Atlast waiting comes to an end. Thanks for this awesome video

[andrewoverheid]

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!

[guynatumanya]

Thank
I've been afraid of learning Capacitor and this is GREAT!
Blessings unto you🎉🎉🎉

[theindiedev.mstflotfy]

Thank you very helpful. I'm currently building my web app, and I'll definitely rewatch the Capacitor part again.

[KerryEmerson]

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. :)

[Alex-bcxe]

Simon I am following since 3+ years by now, you are indeed a great programmer. But I want your honest advice you are the expert, should I invest time in learning Ionic Angular or React Native?

[bluecrafter]

This was super helpful. Thanks for this video⭐

[silas-bvql]

It is possible to use capacitor with something like Alpinejs and HTMX?

[jpsolares]

nice, can u create a capacitor and bootstrap?? is posible?

[fflczud]

if u want to create an app, its enought to learn Capacitor using HTML/CSS/JS without Ionic?

[iamthegatsby]

Hey Simon, another great video!! Any chance you could do an updated Ionic with Electron video? Would love to see it!

[MrAashish]

We are waiting for IONIC 7 project concept videos - using swiper, injecting AUTH guards as services, standalone component usage. Please make video on this.

[AzirChai]

If you load the app on your own phone, does it still work when plugged out? Or doesn’t it work anymore

[przemekkobel]

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?

[cengizkibrisli]

window.location methods are not working only in ios simulator how can I control navigation using javascript?

[bayuidhamfathurachman]

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?

[showingsoftwarebugs]

The styles in the app don't get applied with android studio.

[Matheus_]

Simon, have you used Angular's NG to create projects.??? npm init ng (project name)