Este documento resume las principales características y usos de JavaScript, incluyendo la manipulación del DOM, eventos, objetos y prototipos, simulación de clases, programación funcional y el patrón MVC. Explica cómo usar JavaScript para modificar la estructura y contenido de un documento HTML, manejar eventos del usuario, crear y extender objetos, y simular programación orientada a objetos y funcional. También presenta un ejemplo básico de implementar un patrón MVC en JavaScript.

1. EL MAL ODIADO JAVASCRIPT http://www.slideshare.net/jotadeveloper/el-mal-odiado-javascript-3560630

3. Manipulación DOM

4. Eventos

5. Objetos y prototipos

6. Simulacion de clases

7. Programacion funcional

8. MVC

10. Inicialmente desarollado por Netscape

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

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

13. Navegadores optimizan los interpretes de js

14. ¿Chrome OS?

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

17. Estructura en arbol

19. document.getElementsByTagName(nombre)

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 = {}

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

142. Las vistas con funciones

143. Los controladores con funiones

145. No tendremos que preocuparnos de asignarles eventos

146. Tenemos historial!!!!!

148. Funcion para ejecutar rutas

160. Organización

161. Asistentes