Programacion[1]

15
Desarrollo de la Desarrollo de la programación básica programación básica JAVASCRIPT JAVASCRIPT Elaborado por: Katherine Sierra Elaborado por: Katherine Sierra

Transcript of Programacion[1]

Page 1: Programacion[1]

Desarrollo de la programación Desarrollo de la programación básicabásica

JAVASCRIPTJAVASCRIPT

Elaborado por: Katherine Sierra Elaborado por: Katherine Sierra

Page 2: Programacion[1]

JAVASCRIPTJAVASCRIPT

JavaScript es un lenguaje de programación que se JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web utiliza principalmente para crear páginas web

dinámicas. dinámicas. A pesar de su nombre, JavaScript no A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de guarda ninguna relación directa con el lenguaje de

programación Java. programación Java.

Page 3: Programacion[1]

a. Por que se dice que JavaScript a. Por que se dice que JavaScript es un lenguaje de programación es un lenguaje de programación

interpretado?interpretado?

JAVASCRIPT es un lenguaje de programación JAVASCRIPT es un lenguaje de programación interpretado porque no necesita ser compilado. interpretado porque no necesita ser compilado. En otras palabras, los programas escritos con En otras palabras, los programas escritos con JavaScript se pueden probar directamente en JavaScript se pueden probar directamente en

cualquier navegador sin necesidad de procesos cualquier navegador sin necesidad de procesos intermedios.intermedios.

Page 4: Programacion[1]

b. Cuales son los valores b. Cuales son los valores estandarizados y cuales las etiquetas estandarizados y cuales las etiquetas que se incluyen dentro de HTML para que se incluyen dentro de HTML para

anunciar anunciar a JavaScript? a JavaScript? ??El código JavaScript se encierra entre etiquetas El código JavaScript se encierra entre etiquetas

'script' y se incluye en cualquier parte del 'script' y se incluye en cualquier parte del documento. Para que la página XHTML resultante documento. Para que la página XHTML resultante sea válida, es necesario añadir el atributo type a sea válida, es necesario añadir el atributo type a

la etiqueta. Los valores que se incluyen en el la etiqueta. Los valores que se incluyen en el atributo type están estandarizados y para el caso atributo type están estandarizados y para el caso de JavaScript, el valor correcto es text/javascript.de JavaScript, el valor correcto es text/javascript.

Page 5: Programacion[1]

Ejemplo de etiqueta:Ejemplo de etiqueta:

<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">

<head> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 8859-1" />

<title>Ejemplo de código JavaScript en el propio documento<title>Ejemplo de código JavaScript en el propio documento

</title> </title>

<script type="text/javascript"><script type="text/javascript"> alert("Un mensaje de prueba"); alert("Un mensaje de prueba");

</script></script>

</head>   </head>  

<body> <p>Un párrafo de texto.</p> <body> <p>Un párrafo de texto.</p>

</body> </body>

</html></html>

Page 6: Programacion[1]

C. EL elemento que se emplea para C. EL elemento que se emplea para almacenar y hacer referencia a otro almacenar y hacer referencia a otro

valor, que es posible crear valor, que es posible crear "programas genéricos", es decir, "programas genéricos", es decir,

programas que funcionan siempre programas que funcionan siempre igual independientemente de los igual independientemente de los valores concretos utilizados, se le valores concretos utilizados, se le

conoce como:conoce como:

VARIABLEVARIABLE

Page 7: Programacion[1]

d. A la variable que almacena un tipo d. A la variable que almacena un tipo especial de valor que solamente puede especial de valor que solamente puede tomar dos valores: true (verdadero) o tomar dos valores: true (verdadero) o

false (falso), se le conoce como: false (falso), se le conoce como:

RTA// Lógicos, Boleens o BolianosRTA// Lógicos, Boleens o Bolianos

Page 8: Programacion[1]

GLOSARIO BASICOGLOSARIO BASICOScript:Script: son, cada uno de los programas son, cada uno de los programas (algoritmos), aplicaciones o trozos de código (algoritmos), aplicaciones o trozos de código creados con el lenguaje de programación creados con el lenguaje de programación JavaScript . JavaScript .

Sentencia:Sentencia: Cada una de las instrucciones que Cada una de las instrucciones que forman un script.forman un script.

Palabras reservadas:Palabras reservadas: Palabras (en inglés) Palabras (en inglés) propias de cada lenguaje de programacion, que propias de cada lenguaje de programacion, que se utilizan para construir las sentencias de se utilizan para construir las sentencias de JavaScript y que por tanto no pueden ser JavaScript y que por tanto no pueden ser utilizadas libremente.utilizadas libremente.

Page 9: Programacion[1]

GLOSARIOGLOSARIOSintaxis de un lenguaje de programación:Sintaxis de un lenguaje de programación: se se define como el conjunto de reglas que deben define como el conjunto de reglas que deben seguirse al escribir el código fuente de los seguirse al escribir el código fuente de los programas para considerarse como correctos programas para considerarse como correctos para ese lenguaje de programación.para ese lenguaje de programación.

Programa Fuente:Programa Fuente: son las instrucciones que son las instrucciones que debe seguir la computadora para ejecutar dicho debe seguir la computadora para ejecutar dicho programa por medio de un conjunto de líneas de programa por medio de un conjunto de líneas de texto . texto . Programa Objeto:Programa Objeto: Consiste en lenguaje Consiste en lenguaje máquina o bytecode y se distribuye en varios máquina o bytecode y se distribuye en varios archivos que corresponden a cada código fuente archivos que corresponden a cada código fuente compilado.compilado.

Page 10: Programacion[1]

Conceptos de Programación en Conceptos de Programación en Javascript: Javascript:

a. la sintaxis del lenguaje son:a. la sintaxis del lenguaje son:

1.1. Se distinguen las mayúsculas y minúsculasSe distinguen las mayúsculas y minúsculas

2.2. No se tienen en cuenta los espacios en No se tienen en cuenta los espacios en blanco y las nuevas líneasblanco y las nuevas líneas

3.3. no es necesario terminar cada sentencia con no es necesario terminar cada sentencia con el carácter de punto y coma (;)el carácter de punto y coma (;)

4.4. No se define el tipo de las variables No se define el tipo de las variables

5.5. Se pueden incluir comentariosSe pueden incluir comentarios

Page 11: Programacion[1]

b. JavaScript define dos tipos de b. JavaScript define dos tipos de comentarios,cuales :comentarios,cuales :

Los dos tipos de comentarios son : una sola línea y Los dos tipos de comentarios son : una sola línea y varias líneas.( //)varias líneas.( //)

c.c. tipos de datos en Javascripttipos de datos en Javascript

Los tipos de datos en JavaScript son:Los tipos de datos en JavaScript son:

simplessimplescompuestos : a su vez se clasifican en datos compuestos : a su vez se clasifican en datos numéricos, boleanos, cadena de caracteres y el numéricos, boleanos, cadena de caracteres y el valor null(sin valor). valor null(sin valor).

Page 12: Programacion[1]

d. Que es un Array y de un d. Que es un Array y de un ejemplo?ejemplo?

Los arrays se les llaman vectores, matrices Los arrays se les llaman vectores, matrices e incluso arreglos.e incluso arreglos.

Ejemplo: var meses = ["enero", "febrero", Ejemplo: var meses = ["enero", "febrero", "Marzo", "abril", "mayo", "junio", "julio" "Marzo", "abril", "mayo", "junio", "julio" "agosto", "septiembre", "agosto", "septiembre", "octubre""noviembre", "diciembre"];"octubre""noviembre", "diciembre"];

Page 13: Programacion[1]

e. Enuncie y describa los diferentes e. Enuncie y describa los diferentes Operadores, su clasificación y de Operadores, su clasificación y de

ejemplos.ejemplos.

Los operadores permiten manipular el valor de las variables, Los operadores permiten manipular el valor de las variables, realizar operaciones matemáticas con sus valores y realizar operaciones matemáticas con sus valores y comparar diferentes variables y se clasifican en:comparar diferentes variables y se clasifican en:

Asignación:Asignación: se utiliza para guardar un valor específico en se utiliza para guardar un valor específico en una variable. El símbolo utilizado es =. una variable. El símbolo utilizado es =.

EJEMPLO: var numero1 = 3;EJEMPLO: var numero1 = 3;

Incremento y decremento:Incremento y decremento: Estos dos operadores Estos dos operadores solamente son válidos para las variables numéricas y se solamente son válidos para las variables numéricas y se utilizan para incrementar o decrementar en una unidad el utilizan para incrementar o decrementar en una unidad el valor de una variable.valor de una variable.

Page 14: Programacion[1]

Lógicos:Lógicos: se utilizan para tomar decisiones sobre las se utilizan para tomar decisiones sobre las instrucciones que debería ejecutar el programa en función instrucciones que debería ejecutar el programa en función de ciertas condiciones.de ciertas condiciones.

Matemáticos:Matemáticos: JavaScript permite realizar manipulaciones JavaScript permite realizar manipulaciones matemáticas sobre el valor de las variables numéricas. Los matemáticas sobre el valor de las variables numéricas. Los operadores definidos son: suma (+), resta (-), multiplicación operadores definidos son: suma (+), resta (-), multiplicación (*) y división (/).(*) y división (/).

Relacionales: Los operadores relacionales definidos por Relacionales: Los operadores relacionales definidos por JavaScript son idénticos a los que definen las matemáticas: JavaScript son idénticos a los que definen las matemáticas: mayor que (>), menor que (<), mayor o igual (>=), menor mayor que (>), menor que (<), mayor o igual (>=), menor o igual (<=), igual que (==) y distinto de (!=).o igual (<=), igual que (==) y distinto de (!=).

Page 15: Programacion[1]

F. Enuncie las estructuras de F. Enuncie las estructuras de control de flujo utilizadas en control de flujo utilizadas en

Javascript.Javascript.

RTA// RTA// While,While, Prompt,Prompt, If ,If , For, For, Because.Because.