HTML+CSS+JS vs PHP — ¿Qué cambia realmente?
Ya les diste una web completa en HTML, CSS y JavaScript. Ahora toca enseñarles qué añade PHP y por qué merece la pena aprenderlo.
Antes: Web estática (HTML+CSS+JS)
- Todo el contenido está en el navegador.
- Los cambios se hacen a mano en el código.
- Los datos no se guardan en el servidor.
- Ideal para aprender estructura y diseño.
Ahora: Web dinámica (PHP + addons)
- El servidor genera contenido en tiempo real.
- Podemos guardar datos, usuarios, mensajes.
- Podemos activar módulos, bloques y extras.
- La web deja de ser “solo una página” y se convierte en un sistema.
10 horas — Nivel básico sólido
Bloques de tiempo: con PHP puedes crear páginas que muestran contenido según la hora, el día o el usuario.
JSliders y módulos gráficos: PHP decide qué sliders mostrar y qué datos cargar.
Addons y bloques activables: PHP activa módulos según permisos o configuración.
1. Introducción a PHP
PHP es un lenguaje que funciona en el servidor y permite crear páginas web dinámicas.
<?php
echo "Hola mundo desde PHP";
?>
Ejercicio: Cambia el mensaje y muestra tu nombre y tu juego favorito.
2. Variables y tipos de datos
Las variables guardan información que PHP puede usar para generar contenido dinámico.
<?php
$nombre = "Ana";
$edad = 14;
$activo = true;
echo $nombre;
echo $edad;
?>
Crea variables para un videojuego: $juego, $nivel y $puntos.
3. Operadores y lógica
<?php
$edad = 18;
if($edad >= 18){
echo "Puede entrar";
}else{
echo "No puede entrar";
}
?>
Haz un programa que diga si una nota es “Aprobado”, “Suspenso” o “Sobresaliente”.
4. Bucles
<?php
for($i=1;$i<=5;$i++){
echo "Número ".$i."<br>";
}
?>
Crea un contador del 1 al 10 y muestra solo los números pares.
5. Funciones
<?php
function saludo($nombre){
return "Hola ".$nombre;
}
echo saludo("Mario");
?>
Crea una función que reciba dos números y devuelva su suma.
6. Formularios y PHP (GET y POST)
<form method="POST">
Nombre:
<input name="nombre">
<button>Enviar</button>
</form>
<?php
if(isset($_POST["nombre"])){
echo "Hola ".$_POST["nombre"];
}
?>
Crea un formulario que pida edad y muestre un mensaje personalizado.
7. Archivos: leer, escribir y JSON
<?php
file_put_contents("datos.txt","Hola archivo");
$contenido = file_get_contents("datos.txt");
echo $contenido;
$array = [
"usuario" => "Alumno"
];
echo json_encode($array);
?>
Guarda un mensaje creado por el usuario en un archivo y luego muéstralo.
8. PHP y MySQL
PHP puede conectarse a bases de datos MySQL para guardar usuarios, mensajes, puntuaciones y datos reales.
<?php
$conexion = new mysqli(
"localhost",
"usuario",
"password",
"basedatos"
);
if($conexion->connect_error){
echo "Error de conexión";
}else{
echo "Conectado correctamente";
}
?>
Crea una tabla usuarios con id, nombre y email.
Inserta un usuario y muéstralo en pantalla.
Proyecto final: Mi primera web dinámica
Este proyecto combina formularios, PHP y lógica para crear tu primera web dinámica real.
<?php
$mensaje = "";
if($_SERVER["REQUEST_METHOD"] == "POST"){
$usuario = $_POST["usuario"];
$mensaje = "Bienvenido ".$usuario;
}
?>
<form method="POST">
Nombre:
<input name="usuario">
<button>Enviar</button>
</form>
<h2><?php echo $mensaje; ?></h2>
Añade edad y juego favorito.
Genera un mensaje tipo: “Hola Ana, tienes 14 años y tu juego favorito es Sonic.”
Mis notas del curso PHP
Escribe tus ideas, dudas y apuntes. Se guardan automáticamente en tu navegador.
Enlaces seguros DIGITO Systems
Accede a las plataformas oficiales de educación digital segura.