LA EVOLUCIÓN DE JAVASCRIPT

Transcripción

1 LA EVOLUCIÓN DE JAVASCRIPT { "JavaScript": { "aunar": "CORPORACIÓN UNIVERSITARIA AUTÓNOMA DE NARIÑO", "evento": "Maquinarte-2017", "desc-evento": "VII Muestra de Proyectos de Ingeniería", "fecha": " ", "orador": { "name": "Germán Augusto Mora Ruiz", "correo": {"[email protected]","[email protected]"} "nick-name": "Germancho", "jobs": {"Desarrollador","Docente"}, "tags": {"#gnu/linux","#software libre","#open source","#web++"} } } }

2 #JAVASCRIPT - QUÉ ES? Lenguaje de programación interpretado (Script). Javascript es una implementación de ECMAScript Sintaxis similar a C. Adoptó nombres y convenciones de Java. Se creó con el objetivo de integrarse en HTML Inicialmente se lo uso del lado del cliente (client-side) Actualmente utiliza ECMAScript 6. Liberado en julio del 2015 Es una marca registrada de Oracle Corporation. Influido por Java, Perl, Self, Python, C, Scheme, AWK Ha influido a ObjectiveJ, JScript, JScript.NET, TIScript {"libro" : "Introducción a JavaScript","autor" : "Javier Eguíluz Pérez"}

3 {"topic" : "Arquitectura Cliente - Servidor"}

4 #JAVASCRIPT - USOS Interacción con el DOM Carga de contenido o envío de datos a través AJAX Animación Contenido interactivo Validaciones {"libro" : "JavaScript y CSS","autor" : "Juan Carlos Orós"}

5 #JAVASCRIPT - HISTORIA Desarrollado por Brendan Eich, empleado en Netscape; inicialmente se llamaba Mocha, luego LiveScript (1990), y finalmente Javascript. En diciembre de 1995 Netscape y Sun Microsystems luego de unirse, definen como objetivo el desarrollar el proyecto en conjunto, reintroducen este lenguaje con el nombre de Javascript. En marzo de 1996, Netscape Navigator 2.0 fue lanzado con soporte para JavaScript. Primer navegador en usarlo En respuesta a la popularidad de Javascript, Microsoft lanzó su propio lenguaje de programación a base de script, VBScript {"url" : "

6 #JAVASCRIPT - HISTORIA En 1996 Microsoft añade su propia versión de JavaScript en Internet Explorer (3.0) y lo llama JScript. En noviembre de 1996 se inicia la estandarización con ECMA y es adopotado en Junio de 1997 y luego por Internacional Organization for Standardization ISO. El DOM fue diseñado para evitar incompatibilidades. {"url" : "

7 #JAVASCRIPT - CARACTERÍSTICAS Imperativo y estructurado Débilmente tipado dinámico Funcional Prototipos Orientado a Eventos {"url" : "

8 #JAVASCRIPT - ECMASCRIPT Inició en Noviembre de 1996 Primera Edición: Junio de 1997 Segunda Edición: Junio de 1998 Tercera Edición: Junio de 1998 Cuarta Edición: NULL Quinta Edición: Diciembre de 2009 Sexta Edición: Junio de 2015 Séptima Edición: Junio de 2016 {"url" : "

9 #JAVASCRIPT - SEGURIDAD Vulnerabilidad Cross-Site Scripting - XSS {"url" : "

10 #JAVASCRIPT - SEGURIDAD Vulnerabilidad Cross site Request Forgery - CSRF {"url" : "

11 #JAVASCRIPT - HERRAMIENTAS EN LÍNEA (Depurador) (Validador de Json) (Editor en línea) (Transpilador) (Editor multiplataforma) {"url" : null }

12 #JAVASCRIPT - AJAX Acrónimo de Asynchronous Javascript And XML Creado en 2005 por Jesse James Garrett Técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Ajax es una combinación de cuatro tecnologías ya existentes: HTML y hojas de estilos en cascada CSS Document Object Model (DOM) Objeto XMLHttpRequest XML {"libro" : "Introducción a Ajax","autor" : "Javier Eguíluz Pérez"}

13 #JAVASCRIPT - AJAX Adaptive Path {"libro" : "Introducción a Ajax","autor" : "Javier Eguíluz Pérez"}

14 #JAVASCRIPT - AJAX Adaptive Path {"libro" : "Introducción a Ajax","autor" : "Javier Eguíluz Pérez"}

15 #JAVASCRIPT - AJAX Adaptive Path {"libro" : "Introducción a Ajax","autor" : "Javier Eguíluz Pérez"}

16 #JAVASCRIPT - JQUERY Write less, do more Librería de JavaScript {"url" : "

17 #JAVASCRIPT - JSON Acrónimo de JavaScript Object Notation Json utiliza los estándares RFC 7159, ECMA-404 (Octubre 2013) Intercambio de datos Se hace necesario en entornos donde el tamaño del flujo de datos entre cliente y servidor es de vital importancia Json surge poco a poco y los lenguajes de programación lo adoptan y crean librerías y frameworks Tipos de datos: Numéricos, Cadenas, Booleanos, null, Vectores, Objetos Soportado por: Java, javascript, python, Objective-C, Perl, Cobol, Lua, Delphi, asp, Qt, Ruby, Visual Basic, C, C++ {"link" : "

18 #JAVASCRIPT - JSON Otras notaciones diferentes a Json son: yaml, so, xml, ogdl, Expression, Plist JSON { "menu": { "id": "file", "value": "File", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ] } } } XML <menu id="file" value="file"> <popup> <menuitem value="new" onclick="createnewdoc()" /> <menuitem value="open" onclick="opendoc()" /> <menuitem value="close" onclick="closedoc()" /> </popup> </menu> {"link" : "Facebook"} {"link" : "Api Flickr - XML"} {"link" : "Api Flickr - JSON"}

19 #JAVASCRIPT - TypeScript Lenguaje que compila a JavaScript (Transpiladores) A Statically Typed superset of JavaScript that compiles to plain Javascript Multiparadigma: estructurado, imperativo, orientado a objetos, script, funcional, genérico TypeScript es el javascript que escala TypeScript reduce el tiempo de implementación de EcmaScript en los navegadores (Los navegadores se demoran implementar las características) {"link-typescript" : "

20 #JAVASCRIPT - TypeScript TypeScript permite definir variables, hacer uso de objetos los cuales los transpila a javascript TypeScript reduce el nivel de aprendizaje y de uso de Javascript El compilador de TypeScript está escrito asimismo en TypeScript, compilado a JavaScript TypeScript es desarrollado por Microsoft Licencia Apache 2 Influido por Java, C++, JavaScript {"transpiladores" : ["CoffeScript", "TypeScript", "Babel"]}

21 #JAVASCRIPT - TypeScript {"link" : "

22 #JAVASCRIPT - TypeScript {"link" : null }

23 #Stack: Apache - Php - Mysql - Gnu/Linux {"stack" :"LAMP"} {"stack" :"WAMP"} {"stack" :"XAMP"}

24 #Cliente-web {"" : ""}

25 #Cliente-web {"chrome" : "v8"} {"tool" : "sunspider"}

26 #V8 {"url" : "

27 #NodeJs Es un entorno Javascript del lado del servidor, basado en eventos. Utiliza el motor V8, desarrollado por Google. V8 compila Javascript en código de máquina nativo, en lugar de interpretarlo o ejecutarlo como bytecode Ideal para la programación asíncrona Curva de aprendizaje de Node.js Proporcionar una manera fácil para construir programas de red escalables {"url" : "nodejs.org"}

28 #MEAN {"url" : " {"concepto" : "MEAN"}

29 #JS {"url" : null}

30 #PREGUNTAS pregunta.response= "si" pregunta.init(function() { <div id= mensaje > <p class= view-data text-center > contestar=pregunta.gettext() {{$respuesta}} this.procesar(contestar) </p> respuesta=contestar.gettext() </div> });

31 </Gracias>