Diseño de Interfaces con Flexbox y CSS Grid

Soy el unico que le encanta la chaqueta de Platzi Master?

Ya quiero mi sudadera de platzi master ❤️ esta hermosaaaaaaaaaa.

Like ❤️ , si quieres Platzi Master para Perú

Para las personas que usan editores como Vim o NeoVim, hice un repositorio en donde está personalizado y listo para trabajar de manera ágil. Repositorio

Hola todos,

para los que vayan empezar este curso les recomiendo que hagan lo siguiente.

1. nombres de los archivos: por favor colocarles un nombre que identifique de qué es cada archivo. Algo como esto ( Login.html )
   NOTA : esto les va ayudar a no tener que cambiar los nombres de los archivos para cuando lleguen al curso práctico de react.

2. cuando en html asignar clases hazlo con la siguiente sintaxis.

<div class="Login_container">

// or 
<div className="LoginContainer">

// please no use this  (-)
<div className="Login-container">

INPORTAN:cuando asignes nombres a las clases trata de que sea algo descriptivo y acorde a lo que se está creando: ejemplo si estás creando el html de Login. usa nombres de clases como esta

<div class=”Login”> 

 <div class=”LoginContainer”>

Nota: esto también ayuda a la hora de asignar en react los estilos. ya que react toma todos los estilos como globales.
para que no pase eso tenemos que usar una configuración diferente, a la hora de dar estilos

básicamente lo que tenemos que hacer en react después va a ser algo como esto

import styles from '@styles/Login.module.scss';

<div className={styles.Login}>

// Obviamente esto  va a depender de la manera que elijas para colocar estilos. en mi caso elegí  (styles  modules )

y ya creo que eso es todo, si me acuerdo de algo más volveré a editar este comentario.

Aquí les comparto a todos mi toma de notas de todo el curso en un Google Docs para que entre todos podamos ir mejorándolo!
Espero que les sirva y podamos aportar al documento juntos!

Suerte en el curso, es muy entretenido!

https://docs.google.com/document/d/1qflkIWbeC7wxVj-6kagcDw5P0RbbUm0NZjmvh9BaXbM/edit?usp=sharing

les recomiendo que vean hasta una clase donde entiendan como desarrollar la pagina y empezar a solucionarlo primero ustedes y luego ver como lo hace en la clase

psdt: vengo de la clase 7

Como puedo hacer Platzi Mater???

Hoola desde españa !!!

Pues Lets Go con este curso…
Que buena sudadera por cierto!!

Es muy bueno el “Curso de Frontend Developer”… Pero, recomiendo que antes de tomar ese curso deberías ver primero el “Curso definitivo de HTML y CSS” y después ver el de “Curso de Frontend Developer”, esa es mi recomendación sobre todo por los temas abordados, ya que no se profundizan del todo como lo hacen en el “Curso definitivo de HTML y CSS”
.
Solo es recomendación…

vengo muy motivado a practicar, espero que este curso se nos haga sencillo y todos lo comprendamos a la perfección.

¡Mucha suerte a todos!

me da gusto poder aplicar todo lo aprendido en el Curso de frontend developer!!

Yo daría mi vida por la profe Estefany

Les comparto los apuntes y código del curso Espero les sirva GitHub

Qué bellaaaa la chaqueta!

Este curso esta pensado para aplicar todos los conocimentos aprendidos en el curso de frontend developer

I’m an excited with this course 😄

Por aquí dejaré mis apuntes en notion del curso de frotend developer, de paso hay una mini evaluación para recordar y reforzar algunas cositas de ese curso por si a alguien le interesa 😊

Vamos por el segundo curso práctico 🔥🚀

Bueno dándole la ruta de react

Aquí vamos con un nuevo curso 😃

Muy emocinado nuevamente de empezar este curso, con todas las vibras, para empexar este curso practico.

Excelente! el curso practico del mejor curso que ya había.

Qué placer poder tomar este curso

go!

Que genial la clase. Bastante útil para los que necesitamos proyectos

con muchas expectativas puestas en este curso

Todo lo que tenga que ver con Teff trae como una paz y armonía que inspira a seguir aprendiendo.

iniciando curso, vamos con toda

.

Pinta bien este curso, teff explica muy bien!!!

Será que aún vendrá @Retaxmaster?

Estaria genial que Platzi vendiera chaquetas para estudiantes. Con lo bien que nos sentimos la mayoria de los estudiantes con la comunidad de Platzi y el crecimiento que tenemos en ella, estoy seguro que seria un exito total.

1.Nos sentiriamos mas incorporados a la comunidad y con necesidad de participar mas ya que ya no seriamos un granito en la comunidad sino ella misma, osea aumentaria el sentido de pertenencia.

2.Estariamos apoyando a nuestra educacion con la compra debido a que las ganancias las tendria Platzi asi que no lo veriamos como un gusto sin sentido.

1. No solo eso sino que imaginate que Platzi cree un proyecto completo solo con las ganancias de las ventas de las chaquetas, seria como wao que orgullo que fui uno de los que hizo posible esa idea.

regrese

yo estoy viendo este curso con el introductorio de frontend developer, porque siento que ya es momento de poner las cosas en práctica, así que es hora de trabajar fuertemente

No me parece competente esta profesora

Lamentablemente después de un tiempo nadie ve los nuevos aportes…bueno sé que este no será la excepción…quería saludarlos y decirles que NUNCA PARES DE APRENDER 😁.

hoy comiezo este curso! vamos a ver como me va jajaj

Que vuelva Platzi Master!

Por que estoy tan feliz de verla?

Aquí vamos, que emoción y nervios

Muy contenta de poder tomar este curso práctico.

Vamos a darle!!! 😃

quiero una campera de platzi master estan muy buenas

exelente

NUEVO CURSO 😄

Apuntes de este curso en Notion

¡¡A darle!!

No es aporte pero donde se puede adquirir la sudadera.

Super ansioso por empezar este curso.

A continuar con este curso!

Bueno, aquí vamos, con todas las ganas de aprender.

a por todas! lo ves ahi?

Excelente vamos a darle. El hecho de que este curso tenga un proyecto me parece algo maravilloso, es sin duda la mejor forma de aprender algo.

Let’s do this!

hola profe que bueno volver a tomar otro curso suyo

Retomando este curso, a terminarlo!!!

Como dijo Freddier varias veces en otros lados al comentar algo: comentario amable:
.
Este curso pone en práctica la teoría vista en el curso anterior y se debe tomar como eso, como un playground para practicar, para jugar, para plantear soluciones a situaciones comunes de como alinear elementos, como distribuirlos etc. La profesora te muestra una manera y dependiendo de la experiencia tu podrás encontrar otra manera.
.
Considero que corresponde a cada persona ser estricta con su aprendizaje, con lo que se consideran buenas prácticas, con su método de trabajar con su orden y limpieza al hacer las cosas. Obviamente con la flexibilidad de seguir las reglas de juego cuando estas en un proyecto que te dicen hay que trabajar asi.
.
Ojo al dato:
.

Dependiendo del nivel de OCD (Obsessive-compulsive) de cada persona, esta aplicara todo el arsenal de reglas conocidas: Separar archivos, generar un archivo base con reglas comunes, usar metodología BEM, como dijo el profesor Diego De Granda usar el Mise en place (para tener tus gráficos preparados para trabajar), usar variables, NO USAR IMPORTANTs, etc. Aunque esto parezca demasiado Overkill para el curso, siendo un proyecto muy pequeño, es saludable, es aconsejable, es aprender a trabajar con altos estándares.

Necesito ese buso. 😦

Llegando del update del curso de Frontend Developer, ahora a practicar

Empezamos!!!
Estoy en la escuela de JavaScript!!!

esta hermosa la chaqueta de platzi de master

Holaa, donde se puede comprar esa chaqueta? ó solo se gana con puntos 😦 just kidding.

😁

Buen curso el de Fronted Developer

me gusto el curso anterior, confió en que este curso será igual de bueno, al principio tenia muchas dudas (las sigo teniendo) de mis capacidades, pero he aprendido un montón, lo importante es la constancia y dejar el síndrome del impostor atrás, si se puede.

Listo para el segundo curso de esta ruta

Recuerden pequeños saltamontes, la practica hace al maestro (Practiquen, no solo vean los videos)

😍 Placer tomar el curso!!

¡Hey! Si estás iniciando este curso te dejo aquí mi repositorio

Con las pilas recargadas despues de terminar el curso de frontend developer

Hola a todos, vamos a empezar!!1

Volvemos con todo 😃

Empezando curso!

Espero mucho de este curso

Here we go! This course will be amazing! 🎇🎆

Curso de Frontend Developer aprobado con un 10! 😎
Es imposible no aprender con todos los recursos que nos comparte antes, durante y al final de cada curso.

con ganas de implementar la practica de todos los cnocimientos ya dados

Genial, emocionado por comenzar el curso.

Quiero ser parte del Platzi Master!!!

Hola a todos.
En el curso vamos a desarrollar el codigo con unas buenas practicas que responden a la necesidad de tener componentes de nuestro sitio web, con el fin de mejorar nuestro mantenimiento y reutilizacion. Estos componentes son piezas, como la barra de navegacion o una card con su codigo HTML, CSS y JS en un solo archivo.
Estas buenas practicas contradicen a las buenas practicas basicas de tener el HTML, CSS y JS separado.
Esto se debe a que las buenas practicas obedecen a una situacion especifica determinada por la tecnologia y enfoque de trabajo.
En el pasado lo correcto era separarlo para facilitar el mantenimiento de nuestro sitio web. Hoy en dia con las herramientas y enfoques nuevos resulta tener el codigo HTML CSS y JS en un solo archivo bajo el concepto de componente y seran estos componentes lo que formaran nuestro sitio web.