Create a CRUD Application with Ionic VueJS and Firebase
- Description
- Curriculum
- FAQ
- Reviews
The new Ionic Framework VueJS Web Components are a great way to leverage your javascript skills with VueJS to build professional looking Mobile Applications and PWAs efficiently.
This course in including the final source code is to get you prepped for the more advanced course that I have provided here on the Udemy platform. We are not expecting you to have a deep knowledge of Vue3 and Ionic Framework, but if you get stuck, don’t worry, there is great documentation provided on the Ionic Framework Website
This code is written using the latest version of Vue, Vue3 and is working using the new composable structure vs the older options API.
Create a CRUD Application with Ionic Vue JS and Firebase
-
Create the project and get the basic IonModal created
-
Capture data using ionic input elements
-
Learn CRUD actions ( Create, Delete ) for the data
-
Create an IonList to view the content
-
Use Vue Composable function in place of using vuex to manage state.
-
Adding Firebase To Save Data
Aaron Saunders is the CEO Clearly Innovative Inc web and mobile development firm I started 10 years ago. I have been working in the software development industry as a development, manager, and executive for over thirty years. I have taught at the university level and run an apprenticeship program within my company
At Clearly Innovative Inc, we have built solutions for large and small business and have been using Ionic Framework since version 1
-
1IntroductionText lesson
The new Ionic Framework VueJS Web Components are a great way to leverage your javascript skills with VueJS to build professional looking Mobile Applications and PWAs efficiently.
This course in including the final source code is to get you prepped for the more advanced course that I have provided here on the Udemy platform. We are not expecting you to have a deep knowledge of Vue3 and Ionic Framework, but if you get stuck, don't worry, there is great documentation provided on the Ionic Framework Website
This code is written using the latest version of Vue, Vue3 and is working using the new composable structure vs the older options API.
There is plenty of additional content to support this project on my website
Lean on the Ionic Documentation it is Quite Good
You will need to set up a Firebase Project to Complete The Series
-
2Setup Firebase ProjectText lesson
There are so many blog posts and videos on how to set up a Firebase project that it did not make sense to reproduce it here... so I didn't. I recommend that you take a look at the Firebase documentation in the link included below
-
3Part 1 - Create the project and get the basic IonModal createdVideo lesson
-
4Part 2 - Capture data using ionic input elementsVideo lesson
-
5Part 3 - Learn to Integrate CRUD actions ( Create, DeleteVideo lesson
-
6Part 4 - Create an IonList to view the contentVideo lesson
-
7Part 5 - Use Vue Composable To Manage StateVideo lesson
-
8Part 6 - Adding Firebase To Save DataVideo lesson

External Links May Contain Affiliate Links read more