Descubre qué ha cambiado en nuestro medio

1

Todo sobre el diseño de páginas web acaba de cambiar

Conceptos que forman parte del diseño en CSS

2

La importancia de recordar las herramientas existentes

3

Flujo normal del documento: display block, inline e inline-block

4

Contextos de formato: Formato de Contexto de Bloque (BFC)

5

Posicionamiento + Dinámica: ¿Cómo se vería?

¿Flexbox o CSS Grid?

6

Diferencias entre Flexbox y CSS Grid

7

Similitudes entre Flexbox y CSS Grid

8

¿Puedo trabajar con Flexbox y CSS Grid al tiempo?

9

Dinámica: ¿Qué usarías? (Parte 1)

10

Dinámica: ¿Qué usarías? (Parte 2) + Reto

11

¿Cuándo usar Flexbox y cuándo usar CSS Grid?

Modern Layouts con CSS Grid

12

¿Qué son los Modern CSS Layouts?

13

Patrones para usar como punto de partida

14

Layouts: Super Centered, The Deconstructed Pancake, Sidebar Says, Pancake Stack, Classic Holy Grail Layout

15

Layouts: 12-Span Grid, RAM (Repeat, Auto, MinMax), Line Up, Clamping My Style, Respect for Aspect

Diseño web para desarrolladores

16

Dinámica: No puedo dejar de ver

17

Design System y detalles visuales a tener en cuenta

18

Tendencias de diseño UI/UX: Fase de inspiración y creatividad

19

Wireframes y comunicación visual simple, intuitiva y atractiva

20

Figma para devs: Auto Layout y Neumorphism (Parte 1)

21

Figma para devs: Auto Layout y Neumorphism (Parte 2)

Del diseño al código

22

Primeros pasos y estructura inicial

23

Ubicación y creación de elementos

El futuro de CSS Grid

24

Entendiendo las versiones de CSS: ¿existirá CSS4?

25

CSS Subgrid

26

Native CSS Masonry Layout

27

CSS feature queries: @supports

28

Nosotros y el futuro de la web: tips para seguir aprendiendo y mantenerse al día

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Nosotros y el futuro de la web: tips para seguir aprendiendo y mantenerse al día

28/28
Recursos

Aportes 29

Preguntas 1

Ordenar por:

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

¡Genial!, y con este acabo los dos cursos de Teff que tanto nos traía con el hype y se le veía super alegre de grabarlo hace unos meses jaja, me encantaron los cursos, pienso que Teff hizo un trabajo espectacular con los cursos, y ya no solo por el contenido que estuvo bueno, sino también porque se tomó el tiempo de documentar tooooodo para ambos cursos dentro de su GitHub.
.
Más cursos de Teff por favor, profesoras con su energía y carisma hacen mucha falta 💚🥺.

Perfiles
.
Rachel Andrew
Jen Simmons
Una Kravets
Adam Argyle
También recomiendo seguir a @teffcode 👀, publica muchas cosas geniales.
.
Websites
Smashing Magazine
Medium
MDN web docs (CSS)
A book apart (El libro que menciono teff)

Nunca he publicado un certificado, no le veo el sentido, pero en este caso la profesora lo pidió y pues ¿cómo decirle que no? imposible.

![](

Muchas gracias Estefany Aguilar. ¡Gran curso!

Estoy más perdido que adan en el día de la madre, alguien sabe si hay un curso PRACTICO de flexbox?

No me gusto el curso. Muy teorico y muchas cosas de relleno. Sugerencia para los proximos cursos.

Recuerdo cuando empecé a aprender sobre display: flex; y todos los atributos y reglas, pfff parecía un montón, como si nunca fuera a dominarlo, ahora lo utilizo como si nada, y espero hacer lo mismo con css grid 😃

Este es el primer curso de la escuela de desarrollo web que no me gusta. Teff es una increible profe, pero este curso estuvo super aburrido…

esperaba con ansias este curso (implantado por el hype the teffcode en instagram🤣) pero resulto ser mas de lo que esperaba, me voy con una nueva perspectiva sobre la relacion entre el desarrollo y el diseno y ademas con un monton de tendencias por descubrir y recursos para inspirarme, me voy feliz! porque siento que he alimentado mis ganas de
#nuncaparardeaprender
💚
gracias !

Genial, toda la documentación, ejemplos y quices que la profesora elaboró por cada lección. Se notó el gran esfuerzo y trabajo que relizó para preparar cada una de las clases. Dios quiera, que los otros profesores siguieran su ejemplo.

Les dejo mi proyecto de los cursos de CSS Grid y Flexbox:

https://nahuelzamuner.github.io/spaceForce/

The new css layout
link de descarga gratuita del libro 👀

Ojala que este aporte les pueda ser útil, dar clic aquí
Nunca pares de aprender

Increíble. Estuvo magnífico el curso!.

Muchas gracias tef estuvo genial el curso

Muchas gracias por el curso ( complementó perfecto mis habilidades). Muchas gracias a la profesora, y Platzi.

Teffcode, por favor más cursos contigo, eres muy buena enseñando y preparando las clases. Ya tomé el curso de css grid también, espero con ansias mas cursos tuyos. pleaseee!!!

¡Gran curso! Muchas gracias Teffcode por tu dedicación y entrega.

Este curso me enseño a identificar las diferentes propiedadesd e css grid y flexbox.

Aunque tuvo buena cantidad de teoria, al final logré armar mi proyecto personal y en cada paso pude ir armando mi proyecto recordando los temas de inline-block, flexbox, grid, gridtemplate entre otros.

El caso es que el curso me ayudo a resolver dudas.
Muchas gracias @Teffcode

Brutal el curso.! ♥

![](

Bueno pues en una tarde de afán no quedó del todo mal!!

mas son los recursos que hay que revisar que el contenido del curso.

Excelente Curso, me vino bien tomar teoria, ser consciente de los temas que aun no conozco en vez de lanzarme directo al VS Code (es que asi soy por impulso), ahora cuando hago algo de codigo pienso “y si lo hago con estas herramientas que Teff acaba de enseñarme” (hasta ahora no me han funcionado y me regreso al viejo y confiable felxbox, hey pero con practica es que uno aprende c:) espero seguirla viendo en mas cursos de esta escuela n.n

Muchas Gracias Teacher, ha sido un curso con mucha teoría pero muy valiosa que abre el panorama a querer investigar mas del por que de x propiedad en css.
Espero verla en algún otro curso mas y sobretodo, déjenos practicas por favor 😰

Excelente curso, personalmente me gusta este toque personal que le pone teff al poner buena documentación y dar referencias de personas relevantes en la industria. A algunos les gusta ver más códigos, pero de esos cursos hay muchos en YouTube (para practicar) y otras plataformas. Pero pocos con este estilo, gracias Teff aprendí mucho!

Gracias @teffcode por tu dedicación y tiempo por enseñar!

Estefany, gracias por estos curso de gran valor. Tanto en conceptos que creía viejos, como en conceptos nuevos.

Realmente me gusta el formato nuevo implementado en estos cursos, la documentación está muy completa.

Muchisimas gracias por el curso y por estos ultimos tips.
Me ha gustado mucho, solamente que siento que usa mucha teoria, no necesariamente debe ser puro live coding pero al menos los ejemplos podrian ser con mas animacion, codeando mientras ella explica, y no que solo imagenes estaticas, algo asi como lo que hace facundo el profesor de python que pone su recuadro circular donde esta el, en la parte inferior derecha. Aun, ella es buenisima explicando 😉

Este curso fue genial. De los que me daban ganas de aprender mas!

Gracias Teff