Nuevas tecnologías basadas en Javascript

Evolución de los frameworks de Javascript y de la estructura de una aplicación web.

Transcript

1. Javascript NUEVAS TECNOLOGÍAS
2. Inicio • Javascript Netscape 1995 • ECMAScript 1996 • Antes sólo HTML -> refresco de página constante
3. Evolución de los frameworks UI de Javascript
4. ECMAScript • Vanilla ES5 -> Compatible navegadores actuales • ES6, ES7, ES8 -> Javascript Asíncrono
5. • Data Binding • Manejo de vistas • Rutas y parámetros • Modularidad – Servicios, Factorías, Controladores, Filtros • MVC • Inyección de dependencias • *Angular 2
6. WEB COMPONENTS Bloques de HTML – JS – CSS AngularJS 2 Polymer React.js
7. TypeScript – CoffeeScript
8. JAVASCRIPT EN EL SERVIDOR CAMBIO DE PARADIGMA
9. NODE.JS • 2009 • Motor V8 de Google • Orientado a eventos -> Callbacks • Módulos -> NPM • Escalable • Concurrencia…
10. APLICACIONES MULTI-HILO VS NODE.JS APLICACIONES MULTI-HILO (PHP, JAVA) BUCLE DE EVENTOS DE NODE.JS
11. STACKS Evolución de la estructura de una aplicación web isomórfica
13. Arquitectura web tradicional
14. MEAN
15. JSON EN TODO EL PROCESO APLICACIONES ISOMÓRFICAS
16. Template Engines Renderizado de HTML en el servidor • Handlebars.js • Dot.js / EJS • Jade • Swig (TWIG)
17. WebSockets - Socket.io • Permite ver en tiempo real la interacción de los otros usuarios • Juegos multiplayer en tiempo real • Apps (chats, redes sociales, dashboards) • Domótica (Raspberry Pi)
18. Three.js
19. Console.log( “MUCHAS GRACIAS” );