ENTORNO DE DESARROLLO EN

JAVASCRIP
ENTORNO DE DESARROLLO EN JAVASCRIPT

 Comprender los pasos típicos usados para

crear y ejecutar en programa en JavaScrip.
 Utilizar el entorno de desarrollo de
JavaScrip.
ENTORNO DE DESARROLLO TÍPICO EN JAVASCRIPT
Problemas que pueden ocurrir en tiempo de ejecución
Es probable que los programas no funcionen la primera vez.
Cada una de las fases anteriores puede fallar, debido a
diversos errores que describiremos en este texto. Por
ejemplo, un programa en ejecución podría intentar una
división entre cero (una operación ilegal para la aritmética
con números enteros en JavaScrip). Esto haría que el
programa de JavaScript imprimiera un mensaje de error. Si
esto ocurre, tendría que regresar a la fase de edición, hacer
las correcciones necesarias y proseguir con las fases
restantes nuevamente, para determinar que las correcciones
resolvieron el(los) problema(s). Cuando decimos que un
programa muestra un mensaje, por lo general, queremos
decir que muestra ese mensaje en la pantalla de su
computadora. Los mensajes y otros datos pueden enviarse a
otros dispositivos, como los discos y las impresoras, o incluso
a una red para transmitirlos a otras computadoras
OPERADORES EN ARITMÉTICA
La mayoría de los programas realizan cálculos
aritméticos. Observe el uso de varios simbolos especiales
que no se utilizan en algebra. El asterisco (*) indica la
multiplicación, y el signo de porcentaje (%) es el
operador residuo (conocido como módulo en algunos
lenguajes).

Los operadores aritméticos en la figura son binarios, ya

que funcionan con dos operandos. Por ejemplo, la
expresión f + 7 contiene el operador binario + y los dos
operandos f y 7.
OPERADORES EN ARITMÉTICA
La división de enteros produce un cociente entero:
por ejemplo, la expresión 7 / 4 da como resultado 1, y
la expresión 17 / 5 da como resultado 3. Cualquier
parte fraccionaria en una división de enteros
simplemente se descarta (es decir, se trunca); no
ocurre un redondeo. JavaScript proporciona el
operador residuo, %, el cual produce el residuo
después de la división. La expresión x % y produce el
residuo después de que x se divide entre y. Por lo
tanto, 7 % 4 produce 3, y 17 % 5 produce 2
OPERADORES EN ARITMÉTICA
OPERADORES EN ARITMÉTICA
Expresiones aritméticas en formato de línea recta
Las expresiones aritméticas en JavaScript deben
escribirse en formato de línea recta para facilitar
la escritura de programas en la computadora. Por lo
tanto, las expresiones como “a dividida entre b” deben
escribirse como a / b, de manera que todas las
constantes, variables y operadores aparezcan en una
linea recta. La siguiente notacion algebraica no es
generalmente aceptable para los compiladores:
OPERADORES EN ARITMÉTICA
Paréntesis para agrupar subexpresiones
Los paréntesis se utilizan para agrupar términos en
las expresiones en JavaScript, de la misma manera
que en las expresiones algebraicas. Por ejemplo, para
multiplicar a por la cantidad b + c, escribimos:

Si una expresión contiene paréntesis anidados,

como:

se evalúa primero la expresión en el conjunto mas

interno de paréntesis (a + b en este caso).
OPERADORES EN ARITMÉTICA
Reglas de precedencia de operadores
JavaScript aplica los operadores en expresiones
aritméticas en una secuencia precisa, determinada por
las siguientes reglas de precedencia de
operadores, que generalmente son las mismas que
las que se utilizan en algebra.
OPERADORES EN ARITMÉTICA
Ejemplos de expresiones algebraicas y de JavaScript
Ahora, consideremos varias expresiones en vista de las reglas de
precedencia de operadores. Cada ejemplo enlista una expresion
algebraica y su equivalente en JavaScript. El siguiente es un
ejemplo de una media (promedio) aritmetica de cinco terminos:

Los parentesis son obligatorios, ya que la division tiene una

mayor precedencia que la suma. La cantidad completa
( a + b + c + d + e ) va a dividirse entre 5. Si por error se omiten
los parentesis, obtenemos a + b + c + d + e / 5, lo cual da como
resultado
Comentarios en JavaScript
COLOCANDO CÓDIGO JAVASCRIP
 Se emplea en una página web para dotarla de
funcionalidades que el HTML no puede
proporcionar.
 Por tanto el código JavaScrip deberá integrarse
en un documento HTML. Mediante el tag
<script> y </script>
 El tag <script> recibe obligatoriamente el
atributo lenguaje script
COLOCANDO CÓDIGO JAVASCRIP
 La sintaxis correcta para incluir código de javascript
es:
<html>
<head>
<title>
</title>
<script language="javascript">
</script>
</head>
<body>
</body>
</html>
A esta sintaxis le denominares ahora en adelante
plantilla master
COLOCANDO CÓDIGO JAVASCRIP
 Significado de los tag o etiquetas

htlm Define un documento HTLM, una página

web <htlm> documento </htlm>
head Define la cabecera de una página web, dentro
del documento HTLM, contienen título y
también información
<head> cabecera </head>
body Define el cuerpo de una página web, encierra
el contenido de todo el documento como texto,
imágenes, sonidos, hipervínculos, entre otros.
<body> cuerpo </body>
title Define el título de una página que aparecerá
en la barra de título <title> título </title>
NUESTRO PRIMER SCRIPT
 Ya podemos incluir código script en una página web
veamos como funciona:
1. Abrimos un archivo de Bloc de Notas de Microsoft
2. Escribimos la sintaxis mostrada en la diapositiva
anterior planilla master
3. Se pretende mostrar un mensaje de alerta al momento
de abrir el archivo “Hola desde JavaScrip” haciendo
uso del mensaje alert(“”)
4. En body incluir “esto es el cuerpo de la página”, en dos
líneas
5. Guardar el archivo con el nombre de “Mensajehola”
y colocar la extensión de “.html”
6. Ejecutar el archivo
INTRODUCCIÓN DE JAVA MEDIANTE .JS

Almacenar el archivo con la extensión “.js” esto es

importante para que el navegador reconozca que
tipo de fichero va usar. Esta forma de
almacenamiento simplifica las tareas o funciones
que se repetirán.
1. Abrir Bloc de Notas
2. Introducir: // JavaScript Document
3. En la segunda línea introducir alert(“Hola desde
JavaScript”);
4. Guardar el archivo con el nombre de mensaje y con
la extensión .js
Ya se creo el fichero mensaje.js y esta listo para
utilizarse
INTRODUCCIÓN DE JAVA MEDIANTE .JS

Ahora puedes utilizarlo

1. Abrir un documento de bloc de notas

2. Utiliza el código anterior planilla master

3. Incrusta el atributo src, que recibirá el nombre

y la ruta del script
4. Resultará de la siguiente forma “<script
language="javascript" src="mensaje.js"> ”
5. En body introduce “Ahora manejas un
código de JavaScript con la extensión .js”
6. Ahora el documento guarda con el nombre de
mesajehola2 y coloca la extensión .html
DECLARACIÓN DE VARIABLES
Podemos usar tantas variables como sean necesarias, para
ello es necesario declararlas. Declarar una variable es
decirle al navegador que reserve espacio en memoria para
el uso de esa variable. Existen dos maneras de declarar
una variable: explicita y la declaración implícita

Declaración explícita
Utilizamos la instrucción var seguida del nombre de la
variable: var v1;
La variable a sido declarada pero no tiene valor, para ello
utilizamos el operador de asignación = como se muestra a
continuación: v1=10;
 DECLARACIÓN DE VARIABLES -DECLARACIÓN EXPLÍCITA
Ahora podemos declara una variable en forma explicita
para ello sigue las instrucciones:
1. Abrir un archivo de bloc de notas

2. Copiar la planilla master

3. Declara la variable v1=10

4. En mensaje alert debe mostrar el valor de v1

5. Guardar el archivo con el nombre de variable1 y coloca

la extensión .html
6. Ejecutar el archivo
Nota: esta declaración será después de <script
language="javascript">
En alert (“v1”) no va entre comillas por que deseamos el
valor y no un texto
 DECLARACIÓN DE VARIABLES -DECLARACIÓN EXPLÍCITA
Es posible realizar la declaración de más de una variable
en la misma línea para ello se puede emplear:
var v1, v2 var v1=10, v2= 20;
v1=10;
v2=20;

Nota: esta declaración será después de <script

language="javascript">
Ahora puedes hacer la declaración de dos variables.
1. Abrir un archivo de bloc de notas
2. Copiar la planilla master
3. Declarar las variables
4. En mensaje alert debe mostrar el valor de v1 y v2
5. Guardar el archivo con el nombre de variable2 y extensión .htlm
6. Ejecuta el archivo
 DECLARACIÓN DE VARIABLES -DECLARACIÓN IMPLÍCITA
Se puede realizar una declaración implícita de las
variables sin emplear la palabra reservada var. También
reservará un espacio en la memoria del ordenador
v1=10;
v2=20;

Cuando se ejecute este código nos mostrara el mismo resultado.

1. Abrir un archivo de bloc de notas
2. Copiar la planilla master
3. Declarar las variables
4. En mensaje alert debe mostrar el valor de v1 y v2
5. Guardar el archivo con el nombre de variable3 y extensión .htlm
6. Ejecuta el archivo