Transcripciones
1. ¡Hola!: Hola a todos. Muchas gracias por dar click en esta clase. Mi nombre es Verity, y soy desarrollador front-end de Sydney, Australia. Ahora, en esta clase, vamos a estar inmersos en los selectores de CSS, y cómo puedes usarlos para subir de nivel tu juego de estilo cuando estés trabajando en tus proyectos web. Nuestro proyecto para esta clase va a estar trabajando con un menú estilo acordeón que ya he reunido para ti, y puedes descargar esos archivos del curso en la sección “Tu Proyecto” debajo de los archivos adjuntos debajo de este video. Vamos a estar mirando ese acordeón y ver cómo podríamos usar esos selectores avanzados para darle estilo a los elementos diferentes maneras y formas más específicas dirigidas que solo va a hacer que tus proyectos web sean mucho mejores. Ahora bien, este curso sí asume que ya has trabajado con CSS y HTML antes, pero si nunca has tocado ninguno de esos, no te preocupes, puedes volver atrás y echar un vistazo a mi clase anterior, que se llama Cómo construir un sitio web, y eso te dará algunas habilidades fundacionales en HTML y CSS. Entonces, puedes tomar esta clase que solo se construirá sobre las habilidades que aprenderás en esa clase. Ahora, si te quedas atascado en algún momento, asegúrate de comentar abajo, y yo intentaré ayudarte. Esperemos que tus compañeros de clase intenten ayudarte y, por supuesto, asegúrate de mostrar tu trabajo en la sección de proyectos. Me encantaría ver cómo personaliza el acordeón y los efectos que se le pueden llegar. Simplemente experimente con cada uno de los diferentes tipos de selectores, porque la mejor manera de aprender es, por
supuesto, haciendo. Está bien. Si estás listo para empezar, asegúrate de descargar tus archivos del curso y vamos.
2. SELECTORES BÁSICOS: Si has trabajado con CSS antes, probablemente
te hayas encontrado con los tres tipos de selector básicos pero por si acaso, vamos a hacer un pequeño resumen rápido ahora para asegurarnos de que todos estén en la misma página. Por lo tanto, nuestros selectores básicos que utilizarías todos los días en CSS son tus selectores de elemento, clase e ID. Ahora solo para darte un rápido recordatorio de cuáles son cada una de estas cosas. Un selector de elementos es la forma en que se dirige cualquier elemento en la página de un nombre especificado. Entonces, dentro de tu html, puedes tener una etiqueta P, una etiqueta de imagen, una etiqueta div o un span. Justo como ejemplo, podría ser cualquier cosa y la forma en que apuntarías que en tu CSS es simplemente escribiendo el nombre
del elemento en CSS seguido tus corchetes rizados y luego tus estilos dentro del rizado corchetes. Ahora, una clase aplica estilos a todos los elementos de
una página que ha dado el nombre de clase especificado. Se escribe una clase con un tope completo delante de ella y puedes nombrarla como quieras siempre y cuando le des el atributo de clase al elemento al que quieres que se aplique y pongas el nombre entre las comas. Ahora, la clase difiere de un selector de elementos en que un selector de elementos seleccionaría cada párrafo individual de la página, mientras que un selector de clases solo va a apuntar a aquellos elementos a los que le ha dado la clase. Entonces, digamos que tenías una serie de etiquetas de párrafo en tu página. Si solo has aplicado la clase a uno de esos párrafos,
los estilos solo se aplicarán a ese párrafo específico. Por último, nuestro selector de ID que es el más específico de los tres. Está escrito en CSS mediante el uso de un hash antes del nombre del ID. Funciona de manera muy similar a una clase pero es importante recordar que un ID que significa identificación, solo se
puede usar un ID una vez en una página. Si lo usas más de una vez, te
va a causar todo tipo de errores y problemas.
3. HERENCIA Y ESPECIFICIDAD: ¡ Eh! Probablemente escuchaste esto antes, pero el acrónimo de CSS significa hojas de estilo en cascada, y esencialmente funciona en un método de tipo cascada donde cuanto más abajo son los estilos, más importancia se les da en el navegador. Entonces, cualquier cosa que hayas escrito arriba, si hay un selector que apunte a lo mismo abajo, ese estilo se va a acostumbrar. Ahora bien, esto puede funcionar de manera lineal de arriba a abajo, pero también en términos de especificidad. Cuanto más anidada sea una clase, más específica es, y por lo tanto más importante. Ahora, en nuestro acordeón, vemos esto demostrado todo el camino a través de nuestras hojas de estilo pero entraremos en nuestro html solo para echar un vistazo rápido a un ejemplo. El primer ejemplo es esta lección-título, esta pequeña sección aquí que tenemos diciendo en qué lección estamos. En esta sección del título de la lección, le
he dado una clase y una identificación de título. Si entramos en nuestro CSS, podemos ver que he aplicado text-align: center a la clase lección-título. Ahora, para mostrarte cómo funciona la herencia con selectores que son de igual nivel de importancia, crearé una segunda instancia de la lección-título. Esta es la misma clase que se aplica al mismo div. Son del mismo nivel de importancia, pero nuestra segunda instancia del título de la lección está más abajo de la hoja de estilo, lo que
significa que anulará nuestra primera instancia. Si guardamos esto y volvemos a nuestra página, podemos ver que en este momento es text-align; center, que es la clase original, pero si actualizo la página, se
puede ver que esa segunda instancia la anula y aplica alinear texto: izquierda. Ahora, las clases son probablemente el selector más común que vas a usar en CSS, pero probablemente también hayas visto el uso de identificadores aquí y allá. Ahora, como el nombre sugeriría, un ID es un identificador único altamente específico el cual puedes aplicar a tu HTML para diferenciarlo de otros elementos de la página. Pero, hay que tener en cuenta, como dije antes, que solo se puede usar un ID una vez en una página, y que cualquier estilo que se aplique dentro del ID va a anular cualquier selector de nivel de clase o elemento porque se le da un mayor nivel de importancia en CSS. Entonces, volvamos a nuestro CSS y demostraré lo que quiero decir. Nos desharemos de nuestra segunda instancia de clase lección-título. No necesitamos eso por el momento. Puedes ver aquí arriba, si lo comento de nuevo adentro, he seleccionado el ID de título usando hash y luego el nombre del ID, que es título en este caso, y le he aplicado text-align derecho. Ahora bien, si ID y clases tienen el mismo nivel de importancia seguiría la herencia de estilo en cascada que hacen las clases normales. Si ese fuera el caso entonces, el text-align debería estar centrado porque está más abajo de la página. Pero, debido a que en los identificadores de CSS se les da un mayor nivel de importancia, podemos ver en nuestra página que si
lo refresco, en realidad va hacia la derecha aunque hemos escrito este estilo más arriba en la página porque es un ID y tiene un mayor nivel de importancia en CSS, anula todo lo que está por debajo aplicando a ese div específico. Al trabajar en proyectos más grandes, suelo evitar usar ID tanto como puedo en mi CSS porque
sí crea un nivel extra de complejidad con herencia sólida y especificidad. Gran parte del tiempo, desarrolladores jóvenes o desarrolladores que acaban de empezar, intentarán usar algo así como un ID que tenga un mayor nivel de valor para intentar anular los temas que están teniendo en su código. Ahora, de verdad, de verdad, te animo
fuertemente a que no hagas esto. Simplemente vas a crear más dolores de cabeza para ti cuando ese tema
regrese de nuevo y vas a tener que encontrar otra forma de anularlo. Siempre es mejor resolver el problema desde su núcleo en lugar de usar tácticas de fuerza bruta, como identificaciones.
4. ESTILOS ANIDADOS VS GLOBALES: Una de las preguntas que me hicieron en mi último curso fue la diferencia entre un estilo global frente al estilo anidado en términos de especificidad. Entonces vamos a echar un vistazo rápido a eso ahora. Aquí puedes ver acordeón en el navegador, es solo una serie de sorteos, con diferentes tipos de contenido a lo largo. Entonces si entro a mi archivo de índice, se
puede ver que tengo la clase de envoltura de acordeón que recorre todo el camino. Después tenemos un contenedor para cada uno de nuestros sorteos con el sorteo de clase, y dentro tenemos etiquetas y descripciones. Ahora, en nuestro CSS, se puede ver que he escrito el dibujo de clase, y dado el estilo de cursor puntero borde inferior dos píxeles blanco sólido. Ahora, porque no hay nada que precede a esta clase, es una clase global. Lo que eso significa, es que no importa cuántas veces use esta clase en la página, y no importa en qué la use, aunque se suponga que no sea un empate, estos estilos se aplicarán. Entonces, si por ejemplo, si fuera a escribir,
transformarme , rotar 5 grados, y lo guardaré y echaremos un vistazo. Se puede ver que cada uno de los sorteos ha girado 5 grados. Ahora, sé que esto se ve un poco estúpido, pero es sólo un ejemplo. Entonces ahora, obviamente, cada uno de nuestros Dibz tiene el sorteo de clase, así que eso tiene sentido que lo hiciera. Pero ¿qué tal si aquí arriba en nuestro título fuéramos a escribir el sorteo de clases? No está dentro de nuestro acordeón, pero si lo refrescamos, se aplica
el mismo estilo. Ahora las clases globales pueden ser muy útiles, porque digamos, por ejemplo, tienes una clase contenedora que quieres usar una y otra vez, o un estilo base. Digamos que quieres que todos tus enlaces tengan un color rojo. Eso puede ser muy útil. Pero también puede ser muy frustrante en, digamos cuando estás construyendo un sitio web de varias páginas, y accidentalmente reutilizas una clase, eso suena como un nombre de clase muy general, pero no querías hacerlo. Entonces di algo así como una etiqueta, di que tenemos la etiqueta de clase aquí. En este caso, estamos usando la etiqueta como esta sección verde en un sorteo, pero, podrías usar una etiqueta en el contexto de digamos, una forma, o una imagen, o un quiz. Por lo tanto, podrías tener un sitio web de 100 páginas y usar etiquetas en todo tipo de lugares diferentes. Pero es posible que no necesariamente quieras que todos tengan un fondo verde y texto en blanco. Entonces es cuando la anidación se vuelve muy útil. Entonces, en nuestro índice, se
puede ver que nuestra etiqueta está contenida por un div padre que tiene el sorteo de costos. Entonces, tenemos la clase global de sorteo, un espacio, y luego la etiqueta del trial y hemos aplicado nuestros estilos. Entonces ahora, si fuera a entrar en nuestro HTML, y me desharé del sorteo, y vamos a escribir etiqueta, y refrescarnos, y no pasa nada. Esta es una etiqueta para el sitio técnicamente, pero no se le da el fondo verde, porque ha sido anidado. Entonces, a menos que tengas este contenedor de dibujo fuera de etiqueta, esos estilos no se van a aplicar. Ahora algo bueno que recordar, si tienes clases, digamos como con nuestra etiqueta y descripción, tenemos diferentes estilos aplicados a cada una de estas clases, pero puede que haya cosas que quieras que compartan. Algo que puedes hacer si quieres mantener tus clases separadas, pero aplicar ciertos estilos que son los mismos, en realidad
puedes encadenar clases separándolas con una coma. Entonces, tengo el dibujo y la etiqueta, y luego dibujo y descripción, y quiero darles a ambos un borde de un píxel rojo sólido, los
hemos encadenado juntos. Por lo que ahora tanto a la etiqueta como a la descripción se les ha dado una frontera. Saber cuándo usar un estilo global frente a un estilo anidado es algo que depende de ti como desarrollador, y tú evaluando tu caso de uso particular. Un estilo global es genial para cosas que te
gustaría reutilizar una y otra vez en tu sitio, pero un estilo anidado que realmente recomendaría para la mayoría de tus estilos ponerlos en los escenarios anidados que no están goteando en lugares que no los quieres, sino también para tener en cuenta que si vas demasiados niveles abajo en un estilo anidado, puede volverse demasiado específico, y demasiado frágil, por lo que no vas a poder reutilizarlo en cualquier parte de tu sitio. Una buena regla general de oro es tres niveles de nidificación máxima, para que conserves esa flexibilidad de poder peinar una y otra vez, pero no tan flexibles que se puedan utilizar en cualquier lugar del costado.
5. SELECTORES UNIVERSALES: Un selector universal es un concepto bastante sencillo y literalmente significa que puedes aplicar estilos a todo en la página, por lo que el estilo es universal. Ahora, en CSS, si entramos en CSS, puede ver que el selector universal se aplica en CSS usando un astérix solo por sí mismo, y se puede ver que en nuestro código y ejemplo, he usado el selector universal para aplicar una familia de fuentes de san-serif si comento esto y lo guardo. Echemos un vistazo. puede ver que está volviendo a su forma inicial. Entonces, al aplicar este estilo de familia de fuentes san-serif, se ve afectado todo en la página. En todas partes que haya una fuente, se ha cambiado la fuente. También lo he usado para establecer box-sizing a border-box, lo cual te recomendaría hacer con cada uno de tus sitios web que construiste. No voy a entrar en lo que realmente hace el tamaño de caja en esta clase. Eso lo cubrí en mi clase original Cómo construir un sitio web, así que puedes ir allí si quieres aprender más sobre lo que realmente hace esa propiedad.
6. COMBINADORES: El siguiente paso que vamos a cubrir son los combinadores. Ahora, en realidad has estado usando combinadores tal vez
sin darte cuenta si has escrito algún tipo de CSS antes. Un combinador es básicamente una forma en que puedes apuntar a elementos en una página dependiendo de lo que la precede y la sigue. Entonces, son cuatro tipos principales de combinadores a los que vamos a echar un vistazo, y estos son; descendiente, hijo, hermano
adyacente, y hermano general. Ahora, un combinador descendiente, probablemente
has usado antes, tal vez simplemente no sabías cómo se llamaba. Es probablemente el combinador más común, que es simplemente agregar un espacio entre dos clases, para que puedas apuntar a todos los elementos de coincidencia que son descendientes de una clase en particular. Si entramos en el CSS de nuestro acordeón, se
puede ver esto por todo el lugar. Entonces, dibujaré para apuntar a las etiquetas, queremos apuntar a la descripción, a la imagen. Esto es básicamente decir, dentro del sorteo cualquier cosa que tenga la etiqueta de clase debería tener estos estilos y ese es un combinador descendiente. El siguiente es un poco más específico, y ese es un combinador infantil. Entonces, como se puede ver aquí a la izquierda, tenemos una clase de padres y el párrafo infantil. Ahora, podrías estar pensando para ti mismo cómo es eso diferente a un descendiente. Bueno, si volvemos a nuestro CSS, y echamos un vistazo. Echemos un vistazo a nuestro índice en realidad. Si salimos a nuestro primer sorteo, verás que dentro de nuestra descripción tenemos dos párrafos y luego tenemos un subcontenedor descriptivo con un párrafo más dentro del mismo. Si entramos en el navegador, podemos ver que apenas sale luciendo como tres párrafos. Ahora bien, si entramos en nuestro CSS y apuntamos a esos párrafos. Entonces digamos, dibujar, descripción, y luego párrafo. Entonces, solo estamos usando selectores descendientes para el minuto, y decimos que queremos que tengan el color rojo,
simple guarde esto,
vamos a simple guarde esto refrescar nuestra página, y todos los párrafos dentro del sorteo en todos los niveles son rojos. Ahora, ese es un combinador descendiente. Un combinador infantil, vamos a copiar esto, selecciónelo hacia abajo. Vamos a reemplazar este combinador descendiente por un combinador infantil. Entonces, sólo estamos usando una pequeña flecha para decir un niño, y queremos que todos los niños,
los niños directos tengan el color del morado. Ahora bien, si volvemos a nuestra página y nos refrescamos, se
puede ver que los dos primeros son morados, pero el tercero sigue siendo rojo. Entonces, vamos a entrar en nuestras DevTools, y vamos a echar un vistazo a por qué es eso. Entonces, si miramos nuestro HTML se puede ver, mientras que este párrafo inferior es descendiente de descripción, no
es un niño inmediato, es más como un nieto porque está abajo en un tercer nivel. Nuestro siguiente combinador es un hermano adyacente. Entonces, eso apunta al siguiente hermano después del selector inicial. Aquí lo puedes ver. Tenemos el signo selecto más inicial, y luego el hermano que inmediatamente lo sigue. Entonces, volveremos a nuestro CSS. En nuestro tercer sorteo, si bajamos aquí se puede ver que el sorteo tres tiene un párrafo y luego dos imágenes. Para demostrar lo que haría un selector adyacente, si usamos nuestro dibujo, descripción, párrafo, y luego el hermano adyacente de la imagen, y pondremos un borde de 10 píxeles negro sólido alrededor de él. Entonces, lo que esto significa, es cualquier etiqueta de párrafo que sea descendiente de la descripción. Queremos apuntar al hermano inmediato si se trata de una imagen. Entonces, vamos a guardar eso, entra en nuestro navegador. Se puede ver que sólo está dirigida a esta primera imagen, pero se deja como la segunda sola. Porque si recuerdas en nuestro HTML, tenemos un párrafo, imagen, imagen. Entonces, este de aquí es el hermano adyacente, es el siguiente hermano después de la etiqueta de párrafo. Si quisiéramos apuntarlos a ambos, utilizaríamos al hermano general, que es esta pequeña ola aquí y que apuntará a todos los hermanos de ese nivel. Entonces, vamos a probar eso, vamos a reemplazar el plus por nuestra pequeña ola, y ahorrar. Refresca, abre nuestro sorteo, y puedes ver que se ha dirigido a ambos.
7. SELECTORES DE ATRIBUTOS: Un selector de atributos es una forma realmente útil para que apuntes elementos en una página en función de qué atributos has declarado en tu HTML. Entonces, si vamos y echamos un vistazo a nuestro archivo de índice, puedes ver que ya tenemos todo tipo de atributos diferentes. Un ID es un atributo, una clase es un atributo. En nuestras imágenes, la fuente es un atributo. Puedes ver aquí en los sorteos, realidad
he incluido un atributo de tipo de datos. Esto incluso es una forma en que puedes crear tus propios
atributos personalizados siempre y cuando lo prepares con datos, y luego un pequeño guión, puedes nombrarlo como quieras. Entonces, tal vez querrías llamarlo nombre de datos o datos activos o como quieras. Pero nos vamos a quedar con el tipo de datos por el momento. De la forma en que apuntarías eso en CSS, acabo de copiar en alguna información aquí en el archivo que estará en tus archivos de proyecto terminados. Es solo un extracto de la página de W3Schools sobre selectores
CSS porque son un poco difíciles de recordar desde la parte superior de tu cabeza. Pero esencialmente, la forma en que apuntarías un atributo en tu CSS es decir, por ejemplo, queríamos apuntar salidas con ese atributo de tipo de datos. Podrías simplemente llamar al sorteo de clase. Entonces, sin ningún espacio porque quieres apuntar al mismo elemento en el que está el dibujo, escribirías el nombre del atributo. Entonces, en este caso, quiero apuntar a cada sorteo que tenga el tipo de datos de atributo, sin importar cuál sea el valor del tipo de datos. Entonces, vamos a darle a eso un borde de un píxel rojo sólido, y vamos a ahorrar eso y echar un vistazo. Se puede ver que está dirigido a cada sorteo porque tenemos ese atributo de tipo de datos en cada sorteo. Ahora, di que solo quieres apuntar a algo de un valor específico. Entonces, tienes tu atributo de tipo de datos, pero solo quieres apuntar a aquellos que son del tipo de datos T01, por ejemplo. Entonces, si guardamos esto y nos refrescamos, ahora solo está apuntando a aquellos con T01. Ahora esto puede ser muy útil. Puedes usarlo de muchas maneras diferentes. Estoy seguro de que encontrarás formas a medida que estás construyendo tus sitios web para usar esto. No olvides, también puedes usarlo en combinación con otros tipos de selectores. Entonces, por ejemplo, con un selector descendiente. Digamos que queremos apuntar sólo a aquellos sorteos que tienen el tipo de datos T01, y queremos apuntar a las etiquetas dentro de esos sorteos y darles una especie de fondo de color mostaza. Nosotros también podemos hacer eso. Ahora, como ves, tenemos una lista bastante útil aquí. Otro ejemplo es usar esta pequeña ola, puedes apuntar a parte de lo que conforma el valor del atributo. Entonces, aquí tienen el ejemplo del título, incluye la palabra flor. Ahora, podríamos usar eso en nuestro acordeón para apuntar a sus imágenes. Entonces, si decimos dibujar imagen y
decimos que la fuente debe incluir la palabra bicicleta, por ejemplo, queremos rotar cualquier imagen de bicicletas por cinco grados. Entonces, vamos a guardar eso y refrescar y abrir nuestro sorteo. Ups, y eso no funcionó. El motivo es que escribí fuente en lugar de alt que es donde escribirías la descripción de lo que es la imagen. Entonces, si entramos en nuestro HTML, se
puede ver alt bike, alt donuts, y sólo queremos apuntar a aquello que tiene la palabra bike en él. Entonces, aunque añadiéramos otras palabras, bicicleta
azul, y guardáramos
eso, seguiría apuntando a la moto porque el valor de la etiqueta alternativa incluye la palabra bicicleta. Otro valor de atributo útil es este de aquí donde puedes apuntar a cualquier atributo que te guste y usar el $ para buscar el valor y encontrar cualquier atributo que tenga el valor terminando en un determinado conjunto de palabras o letras. Entonces, por ejemplo, podríamos buscar de nuevo la imagen de dibujo. Busquemos la fuente esta vez. Vamos a buscar cualquier imagen que tenga el final de jpg dentro de la fuente. Vamos a aplicar transformada, digamos, escala 1.2. Entonces, esto lo va a escalar un 20 por ciento. Guardamos y refrescamos. puede ver que ha aumentado de tamaño. Ahora, hay toda una lista de diferentes selectores de atributos que puedes usar, y realmente te animaría a jugar con ellos, solo experimentar y con los diferentes tipos de efectos que puedes lograr con estos atributos selectores.
8. PSEUDOCLASES: Ahora, la clase Pseudo es una forma en que puedes apuntar a diferentes estados en tu HTML y CSS. Entonces, digamos que tienes algo así como un enlace, usarías una clase para un selector de elementos o lo que quieras darle estilo al enlace en su estado predeterminado, ¿cómo lo verías decirlo cuando cargues la página. Pero cuando quieras que diga pase el cursor sobre ese enlace, es posible que quieras que los estilos sean ligeramente diferentes. Es posible que desee que cambie de color, o que se resalte, o que se subraye. Entonces, usarías una pseudo clase para apuntar al estado de desplazamiento de ese elemento. Si entramos en nuestro CSS, he pegado solo un par de ejemplos de pseudo clases que puedes usar, incluyendo nuestro hover, nuestro visitado y el antes y después. Solo vamos a echar un vistazo rápido a cómo realmente usarías estos. Entonces, sabemos que en nuestro acordeón tenemos nuestros cajones con nuestra etiqueta en descripción. Entonces, ¿por qué no usamos el estado hover para apuntar a nuestra etiqueta? Entonces, vamos a escribir dibujar, etiquetar y podemos usar el hover haciendo un poco de dos puntos, y luego escribiendo el nombre de la pseudo clase, corchetes rizados, y queremos que nuestros fondos cambien a ser este color mostaza cuando sostenemos sobre ella con nuestro ratón. Si guardo eso, y nos refrescamos, y se puede ver que ese efecto ahora está funcionando. Otra pseudo clase que sí uso con bastante regularidad, que quería mencionar, sería antes y después de pseudo clases. Ahora, eso te permite alterar el estado de/o agregar cosas en cualquier lado en el antes o después de tu elemento. Entonces, digamos con nuestro título de la lección, un poco h1 uno aquí, lo que en realidad puedes hacer es si objetivo título de la lección y luego la de la escotilla, puedo usar la pseudo clase antes para realmente agregar contenido antes de la h1. Entonces, si digamos por ejemplo, quería agregar dos inclinaciones en un espaciado, y quiero que tengan el color rosa, y quiero que tenga el tamaño de fuente de 35 píxeles. Digamos eso y echemos un vistazo a lo que sucede. Se puede ver ahí está, aparece. Entonces, hemos escrito una extensión de nuestro HTML dentro de CSS. Ahora, no recomendaría realmente escribir HTML en tu CSS pero digamos, estás intentando crear campos de formulario personalizados o botones de entrada o algo así, puede ser realmente útil poder agregar en este poco extra de algo antes o después de un elemento que puedes peinar y personalizar. Verás muchos ejemplos de esto a medida que comienzas a construir más características creativas de tu sitio web.
9. ¿AHORA QUÉ?: Ahí vas. Has echado un vistazo a algunos de los tipos seleccionados más avanzados disponibles en CSS. Espero que hayas aprendido algunas habilidades nuevas y hecho algunos experimentos con tu codificación para ver qué tipo de estilos se te ocurre. Me encantaría ver el trabajo que has hecho en la sección de proyectos abajo. Entonces, asegúrate de subir capturas de pantalla, fragmentos de
código, lo que quieras, me encantaría verlo. Si quieres ver más clases para mí en el futuro, asegúrate de seguirme en Skillshare y redes
sociales y te avisaré cuando actualice alguna clase nueva. Si tienes algo de lo que realmente te gustaría aprender, asegúrate de comentar abajo o tuitearme o lo que quieras. Dime qué te gustaría aprender y puedo absolutamente intentar hacer un curso sobre eso para ti. Si te sientes extra dulce, puedes dejar una reseña sobre este curso, eso realmente me ayudaría. Espero que hayas disfrutado de la clase y te veo la próxima vez.