• índice

Fundamentos del Desarrollo Web Profesional

Cuándo necesitas un framework de JavaScript

Websites (Sitios Web): Son estáticos (iguales para todos los usuarios), y se pueden hacer únicamente con HTML y CSS.

Webapps (Aplicaciones Web): Son dinámicas (interactivas con los usuarios) y para estas se necesita JS aparte de HTML y CSS, y algún framework para facilitar el desarrollo.

Framework (Entorno/Marco de trabajo): Contiene librerías y herramientas que nos ayudarán a construir algo más rápido, garantizando la calidad gracias a una metodología y estructura de trabajo bien definida.

Librería: Es un fragmento de código que nos ayuda a resolver un problema específico y que tiene un propósito concreto.

Qué son los componentes

Componentes:

• Los componentes es aplicar un concepto muy parecido a las funciones pero al maquetar.
• Guardamos bloques de HTML, re utilizarlos y poder construir partes de un sitio.
• Nuestros componentes pueden ser botones , formularios, menú de navegación, etc.
• Un componente solo no sirve, debemos unirnos, ósea composición de elementos, crear componentes con componentes
• Historia

Cómo estructurar un componente

🆎 Atomic Design es una metodología de diseño (y una forma de modelar nuestro pensamiento) para trabajar con componentes:

¿Por qué usar Atomic Design?

Qué es reactividad

Que es la reactividad en el software y porque es importante?

La reactividad nacio en el 2014 con “The Reactive Manifesto”, en donde explican como es que las aplicaciones web de hoy en día no pueden ser iguales a las aplicaciones web de hace 10 años. Esto debido principalmente a la cantidad de usuarios del internet que hay hoy en día. Por lo tanto, se dijo que para que una aplicación pueda ser competitiva, necesita 4 características principales:

• Ser Responsivo (que responda a los requerimientos del usuario en tiempo y forma, generando una buena experiencia)
• Resiliente (que funciona incluso cuando se haya caído una base de datos o cualquier otra tragedia)
• Elástica (que puede ser usada tanto por 8 usuarios, como por 8 millones de la misma manera)
• Basada en mensajes (permite delegar errores a manera de mensajes)

Librerías vs. frameworks

Framework