
Comprende arquitecturas CSS modernas aplicando principios como SOLID, DRY, e IMMUTABILITY. Aprende metodologías BEM, OOCSS, SMACSS, y frameworks como Tailwind, para crear estilos limpios, escalables y mantenibles en proyectos reales.
Clases del curso
BEM
Atomic Design
OOCSS
SMACSS
ITCSS
TailwindCSS
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.

Conoce quién enseña el curso

Estefany Aguilar
Desarrolladora Frontend en Platzi
👩💻 Experta en CSS
🇨🇴 Organizadora de comunidades como MedellínCSS y CSS Conf Colombia
🎨 Ama enseñar con ilustraciones divertidas
conocimientos previos
- HTML y CSS
- Git y GitHub
- Frameworks de JavaScript como React, Vue o Angular (opcional)
software y recursos necesarios
- Editor de código
Mira las primeras 2 clases sin costo en este momento
4.6 · 94 opiniones


Iván Salamanca
Pienso que pudieron haber añadido unas cinco clases más para hablar sobre los frameworks de css.


Juan Castro
Nunca se me había ocurrido pensar conscientemente en cómo aplicar SOLID en CSS. Solo por eso ya valió la pena el curso. Todas las metodologías se explicaron con muchísima claridad. Super recomendado. :)


Daniel Muñoz Martín
Un gran curso donde Teff explica muy en detalles conceptos sobre arquitectura que son muy importantes cuando trabajamos con proyectos de gran escala. Gran curso!


Jairo Mayorga Torres
EXCELENETE CURSO Y EXCELENTE PROFESORA COMO SIEMPRE


Valentina Ramírez
¡Excelente!


OSCARLEON www.oscarleon.app
Excelente curso


Johanna Marcela Orjuela Flórez
Buena profe, es conocedora del tema de Css

excelente curso para conocer un poco las métodologias. de ser posible seria bueno un curso práctico implementando estas métodologias


Bryan Castano
Grandiosos Curso Adv CSS, Todo estuvo Genial, Yo he aprendido mucho por tomando estas lecciones, LA Profe @teffCode Muy Profesional como Siempre y Si que Explicase Muy Bien. Yo seguire con sus demas cursos.


Oscar Guadalupe Oscar Herrera
muy bien explicado el tema de las diferentes formas para crear una arquitectura en css


Nury Patricia Bustos Urbano
No entiendo algunas cosas, pero es porque me hace falta ver esos temas, sin embargo el curso me pareció muy bueno. Muchas gracias.


Jerson Mosquera Pretelt
Muy bien explicado.

Un curso que aborda conceptos necesarios para poder estructurar la forma en que debe crear el código. Necesario para todo frontend developer.


Luis García Jurado Stevenel
buena forma de dar el curso, no se siente tedioso en lo absoluto

Eduardo Marcelo Rodríguez Ramos
El hecho de poner en práctica los conceptos, con ejercicios prácticos y ver cómo se resuelve. Muchas gracias por la información

Yamileth Reveca Caldera Torres
Fue corto pero muchas metodologías , no fue practico para mi, pero si creo que me sirve implementar BEM ya que yo no seguía ese parámetro y creaba clases e id como loca.


Refreque conocimientos de CSS con respecto a arquitecturas que no conocia, excelente curso


Castañeda Casallas Maria Fernanda
una excelente clase


Moises Quispe Solano
Conocer las diferentes arquitecturas es muy importante para todo desarrolador web y en este curso se aprende mucho.

Fernando Bohorquez Ascanio
Excelente curso, excelente profesora.


Alejandro Daza Cruz
excelente profesora


Tiene una explicación fácil de entender con ejemplos prácticos!

Freire Alexander Palomino Palma
Excelente curso, para ir avanzando y tomando orden en los proyectos


Catherine Godoy
.


Luis Naguib Saher Valencia
Excelente.

Alejandro Jaimes
Interesante el curso, permite dejar una mejor organizacion en tu CSS, si aplicas alguna de la metodología, lo hace mas legible, robusto y escalable

Jorge Andres Palacio Diaz
Excelente preparación de cada una de las instrucciones


Fernando Vittorello
Da un pantallazo de las distintas metodologías de CSS para poder preparar proyectos de una manera mas ordenada y escalable.

Arale Ocampo
Excelente curso, la profe es increible :3


Miguel Angel Dominguez
Sensacional, me ha gustado mucho. Se disfruta cuando hay tanta dedicación.
Complementa este curso con nuestras rutas de aprendizaje

Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.




Full Stack Developer con JavaScript
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.




Full Stack con Next.js
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.




Laboratorios de Desarrollo Web
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.




Especialización en Accesibilidad Web
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.




Python: De Cero a Experto
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.




Frontend con Vue.js
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.




Backend con Node.js
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.




Backend, Arquitectura y Bases de Datos
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.




Backend con PHP
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.




Technical Writing
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.




JavaScript para Frontend
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.




Frontend con Angular
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.




Backend con Java
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.




Seguridad Informática para Web Developers
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.




QA y Automatización de Pruebas
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.




Inteligencia Artificial para Developers
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.




Fundamentos de Programación y Desarrollo Web
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.




Full Stack con WordPress
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.




Frontend con React.js
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.




HTML y CSS desde cero
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender