Conviértete en un profesional con habilidades en UX/UI y Front-End. Aprende desde crear la interfaz hasta la programación de productos digitales y asegura tu éxito con esta carrera.
Curso online
Profesión: Diseño y desarrollo web
Inscríbete al curso
Inicio:
Quedan:
7 de abril
14 lugares
-40%
hasta el 4 de abril
Formación completa de 16 meses con más de 70 horas de videolecciones
Enriquece tu portafolio con proyectos profesionales
Estudia a tu ritmo, donde quieras y cuando quieras por tiempo ilimitado
Recibe apoyo y feedback de los tutores
Partner
¿Por qué aprender Diseño Full Stack?
Los diseñadores de UX/UI y desarrolladores Front End se encuentran entre las 10 profesiones digitales más demandadas en la actualidad.
Profesión en crecimiento
Es la profesión más completa para desarrolladores, cubriendo desde el concepto, la investigación, los wireframes, hasta la interfaz de usuario y los diseños finales.
Profesión bien valorada
El diseñador Full Stack es el profesional de diseño web más completo. Además de dominar todas las etapas del desarrollo de aplicaciones digitales, trabaja de forma independiente tanto en UX como en UI y Front End para crecer en el mercado laboral.
Sueldos altos
¿A quién va dirigido este curso?
Principiantes en diseño UX/UI
Diseñadores y Creativos
Si quieres profundizar en los conceptos de interfaz y experiencia de usuario para crear maquetaciones atractivas y funcionales, este curso es para ti. Aprende técnicas de diseño gráfico que te permitirán crear prototipos y armar aplicaciones desde cero para ingresar al campo laboral.
Para profesionales con cierta experiencia que buscan renovar y enriquecer sus conocimientos, cambiar de área o crecer en la empresa que ya operan. Profundiza en UX/UI, una de las áreas más valoradas en el mercado actual, y estarás preparado para trabajar en equipos de diseño de productos en bancos, empresas de TI, agencias de publicidad y más.
Diseñadores UX y UI
Además del diseño, aprende a usar la interfaz para garantizar la mejor experiencia de usuario. Práctica tus habilidades y descubre cómo aplicarlas a la programación en soluciones web para crecer en el diseño full stack.
Aprende a identificar las necesidades de los usuarios, diseñar el flujo de navegación y analizar las investigaciones de comportamiento
Adapta proyectos para múltiples plataformas utilizando diseño receptivo, flujos de navegación, wireframes, buenas prácticas de texto y microinteracciones
Descubre la importancia del refinamiento en el proceso de diseño y cuáles son los principales detalles que garantizan la calidad de la entrega
Conoce las bases del diseño de interfaces y descubre cómo mejorar la usabilidad en plataformas web/móviles
Necesidades del usuario
Prototipado y microinteracciones
Diseño perfecto de píxeles
Usabilidad y diseño responsivo
Domina la plataforma más avanzada para crear productos digitales, construir prototipos navegables, estandarizar y optimizar proyectos
Consigue organizar las prioridades y separar entregas en etapas independientes de los proyectos de UX/UI, a través de las metodologías ágiles
Rutina de trabajo ágil
Figma
¿Qué aprenderás?
Recibe el certificado de EBAC al finalizar el curso
Enriquece tu portafolio con proyectos profesionales
Aprende a trabajar en equipo, con otros profesionales de producto, UX Writers y desarrolladores
Trabaja con HTML, CSS y frameworks como los lenguajes Bootstrap para crear interfaces más inteligentes y receptivas
Trabajo colaborativo
Desarrollo web
1.
Proyecto UX/UI
Elegir 1 de los diferentes retos propuestos, los cuales responden a necesidades o situaciones específicas de organizaciones o empresas.
2.
Proyecto UX/UI con NESCAFÉ
Una de las marcas de café más conocidas y populares a nivel mundial. El alumno presentará una solución para aumentar el consumo de café en las mañanas, en vez de otras bebidas que desplazan su consumo.
3.
Proyecto Front-End
Crear una aplicación web y conectar una API que permita hacer solicitudes y dé resultados.
4.
Proyecto Front-End
Diseñar una landing page con HTML, CSS, media queries, con optimización SEO y herramientas que mejoren su objetivo comercial.
Diseña landing pages y sitios web, basándote en la optimización de la conversión y de los motores de búsqueda
SEO y Conversión
Desarrolla habilidades en AJAX, JSON y API para crear aplicaciones web interactivas y efectivas
AJAX y API
Profesores
Aprende de los casos profesionales
Vive la experiencia en un entorno laboral real
Recibe el apoyo de tutores y feedback personalizado
Enriquece tu portafolio y consigue más oportunidades
Practica con los casos propuestos por las empresas aliadas
NESCAFÉ es una marca de café reconocida mundialmente que pertenece a la gran compañía de alimentos NESTLÉ®. NESCAFÉ llegó a México en 1948, convirtiéndose en un éxito por su creación al presentar el primer café soluble del país, que hoy se ha convertido en el preferido de los mexicanos.
Tendrás acceso al branding case de NESCAFÉ y podrás desarrollar tu aprendizaje en base a desafíos reales del mercado.
Tendrás acceso al branding case de NESCAFÉ y podrás desarrollar tu aprendizaje en base a desafíos reales del mercado.
¿Quieres más información?
Confirmo que he leído, acepto y entiendo los términos y condiciones, así como el aviso de privacidad
Deja tus datos y uno de nuestros asesores te contactará para resolver tus dudas sin ningún compromiso.
Contenido del curso
La profesión online de Diseño y Desarrollo Web se divide en 70 módulos.
Tendrás acceso ilimitado para que estudies cuando quieras y donde quieras.
Tendrás acceso ilimitado para que estudies cuando quieras y donde quieras.
Aprende qué es el diseño UX y su objetivo de crear productos digitales que faciliten la vida de los usuarios. Y cómo darle un diseño visual a los productos.
Actividades: Seleccionar uno de los problemas planteados y crear el proceso del proyecto correspondiente a la metodología Lean UX.
- Introducción al mundo de UX/UI
- Herramientas UX/UI
- Metodologías: Design Thinking, Lean y Agile
Actividades: Seleccionar uno de los problemas planteados y crear el proceso del proyecto correspondiente a la metodología Lean UX.
Domina los principios del diseño universal y desarrolla una mentalidad de diseño centrado en el usuario. Identifica las necesidades del usuario con herramientas que te ayuden a crear productos accesibles y experiencias memorables.
Actividades: Establecer objetivos medibles y utilizar las herramientas de investigación para crear una plataforma inclusiva.
- Estrategia de negocio y Marketing
- U de persona usuaria
- Inclusión y diversidad del usuario
- Accesibilidad y tecnologías de asistencia
- Psicología y comportamiento del usuario
- Herramientas para entender al usuario
- Interpretación de la Información
Actividades: Establecer objetivos medibles y utilizar las herramientas de investigación para crear una plataforma inclusiva.
Explora el proceso creativo, técnicas para generar ideas y la comunicación visual en proyectos creativos.
Actividades: Crear una lista de ideas y seleccionar las funcionalidades del proyecto con el método MOSCOW y la herramienta de diagrama de flujo en FigJam.
- Generación y convergencia de Ideas
- Aterrizaje de Ideas: refinamiento del concepto
Actividades: Crear una lista de ideas y seleccionar las funcionalidades del proyecto con el método MOSCOW y la herramienta de diagrama de flujo en FigJam.
Conoce la importancia del prototipado en el proceso de diseño, las diferencias entre los prototipos de de baja y alta fidelidad, así como algunas herramientas para crearlos.
Actividades: Crear la arquitectura de la información de la plataforma, desarrollar un prototipo de baja fidelidad y los wireframes.
- Arquitectura de la información
- Introducción al prototipado
- Prototipos digitales
Actividades: Crear la arquitectura de la información de la plataforma, desarrollar un prototipo de baja fidelidad y los wireframes.
Aprende a diferenciar UX Writing del Copywriting y valora la ética del lenguaje conversacional. Consigue que el mensaje y los valores de la marca sean coherentes, optimiza el contenido para mejorar la experiencia de usuario.
Actividades: Mejorar el texto de los wireframes, definir el estilo y la personalidad de la plataforma. Hacer una segunda versión de los wireframes de media fidelidad.
- Principios del UX writing
- Voz y Tono en UX Writing
- Patrones de Escritura UX Writing
Actividades: Mejorar el texto de los wireframes, definir el estilo y la personalidad de la plataforma. Hacer una segunda versión de los wireframes de media fidelidad.
Conoce los principios visuales en el diseño de interfaces, diseño web y los elementos del diseño gráfico. También aprende a elegir fuentes y aplicaciones tipográficas.
Actividades: Crear moodboards, wireframes de alta fidelidad y la guía de estilos con colores, tipografía e íconos, para documentar el proceso de naming del e-commerce y el diseño del logo.
- Principios del diseño de interfaces
- Fundamentos de diseño gráfico
- Color
- Tipografía
- Iconografía
- Imágenes
- Photoshop e Illustrator
- Personalidad de marca e identidad visual
- Diseño web
Actividades: Crear moodboards, wireframes de alta fidelidad y la guía de estilos con colores, tipografía e íconos, para documentar el proceso de naming del e-commerce y el diseño del logo.
Aprende a crear páginas adaptables, escalar y reutilizar componentes, así como los sistemas de diseño para centralizar recursos y acelerar procesos en Figma.
Actividades: Crear los componentes para una pantalla de la app con los principios del Diseño Atómico y diseñar un Kit de UI.
- Diseño responsive en Figma
- Atomic Design y componentes en Figma
- Sistemas de Diseño
Actividades: Crear los componentes para una pantalla de la app con los principios del Diseño Atómico y diseñar un Kit de UI.
Explora los prototipos HI-FI para crear interacciones atractivas en Figma, establece métricas, estructura componentes, recopila comentarios y optimiza la conversión.
Actividades: Crear el prototipo de un sitio web en Figma con ProtoPie para promocionar un curso o evento, que incluya un elemento 3D (opcional), un formulario, y conectar todas las pantallas.
- Prototipo de alta fidelidad
- Prototipo en Figma
- Interacciones en Figma
- Evaluación
- Documentación y publicación en Figma
- Feedback
Actividades: Crear el prototipo de un sitio web en Figma con ProtoPie para promocionar un curso o evento, que incluya un elemento 3D (opcional), un formulario, y conectar todas las pantallas.
Adquiere habilidades web integrales, desde comprender la infraestructura hasta dominar HTML, diferencia el front end del back end y aplica Grid CSS y Flexbox en el diseño web.
Actividades: Desarrollar un e-commerce estático y responsivo con HTML, CSS, y elementos. Después integrar las tarjetas en el sitio web con Flexbox y filas mediante Grid.
- Introducción al desarrollo web y frontend
- HTML5
- CSS3
- JavaScript
- Visual Studio Code
Actividades: Desarrollar un e-commerce estático y responsivo con HTML, CSS, y elementos. Después integrar las tarjetas en el sitio web con Flexbox y filas mediante Grid.
Domina el diseño responsive, con media queries, adaptando elementos y unidades relativas, gestiona la tipografía para crear sitios web eficientes y adaptables a distintos dispositivos y resoluciones. Aprende la metodología BEM en CSS, organiza y haz mantenimiento de código con SASS.
Actividades: Aplicar la metodología BEM al e-commerce, utilizar Git para crear un repositorio que contenga el proyecto web y emplear los servicios aprendidos para alojar el sitio web.
Aplicar estilos a un archivo HTML utilizando SASS y crear una interfaz web con estilos de Bootstrap.
- Responsive Design
- Arquitectura de CSS
- Sass
- Bootstrap
- Git y GitHub
- Servicio de alojamiento para Sitios Estáticos
Actividades: Aplicar la metodología BEM al e-commerce, utilizar Git para crear un repositorio que contenga el proyecto web y emplear los servicios aprendidos para alojar el sitio web.
Aplicar estilos a un archivo HTML utilizando SASS y crear una interfaz web con estilos de Bootstrap.
Adquiere las competencias esenciales en JavaScript, incluyendo manipulación de datos, variables, operadores, funciones ( flecha y 'return'), condicionales, bucles, métodos de arrays, objetos, cadenas y mucho más.
Actividades: Practicar la corrección de código y aplicar los conceptos aprendidos para resolver ejercicios en Codepen. Y agregar un formulario con respuestas condicionadas al proyecto del e-commerce, aplicando la manipulación del DOM, conceptos de funciones, loops y condicionales en JavaScript.
- Introducción a JavaScript
- Funciones y Condicionales de JavaScript
- Loops en JavaScript
- Métodos de JavaScript
- Scope en JavaScript
- Características de ES6
- Clases y LocalStorage en JavaScript
- Sitios Web Interactivos: DOM y Eventos
Actividades: Practicar la corrección de código y aplicar los conceptos aprendidos para resolver ejercicios en Codepen. Y agregar un formulario con respuestas condicionadas al proyecto del e-commerce, aplicando la manipulación del DOM, conceptos de funciones, loops y condicionales en JavaScript.
Profundiza tu comprensión con JavaScript asincrónico, aplica promesas y Async/Await, domina AJAX, API, JSON, Fetch API y Axios/Postman.
Actividades: Aplicar conceptos de promesas en JavaScript y desarrollar una aplicación web capaz de consumir una API, permitiendo realizar solicitudes y mostrar resultados basados en la información obtenida de la API.
- JavaScript Asíncrono
- AJAX y APIs
Actividades: Aplicar conceptos de promesas en JavaScript y desarrollar una aplicación web capaz de consumir una API, permitiendo realizar solicitudes y mostrar resultados basados en la información obtenida de la API.
Evalúa el impacto del desarrollo front end en las estrategias de marketing. Valora la relevancia del SEO, la velocidad de carga y el análisis de datos para mejorar la eficacia de una página web.
Actividades:
- Marketing y el equipo de desarrollo web
- Emails y HTML
- Landing page
- SEO
- Optimización de páginas web para convertir
Actividades:
- Crear plantillas de email con HTML.
- Desarrollar una landing page que comunique acciones específicas de un comercio, aplicar estrategias de SEO para optimizar los resultados de búsqueda.
Adquiere las habilidades de gestión con Scrum y JIRA. Entiende el impacto del Full Stack Designer en los proyectos, destaca tus habilidades de diseño y cohesión visual. Supera el proceso de entrevistas, y usa Behance y Github para crear tu portafolio y hacer networking.
Actividades:
- Liderazgo
- Metodologías Lean
- Portafolio y el mercado de trabajo
Actividades:
- Crear un proyecto Kanban en Jira, crear un CV y un portafolio con 4 u 8 proyectos en Behance y GitHub.
- Entrevistar a un experto en Full Stack Designer para desarrollar confianza y pasión por el campo.
- Simulacros de entrevistas técnicas y sus procesos.
Metodología del curso
Clases en video
Pon tu aprendizaje en práctica
Atención personalizada
Proyecto final
Tendrás acceso a todo el material del curso en la plataforma digital
El curso tiene actividades que puedes hacer a tu ritmo
Recibe corrección y retroalimentación del tutor sobre tus proyectos
Desarrolla un proyecto profesional para enriquecer tu portafolio
1
2
3
4
Acceso de por vida
Entra al contenido del curso las veces que quieras por tiempo ilimitado
Acércate a tu objetivo profesional con el curso gratis "Cómo potenciar tu talento"
Muchos de nuestros alumnos obtienen oportunidades laborales durante el curso o poco tiempo después de terminarlo
Autoconocimiento y planificación de carrera
Ayuda para identificar fortalezas y preferencias profesionales
Aumento del conocimiento del mercado de trabajo
Materiales de apoyo para la elaboración de tu CV y perfil en LinkedIn
Así se verá tu currículum
Habilidades principales
Tu nombre
Diseñador Full Stack
Gestión de proyectos y metodologías ágiles
Investigación cualitativas y cuantitativas
Empatía para entender a los usuarios
Herramientas digitales
Certificado de EBAC
Prototipos de alta y baja fidelidad
Miro
Testeo y validación de conceptos de diseño
Figma
UX Writing
Visual Studio Code
Diseño de interfaces digitales inclusivas
Marvel
Tecnologías web esenciales, como HTML, CSS, JavaScript
Invision
Páginas web responsive con Visual Studio Code
GitHub
Integración de Bootstrap en proyectos web con CSS y SASS
Git
Sass
Bootstrap
CodePen
Postman
Git para control de versiones y colaboración
Desarrollo front end en estrategias de marketing
Uso de APIs para mejorar la funcionalidad de aplicaciones web
Inicio:
Quedan:
7 de abril
14 lugares
¿Comenzamos?
Inversión
Precio total con descuento
$ 4.194.000
12 mensualidades de
$ 349.500
a meses con tarjeta de crédito
Garantía de reembolso de 7 días
Consigue -40% de descuento por tiempo limitado
Precio normal
$ 6.990.000
-40%
hasta el 4 de abril
La Escuela Británica de Artes Creativas y Tecnología (EBAC) es una institución innovadora de educación superior en Artes Creativas y Tecnología que ofrece cursos y programas de especialización en línea.
cursos profesionales en el área de IT, diseño, marketing, audiovisual, fashion y negocios
alumnos estudiando con nuestros cursos online
de los profesores y tutores son expertos y referentes en el mercado laboral
empresas colaboran en el desarrollo de cursos, proyectos reales y programas de prácticas
+45
100%
145 mil
+40
Preguntas frecuentes
¡Claro! El curso no requiere experiencia previa y aprenderás a desarrollar las habilidades necesarias para ser Diseñador Full Stack. Aprende desde diseño web hasta programación básica. Consigue todos los conocimientos necesarios para potenciar tu currículum o iniciar una prometedora carrera en el campo.
Miro, Figma, Visual Studio Code
El curso se desarrolló teniendo en cuenta una evolución individual. Por ello, contamos con un equipo de tutores, para corregir y dar feedback sobre las actividades realizadas por cada alumno. También puedes hablar con otros estudiantes y hacer cualquier pregunta sobre el contenido de las clases al tutor en el Foro.
Sí, aunque te recomendamos consultar primero al equipo de soporte al alumno. Para un aprendizaje óptimo deberás completar las actividades al final de cada módulo y enviarlas al tutor para que sean revisadas.
La metodología del curso ha sido diseñada para adaptarse a diferentes ritmos de vida. Tendrás tutorías y feedback durante 2 años (24 meses) a partir de la fecha de registro al curso y acceso ilimitado a las clases, así podrás avanzar a tu propio ritmo.
Los módulos se publican semanalmente dependiendo del avance del alumno durante el curso. Esto significa que debes estudiar los módulos en orden y realizar las actividades propuestas por el profesor, antes de pasar al siguiente módulo.
Te sugerimos que completes un módulo por semana, te llevará dos horas aproximadamente entre asistir a clases y realizar las actividades Pero no te preocupes, este plazo es sólo una sugerencia. Recuerda que puedes avanzar a tu propio ritmo, tomar descansos para integrar el contenido y verlo de nuevo las veces que quieras antes de continuar.
Dentro de la plataforma tendrás un tutor que resolverá tus dudas, comentará tus tareas y te dará consejos. Tendrás la oportunidad de aprender de profesores líderes que son grandes referentes en su sector y aprovechar todos sus conocimientos y habilidades de vida.
