nikaTeleco+13-03-09

Al comienzo de la clase, nuestro compañero Pachus nos resumió lo que habíamos visto en la clase anterior. Tras él, los dos Alejandros de la clase completaron su resumen. También, hablamos de la lista de proyectos que la UGR ha enviado a [|Google Summer of Codes] comentando que es el primer año que participa con proyectos como “[|Espice]”. Como fin a esta primera parte se comentaron los bloques de ejercicios realizados por algunos compañeros y se intentó hacer en clase el T1.6 y se resolvió una pequeña duda de Tularis con la serialización de los objetos.

Volviendo al tema de JavaScript nos quedamos en el punto T1.7.


 * __El modelo de objetos__**

El entorno de JavaScript es el navegador. El modelo de objetos es una forma unívoca de expresar el diseño del documento. Para ver el HTML en forma de árbol nos descargamos el plug-in //DOM Inspector// para Firefox. Para ello, bastó con irnos a //Herramientas// // --> Complementos// // --> Buscar// // --> DOM inspector//, y una vez instalado, se ejecuta con la combinación de teclas //Ctrl+Shift+I//. También podríamos instalar Firebug que es más completo porque permite editar JavaScript con la marcha. Cada //id// es único dentro del documento, mientras que //class// agrupa a varias sentencias similares. Si pinchamos en una etiqueta esa zona de la web se bordea de color rojo.

Para navegar por el documento existen varias funciones:
 * //getElementBy*//: te devuelve un elemento del DOM de alguna característica
 * //getElementsBy*//: te devuelve un vector de elementos
 * //getElementById//: devuelve los elementos que posean el atributo id
 * //getElementByTagname(‘_’)//: devuelve los elementos que posean esa etiqueta

Posteriormente comentamos el ejemplo anterior al bloque T1.7 donde //innerHTML// es un HTML interno, coge ese elemento y lo cambia por otro

Tras ésto, pasamos al apartado T1.8:


 * __Usando GreaseMonkey__**

Se usa para darle funcionalidad a la web usando JavaScript sobre páginas que no son tuyas (no tenemos control). Además añade funciones extra. Para ver sus funciones principales nos bajamos el programa aap-nav.user.js y nos instalamos ese plug-in en el Firefox al igual que hicimos para DOC Inspector.

Observando el ejemplo existe una parte inicial que es obligatoria poner siempre donde //@name// indica que ese programa va a ser único dentro de el espacio de nombres //@namespace//, e //@include// es un patrón que indica en que paquete va a funcionar (es decir, en los que tengan esa extensión). //GM_log// es lo que lee en la consola de errores y con Anchor accedemos a las diferentes partes del programa. En resumen lo que hace este programa es añadir flechas de navegación en orden ascendente y descendente a los diferentes apuntes de la asignatura.

Se acabó el tiempo.