Tecnologias web moderna, Gamificacion y analitica web (conferencia)
•Descargar como PPTX, PDF•
1 recomendación•1,050 vistas
El documento presenta una agenda sobre tecnologías web modernas, gamificación y análitica web. Cubre temas como HTML5, CSS3 y JavaScript, las nuevas etiquetas semánticas de HTML5, diseño responsivo, mobile first, gamificación y herramientas de análitica web como Google Analytics. El objetivo es proporcionar una introducción a estas tendencias en el desarrollo web centrado en el usuario.
Recomendados
Recomendados
Más contenido relacionado
Similar a Tecnologias web moderna, Gamificacion y analitica web (conferencia)
Similar a Tecnologias web moderna, Gamificacion y analitica web (conferencia) (20)
Último
Último (20)
Tecnologias web moderna, Gamificacion y analitica web (conferencia)
- 1. Tecnologias web modernas, gamificacion y analitica web Tendencias en el desarrollo web moderno y diseño centrado en el usuario (DCU)
- 2. Recomendaciones • Participacion ( que no les de pena) • Preguntas (confianza) • Atencion a los tips ( aunque la presentacion sera compartida) • Levantar la mano para dar un si o un ok • No dispositivos moviles (venimos a prender no a mensajear ni a twitter mucho menos facebokear) • Relajesen tomenlo con calma y disfruten de la presentacion • Prohibido mencionar el navegador de Microsoft (nos puede dar cancer)
- 3. Al finalizar • Se entregaran incentivos a las personas que respondan algunas preguntas….. Asi que a poner atencion
- 6. Agenda 1) HTML5 , CSS3 y JAVASCRIPT (fundamentos de Fronted) 2) Gamificacion 3) Analitica web
- 7. HTML5 , CSS3 y JAVASCRIPT (fundamentos de Fronted) 1. Definamos que son estas tecnologias web 2. Las nuevas etiquetas de html5 y su poder semántico 3. Importancia de la semántica de html5 para posicionamiento en buscadores 4. La accesibilidad y usabilidad web 5. Características de audio y vídeo 6. La muerte de Flash y el nacimiento de los servicios Adobe Edge 7. CMS, e-commerce y gestores de educación en línea 8. Javascript (programacion dinamica del lado del cliente o usuario)
- 8. 9. Retina Design (la ultima patada al higado, gracias Steve Jobs) 10.Responsive design 11.Mobile First 12.Todo esto? Y para hacerlo mas facil? : html5boilerplate, initializr, Html5bone 13.El futuro de la web 14.Que podemos hacer con estas tres tecnologias
- 9. empezamos con preguntas, si !!! preguntas • Que es html ? HyperText Markup Language (lenguaje de marcado o etiquetado de hipertexto) Marcado o etiquetado ? a) Html no es un lenguaje de programacion b) En html no se le da estilos (diseño) a los elementos c) Solo html no es suficiente para crear webs ( solo es lo basico) d) Html no es XML tampoco XHTML
- 10. Entonces que es realmente html? • Lenguaje de estructuracion de informacion (maquetacion de info.) • No tablas,
- 11. En el principio:
- 12. Html4 vs html5 • No semantico • Es Viejo (1999) • No es cambiante • No soporta video ni audio (flash) • Etc • Es semantico • Especificacion en 2008 • Es cambiante • Soportado por mas del 95% de navegadores nuevos • APIS • Y un sin fin de mejoras
- 13. Y html5 ya es compatible?
- 14. html5
- 16. Testeando (probando) los navegadores?
- 17. CSS ? • Cascading Style Sheets Hojas de Estilo en Cascada • Estilos para las estructuras de html
- 18. Y la programacion ?
- 19. Y flash ?
- 20. Y si flash a muerto que uso para animaciones?
- 23. Y todo eso ? No hay un paquete listo?
- 24. La accesibilidad y usabilidad web • <!doctype html> • Primer pauta de accesibilidad : <html lang=”es”>
- 25. Responsive web Design = RWD • M.dominio.com • Copia de los contenidos Ventajas • Posicionamiento web optimizado • Profesionalidad y personalidad • Mantenimiento todo en uno
- 27. Estadisticas de 2008 a 2014
- 28. OS mobil mas usados en el pais
- 31. Que es lo que necesitamos saber • Breakpoints • Media Queries • Soporte en navegadores viejos (respond.js)
- 36. Mobile First
- 37. 1. Los usuario ya no buscan informacion, quiren resultados 2. Diseñemos primero pensando en moviles
- 38. Gamificacion • Concepto como tal • Pregunta • Ejemplos de gamificacion • Duolingo.com
- 40. Gamificacion Iconos Dopamina El exito de facebook, twitter y pinterest
- 41. Analitica web • Que es la analitica web • Google analitics • Herramintas para la analitica web • La analitica para el alcance de objetivos y OKR