©2024 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Curso de técnicas modernas de CSS
Aprende novedades y técnicas avanzadas de CSS de las últimas especificaciones: propiedades, selectores y recursos tan útiles como desconocidos.
Material disponible
Desde la llegada de CSS3 y las especificaciones Flexbox y Grid Layout han aparecido nuevas características que han impulsado todavía más el lenguaje para convertirlo en una tecnología frontend más completa y avanzada.
El curso de Curso de técnicas modernas de CSS abarca aquellas actualizaciones y mejoras con las que adaptar nuestros conocimientos y destrezas usando las características del CSS actual, que nos permita sacar el máximo rendimiento al lenguaje y mejorar nuestros proyectos web.
Entre otras mejoras, a lo largo del curso veremos Container queries, CSS Houdini, Cascade Layers, has (), Viewport Units, Flexbox gap, Media queries Range context, CSS Nesting, CSS Custom properties, CSS filter effects, fuentes variables y CSS parts.
El curso de Curso de técnicas modernas de CSS abarca aquellas actualizaciones y mejoras con las que adaptar nuestros conocimientos y destrezas usando las características del CSS actual, que nos permita sacar el máximo rendimiento al lenguaje y mejorar nuestros proyectos web.
Entre otras mejoras, a lo largo del curso veremos Container queries, CSS Houdini, Cascade Layers, has (), Viewport Units, Flexbox gap, Media queries Range context, CSS Nesting, CSS Custom properties, CSS filter effects, fuentes variables y CSS parts.
Qué aprenderé en el Curso de técnicas modernas de CSS
Objetivos del curso
El objetivo de este Curso de técnicas modernas de CSS es ofrecer a los estudiantes un conocimiento más avanzado sobre CSS, que les permita adquirir nuevas habilidades que están ya disponibles de manera estable. Este curso te ayudará a producir un código CSS moderno, de una forma práctica y enfocada a resolver las necesidades habituales de los proyectos frontend aprovechando toda la potencia y funcionalidad que CSS nos puede aportar actualmente a la hora de desarrollar sitios web.
Por qué debes aprender CSS
Si ya tienes un conocimiento sólido de CSS este curso te permitirá adquirir nuevas herramientas para mejorar todavía más tus proyectos y las posilidades a la hora de aplicar estilos. Si estás estudiando CSS y ya tienes una idea de lo esencial, este curso te permitirá entender otras cosas que puedes hacer con el lenguaje a día de hoy, para llevar tu conocimiento de las hojas de estilo a un nuevo nivel.
Qué tengo que saber
Para hacer este curso es necesario tener conocimientos básicos de CSS, que puedes adquirir con el sigiente Curso de CSS. Incluso se recomienda tener un nivel más sólido, ya que las características que vamos a ver exigirán tener claros aspectos como FlexBox o Grid Layout. También recomendamos haber hecho antes el Curso de CSS Profesional.
Clases y contenidos
A veces los formularios pueden ser complicados de maquetar, especialmente si se quieren dar estilos propios a elementos como checkbox o radio buttons. Se verá cómo se pueden trabajar usando selectores complejos y cómo darles estilos y animaciones.
El objetivo de ésta sesión es ver cómo trabajar las imágenes y los textos jugando con paletas de colores para dar un poco de vida a los colores de la web. Se verán propiedades como object-fit, hsl, gradients (linear, radial, conic), filter, border-image, background-clip…
Se trabajará el responsive aprovechando las nuevas propiedades de CSS para poder adaptar la web a los distintos tamaños de pantalla, usando propiedades y utilidades como grid, clamp(), viewport units, variable fonts, container queries, media query range…
Se explicarán algunos trucos para solventar problemas habituales a la hora de maquetar y que puede dar algún dolor de cabeza. Se trabajarán propiedades y funciones como has, gap, scroll-behavior, box-sizing, inset, custom properties, min/max, calc…
En esta sesión se verá cómo trabajar con transiciones y animaciones. Desde efectos :hover sencillos pero resultones, a animaciones controladas por el scroll que se haga en la página, pero sin depender de librerías externas ni JavaScript. Algunas propiedades que se veran: transition, transform, animation, animation-timeline, scroll-snap-type…
Valoraciones
Néstor Horacio Diaz Duarte
simplemente genial como en tan coco tiempo Aleix no puede enseñar tanto
Ricardo O.F.
Muy interesante y muy bueno profesor, lo único a mejorar sería el sonido (un poco más calidad y amplificación). Gracias
Jorge garcia liñan
Enrique Gálvez
Gran contenido. Estupendos ejemplos y mucha agilidad. Si quieres ponerte al día de CSS es un acierto asegurado.
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.