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 #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 C贸mo construir un chat sincronizado en tiempo real – Proyecto – Parte #2

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:

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:

Proyecto MeteoApp – Parte #2

portada proyecto meteoApp

脥ndice Primeras interacciones entre nuestra UI y la API de AccuWeatherUtilizando el object shorthand notationMostrando el contenido en nuestra UIDestructuring en acci贸n Retomamos nuestro proyecto MeteoApp donde lo dejamos. Si acabas de aterrizar aqu铆, puedes ver antes la parte #1.Primeras interacciones entre nuestra UI y la API de AccuWeatherRecordemos que en el archivo forecast.js tenemos nuestras dos … Leer m谩s Proyecto MeteoApp – Parte #2

Compartir:

Proyecto MeteoApp – Parte #1

portada proyecto meteoApp

脥ndice 驴Qu茅 vamos a construir?Requisitos y consideraciones previas Estructura inicial de archivosPrimeros pasos con la API de AccuWeather1陋 request: Llamando a la city search API2陋 request: Llamando a la 鈥嬧媍urrent conditions鈥嬧 API 驴Qu茅 vamos a construir?Vamos a construir a una app para buscar la predicci贸n meteorol贸gica en cualquier ciudad del mundo, usando la API de AccuWeather. Aqu铆 puedes ver … Leer m谩s Proyecto MeteoApp – Parte #1

Compartir:

Claves para entender Angular – Qu茅 es y c贸mo se utiliza

portada claves para entender angular

脥ndice FrameworksSPAsVersiones d鈥嬧嬧嬧嬧媏 AngularLo que debes saber antes de empezar con AngularTypeScriptC贸mo empezar a usar Angular – Primeros pasosC贸mo editar un proyecto con AngularOrganizaci贸n de un componenteContenido est谩tico vs. contenido din谩micoAngular en la consola de las developer toolsC贸digo din谩micoExtra: c贸mo a帽adir Bootstrap a un proyecto de AngularPracticar lo aprendido Angular es un framework creado por Google que … Leer m谩s Claves para entender Angular – Qu茅 es y c贸mo se utiliza

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