Seguimos vivos.
Hemos finalizado con HTML. Sí, sé que estoy algo retrasado, pero apenas puedes respirar al realizar un Bootcamp, sin embargo, hemos culminado la segunda semana (hace un rato) y seguimos en pie.
Esta segunda semana hemos concluido con HTML, todos lo hemos terminado con un buen ritmo, la verdad, y creo que es un buen momento para hacer un resumen de lo aprendido en estas dos semanas; pienso que aunque todo viene muy comprimido, no se ha dejado nada importante atrás.
Es verdad que la gente ya se va haciendo a la idea de lo que requiere y exige un sistema de estudios como este.
Realizar un Bootcamp es, además, un compromiso muy alto para uno mismo y la dedicación debe ser alta, la lluvia de conceptos no cesa y debes afianzarlos realizando prácticas y ejercicios después de clase.
Entender lo básico: fundamentos de HTML
Estas dos semanas hemos podido ver desde lo más básico de una estructura web hasta partes de accesibilidad, terminando con una introducción a Emmet.
Emmet no es parte del HTML, si no es más bien abreviaturas, atajos, para tener un ritmo de trabajo, en este caso en Visual Studio.
Pero volviendo a lo aprendido, quizás lo más importante y cómo dividir lo aprendido es tener claro ciertas pautas, creo que si estás empezando sería bueno como hoja de ruta, pero ya te digo: solo soy un estudiante más y es mi percepción.
Elementos importantes en html.
HTML (Lenguaje de Marcado de Hipertexto), es un lenguaje de etiquetas, que son como los bloques de construcción que hacen posible que las páginas web funcionen. Cada una de estas etiquetas tiene un papel importante en cómo se gestiona la información dentro de la página y cómo funciona esta.
La Etiqueta <head>: Tu Cerebro Digital
La etiqueta <head> es como el cerebro de una página web. Guarda información importante que no ves en la pantalla, como el título de la página y otras cosas que ayudan a que la página sea encontrada por las personas que buscan en internet.
La Etiqueta <body>: Donde la Magia Sucede
La etiqueta <body> es como el cuerpo de una página web. Aquí es donde pones todo el contenido que los visitantes verán. Desde los títulos hasta los párrafos de texto y las imágenes, todo se coloca aquí para que las personas lo vean cuando visitan la página.
Secciones y Contenido: Organización
La Etiqueta <section>: Divide y Vencerás
La etiqueta <section> es como una caja que guarda contenido relacionado. Ayuda a organizar la página en partes lógicas, facilitando que las personas encuentren lo que están buscando.
La Etiqueta <article>: Historias y Más
La etiqueta <article> es perfecta para contar historias o publicar noticias. Es como una sección especial para un solo tema, haciéndolo fácil de identificar y compartir con otros.
La Etiqueta <aside>: Notas al Margen
El <aside> es como una nota al margen en un libro. Ofrece contenido adicional que complementa la información principal de la página, como anuncios o widgets.
Listas y Enlaces: Facilitando la Navegación
Listas Ordenadas (<ol>) y No Ordenadas (<ul>)
Las listas son como la sal y la pimienta de una página web. Ayudan a organizar la información de manera clara y fácil de entender, ya sea en orden o sin orden específico.
Enlaces (<a>): Tu Pasaporte a la Web
Los enlaces son como puertas mágicas que te llevan a otros lugares en internet. Con solo hacer clic en ellos, puedes ir a diferentes páginas y acceder a recursos útiles.
Imágenes y Multimedia: Añadiendo Valor Visual
Las imágenes son como fotos que puedes poner en tu página web. Ayudan a captar la atención del usuario y transmitir información de manera visual.
La Etiqueta <video>: ¡Acción!
Los videos son como películas que puedes ver en tu página web. Pueden ser divertidos y enseñarte cosas nuevas sobre un tema específico.
En resumen, las etiquetas HTML son como los cimientos de una casa. Sin ellas, las páginas web no podrían existir. Es importante entender cómo funcionan estas etiquetas para crear páginas web efectivas y atractivas para los usuarios.
Retos clave y estructuración del aprendizaje
Es esencial conocer a fondo la sintaxis HTML. Dominar cómo se construyen y organizan las etiquetas dentro de un documento HTML es crucial. La práctica regular y la adaptabilidad a los cambios en las especificaciones son esenciales para mantenerse al día. Además, la integración de HTML con tecnologías afines como CSS y JavaScript puede abrir nuevas oportunidades y agilizar el desarrollo web avanzado.
Ampliar el horizonte de aprendizaje
Ahora que ya hemos cubierto los aspectos básicos, es hora de profundizar y ampliar nuestros conocimientos de HTML. He aquí algunos temas adicionales que merece la pena explorar:
- Formularios avanzados: Más allá de los campos de texto básicos, podemos aprender sobre elementos de formulario más sofisticados como casillas de verificación, botones de radio y campos de entrada de fecha.
- Multimedia interactiva: Explore la incorporación de contenido multimedia interactivo, como mapas interactivos, vídeos subtitulados y elementos de audio controlables.
- Optimización móvil: Dado que la navegación móvil es cada vez más frecuente, es fundamental conocer las técnicas de diseño adaptable y optimizar las páginas web para dispositivos móviles.
- Accesibilidad web: Sumérgete en cómo hacer que nuestras páginas web sean accesibles para personas con discapacidad, utilizando atributos HTML como texto alternativo para imágenes y estructuras semánticas adecuadas.
- Integración con frameworks y bibliotecas: Explora cómo HTML se integra con modernos frameworks y librerías como Bootstrap y jQuery, ampliando nuestras capacidades de desarrollo web y simplificando la creación de sitios web dinámicos y atractivos.
Conclusiones
Desde la estructura básica hasta los elementos visuales y multimedia, cada etiqueta juega un papel crucial en la experiencia del usuario y en la optimización para motores de búsqueda.
Mi experiencia para esta semana, aunque queda un poco distante, quizá en mi memoria, pero el ritmo que llevamos sigue siendo muy bueno, en cuanto al nivel de los profesores, como la atención propia de HACK A BOSS.
Me gusta que las clases sean interactivas, que las explicaciones sean a la par que la escritura de código. Hay que reconocer que es la mejor forma, sobre todo si vienes con una jornada laboral encima. Se agradece que todo sea dinámico y, por ahora, Juan Vigario, lo está logrando.
