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

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

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

28/28
Recursos

Aportes 36

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

¡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!

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

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

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…

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 😃

Lo que me pareció bueno de este curso es precisamente lo que muchas personas no les gustó. Sinceramente ya cuando has practicado en páginas que son expresamente de eso, ejercicios de frontend (frontendmentor.io, devchallenges.io por tan solo mencionar unas cuantas), y conoces a nivel práctico la herramienta, superas esa etapa de solo ver el código como una tarea que realizar y te enfocas más en la manera de pensar.
.
El diseño lo ves como un proceso más conceptual que mecánico. Y eso es lo que me dejó este curso.
.
Es por eso que es de nivel Intermedio, porque es superar esa etapa de solo hacer código para que calce con el diseño y ya, es llegar al nivel donde tienes una visión más madura de tus herramientas para materializar en código conceptos más abstractos, por ejemplo implementar diferentes tendencias de diseño en un proyecto para transmitir un mensaje que se hilvane con la lógica del negocio en el que estás involucrado.
.
Para practicar y poner en código puro lo dicho en clase hay páginas y uno mismo puede implementar las ideas en proyectos personales, que al final del día es lo que uno debe hacer para alcanzar cualquier objetivo, en materia de dominio sobre la herramienta, en la programación.
.
Sin embargo lo que no llegas por tu cuenta a menos que le pongas una cantidad casi irrisoria de horas es en las abstracciones y formas de pensar nuevas. Eso es lo que enseñan cursos como estos.
.
Por eso recomendaría este curso solo si has realizado muchos ejercicios asociados a flexbox y CSS Grid, así tendrás una visión más madura para cavilar estos conceptos de la mejor manera.

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

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.

when la profesora dice: estos temas de css no se ven de un dia para otro.
Yo y otros estudiantes:
Que, como que no
😂😂

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.

**📌Resultado de mi proyecto:** ![](https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExcnBrb3JiNmcxMGh1a3Yyb2Iyb3RwNzFtZHdreWZuNGVjbmd0cjFmcCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/acZZL8l3DzrWjMfHp3/giphy.gif) * Repositorio: <https://github.com/raulsr92/reproductor-musica-proyecto?tab=readme-ov-file> * Demo: <https://raulsr92.github.io/reproductor-musica-proyecto/> * Tutorial (youtube): <https://www.youtube.com/watch?v=QAoaVlBgBUo&t=1333s>

la profe explica muy bien pero faltó bastante código

Gracias por todo maestra. Se le aprecia todo.

La Teoría → 10 de 10
La práctica → falto más 😐

Genial ¡¡ aprendi muchisimo para ser un novato, vamos por el examen ¡¡

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!!

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