Introducción a JavaScript

Get Started. It's Free
or sign up with your email address
Rocket clouds
Introducción a JavaScript by Mind Map: Introducción a JavaScript

1. Cap.5: DOM

1.1. Árbol de nodos

1.2. Tipos de nodos

1.2.1. Document

1.2.2. Element

1.2.3. Attr

1.2.4. Text

1.2.5. Comment

1.3. Acceso directo a los nodos

1.3.1. getElementsByTagName()

1.3.2. getElementsByName()

1.3.3. getElementById()

1.4. Creación y eliminación de nodos

1.4.1. Creación de elementos XHTML simples

1.4.1.1. createElement(etiqueta)

1.4.1.2. createTextNode(contenido)

1.4.1.3. nodoPadre.appendChild(nodoHijo)

1.4.2. Eliminación de nodos

1.4.2.1. removeChild()

1.5. Acceso directo a los atributos XHTML

1.5.1. De font-weight a fontWeigh

1.5.2. De line-height a lineHeight

1.5.3. De border-top-style a borderTopStyle

1.5.4. De list-style-image a listStyleImage

2. Cap.1: Introducción

2.1. JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. Con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios. Por los años 90, en las páginas web se incluían formularios complejos. Y Brendan Eich, solucionó este problema adaptando a otras tecnologías existentes al navegador Netscape Navigator 2.0 en 1995, denomino su lenguaje como LiveScript. Los navegadores más modernos disponibles actualmente incluyen soporte de JavaScript hasta la versión correspondiente a la tercera edición del estándar ECMA-262. La mayor diferencia reside en el dialecto utilizado, ya que mientras Internet Explorer utiliza JScript, el resto de navegadores (Firefox, Opera, Safari, Konqueror) utilizan JavaScript.

3. Cap.2: El Primer Script

3.1. En este ejemplo, el script se incluye como un bloque de código dentro de una página XHTML. Por tanto, en primer lugar se debe crear una página XHTML correcta que incluya la declaración del DOCTYPE, el atributo xmlns, las secciones <head> y <body>, la etiqueta <title>, etc. Aunque el código del script se puede incluir en cualquier parte de la página, se recomienda incluirlo en la cabecera del documento, es decir, dentro de la etiqueta <head>.

4. Cap.3: Progamación Básica

4.1. Variables

4.1.1. Solo puede estar formado por letras, números y los símbolos $ y _ . El primer carácter no puede ser un número.

4.1.2. Tipos

4.1.2.1. Numéricas

4.1.2.2. Cadenas de Texto

4.1.2.3. arrays

4.1.2.4. Booleanas

4.2. Operadores

4.2.1. Asignación

4.2.1.1. var numero1 = 3;

4.2.1.2. var numero2 = 4;

4.2.2. Incremento y Decremento

4.2.2.1. var numero = 5; ++numero; alert(numero); // numero = 6

4.2.2.2. var numero = 5; --numero; alert(numero); // numero = 4

4.2.3. Lógicos

4.2.3.1. Negación

4.2.3.1.1. "true" y "false"

4.2.3.2. AND

4.2.3.2.1. valor1 && valor2

4.2.3.3. OR

4.2.3.3.1. valor1 || valor2

4.2.4. Matemáticos

4.2.4.1. var numero1 = 10; var numero2 = 5;

4.2.5. Relacionales

4.2.5.1. var numero1 = 3; var numero2 = 5; resultado = numero1 > numero2; // resultado = false resultado = numero1 < numero2; // resultado = true

4.3. Estruc. Control de Flujo

4.3.1. Estruc. if

4.3.1.1. if(condicion) { ... }

4.3.2. Estruc. if...else

4.3.2.1. if(condicion) { ... } else { ... }

4.3.3. Estruc. for

4.3.3.1. var veces = 0; if(veces < 4) { alert("Mensaje"); veces++; }

4.3.4. Estruc. for...in

4.3.4.1. for(indice in array) { ... }

4.4. Func. y Prop. Básicas

4.4.1. Func. útiles para cadenas de texto

4.4.2. Func. útiles para arrays

4.4.3. Func. útiles para números

5. Cap.4: Progamación Avanzada

5.1. Funciones

5.1.1. El código de la aplicación es mucho más largo porque muchas instrucciones están repetidas. Si se quiere modificar alguna de las instrucciones repetidas, se deben hacer tantas modificaciones como veces se haya escrito esa instrucción, lo que se convierte en un trabajo muy pesado y muy propenso a cometer errores.

5.2. Ámbito de las variables

5.2.1. El ámbito de una variable (llamado "scope" en inglés) es la zona del programa en la que se define la variable. JavaScript define dos ámbitos para las variables: global y local. El siguiente ejemplo ilustra el comportamiento de los ámbitos: function creaMensaje() { var mensaje = “Mensaje de prueba”; } creaMensaje(); alert(mensaje);

5.3. Sentencias break y continue

5.3.1. Las sentencias break y continue permiten manipular el comportamiento normal de los bucles for para detener el bucle o para saltarse algunas repeticiones. Concretamente, la sentencia break permite terminar de forma abrupta un bucle y la sentencia continue permite saltarse algunas repeticiones del bucle.

5.4. Otras estructuras de contro

5.4.1. Estruc. while

5.4.1.1. while(condicion) { ... }

5.4.2. Estruc. do...while

5.4.2.1. do { ... } while(condicion);

5.4.3. Estruc. switch

5.4.3.1. switch(variable) { case valor_1: ... break; case valor_2: ... break; ...

6. Cap.6: Prog. Eventos

6.1. Modelos de eventos

6.1.1. eventos

6.1.2. estándar

6.1.3. Internet Explorer

6.2. Modelo básico de eventos

6.2.1. onblur,onchange, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, etc

6.3. Obteniendo información del evento (objeto event)

6.3.1. Inf. sobre el evento

6.3.2. Inf. sobre el evento de teclado

7. Cap.7: Formularios

7.1. Propiedades básicas de formularios y elementos

7.1.1. eventos

7.1.2. estándar

7.1.3. Internet Explorer

7.2. Utilidades básicas para formularios

7.2.1. Cuadro de texto y textarea

7.2.2. Radiobutton

7.2.3. Checkbox

7.2.4. Select

7.3. Validación

8. Cap.8: Otras Utilidades

8.1. Relojes, cont. inter.

8.1.1. hrs, min, seg

8.2. Calendario

8.2.1. dd/mm/aa

8.3. Tooltip

8.4. Menú desplegable

8.5. Galerías de imágenes (Lightbox)

9. Cap.9: Detección y Corrección de Errores

9.1. Corrección de errores con Internet Explorer

9.2. Corrección de errores con Firefox

9.3. Corrección de errores con Opera

10. Cap.10: Recursos Útiles

10.1. Estándares y esp oficiales

10.1.1. ECMAScript Components Specification (ECMA-290), ECMAScript 3rd Edition Compact Profile (ECMA-327), ECMAScript for XML (E4X) Specification (ECMA-357)

10.1.2. ECMAScript Language Specification

10.2. Scripts y utilidades gratuitas

10.2.1. Hotscripts

10.2.2. Dynamic Drive

10.2.3. Gamarod JavaScript

10.3. Libros

10.3.1. Professional JavaScript for Web Developers

10.3.2. JavaScript: The Definitive Guide (Fifth Edition)