Episodios de Desarrollador web Full Stack
187 episodios · del más reciente al más antiguo · página 4
-
Laboratorio: instalación de Git y configuración de user.name/user.email
**Recordatorio teórico** Git es un sistema de control de versiones distribuido creado por Linus Torvalds en 2005. Su función principal es registrar el historial de cambios de un…
-
Comentarios HTML y sangría limpia
Los comentarios HTML y la sangría limpia son dos prácticas fundamentales que todo desarrollador web debe dominar desde el inicio de su aprendizaje. Aunque parecen detalles…
-
Taller: aplicar correctamente los niveles de título
**Recordatorio teórico** La jerarquía de títulos en HTML va del H1 al H6 y representa la estructura lógica y semántica del contenido de una página. El H1 es el título principal de…
-
Jerarquía de títulos H1-h6 y accesibilidad
La jerarquía de títulos en HTML es uno de los pilares de una estructuración semántica correcta. Comprender cómo funciona y por qué importa es esencial para cualquier desarrollador…
-
Taller: construcción del modelo de un blog de una columna
**Recordatorio teórico** HTML5 introdujo un conjunto de etiquetas semánticas cuyo propósito es describir el significado del contenido que contienen, no simplemente su apariencia…
-
Texto de refuerzo: hitos de ARIA en dos minutos
En el desarrollo web moderno, crear páginas bien estructuradas con etiquetas semánticas como header, nav, main, section, article, aside y footer es un gran paso adelante. Sin…
-
Taller: reemplazar los divs por etiquetas semánticas
RECORDATORIO TEÓRICO La semántica en HTML5 consiste en utilizar etiquetas que describan el significado del contenido que contienen, y no simplemente su presentación visual. Antes…
-
Descripción general de las etiquetas de sección (encabezado, navegación, principal, sección, artículo, lateral, pie de página)
En el capítulo anterior descubriste el principio de semántica en HTML5. Ahora vas a aplicar ese principio de forma concreta aprendiendo las etiquetas de sección que HTML5 pone a…
-
Principio de semántica en HTML5
La semántica en HTML5 es uno de los conceptos más importantes que debe dominar cualquier desarrollador web. Comprender este principio cambia radicalmente la forma en que se…
-
Taller: insertar encabezados y párrafos
RECORDATORIO TEÓRICO En HTML, la estructura de contenido textual se basa en dos tipos de elementos fundamentales: los encabezados y los párrafos. Los encabezados van del nivel h1…
-
El cuerpo: párrafos y primer título h1
En los capítulos anteriores, aprendimos a construir la estructura mínima de un documento HTML, incluyendo la declaración del tipo de documento, las etiquetas html, head y body…
-
Taller: añadir el título y la codificación de una página
RECORDATORIO TEÓRICO Antes de comenzar el taller, repasemos los conceptos esenciales. El elemento se coloca dentro del y define el título que aparece en la pestaña del navegador y…
-
El encabezado: meta juego de caracteres, título y mejores prácticas
En la actividad anterior creaste tu primer archivo index.html y aprendiste que todo documento HTML tiene una estructura mínima compuesta por la declaración DOCTYPE, el elemento…
-
Taller: creación de su primer archivo index.html
RECORDATORIO TEÓRICO Un archivo HTML es un documento de texto plano que el navegador interpreta para mostrar una página web. Todo documento HTML válido comienza con la declaración…
-
Anatomía de un documento HTML (doctype, html, head, body)
Un documento HTML es la base de cualquier página web. Antes de escribir una sola línea de código visible en el navegador, es fundamental comprender cómo está estructurado ese…
-
Bienvenida y objetivos del capítulo
Bienvenida al capítulo de HTML y estructuración semántica Este capítulo representa el punto de partida fundamental de tu formación como desarrollador web Full Stack. Antes de…
-
Introducción a Git y al control de versiones
El control de versiones es una de las herramientas más fundamentales en el trabajo diario de cualquier desarrollador profesional. Antes de escribir una sola línea de código en un…
-
Taller: descifrando el problema de «pedir una pizza»
**Recordatorio teórico** La mentalidad del desarrollador no consiste únicamente en escribir código: consiste ante todo en descomponer un problema complejo en pasos pequeños…
-
Mentalidad del desarrollador: análisis de problemas y curiosidad
La mentalidad del desarrollador no es un conjunto de conocimientos técnicos: es una forma de pensar, de abordar los problemas y de relacionarse con lo desconocido. Antes de…
-
Taller: provocar y leer un error de HTML/CSS
**Recordatorio teórico** En el desarrollo web, un error no es un fracaso: es información. HTML y CSS son lenguajes interpretados por el navegador, y cuando algo no funciona como…
-
Descripción de los mensajes de error y la consola
La consola del navegador y los mensajes de error son dos de las herramientas más importantes con las que trabajará a diario como desarrollador web. Lejos de ser señales de…
-
Taller: crea index.html y observa los cambios en directo
**Recordatorio teórico** Un archivo HTML es el documento base de cualquier página web. Su extensión es .html y su nombre más común —y con un significado especial para los…
-
Flujo de trabajo mínimo: editor → navegador → actualizar
En las actividades anteriores has aprendido a moverte por la interfaz de Visual Studio Code, a usar la terminal con comandos básicos y a inspeccionar páginas con las herramientas…
-
Taller: inspección de una página HTML con DevTools
RECORDATORIO TEÓRICO Las DevTools (herramientas de desarrollo del navegador) son una suite integrada en todos los navegadores modernos (Chrome, Firefox, Edge) que permite…
-
Navegador: activar y leer DevTools
Las Herramientas para Desarrolladores del Navegador, conocidas en inglés como DevTools, son un conjunto de utilidades integradas directamente en los navegadores web modernos…
-
Taller de : gestión de carpetas y archivos en un miniproyecto
**Recordatorio teórico** Antes de comenzar el taller, repasa estos conceptos esenciales. La terminal es una interfaz de texto que permite interactuar directamente con el sistema…
-
Taller: comandos básicos (cd, ls, mkdir, touch)
**Recordatorio teórico** La terminal es una interfaz de texto que permite comunicarse directamente con el sistema operativo mediante comandos escritos. A diferencia de un…
-
Introducción a la terminal y a la línea de comandos
La terminal es una de las herramientas más fundamentales en el trabajo cotidiano de un desarrollador web. Aunque al principio puede parecer intimidante comparada con una interfaz…
-
Taller: recorrido guiado por la interfaz y atajos de teclado
**Recordatorio teórico** Visual Studio Code (VS Code) es un editor de código fuente desarrollado por Microsoft, gratuito y de código abierto. Se ha convertido en el estándar de la…
-
Descubra la interfaz VS Code (barras, paneles, extensiones)
Ahora que ha instalado Visual Studio Code y lo ha abierto por primera vez, es el momento de familiarizarse con su interfaz. Conocer bien las diferentes partes de este editor es…
-
Taller: instalación y primera apertura de VS Code
RECORDATORIO TEÓRICO Un entorno de desarrollo es el conjunto de herramientas que permiten al desarrollador escribir, ejecutar y depurar código de manera eficiente. En el contexto…
-
Instale Visual Studio Code paso a paso
Visual Studio Code es un editor de código fuente desarrollado por Microsoft. Es gratuito, de código abierto y está disponible para los tres sistemas operativos principales…
-
Taller guiado: identificación de componentes (editor, terminal, navegador)
**Recordatorio teórico** Un entorno de desarrollo es el conjunto de herramientas que un desarrollador utiliza para escribir, ejecutar, probar y depurar código. Está compuesto por…
-
¿Qué es un entorno de desarrollo?
Un entorno de desarrollo es el conjunto de herramientas, configuraciones y programas que un desarrollador instala y organiza en su computadora para poder escribir, probar, depurar…
-
Bienvenida y objetivos del capítulo
Bienvenido al curso de Desarrollador Web Full Stack. Este primer capítulo introductorio tiene un propósito claro: darte una visión completa de lo que vas a aprender, por qué lo…