JAVASCRIPT

JAVASCRIPT

• CONTENIDO
• Historia
• Características
• Sintaxis y semántica
• Uso en páginas web
• Seguridad
• Herramientas de desarrollo
• Bibliografía
• 
• Pie de imagen: https://es.wikipedia.org/wiki/JavaScript#/media/File:Unofficial_JavaScript_logo_2.svg

HISTORIA

• JavaScript fue desarrollado originalmente por Brendan Eich, de NETSCAPE NAVIGATOR QUE ES UN NAVEGADOR WEB.
• A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían con módems a una velocidad máxima de 28.8 kbps,en esta epoca fue cuando empezaban a desarrollar las primeras aplicaciones web. pero estas venian con un formulario y eran demaciado lentas cada vez estas aplicaciones web eran más complejas y con una velocidad de navegación aun mas lenta, surgió la necesidad de un lenguaje de programación que se ejecutara en el navegador del usuario.
• Asi que Brendan Eich tratando de mejorar la rapidez de las aplicaciones adapto otras tecnologías existentes (ScriptEase) al navegador Netscape Navigator 2.0, que iba a lanzarse en 1995. Inicialmente, Eich denominó a su lenguaje LiveScript.

Diapositiva 3

• Posteriormente, Netscape firmó una alianza con Sun Microsystems para el desarrollo del nuevo lenguaje de programación. Además, justo antes del lanzamiento Netscape decidió cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue exclusivamente por marketing, ya que Java era la palabra de moda en el mundo informático y de Internet de la época.
• La primera versión de JavaScript fue un completo éxito y Netscape Navigator 3.0 ya incorporaba la siguiente versión del lenguaje, la versión 1.1. Al mismo tiempo, Microsoft lanzó JScript con su navegador Internet Explorer 3. JScript era una copia de JavaScript al que le cambiaron el nombre para evitar problemas legales.

CARACTERISTICAS

• IMPERATIVO Y ESTRUCTURADO
• JavaScript es compatible con la estructura de programacion de C (por ejemplo, sentencias if, bucles for, sentencias switch, entre otras). en C, el ambito de las variables alcanza al bloque en el cual fueron definidas. sin embargo JavaScript no es compatible con esto, puesto que el ámbito de las variables es el de la función en la cual fueron declaradas. Esto cambia con la versión de ECMAScript 2015, ya que añade compatibilidad con block scoping por medio de la palabra clave let. Como en C, JavaScript hace distinción entre expresiones y sentencias. Una diferencia sintáctica con respecto a C es la inserción automática de punto y coma, es decir, en JavaScript los puntos y coma que finalizan una sentencia pueden ser omitidos ya que en otros lenguajes es obligado ponerlos.

Diapositiva 5

• OBJETUAL
• JavaScript está formado casi en su totalidad por objetos. Los objetos en JavaScript son arrays asociativos, mejorados con la inclusión de prototipos. Los nombres de las propiedades de los objetos son claves de tipo cadena: obj.x = 10 y obj['x'] = 10 son equivalentes, siendo azucar sintactico la notación con punto. Las propiedades y sus valores pueden ser creados, cambiados o eliminados en tiempo de ejecución. La mayoría de propiedades de un objeto (y aquellas que son incluidas por la cadena de la herencia prototípica) pueden ser enumeradas a por medio de la instrucción de bucle for... in. JavaScript tiene un pequeño número de objetos predefinidos como son Function y Date.
• EVALUACION EN TIMPO DE EJECUCION
• JavaScript incluye la función eval que permite evaluar expresiones expresadas como cadenas en tiempo de ejecución. Por ello se recomienda que eval sea utilizado con precaución y que se opte por utilizar la función JSON.parse() en la medida de lo posible, pues resulta mucho más segura.

Diapositiva 6

• AZUCAR SINTACTICO
• En informática, el azúcar sintáctico es un término acuñado por Peter J. Landin en 1964 para referirse a los añadidos a la sintaxis de un lenguaje de programación diseñados para hacer algunas construcciones más fáciles de leer o expresar.
• ARRAYS ASOCIATIVOS
• Un vector asociativo es un tipo abstracto de dato formado por una colección de claves únicas y una colección de valores, con una asociación uno a uno.

Diapositiva 7

• SINTAXIS Y SEMANTICA
• Ejemplo sencillo
• Las variables en JavaScript se definen usando la palabra clave var:​
• var x; // define la variable x, aunque no tiene ningún valor asignado por defecto
• var y = 2; // define la variable y y le asigna el valor 2 a ella
• A considerar los comentarios en el ejemplo de arriba, los cuales van precedidos con 2 barras diagonales.
• No existen funcionalidades para I/O incluidas en el lenguaje; el entorno de ejecución ya lo proporciona. La especificación ECMAScript en su edición 5.1 hace mención.
• En efecto, no existen provisiones en esta especificación para entrada de datos externos o salida para resultados computados.

Diapositiva 8

• Sin embargo, la mayoría de los entornos de ejecución tiene un objeto llamado console que puede ser usado para imprimir por el flujo de salida de la consola de depuración. He aquí un simple programa que imprime “HOLA MUNDO”:
• console.log("HOLA MUNDO");
• Ejemplos de función anónima (o función lambda) y una clausura:
• var displayClosure = function() {
• var count = 0;
• return function () {
• return ++count;
• };
• }
• var inc = displayClosure();
• inc(); // devuelve 1
• inc(); // devuelve 2
• inc(); // devuelve 3

Diapositiva 9

• EJEMPLO #1
• <HTML>
• <HEAD>
• <SCRIPT LANGUAGE="JavaScript">
• function carga(nom)
• {
• nombo = nom + "2.gif";
• document.images[nom].src = nombo;
• }
• function descarga(nom)
• {
• nombo = nom + ".gif";
• document.images[nom].src = nombo;
• }
• </SCRIPT>
• </HEAD>
• <BODY>
• <a href="pagina1.html" onmouseover="carga('uno')"
• onmouseout="descarga('uno')";> <img src="uno.gif" name="uno" border=0></a>
• <p>
• <a href="pagina2.html" onmouseover="carga('dos')"
• onmouseout="descarga('dos')";> <img src="dos.gif" name="dos" border=0></a>
• </BODY>
• </HTML>

Diapositiva 10

• EJEMPLO # 2
• <HTML>
• <HEAD>
• <TITLE>Ejemplo01.htm</TITLE>
• <SCRIPT LANGUAGE="JavaScript">
• alert ("Hola curso de Herramientas.")
• </SCRIPT>
• </HEAD>
• <BODY>
• </BODY>
• </HTML>

Diapositiva 11

• USO EN PAGINAS WEB
• El uso más común de JavaScript es escribir funciones embebidas o incluidas en páginas HTML y que interactúan con el Document Object Model (DOM o Modelo de Objetos del Documento) de la página.
• Algunos ejemplos sencillos de este uso son:
• Cargar nuevo contenido para la página o enviar datos al servidor a través de AJAX sin necesidad de recargar la página (por ejemplo, una red social puede permitir al usuario enviar actualizaciones de estado sin salir de la página).
• Animación de los elementos de página, hacerlos desaparecer, cambiar su tamaño, moverlos, etc.
• Contenido interactivo, por ejemplo, juegos y reproducción de audio y vídeo.
• Validación de los valores de entrada de un formulario web para asegurarse de que son aceptables antes de ser enviado al servidor.
• Transmisión de información sobre los hábitos de lectura de los usuarios y las actividades de navegación a varios sitios web. Las páginas Web con frecuencia lo hacen para hacer análisis web, seguimiento de anuncios, la personalización o para otros fines.
• tomado de wikipedia

Diapositiva 12

• SEGURIDAD
• JavaScript permite que existan programadores que hagan un uso inapropiado para introducir scripts que ejecuten código con contenido malicioso sin el consentimiento del usuario y que pueda así comprometer su seguridad.
• Los desarrolladores de los navegadores tienen en cuenta este riesgo utilizando dos restricciones. En primer lugar, los scripts se ejecutan en un sandbox en el que sólo se pueden llevar a cabo acciones relacionadas con la web.​​​​​​​

Diapositiva 13

• SCRIPT
• En informática, un script, archivo de órdenes, archivo de procesamiento por lotes o, cada vez más aceptado en círculos profesionales ​y académicos,​ es un programa usualmente simple, que por lo regular se almacena en un archivo de texto plano. Los guiones son casi siempre interpretados, pero no todo programa interpretado es considerado un guion. El uso habitual de los guiones es realizar diversas tareas como combinar componentes, interactuar con el sistema operativo o con el usuario.
• SANDBOX
• En seguridad informática, el aislamiento de procesos o entorno aislado, sandbox es un mecanismo para ejecutar programas con seguridad y de manera separada. A menudo se utiliza para ejecutar código nuevo, o software de dudosa confiabilidad proveniente de terceros.
• Ese entorno aislado permite controlar de cerca los recursos proporcionados a los programas cliente a ejecutarse, tales como espacio temporal en discos y memoria. Habitualmente se restringen las capacidades de acceso a redes, la habilidad de inspeccionar la máquina anfitrión y dispositivos de entrada entre otros.

Diapositiva 14

• HERRAMIENTA DE DESARROLLO
• En JavaScript, disponer de un depurador se convierte en necesario cuando se desarrollan grandes aplicaciones, no triviales. Dado que puede haber diferencias de implementación entre los diferentes navegadores (especialmente en cuanto al DOM), es útil tener acceso a un depurador para cada uno de los navegadores a los cuales nuestra aplicación web irá dirigido.
• Los depuradores web están disponibles para Internet Explorer, Firefox, Safari, Google Chrome y Opera.
• DOM
• El DOM no es un lenguaje de programación pero sin él, el lenguaje JavaScript no tiene ningún modelo o noción de las páginas web, de la páginas XML ni de los elementos con los cuales es usualmente relacionado. Cada elemento -"el documento íntegro, el título, las tablas dentro del documento, los títulos de las tablas, el texto dentro de las celdas de las tablas"- es parte del modelo de objeto del documento para cada documento, así se puede acceder y manipularlos utilizando el DOM y un lenguaje de escritura, como JavaScript.

Diapositiva 15

• BIBLIOGRAFIA
• WIKIPEDIA:https://es.wikipedia.org/wiki/JavaScript#Uso_en_p%C3%A1ginas_web
• MND WEB DOCS:https://developer.mozilla.org/es/docs/Referencia_DOM_de_Gecko/Introducci%C3%B3n
• LIBROS WEB:http://librosweb.es/libro/javascript/capitulo_1/breve_historia.html