Diseño UX/UI -
Front-End 
Contenido del curso
Con nuestro curso diseño UX/UI - Front-End aprenderás diseño UX / UI y las herramientas necesarias para crear sitios web y App utilizando HTML, CSS y JS entre otras.
- Principios de diseño
- Introducción Figma
- Roles dentro de UX
- 7 principios de UX
- Diseño Centrado en el Usuario
- Elementos de UX
- Identificar tipo de diseño
- Principios del diseño mobile
- Metodologías de trabajo
- MVP
- Personas – Target y Benchmark
- Principios del diseño básico (principios de diseño visual, interacción y psicología)
- Grillas
- El color – paleta de colores
- Site Maps y diagramas de flujos
- Wireframes y anotaciones
- Prototipo en baja y alta
- Test de diseño con usuarios
- Test de usabilidad
- Herramienta Maze
- Introducción a las tecnologías web HTML5
- Configuración del entorno de desarrollo
- Estructura básica de una página web
- Trabajo con Git introducción
- Trabajo con herramientas como Visual Studio Code y Chrome DevTools
- Elementos HTML básicos
- Header, span, p, section, article, aside, menu
- Footer
- Img, Figure,
- Audio – Video
- Formulario de contacto
- Introducción
- Sintaxis de CSS3
- Compatibilizar Navegadores
- Desarrollo ordenado
- Selectores id, class y adyacentes, hermanos e hijos
- Medidas (absolutas, porcentuales, y relativas)
- Colores (palabras, RGB decimal, Hexadecimal, Porcentual, HSL, transparencia)
- Tamaños
- Margin y padding
- Pseudoelementos
- Fuentes
- Bordes y sombras
- Fondos con imagen y degradados
- Transform
- Responsive design y Mobile First
- Introducción a effectos
- Efectos simples
- Efectos sombras
- Introducción y estructura de Keyframe
- SVG animación con CSS
- Introducción a Animaciones 3d
- Perspective 3d
- Principios de Accesibilidad – WCAG Web Content Accessibility Guidelines
- Refactor HTML, CSS y JS para que sea más accessible
- Pruebas con simuladores de discapacidades visuales
- Keyword
- Sitemap
- Robots.txt
- Optimización archivos
- Error 404
- Redirección 301
- Términos de uso
- Formulario de contacto
- Introducción
- Configuración de entornos de despliegue
- Servicios de hosting
- Consideraciones de seguridad para la publicación de sitios web
- Boostrap – responsive
- Introducción a framework React
- Angular
- Vue
- Uso de paquetes y módulos de terceros
Metodología
La metodología de aprendizaje es práctica, en tres etapas:
1
SE EXPLICA
2
SE VE UN EJEMPLO
3
EL ALUMNO LO REPRODUCE
1
SE EXPLICA
SE VE UN EJEMPLO
2
3
EL ALUMNO LO REPRODUCE
De este modo el alumno transcurre una formación orientada a proyectos, lo que implica que al finalizar cada módulo hay un proyecto integrador en el que el alumno trabaja por sí solo o en equipos para resolver un entregable.
¿QUÉ SE NECESITA?
Requisitos
Notebook, cámara y micrófono
Para poder participar, es indispensable tener una computadora portátil (con Windows 10+, Linux o Mac). Cualquier equipo de los últimos 6 años debería funcionar bien. Se sugiere que la computadora tenga al menos 4GB de memoria RAM y 10GB de espacio disponible en disco, cámara web y micrófono.
Herramientas informáticas
Es requisito contar con conocimientos en:
Correo electrónico, Google Drive, Microsoft Office, Zoom.
También es importante contar con un nivel intermedio de hojas de cálculo (Microsoft Excel).
Inglés
Aunque no es un requisito imprescindible, es recomendable tener conocimientos básicos de inglés para poder entender la mayoría de la terminología y documentación utilizada en el curso. También es importante destacar que tener habilidades en el idioma puede ser beneficioso para una mejor inserción laboral en la industria de la tecnología de la información.
PREGUNTAS FRECUENTES
FAQ
Utilizaremos en el curso Visual Studio Code y Google Chrome, ambos gratuitos.
Este curso es altamente exigente y está diseñado para brindar una experiencia práctica mediante una metodología de aprendizaje de aprender haciendo. En cada oportunidad en que se presente un nuevo concepto, los estudiantes tendrán la oportunidad de ponerlo en práctica en su propia computadora. Además, se realizarán ejercicios que integren todos los temas que se han cubierto hasta ese momento. Dado que se trata de un curso muy intenso y que cada conocimiento se construye sobre los previos, es importante no quedarse atrás en ningún momento. Se alienta a los estudiantes a seguir practicando en sus hogares y a plantear todas las preguntas que puedan tener.
Sí, cada curso cuenta con un número limitado de plazas para garantizar una comunicación efectiva y una relación estrecha entre el profesorado y el alumnado.
Las personas que hayan asistido a un 90% de las clases podrán solicitar su Diploma y Certificado de Asistencia al curso.