Lleva tus conocimientos de CSS a otro nivel

1

Tips para llevar tu conocimiento de CSS a otro nivel + Quices

¿De dónde venimos y en dónde estamos?

2

¿Cómo fue pensado CSS cuando se creó?

3

Limitaciones de CSS y el problema de los elementos flotantes

4

Herramientas que nos han facilitado el camino

¿Cómo se llegó al concepto de CSS Grid?

5

¿CSS Grid es una idea nueva? La evolución de la especificación

6

¿Qué significa Grid para CSS?

Control de alineamiento

7

Técnicas de alineamiento antes de CSS Grid: margin y line-height

8

Técnicas de alineamiento antes de CSS Grid: table-cell y positions

9

Técnicas de alineamiento de CSS Grid: pros y contras

10

Modos de escritura y ejes de alineamiento + Reto

11

Propiedades físicas y lógicas en CSS + Quiz

12

Técnicas de alineamiento con Flexbox

13

Dibujemos con CSS + Reto

Conceptos generales para comenzar a trabajar con CSS Grid

14

Grid y las relaciones padre e hijos inmediatos + Quíz

15

Lines, tracks, cell, area, gutters, grid axis, grid row, grid column + Reto

16

¡Iniciemos nuestro proyecto! Fase de creatividad e identificación de elementos

Propiedades y valores para el elemento padre

17

Creando nuestro contenedor: ¿display: grid o display: inline-grid?

18

Creando filas, columnas y espaciado + Reto

19

Alineamiento en el elemento contenedor + Quiz

20

Generación automática de tracks + Quíz

21

Funciones: repeat(), minmax() y fit-content()

Propiedades y valores para los elementos hijos

22

¡Manos al código! Fase de construcción de la grid principal de nuestro proyecto

23

Ubicación + Reto

24

Alineamiento en los elementos hijos + Quiz

25

¡Manos al código! Fase de ubicación y alineamiento

26

Continuando con la fase de ubicación y alineamiento

Lo que podemos lograr adicionalmente con CSS Grid

27

Responsive y CSS Grid

28

Continúa con el Curso de Diseño Web con CSS Grid y Flexbox

Continúa con el Curso de Diseño Web con CSS Grid y Flexbox

28/28

Lectura

¡Felicitaciones por terminar el Curso de CSS Grid Layout!

En este curso aprendiste los fundamentos de CSS Grid para maquetar sitios y aplicaciones web increíbles. El próximo paso es aprobar el examen para poner a prueba tus conocimientos y obtener el diploma de certificación. Recuerda que puedes descargar los slides del curso para repasar lo que aprendiste siempre que lo necesites.

El siguiente curso en tu carrera profesional como frontend developer es tomar el Curso de Diseño Web con CSS Grid y Flexbox, donde descubrirás como crear layouts y sistemas de diseño profesionales gracias a esta herramienta.

¡Te espero en el próximo curso! ¡Nunca pares de aprender!

Aportes 43

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

resumen de la clase:

✍ Apuntes del curso

A lo largo del curso pude realizar mis apuntes espero que les gusten 😸

A mí no me gustó el curso. Puede que se deba a que me gustan más los cursos prácticos, y en este curso sentí que la mitad era más como de CSS intermedio e historia de CSS que de CSS Grid. Y luego para algunos temas, solo explicarlo con diapositivas no es, para mí, efectivo.
Se nota que Teff es una gran profe y espero que el siguiente curso sea un poco más práctico.

Me encanta lo prolija y ordenada que sos a la hora de armar un curso. Clase por clase todos los elementos necesarios en su correspondiente apartado en github. Ojalá más profesores tomen tu ejemplo para sus cursos futuros.

Buen curso para complementar el de Leonidas.

¡Genial!, Excelente curso, lo amé, me encantan los quices de Teff, CSS Grid es una herramienta muy poderosa, permite hacer demasiadas cosas de una forma muy sencilla, creo que lo retomaré para mis poryectos, love you CSS Grid!!! 💚.

corto pocas prácticas aprendí mas en YouTube con el canal de edteam que en este curso realmente recomiendo que lo actualizen

toy enamorao de usted profe , gracias por este curso jajaj

Excelente curso muy completo y más por la mamacita de profesora 😍👨‍💻

Este curso rebasó toda expectativa de mi parte 👌👍, gracias profesora Estefany 😃

Con todo respeto a Leonidas y su curso anterior, este me parecio muy superior!!! la profesora es genial y aprendí cosas que nunca había oído hablar. Ya mismo voy a tomar el examen y empezaré el otro curso. Desde hace tiempo consideraba que si había un curso de CSS Grid uno de flexbox sería útil y en estos dos lo enseñan bastante bien 😍

Extenso curso pero bien completo

Estupendo como siempre. Mi parte favorita fue el módulo de dibujar con CSS, no sabía que se podía hacer y abrió un mundo de posibilidades para mi jajajaja!

Excelente curso, muy bien explicado. Buena profe. Gracias.

Buen día, aquí te comparto mis notas sobre el curso, espero te sea de utilidad:

Fue un muy buen curso.
Si, muy teórico pero aun así me llevo mucho aprendizaje.
Espero el siguiente curso tenga mas práctica que me quede con ganas de ver ejemplos de maquinación de webs ya con Grid.
Mil Gracias Teacher Estefy💜

Excelente curso, excelente explicación. Gracias Estefany

Gran Curso

Gracias Estefay, este curso realmente ha sido de muchisima importancia para mejorar mis destrezas en CSS.

Realmente, muchas gracias!!!

excelente curso!

Saludos, gracias por el curso, muy interesante.
Recomendaciones a la profe: 1) La muletilla “Justamente” la usas demasiado, incluso en un mismo video" 2) Evitar los diminutivos como Casita 😃
Criticas constructivas.
Muchas gracias de nuevo, saludos y nos vemos en el siguiente curso : D

Gracias, Teff. Fue un curso para seguir aprendiendo bastante sobre el desarrollo web y más aun con los cambios y actualizaciones como es el caso de: Grid; las propiedades lógicas y los modos de escritura. Buen curso. 💚

Fue un excelente curso, me aclaró muchísimas dudas, es una muy buena profesora y muy inteligente, se nota el bagaje y conocimiento abismal que tiene, realmente sabe mucho, es un curso que explica primero teóricamente y después de manera práctica lo que lo hace ideal para quien quiere aprender con seriedad y no solo copiar código sin saber que está haciendo. 10/10!!

Me encanto este curso, hubo cosas muy interesantes como el writing-mode, que bueno seria un curso enfocado a este tipo de cosas.

Woooow !! Es la primera vez que tomo un curso con Teff y de verdad aprendí mucho con este curso, hehehe siempre quise tomar un curso de CSS pero nunca tuve oportunidad hasta ahora.

Daba por hecho muchas cosas y conocer más sobre CSS me sorprendí al ver tantas propiedades nuevas, sin duda alguna recomiendo este curso, es muy bueno, la explicación es sencilla y creo que todos pueden manejar el ritmo del curso.

Gracias por el esfuerzo que le invertiste al curso, recomendado

Excelente curso y me sumo a todos los buenos comentarios anteriores sobre la profesora, un 10.

Excelente curso, sinceramente pensaba que CSS GRID era algo súper complicado y duro de aprender; sin embargo, ahora veo que es todo lo contrario, al inicio si es un poco duro no me malentiendan, pero cuando lo practicas es hasta intuitivo

Excelente curso e insuperable, más de estos cursos con full práctica

Creo que lo veré nuevamente me encanto este curso, muy bien explicado todo gracias Estefany, excelente aporte!

Excelente, aprendí muchisimo de grid y realmente es una extraordinaria herramienta y muy poderosa

Es un gran curso. Complementa, y mejora todo el conocimiento que tenía sobre “Css-Grid”. Gracias. Podrían hacer uno igual pero, de animación (css). Gracias.

a

Me ha ayudado muchisimo a actualizar y conocer conceptos muy útiles, y sobre todo como en todos los cursos a seguir por mi mismo documentación oficial de manera mas cómoda!!

Excelente curso me encanto.

Excelente curso. Me sorprende el talento de Estefany para enseñar y sobre todo lo grandiosa que es como dev 🙌.

Genial

Genial, me fascino este curso. Ha sido de los mejores.

Gracias a la profesora por crear este curso, no tanto por lo que significa css-grid, sino por como lo hizo la profesora, me gusto la documentación, los Quizes, los retos, además de la porción de historia, espero sigan creando este tipo de cursos, ya que al menos por mi parte pondré el mayor interés posible.

excelente curso lo único que queda a desear es el video de la cámara y en algunas clases el audio pero se entiende y se aprende bien

Genial!, me fascino, increíble, perfecto, técnico, estructurado, bonito, nada improvisado, buen material, y la profe espectacular, super pro en el tema, me encanto!.. asi es que se hace un curso
![](

Excelente y muy bonito curso.

Se aprenden cosas que no habia visto siempre algo nuevo y con eso me quedo. Gran maestra y explicita en todo

Excelente curso!, increíble, aprendí cosa que no sabía de CSS Grid, felicitaciones al profesora estefany aguilar 💚💚💚
.

Gracias profe por ser tan práctica ;D (A nunca parar de aprenderrrrrrrr :3)