Metodologías para estructurar código
Clase 5 de 42 • Curso de Preprocesadores CSS
Contenido del curso
David Behar
student•
hace 6 años
Simón Arenas
student•
hace 6 años
Simón Arenas
student•
hace 6 años
Clase 5 de 42 • Curso de Preprocesadores CSS
Contenido del curso
David Behar
Simón Arenas
Simón Arenas
Eduardo Rodriguez Yapur
Bernardo Aguayo Ortega
Addi Alberto Salazar Espinosa
Juan David Niño Rodriguez
sebastian aldana
Ulqernesh Karvenae
Eduardo Rafael Romero Bernal
Irving Juárez
Axel Jiménez
Anggi Vanesa Pallares Solis
Sebastian Lomas
Bernardo Aguayo Ortega
Addi Alberto Salazar Espinosa
Andy
César Palma
Danilo Fernandez
Arturo Mauricio Terceros Beltrán
Pablo Antonio Rodríguez Montero
Fernando Villalba
Efraín Hernández García
Bernardo Aguayo Ortega
Addi Alberto Salazar Espinosa
Carlos Mazzaroli
Andy
Ana Rotela Cabrera
Benjamin Allen Ramirez Horna
Alejandro Ramos
Pablo Antonio Rodríguez Montero
Andrés David Loaiza Zamudio
Fabian Flores
Matías Wasiak
Irving Juárez
Anfernee Valera
Hay muchas naming conventions que puedes utilizar para nombrar a tus elementos y evitar la especificidad, la más popular es BEM, pero a continuación anexo algunos otros para que elijan
Metodologías para estructurar tu HTML+CSS (con naming conventions):
Muy bueno! Ya he visto gráficas de ese estilo. Qué institución las publica David?
Jeje ya vi que es https://2019.stateofcss.com/technologies/pre-post-processors/ Buen aporte 👍
Me parece bastante útil e interesante que se brinden ejemplos basados en experiencias vividas por el instructor, nos sera de mucha utilidad para que los que estamos ingresando al mundo del desarrollo para que al momento de entrar al mundo real, lo hagamos de una forma mucho mas profesional. Bien Platzi!.
x2
x3
BEM y Atomic CSS 🔥
☝ Este es el estado de las 🟢metodologías de CSS que debemos de tener en cuenta para este año 2021
actualmente
Así es el código de la empresa donde trabajo actualmente:
Holy shit, usan preprocesadores? Dime que si
Demasiados !important no? jaja :0
Esta es la pagina
Gracias!!
Gracias :)
https://2021.stateofcss.com/es-ES/conclusion/ Conclusión Kilian Valkhof @ kilianvalkhof Desarrollador web y creador de Polypane La forma de escribir CSS está a punto de cambiar para siempre
Desde hace muchos años, se han producido muchas innovaciones en los estilos de escritura para la web en otros lugares: en preprocesadores, marcos de JavaScript o compiladores. Sin duda, el propio CSS también ha recibido algunas mejoras como la relación de aspecto o las propiedades personalizadas . Sin embargo, todavía buscamos bibliotecas y otros ayudantes a diario.
Pero se avecina un cambio. El lenguaje CSS central se está sacudiendo y renovando, y estamos a la vanguardia de la evolución acelerada.
Container Queries traerá una era completamente nueva de diseño receptivo, y Cascade Layers hará que nuestro uso de marcos, tematización y administración de bases de código complejas sea significativamente más fácil.
Cuando miramos un poco más adelante, también podemos ver aparecer el condicional @ when / else , lo que nos permitirá combinar medios, contenedores y consultas de soporte en una sola regla at.
Y crucemos los dedos, 2022 es el año en que finalmente vemos algo de movimiento en el anidamiento de CSS nativo. Aquellos de nosotros que trabajamos con herramientas como Sass y PostCSS ya no podíamos imaginar otra forma de trabajar.
Todo esto en conjunto significa que es probable que 2022 sea un año en el que la forma de escribir CSS cambiará fundamentalmente. Es un período increíblemente emocionante y esperamos todas las increíbles implementaciones en el próximo año.
Si el contenido de este curso en un futuro será para proyectos legacy
Existe algún link, con las tendencias actualizadas 2020?
Comparto link para conocer las últimas tendencias... además, se podrá visualizar el historico
BEM
Personalmente BEM es la mejor porque se hace muy explicita
me gusta mucho por lo mismo
Concuerdo contigo :D
Dejo todos los temas que fui investigando a partir de este curso. https://github.com/css-modules/css-modules https://2020.stateofcss.com/es-ES/technologies/pre-post-processors/ https://2020.stateofcss.com/es-ES/technologies/css-frameworks/ https://2020.stateofcss.com/es-ES/technologies/methodologies/ https://2020.stateofcss.com/es-ES/technologies/css-in-js/ https://platzi.com/clases/postcss-2016/ Excelente sección donde hay varias pag para bichear (revisar) temas de CSS https://2020.stateofcss.com/es-ES/resources/
Excelente aporte.
En el curso definitivo de HTML y CSS el profesor Diego de Granda explica muy bien sobre el uso de la metodología BEM ✨
bueno el usa la metodologia BEM pero no la misma sino que el la cambia
En fin, que el uso de metodologías apoyan el trabajo colaborativo, ahorran tiempo y dinero <3
Comparto link para que estemos actualizados sobre el Estado de CSS
Cabe mencionar que para el 2022 ya no se encuentra la gráfica de Metodologías pero me parece interesante para tener en cuenta al iniciar un proyecto nuevo
Creo que es hora de aplicar la metodología BEM por fin
Notas de la clase
Al menos BEM sigue siendo de las primeras
Chicos para entender mejor la metodología de BEM les dejo este blog de la profe Teff. Bem y el cohete de Spacex, Falcon 9
