Cómo agregar Firebase a mi HTML, CSS y JavaScript ya creados

La documentación para comenzar con Firebase, junto con un video tutorial, se puede encontrar aquí. Entonces puede continuar aprendiendo sobre la base de datos en tiempo real aquí.

Después de haber creado su cuenta y el proyecto Firebase, todo lo que necesita hacer es agregar el código javascript a su HTML, como se describe en los documentos de configuración.

// Obtenga una referencia al servicio de base de datos
base de datos var = firebase.database ();

// actualiza la variable cuando se cambia starCount en la base de datos
var starCountRef = database.ref ('posts /' + postId + '/ starCount');
starCountRef.on ('valor', función (instantánea) {
updateStarCount (postElement, snapshot.val ());
});

// actualiza la IU
función updateStarCount (el, val) {
el.innerHtml (`$ {val} Estrellas!`);
}

Por supuesto, este es solo un ejemplo trivial. No usarías este código en producción.

HTH!

Aquí se presenta el SDK Javascript / Node.JS. Puedes aprender sobre las otras numerosas funciones de Firebase aquí.

Si desea videos de Youtube, puede consultar el canal de Firebase Youtube. Encontrarás mucho material útil allí.

Recientemente he creado una aplicación CRUD con solo Firebase, HTML, CSS y JavaScript.

Aquí están los enlaces:
Firebase CRUD con JavaScript [Actualizado 2018] – Configuración • Leer datos

Esto le dará una visión completa sobre qué parte del JavaScript necesita para usar el código JavaScript de Firebase.