2195€
Máster de Formación Permanente en Diseño y Desarrollo Web
100% Online
60 ECTS
12 meses
2195€
Presentación
En un mundo cada vez más digitalizado, contar con un sitio web efectivo y optimizado es crucial para destacar, captar la atención de los usuarios y alcanzar los objetivos comerciales.
La demanda de profesionales capacitados en diseño y desarrollo web ha aumentado significativamente en los últimos años. Las empresas buscan constantemente mejorar sus sitios web para brindar experiencias excepcionales a los usuarios y mantenerse al día con las últimas tendencias tecnológicas.
La competencia online es feroz y aquellos que no invierten en un diseño atractivo, funcional y optimizado corren el riesgo de quedar rezagados, de ahí la importancia de este Master en Diseño y Desarrollo Web. Además, contarás con un equipo de profesionales especializados en la materia.
Universidades colaboradoras
Para qué te prepara
Este Master en Diseño y Desarrollo Web te prepara para ser experto en el diseño y desarrollo web, incluyendo lenguajes de programación como HTML, CSS y JavaScript, así como lenguajes de backend como PHP o Python. Aprenderás a crear sitios web atractivos, funcionales y responsive, adaptados a diferentes dispositivos y tamaños de pantalla, asegurando una experiencia de usuario óptima en cualquier plataforma, siempre teniendo en cuenta la seguridad.
Objetivos
- Aprender los lenguajes fundamentales del diseño y desarrollo web, como HTML, CSS y JavaScript.
- Revisar el diseño visual y experiencia del usuario, creando interfaces atractivas, intuitivas y orientadas al usuario.
- Dominar técnicas de optimización web y SEO para mejorar la visibilidad de los sitios web.
- Ser capaz de crear sitios web responsive que se ajusten a diferentes dispositivos y tamaños de pantalla.
- Tener la capacidad de manejar bases de datos y utilizar Wordpress como sistema de gestión de contenido (CMS).
- Asimilar los principios de seguridad web y aprender a implementar medidas de protección.
- Elaborar prototipos y wireframes mediante herramientas como Figma aplicando los principios de UX/UI.
A quién va dirigido
Este Master en Diseño y Desarrollo Web está dirigido a profesionales del diseño, desarrolladores web y aquellos interesados en adquirir habilidades avanzadas en el campo del diseño y desarrollo web. También es adecuado para emprendedores y profesionales del marketing digital que deseen mejorar sus habilidades en la creación y gestión de sitios web.
Salidas Profesionales
Este Master en Diseño y Desarrollo Web tiene diversas salidas laborales, como diseñador web, desarrollador front-end o back-end, especialista en seguridad web, consultor de SEO, gestor de contenido web, analista web o especialista en marketing digital. Podrás trabajar en agencias de diseño web, empresas de desarrollo de software o incluso ofrecer tus servicios como freelance.
Temario
MÓDULO 1. USABILIDAD Y EXPERIENCIA DE USUARIO (UX/UI)
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA USABILIDAD
- 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
UNIDAD DIDÁCTICA 6. UI DESIGN PROCESS
- Proceso de negocio
- User persona
- Screen flow
- Wireframes
- Diseño Alta Fidelidad
- Prototipado
- Feedback y entrega
UNIDAD DIDÁCTICA 7. FUNDAMENTOS DEL DISEÑO UI
- Principios del diseño aplicados al UI
- Principios de claridad
- Reglas Heurísticas de usabilidad
- Elementos de una interfaz de usuario
- Patrones y consistencias del diseño UI
UNIDAD DIDÁCTICA 8. UI KIT Y SISTEMAS DE DISEÑO
- UI kits
- Atomic Design
- Icon Design
- Los sistemas de diseño
UNIDAD DIDÁCTICA 9. MOTION UI
- Principios del Motion
- Microinteracciones
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 5
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A HTML 5
UNIDAD DIDÁCTICA 2. ELEMENTOS Y ATRIBUTOS DE HTML 5
UNIDAD DIDÁCTICA 3. ESTILOS Y DISEÑO EN HTML 5
UNIDAD DIDÁCTICA 4. INTERACCIÓN Y MULTIMEDIA EN HTML 5
UNIDAD DIDÁCTICA 5. OPTIMIZACIÓN Y ACCESIBILIDAD EN HTML 5
UNIDAD DIDÁCTICA 6. FORMULARIOS EN HTML 5
UNIDAD DIDÁCTICA 7. HTML 5 AVANZADO
MÓDULO 4. BOOTSTRAP 5: DESARROLLO WEB RESPONSIVE
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A CSS
- Introducción CSS
- Soporte de CSS en navegadores
- Especificación oficial
- Funcionamiento básico de CSS
- ¿Cómo incluir CSS en la Web?
- Estilo básico
- Medios CSS
- Comentarios
- Sintaxis de la definición
UNIDAD DIDÁCTICA 2. CSS: SELECTORES, UNIDADES DE MEDIDA Y COLORES
- Selectores CSS
- Unidades de medida
- Colores
UNIDAD DIDÁCTICA 3. CSS: PSEUDOCLASES Y PSEUDOELEMENTOS CSS
- Pseudoclases
- Pseudo-elementos
- Otras pseudoclases y pseudoelementos
UNIDAD DIDÁCTICA 4. CSS: MODELOS DE CAJA, POSICIONAMIENTO Y VISUALIZACIÓN
- Modelo de cajas
- Propiedades de las cajas
- Margen, relleno, bordes y modelo de cajas
- Posicionamiento y visualización
- Posicionamiento
- Visualización
UNIDAD DIDÁCTICA 5. CSS: FLEXBOX
- En qué cosiste
- Visualización: Display
- Contenedores flexibles: flex e inline-flex
- Orientación: flex-box, flex-direction y flex-wrap
- La propiedad order
- Alineación de los elementos flexibles
- Soporte de los navegadores
UNIDAD DIDÁCTICA 6. CSS: HOJAS DE ESTILOS
- Crear y vincular hojas de estilos
- Estructura
- Propiedades CSS
- Selectores
- Posición y tamaño
- Texto
- Imágenes
- Listas, tablas, formularios
UNIDAD DIDÁCTICA 7. RESPONSIVE DESIGN
- Introducción
- Definición de Diseño Web Responsive
- ¿En qué consiste el diseño responsive?
- Ventajas del diseño responsive
- SEO y diseño responsive
UNIDAD DIDÁCTICA 8. INTRODUCCIÓN A BOOTSTRAP 5
- Introducción a Bootstrap 5
- Diferencias entre Bootstrap 4 y Bootstrap 5
- Generalidades de Bootstrap 5
- Descarga e instalación de Bootstrap 5
UNIDAD DIDÁCTICA 9. CARACTERÍSTICAS Y USO DEL LAYOUT
- Uso de container y Media Queries (Responsive breakpoints)
- Utilidades dentro de nuestro layout: flexbox, margin, padding and visibility
- Estructura básica del Grid
- Posibilidades de personalización del Grid
UNIDAD DIDÁCTICA 10. CREACIÓN DE ELEMENTOS HTML CON BOOTSTRAP 5
- Tablas
- Jumbotron
- Alertas
- Barras de progreso
- Paginación
- Listas de grupos
- Desplegables
- Barras de navegación
- Formularios
- Carruseles
- Modales
UNIDAD DIDÁCTICA 11. PERSONALIZACIÓN DE ELEMENTOS CON BOOTSTRAP 5
- Tipografía
- Colores
- Imágenes
- Botones
- Formularios personalizados
UNIDAD DIDÁCTICA 12. UTILIDADES AVANZADAS DE PERSONALIZACIÓN
- Bordes: color, posición y radio
- Uso de Clearfix
- Colores de fondo con grado de intensidad
- Uso del atributo Display
- Uso del sistema Flex
- Fijación de elementos mediante posiciones
- Modificaciones avanzadas del texto
- Ejemplos combinados del uso de Bootstrap en nuestra página
MÓDULO 5. ANALISTA PROGRAMADOR JAVASCRIPT
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A JAVASCRIPT
UNIDAD DIDÁCTICA 2. SINTAXIS DE JAVASCRIPT
UNIDAD DIDÁCTICA 3. MANIPULACIÓN DEL DOM CON JAVASCRIPT
UNIDAD DIDÁCTICA 4. PROGRAMACIÓN ORIENTADA A OBJETOS EN JAVASCRIPT
UNIDAD DIDÁCTICA 5. AJAX CON JAVASCRIPT
UNIDAD DIDÁCTICA 6. DESARROLLO DE APLICACIONES WEB CON JAVASCRIPT
UNIDAD DIDÁCTICA 7. FRAMEWORKS DE JAVASCRIPT
UNIDAD DIDÁCTICA 8. JAVASCRIPT EN EL LADO DEL SERVIDOR
UNIDAD DIDÁCTICA 9. SEGURIDAD EN JAVASCRIPT
UNIDAD DIDÁCTICA 10. JAVASCRIPT AVANZADO
UNIDAD DIDÁCTICA 11. OPTIMIZACIÓN Y RENDIMIENTO EN JAVASCRIPT
UNIDAD DIDÁCTICA 12. TESTING Y DEPURACIÓN EN JAVASCRIPT
MÓDULO 6. ANALISTA PROGRAMADOR PHP
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A PHP
UNIDAD DIDÁCTICA 2. PROGRAMACIÓN ORIENTADA A OBJETOS EN PHP
UNIDAD DIDÁCTICA 3. TRABAJO CON BASES DE DATOS EN PHP
UNIDAD DIDÁCTICA 4. PROGRAMACIÓN WEB CON PHP
UNIDAD DIDÁCTICA 5. FRAMEWORKS DE PHP
UNIDAD DIDÁCTICA 6. SEGURIDAD EN APLICACIONES WEB CON PHP
UNIDAD DIDÁCTICA 7. OPTIMIZACIÓN Y RENDIMIENTO EN PHP
MÓDULO 7. MYSQL
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS BASES DE DATOS
UNIDAD DIDÁCTICA 2. ESTRUCTURA DE UNA BASE DE DATOS
UNIDAD DIDÁCTICA 3. CONSULTAS BÁSICAS CON SQL
UNIDAD DIDÁCTICA 4. MODIFICACIÓN DE DATOS CON SQL
UNIDAD DIDÁCTICA 5. ADMINISTRACIÓN Y SEGURIDAD EN MYSQL
UNIDAD DIDÁCTICA 6. TRIGGERS Y PROCEDIMIENTOS ALMACENADOS
UNIDAD DIDÁCTICA 7. OPTIMIZACIÓN AVANZADA DE CONSULTAS
UNIDAD DIDÁCTICA 8. REPLICACIÓN Y CLUSTERING
UNIDAD DIDÁCTICA 9. INTEGRACIÓN DE MYSQL CON OTROS LENGUAJES Y HERRAMIENTAS
UNIDAD DIDÁCTICA 10. MIGRACIÓN Y ACTUALIZACIÓN DE BASES DE DATOS
UNIDAD DIDÁCTICA 11. CASOS PRÁCTICOS CON MYSQL
MÓDULO 8. DESARROLLO WEB EN PYTHON CON DJANGO
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A DJANGO E INSTALACIÓN
- ¿Qué es Django?
- Historia de Django
- Requisitos previos para la instalación
- Instalación de Django
- Configuración de un entorno de desarrollo integrado
UNIDAD DIDÁCTICA 2. CREACIÓN Y CONFIGURACIÓN DE UN PROYECTO DJANGO
- Iniciar un nuevo proyecto en Django
- Estructura de un proyecto Django
- Instalación del software de creación de bases de datos
- Configurar base de datos
- Vincular la base de datos a Django
- Migración de los modelos
UNIDAD DIDÁCTICA 3. CREACIÓN DE UNA WEB SENCILLA
- Características de un sitio web
- Creación de vistas
- Creación de URLs
- Creación de plantillas HTML
- Elementos que se pueden mostrar en un sitio web
UNIDAD DIDÁCTICA 4. CONFIGURACIÓN DE MODELOS DE DATOS
- Modelos de datos
- Campos de datos
- Relaciones entre modelos
- Personalización de modelos
UNIDAD DIDÁCTICA 5. COMBINAR MODELO, VISTA Y PLANTILLA
- Introducción a modelo-vista-plantilla (MVP)
- Combinación de estos elementos
- Separación de responsabilidades
UNIDAD DIDÁCTICA 6. URLS Y ENLACES
- Introducción a las URLs
- Configuración de URLs y rutas
- Configuraciones alternativas de la ruta
- Agregar una vista a una ruta
- Acceder a una URL
UNIDAD DIDÁCTICA 7. PLANTILLAS EN DJANGO
- Introducción a las plantillas
- Estructura y sintaxis de plantillas
- Configuración de plantillas
- Errores comunes
- Plantillas anidadas y herencia
UNIDAD DIDÁCTICA 8. CSS EN DJANGO
- Introducción a CSS
- Integración de estilos CSS en proyectos Django
- Sintaxis básica de CSS
- Tipos de códigos CSS
- Uso de hojas de estilo externas
UNIDAD DIDÁCTICA 9. USO DE FORMULARIOS EN DJANGO
- Introducción a formularios
- Formulario de búsqueda de productos
- Creación de un formulario con un fichero forms.py
- Personalización de formularios
- Validación de datos en formularios
MÓDULO 9. 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 10. CREACIÓN Y GESTIÓN DE BLOG CON WORDPRESS PROFESIONAL
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A WORDPRESS
UNIDAD DIDÁCTICA 2. INSTALACIÓN DE WORDPRESS
UNIDAD DIDÁCTICA 3. CÓMO ELEGIR UN TEMA PARA WORDPRESS
UNIDAD DIDÁCTICA 4. PLUGINS DE WORDPRESS
UNIDAD DIDÁCTICA 5. CREACIÓN DE CONTENIDO EN WORDPRESS
UNIDAD DIDÁCTICA 6. GESTIÓN DE COMENTARIOS Y RESPUESTAS
UNIDAD DIDÁCTICA 7. SEO PARA WORDPRESS
UNIDAD DIDÁCTICA 8. SEGURIDAD EN WORDPRESS
UNIDAD DIDÁCTICA 9. MONETIZACIÓN DE UN BLOG CON WORDPRESS
UNIDAD DIDÁCTICA 10. PROMOCIÓN Y MARKETING DE UN BLOG CON WORDPRESS
MÓDULO 11. ANALÍTICA WEB
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA ANALÍTICA WEB
- ¿Qué es la analítica web?
- Establecimiento de objetivos y KPIs
- Métricas principales y avanzadas
- Objetivos y ventajas de medir
- Plan de medición
UNIDAD DIDÁCTICA 2. GOOGLE ANALYTICS 4
- Introducción a Google Analytics 4
- Interfaz
- Métricas y dimensiones
- Informes básicos
- Filtros
- Segmentos
- Eventos
- Informes personalizados
- Comportamiento de los usuarios e interpretación de datos
UNIDAD DIDÁCTICA 3. GOOGLE TAG MANAGER
- Introducción a GTM
- Implementación con GTM
- Medición con GTM
- Uso de Debug/Preview Mode
UNIDAD DIDÁCTICA 4. MODELOS DE ATRIBUCIÓN
- La atribución
- Multicanalidad
- Customer Journey
- Principales modelos de atribución
- Modelos de atribución personalizados
UNIDAD DIDÁCTICA 5. CREACIÓN DE DASHBORAD CON GOOGLE DATA STUDIO
- Planificación del Dashboard
- Características del Dashboard
- Introducción a Data Studio
- Conectores
- Tipos de gráficos
- Personalización de informes
- Elementos de control
- Dimensiones y métricas
- Campos Calculados
- Compartir informes
UNIDAD DIDÁCTICA 6. ANALÍTICA WEB ORIENTADA AL 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 7. ANALÍTICA WEB ORIENTADA AL SEM
- Introducción al SEM
- Principales conceptos en SEM
- Sistema de pujas y Calidad del anuncio
- Primer contacto con Google Ads
- Creación de anuncios con calidad
- Indicadores clave de rendimiento en SEM
UNIDAD DIDÁCTICA 8. ANALÍTICA WEB ORIENTADA A LAS REDES SOCIALES
- Análisis del tráfico en redes sociales
- Fijar objetivos en redes sociales
- Youtube
- Tik tok
UNIDAD DIDÁCTICA 9. TÉCNICAS Y ESTRATEGIAS
- 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
UNIDAD DIDÁCTICA 10. OTRAS HERRAMIENTAS PARA ANALÍTICA WEB
- Hotjar
- Microsoft Power BI
- Google Search Console
- Matomo
- Awstats
- Chartbeat
- Adobe Analytics
UNIDAD DIDÁCTICA 11. COOKIES Y TECNOLOGÍAS DE SEGUIMIENTO
- ¿Qué son las cookies?
- Tipos de cookies
- GDPR
- Herramientas para manejar el consentimiento de cookies
MÓDULO 12. PROYECTO FIN DE MASTER
Titulación
Titulación Universitaria:
Solicitar información