CSS es la tecnología que se utiliza en frontend para dar estilo a una web y todos los detalles que tengan que ver con el aspecto estético o visual. También es conocido por ser el mayor enemigo del desarrollador backend. En esta clase vamos a entender bien las bases de CSS, y ciertos detalles como esquemas de colores, imágenes de fondo, gradientes, tipografías o el modelo de cajas de CSS. También veremos los selectores CSS, una parte fundamental para elegir las partes a las que dar estilo o incluso para trabajar con Javascript. FASE 2: BASES DE CSS TIMELINE: 00:00 Introducción 11:32 Charla inicial 21:00 Introducción a CSS 31:00 Cómo aprender CSS 33:00 Overflow (desbordamiento) 44:50 Cargar CSS 47:10 Variables CSS 57:06 Unidades CSS 1:12:20 Modelo de cajas 1:26:00 Bordes y esquinas 1:53:35 Esquemas de colores 2:07:40 Fondos e imágenes 2:14:30 Gradientes 2:45:00 Tipografías 2:53:40 Cargar tipografías 3:20:30 Selectores CSS 3:40:20 Pseudoselectores CSS 3:52:13 Combinadores lógicos CSS 4:01:00 Preguntas Página oficial del Bootcamp: https://bootcamp.manz.dev/ Contenido del Bootcamp: https://bootcamp.manz.dev/contenido/ Redes sociales de Manz: https://manz.dev/ https://twitter.com/Manz https://links.manz.dev/
ADVERTISEMENT
No puedo decir qué parte me gustó más porque ME ENCANTÓ TODO. Solo puedo decir una cosa: haces que con tus explicaciones lo difícil parezca fácil. Ojalá y mucha gente disfrute tanto como lo he disfrutado yo
¡Consejo de la semana! Ya iremos viendo a lo largo del bootcamp que ahora, con el Nesting CSS, no sólo podemos anidar selectores como clases, id, elementos o selectores avanzados, sino que también algunas reglas como o Recuerda que tienes tanto la sintaxis relajada (relaxed syntax) como la sintaxis que proviene de Sass donde utilizas el & para preceder al selector anidado.
Pillo sitio para ver el vídeo y para que espabile el Yutuf este.
Muchísimas gracias por todo el contenido
Se me va a hacer larga la espera hasta el siguiente capítulo de CSS.
No pude asistir, en esta ocasión al directo, y la verdad es que, como siempre, la clase impresionante. Me encanta, porque siempre se aprende/descubre algo nuevo y lo que me fascina son las píldoras de conocimiento/información que suelta a lo largo de las clases. Me encanta este Bootcamp, de lo mejor que he visto.
Una belleza el curso 😎
CSS en uno de los temas de programación web que siempre me ha costado entender, pero gracias a ti Manz es mas simple de comprender, sobre todo con todos los recursos que compartes, muchas gracias.
La parte de los gradientes, una chulada. Ya me quiero ver los otros directos donde haces cosas con puros CSS para aprender más. 💙🫂
Excelente contenido, me esta ayudando a reforzar el conocimiento y, además, aprender muchas cosas nuevas. 🙌🏻🙌🏻🙌🏻
Hola Manz por aqui enpmiezo a verme el video!
Hola de nuevo, Manz. Acabo de entrar a la clase y ya estoy deseando ver qué tienes para enseñar de tu amado CSS. ¡El hype por las nubes! <3
Otro muy buen vídeo, muchísimas gracias Manz, eres un crack. Cada vez entendiendo aún más como funciona todo y encontrandole sentido.
Me encanto el video, muchas gracias manz eres el mejor, esperando el proximo.
Acá de vuelta ando revisando la clase para no perderme en la próxima jaja
Javi estuvo aquí
Si ya flipaba con las otras clases, lo que acabo de ver, sobre tus carátulas es... OH MY GOD!, eres increíble Manz 👏, sin duda eres todo talento, gracias por los videos y sobre todo por la dedicación, si es que además le pones los tiempos al video para que podamos saltar entre secciones 👏. SIN PALABRAS, me quedo atónito.
Siempre había pensado que lo de "box-sizing: content-box" era mejor no usarlo porque la mayoría de personas que lo explican como que te dan a entender que solo debes trabajar con "box-sizing: border-box".
buen video bro
Nunca he entendido bien cuándo usar rem y cuándo usar em, encuentro blogs que dicen que todo em pero creo que tailwind solo usa rem.