● Laboratorio de Aplicaciones Web · 2.º SMR

Entender la web
sin empezar de cero.

36 retos para leer, tocar, predecir y reparar código. No necesitas crear una web desde cero: descubrirás qué hace cada pieza y por qué una aplicación la necesita.

✓ Sin registro. Tu progreso se guarda en este navegador.

Una página. Tres trabajos distintos.
</>01 · ESTRUCTURA

HTML

Dice qué hay en la página.

<h1>Hola</h1>
✦02 · APARIENCIA

CSS

Decide cómo se ve.

h1 { color: coral; }
ƒ03 · LÓGICA

PHP

Resuelve qué ocurre en el servidor.

echo "Hola";

● Zona de experimentación

Aprende cambiando
una cosa cada vez.

0superados
0mundos iniciados

Tu misión

LEE→PRUEBA→OBSERVA→EXPLICA

Palabras que vas a encontrar

Diccionario web

Etiqueta
Marca de HTML que indica qué tipo de contenido hay.
Atributo
Información adicional escrita dentro de una etiqueta HTML.
Selector
Parte de CSS que señala qué elementos quieres modificar.
Propiedad
Característica visual que CSS puede cambiar, como el color.
Variable
Nombre que permite guardar un dato para utilizarlo después.
Condición
Pregunta lógica que decide qué instrucciones se ejecutan.
Semántica
Uso de etiquetas que explican la función real del contenido.
Formulario
Conjunto de controles que permite enviar datos del usuario.
Clase
Nombre reutilizable para seleccionar varios elementos desde CSS.
Modelo de caja
Contenido, espacio interior, borde y margen de un elemento.
Cascada
Reglas que deciden qué estilo CSS gana cuando varios compiten.
Responsive
Diseño que se adapta al espacio disponible en cada pantalla.
Array
Estructura que guarda varios valores bajo un mismo nombre.
Bucle
Instrucción que repite una tarea mientras sea necesario.
Función
Bloque reutilizable que recibe datos y realiza una tarea.
GET / POST
Dos métodos habituales para enviar datos a un servidor.
Cliente
El navegador o dispositivo que solicita una página.
Servidor
El sistema que recibe peticiones y prepara respuestas.

Resumen personal

Mi progreso

0%