Índice INTRODUCCIÓN...13 CAPÍTULO 1. METODOLOGÍA DE LA PROGRAMACIÓN...17 1.1 INTRODUCCIÓN...18 1.2 LÓGICA DE PROGRAMACIÓN...18 1.2.1 Las variables...19 1.2.2 Operaciones aritméticas...20 1.2.3 Operaciones lógicas...21 1.2.4 Secuencias de un programa...24 1.2.5 Partes de un programa...27 1.3 REPRESENTACIÓN DE ALGORITMOS...28 1.3.1 Ordinogramas...28 1.3.2 Pseudocódigos...32 1.4 PROGRAMACIÓN ORIENTADA A OBJETOS...37 1.4.1 Características de objetos...38 1.4.2 Creación de objetos...39 1.5 EJEMPLOS DE DIFERENTES LENGUAJES...40 EJERCICIOS PROPUESTOS...44 TEST DE CONOCIMIENTOS...44 CAPÍTULO 2. EL LENGUAJE DE SCRIPT...47 2.1 CARACTERÍSTICAS DEL LENGUAJE...48 2.1.1 Lenguaje de cliente web...48 2.1.2 Lenguaje interpretado...49 2.1.3 Lenguaje orientado a eventos...50 2.2 RELACIÓN ENTRE JAVASCRIPT Y HTML...51 2.3 SINTAXIS JAVASCRIPT...52 2.3.1 Identificación de JavaScript en HTML...52 2.3.2 Características generales...54 2.3.3 Elementos del lenguaje de script...54 2.4 UBICACIÓN DEL SCRIPT EN EL HTML...61 2.4.1 Script en el cuerpo del HTML...61 2.4.2 Script en el encabezado del HTML...63 2.4.3 Script en un archivo externo...64 7
INTEGRACIÓN DE COMPONENTES SOFTWARE EN PÁGINAS WEB RA-MA 2.5 EJECUCIÓN DE UN SCRIPT...66 2.5.1 Ejecución de JavaScript en los navegadores...66 2.5.2 Tiempos de ejecución...67 2.5.3 Errores de ejecución...68 EJERCICIOS PROPUESTOS...68 TEST DE CONOCIMIENTOS...69 CAPÍTULO 3. DESARROLLO DE SCRIPTS...71 3.1 HERRAMIENTAS DE DESARROLLO...72 3.1.1 Editores de texto plano...72 3.1.2 Editores de aplicación web...74 3.1.3 Entornos integrados de desarrollo...75 3.1.4 Recursos web para creación de scripts...77 3.2 DEPURACIÓN DE ERRORES...80 3.2.1 Tipos de errores...80 3.2.2 Detección de errores en la edición...80 3.2.3 Detección de errores en la ejecución...81 3.3 CONTROL DE ERRORES EN EL SCRIPT...84 3.3.1 Bloque Try.catch...84 3.3.2 Evento onerror...85 EJERCICIOS PROPUESTOS...87 TEST DE CONOCIMIENTOS...87 CAPÍTULO 4. ELEMENTOS BÁSICOS DE JAVASCRIPT...89 4.1 VARIABLES E IDENTIFICADORES...90 4.1.1 Declaración de variables...90 4.1.2 Operaciones con variables...91 4.2 TIPOS DE DATOS...91 4.2.1 Datos de texto...92 4.2.2 Datos numéricos...93 4.2.3 Datos de fecha...93 4.2.4 Datos booleanos...93 4.3 INSTRUCCIONES DE ENTRADA/SALIDA...93 4.3.1 Funcionamiento de las instrucciones de entrada/salida...93 4.3.2 Entrada/salida por ventanas de diálogo...94 4.3.3 Entrada/salida en página HTML...94 4.4 OPERADORES Y EXPRESIONES...96 4.4.1 Operadores de asignación...96 4.4.2 Operadores y expresiones aritméticos...97 4.4.3 Operadores y expresiones de comparación...98 4.4.4 Operadores y expresiones lógicos...98 4.4.5 Operadores sobre bits...99 4.4.6 Operadores y expresiones de cadenas de caracteres...100 4.4.7 Expresiones de objeto...103 8
RA-MA ÍNDICE 4.5 ESTRUCTURAS DE CONTROL...103 4.5.1 Estructura secuencial...103 4.5.2 Estructura condicional...103 4.5.3 Estructura repetitiva...107 4.6 FUNCIONES...109 4.6.1 Definición y estructura de una función...109 4.6.2 Funciones útiles...110 EJERCICIOS PROPUESTOS...112 TEST DE CONOCIMIENTOS...112 CAPÍTULO 5. GESTIÓN DE OBJETOS EN JAVASCRIPT...113 5.1 JERARQUÍA DE OBJETOS...114 5.1.1 Matrices de elementos...115 5.2 OBJETOS DEL NAVEGADOR...117 5.2.1 El objeto screen...117 5.2.2 El objeto window...117 5.2.3 El objeto navigator...119 5.2.4 El objeto history...119 5.2.5 El objeto location...120 5.3 EL OBJETO DOCUMENT...120 5.3.1 Acceso de los elementos del documento...121 5.3.2 Modificación de los elementos del documento...123 5.3.3 Gestión de los estilos del documento...126 5.4 OBJETOS DEL FORMULARIO...128 5.4.1 El objeto form...128 5.4.2 Los objetos de texto...128 5.4.3 El objeto button...129 5.4.4 El objeto checkbox...129 5.4.5 El objeto select...129 5.5 OBJETOS ÚTILES DEL LENGUAJE...130 5.5.1 El objeto string...130 5.5.2 El objeto date...133 5.5.3 El objeto math...134 5.5.4 Otros objetos del DOM...136 5.6 GESTIÓN DE COOKIES...136 EJERCICIOS PROPUESTOS...139 TEST DE CONOCIMIENTOS...139 CAPÍTULO 6. LOS EVENTOS EN JAVASCRIPT...141 6.1 UTILIZACIÓN DE EVENTOS...142 6.1.1 Definición de eventos...142 6.1.2 Acciones asociadas a eventos...144 6.1.3 Jerarquía de eventos...144 9
INTEGRACIÓN DE COMPONENTES SOFTWARE EN PÁGINAS WEB RA-MA 6.2 EVENTOS DE FORMULARIOS...145 6.3 EVENTOS DE RATÓN...148 6.3.1 Datos relevantes del evento...150 6.4 EVENTOS DE TECLADO...151 6.5 EVENTOS DE ENFOQUE...152 6.6 EVENTOS DE VENTANA...153 6.7 OTROS EVENTOS...154 EJERCICIOS PROPUESTOS...155 TEST DE CONOCIMIENTOS...155 CAPÍTULO 7. BÚSQUEDA Y ANÁLISIS DE SCRIPTS...157 7.1 SITIOS ESPECIALIZADOS...158 7.1.1 Páginas oficiales...158 7.1.2 Tutoriales...159 7.1.3 Foros...160 7.1.4 Bibliotecas y colecciones de scripts...162 7.2 TÉCNICAS DE BÚSQUEDA...163 7.2.1 Buscadores web...163 7.2.2 Refinar la búsqueda...163 7.2.3 Expresiones y filtros...164 7.3 REUTILIZACIÓN DE SCRIPTS...165 7.3.1 Integración del script en la página web...166 7.3.2 Ejemplo de integración de un script...166 7.3.3 Ubicación física del script...170 EJERCICIOS PROPUESTOS...172 TEST DE CONOCIMIENTOS...172 CAPÍTULO 8. VALIDACIÓN DE DATOS EN PÁGINAS WEB...175 8.1 INTRODUCCIÓN...176 8.2 FUNCIONES DE VALIDACIÓN...176 8.2.1 Definición de la validación...176 8.2.2 Ejecución de la validación...177 8.2.3 Tipos de validaciones...179 8.3 VALIDACIÓN DE FORMULARIOS...184 8.3.1 Validación de elementos de formulario...184 8.3.2 Ejecución de la validación del formulario...187 8.3.3 Script completo de validación de formulario...189 8.4 LIBRERÍAS DE VALIDACIÓN DE FORMULARIOS...194 EJERCICIOS PROPUESTOS...196 TEST DE CONOCIMIENTOS...196 10
RA-MA ÍNDICE CAPÍTULO 9. EFECTOS ESPECIALES EN PÁGINAS WEB...199 9.1 INTRODUCCIÓN...200 9.1.1 Gestión del tiempo en JavaScript...200 9.2 EFECTOS ESPECIALES CON IMÁGENES...202 9.2.1 Obtención y optimización de imágenes...202 9.2.2 El objeto image...203 9.2.3 Precarga de imágenes...204 9.2.4 Imágenes de sustitución...205 9.2.5 Galería de imágenes...206 9.3 EFECTOS ESPECIALES EN TEXTOS...208 9.4 EFECTOS ESPECIALES CON CAPAS Y MARCOS...210 9.5 GESTIÓN DE VARIAS VENTANAS...213 9.5.1 Creación de ventanas...213 9.5.2 Interactividad entre ventanas...214 EJERCICIOS PROPUESTOS...216 TEST DE CONOCIMIENTOS...216 CAPÍTULO 10. PRUEBAS Y VERIFICACIÓN EN PÁGINAS WEB...219 10.1 INTRODUCCIÓN...220 10.2 TÉCNICAS DE VERIFICACIÓN...220 10.2.1 Verificaciones fundamentales...220 10.2.2 Verificación HTML...221 10.2.3 Verificación CSS...222 10.3 HERRAMIENTAS DE DEPURACIÓN PARA NAVEGADORES...223 10.3.1 Depuración de HTML y CSS...224 10.3.2 Depuración de JavaScript y DOM...226 10.4 COMPATIBILIDAD EN DISTINTOS NAVEGADORES...227 10.4.1 Identificación del navegador...228 10.4.2 Ejecución de distinto código según el navegador...231 EJERCICIOS PROPUESTOS...232 TEST DE CONOCIMIENTOS...233 SOLUCIONARIO DE LOS TEST DE CONOCIMIENTOS...235 MATERIAL ADICIONAL...237 ÍNDICE ALFABÉTICO...239 11