25/7/11

-HTML, nos volvemos a reencontrar, veo que tienes cosas nuevas que platicarme.

-HTML, nos volvemos a reencontrar, veo que tienes cosas nuevas que platicarme.

Mi primer contacto con HTML fue aproximadamente en el año 1998, recuerdo que mi primer sitio lo subí en Geocities, antes de que lo adquiriera Yahoo y mucho antes de que lo desapareciera, recuerdo que dentro de Geocities existían áreas o grupos de páginas clasificadas dependiendo del tema del cual se hablase, en lo personal subí una cantidad extrema de páginas, hice páginas para todo, páginas con mis datos (como si a alguien le hubieran interesado), páginas de temas de cómputo, páginas de tenis, páginas de básquetbol, hasta páginas para descargar programas de forma gratuita.

Mis primeras páginas las realicé usando el Bloc de notas, tal vez ya existían herramientas que facilitaban la tarea, pero yo aprendí así y no me costaba trabajo, sobre todo porque eran páginas estáticas, páginas que únicamente mostraban algo de texto y muchas, muchas imágenes, algunas tenían música en .wav o mid, pero eso no era común. Lo más avanzado en la época era poner marquesinas, frames y dividir una imagen en secciones para colocarles links. Por lo tanto no fue de mi interés el desarrollo web porque se me hacía una tarea más de diseñador que de programador, entonces simplemente perdí el interés.

De aquél 1998 a la fecha Internet ha evolucionado, ahora podemos dejar de hablar de páginas estáticas y hablar de páginas dinámicas, claro que he hecho cosas en php, jsp, asp, javascript, phyton, flash, flex y silverlight, pero nunca he documentado mis experiencias, es un buen momento para comenzar a documentar mis primeras experiencias con AJAX.

AJAX viene de las siglas de Asynchronous Javascript and XML lo cual su traducción literal nos va a decir poco, por lo tanto mejor lo explico.

AJAX nos permite programar en Javascript funciones para conectarnos a un servidor y traer datos que se vean reflejados en la página web. Eso pareciera algo común y poco útil, pero la ventaja de esta técnica es que los datos se solicitan sin necesidad de cambiar de página, digamos a través de un botón activamos la función y sin que nuestra página cambie manda a solicitar los datos. Una vez que se solicitaron los datos y se reciben, la función que los mandó a llamar los muestra en la misma página sin tener que refrescar la página completa. La gran ventaja es que solo se transmiten los datos que cambian haciendo páginas que cargan más rápido y hacemos páginas más fáciles de usar.

Ahora que ya sabemos que es esto de AJAX veamos que necesitamos o cuales son las primeras piezas que debemos conocer.

1. HTML. Es el lenguaje para dar formato a páginas de Internet.

2. PHP. También es un lenguaje pero este no sólo sirve para dar formato, sino además permite programar páginas Web para hacerlas dinámicas. Es un lenguaje interpretado del lado del servidor, o sea el servidor es quien ejecuta las instrucciones, pero al ser interpretado significa que cualquier persona que esté del lado del servidor puede ver las instrucciones escritas para la creación de la página Web.

3. MySQL. Es un sistema para administrar bases de datos, muy recomendable.

4. Apache. Es un servidor Web, lo que nos permite colocar páginas en Internet para que otras máquinas puedan ver el contenido o en forma local para pre visualizar las páginas antes de ponerlas a la vista de todo público.

5. JavaScript. Es un lenguaje de programación, NO es Java. Este lenguaje  es interpretado lo que significa que es un lenguaje script, es decir, sus instrucciones no son encapsuladas en un archivo ejecutable, más bien son interpretadas línea a línea y cualquiera que tenga acceso al programa puede ver las instrucciones. El lenguaje JavaScript se ejecuta del lado del cliente, o sea es el navegador quien lo ejecuta. Actualmente los navegadores más populares pueden ejecutar programas desarrollados en JavaScript.

6. DOM. Document Object Model. Es básicamente un medio para interactuar con documentos HTML y XML, el DOM nos permite modificar contenido de los documentos utilizando lenguaje JavaScript.

7. XMLHttpRequest. Este es un medio para realizar peticiones a servidores Web. Esta interfaz si se encuentra encapsulada en una clase que se debe instanciar para crear una conexión al servidor.

Para realizar los siguientes ejercicios es necesario tener instalado el servidor Apache, MySQL y PHP, pero si cuentas con un sistema operativo Windows, lo más recomendable es descargarte el paquete WAMP que instala los 3 módulos de forma transparente y efectiva.

Para descargar WAMP visita http://www.wampserver.com/en/download.php


La siguiente entrada será nuestra primer aplicación usando PHP, MySQL, Apache, y Ajax.