Portal de Clase | Programación

Bienvenidos al espacio de Programación

Consulta los materiales organizados por cuatrimestre, materia y parcial. Actualmente trabajamos en Programación y Desarrollo de Aplicaciones Web I.

Clases por cuatrimestre

Selecciona un cuatrimestre y abre el material que necesitas.

Cuarto cuatrimestre

Programación y Desarrollo de Aplicaciones Web I

Cuatrimestre actual

Primer parcial 2 materiales

Tema 10

SQL Avanzado I

Repaso de base de datos, relaciones, tipos de datos, JOINs, GROUP BY, HAVING y primeras consultas anidadas.

Repaso

Repaso SQL Primer Parcial

Repaso de base de datos, relaciones, JOINs, GROUP BY, HAVING, subconsultas y ejercicios con soluciones protegidas.

Segundo parcial 1 material

Clase 01

Ingeniería y planificación de aplicaciones web

Aprende a analizar requisitos, seleccionar tecnologías, diseñar arquitecturas y planificar aplicaciones antes de comenzar a programar con inteligencia artificial.

Tercer cuatrimestre

Programación III

Clasificación provisional por secuencia temática y cronología; el parcial requiere confirmación docente.

Parcial por confirmar 9 materiales

Tema 01

Arrays

Introducción a los arreglos en JavaScript: qué son, cómo se declaran y cómo manipular sus elementos.

Tema 02

POO (Programación Orientada a Objetos)

Objetos, propiedades, métodos, clases y herencia, explicado para principiantes con ejemplos de vida real y videojuegos.

Tema 03

SQL (Fundamentos)

Qué es SQL, cómo se construyen consultas básicas y cómo resolver un CRUD con SELECT, INSERT, UPDATE y DELETE.

Tema 04

DBeaver + MySQL local

Instalación, conexión local, creación de base de datos, tablas y práctica de consultas. Introducción a INNER/LEFT/RIGHT JOIN con ejemplos.

Tema 05

PHP + MySQL (CRUD)

Conexión con mysqli, clase Conexion, método execute() y CRUD completo con formularios.

Tema 06

GET y POST (PHP + MySQL)

Formularios, action a archivo, insertar con GET/POST y versión asíncrona con fetch.

Tema 07

Login + Sesiones (PHP)

Controlador simple, variables de sesión, password_hash/password_verify y páginas protegidas.

Tema 08

Modelo Vista Controlador (MVC)

Qué es MVC, qué problema resuelve, qué son modelos, vistas, controladores, endpoints y cómo se conecta con PHP + MySQL.

Tema 09

Permisos, Sesiones, Endpoints y Fetch

Menú según permisos, validación en controlador, endpoints JSON, fetch y renderizado dinámico con JavaScript.

Definición de un arreglo

Un arreglo (array) en JavaScript es una estructura de datos (un objeto nativo del lenguaje) diseñada para guardar una colección ordenada de valores en una sola variable, donde cada valor se identifica por una posición numérica llamada índice (que empieza en 0).

Además, los arreglos en JavaScript son dinámicos: pueden crecer o reducirse durante la ejecución del programa, y traen propiedades y métodos integrados (como length, push(), pop(), etc.) para administrar y manipular sus elementos.

Antes que nada: ¿cómo se llaman “esas cosas”?

Cuando ves algo así:

a.push(5)
a.pop()
a.length
a.slice(1,3)

No son objetos por sí solos. Son miembros que pertenecen al objeto a (que es un Array).

Array: es un objeto especial creado para manejar listas.
Propiedad: es un dato o atributo dentro del objeto (ejemplo: length).
Método: es una función que pertenece al objeto (ejemplo: push(), pop()).

Regla para no fallar:
Si tiene () → es un método.
Si no tiene () → es una propiedad.

Cómo declarar un arreglo

Qué es: Es la forma de crear un array y guardar varios valores en una sola variable.

Cómo se usa: Se puede crear vacío o con elementos iniciales.

let a = [];
let nums = [10, 20, 30];
let nombres = ["Ana", "Luis"];

`length`

Qué es: length es una propiedad nativa de los arreglos.

Para qué sirve: Para saber cuántos elementos tiene el arreglo.

Cómo se usa: Se escribe sin paréntesis: a.length.

let a = [10, 20, 30];
console.log(a.length);          // 3
console.log(a[a.length - 1]);   // 30

`push()`

Qué es: Es un método nativo del Array.

Para qué sirve: Para agregar uno o más elementos al final.

Cómo se usa: a.push(elemento).

let a = [1, 2];
a.push(3);
console.log(a); // [1,2,3]

`pop()`

Qué es: Es un método nativo del Array.

Para qué sirve: Para eliminar el último elemento.

Cómo se usa: a.pop().

let a = [1,2,3];
let x = a.pop();
console.log(x); // 3
console.log(a); // [1,2]

`unshift()`

Qué es: Es un método nativo del Array.

Para qué sirve: Para agregar elementos al inicio.

Cómo se usa: a.unshift(elemento).

let a = [1,2];
a.unshift(0);
console.log(a); // [0,1,2]

`shift()`

Qué es: Es un método nativo del Array.

Para qué sirve: Para eliminar el primer elemento.

Cómo se usa: a.shift().

let a = [1,2,3];
let x = a.shift();
console.log(x); // 1
console.log(a); // [2,3]

Acceso por índice: `a[i]`

Qué es: Es la notación de corchetes para acceder a una posición del arreglo.

Para qué sirve: Para leer o modificar un valor específico.

Cómo se usa: Leer: a[0]. Escribir: a[0] = "nuevo".

let a = ["Ana", "Luis"];
console.log(a[0]); // "Ana"
a[1] = "Nuevo";
console.log(a);    // ["Ana","Nuevo"]

Tip: length es propiedad. Todo lo que tiene () es método.