Download - Desarrollo Web Avanzado II
![Page 2: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/2.jpg)
¿WEB?
![Page 3: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/3.jpg)
Desarrollo Web Avanzado II¡El primer tramo!: 1991 WEB 1.0
![Page 4: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/4.jpg)
Desarrollo Web Avanzado IILa evolución de la web: 2004 WEB 2.0
![Page 5: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/5.jpg)
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
![Page 6: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/6.jpg)
Desarrollando para la webLa plataforma mas grande también tiene sus roles
WEBMASTER DESIGNFRONTEND BACKEND
UX USABILITY
AHORAANTES
Metodo Soyla
Trabajo por roles
![Page 7: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/7.jpg)
Frontend es todo el elemento visual del usuarioFRONTEN
D Presentación Interactividad
Tecnologías para desarrollo Frontend:
![Page 8: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/8.jpg)
¿Quién es un frontend developer?FRONTEN
D
Webmaster != Frontend Developer
Programadores especializados en el lado del cliente
Diseñador != Frontend Developer
![Page 9: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/9.jpg)
Herramientas FrontendFRONTEN
D
Preprocesadores: Programas individuales que compilan un metalenguaje en un lenguaje objetivo.
![Page 10: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/10.jpg)
Ilusionistas del códigoFRONTEN
D
- Frontend Developer: ¿Te gusta lo que ves? Bueno, es mi trabajo hacerlo atractivo.
![Page 11: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/11.jpg)
El lado oscuro, desarrollo del lado del
servidorBACKEND
Integración Procesamiento
Tecnologías para desarrollo Frontend:
![Page 12: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/12.jpg)
¿Y en que desarrollan los grandes?BACKEND
YouTube Wikipedia
Twitter eBay
![Page 13: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/13.jpg)
¿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
![Page 14: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/14.jpg)
El poder ocultoBACKEND
- Backend Developer: El usuario no ve nada de lo que hago, pero es el precio de ser rudo.
![Page 15: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/15.jpg)
De la idea a los pixelesDESIGN
![Page 16: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/16.jpg)
Responsive Design y la metodología Mobile
FirstDESIGN
![Page 17: Desarrollo Web Avanzado II](https://reader035.vdocuments.co/reader035/viewer/2022062300/557b5849d8b42a78238b4938/html5/thumbnails/17.jpg)
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”