Introduccion al videojuego Gabriel De Ioannes Becker Clase 02.

Post on 23-Jan-2016

223 views 0 download

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

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

Clase 02

Algoritmos%

Clase 02

Clase 02

Clase 02

Clase 02

Un ALGORITMO es un conjunto finito de pasos específicos y organizados para realizar una labor.

Clase 02

Variables%

Clase 02

informacion Memoriadatos…

contenedores

Clase 02

Clase 02

Clase 02

Las variables cargan información especifica…

Las variables pueden ser de diferentes TIPOSTexto (String)Numero (float,Int,Double)Logica o Booleana (TRUE, FALSE)

Arreglos…

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

Asignación de valor a una variable en JavaScript

Clase 02

var variableTexto = “Hola”; //(Texto)

var variableNumero = 50; //(Numero)

var variableLogica = true;// (Logica)

Clase 02

Operadores?%

Clase 02

Cual es mejor

Clase 02

Cual es mas

grande

Clase 02

Verdadero

>

Clase 02

<Falso

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

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:

Uso operador lógico en JavaScript

Clase 02

var edadJuan =25; var edadPenelope = 80; var compara =edadJuan>edadPenelope; //false

Clase 02

sentencia condicional??%

Clase 02

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

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

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

Declaración de una sentencia condicional en JavaScript

Clase 02

If (condición){ accion/asignar valor/modificar valor;}else {

accion/asignar valor/modificar valor;}

Clase 02

Clase 02

Dream weaver??%

Clase 02

Crear un nuevo documento HTML

Clase 02

Guardarlo en una carpeta conocida

Clase 02

Clase 02

Clase 02

Click en vista modo CODIGO

Clase 02

Aquí es donde ingresaremos el código JavaScript

Clase 02

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

Clase 02

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

Clase 02

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

Clase 02

En el navegador, debería ver la ventana con el nombre declarado en la variable en un BOX

Clase 02

Asigne un nuevo valor, ahora con prompt, este objeto permitirá asignar el valor por el usuario en el navegador

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.

Clase 02

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