Cómo construir un chat sincronizado en tiempo real | Proyecto | Parte #3

portada construye live chat proyecto

Índice Cómo mostrar nuevos mensajes en la UICómo actualizar el username en la UIAñadiendo local storageCómo actualizar el canal en la UI Tercera (¡y última!) parte de este proyecto basado en JavaScript, donde estamos construyendo un chat en tiempo real. Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes. En ellas vimos cómo … Leer más Cómo construir un chat sincronizado en tiempo real | Proyecto | Parte #3

Compartir:

Cómo construir un chat sincronizado en tiempo real – Proyecto – Parte #1

portada construye live chat proyecto

Índice ¿Qué vamos a construir?Consideraciones previas y pre-requesitosEstructura inicial del proyectoCómo conectar nuestra app a FirebaseCreación de la clase «Chatroom»Añadiendo chats a la base de datos ¿Qué vamos a construir?Vamos a construir una app de chat con sincronización en tiempo real, es decir, si dos personas están chateando, lo que escriba una y le envíe … Leer más Cómo construir un chat sincronizado en tiempo real – Proyecto – Parte #1

Compartir:

Firebase: Guía práctica – Parte #2

portada guia firebase

Índice Cómo guardar documents en nuestra databaseCómo borrar documents Cómo hacer cambios en la UI en tiempo realCómo cancelar los cambios en tiempo real Retomamos esta serie sobre el fascinante mundo de Firebase. Si acabas de aterrizar aquí, puedes ver la parte #1 antes. 🛸Cómo guardar documents en nuestra databaseEl paso lógico después de aprender a obtener datos de nuestra database, es aprender a añadir … Leer más Firebase: Guía práctica – Parte #2

Compartir:

Firebase: Guía práctica – Parte #1

portada guia firebase

Índice Tipos de databasesFuncionamiento de las NoSQL databasesPrimeros pasos con Firebase y FirestoreCómo conectar Firestore con nuestro códigoEsqueleto HTML + CSSCómo obtener y mostrar datos de una collection En ocasiones, cuando creamos páginas web, necesitamos almacenar ciertos datos para poder utilizarnos en nuestra web. Para almacenar esos datos existen las bases de datos (en inglés, databases). Los datos … Leer más Firebase: Guía práctica – Parte #1

Compartir:

Local Storage en JavaScript | Guía completa

portada local storage guía

Índice ¿Qué es el local storage?Cómo almacenar y obtener datosCómo borrar datosCómo convertir datos a formato JSON / desde formato JSON ¿Qué es el local storage?Cuando construimos una app, normalmente trabajamos con algún tipo de información, por ejemplo, si le pedimos a un usuario que introduzca una ciudad para ver qué tiempo hace allí. Pero si no … Leer más Local Storage en JavaScript | Guía completa

Compartir:

Programación Orientada a Objetos | Guía práctica | Parte #3

Portada POO

Índice Funcionamiento de la herencia en un prototype modelHerencia de propiedadesHerencia de métodosLa base de todos los objetos Tercera y última parte de esta saga sobre Programación Orientada a Objetos (en inglés, Object Oriented Programming). Lo puedes encontrar por las siglas POO, o OOP. Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes. 🚀Funcionamiento de la … Leer más Programación Orientada a Objetos | Guía práctica | Parte #3

Compartir:

Programación Orientada a Objetos – Guía práctica – Parte #2

Portada POO

Índice Herencia de clases (subclases)Cómo añadir propiedades a una subclase: super()El mecanismo detrás de los constructoresEl Prototype modelCómo acceder y crear métodos en el prototype modelCómo encadenar métodos Retomamos esta serie sobre POO (me encantan sus siglas 💩). Si acabas de aterrizar aquí, puedes ver la parte #1 antes.Herencia de clases (subclases)Hemos visto en la … Leer más Programación Orientada a Objetos – Guía práctica – Parte #2

Compartir:

Programación Orientada a Objetos – Guía práctica – Parte #1

Portada POO

Índice Introducción a los objetos»Todo en JavaScript es un objeto» ¿O no?Introducción a las clases en JavaScriptConstructores de clasesMétodos de las clases Encadenando métodos Introducción a los objetosUn objeto en JavaScript (en adelante, JS) es parecido a un objeto de la vida real. Por ejemplo, una cámara de fotos. Tiene propiedades, como su color, su peso, … Leer más Programación Orientada a Objetos – Guía práctica – Parte #1

Compartir:

Async JS: Guía completa sobre código asíncrono – Parte #3

portada guía async JS

Índice Encadenando promisesNos modernizamos: Fetch APIY llegó async y awaitGestionando nuestro errores con throw ​y catch Tercera (y última) parte de esta serie sobre JavaScript asíncrono 💪. Si acabas de aterrizar aquí, te recomiendo que veas antes las partes #1 y #2, ya que esta parte está ligada a las anteriores.Encadenando promisesSiguiendo con las ventajas de … Leer más Async JS: Guía completa sobre código asíncrono – Parte #3

Compartir:

Async JS: Guía completa sobre código asíncrono – Parte #2

portada guía async JS

Índice Cómo usar las callback functions ​dentro de una HTTP Request​​​​​Cómo trabajar con JSON data¿Qué demonios es el callback hell?Qué son las ​promises ​y cómo usarlas​​Ejemplo con conceptos básicos​​Promises ​en la práctica​​ Retomamos esta serie sobre JavaScript asíncrono. Si acabas de aterrizar aquí, te recomiendo que veas la parte #1 antes, ya que voy a utilizar todos los acrónimos … Leer más Async JS: Guía completa sobre código asíncrono – Parte #2

Compartir:

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúas utilizando este sitio asumiremos que estás de acuerdo. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar