Presentació

Actualment la gran majoria de les pàgines web són dinàmiques, és a dir, interactuen amb l’usuari. Per exemple, ho són les pàgines que proporcionen accés a diferents serveis, com el correu electrònic, el xat, els cercadors de continguts, els visualitzadors de vídeos, les enquestes en línia, etc.

Moltes d’aquestes interaccions no poden realitzar-se només amb la intervenció del servidor, ja que el temps de resposta seria massa lent per a l’usuari. Imagineu-vos per un moment que per veure un vídeo, el servidor, per a cada imatge, hagués d’enviar tota la pàgina. Per aquest motiu, cal que el client sigui capaç de fer algunes tasques en resposta a les accions de l’usuari o de la informació que li envia el servidor.

Això s’aconsegueix afegint petits programes a les pàgines web, que són enviats des del servidor. Aquests programes s’executen a l’ordinador client. Com a conseqüència de l’execució d’aquests programes, l’ordinador client pot fer canvis a allò que s’està presentant per pantalla o enviar algun missatge al servidor.

Si us heu matriculat en aquest mòdul, vol dir que ja teniu una bona base de programació i una base suficient d’HTML. Amb això en teniu prou per endinsar-vos en la programació web des del costat client.

Es treballa amb el llenguatge de programació del costat client més utilitzat avui en dia i que és suportat per tots els navegadors: JavaScript. Compte, però, perquè, malgrat el seu nom, és molt diferent respecte el llenguatge de programació Java que ja coneixeu.

El mòdul de Desenvolupament web en l’entorn client està dividit en 7 unitats:

1. A “Sintaxi del llenguatge. Objectes predefinits del llenguatge” es treballa la sintaxi bàsica de JavaScript i els objectes principals que ens proporciona.
2. A “Estructures definides pel programador” s’estudien les funcions i els vectors. Veureu que JavaScript té moltes peculiaritats respecte d’altres llenguatges.
3. A “Objectes definits pel programador” s’exposa la visió que té JavaScript dels objectes. És una mica peculiar, però, a la vegada, els objectes són bàsics per poder extreure el màxim del llenguatge.
4. A “Esdeveniments. Manejament de formularis” aprendreu a capturar i tractar amb JavaScript els esdeveniments generats pels usuaris.
5. A “Model d’objectes del document” s’aprofundeix en les possibilitats dels formularis.
6. A “Mecanismes de programació asíncrona client-servidor” s’estudia la comunicació client-servidor amb la tecnologia AJAX.
7. A “Desenvolupament de casos pràctics” es treballa amb exemples d’una certa mida on s’aprofiten al màxim les possibilitats de comunicació client-servidor que proporciona JavaScript.

És un mòdul amb uns continguts i un enfocament molt pràctics. Per això és important que aneu comprovant tots els exemples, que us esforceu per entendre’ls i que hi “jugueu”, fent canvis en el codi i comprovant els resultats. Per ajudar-vos, veureu que en molts dels exemples és possible accedir, a través d’un enllaç, a una implementació operativa.