🌐 Prácticas de Desarrollo Web Backend (dev.ops)

Este repositorio contiene una colección de ejercicios y prácticas desarrolladas durante mis estudios de bachillerato. El enfoque principal fue aprender la integración entre aplicaciones web y bases de datos relacionales.

Nota Académica: Este proyecto es una continuación de mis prácticas escolares para el aprendizaje de sistemas dinámicos.
Entrega Final: Los archivos finales de este proceso de aprendizaje, incluyendo documentación adicional y respaldos, fueron publicados y entregados oficialmente en el siguiente portafolio de evidencias: Portafolio de Prácticas - Google Drive.

---

🛠️ Tecnologías y Herramientas

• Frontend: HTML5, CSS3 y JavaScript (AJAX/XMLHttpRequest).
• Backend: PHP para la lógica del servidor y conexión.
• Base de Datos: MySQL (con scripts de creación como Ventas2015.sql).
• Cloud: Pruebas de conexión remota mediante Clever Cloud.

⚙️ Funcionamiento y Estructura

El proyecto se centra en la gestión de datos y comunicación asíncrona:

1. Conectividad: Archivos como conection.php y conect.php gestionan el enlace entre el servidor PHP y la base de datos MySQL.
2. Listados Dinámicos: Uso de PHP para consultar registros y mostrarlos en el navegador (listadoo.php).
3. Interacción con JS: Implementación de filtrado dinámico mediante scripts que procesan archivos JSON y realizan peticiones POST al servidor.
4. Base de Datos: Incluye el esquema Ventas2015.sql, que sirve como base para las prácticas de consultas (SELECT), inserciones y filtros.

📂 Archivos Principales

• index.php: Punto de entrada principal de la aplicación.
• Ventas2015.sql: Script de base de datos para pruebas de ventas y productos.
• style.css: Estilos básicos para la presentación de los listados.
• Practicas(borrador).php: Archivo de experimentación y lógica preliminar.

---

📅 Información del Proyecto

• Autor: Cristopher (MyAstron).
• Propósito: Portafolio Académico / Prácticas de IGER.
• Última Actualización: 2023 (Cierre de ciclo escolar).

---

Desarrollado con el fin de comprender la arquitectura cliente-servidor.

 <script>
var xhttp = newXMLHttpRequest();
let lista = JSON.parse('<?php $json_datos ?>')
Object.keys(lista).forEach(function(clave) {
console.log(lista[clave]);
})
/* filtro */
let areglo, filtro = {
/* clave: asignacion */"Organizacion": <?php$unidad_organizacional?>,"Departamentos": <?php$departamentos?>,"Centro de Costo": <?php$centro_costos?>,"Sub-Centro de Costo": <?php$sub_centro?>,
"Nombre": <?php$nombres?>,
"Correo": <?php$correo?>,
"Extencion": <?php$extencion?>,
"Celular": <?php$cel?>,
"": "none"
};
xhttp.open("POST", "./", true);
Object.keys(filtro).forEach(function(clave) {
xhttp.send("clave=", JSON.stringify(clave))
<?php$clave = json_decode($_POST["clave"]);
foreach($claveas$elemento){
echo'<option>'.$elemento.'</option>';
}
?>
})
</script>

SQL Cloud

Host:

bbxmjoirzhsluxd30dpi-mysql.services.clever-cloud.com

Data Base:

bbxmjoirzhsluxd30dpi

User:

uvbcbackgnxzcdke

Password:

ygjWzMX06wph8h5x6NR0

Port:

3306

Conection URL:

mysql://uvbcbackgnxzcdke:ygjWzMX06wph8h5x6NR0@bbxmjoirzhsluxd30dpi-mysql.services.clever-cloud.com:3306/bbxmjoirzhsluxd30dpi

MySQL CLI:

mysql -h bbxmjoirzhsluxd30dpi-mysql.services.clever-cloud.com -P 3306 -u uvbcbackgnxzcdke -p bbxmjoirzhsluxd30dp