MÓDULO 1. USABILIDAD UNIDAD DIDÁCTICA 1. INTRODUCCIÓN Introducción La usabilidad Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario Atributos Complejidad e importancia de la usabilidad Pirámide de prioridades de la usabilidad Mejoras de la usabilidad al producto final Procesos y herramientas UNIDAD DIDÁCTICA 2. EXPERIENCIA DE USUARIO -UX Definición de Experiencia de Usuario Principios de la Experiencia de Usuario El papel del diseñador UX en el proceso de creación Etapas del diseño UX Técnicas para el diseño UX Herramientas UX UNIDAD DIDÁCTICA 3. DISEÑO CENTRADO EN EL USUARIO ¿Qué es el Diseño Centrado en el Usuario? ¿Para que sirve el Diseño Centrado en el Usuario? Las metodologías del Diseño Centrado en el Usuario El marketing centrado en el usuario Aplicación del Diseño Centrado en el Usuario Ejemplos del Diseño Centrado en el Usuario UNIDAD DIDÁCTICA 4. FORMAS DE ENFOCAR LA USABILIDAD Introducción Un proceso multidisciplinar La usabilidad aplicada El ciclo diseño-investigación UNIDAD DIDÁCTICA 5. INTERFAZ DE USUARIO -UI Definición de Interfaz de Usuario - UI Elementos de la interfaz de Usuario Optimización de las interfaces de Usuario Herramientas para el diseño UI Diseño basado en las percepciones Fundamentos del diseño de interacción Moodboards Qué es el IxD MÓDULO 2. DISEÑO WEB Y USABILIDAD UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL DISEÑO WEB Breve historia del diseño Comunicación y publicidad Teoría de la percepción Elementos básicos que intervienen en el diseño La composición Fases del diseño Diseño digital UNIDAD DIDÁCTICA 2. ELEMENTOS BÁSICOS PARA EL DISEÑO WEB Tipografía Color Iconos Formas Imágenes Contenido audiovisual Efectos (sombras, D, flat y otros) UNIDAD DIDÁCTICA 3. LAYOUT ¿Qué es el Layuot? Rejilla Composición Elementos Espacios vacíos Coherencia y consistencia UNIDAD DIDÁCTICA 4. PROCESO Introducción al proceso de diseño web Aproximación e Investigación inicial Idear Bocetos Arquitectura de la información Card Storing User flow o diagrama de flujo de usuario Wireframing Prototipado Planificación UNIDAD DIDÁCTICA 5. DIRECTRICES Y TENDENCIAS DIGITALES Guías de estilo Ventajas y Desventajas Apple IOS Human Interface Guidelines Google Material Design Tendencias del diseño UX/UI UNIDAD DIDÁCTICA 6. DISEÑO EN DISPOSITIVOS Especificaciones para móviles Sitios, sitios par amóviles y apps Diseñar para pantallas pequeñas El tiempo de respuesta y carga Tablets y E-Readers UNIDAD DIDÁCTICA 7. LENGUAJE HTML Textos en HTML Enlaces Listas en HTML Imágenes y Objetos Tablas Formularios Marcos Estructuras y layout Otras etiquetas UNIDAD DIDÁCTICA 8. WIREFRAMES Y PROTOTIPOS ¿Qué son los wireframes? Objetivos del wireframe Relación con la UI Clasificación de los wireframes Arquitectura de la información Wireframe para una app MÓDULO 3. DISEÑO UI CON ADOBE XD UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN ADOBE XD Introducción a Adobe XD Instalación y configuraciones principales Menú Herramientas Generación de Artboards y guía Ejercicios UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS Formas: creación, modificación, colores, gradiantes y paletas Textos: propiedades, línea o área, alineación, color y estilos Imágenes y exportación: importanción, modificaciones y exportación de artboards Ejercicios UNIDAD DIDÁCTICA 3. ORGANIZACIÓN DE ELEMENTOS I Organización de capas nombres y grupos Bloqueo y fusión Tipos de máscaras y aplicación en proyectos Ejercicios UNIDAD DIDÁCTICA 4. ORGANIZACIÓN DE ELEMENTOS II Alineación de elementos, márgenes y distribución de formas Funcionalidad de repetición Aplicación y configuración de componentes Ejercicios UNIDAD DIDÁCTICA 5. CUADRÍCULAS Creación y aplicación Diseño de páginas Prototipo Adaptación a mobile Ejercicios UNIDAD DIDÁCTICA 6. INTERFACES Constantes y variables de una interfaz Header, footer y menú Botones y galerías Ejercicios MÓDULO 4. GIT UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A GIT ¿Qué es el control de versiones? ¿Qué es GIT? ¿Por qué GIT? Instalación de GIT GitHub y su relación con GIT UNIDAD DIDÁCTICA 2. MANEJO DE REPOSITORIOS EN GIT Flujo de trabajo en GIT (Workflow) Principales comandos Git Bash Crear un repositorio Cambios de archivos Deshacer cambios Sincronizar repositorios Reescribir historial UNIDAD DIDÁCTICA 3. RAMAS EN GIT Usar ramas en GIT Cambiar ramas (Git checkout) Ramas remotas (Remote Branches) Flujo de trabajo (Workflow) Integración de ramas Borrado de ramas Etiquetas (Tags) Solicitudes de extracción (Pull requests) UNIDAD DIDÁCTICA 4. COMANDOS GIT Comandos GIT en Git Bash Comandos GIT para configurar y crear repositorios Comandos GIT para preparar y confirmar cambios Comandos GIT para trabajar con repositorios remotos (como GitHub) Comandos GIT para deshacer cambios y etiquetas UNIDAD DIDÁCTICA 5. BUENAS PRÁCTICAS EN GIT Trabajar con GIT Confirma con regularidad (commit) Escriba mensajes de confirmación útiles Utilice ramas (Branch) Actualice su repositorio antes de enviar cambios (Pull y Push) Divide el trabajo en repositorios MÓDULO 5. PROGRAMACIÓN FRONTEND CON JAVASCRIPT Y JQUERY UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS PÁGINAS WEB Introducción Programación del lado del cliente Programación del lado del Servidor ¿Qué utilizaremos? ¿Qué necesita saber? Nuestro primer ejemplo UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A JAVASCRIPT La etiqueta SCRIPT Contenido Alternativo Variables Tipos de Datos Operadores Cuadros de diálogo UNIDAD DIDÁCTICA 3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN Introducción Estructuras de decisión Estructuras lógicas Estructuras de repetición Definir funciones Llamadas a funciones Ámbito de las variables UNIDAD DIDÁCTICA 4. OBJETOS EN JAVASCRIPT Introducción La jerarquía de objetos Propiedades y Eventos Métodos UNIDAD DIDÁCTICA 5. LOS OBJETOS LOCATION E HISTORY ¿Qué es un URL? El Objeto Location Redirigir a otra página El Objeto History UNIDAD DIDÁCTICA 6. EL OBJETO DOCUMENT Introducción La propiedad Title Los colores de la página El método write El conjunto images UNIDAD DIDÁCTICA 7. EL OBJETO FORM Formularios HTML El conjunto forms La propiedad elements Validar la información ¿Cuándo realizar la validación? Tipos de Validación UNIDAD DIDÁCTICA 8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN El conjunto frames El objeto navigator El objeto screen UNIDAD DIDÁCTICA 9. INICIACIÓN A LAS PÁGINAS WEBS CON JQUERY Introducción Presentación ¿Cómo iniciar Jquery? ¿Dónde podemos documentarnos? Herramientas necesarias UNIDAD DIDÁCTICA 10. CONCEPTOS BÁSICOS DE JQUERY Introducción Obteniendo JQuery El núcleo de jQuery Cargar Jquery desde Google Novedades UNIDAD DIDÁCTICA 11. SELECTORES Introducción Selectores básicos en jQuery Selectores de jerarquía Filtros en Jquery UNIDAD DIDÁCTICA 12. EVENTOS Introducción Evento de carga de Página Eventos en Jquery El objeto Event Todavía más Eventos de Jquery UNIDAD DIDÁCTICA 13. ATRIBUTOS EN JQUERY Introducción Operaciones sobre clases Leer Atributos Modificar Atributos Modificar varios valores de atributos a la vez Añadir atributos con Attr Eliminar un atributos con removeAttr() UNIDAD DIDÁCTICA 14. CSS EN JQUERY Introducción Acceso a propiedades con css() Modificar propiedades css con css(nombre_propiedad_css, valor) UNIDAD DIDÁCTICA 15. AJAX EN JQUERY Introducción Conceptos Claves Cargar un Archivo El método GET o POST Cargar un Script El método AJAX de jQuery UNIDAD DIDÁCTICA 16. FORMULARIOS Introducción Formularios UNIDAD DIDÁCTICA 17. EFECTOS EN JQUERY Introducción Los efectos show() y hide() Efectos de fundido Creación de una animación Envío de funciones callback Cola de efectos Efectos con desplazamientos UNIDAD DIDÁCTICA 18. JQUERY UI Introducción Instalación Usando jQuery UI en nuestra página web Plugin draggable Componente Dialog Componente Button UNIDAD DIDÁCTICA 19. PLUG-IN EN JQUERY Plugins Desarrollar Plug-ins Añadir nuevos métodos abreviados Parámetros del método Otras funciones para plug-ins Compartir un Plug-in MÓDULO 6. PROGRAMACIÓN EN ASP.NET UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL DESARROLLO DE APLICACIONES WEB Y REQUISITOS DE ASP.NET Introducción ASP.Net 4.5 Java (JSP, Servlets) PHP DHTML Requisitos del ASP.NET (.NET Framework) CLS y CTS IL (MSIL) UNIDAD DIDÁCTICA 2. CONCEPTOS DE PROGRAMACIÓN ORIENTADA A OBJETOS Objetos Encapsulación y abstracción Mensajes, clases y herencia Métodos Polimorfismo Sobrecarga Modelos de objetos Relaciones entre clases Ventajas e inconvenientes de la POO UNIDAD DIDÁCTICA 3. CREANDO UNA PÁGINA BÁSICA Comentando el ejemplo Sintaxis de C# Declaración de variables Sentencias condicionales Bucles Operadores Manejadores de eventos Tratamiento de errores Definición e instanciación de clases Modificadores Especial mención al uso de VBScript y JScript UNIDAD DIDÁCTICA 4. CONCEPTOS DE WEB FORMS La clase page Eventos Propiedades Métodos Web Forms Introducción a los controles de servidor de ASP.NET Introducción a los controles HTML y ejemplos Introducción a los controles Web Los controles datalist y datagrid Directivas de páginas (@page, @import, @implements y @assembly) UNIDAD DIDÁCTICA 5. CONFIGURACIÓN DE IIS Introducción Herramienta de administración de servicios de Internet Configuración de IIS La aplicación Web Eventos del servidor Gestión del estado de la aplicación ASP.NET Ficheros de configuración Configuración general Configuración de la página Configuración de la sesión Módulos y manejadores httpSeguridad en ASP.NET MÓDULO 7. DESARROLLO WEB SEGURO UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA SEGURIDAD WEB ¿Qué es la seguridad web? Amenazas para un sitio web Consejos para mantener un sitio web seguro Otros consejos de seguridad web Proveedores de alojamiento web seguros UNIDAD DIDÁCTICA 2. OWASP DEVELOPMENT ¿Qué es OWASP? ¿Y OWASP Development? ¿Qué es ASVS? Uso del ASVS Requisitos de arquitectura, diseño y modelado de amenazas Requisitos de verificación de autenticación Requisitos de verificación de gestión de sesión Requisitos de verificación de control de acceso Requisitos de validación, desinfección y verificación de la codificación Requisitos de verificación de criptografía almacenados Requisitos de manejo de verificaciones y registro de errores Requisitos de verificación de protección de datos Requisitos de verificación de comunicaciones Requisitos de verificación de código malicioso Requisitos de verificación de lógica de negocios Requisitos de verificación de archivos y recursos Requisitos de verificación de API y servicio web Requisitos de verificación de configuración Requisitos de verificación de Internet de las Cosas Glosario de términos UNIDAD DIDÁCTICA 3. OWASP TESTING GUIDE Aspectos introductorios La Guía de Pruebas de OWASP El framework de pruebas de OWASP Pruebas de seguridad de aplicaciones web Reportes de las pruebas UNIDAD DIDÁCTICA 4. OWASP CODE REVIEW Aspectos introductorios Revisión de código seguro Metodología UNIDAD DIDÁCTICA 5. OWASP TOP TEN Broken Access Control - Control de acceso roto (A01:2021) Cryptographic Failures - Fallos criptográficos (A02:2021) Injection - Inyección (A03:2021) Insecure Design - Diseño Inseguro (A04:2021) Security Misconfiguration - Configuración incorrecta de seguridad (A05:2021) Vulnerable and Outdated Components - Componentes vulnerables y obsoletos (A06:2021) Identification and Authentication Failures - Fallos de Identificación y Autenticación (A07:2021) Software and Data Integrity Failures - Fallos de integridad de software y datos (A08:2021) Security Logging and Monitoring Failures - Registro de seguridad y fallos de monitoreo (A09:2021) Server-Side Request Forgery (SSRF) - Falsificación de solicitud del lado del servidor (A10:2021) MÓDULO 8. ANALÍTICA WEB UNIDAD DIDÁCTICA 1. ANALÍTICA WEB Y SEO Introducción al SEO Historia de los motores de búsqueda Componentes de un motor de búsqueda Organización de resultados en un motor de búsqueda La importancia del contenido El concepto de autoridad en Internet Campaña SEO UNIDAD DIDÁCTICA 2. ANALÍTICA WEB Y SEM Introducción al SEM Principales conceptos en SEM Sistema de pujas y Calidad del anuncio Creación de una campaña Creación de anuncios con calidad Indicadores clave de rendimiento en SEM UNIDAD DIDÁCTICA 3. INTRODUCCIÓN AL ANÁLISIS Y MÉTRICA WEB Conceptos básicos Métricas Visitas Visitantes Páginas Promedio de tiempo en una página web Promedio de tiempo en un sitio web Tasa de rebote Tasa de salida Tasa de conversión UNIDAD DIDÁCTICA 4. OPTIMIZACIÓN DE SITIOS WEB Usabilidad Mapas de calor Grabaciones de sesiones de usuario Ordenación de tarjetas Test A/B Test multivariante KPI, indicadores clave de rendimiento Cambios a realizar para optimizar una página web UNIDAQD DIDÁCTICA 5. POSICIONAMIENTO ORGÁNICO, SEO Importancia del SEO Funcionamiento de los buscadores Google: algoritmos y actualizaciones Cómo salir de una penalización en Google Estrategia SEO UNIDAD DIDÁCTICA 6. HERRAMIENTAS DE ANALÍTICA WEB Listado de herramientas Herramientas de analítica web Herramientas de análisis de logs Herramientas de medición mediante tags Herramientas para medir el rendimiento de nuestro sitio web Herramientas para recoger información de diseño o usabilidad web Herramientas que analizan nuestra actividad en redes sociales Herramientas de inteligencia competitiva UNIDAD DIDÁCTICA 7. GOOGLE ANALYTICS ¿Qué es Google Analytics? Introducción a la analítica web ¿Como funciona Google Analytics? Cookies Introducción a JavaScript Principios de Google Analytics ¿Qué es el porcentaje de rebote? Página de destino Conversiones Objetivos Eventos Porcentaje de abandono Visita/usuario único Iniciar sesión en Google Analytics Incorporar código de de seguimiento de Google Analytics en el sitio web Verificar que Google Analytics recibe datos Cambiar configuraciones de la cuenta de Google Analytics Gestión de usuarios Eliminar cuenta de Google Analytics Cambiar configuraciones de la interfaz de Google Analytics (Idioma) UNIDAD DIDÁCTICA 8. FUNCIONES BÁSICAS DE GOOGLE ANALYTICS Introducción a las funciones de Analytics Nociones básicas de Google Analytics Añadir anotaciones en gráficos Comparación de periodos Exportar Informes Añadir métricas a un gráfico Crear, editar y eliminar segmentos Crear un nuevo panel Añadir un Widget al Panel Tiempo real Tipos de informes de Google Analytics: diagramas animados, gráfico por hora, día, semana, mes, etc? Configuración del envío automático de informes Audiencia Enlazar cuenta de Google AdWords con Google Analytics AdWords UNIDAD DIDÁCTICA 9. INFORMES Informes de audiencia Informes de adquisición Informes de comportamiento UNIDAD DIDÁCTICA 10. GOOGLE ANALYTICS 4 ¿Qué es Google Analytics 4? Diferencias con respecto a Universal Analytics Implementación de Google Analytics 4 Las herramientas de análisis de Google Analytics 4 Los espacios de identidad Ventajas de Google Analytics 4 Desventajas de Google Analytics 4 UNIDAD DIDÁCTICA 11. ANALÍTICA WEB Y MÉTRICAS EN REDES SOCIALES Análisis del tráfico en redes sociales Fijar objetivos en redes sociales Facebook Twitter Youtube Instagram LinkedIn Blogs Reputación online UNIDAD DIDÁCTICA 12. MOBILE ANALYTICS Y MEJORA DEL DISEÑO ¿Qué es Mobile Analytics? Métricas Google analytics para analítica móvil Otras herramientas de analítica móvil UNIDAD DIDÁCTICA 13. INTRODUCCIÓN A ADOBE ANALYTICS ¿Qué es Adobe Analytics? ¿Qué podemos hacer con Adobe Analytics? Principales diferencias respecto a Google Analytics Conceptos Clave Implementación de Adobe Analytics