Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

43
Introduccion al videojuego Gabriel De Ioannes Becker Clase 02

Transcript of Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Page 1: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Introduccion al videojuego

Gabriel De Ioannes Becker

Clase 02

Page 2: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

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.

Clase 02

Algoritmos%

Page 4: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Page 5: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Page 6: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Page 7: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

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.

Clase 02

Variables%

Page 9: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

informacion Memoriadatos…

contenedores

Page 10: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Page 11: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Page 12: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Las variables cargan información especifica…

Page 13: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

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.

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.

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.

Clase 02

Operadores?%

Page 17: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Cual es mejor

Page 18: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Cual es mas

grande

Page 19: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Verdadero

>

Page 20: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

<Falso

Page 21: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

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.

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.

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.

Clase 02

sentencia condicional??%

Page 25: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

sentencia condicional??%Ser o no ser…The gobernaitor??%

Page 26: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

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.

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.

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.

Clase 02

Page 30: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Dream weaver??%

Page 31: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Crear un nuevo documento HTML

Page 32: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Guardarlo en una carpeta conocida

Page 33: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Page 34: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Page 35: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Click en vista modo CODIGO

Page 36: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Aquí es donde ingresaremos el código JavaScript

Page 37: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Genere el TAG <script> y ciérrelo con</script>

Page 38: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Declare la variable nombre y asignele un valorEscriba debajo alert(nombre);

Page 39: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Clase 02

Presione F12(windows) o siga las instrucciones de la foto

Page 40: Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

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.

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.

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.

Clase 02

Ingrese el código con la sentencia condicional y vuelva a ver el resultado en el navegador.