Este documento proporciona una introducción a JavaScript y sus principales características como la manipulación del DOM, los eventos, los objetos y prototipos, la simulación de clases y la programación funcional. Explica cómo usar JavaScript para modificar la estructura y el contenido de un documento HTML, así como para gestionar eventos del usuario. También cubre temas como la creación y herencia de objetos mediante prototipos y cómo simular un paradigma de programación orientada a objetos.

1. EL MAL ODIADO JAVASCRIPT

3. Manipulación DOM

4. Eventos

5. Objetos y prototipos

6. Simulacion de clases

7. Programacion funcional

9. Inicialmente desarollado por Netscape

10. Uso inicial para pequeñas cosas como validación de formularios, añadir contadores y relojes giratorios

11. Hoy en dia se construllen aplicaciones enteras (eyeos, google docs, clientes web ricos de correo)

12. Navegadores optimizan los interpretes de js

13. ¿Chrome OS?

15. Podemos añadir, eliminar, modificar y recorrer elementos

16. Estructura en arbol

18. document.getElementsByTagName(nombre)

19. appendChild

20. DOM acceder a elementos (ejemplo)

25. ClassName

26. style

27. parentNode

28. nextSlibing

29. firstChild

30. lastChild

31. nodeType

34. var cab = document.getElementById(”cabecera”);

37. Ejemplo

40. Recorrer nodos hijo

47. Problema: Si hago click en los h2 se propaga el evento a los div padre

48. Solucion: cancelar la propagacion

50. Uso

52. }

54. IE usa metodo distinto para cancelar propagacion

60. Caso de uso: Todos los hijos de un nodo reaccionaran igual ante un evento

61. Al nodo se le van añadir mas hijos en un futuro que tendran el mismo comportamiento

62. El manejo de eventos lo delegamos en el padre

64. No tenemos que recorer los hijos

65. Los nuevos hijos heredan comportamiento

67. Queremos que al pinchar sobre una opcion se ponga el texto en #seleccionado

70. Las funciones tambien

71. Creacion del objeto mas simple: var obj = {}

72. Para añadir atribtos: obj.nombre = ”Jota”;

78. Javascript es orientado a prototipos

79. Todo objeto tiene un portotipo: obj.prototype

80. Si añadimos propiedades a obj.prototype las nuevas intancias tentran la propiedad tambien

81. Ejemplo

84. suma([1,2,3,4],{filtrarPares : true})

85. suma([1,2,3,4],{filtrarPares : true, doblar : true})

87. En realidad creamos objetos

88. Vamos añadiendo propiedades al prototipo

90. Añadimos metodos y propiedades al prototipo

92. En el prototipo instanciamos un objeto del padre

93. Añadimos propiedades al prototipo

95. La funcion copia propiedades del objeto padre al objeto de definicion

96. Devuelve una funcion con el prototio apuntanto al objeto definicion

97. init es el constructor

98. SIMULACION DE CLASES método moderno

101. Orientado a objetos

102. Funcionales

103. Declarativos

105. No hai bucles

106. Transparencia referencial

107. Muy comodo para trabajar con arrays

108. Facilita reutilizar funcionalidad

111. FoldLeft

112. Reduce

113. FoldRight

114. Clausura

115. Filter

117. Funciones pueden devolver funciones

118. Las funciones de orden superior se implementan con programacion imperativa (bucles)

120. Devuelve un array con la funcion aplicada a todos los elementos

123. Reduce el array empezando por la izquierda

126. Reduce el array empezando por la derecha

129. No recibe valor incial

133. MVC

136. Vista: se encarga de presentar los datos

137. Controlador: captura acciones, media entre el modelo y la vista

139. Mejora la reutilización de codigo

143. Pesa menos que javascript mvc

145. JsView

151. Organización

152. Asistentes