Nivel Avanzado
41 clases
3 horas de contenido
14 horas de práctica
Domina técnicas avanzadas de CSS para construir interfaces dinámicas y optimizadas. Aprende a trabajar con selectores avanzados, container queries para diseño adaptativo, variables dinámicas, nuevos espacios de color y estrategias modernas de optimización como content-visibility y lazy loading. Implementa interactividad sin JavaScript y desarrolla un sistema de componentes responsivos de alto desempeño.
Clases del curso
Container Queries - Adiós a los Media Queries tradicionales
Nuevas funciones de color y accesibilidad
Scroll-driven Animations y efectos visuales avanzados
Optimización de rendimiento con CSS
Interactividad sin JavaScript
Proyecto Final
Profes del curso
Conoce quién enseña el curso
Proyecto del curso
Portafolio personal
Construirás un sistema de componentes responsivos utilizando técnicas avanzadas de CSS. Aplicarás container queries para adaptar componentes al tamaño de su contenedor, variables dinámicas para escalabilidad, funciones modernas de color para mejorar la accesibilidad visual y animaciones basadas en scroll sin uso de JavaScript. El proyecto evoluciona módulo a módulo hasta formar un conjunto adaptable, optimizado y accesible.
Ver proyectoconocimientos previos
- Desarrollo web con HTML, CSS y JavaScript
software y recursos necesarios
- Git
- Visual Studio Code.
- Google Chrome.
- Live Server
Opiniones del curso
4.8 · 12 opiniones
María Paula Ramírez Gómez
@gomezmariapaula46·
El docente es excelente, y realmente nos ayuda mucho a optimizar el codigo.
Ezequiel Collins
@collins.ezequielet36·
El mejor docente que tuve en esta plataforma hasta ahora.
Jorge Luis Moreno Ortiz
@jorgelmoreno1022·
El mejor curso de esta ruta !! :D
Karen Sanchez
@karenxsp·
Los ejemplos prácticos con las explicaciones concisas de cada línea de código .
Diego Peraza
@www.diegoperaza·
Realmente el profe y el curso me parecieron excelentes. Con la mayoría de los cursos creo que no hay que inquietarse con memorizar cosas sino saber cómo y donde encontrarlas para que cuando se vayan a usar solo requiera un momento para refrezcar. Y obvio, practicar practicar. Lo que si me parece curioso fue el examen. Me parece muy bueno que haya bastantes preguntas porque si debes intentarlo más de una vez (como me pasó a mí), pues no te las memorizas, pero este curso se me hizo que tiene preguntas bastantes complejas, o más bien redactadas de manera innecesariamente compleja, tipo "en el contexto de....." lol . Con eso y todo no me da para criticar el curso, tiene herramientas muy utiles, se explican las cosas de forma muy práctica y está actualizado ! Hubo una pregunta que sugiere que hay que poner el JS en la etiqueta head cuando viniendo de otros curso estoy súper acostumbrado a ponerla al final del body 😅
Alian polo
@lorenarapel·
Gracias ^ w ^
Carbajal Resendiz Oswaldo Moises
@carbajal_oswaldo·
es curso esta super, pero si es recomendable tener conocimientos basse del css, selectores, herencia, animaciones, espesificidad, pero ade ahi en fuera, super bueno el curso. y recuerda practicar.
Ariel Hernán
@arielhernancontini·
Hermoso Curso :D Gracias Sergie Code por todo y bueno, a empezar a aplicar mucho mas estos casos :) muchas gracias platzi!
Johanna Marcela Orjuela Flórez
@johannamorjuela·
Profe explica bien y de manera detallada
carlos lopez
@carlosalilopez27·
Excelente
Daniel Salinas
@danielorlandosalinas935·
Bueno!
Macarena Rabosto
@maca.rabosto·
Si bien las explicaciones a veces son un poco rápidas, especialmente la parte del proyecto que en lugar de ir haciendolo en conjunto ya tiene el código prearmado, se brindan muchas herramientas útiles para aprovechar el CSS moderno. Recomendable
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender