¿Qué es Firebase?

Clase 29 de 57 • Curso de Ionic Avanzado 2017

Juan C Felizzola

student•

Les dejo la documentación oficial, solo es seguir los pasos que indica. Cualquier duda pueden comentarme y si puedo ayudar, con gusto.

Pero sí, muy mal de Platzi. Por intentar ahorrarse unos vídeos está confundiendo a los estudiantes.

Wilson Fabian Pérez Sucuzhañay

student•

ahora si se pasaron de ahorradores como se come esto si estamos en Ionic y me dice angular jaja. NBueno lo que vie en la documentación tenemos que isntalar firebase con este comando.

npm install --save @ionic-native/firebase

luego como nunca creamos services creamos una carpeta services dentro de app y un archivo llamado user.ts o como deseen
e importamos

import {Injectable} from “@angular/core”;
import { Firebase } from ‘@ionic-native/firebase’;
import {User} from “…/app/interfaces/user”;

La pregunta es utilizamos el nativo ? o el que viene de angular2-firebase¿? y si dos dan como se inicializa el ionic-native/firebase les agradezco no se como configurar lo inicial.

Maximiliano Delgado

student•

Malisimo 🤬, reutilizan material de otro curso… cuando finalice la clase ya se cuanta estrellas voy a poner.-

Wilson Fabian Pérez Sucuzhañay

student•

Lo mismo pense jaaj asi que toco ver como adaptar lo de Angular para Ionic y eso que no instale la version 4 de Ionic porque sino jaja

Irving Sarmiento

student•

Al hacer esto, está bien y mal a la vez, para mi, bien, pues se supone que es un curso de Ionic Avanzado y repaso las conexiones con Firebase que ya se debe saber, pero creo que para otros mal porque no saben como implementarlo, aunque si no fue bueno mezclar Ionic con Angular, aunque Ionic esta basado en Angular, si cambian en algunas cosas, conceptos y/o convenciones.

Carlos Uriel de Jesus Sánchez González

student•

mas reto

Ricardo Zambrano

student•

(https://github.com/angular/angularfire2/blob/master/docs/ionic/v3.md)

¿Qué es Firebase?

Introducción a Ionic

Intro a Ionic Framework, Angular, Platzinger, y Ionic CLI

Instalación de Ionic y más herramientas en Mac OS

Instalación de Ionic y más herramientas de desarrollo en Windows

Estructura de nuestra App con Ionic

Arquitectura de una app en Ionic

Proyecto: Platzinger App

Repositorio del curso

Qué son pages y cómo generar las primeras de nuestra app

Navegación básica entre pages

Reto: Página “Acerca de” accesible desde el menú lateral

Tomando los conceptos compartidos de Angular y Ionic

Basics de Angular y TypeScript

Aclaraciones Ionic vs Angular

Cómo usar tipos de datos con typescript

Qué son e implementando interfaces de TypeScript

NgFor aplicado en la lista de usuarios

NgIf aplicado en la lista de usuarios

Navegación con parámetros

Accediendo a nuestros usuarios con conversation.ts

Creando un servicio de usuarios e inyectando el servicio en nuestros pages

Pipes en TypeScript (Date, Number, Json)

Creando nuestro propio 'Pipe' para buscar entre nuestros contactos

Reto: Mostrar un icono diferente según el status del usuario

Agregando estilos con CSS a nuestra aplicación

Cómo usar estilos CSS y referenciar recursos

Implementando estilos en la pantalla de login

Implementando estilos en la pantalla de home

Implementando estilos en la pantalla de conversación

Usando ngStyle y ngClass para añadir estilos dinámicos

Cambiar icono según status

Acceso a datos remotos

Información importante antes de continuar

¿Qué es Firebase?

Reemplazo del servicio de usuarios por un servicio dinámico con conexión a Firebase

Login/Registro de usuarios con email y password

Login/Registro de usuarios con Facebook

Implementando Log Out

Creando un CRUD implementando un API REST HTTP (con diversos backends)

Opciones y Acceso Nativo

Crear page de Perfil

Editar datos básicos del perfil de usuario

Configurando Android Studio

Capturar fotos de cámara y álbum

Preparando aplicación para recibir fotos desde la cámara y galería del Android

Guardando y asignando una foto de perfil al usuario desde la cámara

Preparando aplicación para utilizar geolocalización

Conectándonos al API de Google

Conversación

Más estilos

Enviando un mensaje (con reproducción de sonido)

Mostrando conversación

Enviando un zumbido (con reproducción de sonido y animación)

Amigos

Planeación previa para la característica / Cómo generaremos las solicitudes

Enviando una solicitud de amistad

Revisando solicitudes de amistad

Aceptando solicitudes de amistad

Mostrando sólo amigos

Componentes anidados (con paso de parámetros)

Deploy

Exportando app para iOS y complementando con Xcode

Exportando app para web, complementando con Firebase Hosting

Conclusiones del curso

Contenido Bonus

Publicando nuestra aplicación en Android y iOS stores

Cuéntanos