Using Ionic Framework VueJS, Firebase & Vuex For Image Diary

Using Ionic Framework VueJS, Firebase & Vuex For Image Diary, available at $19.99, has an average rating of 2.17, with 27 lectures, based on 3 reviews, and has 69 subscribers.

You will learn about Get started with Ionic Framework VueJS & Capacitor Learn To Use Vuex Integrating Ionic VueJS Application With Firebase Create Authentication Flow with Private Pages in Your Application Deploy You Application on Native Device Us Ionic Capacitor Plugins in Your Application This course is ideal for individuals who are VueJS and Ionic users from another language like angular or react or VueJS Users looking to deploy a solution on mobile devices It is particularly useful for VueJS and Ionic users from another language like angular or react or VueJS Users looking to deploy a solution on mobile devices.

Enroll now: Using Ionic Framework VueJS, Firebase & Vuex For Image Diary

Summary

Title: Using Ionic Framework VueJS, Firebase & Vuex For Image Diary

Price: $19.99

Average Rating: 2.17

Number of Lectures: 27

Number of Published Lectures: 27

Number of Curriculum Items: 27

Number of Published Curriculum Objects: 27

Original Price: $29.99

Quality Status: approved

Status: Live

What You Will Learn

Get started with Ionic Framework VueJS & Capacitor
Learn To Use Vuex
Integrating Ionic VueJS Application With Firebase
Create Authentication Flow with Private Pages in Your Application
Deploy You Application on Native Device
Us Ionic Capacitor Plugins in Your Application

Who Should Attend

VueJS and Ionic users from another language like angular or react
VueJS Users looking to deploy a solution on mobile devices

Target Audiences

VueJS and Ionic users from another language like angular or react
VueJS Users looking to deploy a solution on mobile devices

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.

Vue3 and Vuex 4 are the latest releases and we hope that this video tutorial will expose you to the important features and patterns of the release and start you on the journey to build something amazing

In this video tutorial, you will build an Image Diary mobile application to deploy on Apple IOS devices and Android devices that focuses on uploading photos to firebase cloud storage along with additional data about the image that will be saved in Firebase Firestore.

The video tutorial covers some of the basic Ionic Framework Components you might need for your first app; IonAlert, IonToast, IonList, IonItem, IonModal.

It also covers using vue-router with protected routes, creating an authentication flow with VueJS, separation of concerns by creating a separate Firebase Service API that is integrated with Vuex

We use this functionality as a way to demonstrate the use of Ionic Framework with VueJS and the official state management library for VueJS, Vuex. In vuex, we demonstrate actions, mutations, namespace, and more

We have also decided to use typescript and follow the Composition API approach to building Single File Components in Vue3, ie using setup function instead of Options API Approach.

Preview Chapters Available
All Source Code will Be Provided
Access To Support Related To Course Materials
Discount on Support Forum Membership
Discount on eBooks

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Creating Authentication Flow with Vuex and Firebase

Lecture 1: 1.1 Create Application And Vuex Store With Firebase Authentication

Lecture 2: 1.2 Integrate Authentication into App Using Vuex Store

Lecture 3: 1.3 Create Custom Components for UserInfo and To Login A User

Chapter 3: Taking Pictures With Capacitor Camera Plugin

Lecture 1: 2.1 Adding Capacitor Camera Plugin

Lecture 2: 2.2 Take Photo And Render In Preview Modal

Lecture 3: 2.3 New Modal Component Showing Image And Emitting Events

Lecture 4: 2.4 Get Modal Input For Uploading With Image

Chapter 4: Adding Data to Firestore Collection and Cloud Storage Using Vuex

Lecture 1: 3.1 Setting Up The Vuex Store For Saving Image Posts

Lecture 2: 3.2 Saving Image Post Data to the Firebase Collection

Lecture 3: 3.3 Saving Images to Firebase Cloud Storage

Lecture 4: 3.4 Testing Integration Of Image Posts & Images Into Store

Chapter 5: Updated User Interface To Show Image Posts

Lecture 1: 4.1 Refactor Vuex Store, Add Support For User Posts

Lecture 2: 4.2 Rendering The ImagePosts in the Home Component

Chapter 6: Working With Routes, Protected Routes and Vuex Store

Lecture 1: 5.1 Create Login Page

Lecture 2: 5.2 Create Sign Up Page

Lecture 3: 5.3.1 Update Firebase API and Vuex Store to Support Sign Up

Lecture 4: 5.3.2 Integrate New Firebase API Calls Into Vuex Store to Support Sign Up

Lecture 5: 5.3.3 Integrate Vuex Store Changes and Test Everything

Lecture 6: 5.4 Update Router To Support New Routes & Private Routes

Lecture 7: 5.3 Update Firebase API and Vuex Store to Support Sign Up

Chapter 7: Creating User Profile Page

Lecture 1: 6.1 Adding Tabs To Interface

Lecture 2: 6.2 Create View Mode of Profile Page

Lecture 3: 6.3 Create Edit Mode of Profile Page

Lecture 4: 6.4 Add Profile Photo Functionality To Profile Page

Chapter 8: Final Capacitor Build Confirmation

Lecture 1: 7.1 IOS

Lecture 2: 7.2 Android

Instructors

Aaron Saunders
CEO Clearly Innovative Inc

Rating Distribution

1 stars: 2 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 1 votes
5 stars: 0 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu