Agregar interacción al sitio web

Clase 18 de 32 • Curso de Firebase para Web 2017

Rodolfo Sáenz

student•

Porqué el código del profesor hace referencia al boton editar como btnEditar y abajo tiene perfilEditar y aun así le funciona?

var btnEditar = document.getElementById("perfilEditar");
.
.
perfilEditar.addEventListener("click", function(){
  datosPerfil.style.display = "none";
  formularioPerfil.style.display = "block";
});

marco antonio montero oropeza

student•

Le estubo marcando error (la pantalla tiene BLUR), porque ni siquiera termina en punto y coma (var btnEditar = document.getElementById(“perfilEditor”)

Oney Ortiz Roman

student•

¿Cómo puedo ocultar mis funciones de JavaScript (las qué se conectan a la base de datos) para los clientes?

Miguel Angel Luna Nájera

teacher•

Por tratarse de código del lado del cliente, no podemos ocultarlo del navegador. Pero existen opciones para evitar que otras personas accedan a la base de datos o usen tus funciones:

Usando los dominios autorizados y las reglas de seguridad de FIrebase.
Usar IIFE (Immediately-invoked function expressions) para evitar que se puedan llamar tus funciones desde la consola del navegador
Construir una API donde vivan tus funciones que llamen a tu base de datos.

Juan Miguel Rodríguez López

student•

No has terminado el ejercicio, le das a “guardar” y hay un salto en el video.

Camilo Gonzalez

student•

En el prox video está amigo !

Rodolfo Sáenz

student•

¿Porqué el código del profesor hace referencia al boton editar como btnEditar y abajo tiene perfilEditar y aun así le funciona?

var btnEditar = document.getElementById("perfilEditar");
.
.
perfilEditar.addEventListener("click", function(){
  datosPerfil.style.display = "none";
  formularioPerfil.style.display = "block";
});

Agregar interacción al sitio web

Introducción a Firebase

Firebase: qué es

Documentación en Firebase para Web

Conectando un proyecto con Firebase

Consola de Firebase

Conexión manual desde la consola

Comprobación de la conexión

Conexión con firebase-tools

Conectar Firebase con otro proyecto en local

Authentication

Proveedores de autenticación

Autenticación con Google

Cierre sesión autenticación con Google

Autenticación con Facebook

Manejo de errores

Base de datos

Modelo no relacional, ¿cuándo usarlo?

Conectar la base de datos

Guardar información en la base de datos

Métodos para sobreescribir la base de datos

Leer un registro en Firebase Real Time

Agregar interacción al sitio web

Actualizar un registro en Firebase Real Time

Agregar más datos a la información del perfil del usuario

Reglas de seguridad

Tres niveles de seguridad de Firebase

Reglas de seguridad de Firebase

Reglas específicas para generar roles

Reglas adicionales para la indexación y validaciones

Roles

Roles de administrador

Aplicar reglas al proyecto

Storage

¿Qué es Storage?

Reto

Hosting

¿Qué es hosting?

Conclusiones del curso

Cloud Functions

Definición e Implementación de Cloud Functions