Introducción
¿Qué vas a aprender?
Conceptos Generales
Introducción al desarrollo de software
Servidor y cliente
Front-End y Back-End: definición y características
¿Qué es una API?
¿Qué es Git?
Aproximación a los lenguajes de la web
Aproximación a HTML desde el diseño
Aproximación a CSS desde el diseño
Aproximación a JavaScript desde el diseño Parte I
Aproximación a JavaScript desde el diseño Parte II
Aproximación a las herramientas de desarrollo
Bases del diseño en el desarrollo
Características de las imágenes en el contexto de desarrollo web
Implementación de las imágenes en el contexto de desarrollo web
Características e Implementación de textos
Características e implementación de colores
El diseño desde una mirada de desarrollo
Diseño de botones
Implementación de botones
Diseño e implementación de inputs
Diseño de tablas
Funciones de tablas
Diseño e implementación de checkbox
Despedida
Live Class
Live Class
You don't have access to this class
Keep learning! Join and start boosting your career
If you already have an account,
Challenge Design and implementation of inputs
Create an input component in Figma with the necessary states for the web we saw:
- focus
- disabled
- hover
Including, a label, placeholder, helper text and a tooltip icon.
I look forward to seeing your designs.
Contributions 6
Questions 2
Diseño e implementación de inputs
Objetivo
- Comprender los estados que debemos contemplar en la creación de nuestros campos de texto.
- Entender la importancia del orden de nuestro Figma.
Estados de un input
- Focus
- Disabled
- Hover
Anatomía de un input
Tipos de datos de entrada
Nombres en común
Se tiene que tener una nomenclatura en común para diseñadores y desarrolladores a la hora de nombrar componentes.
Hola, Platzi no me deja publicar, dice que está en proceso de revisión el comentario con link
Hola!
Pueden poner el link del recurso porfavor?
Want to see more contributions, questions and answers from the community?