Cuidado Señores, no tarda en llegar @Retaxmaster a llevarse TODOS los likes
Introducción
¿Ya tomaste el Curso de Frontend Developer?
Buenas prácticas de CSS: reflexión y advertencias
Layout y componentes
Identifica las pantallas de tu proyecto
Sistema de diseño, assets y variables de CSS
Maquetación responsiva: pantallas de autenticación
Crear nueva contraseña: HTML
Crear nueva contraseña: CSS
Email enviado
Login
Crear y editar mi cuenta
Mi cuenta
Maquetación responsiva: vistas principales
Página de inicio: HTML
Página de inicio: CSS
Menú desktop
Menú mobile
Mi orden: HTML
Mi orden: CSS
Mis órdenes
Navbar: HTML
Navbar: CSS
Detalle de producto
Carrito de compras: HTML
Próximos pasos
Cómo continuar aprendiendo desarrollo frontend
Aportes 47
Preguntas 4
Cuidado Señores, no tarda en llegar @Retaxmaster a llevarse TODOS los likes
Soy el unico que le encanta la chaqueta de Platzi Master?
Primer aporte del curso (aunque no aporta nada XD)
Ya quiero mi sudadera de platzi master ❤️ esta hermosaaaaaaaaaa.
Hola a todos 😄, en el transcurso del curso se usarán estilos CSS en el mismo archivo HTML, en clases anteriores se ha mencionado que esto es mala práctica, pero más adelante en tu ruta de aprendizaje vas a tomar el Curso Práctico de React.js. y la razón de mantener el HTML y CSS de cada sección del proyecto en un solo archivo .html es para facilitar el trabajo de separar y unir todo ese código cuando estés en el curso de React.
aqui el mismo @JuanDC lo explica
Like ❤️ , si quieres Platzi Master para Perú
Como puedo hacer Platzi Mater???
Qué bellaaaa la chaqueta!
Aquí vamos con un nuevo curso 😃
Hoola desde españa !!!
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
Bueno dándole la ruta de react
Les comparto los apuntes y código del curso Espero les sirva GitHub
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
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…
Hola todos,
para los que vayan empezar este curso les recomiendo que hagan lo siguiente.
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.
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.
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.
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!!!
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
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
No es aporte pero donde se puede adquirir la sudadera.
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!!!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.