PÉREZ MARTÍNEZ, EUGENIA
Esta obra sienta las bases del diseño de interfaces y de forma progresiva introduce todos los elementos necesarios para desarrollar interfaces completas y adaptables, constituyendo una guía de referencia actualizada sobre lenguajes de marcas, hojas de estilos, componentes JavaScript, funciones avanzadas de HTML5, e incluso las aplicaciones híbridas para dispositivos móviles.
Asimismo, se centra la atención en la accesibilidad, usabilidad, el concepto de experiencia de usuario y la mejora de las interfaces a través de herramientas de testing y optimización. Todo ello siguiendo la siguiente secuencia:
Principios sobre diseño, color, tipografía, iconos, herramientas de desarrollo, lenguaje de marcas HTML5, formularios y layouts.
Aplicación de hojas de estilos, desde las bases a las opciones más avanzadas de CSS3, introduciendo también el framework Bootstrap y sus componentes básicos. También se incluye el uso de preprocesadores Less y Sass.
Elementos multimedia HTML5, imágenes, sonido, vídeo, canvas, almacenamiento local, geolocalización y el API para aplicaciones móviles Cordova.
Componentes JavaScript, empezando por jQuery, componentes jQuery Mobile y componentes Bootstrap.
Accesibilidad, herramientas de validación y verificación de interfaces, principios de usabilidad y de experiencia de usuario.
Optimización de interfaces, herramientas de automatización como Grunt, compresión de código y comprobación de carga, testing de aplicaciones e integración continua.
CONTENIDO
CAPÍTULO 1. PLANIFICACIÓN DE INTRFACES GRÁFICAS
1.1. ELEMENTOS DEL DISEÑO. PERCEPCIÓN VISUAL
1.2. COLOR, TIPOGRAFÍA E ICONOS
1.3. INTERACCIÓN PERSONA-ORDENADOR
1.4. GUÍAS DE ESTILO Y ELEMENTOS
1.5. COMPONENTES DE UNA INTERFAZ WEB
1.6. APLICACIONES PARA DESARROLLO WEB
1.7. LENGUAJE DE MARCAS HTML5
1.8. MAPAS DE NAVEGACIÓN
1.9. MAQUETACIÓN WEB Y ELEMENTOS DE ORDENACIÓN
1.10. PLANTILLA DE DISEÑO
1.11. HERRAMIENTAS DE DESARROLLADOR EN NAVEGADORES
COMPRUEBA TU APRENDIZAJE
ACTIVIDADES DE AMPLIACIÓN
CAPÍTULO 2. USO DE ESTILOS
2.1. INTRODUCCIÓN
2.2. HOJAS DE ESTILOS CSS
2.3. APLICACIÓN DE ESTILOS
2.4. EFECTOS CSS3
2.5. MEDIA QUERIES
2.6. COMPONENTES VISUALES: BOOTSTRAP
2.7. PREPROCESADORES CSS
COMPRUEBA TU APRENDIZAJE
ACTIVIDADES DE AMPLIACIÓN
CAPÍTULO 3. IMPLANTACIÓN DE CONTENIDO MULTIMEDIA
3.1. LEGISLACIÓN
3.2. IMÁGENES
3.3. GRÁFICOS HTML5
3.4. AUDIO HTML5
3.5. VÍDEO HTML5
3.6. CANVAS HTML5
3.7. ALMACENAMIENTO EN HTML5
3.8. GELOCALIZACIÓN
3.9. API CORDOVA
COMPRUEBA TU APRENDIZAJE
ACTIVIDADES DE AMPLIACIÓN
CAPÍTULO 4. INTEGRACIÓN DE CONTENIDO INTERACTIVO
4.1. COMPONENTES INTERACTIVOS: JQUERY
4.2. JQUERY MOBILE
4.3. COMPONENTES BOOTSTRAP CON JAVASCRIPT
4.4. EMPAQUETADO DE COMPONENTES
COMPRUEBA TU APRENDIZAJE
ACTIVIDADES DE AMPLIACIÓN
CAPÍTULO 5. DISEÑO DE WEBS ACCESIBLES
5.1. EL CONSORCIO WORLD WIDE WEB (W3C)
5.2. LA WACG
5.3. TIPOS DE USUARIO
5.4. BARRERAS IDENTIFICADAS POR LOS USUARIOS
5.5. IMPORTANCIA DEL USO DE ESTÁNDARES EXTERNOS
5.6. ANÁLISIS DE LA USABILIDAD. TÉCNICAS
5.7. IDENTIFICACIÓN DEL OBJETIVO DE LA WEB
5.8. NAVEGACIÓN FÁCILMENTE RECORDADA FRENTE A NAVEGACIÓN REDESCUBIERTA
5.9. EXPERIENCIA DE USUARIO
COMPRUEBA TU APRENDIZAJE
ACTIVIDADES DE AMPLIACIÓN
CAPÍTULO 6. IMPLEMENTACIÓN DE LA USABILIDAD EN LA WEB
6.1. VELOCIDAD DE CONEXIÓN
6.2. OPTIMIZACIÓN DE INTERFACES
6.3. TESTING
6.4. INTEGRACIÓN CONTINUA
COMPRUEBA TU APRENDIZAJE
ACTIVIDADES DE AMPLIACIÓN
REFERENCIAS
