Máster en Formación Permanente Executive en Programación y Diseño de Portales Web. Nivel Profesional
100% Online
60 ECTS
12 meses
2195€
Presentación
El Master Executive en Programación y Diseño de Portales Web. Nivel Profesional, surge como respuesta a la creciente demanda de profesionales capacitados en el ámbito de la programación web y la creación de sitios digitales.
Actualmente, la presencia online se ha convertido en un factor crítico para el éxito de cualquier negocio o proyecto, y la usabilidad y experiencia de usuario (UX/UI) son componentes esenciales para garantizar la satisfacción del usuario final.
Esta formación se fundamenta en la premisa de que una interfaz de usuario bien diseñada y una experiencia de usuario excepcional son factores determinantes en la retención de visitantes y clientes, así como en la consecución de objetivos comerciales.
Universidades colaboradoras
Para qué te prepara
Este Master Executive en Programación y Diseño de Portales Web. Nivel Profesional te prepara para abordar los desafíos de la industria de la programación web y el diseño de portales con un enfoque integral y sólido. Adquirirás las habilidades y el conocimiento necesario para diseñar y desarrollar interfaces de usuario atractivas y funcionales, optimizar la usabilidad y experiencia del usuario, y crear aplicaciones web dinámicas y eficientes.
Objetivos
- Dominar los principios de usabilidad y experiencia de usuario (UX/UI).
- Diseñar interfaces atractivas y funcionales utilizando HTML5, CSS3 y Bootstrap 5.
- Desarrollar interacciones dinámicas y efectos visuales con JavaScript y jQuery.
- Crear aplicaciones web avanzadas utilizando PHP y trabajar con bases de datos.
- Construir aplicaciones web dinámicas con Django, el framework de desarrollo web en Python.
- Configurar y personalizar blogs profesionales con WordPress, aplicando estrategias de SEO y seguridad.
- Desarrollar habilidades prácticas a través de ejercicios, preparándote para la programación y diseño web.
A quién va dirigido
Este Master Executive en Programación y Diseño de Portales Web. Nivel Profesional está dirigido a profesionales y entusiastas de la programación web que desean adquirir habilidades avanzadas en diseño de interfaces, desarrollo frontend y backend, y creación de blogs con WordPress. También es ideal para aquellos que desean mejorar su carrera en desarrollo web.
Salidas Profesionales
Una vez culminado este Master Executive en Programación y Diseño de Portales Web. Nivel Profesional, estarás preparado para trabajar en diversas vertientes profesionales de la industria tecnológica y del diseño web. Podrás considerar trayectorias como Desarrollador Frontend o Backend, contribuyendo a la construcción de aplicaciones web y portales dinámicos.
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. 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
- 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 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
- 1. Introducción
- 2. Presentación
- 3. ¿Cómo iniciar Jquery?
- 4. ¿Dónde podemos documentarnos?
- 5. Herramientas necesarias
UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS DE JQUERY
- 1. Introducción
- 2. Obteniendo JQuery
- 3. El nucleo de jQuery
- 4. Cargar Jquery desde Google
- 5. Novedades
UNIDAD DIDÁCTICA 3. SELECTORES
- 1. Introducción
- 2. Selectores básicos en jQuery
- 3. Selectores de jerarquía
- 4. Filtros en Jquery
UNIDAD DIDÁCTICA 4. EVENTOS
- 1. Introducción
- 2. Evento de carga de Página
- 3. Eventos en Jquery
- 4. El objeto Event
- 5. Todavía más Eventos de Jquery
UNIDAD DIDÁCTICA 5. ATRIBUTOS EN JQUERY
- 1. Introducción
- 2. Operaciones sobre clases
- 3. Leer Atributos
- 4. Modificar Atributos
- 5. Modificar varios valores de atributos a la vez
- 6. Añadir atributos con Attr
- 7. Eliminar un atributos con removeAttr()
UNIDAD DIDÁCTICA 6. CSS EN JQUERY
- 1. Introducción
- 2. Acceso a propiedades con css()
- 3. Modificar propiedades css con css(nombre_propiedad_css, valor)
UNIDAD DIDÁCTICA 7. AJAX EN JQUERY
- 1. Introducción
- 2. Conceptos Claves
- 3. Cargar un Archivo
- 4. El método GET o POST
- 5. Cargar un Script
- 6. El método AJAX de jQuery
UNIDAD DIDÁCTICA 8. FORMULARIOS
- 1. Introducción
- 2. Formularios
UNIDAD DIDÁCTICA 9. EFECTOS EN JQUERY
- 1. Introducción
- 2. Los efectos show() y hide()
- 3. Efectos de fundido
- 4. Creación de una animación
- 5. Envío de funciones callback
- 6. Cola de efectos
- 7. Efectos con desplazamientos
UNIDAD DIDÁCTICA 10. JQUERY UI
- 1. Introducción
- 2. Instalación
- 3. Usando jQuery UI en nuestra página web
- 4. Plugin draggable
- 5. Componente Dialog
- 6. Componente Button
UNIDAD DIDÁCTICA 11. PLUG-IN EN JQUERY
- 1. Plugins
- 2. Desarrollar Plug-ins
- 3. Añadir nuevos métodos abreviados
- 4. Parámetros del método
- 5. Otras funciones para plug-ins
- 6. Compartir un Plug-in
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. USO DE FORMULARIOS EN DJANGO
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 MASTER (PFM)
Titulación
Titulación Universitaria:
Solicitar información