Diseño Web

Apuntes y material de clases de la asignatura, organizados por unidades. Usa el explorador de la izquierda para navegar o el buscador (Ctrl + K) para encontrar cualquier término del sitio.

Profesor: Miguel Loaiza Machuca

Día	Horario
Lunes	19:20 a 20:50 hrs
Viernes	19:20 a 22:00 hrs

Objetivo del curso

Esta asignatura aborda el desarrollo web con distintas herramientas, utilizando distintos tipos de archivos como base principal. El curso combina fundamentos teóricos con la práctica progresiva.

El curso está dividido en 3 unidades principales: estructura de una página web y diseño estético de una página web (Unidad 1: frontend), procesamiento de datos (Unidad 2: backend) y almacenamiento de datos (Unidad 3: base de datos).

Stack del semestre

Herramienta	Rol	Para qué
Git	Control de versiones	Trazar y guardar un proyecto dentro de un repositorio en GitHub
HTML	Estructura	Esqueleto del contenido: textos, imágenes, tablas, listas, sonidos, videos
CSS y Tailwind	Estilo	Diseño rápido con clases unitarias y páginas responsivas
PHP	Lógica	El código que corre en el servidor y procesa todo tipo de información
PostgreSQL	Datos	La base de datos que guarda la información, conectada desde PHP con PDO

Mapa del curso

Presentación del curso

Cómo se evalúa, qué necesitas instalar y las reglas de cada trabajo.

Unidad 0 (Introducción)

Los fundamentos previos a escribir código.

• 1. Cómo funciona la web
• 2. Estructura de un proyecto
• 3. Git

Unidad 1 (Frontend)

HTML, CSS y Tailwind: lo que el usuario ve.

Unidad 2 (Backend)

PHP: la lógica que corre en el servidor.

• Parte 1. Primeros pasos
• Parte 2. Variables y operadores
• Parte 3. Condicionales
• Parte 4. Ciclos
• Parte 5. Arreglos e include
• Parte 6. Formularios
• Práctico final

Unidad 3 (Base de datos)

PostgreSQL: dónde se guarda la información.

Atajos útiles

• Ctrl + K abre el buscador.
• El ícono de luna/sol cambia entre modo claro y oscuro.
• En cada página, la tabla de contenidos de la derecha salta entre secciones.