JavaScript desde Cero
•Descargar como ODP, PDF•
4 recomendaciones•4,134 vistas
Introducción a JavaScript, historia del lenguaje, evolución, frameworks (en especial jQuery) y futuro del lenguaje gracias a la combinación con HTML5 y CSS3 Presentación realizada en Camon a través de ADWE. 9 de Junio de 2011
![JavaScript desde Cero ,[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Similar a JavaScript desde Cero
Similar a JavaScript desde Cero (20)
Más de Juan Seguí Moreno
Más de Juan Seguí Moreno (20)
Último
Último (11)
JavaScript desde Cero
- 1. JavaScript desde Cero Juan Seguí - Junio 2011
- 3. AJAX
- 4. Frameworks
- 5. Futuro
- 7. Carga de una página web
- 8. Pasar por encima de una imagen
- 9. Cada vez que se presione una tecla
- 10. El lenguaje JavaScript Agrega funcionalidad al HTML
- 11. El lenguaje JavaScript <html> <head> <title>Hola Mundo</title> </head> <body> <script type="text/javascript"> document.write("Hola Mundo"); </script> </body> </html>
- 12. El lenguaje JavaScript Lenguaje de programación interpretado NO se compila
- 14. El lenguaje JavaScript Sintaxis similar a C y algunos nombres del lenguaje Java
- 17. Potencia
- 18. Propósito -> JavaScript para web
- 19. El lenguaje JavaScript JavaScript y VBScript
- 20. Crear y editar código JavaScript Editores convencionales Otros editores
- 21. Usos de JavaScript Cuadros de diálogo CONFIRM alert('Are you certain that you want to delete this product?'); ALERT alert('This alert dialog tells you something important');
- 22. Usos de JavaScript Efectos de texto TEXTOS ANIMADOS Texto haciendo olas: http://www.mundojavascript.com/animaciones/texto_haciendo_olas.shtml alert('Are you certain that you want to delete this product?'); MARQUESINAS Scroll de texto simple: http://www.mundojavascript.com/marquesinas/ - Botón derecho del ratón bloqueado
- 23. Usos de JavaScript Formularios VALIDACIÓN Validación de formularios: http://www.desarrolloweb.com/articulos/ejemplos/javascript/validar-fomulario.html
- 24. Ejemplo Web www.acceseo.com www.roverecocinas.com
- 25. Aprender JavaScript Manuales de JavaScript recomendado: http://www.desarrolloweb.com/manuales/20/ Algunos ejemplos http://www.htmlpoint.com/ http://www.elcodigo.net/
- 26. Limitaciones de JavaScript No llegaba a ser un lenguaje imprescindible
- 27. JavaScript un poco soso
- 28. AJAX
- 29. …y apareció AJAX
- 30. …y apareció AJAX
- 31. …y apareció AJAX
- 32. AJAX No es una tecnología sino una técnica
- 34. Usabilidad, evitamos la recarga innecesaria de una página
- 36. Tiempos de espera menores
- 38. (antiguos)
- 39. Demasiado código hace lento el navegador
- 40. Cambia el funcionamiento de las páginas,
- 41. algunos usuarios pueden no entender
- 42. como va
- 43. Funcionamiento de AJAX No es una tecnología sino una técnica
- 44. AJAX Una parte muy elevada de las páginas webs utiliza JavaScript
- 45. Ventajas de utilizar AJAX www.itmahotels.com www.portamaticonline.com
- 46. Grandes ejemplos de AJAX Google Maps Gmail Google Flickr Facebook
- 47. FRAMEWORKS
- 48. ¿Qué es un framework? “ Un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular” WIKIPEDIA
- 49. ¿Dónde encontraremos un FW?
- 50. ¿Dónde encontraremos un FW?
- 52. Ventajas de utilizar FW “ Hacer mucho con muy poco”
- 54. Menos código
- 57. Si existe algo hecho, ¿por qué no usarlo?
- 59. Comunidad
- 60. Velocidad
- 61. Compatibilidad
- 62. ¿Cómo elegir un framework? Facilidad de uso ¿Cuál elegirías?
- 63. ¿Cómo elegir un framework? Comunidad http://wappalyzer.com/stats/cat/JavaScript%20frameworks http://trends.builtwith.com/javascript
- 64. ¿Cómo elegir un framework? Velocidad
- 65. ¿Cómo elegir un framework? Compatibilidad con navegadores http://www.bestwebframeworks.com/
- 67. Framework recomendado jQuery http://www.jquery.com/ jQuery http://www.jquery.com/ jQueryUI http://www.jqueryui.com/
- 68. Ejemplo jQuery <html> <head> <title>jQuery Hello World</title> <script type="text/javascript" src="jquery-1.2.6.min.js"></script> </head> <body> <script type="text/javascript">$(document).ready(function(){ $("#msgid").html("This is Hello World by JQuery"); });</script> This is Hello World by HTML <div id="msgid"></div> </body> </html>
- 69. ¿Frameworks para móviles? http://www.jquerymobile.com/
- 70. Webs con jQuery SPALM http://www.spalm.es/ PREVENTI SHOES http://www.preventishoes.com/blog/ NOW YOU http://www.now-you.es http://www.acceseo.net/nowyou
- 74. Futuro de JavaScript ¿Adobe apuesta por HTML5? http://labs.adobe.com/technologies/wallaby/
- 75. Futuro de JavaScript Él ya lo anticipó
- 76. Futuro de JavaScript FLASH <object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/2OBZHB5I89A?version=3&hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2OBZHB5I89A?version=3&hl=es_ES" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object> HTML5 <video src="movie.ogg" controls="controls"></video>
- 77. Futuro de JavaScript Algunos ejemplos https://developer.mozilla.org/es/demos/ http://www.20thingsilearned.com/ http://media.chikuyonok.ru/ambilight/
- 78. Futuro de JavaScript Algunos ejemplos http://html5demos.com/ http://del.icio.us/juansegui/html5 http://del.icio.us/juansegui/javascript http://del.icio.us/juansegui/ajax http://www.addyosmani.com/resources/googlebox/ http://www.romancortes.com/ficheros/pacman_css.html
- 79. JavaScript desde Cero @juansegui @acceseo Gracias por vuestra atención