Contenido del curso
Fundamentos de Programación
Primer proyecto: Peso en otro planeta
Segundo proyecto: Dibujando con Canvas
- 10

Cómo funcionan Window y Document
17:16 min - 11

El DOM: nuestro lugar de trabajo en la web
08:29 min - 12

Dibujando en el DOM
20:11 min - 13

Qué son las Funciones en JavaScript
06:57 min - 14

Ciclos while y for en JavaScript
21:48 min - 15

Eventos y Formularios en HTML y JavaScript
38:12 min - 16

Detectar eventos del teclado con JavaScript
38:20 min - 17

Dibujar en canvas con las flechas del teclado
17:38 min
Tercer proyecto: Villa platzi
Cuarto proyecto: Pakimanes
Quinto proyecto: Cajero automático
Sexto proyecto: Cliente/Servidor
Programación de Hardware y Electrónica con Arduino
- 26

¿Cómo funciona un circuito electrónico?
02:30 min - 27

¿Cómo programar un Arduino?
34:47 min - 28

Programación de circuitos con C, Arduino y Sketch
16:55 min - 29

Cómo programar un Arduino con Javascript y Node
20:28 min - 30

Construye un Robot con JavaScript
10:25 min - 31

Robot para riego de plantas en Arduino, Javascript y Node
27:40 min
Materiales de apoyo
Contenido Bonus
Recap Curso Gratis de Programación Básica
Diagrama de Flujo del Cajero Automático
Resumen
Un diagrama de flujo nos permite hacer una representación de los pasos que debe seguir nuestro algoritmo. En el siguiente ejemplo, vamos a crear un algoritmo para un cajero cajero automático.
Nuestro objetivo es entregar la menor cantidad de billetes posibles a partir de la cantidad que se solicite.
En este ejemplo, vamos a ver el código para resolver el problema:
class billete { constructor(v, c) { this.valor = v; this.cantidad = c; } } function entregarBillete() { var t = document.getElementById("dinero"); dinero = parseInt(t.value); entregado.length = 0; for(var bill of caja) { if (dinero > 0) { div = Math.floor(dinero / bill.valor); if (div > bill.cantidad) { papeles = bill.cantidad; } else { papeles = div; } entregado.push( new billete(bill.valor, papeles) ); dinero = dinero - (bill.valor * papeles); } } if (dinero > 0) { resultado.innerHTML = "No puedo darte esa cantidad"; } else { for(var e of entregado) { if(e.cantidad > 0) { resultado.innerHTML += e.cantidad + " billetes de $" + e.valor + "<br>"; } } } } function limpiarPantalla() { resultado.innerHTML = " "; } var caja = []; var entregado = []; caja.push(new billete(100, 5)); caja.push(new billete(50, 5)); caja.push(new billete(20, 10)); caja.push(new billete(10, 10)); caja.push(new billete(5, 10)); var dinero = 0; var div = 0; var papeles = 0; var resultado = document.getElementById("resultado"); var b = document.getElementById("extraer"); b.addEventListener("click", entregarBillete); var l = document.getElementById("limpiar"); l.addEventListener("click", limpiarPantalla);
Recuerda:
- Intenta probar tu algoritmo para varios escenarios posibles.
- No existe una forma única de resolver un problema en programación.
Contribución creada por: Juan Pérez López, Brayan Mamani, Danny Richarson.