1. Write Less, Do More Workshop – Trabajando con jQuery Rodrigo Ayala Desarrollador http://blog.rodrigo-ayala.com

2. @RodrigoAyala http://blog.rodrigo-ayala.com http://continuum.cl

3. ¡Hoy nos convoca el desarrollo web!

4. Pero, ¿Que es la Web ?

5. La web del hoy, dínamica

6. La interrogante es, ¿que hacer para llegar a eso?

7. Base de Datos Backend Frontend

8. Base de Datos Backend Frontend

9. text/ javascript

10. text/ javascript o JS para los amigos

11. Los browsers incluyen un motor de Javascript

12. Consideraciones :D

14. Funciones JS con distinto nombre

15. Variaciones en la obtención de elementos

16. Los tiempos de desarrollo son limitados :D

18. ¿Soluciones? :D

19. ¡Llenarnos de condiciones! (o hacks) =( :D

20. var myObject = document.getElementById("myLabel"); var myAttribute = myObject.getAttribute(" htmlFor "); var myObject = document.getElementById("myLabel"); var myAttribute = myObject.getAttribute(" for "); :D

21. var myObject = document.getElementById("header"); var myStyle = myObject. currentStyle .backgroundColor; var myObject = document.getElementById("header"); var myComputedStyle = document.defaultView.getComputedStyle(myObject, null); var myStyle = myComputedStyle.backgroundColor;

22. Horrible, ¿cierto? :D

23. Solución 2: Utilizar un framework :D

24. jQuery :D

25. ¡Beneficios! (o por qué a muchos desarrolladores nos gusta)

26. http://bit.ly/dsljquery

27. 1 Agregar jQuery al HTML, y verificar su instalación

28. 2 Utilizar Selectores para obtener un set de elementos de acuerdo a una consulta

29. Listado de selectores http://api.jquery.com/category/selectors/

30. 3 Manipular los elementos ubicados a través de Selectores

31. Listado de métodos para manipulación http://api.jquery.com/category/manipulation

32. 4 Manejo de Eventos asociado a elementos

33. Listado de eventos disponibles http://api.jquery.com/category/events/

34. 5 Capacidad Ajax en jQuery

35. $.ajax({ url: 'load.html', success: function(data) { $('#container').html(data); } }); $('#content').load(“load.html”) Ajax en jQuery =

36. Comentarios Finales

37. ¿Preguntas?

38. ¡Gracias!