Desarrollador web Full Stack

El diseño responsivo es un enfoque de desarrollo web que permite que una página o aplicación se adapte de forma automática y fluida a cualquier tamaño de pantalla, ya sea un teléfono móvil, una tableta, un ordenador portátil o un monitor de escritori...

RECORDATORIO TEÓRICO El diseño responsivo consiste en crear interfaces que se adapten fluidamente a cualquier tamaño de pantalla sin duplicar código. CSS3 nos ofrece tres pilares fundamentales: las Media Queries, Flexbox y CSS Grid. Las Media Queries...

En el desarrollo web moderno, un componente de interfaz raramente funciona en un único tamaño de pantalla. Un menú de navegación, una tarjeta de producto, una sección de características o un formulario deben adaptarse visualmente a pantallas pequeñas...

**Recordatorio teórico** Flex-wrap es una propiedad CSS de Flexbox que controla si los elementos hijos de un contenedor flexible deben permanecer en una sola línea o pueden distribuirse en varias. Por defecto, flex-wrap tiene el valor nowrap, lo que ...

Flexbox es un sistema de diseño unidimensional que permite organizar elementos dentro de un contenedor a lo largo de un eje principal. Hasta ahora has aprendido los conceptos básicos de Flexbox, la alineación, la gestión de márgenes automáticos y la ...

Flexbox, cuyo nombre completo es Flexible Box Layout Module, es un modelo de diseño en CSS3 que permite organizar elementos dentro de un contenedor de forma flexible, controlando su alineación, distribución y orden con gran precisión. En las activida...

**Recordatorio teórico** Flexbox ofrece una propiedad esencial para controlar la dirección del flujo de los elementos dentro de un contenedor flexible: `flex-direction`. Por defecto, su valor es `row`, lo que dispone los elementos en fila de izquierd...

RECORDATORIO TEÓRICO Flexbox (Flexible Box Layout) es un modelo de disposición CSS diseñado para distribuir elementos dentro de un contenedor a lo largo de un eje principal (horizontal o vertical) y un eje secundario. El contenedor flexible se activa...

RECORDATORIO TEÓRICO Flexbox (Flexible Box Layout) es un modelo de diseño CSS que permite distribuir y alinear elementos dentro de un contenedor de forma dinámica y predecible. El modelo mental fundamental es el siguiente: existe un contenedor flex (...

Gestión del flujo y los márgenes automáticos en Flexbox En el capítulo anterior, se introdujo el concepto de contenedor flexible (Flexbox). Ahora se profundiza en dos aspectos fundamentales que permiten controlar con precisión la distribución de los ...

Flexbox, cuyo nombre completo es Flexible Box Layout Module, es un modelo de diseño de CSS3 que permite organizar, alinear y distribuir elementos dentro de un contenedor de manera eficiente, incluso cuando el tamaño de esos elementos es dinámico o de...

**Recordatorio teórico** Antes de comenzar el taller, repasa estos conceptos clave. Las unidades relativas en CSS permiten crear diseños que se adaptan a diferentes tamaños de pantalla sin depender de valores fijos en píxeles. El `rem` (root em) es r...

Las unidades relativas son la columna vertebral del diseño responsivo en CSS. A diferencia de las unidades absolutas como el píxel (px), las unidades relativas se calculan en función de un contexto: el elemento padre, el elemento raíz del documento o...

RECORDATORIO TEÓRICO El diseño responsivo no se limita a reorganizar bloques en la pantalla: también implica adaptar la tipografía para que sea legible en cualquier dispositivo. Existen tres enfoques principales para lograr fuentes responsivas con CS...

Los puntos de quiebre (en inglés breakpoints) son los valores de anchura de ventana gráfica en los que el diseño de una página web cambia para adaptarse mejor al dispositivo del usuario. Ya has trabajado con las consultas de medios (media queries) y ...

**Recordatorio teórico** Una media query (consulta de medios) es una regla CSS que permite aplicar estilos de forma condicional según las características del dispositivo o de la ventana gráfica (viewport). Su sintaxis básica es la siguiente: `@media ...

Las Media Queries (consultas de medios) son una de las herramientas más poderosas de CSS3. Permiten aplicar estilos específicos según las características del dispositivo o de la ventana gráfica (viewport) del navegador. Gracias a ellas, un mismo docu...

RECORDATORIO TEÓRICO El diseño responsivo es una filosofía de desarrollo web que permite que una interfaz se adapte fluidamente a cualquier tamaño de pantalla, desde un teléfono móvil hasta un monitor de escritorio de gran resolución. Tres conceptos ...

El diseño responsivo es una filosofía de desarrollo web que consiste en crear interfaces capaces de adaptarse automáticamente a cualquier tamaño de pantalla, sin necesidad de crear varias versiones distintas de un mismo sitio. Para dominar esta filos...

El diseño responsivo es una filosofía de desarrollo web que consiste en crear páginas capaces de adaptarse automáticamente a cualquier tamaño de pantalla, ya sea un teléfono móvil, una tableta o un monitor de escritorio. En lugar de crear varias vers...

A lo largo de este capítulo de HTML y estructuración semántica, has construido una base sólida: sabes estructurar un documento con las etiquetas correctas, respetar la jerarquía semántica, crear tablas accesibles, utilizar etiquetas en línea como abb...

## Descripción del proyecto Este miniproyecto de cierre de capítulo te invita a construir un **portafolio personal de varias páginas** aplicando todas las competencias de HTML semántico adquiridas a lo largo del capítulo. El sitio deberá estar estruc...

La estructuración semántica en HTML no es una simple convención estética ni un lujo reservado a expertos. Es una disciplina fundamental que determina la calidad técnica, la accesibilidad, el posicionamiento en buscadores y la mantenibilidad de cualqu...

RECORDATORIO TEÓRICO Una tabla HTML es accesible cuando cualquier usuario, incluidos quienes utilizan lectores de pantalla, puede comprender la relación entre los datos de las celdas y sus encabezados. Para lograrlo, HTML ofrece atributos y elementos...

RECORDATORIO TEÓRICO Las tablas HTML permiten estructurar datos tabulares, es decir, información que tiene una relación lógica entre filas y columnas. La etiqueta principal es , que contiene tres bloques semánticos fundamentales: (encabezado de la ta...