🎯 Objetivo de aprendizaje
Al finalizar este tema, el estudiante será capaz de identificar las principales herramientas y tecnologías utilizadas en el desarrollo backend, comprender la función de cada una y preparar un entorno local básico para desarrollar aplicaciones web con PHP.
🌐 ¿Qué necesitamos para desarrollar backend?
Para desarrollar un backend necesitamos un conjunto de herramientas y tecnologías que permitan escribir, ejecutar, probar y almacenar la información de nuestras aplicaciones.
👨💻 DESARROLLADOR
│
▼
📝 EDITOR DE CÓDIGO
VS Code
│
▼
🐘 PHP 8
│
▼
🌐 APACHE
│
▼
🗄️ MYSQL / MARIADB
│
▼
🌎 NAVEGADOR
| Herramienta / tecnología | Función |
| 📝 Editor de código | Escribir y organizar el código |
| 🐘 PHP | Ejecutar la lógica backend |
| 🌐 Apache | Recibir solicitudes HTTP y servir la aplicación |
| 🗄️ MySQL / MariaDB | Almacenar información |
| 🌎 Navegador | Probar y visualizar la aplicación |
| 🧰 Entorno local | Integrar y administrar los componentes |
En nuestro curso utilizaremos principalmente: PHP 8 + Apache + MySQL/MariaDB + VS Code + Laragon.
📝 1. Editor de código
Un editor de código es una herramienta que permite escribir y modificar programas. Los editores especializados proporcionan herramientas que facilitan el desarrollo.
Visual Studio Code
Sublime Text
Notepad++
PhpStorm
💙 Visual Studio Code
Visual Studio Code ofrece características para PHP, como resaltado de sintaxis, IntelliSense, snippets y validación mediante el linter oficial de PHP. También permite ampliar sus capacidades mediante extensiones.
<?php
$nombre = "Alfredo";
echo "Hola " . $nombre;
?>🐘 2. PHP
PHP será nuestro lenguaje backend. Su función dentro de nuestro entorno será ejecutar la lógica de nuestras aplicaciones.
<?php
$edad = 20;
if ($edad >= 18) {
echo "Mayor de edad";
}
?>Solicitud
│
▼
🌐 Apache
│
▼
🐘 PHP
│
▼
Procesamiento
│
▼
Respuesta
PHP también dispone de un servidor web integrado para desarrollo y pruebas, aunque no está destinado a producción ni a redes públicas.
🌐 3. Apache
Apache es un servidor web. Su función principal es recibir solicitudes de los clientes y entregar los recursos correspondientes.
🌎 Navegador
│
│ HTTP
▼
🌐 Apache
│
▼
🐘 PHP
│
▼
🗄️ Base de datos
🏠 ¿Qué significa localhost?
localhost hace referencia al propio equipo donde estamos trabajando.
http://localhost/
Conceptualmente significa: “Quiero acceder al servidor que está ejecutándose en esta computadora.” También podemos utilizar puertos, por ejemplo http://localhost:8000/.
🗄️ 4. Bases de datos
Las aplicaciones backend normalmente necesitan almacenar información.
- 👤 Usuarios
- 📚 Alumnos
- 📦 Productos
- 🛒 Compras
- 💰 Pagos
- 📋 Calificaciones
Entre los sistemas gestores de bases de datos encontramos MySQL, MariaDB, PostgreSQL, MongoDB, Microsoft SQL Server y Oracle Database.
En nuestro curso trabajaremos inicialmente con MySQL / MariaDB.
ALUMNOS
——————————–
id | nombre | semestre
——————————–
1 | Juan | 5
2 | María | 6
3 | Carlos | 4
Más adelante aprenderemos cómo PHP puede comunicarse con una base de datos para consultar, insertar, modificar y eliminar información.
🧰 5. Entornos de desarrollo local
Configurar manualmente todos los componentes puede ser complicado para alguien que comienza. Por eso existen herramientas que permiten preparar un entorno de desarrollo local.
- XAMPP
- WAMP
- Laragon
- Docker
- MAMP
🟠 XAMPP
XAMPP es una distribución de Apache que incluye componentes como MariaDB, PHP y Perl, diseñada para facilitar la instalación de un entorno de desarrollo.
XAMPP
│
├── Apache
├── PHP
└── MariaDB
XAMPP es una opción muy utilizada para comenzar con PHP y forma parte de las alternativas contempladas en la instrumentación de la asignatura.
🟢 Laragon
Para nuestro curso trabajaremos con Laragon como entorno de desarrollo local. Está diseñado para tecnologías como PHP, Node.js, Python, Go y Ruby y permite administrar diferentes componentes desde un mismo entorno.
Su sistema Quick Add permite agregar herramientas como PHP, Apache, Nginx, MySQL, PostgreSQL, MongoDB, phpMyAdmin y VS Code.
También permite trabajar con diferentes versiones de PHP y otros componentes del entorno.
🟢 LARAGON
│
├── 🌐 Apache
├── 🐘 PHP
└── 🗄️ MySQL
🆚 XAMPP vs Laragon
| Característica | XAMPP | Laragon |
| Apache | ✅ | ✅ |
| PHP | ✅ | ✅ |
| MySQL/MariaDB | ✅ | ✅ |
| Entorno local | ✅ | ✅ |
| phpMyAdmin | ✅ | Se puede agregar |
| Diferentes versiones de PHP | Limitado / manual | ✅ |
| Gestión de proyectos | Básica | ✅ |
| URLs tipo .test | ❌ | ✅ |
| Orientado a desarrollo moderno | ✅ | ✅ |
Aunque XAMPP es válido y forma parte de las opciones contempladas en la instrumentación, para nuestro curso utilizaremos Laragon.
🔗 6. Git y GitHub
Git es un sistema de control de versiones. Permite registrar cambios realizados en nuestro código.
Proyecto
│
├── Versión 1
├── Versión 2
├── Versión 3
└── Versión actual
Git resulta útil cuando modificamos código, cometemos errores, trabajamos en equipo, necesitamos recuperar una versión anterior o queremos compartir nuestro proyecto.
GitHub es una plataforma que permite alojar y colaborar con repositorios Git.
🧰 Nuestro entorno de desarrollo
👨💻 DESARROLLADOR
↓
💙 VS CODE — Editor de código
↓
🐘 PHP 8 — Lenguaje backend
↓
🌐 APACHE — Servidor web
↓
🗄️ MYSQL / MARIADB — Base de datos
↓
🌎 NAVEGADOR
Todo esto lo podemos administrar localmente mediante Laragon.
🌐 ¿Qué ocurre cuando ejecutamos nuestra aplicación?
Supongamos que tenemos un proyecto en:
C:\laragon\www\mi-proyecto
Dentro podemos tener:
mi-proyecto
│
├── index.php
├── login.php
└── usuarios.php
Cuando accedemos desde el navegador a una dirección como http://mi-proyecto.test, podemos imaginar el siguiente proceso:
🌎 Navegador
│
│ Solicitud HTTP
▼
🟢 Laragon
│
▼
🌐 Apache
│
▼
🐘 PHP
│
├──────────► 🗄️ MySQL
│
▼
Respuesta HTML
│
▼
🌎 Navegador
🧠 Herramienta vs tecnología
Es importante no mezclar ambos conceptos.
🧰 Herramientas
Son programas que utilizamos para desarrollar.
- VS Code
- Laragon
- Git
- GitHub
- phpMyAdmin
💻 Tecnologías
Son tecnologías utilizadas para construir la aplicación.
- PHP
- HTML
- CSS
- JavaScript
- Apache
- MySQL
- MariaDB
Aunque en la práctica estos términos pueden utilizarse de manera amplia, esta distinción ayuda a organizar nuestro entorno.
🏗️ Nuestro stack tecnológico
En desarrollo web se utiliza frecuentemente la palabra stack para referirse al conjunto de tecnologías que forman nuestro entorno.
🌎 NAVEGADOR
│
🎨 HTML / CSS
│
🐘 PHP 8
│
🌐 APACHE
│
🗄️ MYSQL / MARIADB
│
🟢 LARAGON
💙 VS CODE → Editor
🔗 GIT → Control de versiones
⚠️ Desarrollo local ≠ producción
Que una aplicación funcione en nuestra computadora no significa que ya esté publicada en Internet.
🏠 ENTORNO LOCAL
Nuestra computadora
↓
localhost
↓
Nuestra aplicación
🌎 PRODUCCIÓN
Internet
↓
☁️ Servidor
↓
🌐 Dominio
↓
Aplicación web
Más adelante veremos servidores, arquitectura y despliegue.
🎯 Nuestro entorno para el curso
| Elemento | Herramienta / tecnología |
| Hardware | Computadora con Windows y conexión a Internet |
| Editor | Visual Studio Code |
| Lenguaje | PHP 8 |
| Servidor web | Apache |
| Base de datos | MySQL / MariaDB |
| Entorno local | Laragon |
| Navegador | Chrome, Edge, Firefox u otro navegador moderno |
| Control de versiones | Git y posteriormente GitHub |
🧠 5 ideas que debes recordar
- Una aplicación backend necesita diferentes herramientas y tecnologías para funcionar.
- PHP será nuestro lenguaje de programación backend.
- Apache funcionará como servidor web.
- MySQL/MariaDB permitirá almacenar información.
- Laragon nos permitirá integrar y administrar nuestro entorno local de desarrollo.
🧪 Actividad: Conociendo nuestro entorno
🎯 Objetivo
Identificar las herramientas que forman parte de un entorno de desarrollo backend.
📋 Instrucciones
Investiga y completa la siguiente tabla.
| Herramienta | ¿Qué es? | ¿Para qué sirve? |
| PHP 8 | ________________ | ____________________________ |
| Apache | ________________ | ____________________________ |
| MySQL | ________________ | ____________________________ |
| MariaDB | ________________ | ____________________________ |
| Laragon | ________________ | ____________________________ |
| Visual Studio Code | ________________ | ____________________________ |
| Git | ________________ | ____________________________ |
| GitHub | ________________ | ____________________________ |
🛠️ Actividad práctica: preparando el entorno
El estudiante deberá:
Instalar Laragon.
Verificar que Apache funciona.
Verificar la versión de PHP.
Crear una carpeta para un proyecto.
Crear un archivo index.php.
Ejecutar el proyecto desde el navegador.
Mostrar un mensaje generado mediante PHP.
<?php
echo "Mi primer programa backend";
?>Resultado esperado: el estudiante deberá poder abrir su aplicación desde el navegador y observar el mensaje “Mi primer programa backend”.
🔥 De “Sé qué es backend” → “Ya ejecuté mi primer código backend.”
🎯 Reto final de la Unidad 1
Construye un pequeño diagrama que represente tu entorno de desarrollo backend. Debe incluir:
👨💻 Programador
↓
💙 VS Code
↓
🐘 PHP 8
↓
🌐 Apache
↓
🗄️ MySQL / MariaDB
↓
🌎 Navegador
El estudiante deberá explicar qué función cumple cada elemento.
📚 Material de apoyo
📊 Presentación de clase
https://www.mediafire.com/file/ljkbs2lcl5l70zw/1.2_Herramientas_y_tecnolog%25C3%25ADas.pdf/file
🎥 Videos recomendados
https://youtu.be/c7i1kQtAYWw?si=SlVmSoRHpsowauki
🔗 Recursos externos
Laragon — Documentación oficial
https://laragon.org/docs
Laragon — Quick Add
https://laragon.org/docs/quick-add
Visual Studio Code — PHP
https://code.visualstudio.com/docs/languages/php
PHP — Servidor web interno
https://www.php.net/manual/es/features.commandline.webserver.php
XAMPP — Apache Friends
https://www.apachefriends.org/es/index.html