Unidad Curricular para el Desarrollo Web

Desarrollo de Aplicaciones Web Modernas (Full-Stack)

Bienvenidos a la programación web de Ingeniería en Informática. Domina desde la estructura semántica con HTML5, CSS3 y Bootstrap 6 hasta el desarrollo Backend con PHP, MySQL (MariaDB) y peticiones asíncronas con AJAX.

Explorar Tecnologías
Frontend
HTML5, CSS3, JS, Bootstrap 6
Backend
PHP, MySQL / MariaDB
Comunicación Asíncrona & Reportes
AJAX (Fetch API), JSON, Chart.js & Dompdf
Arquitectura del Lado del Cliente

Tecnologías Esenciales de Frontend

El navegador web interpreta tres lenguajes pilares junto con frameworks de diseño adaptable para construir interfaces accesibles, semánticas e interactivas.

¿Qué es HTML5?

Es el Lenguaje de Marcado de Hipertexto que define la estructura y el significado semántico del contenido web mediante etiquetas como <header>, <nav>, <main>, <section>, <article> y <aside>.

  • Semántica estructural limpia
  • Accesibilidad y posicionamiento SEO
  • Soporte multimedia nativo

¿Qué es CSS3?

Es el lenguaje de Hojas de Estilo en Cascada encargado de la capa de presentación visual, diseño adaptable (Responsive Design), variables personalizadas (:root) y transiciones o animaciones fluidas.

  • Flexbox y CSS Grid Layout
  • Animaciones con @keyframes
  • Variables dinámicas para Dark Mode

¿Qué es JavaScript?

Es el lenguaje de programación e interpretación en el cliente que dota de dinamismo a la web. Permite manipular el DOM en tiempo real, validar formularios, gestionar eventos y consumir APIs.

  • Manipulación dinámica del DOM
  • Programación orientada a eventos
  • Asincronía con async / await

¿Qué es Bootstrap?

Es el framework front-end más utilizado para desarrollar sitios Mobile-First. Se fundamenta en su sistema de cuadrícula de 12 columnas (.container, .row y .col-*) y componentes interactivos listos.

  • Grid System de 12 columnas
  • Componentes UI estandarizados
  • Soporte nativo para Modo Oscuro
Ingeniería del Lado del Servidor

Backend, Bases de Datos y Comunicación Asíncrona

La potencia de una aplicación web radica en cómo procesa reglas de negocio, asegura la integridad de los datos y actualiza la interfaz sin recargar la página completa.

Backend Server-Side

¿Qué es PHP?

PHP (Hypertext Preprocessor) es un lenguaje de código abierto especialmente adecuado para el desarrollo web del lado del servidor. Procesa la lógica de negocio, gestiona sesiones, autentica usuarios, se conecta de forma segura mediante PDO a bases de datos y genera reportes en PDF con librerías como Dompdf.

$uc = "Programación II"; $semestre = 2026;
echo "Curso: " . $uc . " (" . $semestre . ")";
Persistencia Relacional

¿Qué es MySQL (MariaDB)?

MySQL y MariaDB son Sistemas Gestores de Bases de Datos Relacionales (RDBMS) basados en el lenguaje SQL. Permiten estructurar información en tablas normalizadas, garantizar transacciones seguras (ACID), integridad referencial mediante llaves foráneas y consultas de alto rendimiento.

SELECT u.nombre, r.rol FROM usuarios u INNER JOIN roles r ON u.rol_id = r.id;
Comunicación Asíncrona

¿Qué es AJAX?

AJAX (Asynchronous JavaScript And XML/JSON) es la técnica que permite intercambiar datos entre el navegador (JS) y el servidor (PHP/MySQL) en segundo plano usando fetch() o XMLHttpRequest, actualizando secciones de la página sin necesidad de recargarla.

Chart.js Integrado

Distribución Práctica de Competencias en el Curso

Representación dinámica renderizada en HTML5 <canvas> con el porcentaje de uso actual (2026) en las prácticas de cada herramienta web a nivel mundial.

Autenticación y Seguridad

Acceso al Aula Virtual

Ingresa con tus credenciales. El formulario está preparado para enviar los datos mediante AJAX (Fetch API) hacia un controlador en PHP y validar el usuario en MySQL / MariaDB con contraseñas encriptadas.

Validación Asíncrona

Envío de credenciales vía AJAX (Fetch API) hacia PHP sin recargar la vista.

Feedback con SweetAlert2

Notificaciones modales elegantes para estados de éxito, error o validación.