-
Tipo de titulación: Certificado "Diseño web con HTML, CSS y Visual Studio Code"
Certificado "Diseño UI/UX -
Examen final: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
-
Horario de las clases: A tiempo completoDe lunes a viernes, de 8.30 a 15.35 horas (en semanas festivas, de 8.30 a 17.10 horas).
-
Lengua de enseñanza: Alemán
-
Duración: 12 Semanas
Diseño web (código HTML/CSS/Visual Studio)
HTML y CSS (aprox. 6 días)
Introducción a HTML
Marco básico
Etiquetas para la creación de texto (h1-h6, p, br, span)
Comandos de formato de texto
Integración de gráficos
Enlaces (internos, externos, telefónicos, mailto link)
Favicons
Listas y tablas
Estructura sintáctica correcta
Comprobación con la herramienta de validación del W3C
Introducción a CSS
Opciones de integración de las especificaciones CSS (estilo interno, externo, en línea)
Comandos básicos (diseño de texto, color de fuente, color de fondo)
Contenedores HTML
Uso y estilo de los contenedores
Integración de YouTube y Google Maps
Reproductor de vídeo y audio
Ajuste a objetos
VS Code (aprox. 1 día)
Introducción a VS Code
Extensiones adicionales para VS Code. (por ejemplo, Live Server, Emmet Commands, Copilot (AI))
Utilización de la IA en combinación con VS Code
Técnicas de maquetación (aprox. 4 días)
Clases, IDs, selectores
Introducción al modelo de caja
Relleno, margen, borde, borde-radio y sus abreviaturas
Introducción a Flex-Box
Layouts con flex box
Alineación con Flexbox
Introducción al sistema de rejilla
Layouts con Grid
Alineación con Grid System
Texto flotante alrededor de imágenes con float y clear
Propiedades generales de visualización de etiquetas
Imágenes de fondo
Estado y valores (aprox. 1 día)
Introducción de pseudoclases (hover, active, focus, nth-child, first-child, last-child)
Pseudoelementos (::before, ::after, content)
Especificidad (valor de los códigos)
Posicionamiento (aprox. 2 días)
Introducción a las posiciones
Estática, absoluta, fija, pegajosa, relativa
Izquierda, derecha, arriba, abajo, z-index
Menús desplegables
:target
:target en combinación con menús de navegación y modales
Formularios (aprox. 2 días)
Introducción a los formularios
Conjunto de campos, leyenda
Entradas, áreas de texto, etiquetas, valores, nombre, selecciones
Autocompletar
Diseño de formularios con CSS
Integración de php-script en acción con AI
Efectos y fuentes con CSS (aprox. 1 día)
Efectos de transición CSS
Transición, filtro, transformación
Degradados de color, box-shadow, text-shadow
Integración de fuentes con @font-face
Diseño web adaptable (aprox. 2 días)
Introducción al diseño adaptable
Consultas de medios, puntos de ruptura
Paisaje, modo portait
Imágenes responsive con picture y srcsets
Edición de imágenes, compresión de imágenes
Generación de imágenes con IA
Optimización para motores de búsqueda (aprox. 1 día)
Introducción al SEO
Optimización en la página y uso de textos generados por IA
Optimización del rendimiento para mejorar el SEO y presentación de las herramientas adecuadas
Técnicas CSS e interacción (aprox. 2 días)
Variables CSS
Modo oscuro
Cálculo con CSS
Introducción a las animaciones CSS
Duración, retardo, dirección, timing-function, iteration-count, fill-mode
Botón de hamburguesa animado
One-pager y multilingüismo (aprox. 2 días)
Introducción a los one-pagers
Desplazamiento suave
Integración de la biblioteca fontawesome
Manejo de gráficos SVG
Integración de capas y personalización de CSS
Sitios web multilingües
Extensiones y frameworks (aprox. 1 día)
Introducción a Bootstrap
Uso de los componentes de Bootstrap
Diseño responsive con Bootstrap
JavaScript (aprox. 3 días)
Introducción a JavaScript
Métodos JavaScript/jQuery
Crear jQuery Lightbox
Variables
Sentencias if-else
Desplazamiento, ventana, redimensionamiento
matrices
Bucle For
Objeto matemático
Requisitos legales y gestión de proyectos (aprox. 2 días)
Derecho de Internet
Derechos de autor en relación con la AI/KI
Accesibilidad
Gestión de proyectos
Trabajo por proyectos (aprox. 10 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Diseño UI/UX
Introducción general (aprox. 1 día)
UX, Usabilidad, UI, Directriz de modelo mental, Directriz de factores humanos
Principios del diseño centrado en el usuario
ISO 9241-210/HCD
Accesibilidad: Términos básicos, requisitos legales (BITV, directivas de la UE), importancia para el diseño de UX
Proceso de diseño de sistemas interactivos utilizables
Tipos de herramientas de IA en el contexto UI/UX (texto, imagen, análisis)
HCD: Análisis - contexto de uso (aprox. 2 días)
Personae y mapa de empatía
Recorrido del cliente
Visión general de la analítica web/cuestionario
HCD: Especificación de los requisitos de utilización (aprox. 1 día)
Escenarios, historias de usuario
Modelo de tareas, flujos de tareas
Entrevistas contextuales y observación
Estudios diarios
HCD: Creación de soluciones de diseño para cumplir los requisitos de uso (aprox. 1 día)
Directrices y normas: 7 principios de diálogo de la norma ISO 9241-110
10 principios de diseño de interfaces de usuario según Jakob Nielsen
Percepción visual, regularidades
Soluciones de diseño HCD: Taxonomía, arquitectura de la información y conceptos de navegación (aprox. 3 días)
Diagrama de flujo
Flujo de usuarios
Arquitectura de la información
Microarquitectura de la información
Estrategia de conversión
Conceptos de navegación y mapa del sitio
Clasificación de tarjetas: planificación, preparación, ejecución y evaluación
Patrones de navegación móvil (navegación bootom, menús de hamburguesa, pestañas)
Visión general de la gestión ágil de proyectos (aprox. 1 día)
Modelo en cascada frente a métodos ágiles
Visión de la gestión ágil según el método Scrum
Épica, historia de usuario y tarea
Diseño del método sprint
Soluciones de diseño HCD: Diseño de interfaz de usuario (aprox. 2 días)
Guía de estilo, KIT de interfaz de usuario, biblioteca de patrones y sistema de diseño
Componentes/elementos y formularios de interfaz de usuario
Colores, fuentes y tipografía en la IU, iconos
Accesibilidad: contrastes de color y fuentes legibles, elementos de control (tamaño, espaciado, enfoque)
Pruebas automatizadas de contrastes, legibilidad y textos alternativos.
Breve descripción de la estructura semántica (HTML/ARIA)
Diseño atómico
Diseño mobile first
Soluciones de diseño HCD: Técnicas de diseño con Figma (aprox. 3 días)
Estructura y conceptos básicos: páginas y marcos, cuadrículas de diseño, restricciones
Componentes y variantes (botones, bibliotecas, sistemas de diseño)
Diseño responsivo (marcos, auto maquetación)
Garabatos, wireframes, maquetas
Creación de prototipos: interacciones, transiciones, superposiciones, intercambio de prototipos
Uso de funciones de IA en Figma y herramientas complementarias para la creación rápida y la variación de diseños
Pruebas de usabilidad y evaluación (aprox. 2 días)
Visión general de los métodos de pruebas de usabilidad
Pensar en voz alta: planificación, preparación, ejecución y evaluación
Cuestionarios (UEQ, AttrakDiff, VisAWI)
Pruebas A/B
Accesibilidad: pruebas con teclado y lector de pantalla
Uso de ayudas y herramientas
Trabajo por proyectos (aprox. 4 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Es posible que se produzcan cambios, el contenido del curso se actualiza regularmente.
Conoce el flujo de trabajo completo para un diseño web moderno y produce sitios web fáciles de usar y sofisticados.
Además, una usabilidad convincente y una buena experiencia de usuario son la base de la confianza del cliente a la hora de interactuar con la empresa. Tras este curso, dispondrá de amplios conocimientos básicos sobre los temas de experiencia de usuario e interfaz de usuario y dominará las directrices y normas clave para interfaces gráficas de usuario basadas en el proceso de diseño centrado en el ser humano. Utilizando el programa de creación de prototipos Figma, será capaz de crear diseños interactivos que puedan probarse y seguir desarrollándose utilizando diversos métodos. También tendrás conocimientos sobre métodos de trabajo ágiles, pruebas de usabilidad y el uso de herramientas de IA en el proceso de UI/UX.
Diseñadores web, programadores web, diseñadores gráficos, diseñadores de medios de comunicación, especialistas de profesiones artísticas o personas responsables de la concepción, el diseño y la realización práctica de sitios web que deseen adquirir los conocimientos y competencias necesarios.
Hoy en día, casi todas las empresas confían en una presencia atractiva en Internet para representarse como empresa. Los principales empleadores potenciales son agencias de diseño gráfico, publicidad, web, multimedia o de servicios integrales, así como proveedores de software y bases de datos. Los conocimientos de diseño web son necesarios en casi todos los sectores. Con los conocimientos adecuados, el autoempleo también es una perspectiva interesante.
La experiencia en UI y UX mejorará sus posibilidades como desarrollador en agencias gráficas, publicitarias, web, multimedia o de servicios integrales, así como con proveedores de software y bases de datos. Los conocimientos en el campo de la UI/UX son necesarios en casi todos los sectores.
Su significativo certificado proporciona una visión detallada de las cualificaciones que ha adquirido y mejora sus perspectivas profesionales.
Concepto didáctico
Tus profesores están altamente cualificados tanto profesional como didácticamente y te enseñarán desde el primer hasta el último día (no hay sistema de autoaprendizaje).
Aprenderá en grupos reducidos y eficaces. Los cursos suelen constar de 6 a 25 participantes. Las lecciones generales se complementan con numerosos ejercicios prácticos en todos los módulos del curso. La fase práctica es una parte importante del curso, ya que durante ella se procesa lo aprendido y se adquiere confianza y rutina en su aplicación. La parte final del curso incluye un proyecto, un estudio de caso o un examen final.
Aula virtual alfaview
Las clases se imparten utilizando la moderna tecnología de vídeo alfaview®, ya sea desde la comodidad de su propia casa o en nuestras instalaciones en Bildungszentrum. Todo el curso puede verse cara a cara a través de alfaview®, comunicarse entre sí con una calidad de voz sincronizada con los labios y trabajar en proyectos conjuntos. Por supuesto, también podrás ver y hablar con tus formadores conectados en directo en cualquier momento y recibirás clases de tus profesores en tiempo real durante todo el curso. Las clases no son e-learning, sino auténtica enseñanza presencial en directo a través de la tecnología de vídeo.
Los cursos de formación de alfatraining están subvencionados por Agentur für Arbeit y certificados de acuerdo con el reglamento de homologación AZAV. Al presentar una solicitud a Bildungsgutscheino Aktivierungs- und Vermittlungsgutschein, la totalidad de los costes del curso suelen correr a cargo de su organismo financiador.
También es posible obtener financiación a través de Europäischen Sozialfonds (FSE), Deutsche Rentenversicherung (DRV) o programas de financiación regionales. Como soldado regular, tiene la posibilidad de asistir a cursos de formación continua a través de Berufsförderungsdienst (BFD). Las empresas también pueden cualificar a sus empleados a través de un programa de financiación de Agentur für Arbeit (Qualifizierungschancengesetz).