Unidad 1.1: Introducción al desarrollo web en el servidor

1. ¿Qué es un servidor web?

Un servidor web es un software (y también puede ser el hardware que lo aloja) que recibe peticiones de los navegadores web (clientes) y responde enviando recursos: archivos HTML, hojas de estilo, imágenes o incluso respuestas generadas dinámicamente.

Servidor vs Cliente

  • El cliente es normalmente el navegador del usuario.
  • El servidor es el software que atiende esas peticiones.

1.1 Ciclo de vida de una petición web

sequenceDiagram
  participant Navegador
  participant Servidor

  Navegador->>Servidor: Solicita página (ej: index.php)
  Servidor->>Servidor: Procesa la petición
  Servidor-->>Navegador: Devuelve HTML generado

Por ejemplo, al visitar https://midominio.com/productos.php:

  • El navegador envía una petición al servidor.
  • El servidor interpreta y ejecuta productos.php.
  • Devuelve una página HTML generada en tiempo real.

2. Lenguajes del lado servidor

2.1 Cliente vs Servidor

Cliente (Frontend) Servidor (Backend)
HTML, CSS, JavaScript PHP, Python, Node.js, Java...
Corre en el navegador Corre en el servidor
Muestra datos Accede a bases de datos
Interfaz de usuario Lógica de negocio, seguridad

2.2 ¿Por qué usamos lenguajes en el servidor?

Los lenguajes del lado servidor permiten:

  • Leer y escribir datos en bases de datos.
  • Controlar el acceso a usuarios (login, permisos).
  • Generar contenido dinámico adaptado al usuario.
  • Validar datos sensibles.

Contenido estático vs dinámico

  • index.html muestra siempre lo mismo.
  • index.php puede mostrar contenido diferente dependiendo de quién acceda.

3. Lenguajes embebidos

Un lenguaje embebido es aquel que se puede incluir dentro de otro, por ejemplo:

<h1>Bienvenido</h1>
<p>Hoy es <?php echo date("d/m/Y"); ?></p>

Aquí PHP está embebido dentro del HTML. Esto permite generar contenido dinámico de forma sencilla.

Ventajas del código embebido

  • Ideal para principiantes
  • Permite ver rápidamente el resultado en el navegador
  • Muy utilizado en proyectos reales

4. Introducción a PHP

4.1 ¿Qué es PHP?

PHP es un lenguaje de programación del lado del servidor, diseñado para generar contenido web dinámico.

Significado de PHP

PHP originalmente significaba "Personal Home Page", pero hoy se interpreta como "PHP: Hypertext Preprocessor".

4.2 Historia breve

  • Creado en 1994 por Rasmus Lerdorf.
  • Desde entonces ha evolucionado mucho: orientación a objetos, frameworks modernos, tipado estricto...
  • Hoy en día PHP sigue siendo uno de los lenguajes más usados para la web.

4.3 Características destacadas

  • Fácil de aprender y usar.
  • Multiplataforma y de código abierto.
  • Muy rápido en ejecución.
  • Amplia documentación.

4.4 Ejemplos de aplicaciones reales en PHP

Aplicación Descripción
Moodle Plataforma de educación online
WordPress CMS más usado del mundo
Prestashop Comercio electrónico
phpBB Foros web
Laravel Framework moderno para PHP

4.5 Web oficial y documentación

5. Última versión estable de PHP

A la fecha de esta unidad (marzo 2025), la última versión estable es PHP 8.3.

Entre sus novedades destacadas:

  • Tipado más estricto y seguro.
  • Mejoras de rendimiento.
  • Nuevas funciones y sintaxis moderna.

¿Cómo saber la versión instalada?

Puedes ejecutar este código PHP:

<?php
phpinfo();
?>

O bien en consola: 

php -v

Ejercicios propuestos

Ejercicio 1: Diferencia entre cliente y servidor

Explica con tus propias palabras la diferencia entre:

  • Lenguaje del lado cliente (ejemplo)
  • Lenguaje del lado servidor (ejemplo)
Solución
  • Un lenguaje del lado cliente se ejecuta en el navegador del usuario. Ejemplo: JavaScript para validar un formulario.
  • Un lenguaje del lado servidor se ejecuta en el servidor antes de que se genere la página. Ejemplo: PHP para obtener datos de una base de datos y mostrar un listado.

Ejercicio 2: Petición HTTP

Describe con un esquema o dibujo cómo se produce una petición web desde que el usuario accede a una página hasta que se genera la respuesta.

Solución
  • El usuario accede a una URL en el navegador.
  • El navegador (cliente) envía una petición HTTP al servidor.
  • El servidor recibe la petición, ejecuta el código PHP si es necesario.
  • El servidor genera una respuesta en HTML y la envía al navegador.
  • El navegador muestra la página al usuario.

Ejercicio 3: Apps en PHP

Investiga uno de los siguientes proyectos PHP (Moodle, WordPress, Prestashop) y responde:

  • ¿Para qué sirve?
  • ¿Dónde se usa?
  • ¿Por qué crees que está hecho en PHP?
Solución
  • WordPress sirve para crear páginas web y blogs.
  • Se usa en millones de sitios web en todo el mundo.
  • Está hecho en PHP porque es un lenguaje muy extendido, de fácil despliegue en servidores y permite generar contenido dinámico fácilmente.

Ejercicio 4: Versiones de PHP

Busca en la web oficial de PHP la última versión disponible.

  • ¿Es la misma que tenemos instalada?
  • ¿Qué mejoras trae respecto a versiones anteriores?
Solución
  • Según php.net, la última versión estable es PHP 8.3.
  • Si usamos php -v, podemos comprobar si tenemos esa misma versión.
  • Algunas mejoras son: mayor rendimiento, validación de tipos más estricta, y nuevas funciones del lenguaje que facilitan la escritura de código más limpio.