Skip to content

elzbeth/twitter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twitter

  • Track: DOM, Eventos
  • Curso: Creando tu primer sitio web interactivo
  • Unidad: Haciendo un sitio web interactivo

Objetivo

El reto consiste en replicar el newsfeed de Twitter

Código

  1. En un documento html crear un menú de navegación. En una hoja de estilo agregar un icono del cdn fa fa. Agregar estilo a la fuente del contenido.

  2. Crear una división que contenga interactividad para el elemento input de tipo submit. Agregar estilo al botón con fa fa-search

  3. Crear elemento

    que contenga 3 columnas

  4. Columna 1 - Contiene el perfil del usuario y tendencias agregar estilo

  5. Columna 2 - Contiene un área de texto multilínea y tarjeta que guarda texto. Especificar atributos en la hoja de estilo

Para modificar y agregar eventos usar DOM:
Si pasa los 140 caracteres, deshabilitar el botón. Si pasa los 120 caracteres, mostrar el contador con OTRO color. Si pasa los 130 caracteres, mostrar el contador con OTRO color. Si pasa los 140 caracteres, mostrar el contador en negativo.

  1. Columna 3 - Contiene sugerencias de seguimiento y pie de página agregar estilo

About

Laboratoria Sprint 02 - Reto de código - Twitter

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published