El Master 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.
Este Master 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.
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.
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.
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
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
¿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
Introducción
Un proceso multidisciplinar
La usabilidad aplicada
El ciclo diseño-investigación
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
Proceso de negocio
User persona
Screen flow
Wireframes
Diseño Alta Fidelidad
Prototipado
Feedback y entrega
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
UI kits
Atomic Design
Icon Design
Los sistemas de diseño
Principios del Motion
Microinteracciones
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
Selectores CSS
Unidades de medida
Colores
Pseudoclases
Pseudo-elementos
Otras pseudoclases y pseudoelementos
Modelo de cajas
Propiedades de las cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización
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
Crear y vincular hojas de estilos
Estructura
Propiedades CSS
Selectores
Posición y tamaño
Texto
Imágenes
Listas, tablas, formularios
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
Introducción a Bootstrap 5
Diferencias entre Bootstrap 4 y Bootstrap 5
Generalidades de Bootstrap 5
Descarga e instalación de Bootstrap 5
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
Tablas
Jumbotron
Alertas
Barras de progreso
Paginación
Listas de grupos
Desplegables
Barras de navegación
Formularios
Carruseles
Modales
Tipografía
Colores
Imágenes
Botones
Formularios personalizados
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
Introducción
Presentación
¿Cómo iniciar Jquery?
¿Dónde podemos documentarnos?
Herramientas necesarias
Introducción
Obteniendo JQuery
El nucleo de jQuery
Cargar Jquery desde Google
Novedades
Introducción
Selectores básicos en jQuery
Selectores de jerarquía
Filtros en Jquery
Introducción
Evento de carga de Página
Eventos en Jquery
El objeto Event
Todavía más Eventos de 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()
Introducción
Acceso a propiedades con css()
Modificar propiedades css con css(nombre_propiedad_css, valor)
Introducción
Conceptos Claves
Cargar un Archivo
El método GET o POST
Cargar un Script
El método AJAX de jQuery
Introducción
Formularios
Introducción
Los efectos show() y hide()
Efectos de fundido
Creación de una animación
Envío de funciones callback
Cola de efectos
Efectos con desplazamientos
Introducción
Instalación
Usando jQuery UI en nuestra página web
Plugin draggable
Componente Dialog
Componente Button
Plugins
Desarrollar Plug-ins
Añadir nuevos métodos abreviados
Parámetros del método
Otras funciones para plug-ins
Compartir un Plug-in
¿Qué es Django?
Historia de Django
Requisitos previos para la instalación
Instalación de Django
Configuración de un entorno de desarrollo integrado
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
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
Modelos de datos
Campos de datos
Relaciones entre modelos
Personalización de modelos
Introducción a modelo-vista-plantilla (MVP)
Combinación de estos elementos
Separación de responsabilidades
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
Introducción a las plantillas
Estructura y sintaxis de plantillas
Configuración de plantillas
Errores comunes
Plantillas anidadas y herencia
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
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
Titulación
Titulación de Máster de Formación Permanente en Programación y Diseño de Portales Web. Nivel Profesional con 1500 horas y 60 ECTS expedida por UTAMED – Universidad Tecnológica Atlántico Mediterráneo.
Ir al contenido 
Optimized by Seraphinite Accelerator