1. Sesin 1: Historia, Objetos y Closures Javascript + Angular Sergio Castillo Yrizales @scyrizales

2. Agenda 2 Introduccin Orientacin a Objetos mbitos y mdulos

3. Introduccin 3

4. Breve Historia del Javascript Nacio con Netscape 2.0 en 1995 Dar soporte a los applets Se llamaba Livescript Cambio de nombre por un tema de Marketing Microsoft lo implementa en IE3 y lo llama Jscript Se estandariza en 1996 Su nombre actual es EcmaScript 4

5. Javascript Qu aprender? 813 pages 147 pages 666 pages 5 (Nmero de pginas es referencial)

6. JQuery Nace en 2005 Gracias Jhon Resig!!! Uniformiza la programacin entre browsers Obligatorio saber: http://oscarotero.com/jquery/ (Cheat Sheet) 6

7. JSFiddle Entorno de trabajo para este curso. Permite guardar los scripts. Tiene la mayora de los frameworks a utilizar. Muy usado en Github para hacer preguntas. http://jsfiddle.net/ 7

8. Chrome 8 Ser nuestro browser para hacer pruebas Con la tecla F12 acceden a las herramientas para desarrolladores Es simple, sencillo de usar y fcil de obtener.

9. Orientacin a objetos 9

10. Orientacin a Objetos Porque? Es ms fcil representar la vida como objetos de la vida real. Nos permite ordenar el cdigo. Estamos acostumbrados a ello. 10

11. Creacin de Objetos La forma mas simple: operador new 11

12. Creacin de Objetos Usando Literales 12

13. Clases Constructores: 13

14. Agregando Propiedades Usando el prototype: 14

15. Casos para el uso de Prototype Crear clases con mtodos de instancia. Extender funcionalidades de objetos existentes: Ejemplo en: http://jsfiddle.net/scyrizales/3hTPx/ 15

16. Ejercicio Extender la clase String para hacer la funcion que invierta palabras. Respuesta: http://jsfiddle.net/scyrizales/PBzDt/ 16

17. Herencia Creamos una clase: Heredamos en otra 17

18. Recomendacin? Usen un framework para usar herencia. Uno simple puede ser visto aqu: http://ejohn.org/blog/simple-javascript-inheritance/ Ejemplo: 18

19. mbitos y mdulos 19

20. Que es esto!!! Esto es algo que vern muy a menudo Es una funcin que se ejecuta inmediatamente (IIFE - immediately invoked function expression) 20

21. mbito El mbito en Javascript es a nivel de funciones. Una funcin permite crear mbitos privados 21

22. Mdulos 22 Usaremos el IIFE para crear mdulos que no colisionen

23. Casos de Uso para Mdulos 23 Cuando queremos asegurarnos de evitar posibles sobreescrituras de propiedades en otras librerias. Para no contaminar el objeto window con propiedades innecesarias. Para encapsular funcionalidad.

24. Ejemplo Variable global Variable dentro de funcin Variable dentro de bucle 24

25. Muchas gracias Y que esta luz los ilumine donde las otras no puedan 25