Máster Executive de programación y diseño web (Nivel profesional)

Para qué te prepara

Este máster ejecutivo te capacita para enfrentar los desafíos del diseño y desarrollo web en un entorno profesional. Te proporcionará las habilidades necesarias para:
- Analizar y aplicar estrategias avanzadas en la creación de portales web.
- Diseñar sitios que combinen atractivo visual con robustez funcional.
- Optimizar la experiencia del usuario y la eficiencia operativa en tus proyectos web.

Objetivos

- Aprender a diseñar interfaces intuitivas que mejoren la experiencia del usuario.
- Desarrollar habilidades en programación front-end y back-end con tecnologías actuales.
- Implementar sitios web dinámicos y aplicaciones web con enfoque en la accesibilidad, seguridad y SEO.

A quién va dirigido

Este programa está diseñado para impulsar la carrera de:
- Estudiantes y recién graduados con visión de futuro que deseen adquirir una sólida formación en programación y diseño web para destacar en el inicio de su carrera profesional.
- Profesionales IT que buscan especializarse ampliando sus competencias hacia el desarrollo y diseño web avanzado.
- Desarrolladores y diseñadores web en activo que buscan actualizar sus habilidades con las últimas tecnologías y tendencias.
- Líderes de proyectos digitales interesados en profundizar en estrategias de desarrollo y diseño web para gestionar equipos y proyectos eficientemente.

Contenido del máster

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
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. 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 3. 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 4. 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 5. PROGRAMACIÓN EN JQUERY

UNIDAD DIDÁCTICA 1. INICIACIÓN A LAS PÁGINAS WEBS CON JQUERY

Introducción
Presentación
Cómo iniciar jQuery
Dónde documentarnos
Herramientas necesarias

UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS DE JQUERY

Introducción
Obteniendo jQuery
El núcleo de jQuery
Cargar Jquery desde Google
Novedades

UNIDAD DIDÁCTICA 3. SELECTORES

Introducción
Selectores básicos en jQuery
Selectores de jerarquía
Filtros en jQuery

UNIDAD DIDÁCTICA 4. 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 5. 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 6. CSS EN JQUERY

Introducción
Acceso a propiedades con css()
Modificar propiedades css con css(nombre_propiedad_css, valor)

UNIDAD DIDÁCTICA 7. AJAX EN JQUERY

Introducción
Conceptos clave
Cargar un archivo
El método GET o POST
Cargar un script
El método AJAX de jQuery

UNIDAD DIDÁCTICA 8. FORMULARIOS

Introducción
Formularios

UNIDAD DIDÁCTICA 9. EFECTOS EN JQUERY

Introducción
Filtrado colaborativoLos 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 10. JQUERY UI

Introducción
Instalación
Usando jQuery UI en nuestra página web
Plugin draggable
Componente Dialog
Componente Button

UNIDAD DIDÁCTICA 11. PLUG-IN EN JQUERY

Plugins
Desarrollar plugins
Añadir nuevos métodos abreviados
Parámetros del método
Otras funciones para plugins
Compartir un plugin

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. 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. MONETIZACIÓN DE UN BLOG CON WORDPRESS

MÓDULO 8. 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 9. PROYECTO FIN DE MÁSTER (PFM)

Salidas profesionales

Tras concluir este máster executive te encontrarás en una posición privilegiada para ocupar roles clave en el sector tecnológico, tales como:
- Desarrollador frontend y backend: Especializados en la creación de sitios web y aplicaciones.
- Especialista en UX/UI: Enfocado en optimizar la experiencia del usuario.
- Gestor de proyectos web: Liderando la implementación de soluciones digitales innovadoras.