Podemos ir a frontend mentors y agarrar los retos que dejan, van desde faciles hasta dificiles, y sirve muchisimo para ir creando un portafolio de proyectos
Introducción
Inicia tu camino como frontend developer
¿Qué es HTML y CSS? ¿Para qué sirven?
Motores de render: de archivos a píxeles
Maquetación con HTML
Anatomía de un documento HTML y sus elementos
¿Qué es HTML semántico?
Etiquetas de HTML más usadas
Maquetación con CSS
Anatomía de una declaración CSS: selectores, propiedades y valores
Tipos de selectores: básicos y combinadores
Tipos de selectores: pseudoclases y pseudoelementos
Cascada y especificidad en CSS
Tipos de display más usados: block, inline e inline-block
Tipos de display más usados: flexbox y CSS grid
Modelo de caja
Colapso de márgenes
Posicionamiento en CSS
Z-index y el contexto de apilamiento
Propiedades y valores de CSS más usados
Diseño responsivo
Unidades de medida
Responsive Design
Arquitectura CSS
¿Qué son las arquitecturas CSS? ¿Para qué sirven?
OOCSS, BEM, SMACSS, ITCSS y Atomic Design
Próximos pasos
CSS para entrevistas y mundo laboral
Continúa con el Curso Práctico de Frontend Developer
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Aportes 37
Preguntas 4
Podemos ir a frontend mentors y agarrar los retos que dejan, van desde faciles hasta dificiles, y sirve muchisimo para ir creando un portafolio de proyectos
Cuando dijo que hiciéramos nuestros propios sitios web, y clonar algunas páginas web, inmediatamente fui a clonar la página de Twitter, en su modo obsuro, y me quedo de la siguiente manera, se aceptan criticas, uncamente fue creada con lo visto hasta ahora de HTML y CSS.
P.D. De paso síganme en Twitter 😃
Aqui les dejo un link a algunas preguntas de CSS en entrevistas: https://github.com/learning-zone/css-interview-questions
Ami en una entrevista me preguntaron por Layout Shift, y cómo afectaba utilizar display:flex y display:Grid al Layout Shift.
dejo una web q recomendaron, ideal para aplicar lo aprendiendo
https://www.frontendmentor.io/
muy buenos desafios de facil a complejo
y sirve muchisimo para ir creando un portafolio de proyectos
La practica hace al maestro 💚
Y no nos olvidemos del inglés.
Como nos dimos cuenta, prácticamente toda la documentación está en este idioma. Así que estudiarlo nos dará un gran plus en el mundo laboral.
Este curso es el complemento del html y css definitivo y practico. Con el profe Diego. …
.
.
Esta muy bueno, me gusto!!
Recomiendo muchísimo el curso de Figma que tiene Platzi, y hacer los diseños en la plataforma, si quieren pueden hacerlo con Adobe XD pero prefiero figma porque es colaborativo en en la nube. Luego a partir del diseño que creas en él lo repliques en html y css, super recomiendo esto!
Teff genial tu clase! Me hubiera encantado tener este curso cuando comencé en progrmación.
Esta clase es muy interesante para tener en cuenta antes de aplicar a un empleo como front
Genial, me gusto mucho este curso
Está muy bueno el curso, sería una buena idea que hubiera algo tipo codeforces, que son retos basados en lo que uno sabe, en diferentes dificultades y en practica de lo que se está viendo en el curso, ciento que seria una gran estimulación para cada persona que está aprendiendo, un ejemplo sería la de carta, pero que no sea en solo esa parte, si no en todos los video, que no sea copiar y pegar lo que la profesora enseña pero si un reto y tenemos las herramientas para crearlo
Muy buenos consejos para futuras entrevistas, éxitos a todos.
Una práctica sencilla que se puede realizar con los conceptos de HTML y CSS que muestra el curso es hacer un landing page para un sitio en construcción.
Acá comparto algo muy básico que hice hace algunos días.
Saludos!
Que buena la recomendación la de no aprenderse de memoria los conceptos, ni las propiedades, y en vez de eso hacer sitios web o replicar otros sitios web para así aprender de una mejor manera.
les comparto mi repositorio de GitHub donde tengo algunos retos de https://www.frontendmentor.io/ ya que estos restos nos ayudan mucho en el mundo de Frontend
https://github.com/elmergustavo/frontend-mentor
Que buena recomendaciones teff, sin duda una de las mejores cosas que puede hacer para mejorar es practicar😀.
No es suficiente con ver los videos, hay que hacer proyectos y una pagina que te puede ayudar es: https://www.frontendmentor.io/.👽
recuerden que la practica hace al maestro🦾💚.
2:18 Teff nos acaba de dar uno de los consejos mas importantes para absolutamente cualquier curso en Platzi ( y tal vez no solo en Platzi) . Ella si me entiende 😎
Excelente curso introductorio, perfecto para quien comienza en las tecnologias necesarios en el desarrollo frontend.
Felicitaciones por este curso Teffy, un placer podido aprender y recordar conceptos. Yo ya domino la base, estoy en la ruta de React y pues me salio este curso como el primero. Hace bastante lleve tu curso , todo muy nostalgico y ameno. Hora de dar el examen y seguir avanzando!
Una buena manera de practicar es haciendo los proyectos de cada curso pero al final, atrévete a cambiarlos, a hacer algo nuevo y radical, a romper el código y a equivocarte, esto te da mucho aprendizaje.
unas bases bien cimentadas son el primer paso para poder construir un gran edificio, nuestras bases bien fundamentadas en HTML, CSS & JavaScript son las que nos van a llevar a transformar en grandes frontend developers, no hay atajos para lograr!
Es hora de ir creando nuestro portafolio 😄
EXCELENTES RECOMENDACIONES !!
Tengo años trabajando con HTML y CSS pero este curso me hizo refrescar conceptos y reafirmar el conocimiento
QUE HERMOSA LA PROFE
Tomaré tus consejos, Estefany. Iré practicando poco a poco, copiando UI de páginas que me llamen la atención. Dominar cómo funciona el position, display, fley y grid… El frontend es muy divertido 😃
Me encantó este curso, gracias Estefany!
genial cuando un profesor recomienda libros para seguir aprendiendo, eso es genial, siempre la bibliografia, todos los cursos deberían de recomendar bibliografia y libros para continuar aprendiendo
Tener en cuenta… Frontend: HTML, CSS y Javascript
Mentira. Yo envié hoja de vida y si me preguntaron puero css ya que era arquitectura por capas y no necesitaban tanto js. eso fue hace como un año
😊
Excelente curso y excelente profe. Da muy bien las bases para comenzar con el desarrollo frontend usando html y css.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.