Proyecto MeteoApp – Parte 3

portada proyecto meteoApp

Índice Añadiendo imágenes e iconos dinámicosUsando el Ternary operator para simplificar nuestro códigoGuardando la ciudad en local storageRefactorizando el código con clases de JavaScriptCreando la Forecast classCreando una instance del Forecast object Tercera (y última) parte de este proyecto donde estamos construyendo una app de predicción meteorológica desde cero. Si acabas de aterrizar aquí, puedes … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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

portada construye live chat proyecto

Índice Configurando la sincronización en tiempo realQueries complejas: cómo filtrar y ordenar datos recibidosCómo actualizar el usernameCómo actualizar el channelCreación de la clase ChatUICómo dar formato a las fechas Retoques de CSS Retomamos este proyecto, donde estamos construyendo un chat en tiempo real, donde lo dejamos. Si acabas de aterrizar aquí, puedes ver la parte #1 antes para … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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). Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes. Funcionamiento de la herencia en un prototype modelHerencia de propiedadesPartimos del código … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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 parte … Leer más

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Esta web utiliza cookies para asegurar que se da la mejor experiencia al usuario. Si continúas utilizando este sitio se asume que estás de acuerdo. más información

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

Cerrar