Componentes simples
- Botón
- Checkbox
- Switches
- Paper
- Card
- Box
Introducción al curso
Bienvenida al curso
Presentación proyecto
¿Qué es Material UI?
Preparación de entorno de desarrollo
Herramientas dentro de Material UI
Componentes simples
Componentes compuestos
Contenedores responsive
Material icons
Bonus
Construcción del proyecto
Análisis detallado del proyecto
Creando el contenedor y el text field
Colocando los estilos del buscador
Construyendo la lógica del buscador
Conectando nuestro proyecto a la API de GitHub
Conectando el buscador con la API
Creando el contenedor y trayendo la imagen de perfil del usuario
Trayendo la información principal del usuario
Trayendo la descripción del usuario
Creando el componente con las estadÃsticas del usuario
Mostrando la localización del usuario
Ajuste de estilos con SX a los componentes de descripción e información principal
Ajuste de estilos con SX al componente de descripción, PaperInformation y LocationInformation
Evaluación del proyecto
Despedida
Resumen del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Componentes simples
5/24Recursos
Aportes 7
Preguntas 0
Ordenar por:
Componentes simples
Suelen ser una sola etiqueta que tiene toda la funcionalidad del componente. Este se encarga de cumplir una sola función en particular.
Pueden ser:
- Button
- Checkbox
- Switches
- Paper
- Card
- Box
Dependiendo el componente podemos empezar a jugar con sus estilos, ya sea cambiando las sombras, el fondo, tamaño de la tipografÃa etc…
También mediante props vamos a poder insertar ciertas configuraciones, modificando los comportamientos o los mismos estilos.
Comentario constructivo: SerÃa bueno enfocar menos en el acting para las cámaras y más en el contenido, hay explicaciones muy vagas y en videos anteriores se copiaba y pegaba código sin explicar qué se estaba haciendo o qué afectaba
Platzi 💚
material-ui > bootstrap!!!
Algunas personas se quejan de cosas que escapan del tema principal del curso, yo arme el proyecto de cero, con typescript para practicar lo aprendido en cursos anteriores, a mi me parece que esta excelente el curso siendo algo Fundamental de Material.
Hace referecia a Atomic Desing
Componentes simples: Una sola etiqueta (React Element) tiene toda la funcionalidad del componente
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?