JQuery es una biblioteca de funciones y utilidades escritas en JavaScript que permite simplificar el modo de interactuar con las web as\u00ed como de presentar la informaci\u00f3n en la misma.<\/h4>\n

JQuery<\/strong> se ha desarrollado bajo la filosof\u00eda del software libre y de c\u00f3digo abierto y no depende de ninguna tecnolog\u00eda. Eso quiere decir que podemos usarla tanto con aplicaciones programadas en PHP<\/strong> en servidores LINUX<\/strong> como con aplicaciones programadas en .NET<\/strong> en servidores Microsoft o en sistemas JSP con JAVA.<\/strong><\/p>\n

<\/p>\n

Dentro de las razones por las que conviene el uso de JQuery, podemos indicar:<\/p>\n

\n
• F\u00e1cil manejo del DOM usando selectores CSS,<\/strong> con algunos a\u00f1adidos fuera del est\u00e1ndar por usar Sizzle.<\/em><\/li>\n
• Posibilidad de tomar el c\u00f3digo de un servidor CDN<\/strong>. Si vas a usar este m\u00e9todo, te recomiendo que uses el servidor de Google. Tienen varios datacenters repartidos por el mundo y es f\u00e1cil que el usuario pueda establecer una conexi\u00f3n r\u00e1pidamente. En esta p\u00e1gina encontrar\u00e1s el enlace a la \u00faltima versi\u00f3n.<\/em><\/li>\n
• F\u00e1cil uso con ajax<\/strong> si necesitamos usar un modelo complejo y enviar recibir muchos par\u00e1metros. Es decir, enviar datos en formato JSON es mucho m\u00e1s sencillo que hacerlo a mano.<\/em><\/li>\n
• Animaciones muy sencillas<\/strong>: si queremos crear objetos animados (banners…) es muy \u00fatil Alternativa: Adobe Edge Animate.<\/em><\/li>\n
• Inicializaci\u00f3n al cargar el \u00e1rbol DOM,<\/strong> no la pagina entera. Aunque no sea complicado escribir una funci\u00f3n window.ready, el uso de $(document).ready simplifica mucho las cosas, y es mucho m\u00e1s estable.<\/em><\/li>\n
• Manejo r\u00e1pido de propiedades y css.<\/strong> Si tienes que cambiar m\u00e1s de 3 o 4 propiedades css de un elemento, el c\u00f3digo que usar\u00e1s ser\u00e1 muy repetitivo. Con jQuery, hacer esto es simplemente pasar las propiedades a cambiar con sus respectivos valores en formato JSON.<\/em><\/li>\n<\/ul>\n

  Las razones por las que se podr\u00eda desaconsejar\u00a0el uso de JQuery podr\u00edan ser:<\/p>\n

  \n
  • Ocupa mucho<\/strong>. Si nuestro c\u00f3digo es peque\u00f1o (no sobrepasa las 100, 150, o incluso 200 l\u00edneas sin comprimir), no vale la pena usar ayuda. Piensa que jQuery tiene unas 9.000 l\u00edneas de c\u00f3digo. El usuario pasar\u00e1 m\u00e1s tiempo descargando la librer\u00eda que nuestro c\u00f3digo.<\/em><\/li>\n
  • Animaciones con CSS<\/strong>. A\u00fan no est\u00e1n extendidas, algunos navegadores no las soportan… pero si la animaci\u00f3n es puramente est\u00e9tica, vale la pena limitarse al css y pasar de JavaScript.<\/em><\/li>\n
  • Interacci\u00f3n con el DOM.<\/strong><\/em><\/li>\n
  • Validaci\u00f3n de formularios:<\/strong> con HTML5, le pones un atributo required a un input y \u00e9l solito se valida. Esto que ser\u00eda una ventaja se puede volver en nuestra contra al perder cierto control sobre c\u00f3mo se realiza esa validaci\u00f3n.<\/em><\/li>\n<\/ul>\n

    Existen muchos autores que desaconsejan el uso de JQuery puesto que todo lo que hace, lo podr\u00edamos implementar nosotros a traves de JavaScript.<\/p>\n

    Ahora bien, mi planteamiento est\u00e1 en que debemos reutilizar todo el software que podamos \u00a0y en ese sentido JQuery nos facilita la escritura de web.<\/p>\n

    Si dese\u00e1is m\u00e1s informaci\u00f3n pod\u00e9is utilizar estos recursos:<\/p>\n

    \n
    • \n

      Cursos con certificaci\u00f3n profesional >>><\/a><\/p><\/blockquote>\n<\/li>\n

      \n

      Webinar con la puesta en pr\u00e1ctica de JQuery >>><\/a><\/p><\/blockquote>\n<\/li>\n<\/ul>\n

      <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

      JQuery es una biblioteca de funciones y utilidades escritas en JavaScript que permite simplificar el modo de interactuar con las web as\u00ed como de presentar la informaci\u00f3n en la misma. JQuery se ha desarrollado bajo la filosof\u00eda del software libre y de c\u00f3digo abierto y no depende de ninguna tecnolog\u00eda. Eso quiere decir que podemos usarla tanto con aplicaciones programadas en PHP en servidores LINUX como con aplicaciones programadas en .NET en servidores Microsoft o en sistemas JSP con JAVA. Dentro de las razones por las que conviene el uso de JQuery, podemos indicar: F\u00e1cil manejo del DOM usando selectores CSS, con algunos a\u00f1adidos fuera del est\u00e1ndar por usar Sizzle. Posibilidad de tomar el c\u00f3digo de un servidor CDN. Si vas a usar este m\u00e9todo, te recomiendo que uses el servidor de Google. Tienen varios datacenters repartidos por el mundo y es f\u00e1cil que el usuario pueda establecer una conexi\u00f3n r\u00e1pidamente. En esta p\u00e1gina encontrar\u00e1s el enlace a la \u00faltima versi\u00f3n. F\u00e1cil uso con ajax si necesitamos usar un modelo complejo y enviar recibir muchos par\u00e1metros. Es decir, enviar datos en formato JSON es mucho m\u00e1s sencillo que hacerlo a mano. Animaciones muy sencillas: si queremos crear objetos animados (banners…) […]<\/p>\n","protected":false},"author":3,"featured_media":2758,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[18,427],"tags":[489,236,487],"jetpack_featured_media_url":"http:\/\/piloto.foc.es\/wp-content\/uploads\/2016\/06\/jquery-post.jpg","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":2746,"url":"http:\/\/piloto.foc.es\/2016\/06\/06\/2746-efectos-visuales-para-tu-app-web-mediante-jquery.html","url_meta":{"origin":2756,"position":0},"title":"Efectos visuales para tu App Web mediante JQuery","date":"6 junio, 2016","format":false,"excerpt":"JQuery\u00a0es una biblioteca de funciones y utilidades escritas en JavaScript, que permite simplificar la manera de interactuar con los documentos HTML, manipulando el objeto DOM, manejando eventos, permitiendo desarrollar animaciones, etc. (Ver m\u00e1s). En este webinar\u00a0aprender\u00e1s de un modo pr\u00e1ctico a usar la biblioteca de funciones JQuery y conocer\u00e1s el\u2026","rel":"","context":"En \u00abWebinars\u00bb","img":{"alt_text":"jqueryUI-FOC-pagina","src":"https:\/\/i1.wp.com\/www.foc.es\/wp-content\/uploads\/2016\/06\/jqueryUI-FOC-pagina.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5481,"url":"http:\/\/piloto.foc.es\/2020\/07\/08\/5481-como-programar-efectos-en-una-web-de-forma-rapida-y-sencilla.html","url_meta":{"origin":2756,"position":1},"title":"C\u00f3mo programar efectos en una web de forma r\u00e1pida y sencilla!!!!","date":"8 julio, 2020","format":false,"excerpt":"C\u00f3mo programar efectos en una web de forma r\u00e1pida y sencilla!!!! Nuestro alumnado del Ciclo de Grado Superior de Desarrollo de Aplicaciones Web, conoce y maneja bien t\u00e9cnicas para crear efectos en una p\u00e1gina Web de forma sencilla, eficiente y amigable para el usuario. Por ejemplo, les proponemos crear los\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/piloto.foc.es\/wp-content\/uploads\/2020\/07\/efectos_en_la_Web-Jquery.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4542,"url":"http:\/\/piloto.foc.es\/2018\/08\/29\/4542-en-que-consiste-la-certificacion-mta-98-375-fundamentos-desarrollo-aplicaciones-html5.html","url_meta":{"origin":2756,"position":2},"title":"\u00bfEn qu\u00e9 consiste la certificaci\u00f3n MTA 98-375 Fundamentos Desarrollo Aplicaciones HTML5?","date":"29 agosto, 2018","format":false,"excerpt":"Esta certificaci\u00f3n Microsoft est\u00e1 dise\u00f1ada para formarte en conceptos fundamentales sobre c\u00f3mo administrar el ciclo de vida de la aplicaci\u00f3n, c\u00f3mo crear la interfaz de usando HTML5, c\u00f3mo dar formato usando CSS y c\u00f3mo desarrollar c\u00f3digo JavaScript. \u00a0 Dirigido a\u2026 Este examen est\u00e1 dirigido a los candidatos que deseen validar\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/piloto.foc.es\/wp-content\/uploads\/2018\/08\/imagen-0k-3.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3581,"url":"http:\/\/piloto.foc.es\/2017\/06\/06\/3581-programar-efectos-sencillos-en-javascript-de-forma-rapida-y-eficiente.html","url_meta":{"origin":2756,"position":3},"title":"Programar efectos sencillos en JavaScript, de forma r\u00e1pida y eficiente.","date":"6 junio, 2017","format":false,"excerpt":"Con JavaScript podemos conseguir efectos sencillos y muy visuales en nuestras p\u00e1ginas web. Nuestros alumnos de IFCD0210 Desarrollo de Aplicaciones con Tecnolog\u00edas Web conocen bien como hacer estos efectos r\u00e1pidamente y de forma sencilla. Os propongo el siguiente ejercicio, vamos pintar en pantalla una tabla. Para ello nuestra peque\u00f1a aplicaci\u00f3n\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/piloto.foc.es\/wp-content\/uploads\/2017\/06\/pantalla-003-06-06-17.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3205,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3205-quieres-crear-listas-css-con-animacion-en-javascript-como-un-programador-web-experto-pues-apuntate-con-nosotros.html","url_meta":{"origin":2756,"position":4},"title":"Quieres crear listas CSS con animaci\u00f3n en JavaScript como un programador web experto? Pues ap\u00fantate con nosotros.","date":"13 febrero, 2017","format":false,"excerpt":"A continuaci\u00f3n vamos a explicar c\u00f3mo crear listas CSS y c\u00f3mo aplicarles animaci\u00f3n con tan solo unas pocas l\u00edneas de c\u00f3digo JavaScript. En el siguiente c\u00f3digo puedes ver c\u00f3mo con unas pocas l\u00edneas en HTML y un c\u00f3digo JavaScript muy sencillo, podemos crear una lista con tres elementos, los cuales\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"ListasCSS-Codigo","src":"https:\/\/i1.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/08\/ListasCSS-Codigo.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2752,"url":"http:\/\/piloto.foc.es\/2016\/06\/06\/2752-tiempo-real-para-tu-app-mediante-ajax.html","url_meta":{"origin":2756,"position":5},"title":"Tiempo real para tu App mediante AJAX","date":"6 junio, 2016","format":false,"excerpt":"Como sabemos Ajax no es una tecnolog\u00eda en s\u00ed mismo. En realidad, se trata de varias tecnolog\u00edas independientes que se unen para conseguir un fin. Las tecnolog\u00edas que forman AJAX son: XHTML y CSS, para crear una presentaci\u00f3n basada en est\u00e1ndares. DOM, para la interacci\u00f3n y manipulaci\u00f3n din\u00e1mica de la\u2026","rel":"","context":"En \u00abWebinars\u00bb","img":{"alt_text":"modelo-AJAX-FOC","src":"https:\/\/i0.wp.com\/www.foc.es\/wp-content\/uploads\/2016\/06\/modelo-AJAX-FOC.gif?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p6jO3Y-Is","amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/2756"}],"collection":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/comments?post=2756"}],"version-history":[{"count":5,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/2756\/revisions"}],"predecessor-version":[{"id":2762,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/2756\/revisions\/2762"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media\/2758"}],"wp:attachment":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media?parent=2756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/categories?post=2756"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/tags?post=2756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}