Aqui les dejo todo lo que se va a utilizar en el curso en una sola carpeta de Dropbox. Antes estaba un link por parte de Platzi pero ya no funciona.
https://www.dropbox.com/sh/skwiu9gqkr2j6yb/AABmvWbUcTgDnr1m0U1RlcLBa?dl=0
Introducción
Lo que aprenderás sobre maquetación en CSS
Chrome Devtools
Análisis y creación del proyecto
Diseño del proyecto
Setup del proyecto
Creando la página principal
Arquitectura del header en HTML
Estilos en el header
Agregando íconos
Agregando imágenes al header
Manejo de Grid para posicionar contenedores
Manejo de imágenes de Background
Agregando fuentes
Terminando el Home
Creando página de Blogs
Blog page
Manejo de clases
Estilos en blogs html
Agregando imagen
Estilos del botón
Trabajando la sección de post
Grid Container
Creando página de Blog
Crear la pantalla de blog
Agregando estilos a la página de blog
Creando página de perfil
Sección de contacto
Maquetando perfil HTML
Manejando estilos en la página de perfil
Blog responsivo
Media Queries
Cierre
Cierre del curso
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
No se trata de lo que quieres comprar, sino de quién quieres ser. Invierte en tu educación con el precio especial
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Diego De Granda
Aportes 81
Preguntas 5
Aqui les dejo todo lo que se va a utilizar en el curso en una sola carpeta de Dropbox. Antes estaba un link por parte de Platzi pero ya no funciona.
https://www.dropbox.com/sh/skwiu9gqkr2j6yb/AABmvWbUcTgDnr1m0U1RlcLBa?dl=0
A la par de ver el proyecto, les comparto varias guías (css), para que, puedan tenerlas de apoyo durante el curso.
https://css-tricks.com/snippets/css/complete-guide-grid/
https://cssreference.io/css-grid/
https://developer.mozilla.org/en-US/docs/Web/CSS/grid
https://www.w3schools.com/css/default.asp
soy un cabeza dura y me cuesta muchísimo la parte del diseño de un sitio, por eso, lo que dijo de apreciar mucho que una empresa tenga una área de diseño, lo comprendí bastante.
Verdaderamente este profesor es muy bueno. Es el segundo que empiezo con él. Saludos!
Like si todos los cursos de diseño los debe dar @Degranda 👍👍
Les comparto el link con todos las imágenes y fuente que se utilizan en el curso.
Google Drive
me gustaría un figma para sacar todos los recursos
Me parece de muy mal gusto que los recursos los compartan de esa manera porque simplemente el dropbox que tenian se daño. No es justo, delen un soporte a la carpeta del proyecto por favor.
Este es un curso de esos que no se deben dejar pasar.
Estoy super emosionado con este proyecto, siento que el nivel de exigencia sube cada vez más y eso me gusta.
Veremos si en el proyecto usara Grid, el cual me gustaría usarlo y poner en practica mis nuevos skills. 🤓📈💪✅👨🏻💻
Al momento de entrar a trabajar como front-end en una empresa, si esta tiene un buen equipo de desarrollo, entonces vamos a tener compañeros que se encargarán de darnos los recursos necesarios, para montar nuestra página.
Esto se puso interesante!!!.. de aquí va a salir otra versión de mi web jaja
Hasta el momento de lo que llevo en la escuela de Platzi, puedo afirmar con seguridad que el profesor Diego de Granda es aquel con quien más he aprendido de una forma verdaderamente increíble. Sin menospreciar a los demás profesores que también han hecho un excelente trabajo, debo decir que considero al profesor Diego como el mejor hasta ahora. Su pasión por la enseñanza se evidencia en cada una de sus clases, logrando transmitir sus conocimientos de manera clara y eficiente, sin ejercer presión sobre sus estudiantes. ¡Realmente es un placer aprender de él!
Emocionado del Proyecto
El sobre mi lo haré como mi portfolio
Y lo demás será blog
Emocionado por el proyecto, sí se puede compañeros!
en esta clase te van a enseñar cual es el proyecto y los materiales que este necesita o assert
hare mi web en svelte!! Deséenme suerte por cada clase iré dejando como voy yendo 😁
No sirve el enlace para descargar los archivos 😦((
😮
Los que no han podido descargar los elementos aquí les dejo el link directo:
Me encanta el proyecto, creo que será un buen primer portafolio.🚀💚
¿Alguien tiene el zip de esta clase?
El enlace de dropbox está caído.
Muy interesante se ve el proyecto.
Me parecio interesante saber que el equipo de diseño deben aportarte todo los que utilizaras. Excelente!! vamos por mas
Es muy interesante cómo se pueden dar las guías y los recursos antes de empezar a codear como tal.
Ya tenemos los assets, lets go xdasdasd
Yo creo que esta increíble que haya texto descriptivo en cada clase porque es mas fácil ver el apunte escrito que el video grabado nuevamente.
Sin duda, que gran proyecto༼ つ ◕_◕ ༽つ
muy bueno eso …
Que emoción!! 😎 El proyecto será de múltiples páginas.
Listo
A ésta clase le vedría muy bien compartir los archivos en 1 sola carpeta, en lugar de descargar los 19 archivos uno a uno.
Buen proyecto!
Siempre humilde causa, aprecia el trabajo de los demás. Veo que critican, les hackeo la cuenta y le pase a alguien más. Saludos comunidad 😄
Listo. Reto completado:
(
Saludos.
Al ingresar al link de Dopbox sale error. Deben Resubir la carpeta!
Recuerden revisar los recursos que nos comparte el instructor en la pestaña de Archivos y Enlaces
Yo ya descargue el diseño 😄
Con expectativas altas!
Excelente, los assets para empezar =)
Muy emocionado, vamos a darle como se debe.
-A codear.
Se ven estupendas las distintas partes que componen el blog y como se disponen.
empecemos
Un proyecto genial.
Muy emocionado con arrancar el proyecto
Muy interesante proyecto para aplicar conocimientos!
Esta genial el diseño!
Genial, vamos con toda
Que chévere ya quiero empezar 😄
Tiene un diseño muy atractivo 😄
Se ve muy interesante ese blog! 🤔
EXCELENTE
Ya quiero empezar a codear!
que cool el blog, me esforzare para seguir aprendiendo
perfecto¡
estupendo sigamos 😄
A aprender mucho mas
Excelente super ordenado!
Se ve genial este projecto!
Todo listo!!!
Estoy listo !!!
Preparado!
Excelente clase!!
vamos con todo pues 😄
Me gusta el proyecto
Genial✔🧔
Excelente, se ve super interesante el proyecto
El orden es clave en este proceso de maquetación y “Codeo” como dice Diego
Continuemos 😄
Interesante, ya estoy intrigada por empezar.
Por gusto propio los iconos de redes sociales me gustan mas cuando son parte del footer y no del header,
Parece que el archivo flaticon.svg está con problemas y no descarga
Es genial cuando nos brindan los diseños de guía antes de iniciar a codear… y grande Diego cuando menciona el hecho que debemos “Apreciar el trabajo de los demás.”
Que gran diseño.
Me apena que ya no esté la carpeta completa, sé que no vamos a usar todos los recursos, pero me hubiese gustado tener el link de dropbox disponible para tener los archivos organizados por carpetas.
Analizamos el blog que desarrollaremos.
Incluye un landing page, redes sociales, proyectos realizados, biografia, contacto, imágenes y más.
m
Aprecia el trabajo de los demas!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?