Sharing Is Caring:

Create a CRUD Application with Ionic 3 and Firebase

  • Create a Shopping List with Ionic 3, Angular 4.3 and Firebase
  • Free tutorial
  • Rating: 4.3 out of 54.3 (2,425 ratings)
  • 47,159 students
  • 44min of on-demand video
  • Created by Paul Halliday (BSc Hons)
  • English

What you’ll learn

  • Create a Create, Retrieve, Update, Delete Application with Ionic and Firebase


  • You should have NodeJS and the Ionic CLI installed
  • You should have a basic understanding of Angular and Ionic


Create a CRUD Application with Ionic 3 and Firebase 

In this course by Paul Halliday, author of Learn Ionic 3 From Scratch and Master Ionic Native; we create a Shopping List application with Ionic 3 and Firebase. 

At the end of this course you will be able to:

  1. Create a high performance mobile application using web technologies (HTML5 and JavaScript).
  2. Understand the Create, Retrieve, Update, Delete pattern(s) with AngularFire2
  3. Use the Observable pattern and RxJS

We use Firebase for our real-time database and authentication, as well as the latest release candidate which includes the modularisation of AngularFire2 into different modules.

Paul Halliday is a Progress Telerik Developer Expert, BSc (Hons) Computer Science @ UoS and a Google Accredited Mobile Site Professional. Paul releases daily videos on his YouTube channel.

Who this course is for:

  • Anyone who wants to create a cross platform mobile application with Ionic and Firebase

Show less

Course content

2 sections • 14 lectures • 43m total lengthCollapse all sections

Introduction1 lecture • 2min

  • Project Introduction02:11

Ionic 3 and Firebase – Shopping List13 lectures • 42min

  • Create the Project and Install Dependencies01:36
  • Lazy Loading Pages03:25
  • Adding AngularFire203:19
  • Firebase Rules01:12
  • Adding the Add ShoppingItemPage02:55
  • AddItemPage View01:53
  • ShoppingItem Model02:40
  • Adding Shopping Items06:12
  • Displaying Shopping Items04:56
  • Editing Shopping Items06:30
  • Adding a ToastService03:58
  • Removing Items from the List03:00
  • Source Code00:00
Read Also -->   10 Projects In 10 Days - HTML, CSS & JavaScript

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock