javascript + angular sesion 2
DESCRIPTION
Parte 2 de 6 del curso de Javascript + Angular.TRANSCRIPT
- 1. Errores Comunes, Introduccin Angular Javascript + Angular Sesion 2 Sergio Castillo Yrizales @scyrizales
- 2. Agenda 2 Errores Comunes Introduccin a Angular
- 3. Errores Comunes En Javascript 3
- 4. Estas usando variables globales 4 Evitar colisiones Cambiar de: A esto: Siempre usar la palabra clave var
- 5. No estas usando punto y coma 5 Principalmente por razones de compresin. Un caso especial es el siguiente: Lo correcto deberia ser:
- 6. Estas usando == 6 Prueben esto: Y esto tambien es true El compilador de javascript hace las conversiones necesarias para que el == funcione de manera adecuada.
- 7. Estas usando Type Wrapper Objects 7 No uses esto Usa Esto El compilador usa esos mtodos especiales internamente, no estn hechos para nosotros
- 8. No uses with, casi no uses eval 8 With te puede ocasionar conflictos de mbito Eval hace lento tu cdigo y lo hace ms hackeable.
- 9. No estas usando la base con parseInt 9 parseInt nos permite convertir una cadena en nmero: Qu paso? El compilador creyo que estabas en base 8 Olvidarse no deben.
- 10. No estas usando { } 10 Cuando trabajas con bucles o condicionales puedes hacer esto: Pero te puedes confundir luego, como aqui: Adems recuerda la compresin.
- 11. Usa Array.join para construir html 11 Agregar cdigo html a la pgina siempre es necesario Usemos un arreglo para armar el cdigo. Ejemplo: http://jsfiddle.net/scyrizales/8J9zk/
- 12. No pensaste que el CDN fallaria 12 Content Delivery Network (Google, Microsoft, etc.) No siempre va a estar disponible (99%)
- 13. No todo esta escrito en piedra 13 Algunas recomendaciones se pueden romper Otras no Recuerda que Javascript es un lenguaje muy flexible Aprende las pocas funciones que tiene (W3C) Google it
- 14. Introduccin a Angular 14
- 15. Single Page Apps 15 Aplicaciones que no vuelven a refrescar toda la pgina Pensadas para interacciones complejas Maximizar la experiencia de usuario
- 16. Single Page Apps (SPA) 16 Aplicaciones que no vuelven a refrescar toda la pgina Pensadas para interacciones complejas Maximizar la experiencia de usuario
- 17. Construyendolas tu mismo 17
- 18. Usando un framework 18
- 19. SPA Powers 19
- 20. Por qu Angular? 20 HTML es genial para webs estticas. Las aplicaciones reales son dinmicas Angular le ensea nuevos trucos a tu viejo HTML Controla muchos aspectos necesarios para construir SPAs
- 21. Single Page Application (SPA) 21 View View ViewView
- 22. The challenge with SPAs 22 DOM Manipulation Routing Data Binding History Caching Ajax/Promises Module Loading Object Modeling View Loading
- 23. 23
- 24. 24
- 25. Ejemplos 25 Hola Mundo http://jsfiddle.net/scyrizales/4ULsf/ Todo App http://jsfiddle.net/scyrizales/2kYNr/ Servicio Externo (angularFire) http://jsfiddle.net/scyrizales/hm72F/
- 26. Ejercicio 26 Hagamos un men simple http://jsfiddle.net/scyrizales/4VLLc/embedded/result/
- 27. Muchas gracias Y que esta luz os ilumine donde las otras no puedan 27