Linking Firebase to my Creator ionic app

Linking Firebase to my Creator ionic app New and Old ways.

Old one(TodoList) created .run to create db in todos.js but new way(ChatApp) creates automatically in firebase.init.js

  1. At Firebase console create new project. Choose Realtime(Not Cloud) by setting “unlocked” ie “setting true” then create button.
  2. Database -> Rules ->Set both “read” and  “write”, “true”. -> Publish button
  3. Home -> </> add  Firebase to Web app -> config information window opens
    Config Information on Firebase window

    Already firebase.init.js is created automatically.

  4. Goto ionic and Addons button -> and fill in 4 fields of data with data from step3 config window (eg. apiKey:…..)

    “Firebase’s AngularFire has been added to your project.

    Documentation for using AngularFire can be found on the AngularFire github page.

    Here’s what we did for you:

    • Added the Firebase and AngularFire scripts to “External JS” settings
    • Added the “firebase” module to “Angular Modules” settings
    • Created a “firebase.init.js” file in “Other JS” where you can find your settings and an example.” message was on the Firebase window.
  5. Firebase.init.js shows up on the code listing index
  6. Code Settings -> both angularfire and firebase on the list.
  7. https://docs.usecreator.com/docs/building-a-simple-chat-app from 2:12 to 3:55.

https://github.com/firebase/angularfire/blob/master/docs/quickstart.md

Advertisements

ITS381B: jQuery, JavaScript, etc. Photo into DB

jQuery Learning Center

jQuery Tutorial W3C

jQuery API Documentation 

jQuery Selector Test

Online resources

codeacademy

Campus Travel vid

JaveScript Fundamentals MDN

JavaScript online resources

AngularJS vs jQuery vid

Firebase by Goole.com

creator.ionic.io tutorial videos

How to make a simple chat app using Firebase

Using APIs with $http part1 vid

api vid

ionicframework.com

ionicframework videos

 

 

How to backup your photos on iPhone.

Why ionic?

Lab9_10-9: 4 Major Types of Mobile App

According to the authors of The NativeScript Book, Branstein, there are 4 major types of mobile apps:

Native (Objective-C, or Swift for Apple, and Java for Android)

hybrid (PhoneGap/Cordova)

cross compiled (Xamarin), and

just-in-time (JIT) compiled (NativeScript).

Branstein’s interpretation of each architectures are the following:

virual(sic) machine should be JavaScript virtual machine (Branstein, The NativeScript Book, p24).

 

Above taken from: Mike Branstein, Nick Branstein. “The NativeScript Book.” iBooks.

ART258 Sassy Base Exercise & Native App vs. PhoneGap and Plans/ActionList

https://www.creativemedia.space

  • WebLayout & Typography, Typography for Web
  • ART258 Sassy Base and ITS381B Mobile App – go over all the exercises

Campus travel: https://secrdir.com/campus/ionic/ionic.php

Watch all the vid on ITS381B laulima

JSConf Hawaii

ART258 Github Sassy Base Exercise is at the Course Content section of this page.

ART285(2017)

Old ART258JohnDoe Old Google Map APP by Chris1Mobile and 2Web

ART258 Github teachingmaterials

How to copy urls on all open tabs of Firefox and Chrome.

What is NativeScript?

Get Free NativeScript Book by Mike Branstein and Nick Branstein, both of them started as .net developers.

ART299: Discussion & Lab canvas Practice

angularjs

Angular development tutorial by Gary in coursetro

Getting Started with IONIC 2 with Gary Simon free video coursetro

video on Angularjs Crash Course

ionic documentation

written class

Linus Torvalds

12 recommendation of Book on JaveScripts

Google Book Sample Pages: Foundation HTML5 Animation with JavaScript

HTML5 canvas tutorial vid did not completed. I want to go back and recreated on my codepen.