Conceptos de Algoritmo, Programa y Lenguaje de Programación. Un algoritmo es un proceso mediante el cual se siguen una ser...
Qué es JavaScript? <ul><li>Es una de las múltiples maneras que sirven para mejorar las capacidades del lenguaje HTML. </li...
<ul><li>EJERCICIO 1 CONCEPTO 2 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Problema</title>...
Variables <ul><li>Es un depósito donde se almacena un valor. Toda variable consta de un nombre y pertenece a un tipo. </li...
<ul><li>EJERCICIO 1 CONCEPTO 3 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Problema</title>...
Entrada de datos por teclado <ul><li>Se hacen siempre por medio de la función Prompt, esto para que ? Para que al ingresar...
<ul><li>EJERCICIO 1 CONCEPTO 4 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><...
Estructuras secuenciales de programación. <ul><li>Las estructuras secuenciales son solamente cuando en un problema se util...
<ul><li>EJERCICIO 1 CONCEPTO 5 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><script language=&quot;...
Estructuras condicionales simples <ul><li>Ya que todos los problemas no se pueden resolver por medio de las estructuras se...
<ul><li>EJERCICIO 2 CONCEPTO 6 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><...
Estructuras condicionales compuestas. <ul><li>En estas estructuras cuando se presenta la elección podemos elegir entre la ...
<ul><li>EJERCICIO 1 CONCEPTO 7 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><...
Estructuras condicionales anidadas. <ul><li>Una estructura es condicional anidada, cuando por la rama verdadera o por la r...
<ul><li>EJERCICIO 1 CONCEPTO 8 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><...
Operadores lógicos && (y) en las estructuras condicionales <ul><li>Estos operadores lógicos se emplean cuando en una estru...
<ul><li>EJERCICIO 3 CONCEPTO 9 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><...
Operadores lógicos || (o) en las estructuras condicionales. <ul><li>Representado con la letra “O”, indica si la condicipón...
<ul><li>EJERCICIO 1 CONCEPTO 10 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul>...
Estructuras switch. <ul><li>Es una manera que se usa cuando se quiere reemplazar los if/else if. </li></ul><ul><li>También...
<ul><li>EJERCICIO 1 CONCEPTO 11 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Problema</title...
Estructura repetitiva (while) <ul><li>Son otro tipo de estructuras muy utilizadas y de igual importancia a las estructuras...
Concepto de acumulador <ul><li>Es un registro en donde se almacenan los resultados lógicos y aritméticos intermedios. Es d...
Estructura repetitiva (do/while) <ul><li>Es también otra estructura repetitiva, que a diferencia de la anterior puede no e...
Estructura repetitiva (for) <ul><li>Es una alternativa de resolver problemas repetitivos, aplicada por lo general  con la ...
Upcoming SlideShare
Loading in...5
×

Diapositivas del resumen y ejercicios(finalizada) (1)

766

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
766
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Diapositivas del resumen y ejercicios(finalizada) (1)

  1. 1. Conceptos de Algoritmo, Programa y Lenguaje de Programación. Un algoritmo es un proceso mediante el cual se siguen una serie de pasos determinados para resolver un problema. Un programa es un ordenador que recibe ordenes para ejecutar una actividad, por medio de un procesador que carga, modifica e imprime textos. Siendo el ordenador la herramienta fundamental y básica para la resolución del problema. El lenguaje de programación son las instrucciones que utiliza la computadora para hacer operaciones, mostrar datos, sacar listados, tablas, archivos, etc. Un ejemplo y que además utilizamos es Javascript.com
  2. 2. Qué es JavaScript? <ul><li>Es una de las múltiples maneras que sirven para mejorar las capacidades del lenguaje HTML. </li></ul><ul><li>Javascript no es propiamente un lenguaje de programación, sino un lenguaje orientado a documento en cual se usan muchos procesadores de textos y panillas de cálculo. </li></ul><ul><li>Es también un lenguaje interpretado que analiza las instrucciones y las procesa necesariamente en un navegador en el momento de su ejecución. </li></ul><ul><li>Es un lenguaje de cuidado y debemos tener en cuanta que es muy sensible a cualquier error por más pequeño que sea, por ejemplo el uso de mayúsculas y minúsculas. </li></ul>
  3. 3. <ul><li>EJERCICIO 1 CONCEPTO 2 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Problema</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>document.write('Carlos'); </li></ul><ul><li>document.write(&quot;<br>&quot;); </li></ul><ul><li>document.write('17 años'); </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  4. 4. Variables <ul><li>Es un depósito donde se almacena un valor. Toda variable consta de un nombre y pertenece a un tipo. </li></ul><ul><li>Tipos de variables. </li></ul><ul><li>* Valores enteros. </li></ul><ul><li>* Valores reales. </li></ul><ul><li>* Cadena de caracteres. </li></ul><ul><li>* Valores lógicos. </li></ul><ul><li>las variables son nombres que ponemos a los luagares donde almacenamos la información y que en Javascript deben comenzar por una letra o un subrayado. Es de importancia aclarar que una variable no puede tener el mismo nombre de una palabra clave dellenguaje. </li></ul><ul><li>la abreviatura para variable más utilizada es la palabra var. Por lo general son nombres representativos y significativos. </li></ul>
  5. 5. <ul><li>EJERCICIO 1 CONCEPTO 3 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Problema</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var nombre='manuel' </li></ul><ul><li>var sueldo=400000 </li></ul><ul><li>document.write('el operario '+nombre); </li></ul><ul><li>document.write(' tiene un sueldo de '+sueldo); </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  6. 6. Entrada de datos por teclado <ul><li>Se hacen siempre por medio de la función Prompt, esto para que ? Para que al ingresar el dato se cargue el valor. </li></ul><ul><li>También existen otras formas más complejas para la entrada de datos en una página de HTML, pero que para el aprendizaje básico de los conceptos de Javascript se recomendable usar la función explicada enteriormente. </li></ul>
  7. 7. <ul><li>EJERCICIO 1 CONCEPTO 4 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;JavaScript&quot;> </li></ul><ul><li>var nombre; </li></ul><ul><li>var correo; </li></ul><ul><li>nombre=prompt('Ingrese su nombre:',''); </li></ul><ul><li>correo=prompt('Ingrese su correo electronico:',''); </li></ul><ul><li>document.write('Hola '); </li></ul><ul><li>document.write(nombre); </li></ul><ul><li>document.write(' asi que tu correo electronico es '); </li></ul><ul><li>document.write(correo); </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  8. 8. Estructuras secuenciales de programación. <ul><li>Las estructuras secuenciales son solamente cuando en un problema se utilizan operaciones, entrada y salidas </li></ul><ul><li>En Javascript requieres de más cuidado, ya que aquí no se le puede indicar que tipo de variable es la que estamos introduciendo, por lo cual tenemos que estar más pendientes cuando se hacen determinadas operaciones con sus contenidos. </li></ul><ul><li>un problema es secuencial cuando ingresamos dos valores por teclado, cuando se hace las operaciones respectivas y finalmente se muestra u obtiene un resultado. </li></ul>
  9. 9. <ul><li>EJERCICIO 1 CONCEPTO 5 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><script language=&quot;JavaScript&quot;> </li></ul><ul><li>var valor1; </li></ul><ul><li>valor1=prompt('Ingrese el valor del lado:',''); </li></ul><ul><li>var producto=valor1*4; </li></ul><ul><li>document.write('El perimetro es '); </li></ul><ul><li>document.write(producto); </li></ul><ul><li></script> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  10. 10. Estructuras condicionales simples <ul><li>Ya que todos los problemas no se pueden resolver por medio de las estructuras secuenciales, existen también otras estructuras llamadas condicionales, que son muy aplicadas cuando se debe tomar una decisión. </li></ul><ul><li>Y a lo largo de nuestra vida se presentan múltiples casos donde debemos elegir siempre entre dos opciones. </li></ul><ul><li>También hay problemas que se resuelven usando ambas estructuras, las condicionales y las secuenciales, para así cuando se presente la elección tenemos la opción de realizar una actividad o no realizarla. </li></ul><ul><li>En una estructura condicional simple por un camino siempre va a haber actividades y por el otro no. </li></ul>
  11. 11. <ul><li>EJERCICIO 2 CONCEPTO 6 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var nombre; </li></ul><ul><li>var clave; </li></ul><ul><li>var clave2; </li></ul><ul><li>nombre=prompt('Ingrese nombre:',''); </li></ul><ul><li>clave=prompt('Ingrese su clave:',''); </li></ul><ul><li>clave2=prompt('Ingrese su clave nuevamente:',''); </li></ul><ul><li>if (clave==clave2) </li></ul><ul><li>{ </li></ul><ul><li>document.write(nombre+' la calve es correcta '); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  12. 12. Estructuras condicionales compuestas. <ul><li>En estas estructuras cuando se presenta la elección podemos elegir entre la opción de realizarla o no. Es decir, tenemos actividades por ambos lados de la condición. </li></ul><ul><li>Lo importante en este caso es que se puede realizar la actividad por un lado o por el otro, pero nunca por los dos al mismo tiempo. </li></ul><ul><li>en este tipo de estructuras tenemos entradas, salidas, operaciones, tanpo por una rama como por la otra. </li></ul>
  13. 13. <ul><li>EJERCICIO 1 CONCEPTO 7 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var num1,num2; </li></ul><ul><li>num1=prompt('Ingrese el primer número:',''); </li></ul><ul><li>num2=prompt('Ingrese el segundo número:',''); </li></ul><ul><li>num1=parseInt(num1); </li></ul><ul><li>num2=parseInt(num2); </li></ul><ul><li>var suma=num1+num2 </li></ul><ul><li>var resta=num1-num2 </li></ul><ul><li>var producto=num2*num1 </li></ul><ul><li>var division=num1/num2 </li></ul><ul><li>if (num1>num2) </li></ul><ul><li>{ </li></ul><ul><li>document.write('La suma es '+suma); </li></ul><ul><li>documen.write(' y su resta es '+resta); </li></ul><ul><li>} </li></ul><ul><li>else </li></ul><ul><li>{ </li></ul><ul><li>document.write('el producto es '+producto); </li></ul><ul><li>document.write(' y su division es '+division); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  14. 14. Estructuras condicionales anidadas. <ul><li>Una estructura es condicional anidada, cuando por la rama verdadera o por la rama falsa de una estructura condicional se presenta otra estructura condicional. </li></ul>
  15. 15. <ul><li>EJERCICIO 1 CONCEPTO 8 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var num1,num2,num3; </li></ul><ul><li>num1=prompt('Ingrese 1er. numero:',''); </li></ul><ul><li>num2=prompt('Ingrese 2do. numero:',''); </li></ul><ul><li>num3=prompt('Ingrese 3er. numero:',''); </li></ul><ul><li>//Convertimos los 3 string en enteros </li></ul><ul><li>num1=parseInt(num1); </li></ul><ul><li>num2=parseInt(num2); </li></ul><ul><li>num3=parseInt(num3); </li></ul><ul><li>if (num1>num2) </li></ul><ul><li>{ </li></ul><ul><li>document.write(num1); </li></ul><ul><li>} </li></ul><ul><li>else </li></ul><ul><li>{ </li></ul><ul><li>if (num2>num3) </li></ul><ul><li>{ </li></ul><ul><li>document.write(num2); </li></ul><ul><li>} </li></ul><ul><li>else </li></ul><ul><li>{ </li></ul><ul><li>document.write(num3); </li></ul><ul><li>} </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  16. 16. Operadores lógicos && (y) en las estructuras condicionales <ul><li>Estos operadores lógicos se emplean cuando en una estructura condicional se disponen o hay dos condiciones. </li></ul><ul><li>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. </li></ul><ul><li>Los operadores lógicos son de gran ayuda, ya que permiten que la resolución del problema sea más corta y comprensible. </li></ul>
  17. 17. <ul><li>EJERCICIO 3 CONCEPTO 9 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var num1,num2,num3; </li></ul><ul><li>num1=prompt('Ingrese primer número:',''); </li></ul><ul><li>num2=prompt('Ingrese segundo número:',''); </li></ul><ul><li>num3=prompt('Ingrese tercer número:',''); </li></ul><ul><li>num1=parseInt(num1); </li></ul><ul><li>num2=parseInt(num2); </li></ul><ul><li>num3=parseInt(num3); </li></ul><ul><li>if (num1<10 && num2<10 && num3<10) </li></ul><ul><li>{ </li></ul><ul><li>document.write('todos los numeros son menores a 10'); </li></ul><ul><li>} </li></ul><ul><li>else </li></ul><ul><li>{ </li></ul><ul><li>if (num1>10 && num2<10 && num3>10) </li></ul><ul><li>{ </li></ul><ul><li>document.write('el segundo numero es menor que 10'); </li></ul><ul><li>} </li></ul><ul><li>else </li></ul><ul><li>{ </li></ul><ul><li>if (num1>10 && num2>10 && num3<10) </li></ul><ul><li>{ </li></ul><ul><li>document.write('el tercer numero es menor que 10'); </li></ul><ul><li>} </li></ul><ul><li>else </li></ul><ul><li>{ </li></ul><ul><li>document.write('todos los numeros son mayores que 10'); </li></ul><ul><li>} </li></ul><ul><li>} </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  18. 18. Operadores lógicos || (o) en las estructuras condicionales. <ul><li>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. </li></ul><ul><li>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. </li></ul>
  19. 19. <ul><li>EJERCICIO 1 CONCEPTO 10 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>var num1,num2,num3; </li></ul><ul><li>num1=prompt('Ingrese numero 1:',''); </li></ul><ul><li>num2=prompt('Ingrese numero 2:',''); </li></ul><ul><li>num3=prompt('Ingrese numero 3:',''); </li></ul><ul><li>num1=parseInt(num1); </li></ul><ul><li>num2=parseInt(num2); </li></ul><ul><li>num3=parseInt(num3); </li></ul><ul><li>if (num<10 || num2<10 || num3<10) </li></ul><ul><li>{ </li></ul><ul><li>document.write('todos los numeros son menores a diez.'); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  20. 20. Estructuras switch. <ul><li>Es una manera que se usa cuando se quiere reemplazar los if/else if. </li></ul><ul><li>También se puede aplicar a otros tipos de situaciones, cuando la condición se verifica si es igual a cierto valor. </li></ul><ul><li>Es utilizada para tomar decisiones en función de distintos estados de las variables. </li></ul>
  21. 21. <ul><li>EJERCICIO 1 CONCEPTO 11 </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Problema</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><script language=&quot;javascript&quot;> </li></ul><ul><li>alert(&quot;digite 1. casa 2. mesa 3. perro 4. gato&quot;) </li></ul><ul><li>var op = prompt(&quot;entre la opcion:&quot;, &quot; &quot;); </li></ul><ul><li>var op = parseInt (op); </li></ul><ul><li>switch(op) </li></ul><ul><li>{ </li></ul><ul><li>case 1: alert(&quot;home&quot;); </li></ul><ul><li>break; </li></ul><ul><li>case 2: alert(&quot;table&quot;); </li></ul><ul><li>break; </li></ul><ul><li>case 3: alert(&quot;dog&quot;); </li></ul><ul><li>break; </li></ul><ul><li>case 4: alert(&quot;cat&quot;); </li></ul><ul><li>break; </li></ul><ul><li>default:alert(&quot;numero no valido, ingrese un numero de 1 a 4&quot;); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  22. 22. Estructura repetitiva (while) <ul><li>Son otro tipo de estructuras muy utilizadas y de igual importancia a las estructuras secuenciales y condicionales. </li></ul><ul><li>Su función principal es ejecutar cierto número de instrucciones varias veces. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>Si la condición es verdadera sabemos que se torna infinita, lo que indica que nunca terminará el programa. </li></ul>
  23. 23. Concepto de acumulador <ul><li>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. </li></ul>
  24. 24. Estructura repetitiva (do/while) <ul><li>Es también otra estructura repetitiva, que a diferencia de la anterior puede no ejecutar el bloque con la acción. </li></ul><ul><li>Es muy utilizada cuando sabemos que por lo menos se ejecutará el bloque repetitivo. </li></ul><ul><li>En relación con la anterior, la condición está siempre en la parte de abajo y al igual que la estructura while, finalizará cuando lse torne falso. </li></ul>
  25. 25. Estructura repetitiva (for) <ul><li>Es una alternativa de resolver problemas repetitivos, aplicada por lo general con la misma estructura del WHILE. </li></ul><ul><li>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. </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×