CalisJS - Dónde estamos - Javascript
-
Upload
felipe-janer -
Category
Documents
-
view
218 -
download
1
description
Transcript of CalisJS - Dónde estamos - Javascript
![Page 1: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/1.jpg)
![Page 2: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/2.jpg)
![Page 3: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/3.jpg)
![Page 4: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/4.jpg)
Pizza + Gaseosa
![Page 5: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/5.jpg)
![Page 6: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/6.jpg)
Antes de 2005
- El servidor provee el contenido HTML
- Necesitaba que la página refrescara
- Extremadamente lento y limitado
![Page 7: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/7.jpg)
Antes de 2005
- Javascript era un desastre
- No era orientado a objetos
- Complicaciones con las compatibilidades cross-browser
![Page 8: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/8.jpg)
2006 - 2009
+ Gmail hace un alto uso de AJAX
+ Mejora considerablemente la usabilidad y la velocidad
+ Mejoramiento en estructura orientada a objetos
+ jquery estandariza la interacción con el DOM
![Page 9: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/9.jpg)
Callback Soup :(
![Page 10: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/10.jpg)
2010 - Actualidad
+ Enriquecido, moderno, desarrollo MVC
+ Se mueve gran parte de la logica del negocio hacia el lado del cliente.
+ Aumento considerable en la creación de frameworks del lado del cliente.
![Page 11: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/11.jpg)
![Page 12: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/12.jpg)
2010 - Actualidad
+ No más código espagueti
+ Enfoque en manejo de modelo de datos
+ Muchas más opciones y decisiones que tomar
- Arquitectura joven e inmadura
![Page 13: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/13.jpg)
Javascript en el lado del Servidor
![Page 14: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/14.jpg)
2010(¿?) - Actualidad
![Page 15: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/15.jpg)
NodeJS
+ Conexión persistente entre el browser y el cliente.
+ Manejo de datos asíncronos
+ Aplicaciones en “tiempo real”
+ Javascript en front/back - end
![Page 16: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/16.jpg)
2010(¿?) - Actualidad
![Page 17: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/17.jpg)
2010(¿?) - Actualidad
![Page 18: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/18.jpg)
Qué sigue?
![Page 19: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/19.jpg)
![Page 20: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/20.jpg)
Web Components
+ Templates: (Plantillas)
+ Shadow DOM (DOM sombra)
+ Custom elements (Elemento personalizados)
+ Packaging (Empaquetado o Encapsulación)
![Page 21: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/21.jpg)
Por último
ECMAScript 6
![Page 22: CalisJS - Dónde estamos - Javascript](https://reader033.fdocumento.com/reader033/viewer/2022052602/559c46f81a28ab7e218b4745/html5/thumbnails/22.jpg)