Al fin Materialize! Como que ya mucho bootstrap por ahi!
Introducción a Materialize
Frameworks ¿Qué son?
¿Qué es Material Design y Materialize?
La lógica detrás del Grid system
Documentación y características de Materialize
Componentes de Materialize
Desarrollo del sitio
Presentación del proyecto
Instalación del proyecto
Elaboración del header
Estilos al header
Construcción del main homepage
Finalizando cards en el homepage
Terminando el index.html y estilos en el mainpage
Desarrollo de la página de artículo
Desarrollo del formulario de registro
Desarrollo de checkboxes en el formulario
Despliege del proyecto
Despliegue del proyecto en Firebase
Conclusiones
Recursos
Transcripción
¿Qué es un framework de CSS?
Los frameworks de CSS son herramientas esenciales para quienes desean construir páginas web de forma más eficiente y rápida. Imagina que, en vez de crear todo desde cero, ya cuentas con un set de estilos predefinidos —similares a piezas de un juego de Lego— que puedes ensamblar para construir la página web que deseas.
¿Cuáles son los beneficios de usar frameworks de CSS?
El uso de frameworks de CSS ofrece varios beneficios, entre los que destacan:
- Ahorro de tiempo: Evitas establecer estilos desde cero, utilizando elementos predefinidos.
- Facilidad de uso: Estos frameworks incluyen guías de implementación clara, lo que simplifica el proceso de diseño.
- Consistencia: Garantizan que todos los elementos visuales sean coherentes en toda la página web.
- Flexibilidad: Pueden personalizarse según las necesidades, ajustándose al diseño deseado.
¿Cómo funcionan los frameworks de CSS?
Al utilizar un framework de CSS, estás trabajando con un conjunto de clases de estilos predefinidos que puedes aplicar a los elementos HTML de tu página web. Estos estilos ya están diseñados por expertos, lo que garantiza tanto funcionalidad como estética. Además, la mayoría de los frameworks incluyen instrucciones y documentación detallada para ayudar a los desarrolladores a implementar estos estilos de manera efectiva.
¿Qué es Tailwind CSS?
Tailwind CSS es un framework que se ha popularizado por su enfoque único. A diferencia de otros frameworks tradicionales que ofrecen componentes prediseñados, Tailwind CSS proporciona utilidades de CSS que permiten crear diseños personalizados de manera rápida.
¿Por qué elegir Tailwind CSS?
- Personalización Completa: Tailwind no te ata a estilos predefinidos, dejando espacio para una personalización completa mediante sus utilidades.
- Rápida Iteración de Diseño: Su enfoque en utilidades permite crear y ajustar diseños sobre la marcha sin necesidad de dejar el entorno de desarrollo.
- Consistencia en el Diseño: Estilos consistentes y armoniosos en toda la web sin esfuerzo extra.
- Adoptado Globalmente: Su creciente popularidad significa una amplia comunidad y mejoras constantes.
¿Cómo se relaciona con Atomic CSS?
Tailwind CSS está inspirado en el concepto de Atomic CSS, donde el diseño se aborda con estilos atómicos, elementos más pequeños y reutilizables que permiten una construcción legible, flexible y rápida del diseño web.
¡Te invitamos a continuar tu aprendizaje en el uso y aprovechamiento de frameworks de CSS! Conocimiento de herramientas como Tailwind CSS abre un abanico de opciones para diseñar y desarrollar más rápido y eficazmente.
Aportes 36
Preguntas 4
Ordenar por:
Ayer mi cliente me preguntaba por implementar la interfaz de la aplicación que estoy haciendo con un look and feel al estilo Google. Literalmente me decía: “esa interfaz es sencilla y elegante, así lo quiero”. Y resulta que cuando busqué ayer en Platzi la palabra “Materialize” me encontré que el curso salía hoy día. A eso llamo yo alineación de los astros 😃
Les recomiendo también el curso de Tailwind, es muy bueno y cómo maquetar con el también 👍👍
Uff y yo hace unos dias que estaba hablando de mi interes en Materialize en un grupo de amigos desarrolladores y ahora platzi me sale con esta joya💚definitivamente Freddy nos escucha por el microfono de nuestra laptop y telefono😂
Que genial que este curso tan importante sea dictado por este gran profesor.
Voy a aprender frontend con React es necesario que aprenda frameworks, o preprocesadores de html y css ???
No puedo creer que esta el curso de Materialize . Vamos Platzi
Me gusta mucho los cursos con Degranda, entiendo bien los conceptos
Comenzamos con Materialize 😄
Bueno a todos los que empiecen este maravilloso curso.
Tengo que avisarles que estaba provando una nueva mejora de mi tecnica para tomar notas. Asi que veran muchos marcadores mios en la siguientes clases pero antes de que me comiencen a insultar, o llamarlos span por no saber como funcionan les prepare un tutorial para que tambien los entiendan y les sea de ayuda con sus apuntes.
Sin más les dejo el link al tutorial
Tecnica - Mejorar tus apuntes con Notion.
Materialize es un framework de CSS
Frameworks: Son clases y estilos pre-definidos para construir paginas web de forma rápida
Vamos a ver que trae Materialize, el último Framework CSS de la carrera Arquitectura Frontend
Materialize, a ver si me gusta más que bootstrap.
Cual creen que es mejor, foundation, materialize o bootstrap??
Un Framework es un set de claese y estilos predefinidos.
Existen muchos Frameworks para implementar en nuestro archivo CSS, el mas usado es Bootstrap, seguido de foundation y materialize.
“Un framework de CSS, si está bien diseñado e implementado, proporciona las siguientes ventajas:
Proporcionar una forma fácil y por tanto rápida de implementar diseños web.
Nos aseguran que el diseño va a funcionar en una amplia gama de navegadores.
Nos aseguran que su código cumple cierta normas estándar.”
hoy en 2021 el que tiene mayor proyección en chakra ui y tailwind, bootstrap dudo que muera
Este Diego es un Crack, que bien explica.
Terminé abandonando el curso de Foundation, está horrible desactualizado. Espero grandes cosas de este! 😀
Excelente! Estos cursos de @Degranda no me canzan la verdad. A darle!!
Un framework CSS proporciona a los desarrolladores web una estructura básica, que incluye cuadrícula, patrones interactivos de IU, tipografía web, información sobre herramientas, botones, elementos de formulario, iconos.
By: https://www.mockplus.com/blog/post/css-framework
@degranda, Realiza los cursos muy prácticos. Gracias, por el curso.
YA comienzo materialize
😄
Por fin los liberaron 7u7
Este es el 1 curso que tomo contigo, sera un placer 😃
Ya lo estaba esperando 😃
Interesante 😄
El ejemplo del Lego, increíble!!! Muy bueno.
Materialize es un Framework de css
Qué es
Es como sets de clases y estilos predefinidos que podemos usar para construir webs de forma más rápida.
excelente
El de foundation no pude instalarlo y me lo salte igual que el de Postcss y Sistema de diseño
Creo que este framework me gusta más que otras alternativas.
Framework CSS.: es un set de clases y estilos predefinidos que te ayudan a crear una web mucho más rápido.
A Darle 💪
Creo que este framework me gusta mas que otros.
Hola a todos! Los invito a visitar mi perfil en Git y seguirme. Los espero!
https://github.com/Bluefox182
Vengo de terminar Bootstrap, con Diego a la fija salgo feliz con este curso.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?