Desarrollador web Full Stack

Hasta ahora has trabajado con variables, tipos de datos y secuencias de instrucciones que se ejecutan una tras otra, siempre en el mismo orden. Sin embargo, un programa útil casi nunca hace exactamente lo mismo cada vez. Necesita tomar decisiones: mo...

## Contexto En una tienda en línea, el carrito de compras es un elemento central: almacena los productos elegidos por el usuario, calcula totales y aplica reglas simples (cantidades, descuentos, impuestos). En este mini-proyecto pondrás en práctica l...

Recordatorio teórico: Una variable es un espacio de memoria con un nombre que almacena un valor que puede cambiar durante la ejecución de un programa. El estado de un programa es el conjunto de valores que tienen sus variables en un momento dado. Rec...

RECORDATORIO TEÓRICO Una variable es un espacio con nombre en memoria que almacena un valor y que puede cambiar durante la ejecución del programa. El modelo mental correcto es imaginar una caja etiquetada: el nombre (etiqueta) permite identificarla, ...

Cuando escribes un algoritmo o un programa, no solo importa que funcione: también importa que sea legible y comprensible para ti mismo y para los demás desarrolladores. Aquí es donde entran en juego las convenciones de nomenclatura. Una convención de...

Cuando escribes un algoritmo o un programa, manipulas información. Esta información se guarda en variables, como viste en las actividades anteriores. Pero cada variable contiene un dato de cierta naturaleza: un número, un texto, una respuesta verdade...

RECORDATORIO TEÓRICO Una variable es un espacio con nombre en la memoria que almacena un valor. Cuando asignas un valor a una variable con una instrucción como 'a = 5', ese valor queda guardado bajo el nombre 'a'. El modelo mental correcto es imagina...

**Recordatorio teórico** Una variable es un contenedor con nombre que almacena un valor en la memoria durante la ejecución de un programa. Declarar una variable consiste en reservar ese espacio de memoria y darle un identificador. Asignar una variabl...

Las expresiones aritméticas son uno de los pilares fundamentales de cualquier algoritmo y de cualquier programa informático. Antes de escribir una sola línea de código JavaScript, Python o cualquier otro lenguaje, es imprescindible comprender cómo se...

Una variable es uno de los conceptos más fundamentales en programación. Antes de escribir una sola línea de código real, es indispensable comprender qué es una variable, para qué sirve y cómo se comporta dentro de un programa. Este capítulo te propor...

**Recordatorio teórico** Un algoritmo es una secuencia finita, ordenada y no ambigua de instrucciones que permite resolver un problema o alcanzar un resultado concreto. Tres conceptos son fundamentales para este taller: la secuenciación (las instrucc...

RECORDATORIO TEÓRICO Un algoritmo es una secuencia finita, ordenada y sin ambigüedad de instrucciones que permiten resolver un problema o alcanzar un resultado preciso. La palabra clave aquí es «ordenada»: cada instrucción depende de las anteriores y...

MEJORES PRÁCTICAS DE CLARIDAD Y GRANULARIDAD EN ALGORITMOS En las actividades anteriores aprendiste qué es un algoritmo, cómo escribir pseudocódigo y cómo representar una secuencia de instrucciones mediante un diagrama de flujo. Ahora es el momento d...

**Recordatorio teórico** Un organigrama (o diagrama de flujo) es una representación visual de un algoritmo. Permite mostrar gráficamente la secuencia de pasos que sigue un programa, facilitando su comprensión antes de escribir una sola línea de códig...

El flujo de ejecución lineal es uno de los conceptos fundamentales de la algorítmica y de la programación. Antes de poder escribir código funcional en cualquier lenguaje, es imprescindible comprender cómo una máquina lee y ejecuta las instrucciones q...

RECORDATORIO TEÓRICO Un algoritmo es una secuencia finita, ordenada y sin ambigüedad de instrucciones que permite resolver un problema o alcanzar un resultado. El pseudocódigo es la representación textual de un algoritmo en lenguaje natural estructur...

RECORDATORIO TEÓRICO Un algoritmo es una secuencia finita, ordenada y no ambigua de instrucciones destinadas a resolver un problema o llevar a cabo una tarea. El pseudocódigo es una forma de representar ese algoritmo en lenguaje natural estructurado,...

En la actividad anterior aprendiste qué es un algoritmo: una serie de pasos ordenados y finitos para resolver un problema. Ahora vamos a profundizar en cómo se escriben esos pasos de manera estructurada, antes de traducirlos a un lenguaje de programa...

Un algoritmo es una secuencia finita, ordenada y precisa de instrucciones o pasos que permite resolver un problema o realizar una tarea específica. Esta definición, aunque sencilla en apariencia, contiene elementos fundamentales que es necesario comp...

**Recordatorio teórico** El diseño responsivo es la práctica de construir interfaces que se adaptan fluidamente a cualquier tamaño de pantalla, desde móviles hasta pantallas de escritorio. Los tres pilares fundamentales son: las media queries (puntos...

## Descripción del proyecto Este mini-proyecto es el proyecto integrador del capítulo 'Diseño responsivo con CSS3, Flexbox y Grid'. El estudiante debe diseñar y desarrollar un **panel de administración (dashboard) completamente adaptativo** que funci...

Cuando un proyecto de desarrollo web llega a su fase final antes de ser publicado, uno de los errores más comunes es omitir una verificación sistemática del diseño responsivo. Esta lista de verificación tiene como objetivo garantizar que una interfaz...

RECORDATORIO TEÓRICO Las imágenes adaptables (responsive images) son uno de los pilares del rendimiento web moderno. Su objetivo es servir la imagen más adecuada según el dispositivo del usuario, evitando descargar archivos innecesariamente pesados e...

En el desarrollo web responsivo moderno, las imágenes representan uno de los mayores desafíos de rendimiento. Una imagen que ocupa 2 megabytes en un monitor de escritorio de alta resolución no debería ser la misma que se descarga en un teléfono móvil...

**Recordatorio teórico** Un formulario HTML accesible y responsivo combina tres disciplinas que has trabajado hasta ahora: diseño responsivo con CSS Grid/Flexbox, media queries con enfoque mobile-first y principios de accesibilidad web. Un formulario...