desafio_encriptador/002-003_logica_de_programacion

Lógica de programación

Primeros pasos

Logica de programación - Javascript y HTML

Programa de estudio en Trello.

El IDE (Entorno de Desarrollo Integrado).

Primer archivo html. Uso de consola en navegador:

• F12
• CTRL+SHIFT+I

Primeras lineas con JavaScript. Reto ¿Alcohol o Gasolina?.

Mantenimiento, mejora del código, uso de variables y funciones.

Códigos html:

• edades
• edades 2

Ejericicio conducir.

Cálculo IMC

IMC = Peso/Altura²

Se vieron funciones, variables, entradas de usuario en actividad imc.

---

Conceptos Primordiales

Logica de programación 2 - Javascript y HTML

• Condicionales.
• Iteraciones (ciclos While y For).
• Interacción con el usuario.
  • Conectando HTML con JavaScript.
  • Botones y Cajas de texto.
• Array o Listas.
• Chrome como compilador.
• Sublime como editor.

Ejemplo puntos de un equipo de futbol.

Mejorando el IMC.

Nota: imc[1] >= 25.0 no es lo mismo que 25.0 <= imc[1].

Juego de Adivinación.

Años de los mundiales de la fifa.

Repitiendo impresión de asteriscos - estrellas.

Media edad familiar.

Simulación inicio de sesion.

Juego de Adivinación 2.

Lista de ingredientes sin repetidos.

let var const

• var = añade variable al scope global.
• let = añade variable al scope local.
• const = constante (ambito?)

---

Practicando con juegos y animaciones

Logica de programación 3 - Javascript y HTML

Contenido

• Conocer Canvas HTML
• Crear funciones e iteraciones
• Interacción con el usuario (eventos)
• Animaciones
• Juego de Acertar al Blanco

Apuntes y actividades:

• Nuevo programa bandera.
• La cara del creeper.
• Funciones para imprimir rectangulos.
• Dibujar circulos.
• Grafico de barras.
• Actividad asociando eventos con funciones.
• Circulos con un click izquierdo, cambiar color click derecho.
• Animación propia, original.
• Disparando en el blanco.
• Actividad dibujando con el mouse.