Nivel Básico
23 clases
2 horas de contenido
12 horas de práctica
Aprenderás a integrar diseño y programación para crear interfaces atractivas y funcionales. Desde el proceso creativo hasta la accesibilidad, con herramientas como wireframes, grid systems y más, sólidas bases para developers.
Entender los Fundamentos del diseño
- 2
Desarrollo de la creatividad para diseño y aplicaciones web
02:59 min - 3
Conceptos Básicos de Composición en Diseño Gráfico
03:45 min - 4
Responsive Design: Metodologías y Prácticas Esenciales
04:12 min - 5
Accesibilidad Web: Mejores Prácticas y Consejos Básicos
05:11 min - 6
Creación de un Brief para Aplicaciones de Restaurantes
03:40 min
Aprender sobre Diseño Experiencia de usuario
Aprender sobre Diseño de interfaz de usuario
- 10
Diseño UI: Estilos Visuales y Diferencias con UX
01:10 min - 11
Creación de Mood Boards para Aplicaciones Visuales
01:46 min - 12
Psicología del Color y su Aplicación en Diseño Web
03:35 min - 13
Creación de Paletas de Color para Aplicaciones
03:28 min - 14
Selección y Uso de Tipografías en Diseño Web
05:02 min - 15
Creación de Grillas Responsivas con CSS Grid y SASS
05:24 min - 16
Desarrollo de Aplicaciones Web con Componentes Reutilizables
02:52 min - 17
Implementación de Themes en Aplicaciones Web con CSS y SAS
04:38 min - 18
Selección y uso adecuado de imágenes para la web
06:15 min - 19
Uso Eficiente de Animaciones y Videos en Páginas Web
06:37 min - 20
Repaso y Construcción Final de Aplicación Web en React
09:33 min
Conclusiones
Mentoría Expert
Profes del curso
Conoce quién enseña el curso
Samanta Martínez
Senior Web Engineer en Huge
💻 Front End Developer
👩🎨 Diseñadora
🤜🏽 Promotora y defensora de la libertad de información y la libertad del internet
Proyecto del curso
¡Crea una página web!
Crearás la página web de un restaurante con todo el aprendizaje que obtendrás en este curso.
software y recursos necesarios
- Editor de Texto
- Navegador Web
Opiniones del curso
4.7 · 3355 opiniones
Paul Lazcano
@Paul-Lazcano·
Super curso!! Creo que toda persona que aprenda de desarrollo web debe ver éste curso
Andrea Ríos
@andrea-rios·
Muchas gracias, me sirvió para reforzar conocimientos y aprender mucho, a veces pensaba que lo sabia todo pero es lo peor que puedes pensar.
Mónica Tejada
@laura-tejada·
Excelente curso, muy buen contenido y tips para tener en cuenta a la hora de desarrollar el frontend de una aplicación
David Santiago Florez Céspedes
@david_s_florez·
Curso bastante objetivo, información clara y concisa lo cual ayuda a entender los conceptos que se tratan de enseñar, pero lo que más me gusto fue que gracias a el proyecto que se compartió en GIT, pude acercarme más a lo que es un código completo y bien estructurado. Recomiendo este curso a quienes no hayan visto aún CSS Grid y React debido a que motiva mucho más a aprender estas tecnologías al evidenciar lo mucho que benefician al desarrollador, lo impulsa al ver todo lo que se puede hacer con un sistema de columnas y una biblioteca de JS, simplemente mágico. ^-^
Daniel Salvador Martínez Luna
@salvador-poeta·
El curso es muy bueno, pero no está bien ubicado en la carrera de Fundamentos de Programación. Antes deberían estar GitHub y CSS.
David Martín Concepción
@davidasir2020·
Excelente docente, me encantó el contenido ! Debería ser obligatorio! Muchas gracias Samanta Martínez !!!
diego gomez
@diego98gp44·
El diseño es algo muy importante para nosotros los creadores de contenido, así que incluir este curso en nuestra ruta de aprendizaje está genial puesto que mejoraremos nuestra buenas practicas para la inclusividad y la estética de nuestros proyectos
JUAN JOSE BAUTISTA ANACONA
@juanbautista0404495·
Buen curso!
Airel Jaramillo
@aireljaramillo4·
gran aprendizaje
Alejandro Díaz
@devdiazn·
Muy interesante el curso ya que fue enfocado a desarrolladores con ejemplos prácticos como los componentes de React
Luis Antonio Martínez Cárcamo
@Saber·
Aprender sobre Diseño de Experiencia de Usuario
Iran Aguirre
@iaguirre·
Muy buen curso me ayudo mucho a entener el proceso de diseno de un proyecto
Maury Sugheiry Alcalá Romero
@Sugheiry·
Excelente curso, Muy buena explicación de la profesora
Santiago Sterling
@santisterling·
Explicación
Santiago Rodriguez Chaves
@S_tiagoR·
un curso conceptual muy bueno deberia haber un curso practico mas adelante en la ruta de Web development
Daniel Felipe Ladino Murillo
@ladinory·
fácil de entender, dan ganas de seguir aprendiendo y empezar nuevos cursos como .scss
Jonathan Guidi
@JonaaGuidi·
A pesar de no saber SASS ni JS ni REACT, es un curso que vale la pena tomar si sos futuro frontend, te da una introduccion muy copada
Omar Barragán moreno
@obmoreno89·
excelente curso, explica de forma sencilla y facil de entender a la hora de hacer el diseño de nuestra pagina web
Daniel Triana
@dtriana·
Bueno el curso, aunque siento que no esta muy bien ubicado, siento que se le sacaria mas partido por lo menos despues de haber completado los cursos de JS básicos.
César Antonio Pérez Sac
@chechasss·
El conocimiento de Diseño que adquirí y la idea de que cualquier persona puede diseñar a partir del proceso creativo
César Armando Guillén Guevara
@ZonaHS·
Si se está siguiendo la ruta de la escuela de desarrollo, el proyecto incluye tecnologías que aún no han sido instruidas, de cualquier manera es bueno tener el conocimiento de los diseñadores gráficos para crear mejores proyectos.
Catherine Godoy
@c.godoy·
..
Josue Luis Gonzales Sinuiri
@J007·
Te deja con hambre de querer sabes más a fondo cada paso para el diseño web. Excelente curso.
Jesús Abraham Zazueta Castillo
@jesus.zazueta99610·
Excelente curso de todo ISW.
Kevin Daniel Hincapie Lumbaque
@caperactus·
Confirmo lo que algunos compañeros decían sobre la ubicación del curso en la ruta, tocan temas que no se han ni asomado en cursos previos pero también sirve de visión a futuro para lo que se puede lograr con más herramientas.
Marta Torre
@martatorredev·
Me encantó el curso. Como no sé mucho de diseño me gustó porque me interesa saber para comunicarme bien con los demás profesionales que intervienen en un proceso de creación web.
Jabín Cuevas
@jabin·
Este curso lo puedo dividir en dos partes; en lo que respecta a los principios básicos de diseño está excelente pues me sirvió mucho los conceptos y el workflow de cómo se trabaja debidamente. La segunda parte que es la implementación me perdí un poco por no utilizar React anteriormente (aunuque al final pude terminar y configurar correctamente el proyecto). Esto podría ocasionar confusión entre los estudiantes. De ahí en más todo muy excelente.
Brahian Estiben Pino Prado
@bpino·
Excelente.
Braian Antonio Vega Ramirez
@braian.vega·
Es un cuso bastante interesante. Sin embargo si esperas que sea practico, no es el indicado. Aquí se expresa de manera practica y didáctica términos que un desarrollador que desea enfocarse en diseño, puede y debe adquirir. La profesora expresa de manera muy clara los temas, es un curso teórico excelente.
Alexa Avendaño
@quevedohary·
Me encanto la verdad
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend y Backend con Javascript para Desarrollo Web
388 horas
39 Profes
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!
Ruta
Programación y Desarrollo de Software
129 horas
40 Profes
Aprende programación de cero a profesional con cursos de desarrollo de software, ciencia de datos y computer science. ¡Domina la tecnología más demandada!
Ruta
HTML y CSS desde cero
56 horas
8 Profes
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
Ruta
Especialización en Sistemas de Diseño
21 horas
6 Profes
Domina las herramientas y metodologías más demandadas para colaborar como frontend developer junto a equipos de diseño profesional.
Ruta
UX para Developers
48 horas
15 Profes
Potencia tus habilidades de desarrollo con diseño UX. ¡Transforma código en experiencias!
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender