Embed Size (px)
DESCRIPTION
Modulo 6 - Primeros pasos javascript
Citation preview
Modulo 6RODRIGO ALFARO # BAD PROGRAMMER # [email protected]
Indice
Introduccion a Javascript.
Sintaxis del lenguaje.
Ejemplo.
Ejercicios.
Introduccion a Javascript
Javascript es un lenguaje interpretado no compilado de programacion que se ejecuta en el cliente (browser). Posee diversos “verbos” que indican al cliente lo que debe mostrar, hacer o repetir dependiendo de la instruccion recibida por funciones, metodos u objetos.
Todos los browser interpretan javascript.
Introduccion a Javascript
Sintaxis del lenguaje
Para utilizer javscript en HTML usamos la etiqueta <script></script> entre la etiqueta <head></head> del document *.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejemplo 6</title>
<script>
function alerta(){
alert("ALERTA :\nEsto es una alerta de Javascript");
}
</script>
</head>
Sintaxis del lenguaje
Comentarios en Javascript:
// este es un comentario de una sola línea…
/* este es un bloque de comentarios
que ocupa varias lineas… */
Sintaxis del lenguaje
Variables.
Hay dos tipos de variables las de tipo INT (numeros) y las de tipo STRING (cadenas de texto o alfanumerico). En javascript no es necesario declarar la variable segun el tipo de informacion que contiene. Ej:
var Numero = 8;
var Texto = “Hola Mundo, numero 8”;
Sintaxis del lenguaje
Como nombrar una variable.
Existen 3 formas o convenciones sobre como nombrar la declaracion de variables.
Notacion camelCase: variableNombreFormulario.
Notacion Pascal: VariableNombreFormulario.
Notacion “hungara”: aVariableNombreFormulario.
Sintaxis del lenguaje
Las variables tienen 2 tipos de asociacion:
Variables escalares: Una variable recibe un valor unico que puede ser modificado despues, dependiendo del programa que se escriba.
Variables matrices (array): Una variable almacena una lista de valores a los que se hace referencia por medio de un indice.
Sintaxis del lenguaje
Las variables escalares son de 4 tipos:
Indefinidos: Variables declaradas que aun no poseen un valor.
Boolean: variable que acepta solo 2 valores TRUE o FALSE, o 1 y 0.
Numericos: Almacena valores numericos hasta 32 bits y valores fraccionario hasta 64bits.
Strings: Valores alfanumericos encerrados en comillas.
Null: Es un valor “vacio” que devuelve javascript.
Sintaxis del lenguaje
Variables de tipo Array (objeto native de Javascript)
Un array almacena diversos valores, a los que se accede haciendo referencia al indice del valor. Cuando no se conocen los valores de la lista.
Estas pueden ser unidimensionales o multidimensionales.
En este curso solo veremos arrays unidimensionales.
Ej: var Lista = new Array("Uno","Dos","Tres","Cuatro"); // Array Unidimensional
Sintaxis del lenguaje
Operadores
Los operadores son simbolos que puedern realizar operaciones con variables, valores constantes o variables y valores constantes.
En este curso usaremos los 3 mas usados:
Operadores Aritmeticos.
Operadores Comparativos.
Operadores Logicos.
Sintaxis del lenguaje
Operadores Aritmeticos:
( + ) Adición, ej: var total = sumando1 + sumando2;
( - ) Sustracción, ej: var total = minuendo - sustraendo;
( * ) Multiplicacion, ej: var total = factor1 * factor2;
( / ) Division, ej: var total = dividendo / divisor; // asigna a total el cociente de las 2 variables.
( % ) Modulo de division, ej: var total = dividendo % divisor; // asigna a total el resto de la division.
Sintaxis del lenguaje
Operadores Comparativos:
( > ) Mayor que
( < ) Menor que
( == ) Igual a
( != ) Distinto de
( >= ) Mayor o igual a
( <= ) Menor o igual que
( === ) Identico a
( !== ) No identico a
Sintaxis del lenguaje - Condicionales
Estructuras condicionales
Por medio de if se puede indicar una condición que, de cumplirse, permite la ejecución de uno o más enunciados.
Por medio de else se puede establecer una alternativa, aunque su uso es opcional.
if(condicion){
// el programa ejecuta algo si se cumple la condicion
} else {
// el programa ejecuta algo si NO se cumple la condicion
}
Sintaxis de lenguaje - Condicionales
var miVariable = 98;
if(miVariable > 100){
// ejecuto algo indicando que cumple la condición de que el valor de la variable es mayor a 100.
}else{
// ejecuto otra caso en caso de que la condicion no se cumpla.
}
Sintaxis del lenguaje - Condicionales
var miVariable = 98;
if(miVariable > 100){
// ejecuto algo indicando que cumple la condición de que el valor de la variable es mayor a 100.
}elseif(miVariable < 100){
// ejecuto otra cosa en caso de que la condicion sea menor al valor comparado.
}else{
// ejecuto otra cosa para cuando la variable NO cumpla ninguna de las condiciones.
}
Sintaxis del lenguaje - Condicionales
switch(variable){
case(valor1):
// el programa ejecuta algo si el valor corresponde a la comparacion.
break;
case():
//el programa ejecuta algo si el valor corresponde a la comparacion.
break;
default:
// el programa ejecuta esta condicion si ninguno de los casos se cumple.
break;
}
Sintaxis del lenguaje
Operadores logicos
Los operadores logicos amplian las posibilidades de establecer condiciones.
( ! ) = Negacion
( && ) = Y
( || ) = O
Sintaxis del lenguaje
var miVariable = 250;
if(miVariable == 500){
// El valor es igual a 500
}else if((miVariable > 200) || (miVariable < 300)){
// El valor esta entre 200 y 300
}else{
// No se cumple ninguna de las 2 condiciones
}
Ejemplo
Ver carpeta ejemplo_modulo_6
Ejercicio
Calcule su indice de masa corporal y muestre los resultados en una alerta de javascript.
Bibliografia
Beginning Javascript, 4 edicion, Paul Witon, Jeremy McPeak, Editorial Wrox, paginas 1- 86.
