Curso progresivo de desarrollo web básico

---

📖 Descripción

Repositorio educativo que cubre los fundamentos de HTML, CSS y PHP de forma progresiva. Cada tema incluye teoría explicada, ejemplos funcionales y ejercicios prácticos para reforzar el aprendizaje.

💡 Ideal para: Estudiantes que inician en el desarrollo web desde cero.

---

🗺️ Ruta de Aprendizaje

🟠 HTML ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃  01 · Introducción a HTML                                  ┃
┃  02 · Estructura y texto                                   ┃
┃  03 · Enlaces e imágenes                                   ┃
┃  04 · Formularios HTML                                     ┃
🔵 CSS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┃
┃  05 · Introducción a CSS                                   ┃
┃  06 · Selectores y Box Model                               ┃
┃  07 · Layout y Flexbox                                     ┃
┃  08 · CSS Responsive                                       ┃
🟣 PHP ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┃
┃  09 · Introducción a PHP                                   ┃
┃  10 · Variables y estructuras de control                   ┃
┃  11 · Formularios con PHP                                  ┃
🏁 PROYECTO ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
   12 · Proyecto final integrador

---

📂 Estructura del Repositorio

📦 html-css-php-basico/
│
├── 01-introduccion-html/
│   ├── README.md            ← Teoría del tema
│   ├── ejemplos/            ← Código de ejemplo funcional
│   └── ejercicios/          ← Ejercicios para practicar
│
├── 02-estructura-y-texto/
├── 03-enlaces-e-imagenes/
├── 04-formularios-html/
├── 05-introduccion-css/
├── 06-selectores-y-box-model/
├── 07-layout-y-flexbox/
├── 08-css-responsive/
├── 09-introduccion-php/
├── 10-variables-y-estructuras-php/
├── 11-formularios-con-php/
└── 12-proyecto-final/

Cada carpeta tiene la misma estructura: un README.md con la teoría, una carpeta ejemplos/ con código listo para ejecutar y una carpeta ejercicios/ con prácticas propuestas.

---

⚙️ Requisitos Previos

Herramienta	Uso	Descarga
Navegador web	Visualizar HTML y CSS	Chrome, Firefox, Edge
Editor de código	Escribir código	VS Code
XAMPP / WAMP	Servidor local para PHP	XAMPP

---

🚀 ¿Cómo Usar Este Repositorio?

# 1. Clona el repositorio
git clone https://github.com/UPTP-Programacion/html-css-php-basico.git

# 2. Entra a la carpeta
cd html-css-php-basico

# 3. Navega al tema que estés estudiando
cd 01-introduccion-html

# 4. Abre los archivos en tu editor
code .

📌 Para los temas de PHP (09 en adelante), copia la carpeta dentro de htdocs/ de XAMPP y accede desde http://localhost/.

---

🤝 Contribuir

¿Encontraste un error o quieres mejorar algo? Las contribuciones son bienvenidas:

1. Haz un fork del repositorio
2. Crea una rama: git checkout -b mejora/nombre-del-cambio
3. Realiza tus cambios y haz commit
4. Envía un pull request

---

📄 Licencia

Este material es de uso educativo para la comunidad UPTP Programación.

_{Hecho con 💙 por UPTP Programación ||}