Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Programacion basica

321 views

Published on

de la cruz lillian, sanchez Dalvis, Rodriguez elvis

  • Muy buena charla
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Programacion basica

  1. 1. Universidad de PanamáCentro Regional Universitario de Coclé facultad de Informática Electrónica y Comunicación Programación Web Capitulo 3: Programación BásicaPor: De La Cruz Lillian, Sánchez Dalvis, Rodríguez Elvis junio 2012
  2. 2. CONTENIDO:3. Programación Básica3.1 Variables3.2 Tipos de variables3.3 Operadores3.4 Estructuras de control de flujo3.5 Funciones y propiedades básicas deJavaScript
  3. 3. Variables Una variable es un elemento que se emplea para almacenar y hacer referencia a otro valor. Si cuando se declara una variable se le asigna también un valor, se dice que la variable ha sido inicializada
  4. 4.  Las variables en JavaScript se crean mediante la palabra reservada var.Ejemplovar numero_1;var numero_2;
  5. 5. Tipos de variables Numéricos Se utilizan para almacenar valores numéricos enteros (llamados integer en inglés) o decimales (llamados float en inglés).Ejemplovar iva = 16; // variable tipo enterovar total = 234.65; // variable tipo decimal
  6. 6. Cadena de TextoSe utilizan para almacenar caracteres, palabras y/o frases detexto. Para asignar el valor a lavariable, se encierra el valor entre comillasdobles o simples, para delimitar su comienzo ysu final. Ejemplo var mensaje = "Bienvenido a nuestro sitio web";
  7. 7. ArraysSe les llama vectores, matrices e incluso arreglos. Esuna colección de variables, que pueden ser todas delmismo tipo o cada una de un tipo diferente.Ejemplovar dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes","Sábado", "Domingo"];
  8. 8. BooleanosTambién se conocen con el nombre de variablesde tipo lógico. Una variable de tipobooleana solamente puede tomar dos valores: true(verdadero) o false (falso).Ejmplovar clienteRegistrado = false;var ivaIncluido = true;
  9. 9. OperadoresLos operadores permiten manipular el valor delas variables, realizar operaciones matemáticas con sus valoresy comparar diferentes variables. Asignación Este operador se utiliza para guardar un valor específico en una variable. Ejemplo var numero1 = 3
  10. 10. Incremento y decrementosolamente son válidos para las variables numéricas.El operador de incremento se indica mediante ++en el nombre de la variable. El decremento indicado -- en el nombre de lavariable se utiliza para decrementar el valorde la variable.
  11. 11. Ejemplo:Incrementovar numero = 5;++numero;alert(numero); // numero = 6Descrementovar numero = 5;--numero;alert(numero); // numero = 4
  12. 12. LógicosSe utilizan para tomar decisiones sobre lasinstrucciones que debería ejecutar el programa enfunción de ciertas condiciones. El resultado siemprees un valor lógico o booleano.
  13. 13. Negación Se utiliza para obtener el valor contrario al valor de la variable. La negación lógica se obtiene prefijando el símbolo ! Ejemplo var visible = true; alert(!visible); // Muestra "false" y no "true" ANDobtiene su resultado combinando dos valores booleanos. Eloperador se indica mediante el símbolo && y su resultadosolamente es true si los dos operandoson true.
  14. 14. Ejemploresultado = valor1 && valor2; // resultado = falsevalor1 = true;valor2 = true;resultado = valor1 && valor2; // resultado = true variable1 variable2 variable1 && variable2 true true true true false false false true false false false false
  15. 15. ORLa operación lógica OR también combina dosvalores booleanos. El operador se indica medianteel símbolo || y su resultado es truesi alguno de los dos operando es true.
  16. 16. Ejemplovar valor1 = true;var valor2 = false;resultado = valor1 || valor2; // resultado = truevalor1 = false;valor2 = false;resultado = valor1 || valor2; // resultado = false variable1 variable2 variable1 || variable2 true true true true false true false true true false false false
  17. 17. Matemáticos Los operadores definidos son: suma (+), resta (-), multiplicación (*) y división (/). Ejemplo var numero1 = 10; var numero2 = 5; resultado = numero1 / numero2; // resultado = 2 resultado = 3 + numero1; // resultado = 13 resultado = numero2 – 4; // resultado = 1 resultado = numero1 * numero 2; // resultado = 50
  18. 18.  JavaScript define otro operador matemático. Se trata del operador "módulo", que calcula el resto de la división entera de dos números. se indica mediante el símbolo %, Ejemplo var numero1 = 10; var numero2 = 5; resultado = numero1 % numero2; // resultado = 0
  19. 19. Relacionalesmayor que (>), menor que (<), mayor o igual (>=),menor o igual (<=), igual que (==) y distinto de (!=).El resultado de todos estos operadores siemprees un valor booleano
  20. 20. Ejemplonumero1 = 5;numero2 = 5;resultado = numero1 >= numero2; // resultado = trueresultado = numero1 <= numero2; // resultado = trueresultado = numero1 == numero2; // resultado = trueresultado = numero1 != numero2; // resultado = false
  21. 21. Estructuras de control de flujo son instrucciones del tipo "si se cumple esta condición, hazlo; si no se cumple, haz esto otro". También existen instrucciones del tipo "repite esto mientras se cumpla esta condición".
  22. 22. ClasesEstructura ifSe emplea para tomar decisiones enfunción de una condiciónEstructura if...elseNormalmente las condiciones suelen ser deltipo "si se cumple esta condición, hazlo;si no se cumple, haz esto otro".
  23. 23. Ejemplovar numero1 = 5;var numero2 = 8;if(...) {alert("numero1 no es mayor quenumero2");}if(...) {alert("numero2 es positivo");}if(...) {alert("numero1 es negativo o distinto decero");}if(...) {alert("Incrementar en 1 unidad el valor denumero1 no lo hace mayor o igualque
  24. 24. Estructura forLa estructura for permite realizar este tipode repeticiones de una forma muy sencilla. for(inicializacion; condicion; actualizacion) { ... } Ejemplo var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"]; for(var i=0; i<7; i++) { alert(dias[i]); }
  25. 25. Estructura for...inSi se quieren recorrer todos los elementosque forman un array, la estructura for...ines la forma más eficiente de hacerlo, var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"]; for(i in dias) { alert(dias[i]); }La variable que se indica como índice esla que se puede utilizar para acceder a los elementos del array.
  26. 26. Funciones y propiedades básicas de JavaScriptJavaScript incorpora una serie de herramientasy utilidades (llamadas funciones y propiedades, como se verá más adelante) para el manejode las variables.
  27. 27. Clases: Funciones útiles para cadenas de texto  length, calcula la longitud de una cadena de texto (el número de caracteres que la forman)  se emplea para concatenar varias cadenas de texto.  Además del operador +, también se puede utilizar la función concat().
  28. 28.  Los espacios en blanco se pueden añadiral final o al principio de lascadenas y tambiénse pueden indicar forma explícita:var mensaje1 = "Hola";var mensaje2 = "Mundo";var mensaje = mensaje1 + " " + mensaje2; // mensaje ="Hola Mundo"
  29. 29.  toUpperCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en mayúsculas y viceversa.  split(separador), convierte una cadena de texto en un array de cadenas de texto
  30. 30. Funciones útiles para arrays length, calcula el número de elementos de un array  concat(), se emplea para concatenar los elementos de varios arrays push(), añade un elemento al final del array. pop(), elimina el último elemento del array y lo devuelve join(separador), es la función contraria a split().
  31. 31.  shift(), elimina el primer elemento del array y lo devuelve unshift(), añade un elemento al principio del array reverse(), modifica un array colocando sus elementos en el orden inverso a su posición original
  32. 32. Funciones útiles para números NaN, (del inglés, "Not a Number") JavaScript emplea el valor NaN para indicar un valor numérico no definido (por ejemplo, la división 0/0). isNaN(), permite proteger a la aplicación de posibles valores numéricos no definidos  Infinity, hace referencia a un valor numérico infinito y positivo  toFixed(digitos), devuelve el número original con tantos decimales como los indicados por el parámetro digitos y realiza los redondeos necesarios.

×