Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (14)
Similar a Introducción a la programación con JavaScript
Similar a Introducción a la programación con JavaScript (20)
Último
Último (20)
Introducción a la programación con JavaScript
- 1. BREVE RESUMEN DE LO APRENDIDO EN ESTE CURSO DE INTRODUCCION A LA PROGRAMACION MIGUEL FELIPE LOZADA 2009181015
- 2. Conceptos de Algoritmo, Programa y Lenguaje de Programación. Un algoritmo es una serie de pasos organizados que describe el proceso que se debe seguir, para dar solución a un problema específico Programa: es un ordenador que recibe ordenes para ejecutar una actividad, por medio de un procesador que carga, modifica e imprime textos. 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
- 3. Es una de las múltiples maneras que sirven para mejorar las capacidades del lenguaje HTML. 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. Es también un lenguaje interpretado que analiza las instrucciones y las procesa necesariamente en un navegador en el momento de su ejecución. 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. Qué es JavaScript?
- 4. EJERCICIO 1 CONCEPTO 2 <html> ------------ inicio del programa <head> ------------------- cabeza <title>Problema</title> --------titulo de la pagina </head>- ---------------- fin cabeza <body> ------------- cuerpo <script language="javascript"> ------inicio programación document.write(‘Felipe'); ------- mensaje de salida </body>--------- fin cuerpo </html> ---------- fin programa
- 5. EJERCICIO 1 CONCEPTO 3 <html> <head> <title>Problema</title> </head> <body> <script language="javascript"> var nombre=‘Rodrigo' Var deuda=130000 document.write('el operario '+nombre); document.write(‘tiene una deuda de ‘+deuda); </script> </body> </html>
- 6. Se hacen siempre por medio de la función Prompt, ya que esta función tiene dos objetivos; uno es el mensaje y el otro es el valor y el otro es el valor inicial a mostrar. 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 anteriormente. Entrada de datos por teclado
- 7. Variables Es un depósito donde se almacena un valor. Toda variable consta de un nombre y pertenece a un tipo. Tipos de variables. * Valores enteros. * Valores reales. * Cadena de caracteres. * Valores lógicos. 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. la abreviatura para variable más utilizada es la palabra var. Por lo general son nombres representativos y significativos.
- 8. Ejemplos de algunas variables: Valores enteros Valores reales Cadena de caracteres Valores lógicos TIPO DE VARIABLE
- 9. EJERCICIO 1 CONCEPTO 4 <html> <head> </head> <body> <script language="JavaScript"> var nombre; var correo; nombre=prompt('Ingrese su nombre:',''); correo=prompt('Ingrese su correo electronico:',''); document.write('Hola '); document.write(nombre); document.write(' asi que tu correo electronico es '); document.write(correo); </script> </body> </html>
- 10. Las estructuras secuenciales son solamente cuando en un problema se utilizan operaciones, entrada y salidas 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. Una estructura de programa es secuencial si se ejecutan una tras otra a modo de secuencia, es decir que una instrucción no se ejecuta hasta que finaliza la anterior Estructuras secuenciales de programación.
- 11. EJERCICIO 1 CONCEPTO 5 <html> <head> <script language="JavaScript"> 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>
- 12. 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. Y a lo largo de nuestra vida se presentan múltiples casos donde debemos elegir siempre entre dos opciones. 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. En una estructura condicional simple por un camino siempre va a haber actividades y por el otro no. Estructuras condicionales simples
- 13. EJERCICIO 2 CONCEPTO 6 <html> <head> </head> <body> <script language="javascript"> 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>
- 14. 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. 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. en este tipo de estructuras tenemos entradas, salidas, operaciones, tanpo por una rama como por la otra. Estructuras condicionales compuestas.
- 15. EJERCICIO 1 CONCEPTO 7 <html> <head> </head> <body> <script language="javascript"> 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 vardivision=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>
- 16. Estructuras condicionales anidadas. Una estructura es condicional anidada, cuando por la rama verdadera o por la rama falsa de una estructura condicional se presenta otra estructura condicional.
- 17. EJERCICIO 1 CONCEPTO 8 <html> <head> </head> <body> <script language="javascript"> 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>
- 18. 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. Operadores lógicos && (y) en las estructuras condicionales
- 19. EJERCICIO 3 CONCEPTO 9 <html> <head> </head> <body> <script language="javascript"> 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>
- 20. 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. Operadores lógicos || (o) en las estructuras condicionales.
- 21. EJERCICIO 1 CONCEPTO 10 <html> <head> </head> <body> <script language="javascript"> var num1,num2,num3; num1=prompt('Ingrese numero 1:',''); num2=prompt('Ingrese numero 2:',''); num3=prompt('Ingrese numero 3:',''); num1=parseInt(num1); num2=parseInt(num2); num3=parseInt(num3); if (num<10 || num2<10 || num3<10) { document.write('todos los numeros son menores a diez.'); } </script> </body> </html>
- 22. Es una manera que se usa cuando se quiere reemplazar los if/elseif. También se puede aplicar a otros tipos de situaciones, cuando la condición se verifica si es igual a cierto valor. Es utilizada para tomar decisiones en función de distintos estados de las variables. Estructuras switch.
- 23. EJERCICIO 1 CONCEPTO 11 <html> <head> <title>Problema</title> </head> <body> <script language="javascript"> alert("digite 1. casa 2. mesa 3. perro 4. gato") varop = prompt("entre la opcion:", " "); varop = parseInt (op); switch(op) { case 1: alert("home"); break; case 2: alert("table"); break; case 3: alert("dog"); break; case 4: alert("cat"); break; default:alert("numero no valido, ingrese un numero de 1 a 4"); } </script> </body> </html>
- 24. 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.
- 25. 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.
- 26. Es también otra estructura repetitiva, que a diferencia de la anterior puede no ejecutar el bloque con la acción. Es muy utilizada cuando sabemos que por lo menos se ejecutará el bloque repetitivo. 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. Estructura repetitiva (do/while)
- 27. Es una alternativa de resolver problemas repetitivos, aplicada por lo general con la misma estructura del WHILE. 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. Estructura repetitiva (for)