javascript + angular sesion 1
DESCRIPTION
Parte 1 de 6 del curso de Javascript + Angular.TRANSCRIPT
- 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