Web Developer and Instructor sharing what I know about building mobile applications with web technologies such as Angular, Ionic Framework, Firebase, and nodejs
Transform your existing Ionic app into a PWA 📱
Hey Reader,
One cool thing about Ionic, specially when you're using capacitor, is that a lot of the functionality that you use in your mobile app can also be used for the web.
Most of capacitor plugins have a web implementation, which means, you wouldn't have to write extra code to get it to work.
​Learn how to transform your Ionic app into a PWA.
In today's article, you'll learn:
- How to use the `ng add` schematic to get all the boilerplate done for you.
- How to edit the `manifest` file to set up your app properly.
- How to set up the `service worker` to handle caching for you.
- Good practices on when to install and update your PWA.
​https://jsmobiledev.com/article/pwa-faq/​
P.S: Are you building something cool at the moment? I'd love to hear about it :D
Jorge Vergara
Web Developer and Instructor sharing what I know about building mobile applications with web technologies such as Angular, Ionic Framework, Firebase, and nodejs
Hey Reader, Changing the default styles of Ionic components can be a bit tricky since the components all use the shadow DOM, meaning we can't write CSS that targets the components inside the shadow DOM directly. Ionic has custom CSS variables in each component that allows us a lot of customization, and when those aren't enough, they expose CSS parts of the underlying HTML elements that form Ionic components. You can learn how to use shadow parts in this 3 minute video:...
Hey Reader, One cool thing about Ionic, specially when you're using capacitor, is that a lot of the functionality that you use in your mobile app can also be used for the web. Most of capacitor plugins have a web implementation, which means, you wouldn't have to write extra code to get it to work. Learn how to transform your Ionic app into a PWA. In today's article, you'll learn: How to use the `ng add` schematic to get all the boilerplate done for you. How to edit the `manifest` file to set...
Hey Reader, I'm working on a video course for the EggHead platform and I wanted to share a quick bit with you. In this video, you'll learn how to set up your Firebase project in Ionic or Angular applications using AngularFire and the `ng add` schematic. After that, we'll explore the Firebase console to see the available services we have, talk a bit about the Firestore database and explain the 2 main types of data: Collections and Documents. After that, we'll use AngularFire to reactively pull...