# Lógica de programación

## Primeros pasos

### Logica de programación - Javascript y HTML

Programa de estudio en [Trello](https://trello.com/b/Z9BHb0fn/g5-formaci%C3%B3n-principiante-en-programaci%C3%B3n).

El [IDE](https://www.aluracursos.com/blog/aprenda-todo-sobre-el-ide-entorno-de-desarrollo-integrado)
(**E**ntorno de **D**esarrollo **I**ntegrado).

Primer [archivo](./logica_de_programacion_1-2/primer_test.html) html.
Uso de consola en navegador:
- `F12`
- `CTRL`+`SHIFT`+`I`

Primeras [lineas](./logica_de_programacion_1-2/programa.html) con JavaScript.
[Reto](./logica_de_programacion_1-2/calculo_consumo.html) ¿Alcohol o Gasolina?.

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

Códigos html:

- [edades](./logica_de_programacion_1-2/calculo_diff_edades.html)
- [edades 2](./logica_de_programacion_1-2/imprimir_edades2.html)

Ejericicio [conducir](./logica_de_programacion_1-2/conducir.html).

### Cálculo IMC

```txt
IMC = Peso/Altura²
```

Se vieron funciones, variables, entradas de usuario en actividad
[imc](./logica_de_programacion_1-2/indice_masa_corporal.html).

----

## 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](./logica_de_programacion_1-2/futbol.html).

Mejorando el [IMC](./logica_de_programacion_1-2/imc2.html).
> Nota: `imc[1] >= 25.0` no es lo mismo que `25.0 <= imc[1]`.

[Juego](./logica_de_programacion_1-2/juego_adivinacion.html) de Adivinación.

Años de los [mundiales](./logica_de_programacion_1-2/ano_mundial_fifa.html) de la fifa.

Repitiendo impresión de asteriscos - [estrellas](./logica_de_programacion_1-2/estrellas.html).

Media edad [familiar](./logica_de_programacion_1-2/media_edad_familiar.html).

Simulación inicio de [sesion](./logica_de_programacion_1-2/simulacion_inicio_sesion.html).

Juego de [Adivinación 2](./logica_de_programacion_1-2/juego_adivinacion_2.html).

Lista de [ingredientes](./logica_de_programacion_1-2/recetas_armando.html) 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](./logica_de_programacion_3/programa.html).
- La cara del [creeper](./logica_de_programacion_3/creeper.html).
- Funciones para imprimir [rectangulos](./logica_de_programacion_3/programa3.html).
- Dibujar [circulos](./logica_de_programacion_3/dibujar_circulo.html).
- Grafico de [barras](./logica_de_programacion_3/grafico_barras.html).
- Actividad asociando [eventos](./logica_de_programacion_3/act_asociar_eventos_y_funcs.html)
con funciones.
- Circulos con un [click](./logica_de_programacion_3/programa4.html) izquierdo,
cambiar color click derecho.
- Animación [propia](./logica_de_programacion_3/programa5.html),
[original](./logica_de_programacion_3/programa5_instructor.html).
- Disparando en el [blanco](./logica_de_programacion_3/programa6.html).
- Actividad dibujando con el [mouse](./logica_de_programacion_3/dibujando_mouse.html).