- Concepto de usabilidad en entornos digitales
- Principios clave de la experiencia de usuario (UX)
- Diferencias y relación entre UX y UI
- Atributos de la usabilidad
- Importancia de la usabilidad en productos digitales
- Modelos y marcos de evaluación de la usabilidad
- Introducción a métricas digitales (Core Web Vitals, INP, NPS, CSAT)
- Tendencias actuales en diseño UX
- Qué es la investigación UX (UX Research)
- Métodos de investigación: cualitativos y cuantitativos
- Definición de perfiles de usuario: personas y user journeys
- Arquitectura de la información y estructura de contenidos
- Técnicas de ideación y prototipado
- Testing de usabilidad y validación de hipótesis
- Herramientas profesionales de UX
- Diseño centrado en la persona usuaria: principios y objetivos
- Metodologías de diseño (Design Thinking, Lean UX, Agile UX)
- Definición de propuestas de valor (UX Strategy)
- Alineación entre experiencia de usuario y objetivos de negocio
- Diseño de flujos de usuario (user flows)
- Aplicación práctica del DCU en proyectos digitales
- Casos de estudio y buenas prácticas
- Definición de Interfaz de Usuario (UI) y su relación con UX
- Elementos y componentes de la interfaz de usuario
- Fundamentos del diseño de interacción (IxD): principios y patrones
- Diseño basado en la percepción visual
- Optimización y buenas prácticas en interfaces de usuario
- Herramientas para el diseño UI: Figma, Penpot, Zeroheight, Storybook
- Moodboards como herramienta de ideación visual
- Design Systems y componentes reutilizables
- Fundamentos de accesibilidad: WCAG 2.2 y normativa vigente
- Técnicas prácticas: contraste, foco visible, navegación por teclado y ARIA
- Diseño para neurodiversidad: TDAH, autismo, dislexia y ansiedad
- Auditoría de accesibilidad: herramientas y procesos de validación
- Dark Patterns: identificación, mitigación y alternativas éticas
- Privacidad por Diseño: GDPR, consentimiento y transparencia
- Sostenibilidad digital: impacto ambiental del diseño y optimización de recursos
- Equidad, representación y justicia algorítmica en el diseño digital
- Frameworks de medición: HEART, Google Analytics 4, Mixpanel
- Métricas de usabilidad: tasa de éxito, tiempo en tarea, errores y satisfacción
- Métricas de negocio: conversión, retención, LTV y ROI de UX
- Visualización de datos: dashboards, reporting y toma de decisiones basada en evidencia
- Introducción
- Descarga y creación de una cuenta
- Entorno de trabajo
- El menú principal
- Ejercicios
- Mover y Escalar
- Frames y slices
- Dibujar vectores
- Herramientas de texto
- La herramienta Mano
- Comentarios en Figma
- Ejercicios
- Editar objetos
- Crear un componente de Figma
- Crear máscaras en Figma
- Crear un link con Figma
- Operaciones booleanas
- Otras herramientas
- Ejercicios
- Funcionamiento
- Añadir colaboradores
- Ver y responder comentarios
- Bibliotecas de componentes
- Ejercicios
- Creación y gestión
- Estilos en un sistema de diseño
- Componentes en un sistema de diseño
- Ejemplos del sistema de diseño
- Ejercicios
- Añadir plugins a Figma
- Pluging recomendados
- Creación de interacciones
- Creación de animaciones sencillas
- Manejo de interacciones disponibles
- Ejercicios
- Crear presentación en Figma
- Exportar archivos
- Compartir el link de vista previa
- Ejercicios
- Introducción al desarrollo web
- Entornos de desarrollo (VS Code y extensiones)
- Navegadores web y compatibilidad
- Herramientas de desarrollo del navegador (DevTools)
- Estructura básica de un documento HTML
- Versiones de HTML y evolución
- Elemento y jerarquía del documento
- Sección : metadatos y configuración
- Sección : contenido visible
- Introducción a la metainformación
- Validación de documentos HTML
- Textos y formato en HTML
- Enlaces e hipervinculación
- Listas y estructuras de contenido
- Imágenes y elementos multimedia básicos
- 5. Tablas de datos
- Formularios y recogida de información
- Elementos estructurales y etiquetas semánticas de sección
- Contenido audiovisual: audio y vídeo
- Accesibilidad web (WCAG, ARIA y buenas prácticas)
- Introducción a CSS
- Funcionamiento y especificación de CSS
- Inclusión de CSS en documentos web
- Sintaxis y estructura de reglas CSS
- Selectores CSS
- Colores y unidades de medida
- Comentarios y buenas prácticas
- Medios CSS (media queries introducción)
- Propiedades básicas (texto, imágenes, listas, tablas y formularios)
- Modelo de cajas (box model)
- Propiedades de caja: márgenes, bordes y relleno
- Posicionamiento y visualización de elementos
- Flexbox: fundamentos y uso
- Alineación y distribución con Flexbox
- Grid Layout: creación de diseños avanzados
- Alineación y estructuración con Grid
- Diferencias entre Grid y Flexbox
- Diseño de layouts modernos
- Pseudoclases y pseudoelementos
- Animaciones en CSS (keyframes, propiedades y curvas)
- Creación y organización de hojas de estilo
- Preprocesadores CSS (Sass y Less)
- Arquitectura CSS moderna (BEM y metodologías)
- Diseño web responsive: fundamentos
- Media queries y adaptación a dispositivos
- Ventajas del diseño responsive
- El desarrollo web: concepto y evolución
- Arquitectura cliente-servidor
- Programación en el lado cliente vs servidor
- Tecnologías y herramientas del entorno
- Instalación y configuración del entorno de desarrollo
- Gestión de proyectos con Git y Composer
- Estructura de proyectos y buenas prácticas (PSR)
- Creación del primer proyecto web
- Fundamentos de JavaScript moderno (ES6+)
- Variables, tipos de datos y operadores
- Estructuras de control y funciones
- Manipulación del DOM y eventos
- Programación modular (ES Modules)
- Objetos en JavaScript
- APIs del navegador (Fetch, Storage, History)
- Navegación y enrutamiento básico (SPA)
- Introducción a PHP moderno
- Sintaxis, variables y tipos de datos
- Estructuras de control y arrays
- Funciones y ámbito de variables
- Inclusión de archivos y autoload (Composer, PSR-4)
- Manejo de errores y excepciones
- Acceso a archivos y streams
- Introducción a la programación orientada a objetos
- Clases, propiedades y métodos
- Herencia, polimorfismo, interfaces y traits
- Recogida de datos del usuario ($_GET y $_POST)
- Validación y sanitización de formularios
- Expresiones regulares y control de entradas
- Seguridad en formularios (CSRF, XSS)
- Cookies y sesiones
- 6. Persistencia de datos en el lado servidor
- Configuración de bases de datos (MySQL)
- SQL básico y avanzado
- Relaciones entre tablas
- Conexión y operaciones con bases de datos
- Consultas preparadas, paginación y optimización
- Migraciones y versionado de base de datos
- Creación de sitios web dinámicos con PHP
- Arquitectura de una aplicación web
- Autenticación de usuarios (login y registro)
- Gestión de sesiones y seguridad de usuarios
- Desarrollo de un sistema de carrito de compra
- Integración del carrito en una web existente
- Proceso de compra completo
- Integración de métodos de pago (PayPal, transferencias, etc.)
- Adaptación de base de datos e interfaz
- Mejora de la experiencia de usuario en aplicaciones web
- Fundamentos de APIs REST
- Consumo de APIs externas (fetch, async/await)
- Creación de APIs en PHP
- Autenticación mediante tokens (JWT) y CORS
- Seguridad en aplicaciones web (hardening)
- Gestión de variables de entorno y secretos
- Buenas prácticas en producción
- Despliegue de aplicaciones (CI/CD)
- Monitorización y logging
- ¿Qué es un CMS? Tipos y usos actuales
- WordPress: .com vs .org (actualizado)
- Introducción a PrestaShop como e-commerce CMS
- Aspectos legales y regulatorios (RGPD, LOPDGDD, cookies)
- Criterios para elegir hosting y dominio
- Instalación local con Docker o XAMPP (actualizado)
- Instalación en hosting profesional (cPanel, Softaculous, WP CLI)
- Configuración general, enlaces permanentes y ajustes de lectura/escritura
- Gestión de usuarios y perfiles (roles y capacidades actuales)
- Seguridad básica: 2FA, cortafuegos, permisos
- Introducción al editor de bloques (Gutenberg)
- Creación de entradas y páginas: bloques esenciales (párrafo, imagen, botón, etc.)
- Gestión de medios: biblioteca, formatos WebP, optimización automática
- Uso de categorías y etiquetas (jerarquías y taxonomías personalizadas)
- Comentarios, moderación y antispam (Akismet, Turnstile)
- Instalación y personalización de temas (bloque/sitio, recomendaciones 2026)
- Menús de navegación y widgets (zonas de widgets vs bloques de área)
- Plugins esenciales: SEO (Rank Math / Yoast SEO), formularios (WPForms), seguridad (Wordfence), caché (LiteSpeed / WP Rocket)
- Optimización para SEO on-page (estructura de URLs, meta tags, datos estructurados)
- Optimización de rendimiento: CDN, imágenes adaptativas, caché y medición Core Web Vitals
- Copias de seguridad automáticas externas
- Instalación de PrestaShop 8.x (local y en hosting)
- Configuración básica: categorías, productos, combinaciones, stocks
- Módulos de pago actuales (Stripe, Redsys, PayPal, Bizum)
- Módulos de envío (integración con transportistas, cálculo dinámico)
- Gestión de pedidos, clientes y facturación
- Estrategias de marketing digital para tiendas online
- Publicidad de pago: Google Ads y Meta (Facebook/Instagram) Ads
- Email marketing: automatización y herramientas (Mailchimp, Klaviyo)
- Analítica web con Google Analytics 4
- Seguimiento de conversiones y configuración de eventos
- Interpretación de datos y toma de decisiones basada en métricas
