958 050 205
Curso Experto en Diseño y Desarrollo Web
100% Online
7 Meses
Flexibilidad horaria
599€
Seguridad y confianza en tus pagos online.- Presentación
- Temario
- Metodología
- Titulación
Descripción
¿A quién va dirigido?
El Curso Experto en Diseño y Desarrollo Web está enfocado para profesionales familiarizados con el desarrollo web y que quieran orientar su carrera hacía la optimización y mejora de la usabilidad y experiencia de usuario de los entornos en los que trabaja, permitiéndole adecuar las necesidades de sus proyectos a estos dos conceptos.
Objetivos
- Entender los conceptos de usabilidad y experiencia de usuario- Diseñar y gestionar web orientadas a mejorar la usabilidad y experiencia de usuario- Crear sitios web interactivos- Valorar las necesidades de los proyectos web y adecuarlos a la mejora de la usabilidad y experiencia de usuario- Aplicar el desarrollo orientado a objetos mediante JavaScript, PHP y Jquery
Salidas Profesionales
Con este Curso Experto en Diseño y Desarrollo Web podrás crecer profesionalmente en el ámbito del desarrollo de aplicaciones web, permitiéndote actuar como consultor y/o desarrollador de este tipo de entornos, que permitirán a las organizaciones su crecimiento y expansión. Trabaja de forma autónoma o dentro de equipos multidisciplinares que optimicen las estrategias de desarrollo.
Temario del Curso Experto en Diseño y Desarrollo Web
MÓDULO 1. USABILIDAD Y DISEÑO UX/UI CON FIGMA
UNIDAD DIDÁCTICA 1. FUNDAMENTOS DE USABILIDAD Y EXPERIENCIA DIGITAL
- 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
UNIDAD DIDÁCTICA 2. INVESTIGACIÓN Y DISEÑO DE EXPERIENCIA DE USUARIO
- 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
UNIDAD DIDÁCTICA 3. DISEÑO CENTRADO EN EL USUARIO Y ESTRATEGIA 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
UNIDAD DIDÁCTICA 4. INTERFAZ DE USUARIO (UI) Y DISEÑO DE INTERACCIÓN
- 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
UNIDAD DIDÁCTICA 5. ACCESIBILIDAD DIGITAL Y DISEÑO INCLUSIVO
- 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
UNIDAD DIDÁCTICA 6. ÉTICA Y DISEÑO RESPONSABLE. MÉTRICAS Y EVALUACIÓN DE LA EXPERIENCIA DE USUARIO
- 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
UNIDAD DIDÁCTICA 7. MÉTRICAS Y EVALUACIÓN DE LA EXPERIENCIA DE USUARIO
- 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
MÓDULO 2. DISEÑO UI CON FIGMA
UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN FIGMA
- Introducción
- Descarga y creación de una cuenta
- Entorno de trabajo
- El menú principal
- Ejercicios
UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS
- Mover y Escalar
- Frames y slices
- Dibujar vectores
- Herramientas de texto
- La herramienta Mano
- Comentarios en Figma
- Ejercicios
UNIDAD DIDÁCTICA 3. HERRAMIENTAS CONTEXTUALES
- Editar objetos
- Crear un componente de Figma
- Crear máscaras en Figma
- Crear un link con Figma
- Operaciones booleanas
- Otras herramientas
- Ejercicios
UNIDAD DIDÁCTICA 4. TRABAJO COLABORATIVO CON FIGMA
- Funcionamiento
- Añadir colaboradores
- Ver y responder comentarios
- Bibliotecas de componentes
- Ejercicios
UNIDAD DIDÁCTICA 5. CREACIÓN DE SISTEMAS DE DISEÑO
- 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
UNIDAD DIDÁCTICA 6. PLUGING DE FIGMA
- Añadir plugins a Figma
- Pluging recomendados
UNIDAD DIDÁCTICA 7. ANIMACIONES E INTERACCIONES
- Creación de interacciones
- Creación de animaciones sencillas
- Manejo de interacciones disponibles
- Ejercicios
UNIDAD DIDÁCTICA 8. PRESENTACIÓN Y EXPORTACIÓN
- Crear presentación en Figma
- Exportar archivos
- Compartir el link de vista previa
- Ejercicios
MÓDULO 3. HTML Y CSS
UNIDAD DIDÁCTICA 1. ENTORNO DE DESARROLLO Y FUNDAMENTOS WEB
- Introducción al desarrollo web
- Entornos de desarrollo (VS Code y extensiones)
- Navegadores web y compatibilidad
- Herramientas de desarrollo del navegador (DevTools)
UNIDAD DIDÁCTICA 2. ESTRUCTURA Y ORGANIZACIÓN DE DOCUMENTOS HTML
- 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
UNIDAD DIDÁCTICA 3. CONTENIDOS Y ELEMENTOS HTML BÁSICOS
- 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
UNIDAD DIDÁCTICA 4. HTML SEMÁNTICO Y AVANZADO
- 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)
UNIDAD DIDÁCTICA 5. FUNDAMENTOS Y SINTAXIS DE CSS
- 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)
UNIDAD DIDÁCTICA 6. DISEÑO Y MAQUETACIÓN CON CSS
- 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
UNIDAD DIDÁCTICA 7. CSS AVANZADO, OPTIMIZACIÓN Y RESPONSIVE DESIGN
- 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
MÓDULO 4. DESARROLLO WEB: FRONTEND Y BACKEND
UNIDAD DIDÁCTICA 1. FUNDAMENTOS DEL DESARROLLO WEB Y ENTORNO DE TRABAJO
- 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
UNIDAD DIDÁCTICA 2. PROGRAMACIÓN EN JAVASCRIPT Y NAVEGADOR
- 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)
UNIDAD DIDÁCTICA 3. DESARROLLO BACKEND CON PHP
- 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
UNIDAD DIDÁCTICA 4. GESTIÓN DE FORMULARIOS, VALIDACIÓN Y SESIONES
- 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
UNIDAD DIDÁCTICA 5. BASES DE DATOS Y PERSISTENCIA
- 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
UNIDAD DIDÁCTICA 6. DESARROLLO DE APLICACIONES WEB COMPLETAS
- 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
UNIDAD DIDÁCTICA 7. SERVICIOS WEB, SEGURIDAD Y DESPLIEGUE
- 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
MÓDULO 5. GESTORES DE CONTENIDO CMS: WORDPRESS Y PRESTASHOP
UNIDAD DIDÁCTICA 1. FUNDAMENTOS DE LOS CMS Y SELECCIÓN DE PLATAFORMA
- ¿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
UNIDAD DIDÁCTICA 2. INSTALACIÓN Y CONFIGURACIÓN DE WORDPRESS
- 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
UNIDAD DIDÁCTICA 3. CREACIÓN DE CONTENIDOS CON EL EDITOR DE BLOQUES (GUTENBERG)
- 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)
UNIDAD DIDÁCTICA 4. PERSONALIZACIÓN, PLUGINS Y SEO
- 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
UNIDAD DIDÁCTICA 5. CREACIÓN Y GESTIÓN DE UNA TIENDA VIRTUAL CON PRESTASHOP
- 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
UNIDAD DIDÁCTICA 6. MARKETING DIGITAL Y ANALÍTICA PARA E-COMMERCE
- 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
Metodología
EDUCA LXP se basa en 6 pilares
Item
Distintiva
EDUCA EDTECH Group es proveedor de conocimiento. Respaldado por el expertise de nuestras instituciones educativas, el alumnado consigue una formación relevante y avalada por un sello de calidad como es el grupo EDUCA EDTECH.
Realista
La metodología EDUCA LXP prescinde de conocimientos excesivamente teóricos o de métodos prácticos poco eficientes. La combinación de contenidos en constante actualización y el seguimiento personalizado durante el proceso educativo hacen de EDUCA LXP una metodología única.
Student First
La metodología EDUCA LXP y la formación del grupo EDUCA EDTECH conciben al estudiante como el centro de la experiencia educativa, nutriéndose de su retroalimentación. Su feedback es nuestro motor del cambio.
Inteligencia Artificial
La personalización en el aprendizaje no sería posible sin una combinación precisa entre experiencia académica e investigación tecnológica, así como la Inteligencia Artificial. Por eso contamos con herramientas IA de desarrollo propio, adaptadas a cada institución educativa del grupo.
Profesionales en activo
Nuestro equipo de profesionales docentes, además de ser especialistas en su sector, cuentan con una formación específica en el manejo de herramientas tecnológicas que conforman el ecosistema EDUCA EDTECH.
Timeless Learning
La formación debe ser una experiencia de vida, concibiendo el e-learning como una excelente solución para los desafíos de la educación convencional. Entendemos el aprendizaje como un acompañamiento continuo del estudiante en cada momento de su vida.
Titulación del Curso Experto en Diseño y Desarrollo Web
Titulación Expedida y Avalada por el Instituto Europeo de Estudios Empresariales “Enseñanza no oficial y no conducente a la obtención de un título con carácter oficial o certificado de profesionalidad.”
INESEM Business School se ocupa también de la gestión de la Apostilla de la Haya, previa demanda del estudiante. Este sello garantiza la autenticidad de la firma del título en los 113 países suscritos al Convenio de la Haya sin necesidad de otra autenticación. El coste de esta gestión es de 65 euros. Si deseas más información contacta con nosotros en el 958 050 205 y resolveremos todas tus dudas.
También podría interesarte...
Otras Acciones Formativas relacionadas
Explora nuestras Áreas Formativas
Construye tu carrera profesional
Descubre nuestro amplio Catálogo Formativo, incluye programas de Cursos Superior, Expertos, Master Profesionales y Master Universitarios en las diferentes Áreas Formativas para impulsar tu carrera profesional.
Curso Experto en Diseño y Desarrollo Web
100% Online
7 Meses
Flexibilidad horaria
599€
599€