introduccion al videojuego gabriel de ioannes becker clase 02
TRANSCRIPT
![Page 1: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/1.jpg)
Introduccion al videojuego
Gabriel De Ioannes Becker
Clase 02
![Page 2: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/2.jpg)
Clase 02
El alumno reconoce lo que es un ALGORITMO, variable, operador lógico y una sentencia condicional.
Identifica situaciones cotidianas y profesionales relacionadas con lo aprendido.
Entiende el funcionamiento de la interfaz del programa y sus requerimientos mínimos para trabajar.
Objectivos
![Page 3: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/3.jpg)
Clase 02
Algoritmos%
![Page 4: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/4.jpg)
Clase 02
![Page 5: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/5.jpg)
Clase 02
![Page 6: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/6.jpg)
Clase 02
![Page 7: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/7.jpg)
Clase 02
Un ALGORITMO es un conjunto finito de pasos específicos y organizados para realizar una labor.
![Page 8: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/8.jpg)
Clase 02
Variables%
![Page 9: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/9.jpg)
Clase 02
informacion Memoriadatos…
contenedores
![Page 10: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/10.jpg)
Clase 02
![Page 11: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/11.jpg)
Clase 02
![Page 12: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/12.jpg)
Clase 02
Las variables cargan información especifica…
![Page 13: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/13.jpg)
Las variables pueden ser de diferentes TIPOSTexto (String)Numero (float,Int,Double)Logica o Booleana (TRUE, FALSE)
Arreglos…
Clase 02
![Page 14: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/14.jpg)
Declaración de una variable en JavaScript
Clase 02
var nombreVariable;En JavaScript no es necesario
declarar el tipo de variable, al asignar el valor este se define y es posible
cambiar su tipo a lo largo del código
![Page 15: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/15.jpg)
Asignación de valor a una variable en JavaScript
Clase 02
var variableTexto = “Hola”; //(Texto)
var variableNumero = 50; //(Numero)
var variableLogica = true;// (Logica)
![Page 16: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/16.jpg)
Clase 02
Operadores?%
![Page 17: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/17.jpg)
Clase 02
Cual es mejor
![Page 18: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/18.jpg)
Clase 02
Cual es mas
grande
![Page 19: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/19.jpg)
Clase 02
Verdadero
>
![Page 20: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/20.jpg)
Clase 02
<Falso
![Page 21: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/21.jpg)
Comparar operación
Clase 02
Operador Descripción Comparación
Retorna
== Es igual a x==8 false
x==5 true
=== Es exactamente igual a(valor y tipo)
x==="5"
false
x===5 true
!= No es igual a x!=8 true
!== No es igual a (valor y tipo)
x!=="5"
true
x!==5 false
> Mayor que x>8 false
< Menor que x<8 true
>= Mayor o igual a x>=8 false
<= Menor o igual a x<=8 true
Dado x=5, La tabla explica el resultado de cada operación
![Page 22: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/22.jpg)
Operador lógicoClase 02
Operador
Descripción
Ejemplo
&& Y (x < 10 && y > 1) is true
|| O (x==5 || y==5) is false
! No !(x==y) is true
Dado x=6 , y=3, la tabla explica cada caso:
![Page 23: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/23.jpg)
Uso operador lógico en JavaScript
Clase 02
var edadJuan =25; var edadPenelope = 80; var compara =edadJuan>edadPenelope; //false
![Page 24: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/24.jpg)
Clase 02
sentencia condicional??%
![Page 25: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/25.jpg)
Clase 02
sentencia condicional??%Ser o no ser…The gobernaitor??%
![Page 26: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/26.jpg)
Clase 02
Una sentencia condicional es muy parecida o cualquier decisión que tomamos…
SI… Manejo... Me tomo una bebida
SI NO… Me tomo una cerveza
![Page 27: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/27.jpg)
Clase 02
SI ( manejo){ Me tomo una bebida.}SI NO{ Me tomo una cerveza.}
Estos e llama pseudo-codigo, es muy útil para entender de manera la
lógica de lo que se desea programar
![Page 28: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/28.jpg)
Declaración de una sentencia condicional en JavaScript
Clase 02
If (condición){ accion/asignar valor/modificar valor;}else {
accion/asignar valor/modificar valor;}
![Page 29: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/29.jpg)
Clase 02
![Page 30: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/30.jpg)
Clase 02
Dream weaver??%
![Page 31: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/31.jpg)
Clase 02
Crear un nuevo documento HTML
![Page 32: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/32.jpg)
Clase 02
Guardarlo en una carpeta conocida
![Page 33: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/33.jpg)
Clase 02
![Page 34: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/34.jpg)
Clase 02
![Page 35: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/35.jpg)
Clase 02
Click en vista modo CODIGO
![Page 36: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/36.jpg)
Clase 02
Aquí es donde ingresaremos el código JavaScript
![Page 37: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/37.jpg)
Clase 02
Genere el TAG <script> y ciérrelo con</script>
![Page 38: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/38.jpg)
Clase 02
Declare la variable nombre y asignele un valorEscriba debajo alert(nombre);
![Page 39: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/39.jpg)
Clase 02
Presione F12(windows) o siga las instrucciones de la foto
![Page 40: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/40.jpg)
Clase 02
En el navegador, debería ver la ventana con el nombre declarado en la variable en un BOX
![Page 41: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/41.jpg)
Clase 02
Asigne un nuevo valor, ahora con prompt, este objeto permitirá asignar el valor por el usuario en el navegador
![Page 42: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/42.jpg)
Clase 02
En el BOX hay un cuadro donde se puede ingresar texto, presione aceptar y debería ver el nuevo valor en el BOX alert.
![Page 43: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02](https://reader035.vdocuments.site/reader035/viewer/2022062222/5665b4761a28abb57c91ac03/html5/thumbnails/43.jpg)
Clase 02
Ingrese el código con la sentencia condicional y vuelva a ver el resultado en el navegador.