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