desarrollo web avanzado ii
DESCRIPTION
Introducción al desarrollo web avanzado II. En esta clase presentaremos los aspectos básicos para el desarrollo web desde sus orígenes hasta las tendencias actuales.TRANSCRIPT
¿WEB?
Desarrollo Web Avanzado II¡El primer tramo!: 1991 WEB 1.0
Desarrollo Web Avanzado IILa evolución de la web: 2004 WEB 2.0
Desarrollo Web Avanzado IILa revolución de la web: 2006 WEB 3.0 (¿BETA?)
Metadatos Bases de datos Inteligencia Artificial Web Semántica Evolución del 3D
Desarrollando para la webLa plataforma mas grande también tiene sus roles
WEBMASTER DESIGNFRONTEND BACKEND
UX USABILITY
AHORAANTES
Metodo Soyla
Trabajo por roles
Frontend es todo el elemento visual del usuarioFRONTEN
D Presentación Interactividad
Tecnologías para desarrollo Frontend:
¿Quién es un frontend developer?FRONTEN
D
Webmaster != Frontend Developer
Programadores especializados en el lado del cliente
Diseñador != Frontend Developer
Herramientas FrontendFRONTEN
D
Preprocesadores: Programas individuales que compilan un metalenguaje en un lenguaje objetivo.
Ilusionistas del códigoFRONTEN
D
- Frontend Developer: ¿Te gusta lo que ves? Bueno, es mi trabajo hacerlo atractivo.
El lado oscuro, desarrollo del lado del
servidorBACKEND
Integración Procesamiento
Tecnologías para desarrollo Frontend:
¿Y en que desarrollan los grandes?BACKEND
YouTube Wikipedia
Twitter eBay
¿Quién es un backend developer?BACKEND
Webmaster != Backend Developer
Programadores especializados en el lado del servidor
• Bases de datos• Algoritmos
complejos
• Web Services• Procesamiento de
datos y solicitudes
El poder ocultoBACKEND
- Backend Developer: El usuario no ve nada de lo que hago, pero es el precio de ser rudo.
De la idea a los pixelesDESIGN
Responsive Design y la metodología Mobile
FirstDESIGN
Experiencia de usuario y usabilidadUX &
USABILITY
Evalúa y propone soluciones eficaces, eficientes, fáciles, útiles, placenteras y divertidas al usuario.
Dogma 1:
“Cualquier cosa que exista solo para satisfacer
las políticas internas del
dueño del sitio debe ser
eliminada”
Dogma 2:
“Cualquier cosa que exista solo para satisfacer
el ego del diseñador debe ser eliminada”
Dogma 3:
“Cualquier cosa que sea
irrelevante para el contexto de la pagina debe ser
eliminada”
Dogma 4:
“Cualquier rasgo o técnica que
reduzca la habilidad del
cliente de navegar
libremente debe ser adaptada o
eliminada”
Dogma 5:
“Cualquier objeto
interactivo que fuerce al
visitante a preguntar su
significado debe ser adaptado o
eliminado”
Dogma 6:
“No deben requerir ningún software, aparte del navegador en sí mismo
para trabajar en el sitio
correctamente”
Dogma 7:
“La utilidad nunca debe ser sacrificada por
una hoja de estilo”