Hola ?,

Soy desarrollador front-end con 3 años de experiencia. Siempre quise cerrar la brecha en mis conocimientos y convertirme en un desarrollador full-stack. He hecho varios intentos de iniciar el Proyecto Odin pero no he podido seguir adelante de manera consistente. Esta vez, estoy decidido a seguir adelante y mejorar mis habilidades.

Para realizar un seguimiento de mi progreso, publicaré una serie de publicaciones de blog que detallarán mis aprendizajes de cada capítulo del Proyecto Odin. Considere estos como mis diarios de desarrollo.

Agregaré los temas que aprendí y compartiré cosas que no sabía antes.

Estoy empezando con CSS como HTML y todo el material introductorio que he visto anteriormente o al menos del que tengo conocimiento.

Temas aprendidos

• Selectores

1. Selector universal
2. Selector de tipo
3. Selector de clases
4. Selector de ID
5. Selector de agrupación
6. Selector de encadenamiento

• Combinador Sabía cómo usar el combinador, pero no conocía ese término específico. También la definición de que se trata de una relación entre selectores además de agruparlos o encadenarlos.
• Combinador descendiente

Propiedades CSS básicas

• color, color de fondo
• Tipografía

1. Familia tipográfica y familia tipográfica genérica

• Alto y ancho de la imagen
  Entonces, otra cosa que aprendí aquí es que es recomendable especificar siempre los atributos de ancho y alto para las imágenes en HTML. Esto garantiza que el navegador reserve el espacio adecuado para la imagen durante la representación de la página, evitando cambios inesperados en el diseño del contenido cuando se cargan las imágenes. Para mantener la relación de aspecto original de una imagen, puede cambiar solo el atributo de ancho y establecer la altura en "automático". Esto ajustará automáticamente la altura según las proporciones de la imagen.

• CSS externo

• CSS interno y en línea

Recuerdo un caso en el que mi líder técnico agregó CSS ​​en línea a nuestro HTML. Dudé en cuestionar su decisión, ya que él era un profesional experimentado y yo todavía era relativamente nuevo en el campo.

Sin embargo, ahora entiendo que un enfoque más efectivo habría sido sugerir que minimizáramos el uso de CSS en línea. Al limitar los estilos en línea solo a aquellos absolutamente necesarios para que la regla funcione, podemos evitar aplicar demasiada especificidad y mantener una base de código más limpia y fácil de mantener.

También planeo publicar un podcast semanal que recapitula lo que aprendí.