índice

5

INTRODUCCIÓN ....................................................................................................................................................11

CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN .........131.1 eVolUCión Y CaraCterístiCas De los naVeGaDores Web .......................................................141.2 arQUiteCtUra De eJeCUCión ................................................................................................................171.3 lenGUaJes Y teCnoloGías De ProGraMaCión en entorno Cliente ..................................19

1.3.1 HtMl y derivados ....................................................................................................................................191.3.2 Css ............................................................................................................................................................201.3.3 Javascript .................................................................................................................................................201.3.4 Applets de Java .........................................................................................................................................211.3.5 aJaX .........................................................................................................................................................211.3.6 adobe Flash y actionscript ......................................................................................................................22

1.4 inteGraCión Del CóDiGo Con las etiQUetas HtMl ....................................................................231.4.1 Javascript en el mismo documento HtMl .............................................................................................231.4.2 Javascript en un archivo externo ............................................................................................................241.4.3 Javascript en elementos HtMl ..............................................................................................................25

resUMen Del CaPítUlo .....................................................................................................................................26eJerCiCios ProPUestos ....................................................................................................................................26test De ConoCiMientos ...................................................................................................................................27

CAPÍTULO 2. INTRODUCCIÓN AL LENGUAJE JAVASCRIPT ...................................................................292.1 CaraCterístiCas De JaVasCriPt ...........................................................................................................302.2 “Hola MUnDo” Con JaVasCriPt ..............................................................................................................312.3 el lenGUaJe JaVasCriPt: sintaXis ......................................................................................................34

2.3.1 Mayúsculas y minúsculas ........................................................................................................................342.3.2 Comentarios en el código ..........................................................................................................................342.3.3 tabulación y saltos de línea .....................................................................................................................342.3.4 el punto y coma ........................................................................................................................................352.3.5 Palabras reservadas .................................................................................................................................36

2.4 tiPos De Datos .............................................................................................................................................372.4.1 números ....................................................................................................................................................372.4.2 Cadenas de texto .......................................................................................................................................372.4.3 Valores booleanos .....................................................................................................................................38

2.5 Variables .......................................................................................................................................................392.5.1 Declaración de variables ..........................................................................................................................392.5.2 inicialización de variables ........................................................................................................................39

2.6 oPeraDores ..................................................................................................................................................412.6.1 operadores aritméticos ............................................................................................................................412.6.2 operadores lógicos ....................................................................................................................................42

6

Desarrollo Web en entorno Cliente © ra-Ma

2.6.3 operadores de asignación ........................................................................................................................432.6.4 operadores de comparación .....................................................................................................................432.6.5 operadores condicionales ........................................................................................................................44

2.7 sentenCias ConDiCionales ..................................................................................................................452.7.1 sentencia if ...............................................................................................................................................462.7.2 sentencia switch .......................................................................................................................................482.7.3 bucle while ................................................................................................................................................492.7.4 bucle for ....................................................................................................................................................49

resUMen Del CaPítUlo .....................................................................................................................................51eJerCiCios ProPUestos ....................................................................................................................................52test De ConoCiMientos ...................................................................................................................................53

CAPÍTULO 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DE JAVASCRIPT ............................553.1 obJetos natiVos De JaVasCriPt ...........................................................................................................57

3.1.1 el objeto Date ............................................................................................................................................583.1.2 el objeto Math ...........................................................................................................................................603.1.3 el objeto Number ......................................................................................................................................623.1.4 el objeto String .........................................................................................................................................63

3.2 interaCCión De los obJetos Con el naVeGaDor ........................................................................653.2.1 el objeto Navigator ...................................................................................................................................653.2.2 el objeto Screen.........................................................................................................................................673.2.3 el objeto Window ......................................................................................................................................673.2.4 el objeto Document ...................................................................................................................................703.2.5 el objeto History .......................................................................................................................................713.2.6 el objeto Location .....................................................................................................................................72

3.3 GeneraCión De eleMentos HtMl DesDe CóDiGo JaVasCriPt .................................................743.4 aPliCaCiones PráCtiCas De los MarCos .........................................................................................76

3.4.1 Uso de marcos con Javascript ..................................................................................................................773.5 Gestión De las Ventanas .......................................................................................................................80

3.5.1 abrir y cerrar nuevas ventanas ...............................................................................................................803.5.2 apariencia de las ventanas ......................................................................................................................833.5.3 Comunicación entre ventanas .................................................................................................................85

resUMen Del CaPítUlo .....................................................................................................................................86eJerCiCios ProPUestos ....................................................................................................................................87test De ConoCiMientos ...................................................................................................................................87

CAPÍTULO 4. PROGRAMACIÓN CON FUNCIONES, ARRAYS Y OBJETOS DEFINIDOS POR EL USUARIO ..................................................................................................................................................................894.1 FUnCiones PreDeFiniDas Del lenGUaJe .........................................................................................904.2 FUnCiones Del UsUario ..........................................................................................................................94

4.2.1 Definición de funciones ............................................................................................................................954.2.2 invocación de funciones ............................................................................................................................97

4.3 arraYs ............................................................................................................................................................1014.3.1 Declaración de arrays .............................................................................................................................1024.3.2 inicialización de arrays ..........................................................................................................................1034.3.3 Uso de los arrays mediante bucles .........................................................................................................103

7

© ra-Ma ínDiCe

4.3.4 Propiedades de los arrays .......................................................................................................................1054.3.5 Métodos de los arrays .............................................................................................................................1064.3.6 Arrays multidimensionales ....................................................................................................................109

4.4 obJetos DeFiniDos Por el UsUario .................................................................................................1134.4.1 Declaración e inicialización de los objetos .............................................................................................1134.4.2 Definición de propiedades y métodos .....................................................................................................114

resUMen Del CaPítUlo ...................................................................................................................................117eJerCiCios ProPUestos ..................................................................................................................................117test De ConoCiMientos .................................................................................................................................118

CAPÍTULO 5. INTERACCIÓN CON EL USUARIO. EVENTOS Y FORMULARIOS .................................1195.1 MoDelo De Gestión De eVentos ........................................................................................................121

5.1.1 eventos del ratón ....................................................................................................................................1225.1.2 eventos del teclado .................................................................................................................................1235.1.3 evento HtMl .........................................................................................................................................1245.1.4 evento DoM ...........................................................................................................................................125

5.2 UtilizaCión De ForMUlarios DesDe CóDiGo ...............................................................................1255.2.1 estructura de un formulario ..................................................................................................................1255.2.2 elementos de un formulario ...................................................................................................................1275.2.3 estructura de una etiqueta input ..........................................................................................................1275.2.4 tipos de input .........................................................................................................................................128

5.3 MoDiFiCaCión De aParienCia Y CoMPortaMiento .....................................................................1335.3.1 Modificación de la apariencia de un formulario ....................................................................................1335.3.2 Modificación del comportamiento de un formulario .............................................................................137

5.4 ValiDaCión Y enVío ..................................................................................................................................1385.4.1 estructura del form para validar datos .................................................................................................138

5.5 eXPresiones reGUlares .......................................................................................................................1415.5.1 Caracteres especiales de las expresiones regulares ..............................................................................1415.5.2 Validar un formulario con expresiones regulares .................................................................................142

5.6 UtilizaCión De Cookies .........................................................................................................................1455.6.1 Usos de las cookies ..................................................................................................................................1455.6.2 lectura y escritura de las cookies ..........................................................................................................146

resUMen Del CaPítUlo ...................................................................................................................................149eJerCiCios ProPUestos ..................................................................................................................................149test De ConoCiMientos .................................................................................................................................150

CAPÍTULO 6. UTILIZACIÓN DEL MODELO DE OBJETOS DEL DOCUMENTO (DOM-DOCUMENT OBJECT MODEL) .............................................................................................................1516.1 el MoDelo De obJetos Del DoCUMento (DoM) ............................................................................152

6.1.1 tipos de modelos DoM ...........................................................................................................................1526.1.2 estructura del árbol DoM .....................................................................................................................153

6.2 obJetos Del MoDelo. ProPieDaDes Y MetoDos De los obJetos .........................................1546.2.1 objetos del modelo ..................................................................................................................................1546.2.2 la interfaz Node .....................................................................................................................................155

6.3 aCCeso al DoCUMento DesDe CóDiGo .............................................................................................1576.3.1 acceso a los tipos de nodo .......................................................................................................................158

8

Desarrollo Web en entorno Cliente © ra-Ma

6.3.2 acceso directo a los nodos .......................................................................................................................1596.3.3 acceso a los atributos de un nodo tipo element .....................................................................................1606.3.4 Creación y eliminación de nodos ...........................................................................................................161

6.4 ProGraMaCión De eVentos .................................................................................................................1656.4.1 Carga de la página HtMl ......................................................................................................................1656.4.2 Comprobar si el árbol DoM está cargado ..............................................................................................1666.4.3 actuar sobre el DoM al desencadenarse eventos .................................................................................167

6.5 DiFerenCias en las iMPleMentaCiones Del MoDelo .............................................................1686.5.1 adaptaciones de código para diferentes navegadores ...........................................................................168

6.6 Uso De librerías De terCeros ...........................................................................................................170

resUMen Del CaPítUlo ...................................................................................................................................172eJerCiCios ProPUestos ..................................................................................................................................172test De ConoCiMientos .................................................................................................................................173

CAPÍTULO 7. UTILIZACIÓN DE MECANISMOS DE COMUNICACIÓN ASÍNCRONA .........................1757.1 MeCanisMos De CoMUniCaCión asínCrona ..................................................................................176

7.1.1 Definición de aJaX .................................................................................................................................1777.1.2 elección de aJaX ....................................................................................................................................1777.1.3 repaso a las tecnologías involucradas ...................................................................................................1777.1.4 Perspectiva global de un desarrollo aJaX .............................................................................................184

7.2 ForMatos Para el enVío Y reCePCión De inForMaCión. XMl Y Json .................................1857.2.1 sintaxis de Json ...................................................................................................................................1857.2.2 ejemplos de intercambio de datos con Json y XMl ............................................................................187

7.3 eJeMPlo De CoMUniCaCión asínCrona ..........................................................................................1887.3.1 Comunicación con XMl ..........................................................................................................................191

7.4 librerías De aCtUalizaCión DináMiCa ..........................................................................................1927.4.1 JQuery ....................................................................................................................................................1937.4.2 Prototype .................................................................................................................................................195

resUMen Del CaPítUlo ...................................................................................................................................196eJerCiCios ProPUestos ..................................................................................................................................196test De ConoCiMientos .................................................................................................................................197

CAPÍTULO 8. ALMACENAMIENTO DE DATOS EN EL LADO CLIENTE ................................................1998.1 alMaCenaMiento Web ...........................................................................................................................200

8.1.1 las cookies ..............................................................................................................................................2008.1.2 Problemas con las cookies .......................................................................................................................2018.1.3 las cookies de Flash ...............................................................................................................................2018.1.4 la especificación web storage de la W3C ..............................................................................................202

8.2 bases De Datos sQl (stanDarD QUerY lanGUaGe) en entorno Cliente ........................2088.2.1 WebsQl ..................................................................................................................................................2108.2.2 indexed Database aPi ............................................................................................................................210

8.3 aPliCaCiones en CaCHé .........................................................................................................................2188.3.1 Ventajas y desventajas ...........................................................................................................................2188.3.2 Ml 5 ........................................................................................................................................................218

9

© ra-Ma ínDiCe

resUMen Del CaPítUlo ...................................................................................................................................221eJerCiCios ProPUestos ..................................................................................................................................222test De ConoCiMientos .................................................................................................................................222

CAPÍTULO 9. INTEGRACIÓN AVANZADA DE COMPONENTES ..............................................................2259.1 reProDUCtores MUltiMeDia Y PlUGins asoCiaDos..................................................................226

9.1.1 reproducción de vídeos en HtMl 5.......................................................................................................2269.1.2 reproducción de audio en HtMl 5 ........................................................................................................230

9.2 GeoloCalizaCión .....................................................................................................................................2329.2.1 aPi de geolocalización de HtMl 5 ........................................................................................................2339.2.2 Utilización de la geolocalización ............................................................................................................235

resUMen Del CaPítUlo ...................................................................................................................................236eJerCiCios ProPUestos ..................................................................................................................................236test De ConoCiMientos .................................................................................................................................237

MATERIAL ADICIONAL ......................................................................................................................................239

ÍNDICE ALFABéTICO .........................................................................................................................................241