Ionic 4 Firebase with Angular-Build PWA, Native Android, IOS - Udemy

Write once, run anywhere: Ionic 4 Firebase With Angular Framework. Build PWA, Android, Ios Apps.

What is Ionic Framework ?

Ionic Framework is an open source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript).

Ionic Framework is focused on the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). It’s easy to learn, and integrates nicely with other libraries or frameworks, such as Angular, or can be used standalone without a frontend framework using a simple script include.

What is Angular?

Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop

ϟ About FIrebase Cloud Firestore

Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. Like Firebase Realtime Database, it keeps your data in sync across client apps through realtime listeners and offers offline support for mobile and web so you can build responsive apps that work regardless of network latency or Internet connectivity. Cloud Firestore also offers seamless integration with other Firebase and Google Cloud Platform products, including Cloud Functions.


Advantages of Ionic Framework:

♦ Cross-platform

Build and deploy apps that work across multiple platforms, such as native iOS, Android, desktop, and the web as a Progressive Web App - all with one code base. Write once, run anywhere.

♦ Web Standards-based

Ionic Framework is built on top of reliable, standardized web technologies: HTML, CSS, and JavaScript, using modern Web APIs such as Custom Elements and Shadow DOM. Because of this, Ionic components have a stable API, and aren't at the whim of a single platform vendor.

♦ Beautiful Design

Clean, simple, and functional. Ionic Framework is designed to work and display beautifully out-of-the-box across all platforms. Start with pre-designed components, typography, interactive paradigms, and a gorgeous (yet extensible) base theme.

♦ Simplicity

Ionic Framework is built with simplicity in mind, so that creating Ionic apps is enjoyable, easy to learn, and accessible to just about anyone with web development skills.

♦ Ionic CLI

The official Ionic CLI, or Command Line Interface, is a tool that quickly scaffolds Ionic apps and provides a number of helpful commands to Ionic developers. In addition to installing and updating Ionic, the CLI comes with a built-in development server, build and debugging tools, and much more .


You will learn the following things in the course:
♦ Build a real-world ionic app with angular and firebase, cloud firestore DB.

♦ Single codebase, run on any platform: web, native android, ios.

♦ Firebase email password authentication in ionic.

♦ Firebase Google login for Web.

♦ FIrebase Google login for native android, ios.

♦ CRUD operations to cloud firestore db in ionic app.

♦ Build ionic app as PWA.

♦ Build APK for production & release.

♦ Create a beautiful and precise app icon and splash screen.

♦ Deploy the app to native devices.

♦ Serve ionic app with Nodejs Express.

♦ Deep understanding of ionic UI components and its behavior on different platform such as android, ios.

♦ Various Module loading Strategy in Angular and how ionic uses it.

♦ Angular concepts such as routing, modules, components, services, injectables, conditional classes and much more.

♦ Powerful reactive form validation using Angular in Ionic.

♦ Responsive design with Ionic Grid.

♦ Ionic Split Pane View.

♦ Ionic Pull Down To Refresh.

♦ Create keystore and sign APK

♦and more