Introducción a la Programación Web

Fundamentos de TypeScript

Introducción a la Programación Web

Fundamentos de TypeScript

Introducción a la Programación Web

https://www.instagram.com/refactor_project/

Fundamentos de TypeScript

Introducción a la Programación Web

Fundamentos de TypeScript

Introducción a la Programación Web

Mario González

Developer desde 2001

Formador desde 2017

https://www.linkedin.com/in/mariogl/

Fundamentos de TypeScript

Introducción a la Programación Web

¿Qué es programar?

Fundamentos de TypeScript

Introducción a la Programación Web

Programar es darle instrucciones a una máquina para que las ejecute

Definición popular:

Fundamentos de TypeScript

Introducción a la Programación Web

Programas de una lavadora

Lavado rápido

Lavado delicado

Lavado ECO

Fundamentos de TypeScript

Introducción a la Programación Web

Lavado rápido

  1. La lavadora llena el tambor con agua a 30ºC.
  2. Se agregan 100ml de detergente al agua.
  3. Se agita la ropa durante 30 minutos a una velocidad de 800 rpm.
  4. Se enjuaga la ropa con agua limpia a la misma temperatura.
  5. Se centrifuga la ropa durante 10 minutos a 1000 rpm.
  6. La lavadora detiene el ciclo y la ropa está lista para ser sacada.

Lavado rápido

Lavado delicado

Lavado ECO

Fundamentos de TypeScript

Introducción a la Programación Web

  1. La lavadora llena el tambor con agua a 25ºC.
  2. Se agregan 50ml de detergente suave al agua.
  3. Se agita la ropa suavemente durante 45 minutos a una velocidad de 600 rpm.
  4. Se enjuaga la ropa con agua limpia a la misma temperatura.
  5. Se centrifuga la ropa durante 15 minutos a 800 rpm.
  6. La lavadora detiene el ciclo y la ropa está lista para ser sacada.

Lavado rápido

Lavado delicado

Lavado delicado

Lavado ECO

Fundamentos de TypeScript

Introducción a la Programación Web

Lavado ECO

Lavado rápido

Lavado delicado

Lavado ECO

  1. La lavadora llena el tambor con agua a 25ºC.
  2. Se agregan 40ml de detergente suave al agua.
  3. Se agita la ropa durante 60 minutos a una velocidad de 600 rpm.
  4. Se enjuaga la ropa con agua limpia a la misma temperatura.
  5. Se centrifuga la ropa durante 15 minutos a 600 rpm.
  6. La lavadora detiene el ciclo y la ropa está lista para ser sacada.

Fundamentos de TypeScript

Introducción a la Programación Web

  1. La lavadora llena el tambor con agua a 30ºC.
  2. Se agregan 100ml de detergente al agua.
  3. Se agita la ropa durante 30 minutos a una velocidad de 800 rpm.
  4. Se enjuaga la ropa con agua limpia a la misma temperatura.
  5. Se centrifuga la ropa durante 10 minutos a 1000 rpm.
  6. La lavadora detiene el ciclo y la ropa está lista para ser sacada.

Lavado rápido

Fundamentos de TypeScript

Introducción a la Programación Web

Lavado rápido

lavadoRapido

  1. La lavadora llena el tambor con agua a 30ºC.
  2. Se agregan 100ml de detergente al agua.
  3. Se agita la ropa durante 30 minutos a una velocidad de 800 rpm.
  4. Se enjuaga la ropa con agua limpia a la misma temperatura.
  5. Se centrifuga la ropa durante 10 minutos a 1000 rpm.
  6. La lavadora detiene el ciclo y la ropa está lista para ser sacada.

función

Fundamentos de TypeScript

Introducción a la Programación Web

Lavado rápido

La lavadora llena el tambor con agua a 30ºC

  1. Calentar agua a 30ºC
  2. Abrir válvula 40 segundos
  3. Cerrar válvula

llenarAgua

función

Fundamentos de TypeScript

Introducción a la Programación Web

  1. La lavadora llena el tambor con agua a 30ºC.
  2. Se agregan 100ml de detergente al agua.
  3. Se agita la ropa durante 30 minutos a una velocidad de 800 rpm.
  4. Se enjuaga la ropa con agua limpia a la misma temperatura.
  5. Se centrifuga la ropa durante 10 minutos a 1000 rpm.
  6. La lavadora detiene el ciclo y la ropa está lista para ser sacada.
function lavadoRapido() {
    llenarAgua(30); // Llena el tambor con agua a 30°C
    agregarDetergente(100); // Agrega 100 ml de detergente
    agitarRopa(30, 800); // Agita la ropa durante 30 minutos a 800 rpm
    enjuagar(); // Realiza un enjuague con agua limpia
    centrifugar(10, 1000); // Centrifuga la ropa durante 10 minutos a 1000 rpm
    detenerCiclo(); // Detiene el ciclo
}

Lavado rápido

Fundamentos de TypeScript

Introducción a la Programación Web

function lavadoRapido() {
    llenarAgua(30); // Llena el tambor con agua a 30°C
    agregarDetergente(100); // Agrega 100 ml de detergente
    agitarRopa(30, 800); // Agita la ropa durante 30 minutos a 800 rpm
    enjuagar(); // Realiza un enjuague con agua limpia
    centrifugar(10, 1000); // Centrifuga la ropa durante 10 minutos a 1000 rpm
    detenerCiclo(); // Detiene el ciclo
}
function llenarAgua(temperatura) {
    calentarAgua(temperatura);
    abrirValvula(40);
    cerrarValvula();
}

Fundamentos de TypeScript

Introducción a la Programación Web

Fundamentos de TypeScript

Introducción a la Programación Web

Fundamentos de TypeScript

Introducción a la Programación Web

Programar es darle instrucciones a una máquina para que las ejecute

Programar es darle instrucciones y datos a una máquina para que ejecute las instrucciones y procese los datos

Entonces, ¿qué es programar?

datos + instrucciones

Fundamentos de TypeScript

Introducción a la Programación Web

datos

instrucciones

+

16

-15

3

11/05/2024

"Antonio"

"The Refactor Project"

"admin1234"

imprime

guardaFecha

suma

comprueba

enviaCorreo

imprime("Antonio")

suma(16, 3)

guardaFecha(11/05/2024)

enviaCorreo("The Refactor Project")

comprueba("admin1234")

Fundamentos de TypeScript

Introducción a la Programación Web

Lenguajes de programación

Fundamentos de TypeScript

Introducción a la Programación Web

datos

3

20

"Tefal"

"Sartén"

Fundamentos de TypeScript

Introducción a la Programación Web

datos

3

20

"Tefal"

"Sartén"

nombre

marca

precio

unidades

variables

Fundamentos de TypeScript

Introducción a la Programación Web

datos

20

precio

variable

// Creamos la variable precio y le asignamos el valor 20
let precio = 20;

Fundamentos de TypeScript

Introducción a la Programación Web

3

20

"Tefal"

"Sartén"

nombre

marca

precio

unidades

60

total

¡calcular!

calcular

precio * unidades

4

80

40

160

¡calcular!

¡calcular!

Fundamentos de TypeScript

Introducción a la Programación Web

3

20

"Tefal"

nombre

marca

precio

unidades

60

total

¡calcular!

calcular

precio * unidades

let nombre = "Sartén";
let marca = "Tefal";
let precio = 20;
let cantidad = 3;

function calcular(importe, unidades) {
  return importe * unidades; 
}
let nombre = "Sartén";
let marca = "Tefal";
let precio = 20;
let cantidad = 3;

let total = calcular(precio, cantidad);

"Sartén"

Introducción a la Programación Web

By mariogl

Introducción a la Programación Web

  • 65

More from mariogl