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

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

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

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 ​​current 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

Construye un reloj digital con vanilla JavaScript

portada construye reloj digital con vanilla JS

Índice ¿Qué vamos a construir?Pre-requisitosEstado inicial de nuestra appConstrucción del relojMejorando el diseño de nuestro reloj ¿Qué vamos a construir?Un reloj digital que muestre la hora, minutos y segundos actuales. Aquí puedes ver la versión final. 🕑Pre-requisitosPara poder entender bien este tutorial, necesitarás nociones básicas de JavaScript (JS). Pero no te preocupes, porque tienes todo … Leer más Construye un reloj digital con vanilla JavaScript

Cómo construir una lista interactiva de tareas con vanilla JavaScript

portada proyecto TO DO list

Índice ¿Qué vamos a construir?Pre-requisitos y consideraciones previasEstructura inicial de archivosDando forma a nuestros archivos HTML y CSSCómo añadir tareas a la listaCómo borrar tareas de la listaCómo buscar y filtrar elementos de una lista ¿Qué vamos a construir?Una sencilla lista de tareas, o «to do list» interactiva, que nos permita añadir, buscar y borrar … Leer más Cómo construir una lista interactiva de tareas con vanilla JavaScript

JavaScript Ninja Quiz

portada javascript ninja quiz

Índice ¿Qué vamos a construir?¿Y esto a qué viene?​​Pre-requisitos y consejosEstructura de archivosDefiniendo el contenido HTMLReaccionando a las respuestas del usuarioMostrando la puntuación en la páginaAnimaciones con el método setInterval() ¿Qué vamos a construir?Vamos a construir un cuestionario para ver cuál es tu nivel de JavaScript, de 0 a 100 (o ninja 😉). Es un … Leer más JavaScript Ninja Quiz

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