últimos mensajes de: AFelipeTrujillo

Introducción

Cuando surgió la web 2.0 en conjunto del social media las aplicaciones de Internet se tornaron mas exigentes ya que debían ser mas dinámicas. Esto fue posible con el DHTML ya que combina un conjunto de técnicas para diseñar HTML Dinámico, con apoyo de Javasript, hojas de estilo en cascada CSS y la jerarquizacion del árbol DOM.

Citar

Una página de HTML Dinámico es cualquier página web en la que los scripts en el lado del cliente cambian el HTML del documento, después de que éste haya cargado completamente, lo cual afecta a la apariencia y las funciones de los objetos de la página. La característica dinámica del DHTML, por tanto, es la forma en que la página interactúa con el usuario cuando la está viendo, siendo la página la misma para todos los usuarios.

Entre los usos mas habituales del DHTML, esta la creación de menús desplegables, ventanas modales, validaciones en tiempo real de formularios, estilo personalizados de la aplicación para cada usuario, creación de entornos mas amigables al cliente final entre otra cantidad de opciones y posibilidades.

JQuery

JQuery es un conjunto de librerías o Framework de javascript, creada inicilamente por John Resig que es trabajador de la Fundación Mozilla. Este Framework permite reducir de manera notoria la interaccion con los documento HTML, como manipular elementos DOM, gestionar eventos, desarrollar animaciones e integrar contenidos con Ajax.

jQuery es software libre y de código abierto, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pública General de GNU v2,permitiendo su uso en proyectos libres y privativos. jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en javascript que de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio

Primeros Pasos

Para empezar el Framework, podemos ingresar a el su sitio oficial y descargarla desde allí. Contiene una amplia comunidad a nivel mundial lo cual hace que su API este bien documentada.

Que lograremos con JQuery:

   * Reducir lineas y lineas de código
   * Hace transparente el código a cualquier navegador WEB, este es un problema serio para cualquier aplicación
   * Creación de animaciones de manera facil
   * Integración, en el mundo existen miles de programadores que trabajan sobre este Framework y se puede conseguir un buena cantidad de plugin’s

Hola Mundo

Una vez descargado el Framework, lo llamamos desde el HTML de la siguiente forma:

Código

<html>
   <head>
      <script type="text/javascript" src="jquery.js"></script>
   </head>
</html>

Para ejecutar una función apenas haya cargado todo el Árbol DOM, los podemos hacer de la siguiente forma:

Código

<html>
   <head>
      <script type="text/javascript" src="jquery.js"></script>
      <script>
      $(function(){
         alert("Hola Mundo")
      })
    </script>
   </head>
</html>

El uso de esta validación, no aseguramos de que Framework empieza a funcionar apenas se haya cargado toda la pagina.

FUENTE