Máster de Formación Permanente en Diseño y Desarrollo Web
100% Online
12 meses
2195€
Matricularme
Máster de Formación Permanente en Diseño y Desarrollo Web
    Máster de Formación Permanente en Diseño y Desarrollo Web

    Máster de Formación Permanente en Diseño y Desarrollo Web

    100% Online
    60 ECTS
    12 meses
    2195€
    Matricularme

    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

    1. Introducción
    2. La usabilidad
    3. Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
    4. Atributos
    5. Complejidad e importancia de la usabilidad
    6. Pirámide de prioridades de la usabilidad
    7. Mejoras de la usabilidad al producto final
    8. Procesos y herramientas

    UNIDAD DIDÁCTICA 2. EXPERIENCIA DE USUARIO -UX

    1. Definición de Experiencia de Usuario
    2. Principios de la Experiencia de Usuario
    3. El papel del diseñador UX en el proceso de creación
    4. Etapas del diseño UX
    5. Técnicas para el diseño UX
    6. Herramientas UX

    UNIDAD DIDÁCTICA 3. DISEÑO CENTRADO EN EL USUARIO

    1. ¿Qué es el Diseño Centrado en el Usuario?
    2. ¿Para que sirve el Diseño Centrado en el Usuario?
    3. Las metodologías del Diseño Centrado en el Usuario
    4. El marketing centrado en el usuario
    5. Aplicación del Diseño Centrado en el Usuario
    6. Ejemplos del Diseño Centrado en el Usuario

    UNIDAD DIDÁCTICA 4. FORMAS DE ENFOCAR LA USABILIDAD

    1. Introducción
    2. Un proceso multidisciplinar
    3. La usabilidad aplicada
    4. El ciclo diseño-investigación

    UNIDAD DIDÁCTICA 5. INTERFAZ DE USUARIO -UI

    1. Definición de Interfaz de Usuario - UI
    2. Elementos de la interfaz de Usuario
    3. Optimización de las interfaces de Usuario
    4. Herramientas para el diseño UI
    5. Diseño basado en las percepciones
    6. Fundamentos del diseño de interacción
    7. Moodboards
    8. Qué es el IxD

    UNIDAD DIDÁCTICA 6. UI DESIGN PROCESS

    1. Proceso de negocio
    2. User persona
    3. Screen flow
    4. Wireframes
    5. Diseño Alta Fidelidad
    6. Prototipado
    7. Feedback y entrega

    UNIDAD DIDÁCTICA 7. FUNDAMENTOS DEL DISEÑO UI

    1. Principios del diseño aplicados al UI
    2. Principios de claridad
    3. Reglas Heurísticas de usabilidad
    4. Elementos de una interfaz de usuario
    5. Patrones y consistencias del diseño UI

    UNIDAD DIDÁCTICA 8. UI KIT Y SISTEMAS DE DISEÑO

    1. UI kits
    2. Atomic Design
    3. Icon Design
    4. Los sistemas de diseño

    UNIDAD DIDÁCTICA 9. MOTION UI

    1. Principios del Motion
    2. Microinteracciones

    MÓDULO 2. DISEÑO UI CON FIGMA

    UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN FIGMA

    1. Introducción
    2. Descarga y creación de una cuenta
    3. Entorno de trabajo
    4. El menú principal
    5. Ejercicios

    UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS

    1. Mover y Escalar
    2. Frames y slices
    3. Dibujar vectores
    4. Herramientas de texto
    5. La herramienta Mano
    6. Comentarios en Figma
    7. Ejercicios

    UNIDAD DIDÁCTICA 3. HERRAMIENTAS CONTEXTUALES

    1. Editar objetos
    2. Crear un componente de Figma
    3. Crear máscaras en Figma
    4. Crear un link con Figma
    5. Operaciones booleanas
    6. Otras herramientas
    7. Ejercicios

    UNIDAD DIDÁCTICA 4. TRABAJO COLABORATIVO CON FIGMA

    1. Funcionamiento
    2. Añadir colaboradores
    3. Ver y responder comentarios
    4. Bibliotecas de componentes
    5. Ejercicios

    UNIDAD DIDÁCTICA 5. CREACIÓN DE SISTEMAS DE DISEÑO

    1. Creación y gestión
    2. Estilos en un sistema de diseño
    3. Componentes en un sistema de diseño
    4. Ejemplos del sistema de diseño
    5. Ejercicios

    UNIDAD DIDÁCTICA 6. PLUGING DE FIGMA

    1. Añadir plugins a Figma
    2. Pluging recomendados

    UNIDAD DIDÁCTICA 7. ANIMACIONES E INTERACCIONES

    1. Creación de interacciones
    2. Creación de animaciones sencillas
    3. Manejo de interacciones disponibles
    4. Ejercicios

    UNIDAD DIDÁCTICA 8. PRESENTACIÓN Y EXPORTACIÓN

    1. Crear presentación en Figma
    2. Exportar archivos
    3. Compartir el link de vista previa
    4. 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

    1. Introducción CSS
    2. Soporte de CSS en navegadores
    3. Especificación oficial
    4. Funcionamiento básico de CSS
    5. ¿Cómo incluir CSS en la Web?
    6. Estilo básico
    7. Medios CSS
    8. Comentarios
    9. Sintaxis de la definición

    UNIDAD DIDÁCTICA 2. CSS: SELECTORES, UNIDADES DE MEDIDA Y COLORES

    1. Selectores CSS
    2. Unidades de medida
    3. Colores

    UNIDAD DIDÁCTICA 3. CSS: PSEUDOCLASES Y PSEUDOELEMENTOS CSS

    1. Pseudoclases
    2. Pseudo-elementos
    3. Otras pseudoclases y pseudoelementos

    UNIDAD DIDÁCTICA 4. CSS: MODELOS DE CAJA, POSICIONAMIENTO Y VISUALIZACIÓN

    1. Modelo de cajas
    2. Propiedades de las cajas
    3. Margen, relleno, bordes y modelo de cajas
    4. Posicionamiento y visualización
    5. Posicionamiento
    6. Visualización

    UNIDAD DIDÁCTICA 5. CSS: FLEXBOX

    1. En qué cosiste
    2. Visualización: Display
    3. Contenedores flexibles: flex e inline-flex
    4. Orientación: flex-box, flex-direction y flex-wrap
    5. La propiedad order
    6. Alineación de los elementos flexibles
    7. Soporte de los navegadores

    UNIDAD DIDÁCTICA 6. CSS: HOJAS DE ESTILOS

    1. Crear y vincular hojas de estilos
    2. Estructura
    3. Propiedades CSS
    4. Selectores
    5. Posición y tamaño
    6. Texto
    7. Imágenes
    8. Listas, tablas, formularios

    UNIDAD DIDÁCTICA 7. RESPONSIVE DESIGN

    1. Introducción
    2. Definición de Diseño Web Responsive
    3. ¿En qué consiste el diseño responsive?
    4. Ventajas del diseño responsive
    5. SEO y diseño responsive

    UNIDAD DIDÁCTICA 8. INTRODUCCIÓN A BOOTSTRAP 5

    1. Introducción a Bootstrap 5
    2. Diferencias entre Bootstrap 4 y Bootstrap 5
    3. Generalidades de Bootstrap 5
    4. Descarga e instalación de Bootstrap 5

    UNIDAD DIDÁCTICA 9. CARACTERÍSTICAS Y USO DEL LAYOUT

    1. Uso de container y Media Queries (Responsive breakpoints)
    2. Utilidades dentro de nuestro layout: flexbox, margin, padding and visibility
    3. Estructura básica del Grid
    4. Posibilidades de personalización del Grid

    UNIDAD DIDÁCTICA 10. CREACIÓN DE ELEMENTOS HTML CON BOOTSTRAP 5

    1. Tablas
    2. Jumbotron
    3. Alertas
    4. Barras de progreso
    5. Paginación
    6. Listas de grupos
    7. Desplegables
    8. Barras de navegación
    9. Formularios
    10. Carruseles
    11. Modales

    UNIDAD DIDÁCTICA 11. PERSONALIZACIÓN DE ELEMENTOS CON BOOTSTRAP 5

    1. Tipografía
    2. Colores
    3. Imágenes
    4. Botones
    5. Formularios personalizados

    UNIDAD DIDÁCTICA 12. UTILIDADES AVANZADAS DE PERSONALIZACIÓN

    1. Bordes: color, posición y radio
    2. Uso de Clearfix
    3. Colores de fondo con grado de intensidad
    4. Uso del atributo Display
    5. Uso del sistema Flex
    6. Fijación de elementos mediante posiciones
    7. Modificaciones avanzadas del texto
    8. 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

    UNIDAD DIDÁCTICA 2. CREACIÓN Y CONFIGURACIÓN DE UN PROYECTO DJANGO

    UNIDAD DIDÁCTICA 3. CREACIÓN DE UNA WEB SENCILLA

    UNIDAD DIDÁCTICA 4. CONFIGURACIÓN DE MODELOS DE DATOS

    UNIDAD DIDÁCTICA 5. COMBINAR MODELO, VISTA Y PLANTILLA

    UNIDAD DIDÁCTICA 6. URLS Y ENLACES

    UNIDAD DIDÁCTICA 7. PLANTILLAS EN DJANGO

    UNIDAD DIDÁCTICA 8. CSS EN DJANGO

    UNIDAD DIDÁCTICA 9. USO DE FORMULARIOS EN DJANGO

    MÓDULO 9. DESARROLLO WEB SEGURO

    UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA SEGURIDAD WEB

    1. ¿Qué es la seguridad web?
    2. Amenazas para un sitio web
    3. Consejos para mantener un sitio web seguro
    4. Otros consejos de seguridad web
    5. Proveedores de alojamiento web seguros

    UNIDAD DIDÁCTICA 2. OWASP DEVELOPMENT

    1. ¿Qué es OWASP? ¿Y OWASP Development?
    2. ¿Qué es ASVS?
    3. Uso del ASVS
    4. Requisitos de arquitectura, diseño y modelado de amenazas
    5. Requisitos de verificación de autenticación
    6. Requisitos de verificación de gestión de sesión
    7. Requisitos de verificación de control de acceso
    8. Requisitos de validación, desinfección y verificación de la codificación
    9. Requisitos de verificación de criptografía almacenados
    10. Requisitos de manejo de verificaciones y registro de errores
    11. Requisitos de verificación de protección de datos
    12. Requisitos de verificación de comunicaciones
    13. Requisitos de verificación de código malicioso
    14. Requisitos de verificación de lógica de negocios
    15. Requisitos de verificación de archivos y recursos
    16. Requisitos de verificación de API y servicio web
    17. Requisitos de verificación de configuración
    18. Requisitos de verificación de Internet de las Cosas
    19. Glosario de términos

    UNIDAD DIDÁCTICA 3. OWASP TESTING GUIDE

    1. Aspectos introductorios
    2. La Guía de Pruebas de OWASP
    3. El framework de pruebas de OWASP
    4. Pruebas de seguridad de aplicaciones web
    5. Reportes de las pruebas

    UNIDAD DIDÁCTICA 4. OWASP CODE REVIEW

    1. Aspectos introductorios
    2. Revisión de código seguro
    3. Metodología

    UNIDAD DIDÁCTICA 5. OWASP TOP TEN

    1. Broken Access Control - Control de acceso roto (A01:2021)
    2. Cryptographic Failures - Fallos criptográficos (A02:2021)
    3. Injection - Inyección (A03:2021)
    4. Insecure Design - Diseño Inseguro (A04:2021)
    5. Security Misconfiguration - Configuración incorrecta de seguridad (A05:2021)
    6. Vulnerable and Outdated Components - Componentes vulnerables y obsoletos (A06:2021)
    7. Identification and Authentication Failures - Fallos de Identificación y Autenticación (A07:2021)
    8. Software and Data Integrity Failures - Fallos de integridad de software y datos (A08:2021)
    9. Security Logging and Monitoring Failures - Registro de seguridad y fallos de monitoreo (A09:2021)
    10. 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

    1. ¿Qué es la analítica web?
    2. Establecimiento de objetivos y KPIs
    3. Métricas principales y avanzadas
    4. Objetivos y ventajas de medir
    5. Plan de medición

    UNIDAD DIDÁCTICA 2. GOOGLE ANALYTICS 4

    1. Introducción a Google Analytics 4
    2. Interfaz
    3. Métricas y dimensiones
    4. Informes básicos
    5. Filtros
    6. Segmentos
    7. Eventos
    8. Informes personalizados
    9. Comportamiento de los usuarios e interpretación de datos

    UNIDAD DIDÁCTICA 3. GOOGLE TAG MANAGER

    1. Introducción a GTM
    2. Implementación con GTM
    3. Medición con GTM
    4. Uso de Debug/Preview Mode

    UNIDAD DIDÁCTICA 4. MODELOS DE ATRIBUCIÓN

    1. La atribución
    2. Multicanalidad
    3. Customer Journey
    4. Principales modelos de atribución
    5. Modelos de atribución personalizados

    UNIDAD DIDÁCTICA 5. CREACIÓN DE DASHBORAD CON GOOGLE DATA STUDIO

    1. Planificación del Dashboard
    2. Características del Dashboard
    3. Introducción a Data Studio
    4. Conectores
    5. Tipos de gráficos
    6. Personalización de informes
    7. Elementos de control
    8. Dimensiones y métricas
    9. Campos Calculados
    10. Compartir informes

    UNIDAD DIDÁCTICA 6. ANALÍTICA WEB ORIENTADA AL SEO

    1. Introducción al SEO
    2. Historia de los motores de búsqueda
    3. Componentes de un motor de búsqueda
    4. Organización de resultados en un motor de búsqueda
    5. La importancia del contenido
    6. El concepto de autoridad en Internet
    7. Campaña SEO

    UNIDAD DIDÁCTICA 7. ANALÍTICA WEB ORIENTADA AL SEM

    1. Introducción al SEM
    2. Principales conceptos en SEM
    3. Sistema de pujas y Calidad del anuncio
    4. Primer contacto con Google Ads
    5. Creación de anuncios con calidad
    6. Indicadores clave de rendimiento en SEM

    UNIDAD DIDÁCTICA 8. ANALÍTICA WEB ORIENTADA A LAS REDES SOCIALES

    1. Análisis del tráfico en redes sociales
    2. Fijar objetivos en redes sociales
    3. Facebook
    4. Twitter
    5. Youtube
    6. LinkedIn
    7. Tik tok
    8. Instagram

    UNIDAD DIDÁCTICA 9. TÉCNICAS Y ESTRATEGIAS

    1. Usabilidad
    2. Mapas de calor
    3. Grabaciones de sesiones de usuario
    4. Ordenación de tarjetas
    5. Test A/B
    6. Test multivariante
    7. KPI, indicadores clave de rendimiento
    8. Cambios a realizar para optimizar una página web

    UNIDAD DIDÁCTICA 10. OTRAS HERRAMIENTAS PARA ANALÍTICA WEB

    1. Hotjar
    2. Microsoft Power BI
    3. Google Search Console
    4. Matomo
    5. Awstats
    6. Chartbeat
    7. Adobe Analytics

    UNIDAD DIDÁCTICA 11. COOKIES Y TECNOLOGÍAS DE SEGUIMIENTO

    1. ¿Qué son las cookies?
    2. Tipos de cookies
    3. GDPR
    4. Herramientas para manejar el consentimiento de cookies

    MÓDULO 12. PROYECTO FIN DE MASTER

    Titulación
    Titulación Universitaria:
    Diploma Universidad Católica de Murcia
    Solicitar información