devfzn
6bf018a9e3
Control de versiones al comienzo de <Formación en programación - Primeros Pasos - 04> "Crea tus primeras páginas web"
108 lines
3.4 KiB
Markdown
108 lines
3.4 KiB
Markdown
# 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).
|
|
|