Presentación de programación (conceptos y ejercicios)

Conceptos de Algoritmo, Programa y Conceptos de Algoritmo, Programa y Lenguaje de Programación.Lenguaje de Programación.

Un algoritmo es un proceso mediante el cual se siguen una Un algoritmo es un proceso mediante el cual se siguen una serie de pasos determinados para resolver un problema.serie de pasos determinados para resolver un problema.

Un programa es un ordenador que recibe ordenes para ejecutar Un programa es un ordenador que recibe ordenes para ejecutar una actividad, por medio de un procesador que carga, modifica una actividad, por medio de un procesador que carga, modifica e imprime textos. Siendo el ordenador la herramienta e imprime textos. Siendo el ordenador la herramienta fundamental y básica para la resolución del problema.fundamental y básica para la resolución del problema.

El lenguaje de programación son las instrucciones que utiliza la El lenguaje de programación son las instrucciones que utiliza la computadora para hacer operaciones, mostrar datos, sacar computadora para hacer operaciones, mostrar datos, sacar listados, tablas, archivos, etc. Un ejemplo y que además listados, tablas, archivos, etc. Un ejemplo y que además utilizamos es Javascript.comutilizamos es Javascript.com

Qué es JavaScript?Qué es JavaScript?

Es una de las múltiples maneras que sirven para mejorar las capacidades Es una de las múltiples maneras que sirven para mejorar las capacidades del lenguaje HTML.del lenguaje HTML.

Javascript no es propiamente un lenguaje de programación, sino un Javascript no es propiamente un lenguaje de programación, sino un lenguaje orientado a documento en cual se usan muchos procesadores de lenguaje orientado a documento en cual se usan muchos procesadores de textos y panillas de cálculo.textos y panillas de cálculo.

Es también un lenguaje interpretado que analiza las instrucciones y las Es también un lenguaje interpretado que analiza las instrucciones y las procesa necesariamente en un navegador en el momento de su ejecución.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 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 a cualquier error por más pequeño que sea, por ejemplo el uso de mayúsculas y minúsculas.mayúsculas y minúsculas.

EJERCICIO 1 CONCEPTO 2EJERCICIO 1 CONCEPTO 2

<html><html>

<head><head>

<title>Problema</title><title>Problema</title>

</head></head>

<body><body>

<script language="javascript"><script language="javascript">

document.write('Carlos');document.write('Carlos');

document.write("<br>");document.write("<br>");

document.write('17 años');document.write('17 años');

</script></script>

</body></body>

</html></html>

VariablesVariables

Es un depósito donde se almacena un valor. Toda variable consta de un Es un depósito donde se almacena un valor. Toda variable consta de un nombre y pertenece a un tipo.nombre y pertenece a un tipo.

Tipos de variables.Tipos de variables.* Valores enteros.* Valores enteros.* Valores reales.* Valores reales.* Cadena de caracteres.* Cadena de caracteres.* Valores lógicos.* Valores lógicos.

las variables son nombres que ponemos a los luagares donde las variables son nombres que ponemos a los luagares donde almacenamos la información y que en Javascript deben comenzar por una 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 letra o un subrayado. Es de importancia aclarar que una variable no puede tener el mismo nombre de una palabra clave dellenguaje.tener el mismo nombre de una palabra clave dellenguaje.

la abreviatura para variable más utilizada es la palabra var. Por lo general la abreviatura para variable más utilizada es la palabra var. Por lo general son nombres representativos y significativos.son nombres representativos y significativos.


<html><html>

<head><head>

<title>Problema</title><title>Problema</title>

</head></head>

<body><body>


var nombre='manuel'var nombre='manuel'

var sueldo=400000var sueldo=400000

document.write('el operario '+nombre);document.write('el operario '+nombre);

document.write(' tiene un sueldo de '+sueldo);document.write(' tiene un sueldo de '+sueldo);

</script></script>

</body></body>

</html></html>

Entrada de datos por tecladoEntrada de datos por teclado

Se hacen siempre por medio de la función Prompt, esto para que ? Para Se hacen siempre por medio de la función Prompt, esto para que ? Para que al ingresar el dato se cargue el valor.que al ingresar el dato se cargue el valor.

También existen otras formas más complejas para la entrada de datos en 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 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.de Javascript se recomendable usar la función explicada enteriormente.


<html><html>

<head><head>

</head></head>

<body><body>

<script language="JavaScript"><script language="JavaScript">

var nombre;var nombre;

var correo;var correo;

nombre=prompt('Ingrese su nombre:','');nombre=prompt('Ingrese su nombre:','');

correo=prompt('Ingrese su correo electronico:','');correo=prompt('Ingrese su correo electronico:','');

document.write('Hola ');document.write('Hola ');

document.write(nombre);document.write(nombre);

document.write(' asi que tu correo electronico es ');document.write(' asi que tu correo electronico es ');

document.write(correo);document.write(correo);

</script></script>

</body></body>

</html></html>

Estructuras secuenciales de programación.Estructuras secuenciales de programación.

Las estructuras secuenciales son solamente cuando en un problema se Las estructuras secuenciales son solamente cuando en un problema se utilizan operaciones, entrada y salidasutilizan operaciones, entrada y salidas

En Javascript requieres de más cuidado, ya que aquí no se le puede indicar 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 tipo de variable es la que estamos introduciendo, por lo cual tenemos que estar más pendientes cuando se hacen determinadas operaciones con que estar más pendientes cuando se hacen determinadas operaciones con sus contenidos. sus contenidos.

un problema es secuencial cuando ingresamos dos valores por teclado, un problema es secuencial cuando ingresamos dos valores por teclado, cuando se hace las operaciones respectivas y finalmente se muestra u cuando se hace las operaciones respectivas y finalmente se muestra u obtiene un resultado. obtiene un resultado.

EJERCICIO 1 CONCEPTO 5EJERCICIO 1 CONCEPTO 5 <html><html> <head><head> <script language="JavaScript"><script language="JavaScript"> var valor1;var valor1; valor1=prompt('Ingrese el valor del lado:','');valor1=prompt('Ingrese el valor del lado:',''); var producto=valor1*4;var producto=valor1*4;

document.write('El perimetro es ');document.write('El perimetro es '); document.write(producto);document.write(producto); </script></script> </head></head> <body><body> </body></body> </html></html>

Estructuras condicionales simplesEstructuras condicionales simples

Ya que todos los problemas no se pueden resolver por medio de las estructuras 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 secuenciales, existen también otras estructuras llamadas condicionales, que son muy aplicadas cuando se debe tomar una decisión.aplicadas cuando se debe tomar una decisión.

Y a lo largo de nuestra vida se presentan múltiples casos donde debemos elegir Y a lo largo de nuestra vida se presentan múltiples casos donde debemos elegir siempre entre dos opciones.siempre entre dos opciones.

También hay problemas que se resuelven usando ambas estructuras, las 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 condicionales y las secuenciales, para así cuando se presente la elección tenemos la opción de realizar una actividad o no realizarla. opción de realizar una actividad o no realizarla.

En una estructura condicional simple por un camino siempre va a haber actividades y En una estructura condicional simple por un camino siempre va a haber actividades y por el otro no. por el otro no.


<html><html>

<head><head>

</head></head>

<body><body>


var nombre;var nombre;

var clave;var clave;

var clave2;var clave2;

nombre=prompt('Ingrese nombre:','');nombre=prompt('Ingrese nombre:','');

clave=prompt('Ingrese su clave:','');clave=prompt('Ingrese su clave:','');

clave2=prompt('Ingrese su clave nuevamente:','');clave2=prompt('Ingrese su clave nuevamente:','');

if (clave==clave2)if (clave==clave2)

{{

document.write(nombre+' la calve es correcta ');document.write(nombre+' la calve es correcta ');

}}

</script></script>

</body></body>

</html></html>

Estructuras condicionales compuestas.Estructuras condicionales compuestas.

En estas estructuras cuando se presenta la elección podemos elegir entre 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 la opción de realizarla o no. Es decir, tenemos actividades por ambos lados de la condición.de la condición.

Lo importante en este caso es que se puede realizar la actividad por un 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.lado o por el otro, pero nunca por los dos al mismo tiempo.

en este tipo de estructuras tenemos entradas, salidas, operaciones, tanpo en este tipo de estructuras tenemos entradas, salidas, operaciones, tanpo por una rama como por la otra.por una rama como por la otra.


<html><html>

<head><head>

</head></head>

<body><body>


var num1,num2;var num1,num2;

num1=prompt('Ingrese el primer número:','');num1=prompt('Ingrese el primer número:','');

num2=prompt('Ingrese el segundo número:','');num2=prompt('Ingrese el segundo número:','');

num1=parseInt(num1);num1=parseInt(num1);


var suma=num1+num2var suma=num1+num2

var resta=num1-num2var resta=num1-num2

var producto=num2*num1var producto=num2*num1

var division=num1/num2var division=num1/num2

if (num1>num2)if (num1>num2)

{{

document.write('La suma es '+suma);document.write('La suma es '+suma);

documen.write(' y su resta es '+resta);documen.write(' y su resta es '+resta);

}}

elseelse

{{

document.write('el producto es '+producto);document.write('el producto es '+producto);

document.write(' y su division es '+division);document.write(' y su division es '+division);

}}

</script></script>

</body></body>

</html></html>

Estructuras condicionales anidadas.Estructuras condicionales anidadas.

Una estructura es condicional anidada, cuando por la Una estructura es condicional anidada, cuando por la rama verdadera o por la rama falsa de una estructura rama verdadera o por la rama falsa de una estructura condicional se presenta otra estructura condicional.condicional se presenta otra estructura condicional.


<html><html>

<head><head>

</head></head>

<body><body>


var num1,num2,num3;var num1,num2,num3;

num1=prompt('Ingrese 1er. numero:','');num1=prompt('Ingrese 1er. numero:','');

num2=prompt('Ingrese 2do. numero:','');num2=prompt('Ingrese 2do. numero:','');

num3=prompt('Ingrese 3er. numero:','');num3=prompt('Ingrese 3er. numero:','');

//Convertimos los 3 string en enteros//Convertimos los 3 string en enteros





{{

document.write(num1);document.write(num1);

}}

elseelse

{{


{{


}}

elseelse

{{


}}

}}

</script></script>

</body></body>

</html></html>

Operadores lógicos && (y) en las estructuras Operadores lógicos && (y) en las estructuras condicionalescondicionales

Estos operadores lógicos se emplean cuando en una estructura condicional Estos operadores lógicos se emplean cuando en una estructura condicional se disponen o hay dos condiciones.se disponen o hay dos condiciones.

Cuando este operador se usa, las dos condiciones deben ser verdaderas 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 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 y la solución del problema pueda continuar por el camino verdadero de la estructura condicional.estructura condicional.

Los operadores lógicos son de gran ayuda, ya que permiten que la Los operadores lógicos son de gran ayuda, ya que permiten que la resolución del problema sea más corta y comprensible. resolución del problema sea más corta y comprensible.

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>

Operadores lógicos || (o) en las estructuras Operadores lógicos || (o) en las estructuras condicionales.condicionales.

Representado con la letra “O”, indica si la condicipón 1 es verdader la 2 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.también es verdadera., para luego ejecutar esta misma rama.

Cuando en un problema se vinculan dos o más operadores “O”, solo basta 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 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.resultado de la condición compuesta es verdadero.

EJERCICIO 1 CONCEPTO 10EJERCICIO 1 CONCEPTO 10 <html><html> <head><head> </head></head> <body><body> <script language="javascript"><script language="javascript"> var num1,num2,num3;var num1,num2,num3; num1=prompt('Ingrese numero 1:','');num1=prompt('Ingrese numero 1:',''); num2=prompt('Ingrese numero 2:','');num2=prompt('Ingrese numero 2:',''); num3=prompt('Ingrese numero 3:','');num3=prompt('Ingrese numero 3:',''); num1=parseInt(num1);num1=parseInt(num1); num2=parseInt(num2);num2=parseInt(num2); num3=parseInt(num3);num3=parseInt(num3); if (num<10 || num2<10 || num3<10)if (num<10 || num2<10 || num3<10) {{ document.write('todos los numeros son menores a diez.');document.write('todos los numeros son menores a diez.'); }} </script></script> </body></body> </html></html>

Estructuras switch.Estructuras switch.

Es una manera que se usa cuando se quiere reemplazar los if/else if.Es una manera que se usa cuando se quiere reemplazar los if/else if.

También se puede aplicar a otros tipos de situaciones, cuando la condición También se puede aplicar a otros tipos de situaciones, cuando la condición se verifica si es igual a cierto valor.se verifica si es igual a cierto valor.

Es utilizada para tomar decisiones en función de distintos estados de las Es utilizada para tomar decisiones en función de distintos estados de las variables.variables.


<html><html> <head><head> <title>Problema</title><title>Problema</title> </head></head> <body><body>

<script language="javascript"><script language="javascript"> alert("digite 1. casa 2. mesa 3. perro 4. gato")alert("digite 1. casa 2. mesa 3. perro 4. gato") var op = prompt("entre la opcion:", " ");var op = prompt("entre la opcion:", " "); var op = parseInt (op);var op = parseInt (op); switch(op)switch(op) {{ case 1: alert("home");case 1: alert("home"); break;break; case 2: alert("table");case 2: alert("table"); break;break; case 3: alert("dog");case 3: alert("dog"); break;break; case 4: alert("cat");case 4: alert("cat"); break;break; default:alert("numero no valido, ingrese un numero de 1 a 4");default:alert("numero no valido, ingrese un numero de 1 a 4"); }} </script></script>

</body></body> </html></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.

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.

Estructura repetitiva (do/while)

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 (for)

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.

Presentación de programación (conceptos y ejercicios)

Documents

Transcript of Presentación de programación (conceptos y ejercicios)