Treehouse Code Adventures > Componente de Fijación de Mensajes

Componente de Fijación de Mensajes

¿Alguna vez has notado en iMessage u otros servicios de mensajería, puedes fijar tus conversaciones favoritas? Esta Aventura de Código te permitirá escribir la funcionalidad para hacer exactamente eso. Usa cualquier tecnología que desees; JavaScript vanilla, React, Vue, etc. para construir un componente de fijación de mensajes.

Comienza la Aventura

Creado: 26/04/2024 por Dustin Usey

Nivel de habilidad: avanzado

Temas utilizados:

Tiempo estimado de finalización: 5 horas

Fundamentos de JavaScript

En este curso, aprenderás los conceptos fundamentales de programación y la sintaxis del lenguaje de programación JavaScript.

Números en JavaScript

En este curso, aprenderás cómo usar números para tareas útiles en tus programas de JavaScript, incluyendo hacer matemáticas, convertir cadenas a números, generar números aleatorios y más.

Funciones de JavaScript

Las funciones de JavaScript te permiten crear fragmentos de código reutilizables. Hacen que la programación sea más rápida, fácil y menos propensa a errores.

Bucles en JavaScript

Los bucles son una forma de repetir código -- son útiles para tareas repetitivas. Los bucles se usan frecuentemente para acciones que necesitan ejecutarse un número particular de veces o hasta que se cumpla una cierta condición.

JavaScript y el DOM

JavaScript te permite crear páginas web interactivas que pueden responder a las acciones del usuario. En este curso, aprenderás a dar vida a las páginas web usando el poder de JavaScript.

Interactuando con el DOM

Junto con la selección de elementos DOM en JavaScript, también podemos escribir código que les dé comportamiento a los elementos. En este curso, primero exploraremos cómo observar la interacción y responder usando el método addEventListener.

DOM Scripting por Ejemplo

Usa JavaScript para construir una aplicación web RSVP. Muchas de las características que construirás son comunes a otras aplicaciones web.

Crear una interfaz de aplicación de chat

En esta demostración en vivo, Dustin crea una interfaz de aplicación de chat (interfaz de usuario) usando HTML, CSS y JavaScript. El elegante diseño incluye un botón de alternancia para el modo oscuro. El enlace de GitHub en las notas del profesor incluye tanto los archivos de inicio como el código completado. Puedes seguir el proceso y crear el proyecto tú mismo, así como estudiar la versión de Dustin. Ten en cuenta que solo crea la interfaz de usuario, no la aplicación de chat en sí.

0
Para comenzar, haz clic en Comienza la Aventura en la parte superior de la página y luego descarga tus archivos de inicio.
1
Sigue los mockups para replicar lo mejor que puedas una aplicación de mensajes con varias conversaciones.
2
Agrega lógica para permitir que los usuarios "fijen" un mensaje en la parte superior de la interfaz de usuario para acceso fácil.
3
Como siempre, asegúrate de que el código sea accesible y cumpla con los estándares de WCAG.