• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Presentación1
 

Presentación1

on

  • 1,053 views

 

Statistics

Views

Total Views
1,053
Views on SlideShare
1,053
Embed Views
0

Actions

Likes
0
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Presentación1 Presentación1 Presentation Transcript

    • NESTOR MOTTA RUIZ
    • JavaScript
      • Conceptos de Algoritmo, Programa y Lenguaje de Programación.
      • Que es Java Script?
      • Variables
      • Entrada de datos por teclado .
      • Estructuras Secuenciales de Programación.
      • Estructuras condicionales simples.
      • Estructuras condicionales compuestas.
      • Estructuras condicionales anidadas.
      • Operadores lógicos && (y) en las estructuras condicionales
      • Operadores lógicos || (o) en las estructuras condicionales .
      • Estructuras switch.
      • Estructura repetitiva (while)
      • Concepto de acumulador.
      • Estructura repetitiva (do/while)
      • Estructura repetitiva (for)
    • Conceptos de Algoritmo, Programa y Lenguaje de Programación.
      • Algoritmo: Pasos a seguir para la solución de un problema
      • Programa: Conjunto de instrucciones que entiende un ordenador para realizar una actividad. Cada tipo de programa tiene un objetivo bien definido por ejemplo un procesador de texto el cual permite cargar, modificar e imprimir textos.
      • Lenguaje de programación: Conjunto de instrucciones que son interpretadas por una computadora para realizar operaciones, mostrar datos por pantalla, sacar listados por impresora, entrar datos por teclado, etc.
    • Qué es JavaScript?
      • JavaScript, al igual que Flash, Visual Basic Script, son maneras que han surgido para extender las capacidades del lenguaje HTML. JavaScript no es un lenguaje de programación propiamente dicho ya que es un lenguaje script lo cual no permite desarrollar un programa con JavaScript que se ejecute fuera de un Navegador.
      • EJEMPLO
      • <html>
      • <head>
      • <title>Problema</title>
      • </head>
      • <body>
      • <script language=&quot;javascript&quot;>
      • document.write('NESTOR MOTTA');
      • document.write(&quot;<br>&quot;);
      • document.write('17 años');
      • </script>
      • </body>
      • </html>
    • Variables
      • Una variable es un depósito donde hay un valor. Consta de un nombre y pertenece a un tipo (numérico, cadena de caracteres, etc.). Una variable puede almacenar:
      • Valores Enteros (100, 260, etc.)
      • Valores Reales (1.24, 2.90, 5.00, etc.)
      • Cadenas de caracteres (&quot;Juan&quot;, &quot;Compras&quot;, &quot;Listado&quot;, etc.) Valores lógicos (true,false)
      • Las variables son nombres que ponemos a los lugares donde almacenamos la información.
      • En JavaScriptUna variable no puede tener el mismo nombre de una palabra clave del lenguaje.
      • EJEMPLO
      • <body>
      • <script language=&quot;javascript&quot;>
      • var nombre=&quot;Nestor&quot;;
      • var salario=8000000;
      • document.write(nombre);
      • document.write('<br>');
      • document.write(salario);
      • </script>
      • </body>
      • </html>
    • Entrada de datos por teclado
      • Para la entrada de datos por teclado tenemos la función prompt. Cada vez que necesitamos ingresar un dato con esta función, aparece una ventana donde cargamos el valor a pesar de que hay otras formas mas sofisticadas esta resulta ser muy practica.
      • EJEMPLO
      • <body>
      • <script language=&quot;javascript&quot;>
      • var nombre=;
      • var email=;
      • nombre= prompt (‘ingrese su nombre:,’’);
      • email= prompt (‘ingrese su email:,’’);
      • document.write(‘Nombre:‘+nombre);
      • document.write('<br>');
      • document.write(‘Email:‘+email);
      • </script>
      • </body>
      • </html>
    • Estructuras secuenciales de programación
      • Estas estructuras aparecen cuando en un problema sólo participan operaciones, entradas y salidas
      • EJEMPLO
      • <html>
      • <head>
      • <script language=&quot;JavaScript&quot;>
      • var valor1;
      • valor1=prompt('Ingrese el valor del lado:','');
      • var producto=valor1*4;
      • document.write('El perimetro es ');
      • document.write(producto);
      • </script>
      • </head>
      • <body>
      • </body>
      • </html>
    • Estructuras condicionales simples
      • Cuando hay que tomar una decisión aparecen las estructuras condicionales. Estas estructuras aparecen en nuestra vida diaria cuando debemos tomar una decision.
      • ¿Elijo la carrera A o la carrera B ?Al cursar una carrera, ¿elijo el turno mañana, tarde o noche ?
      • En un problema se pueden combinar estructuras secuenciales y condicionales.
      • EJEMPLO
      • <html>
      • <head>
      • </head>
      • <body>
      • <script language=&quot;javascript&quot;>
      • var nombre;
      • var clave;
      • var clave2;
      • nombre=prompt('Ingrese nombre:','');
      • clave=prompt('Ingrese su clave:','');
      • clave2=prompt('Ingrese su clave nuevamente:','');
      • if (clave==clave2)
      • {
      • document.write(nombre+' la calve es correcta ');
      • }
      • </script>
      • </body>
      • </html>
    • Estructuras condicionales compuestas.
      • Esta estructura nos permite elegir una opción, puede tomar cualquier camino, o falso o verdadero pero hay que tomar en cuenta que solo realiza las actividades de la sección verdadero o las del falso NUNCA se realizan las actividades de las dos ramas.
      EJEMPLO
      • EJERCICIO 1 CONCEPTO 7
      • <html>
      • <head>
      • </head>
      • <body>
      • <script language=&quot;javascript&quot;>
      • var num1,num2;
      • num1=prompt('Ingrese el primer número:','');
      • num2=prompt('Ingrese el segundo número:','');
      • num1=parseInt(num1);
      • num2=parseInt(num2);
      • var suma=num1+num2
      • var resta=num1-num2
      • var producto=num2*num1
      • var division=num1/num2
      • if (num1>num2)
      • {
      • document.write('La suma es '+suma);
      • documen.write(' y su resta es '+resta);
      • }
      • else
      • {
      • document.write('el producto es '+producto);
      • document.write(' y su division es '+division);
      • }
      • </script>
      • </body>
      • </html>
    • Estructuras condicionales anidadas
      • La estructura condicional anidada es utilizada cuando dentro de una condición existe otra.
      • Ejemplo: Es hombre o mujer?, si es mujer cuantos hijos tiene?, si es hombre, cuanto años tiene?.
      EJEMPLO
      • <html>
      • <head>
      • </head>
      • <body>
      • <script language=&quot;javascript&quot;>
      • var num1,num2,num3;
      • num1=prompt('Ingrese 1er. numero:','');
      • num2=prompt('Ingrese 2do. numero:','');
      • num3=prompt('Ingrese 3er. numero:','');
      • //Convertimos los 3 string en enteros
      • num1=parseInt(num1);
      • num2=parseInt(num2);
      • num3=parseInt(num3);
      • if (num1>num2)
      • {
      • document.write(num1);
      • }
      • else
      • {
      • if (num2>num3)
      • {
      • document.write(num2);
      • }
      • else
      • {
      • document.write(num3);
      • }
      • }
      • </script>
      • </body>
      • </html>
    • Operadores lógicos && (y) en las estructuras condicionales
      • Estos operadores lógicos se emplean cuando en una estructura condicional se disponen o hay dos condiciones.
      • Cuando este operador se usa, las dos condiciones deben ser verdaderas para que el resultado de la condición de como resultado verdadero también y la solución del problema pueda continuar por el camino verdadero de la estructura condicional.
      • Los operadores lógicos son de gran ayuda, ya que permiten que la resolución del problema sea más corta y comprensible.
      EJEMPLO
      • <html>
      • <head>
      • </head>
      • <body>
      • <script language=&quot;javascript&quot;>
      • var num1,num2,num3;
      • num1=prompt('Ingrese primer número:','');
      • num2=prompt('Ingrese segundo número:','');
      • num3=prompt('Ingrese tercer número:','');
      • num1=parseInt(num1);
      • num2=parseInt(num2);
      • num3=parseInt(num3);
      • if (num1<10 && num2<10 && num3<10)
      • {
      • document.write('todos los numeros son menores a 10');
      • }
      • else
      • {
      • if (num1>10 && num2<10 && num3>10)
      • {
      • document.write('el segundo numero es menor que 10');
      • }
      • else
      • {
      • if (num1>10 && num2>10 && num3<10)
      • {
      • document.write('el tercer numero es menor que 10');
      • }
      • else
      • {
      • document.write('todos los numeros son mayores que 10');
      • }
      • }
      • }
      • </script>
      • </body>
      • </html>
    • Operadores lógicos || (o) en las estructuras condicionales.
      • Representado con la letra “O”, indica si la condicipón 1 es verdader la 2 también es verdadera., para luego ejecutar esta misma rama.
      • Cuando en un problema se vinculan dos o más operadores “O”, solo basta con que una de las dos sea verdadera para que la otra también lo sea y el resultado de la condición compuesta es verdadero.
      EJEMPLO
      • <script language=&quot;javascript&quot;>
      • var num1,num2,num3;
      • num1=prompt('Ingrese primer numero:','');
      • num2=prompt('Ingrese segundo numero:','');
      • num3=prompt('Ingrese tercer numero:','');
      • num1=parseInt(num1);
      • num2=parseInt(num2);
      • num3=parseInt(num3);
      • if (num1<10 || num2<10 || num3<10){
      • document.write('todos los números son menores que 10.');}
      • </script>
    • ESTRUCTURAS SWITCH
      • La instrucción switch es una alternativa para remplazar los if y los else if.
      • switch nos brinda una forma mas ordenanda a la hora de programar
      • Divide las condiciones en casos.
      • Sintaxis:
        • Switch(opcion que elija)
        • Case (opcion que elija) : codigo…;
        • Break; //rompe el caso, se sale del switch.
        • Default: (mensaje para verificar opcion).
      EJEMPLO
      • html>
      • <head>
      • <title>Problema</title>
      • </head>
      • <body>
      • <script language=&quot;javascript&quot;>
      • alert(&quot;digite 1. casa 2. mesa 3. perro 4. gato&quot;)
      • var op = prompt(&quot;entre la opcion:&quot;, &quot; &quot;);
      • var op = parseInt (op);
      • switch(op)
      • {
      • case 1: alert(&quot;home&quot;);
      • break;
      • case 2: alert(&quot;table&quot;);
      • break;
      • case 3: alert(&quot;dog&quot;);
      • break;
      • case 4: alert(&quot;cat&quot;);
      • break;
      • default:alert(&quot;numero no valido, ingrese un numero de 1 a 4&quot;);
      • }
      • </script>
      • </body>
      • </html>
    • Estructura repetitiva (while)
      • Son otro tipo de estructuras muy utilizadas y de igual importancia a las estructuras secuenciales y condicionales.
      • Su función principal es ejecutar cierto número de instrucciones varias veces.
      • Las principales características de esta ejecución es que se periten y un elemento “test” ubicado antes de cada repetición y hace q haya o no repetición.
      • Para que funcione debemos tener en cuenta la condición, si esta es verdadera se ejecutan las acciones que van dentro de las llaves después del while. Pero si es falsa continuará con la siguiente.
      • Si la condición es verdadera sabemos que se torna infinita, lo que indica que nunca terminará el programa
      EJEMPLO
      • <script language=&quot;javascript&quot;>
      • var num;
      • num=11;
      • while (num<=275){
      • document.write(num);
      • document.write('<br>');
      • num=num+11;}
      • </script>
    • Concepto de acumulador
      • Es un registro en donde se almacenan los resultados lógicos y aritméticos intermedios. Es de gran ayuda, pues si no existiera, tendríamos que escribir los resultados de cada operación para luego ser utilizado.
      EJEMPLO
      • <script language=&quot;javascript&quot;>
      • var cont=1,var suma=0,var altura;
      • while (cont<=5)
      • { altura=prompt('Ingrese su altura:','');
      • altura=parseInt(altura);
      • suma=suma+altura;
      • cont=cont+1;}
      • promedio=suma/2;
      • document.write(&quot;El promedio de las alturas es de: &quot;+promedio+&quot;<br>&quot;);
      • </script>
    • ESTRUCTURA REPETITIVA (DO/WHILE)
      • Esta estructura repetitiva es utilizada cuando sabemos que la sentencia se ejecutara al menos una vez.
      • Sintaxis:
      • do{ bloque de código}
      • while (condición);
    • ESTRUCTURA REPETITIVA (FOR)
      • Esta estructura se usa cuando conocemos la cantidad de veces que queremos que se ejecute la sentencia.
      • Es muy empleada en ejercicios donde conocemos de antemano la cantidad de veces que queremos que se repita la ejecución del bloque de instrucciones.