Pedir información

Máster Online en Diseño UX-UI y Programación Web

Una de las áreas con mayor demanda de profesionales en la actualidad es la del diseño de interfaces web UI y el desarrollo web. Este diseño se encarga, principalmente, de la creación de las partes que podemos ver en un sitio web: es decir que si entras en cualquier página web (ya sea en un ordenador, en una tablet o en un móvil) y te gusta el diseño de ese site, eso es gracias al diseñador web (o equipo de diseñadores) que hay tras ese trabajo.

Es un área bastante técnica y para que los proyectos se realicen con éxito requieren de un extra de orden, meticulosidad y paciencia. Si dominas esta disciplina, tienes el premio más cerca: un buen profesional en diseño web suele tener acceso a ofertas con mejores condiciones laborales que la media.

Nuestro máster gira en torno al aprendizaje cualificado de la profesión de diseño web y desarrollo front-end a través de los lenguajes CSS + HTML y el CMS WordPress, buscando el equilibrio perfecto entre el manejo de estos lenguajes, los conceptos inherentes al diseño de interfaces actual, la educación visual y la práctica real.

Experiencia de usuario – UX

  • Metodología del Diseño UX.
  • User research.
  • Psicología aplicada a UX.
  • Arquitectura y jerarquía de la información.
  • Esquemas de navegación.
  • IxD (Diseño de Interacción).
  • Evaluación de usabilidad.

Prototipado UI (Figma)

  • Herramientas de dibujo.
  • Diferencias entre wireframes y prototipos de alta fidelidad.
  • Los sistemas de grid y el estándar para pantalla.
  • Tipos de layout: identificar las partes de una interfaz y su posición.
  • Adaptar la interfaz a distintos dispositivos (responsive).
  • Crear un prototipo interactivo y animado.
  • Opciones de presentación y empaquetado de nuestro prototipo.

HTML (Visual Studio Code)

  • Configuración y ajustes de Visual Studio Code para HTML.
  • Sintaxis para el etiquetado en HTML5
  • Metodología de trabajo con archivos para web.
  • Usar el inspector de código de Chrome.
  • Formatos de imagen para Internet: GIF, JPG, PNG, SVG y formatos futuros.
  • Integración de vídeo mp4 y su correcta aplicación en el código.
  • Aplicación de etiquetas HTML5 basadas en SEO.
  • Conceptos clave sobre la publicación en Internet.

CSS (Visual Studio Code)

  • Configuración y ajustes de Visual Studio Code para CSS.
  • Sintaxis CSS.
  • Metodologías BEM para clasificar el HTML.
  • Selectores básicos y avanzados.
  • Dibujo de formas solo con CSS.
  • Tipografía y fuentes en la web.
  • Efectos con transition y transform.
  • Animación CSS con @keyframes
  • Composición con Flexbox.
  • @Mediaquerie y el diseño responsive.
  • Nuevas técnicas con imágenes y efectos CSS.

Trabajo con frameworks (Bootstrap 5)

  • Configuración y vínculos de Bootstrap 5 para comunicarlo con nuestra web.
  • Sistema de columnas del grid layout responsive de Bootstrap.
  • Clases de visibilidad y ayuda del framework.
  • Componentes JavaScript de Bootstrap para hacer slides, desplegables y pop-ups.
  • Formularios y validaciones.

WordPress

  • Instalación en un entorno de pruebas con LOCAL.
  • Configuración y primeros ajustes del panel de administración.
  • Creación de nuevos contenidos: páginas, entradas y categorías.
  • Instalación de temas y creación de un tema hijo.
  • Primeros pasos para crear un tema propio desde cero.
  • Jerarquía de archivos de un tema nuevo.
  • Usar las funciones básicas PHP de WordPress.
  • Funcionamiento del loop de WordPress.
  • Archivos de un tema: home, single, page e index, category, sidebar y functions.
  • Plugins más importantes: elección, instalación y mantenimiento.
  • Funciones avanzadas para personalizar nuestro tema de WordPress.
  • Añadir Javascript para ajustar componentes interactivos.
  • Optimización y ajustes para mejorar el rendimiento.
  • Publicación en un servidor.

Proyecto final

Nuestro objetivo es crear un perfil profesional capaz de trabajar por cuenta propia o dentro de una empresa. Así que, como proyecto principal (TFM), simularemos una situación real eligiendo entre dos briefings de proyectos empresariales de sitio web. Tendremos que hacer el prototipo de la interfaz en Figma y luego, desarrollarlo para convertirlo en una web real aplicando todos los conocimientos adquiridos a lo largo del Máster en Diseño UX-UI y Programación Web. Además, con el material generado para cada proyecto, podrás desarrollar un portfolio digital, que te permitirá promocionarte en el entorno laboral.

Requisitos para la obtención del título

Para finalizar el máster y obtener el título correspondiente, el alumno deberá efectuar con éxito la entrega de los proyectos y prácticas indicadas por el profesor en los plazos que se especifiquen. Se trata de una titulación propia de La Hauss.