Ajax, un juego de nifios Crea tus propias aplicaciones Web Primeros pasos Ajax, Javascript, CSS Un ejemplo sencilla: correo Ajax Llega mas lejos Editor HTML, editor de imagenes JavaScript avanzado, aplicaciones en 00037 — IMM 8414090037754 Numero 37 - Ajax, un juego de nifos - 5,00 Euros2 PC Cuadernos AJAX, un juego de nifios John Maxwell Revision: David Bosman y Stéphanie Guillaume Traduccién: Victoria Pefiafiel © Copyright: KnowWare EURL PC Cuadernos - Basicos www.pe-cuadernos.com Sociedad editora: KnowWare E.U.R.L. 70, rue Georges Villette F-77250 Ecuelles Francia Director: Mikkel Franck Direccién electronica: info@po-cuadernos.com Depésito legal: B-43100-2007 ISBN: 2-915605-82-3 Imprenta: Imprintsa impressions intercomarcals, S.A. Sant Fruit6s de Bages, Barcelona Distribucién quioscos: Coedis 8.L. Avda. de Barcelona, 225 Molins de Rei Barcelona Venta por numeros: | Después de su aparicién, los ntimeros de esta coleccién pueden pedirse por correo. | (Consulta la pagina 93) Internet no s6lo es la biblioteca mas grande jamds creadas, con cientos de millones de pa- ginas accesibles desde un navegador. Tam- bién es un espacio de trabajo a tiempo com- pleto, con herramientas para la publicacién de paginas Web, para la creacién de archivos Word o Excel, presentaciones, etc. Es perfec- tamente posible trabajar desde Internet, usan- do un navegador. En este cuaderno no presentaremos este tipo de aplicaciones (ya lo hicimos en un titulo an- terior, "Web 2.0 para todos"), sino que el autor propone una iniciacién a Ajax, uno de los mé- todos actuales de desarrollo mas populares. A través de una serie de ejercicios practices y progresivos, el autor, un apasionado del tema, muestra como utilizar JavaScript, PHP o Perl para crear verdaderas aplicaciones en linea. Explica cémo ofrecer a los usuarios herra- mientas que sean a la vez simples, intuitivas y potentes. Al terminar la lectura, el lector quizas no lo sabra todo, pero sabra lo suficiente para crear sus propias aplicaciones, incluso de ni- vel avanzado. El autor nos invita a un viaje apasionante, un viaje de descubrimiento de una tecnologia puntera que podria perfectamente transformar la Web tal como la conocemos. Y revolucionar nuestra forma de trabajar. Atencién, para sacar el maximo partido de es- te cuadermo se necesita una base sdlida de programacién. Es posible intentar seguir los ejemplos sin haber programado antes para In- ternet, pero sera una tarea dificil. Antes de lan- zarse a devorar este titulo, es conveniente que el lector refresque sus conocimientos de HTML, CSS y Javascript. También seria bue- no conocer PHP y Perf Mikkel Franck, editor. mfranck@pe-cuadernos.com Todos los productos citados en este manual son marcas registradas o marcas comerciales. E/ autor y el editor declinan toda responsabili- dad que pueda surgir de la utilizacién de los datos o programas que aparecen en este libro.Prélogo 3 Prélogo Si tienes este manual entre las manos, significa que te interesa AJAX. Quizés seas un erudito, un especialista de la Iiada de Homero... y esperas que esta publi- caci6n te ofrezca un anilisis a fondo del céle- bre guerrero, Desgraciadamente, este no es el caso, excepto quizas por el simbolismo del nombre, que su- giere fuerza y simplicidad Si, como probablemente sea tu caso, lo que te interesa es la tecnologia Web AJAX, entonces no estés solo. Todo el mundo habla de AJAX, es la nueva palabra de moda. En el émbito de la programaci6n para Internet, existen pocas novedades que supongan un avance tan in- crefble. Aunque las paginas totalmente estati- cas hace tiempo que son cosa del pasado, las paginas Web dindmicas siempre se han ejecu- tado en el lado del cliente. En la actualidad, una sola pagina Web se puede comunicar con el servidor directamente, sin el laborioso pro- ceso de tener que recargarse o cargar otras pa- ginas. Esto significa que el usuario puede acceder di- rectamente a cualquier comando que ponga- mos a su disposicién, casi como si hubiera ins- talado el site como aplicacién local. ¢Quién, en el mundo del desarrollo Web, podrfa ignorar una posibilidad como esta? Modestia aparte, la mejor forma de aproximar- sea AJAX es el manual que aqui se presenta, ya que esté plenamente en linea con la esencia misma de AJAX. En el mercado se pueden encontrar manuales de AJAX cuyo primer ejemplo funcional es un monstruoso cédigo que ocupa diez paginas, envuelto en 30 paginas de explicaciones. Si uno logra abrirse camino entre tal selva de complejidad, seré recompensado con otras doscientas paginas de texto, que exigen un es- fuerzo hercuileo para su lectura y més atin para encontrarles una aplicacién préctica. Esta qui- zs sea la mejor forma de aprender a pilotar un helicéptero, pero sin duda no es adecuada para aprender AJAX. AJAX es una tecnologia ligera y flexible, y asi es como debe ser abordada. En este manual, el primer ejemplo cabe en una pagina de cédigo, y se puede copiar y ejecutar en menos de cinco minutos. Después de leer diez. paginas de este cuaderno, tendrés una sélida idea de los fun- damentos. Serds capaz de construir tus propias aplicaciones, observar cémo evolucionan a la velocidad de la luz, partiendo como una chispa y terminando como una gran llama. Esta es sin duda alguna la mejor forma de aprender; na- die enciende un fuego con un céctel Molotov. Después de trabajar con este manual, habrés adquirido un buen conocimiento de la tecno- logia AJAX que te permitird lanzarte a proyec- tos mas complejos, adaptados a tus objetivos particulares. AJAX se habré convertido en un arma més de tu arsenal, y este manual te servi- 14 como guia de consulta. En conelusi6n, AJAX es una tecnologia simple que permite crear proyectos muy ambiciosos, Igual que el antiguo Ajax: simple, pero fuerte. John Maxwell4 Fundamentos Fundamentos AJAX es un estilo de programacién que permi- te al desarrollador hacer que una pagina Web interacttie con el servidor Web que la aloja. Normalmente, una pagina Web solamente dis- pone de un método para comunicarse con el servidor, que consiste en recargarse a ella misma o cargar otra pagina. Si utilizamos AJAX, una vez que la pagina se ha cargado puede ejecutar comandos en el servidor, recibir cualquier informaci6n resultante de dichos comandos y mostrarla al usuario sin necesidad de recargarse. Aplicacién Web tradicional ® (one resultado: | devuelto a ta nueva pagina Las ventajas de este tipo de programacién sal- tana la vista. La velocidad de la interaccién es mucho mayor, especialmente en el caso de aquellos sitios que tienen muchos graficos 0 contenido interactivo, puesto que ya no es ne cesario recargar imagenes o scripts. La pagina no se refrescard, sino que todo funcionara in si- tu. Las pesadas interfaces actuales se pueden sus- tituir por sistemas rapidos, reactivos y mucho més eficaces. Para todo tipo de aplicaciones en linea, desde editores Web hasta btisquedas en bases de da- tos, desde programas de correo hasta foros, AJAX se ha convertido en el método dptimo para proporcionar al usuario las ventajas de la funcionalidad de tu servidor. Las aplicaciones nunca habfan estado tan cerca del nivel de eje- cuci6n de los programas instalados localmente. Alinventor dé la denominacién AJAX, Jesse James Garrett, se le ocurri6 el nombre en la ducha, m4s 0 menos como Arquimedes, que descubrié el principio de la densidad mientras estaba en la baiera. AJAX son las siglas de Asynchronous JavaScript And XML, es decir, XML y JavaScript Asincro- nos, donde el término “asincrono” indica que la tecnologia se ejecuta en su propio marco temporal. CeCe eM AC TeLL AJAX es una filosofia, no es un conjunto de aplicaciones ni un lenguaje de programacién concreto. El sistema AJAX esté compuesto por cuatro elementos: JavaScript, el objeto XMLHttpRequest, una aplicaci6n del lado del servidor y CSS. James Garrett En pocas palabras, el equipo del cliente ejecuta una serie de comandos JavaScript , incluida una llamada al objeto XMLHttpRequest. Dicho4Céomo funciona? 5 objeto envia informacién al servidor en un en- cabezado HTTP, y el servidor procesa la in- formaci6n y ejecuta la accién solicitada. Si es necesario devolver informacién al equipo cliente, el objeto XMLHttpRequest se encarga de recibirla y mostrarla con la ayuda de JavaS- cript y CSS. En este manual se presupone que el lector esta familiarizado con el lenguaje HTML y los fun- damentos de la programacién Web, como apli- caciones JavaScript sencillas y un poco de de- sarrollo del lado de servidor. De todos modos, haré un esfuerzo por explicar cémo funciona cada uno de los elementos poco a poco, hasta lograr una comprensién global de AJAX. Aplicacion Web AJAX peticion XHR. enviada al servidor 21 servidor procesa ta informacion resultado enviado a XHR resultados mostrados en la misma pagina utilizando CSS JavaScript JavaScript es una tecnologia que permite a los programadores escribir funciones como parte de un archivo HTML. Por lo general se incluye en la seccién de la pagina Web, y se ejecuta en el ordenador del usuario. JavaScript puede realizar céleulos complejos y mostrar el resultado en la pagina Web. Tam- bién permite cambiar elementos dentro de una pagina Web en interaccién con el usuario. Pue- de acceder a informacién del sistema del usua- rio y mostrar los resultados. Con AJAX, JavaScript puede comunicarse con el servidor Web y mostrar la informaci6n resultante. Este es un ejemplo de pagina HTML que con- tiene una funcién JavaScript simple: Haz clic aqui Cuando el usuario hace clic en el vinculo de texto, el evento onClick inicializa la funcién message () y aparece un cuadro de didlogo. Los comentarios se incluyen entre los signos ayes, La sintaxis es muy similar a la de Java, aunque, en sentido estricto, estos dos lenguajes no estan relacionados. Sin embargo, al igual que Java, JavaScript utiliza la programacién orientada a objetos, lo que nos lleva al siguiente apartado. XMLHttpRequest Abreviado como XHR, es un objeto que pro- porciona al programador toda la funcionalidad necesaria para que el ordenador cliente se co- munique con el servidor Web.6 Fundamentos La programacién orientada a objetos es un esti- lo de programacién en el que, en lugar de uti- lizar variables simples, los programas utilizan bloques de informacién que no s6lo pueden almacenar un grupo de valores sino un conjun- to de instrucciones, conocidas como métodos. El objeto XHR tiene un conjunto de métodos muy titiles, de los cuales los mAs importantes son los siguientes: open(method, URL, async) Este método prepara el objeto para la transmi- sién de informacién al servidor. Se puede defi- nir con una serie de tipos, como POST, GET y PUT, La mayor parte del tiempo, utilizaremos PosT: es el método més utilizado para enviar informacién a partir de formularios HTML. La ‘URL contiene la aplicacién a la que se enviara la informacion. La propiedad async puede ser true o false. Si es false, indica al objeto que debe esperar a recibir una respuesta del servidor an- tes de continuar procesando el c6digo JavaS- cxipt. Sies frue, se puede procesar el cédigo mientras se espera la respuesta del servidor, por ejemplo para mostrar al lector un mensaje "Su peticiGn esté siendo procesada...” hasta que el servidor devuelva el resultado. setRequestHeader (label, value) Este método permite indicar al objeto qué tipo de texto le enviaremos, especificdndolo en el encabezado HTTP. Label suele ser casi siem- pre “Content-Type”, y se pueden elegir una se- tie de tipos, incluidos los formatos XML y HTML, 0 un conjunto de resultados de un for~ mulario. send (content) Este método transmite informacién textual al servidor. De momento, esto es todo lo que necesitamos saber sobre los métodos. Las propiedades si- guientes también estén asociadas con el objeto XHR: readyState El valor de esta propiedad se modifica en fun- cin del estado del objeto XHR: seré 0 si no es- td inicializada, 1 si esta abierta, 2 si esté envia- da, 3 si recibe, 4 si esta cargada. Este tiltimo va- lor es el més util, lo utilizaremos muy pronto. onreadyStateChange Esta propiedad provoca una accién cada vez que el readystate del objeto cambia responseText Esta propiedad toma el valor de la informacion textual que devuelve el servidor. Por medio de JavaScript, preparamos el objeto | XHR con toda la informacién necesaria, lo en- | viamos y recibimos los resultados en la pro- | piedad responseText. A continuacién, utili- | zamos el método getElement ByTd de JavaS- cript para insertar el resultado en alguna parte del documento. | Aplicacién del lado del servidor 2Qué aplicacién del lado del servidor podemos utilizar para procesar la informaci6n enviada por el XHR? En realidad, cualquier aplicacién que pueda procesar formularios se puede uti- lizar para AJAX, lo que por definicion se tra- duce en cualquier servidor de aplicaciones, desde JSP hasta ASP, desde los servidores Pro- log hasta el legendario “potato-powered ser- ver”. En os ejemplos de este cuaderno, utilizaremos las dos aplicaciones libres més utilizadas: PHP y Perl, bajo Linux. Précticamente cualquier maquina del mundo puede ejecutar como mf- nimo una de estas aplicaciones, y su cédigo es intercambiable de una plataforma a otra. Los ejemplos mas importantes, hacia el final del cuaderno, se basan en PHP 5; comprueba que tienes esta versiOn o una més reciente. Sino tienes PHP 0 Perl en tu sistema, puedes descargarlos de los sitios Web siguientes: htto://www.php.nevdownloads.php http:/www.perl.com/download.csp ‘También es posible desarrollar aplicaciones paralelas en el lenguaje que més te convenga, ajustando tus algoritmos a los ejemplos de este cuaderno, La aplicaci6n siguiente es un ejem- plo de la facilidad de lectura de PHP: El servidor recibe el nombre del usuario desde un formulario HTML, le saluda por su nombre4Cémo funciona? 7 y devuelve la fecha. Es tan facil de leer que re- sulta incitil comentar el cédigo. Adaptar aplicaciones como esta a Ruby, ASP 0 JSP es relativamente sencillo. Como veremos, las paginas Web que utilizan AJAX obtiene re- sultados practicamente idénticos independien- temente de la aplicacién de servidor utilizada. Con AJAX, el servidor puede hacer cualquier cosa para el usuario que le permitan hacer sus aplicaciones. Conexiones de base de datos, biisqueda de imagenes, movimientos de bra- 20s robotizados... cualquier cosa que el servi- dor sea capaz de hacer. También puede expo- ner el servidor a ataques maliciosos, por lo que es un riesgo que deberemos tener en cuenta a lo largo de este manual. CSS (Cascading Style Sheets) C3S.es el lenguaje que se utiliza para aplicar reglas de estilo a los documentos HTML, por ejemplo sobre fuentes y posicionamiento. Con una tecnologia nueva como AJAX, es esencial presentar correctamente los resulta- dos. Por ese motivo, la practica comin es utili- zat CSS para dar formato a la informacién que devuelve la propiedad responseText. Cuando JavaScript utiliza el método getElement ByTd para insertar los resultados de una peticidn AJAX en una pagina Web, uti- liza el campo id de un elemento HTML como pueden ser

0 , para identificar nde debe colocarse el texto. También pode- mos asignar un campo clags a cualquier ele- mento de este tipo, y aplicarle un estilo deter- minado con ayuda de CSS. Veamos un ejemplo de archivo con un elemen- to

preparado para AJAX:

Y ahora llega el momento de pasar de la teoria a la practica con nuestro primer ejemplo de AJAX...8 Un ejemplo en una pagina: correo AJAX Un ejemplo en una pagina: correo AJAX En las paginas que siguen, crearemos una apli- cacién AJAX que permitiré al cliente enviar un mensaje al webmaster de una pagina Web sen- cilla, dejando su correo electrénico como direc- cién de respuesta, La aplicacién servird perfectamente como for- mulario de opinién, y presenta la ventaja de que la direccién del webmaster permanece oculta, de forma que los robots de spam y phishing no podrdn encontrarla. De todos modos, es una aplicacién limitada. Limitada por tu imaginacion: con un poco de creatividad deberfas poder, desde el momento en que ésta sea funcional, ampliarla segiin tus intereses. Mi nico consejo para desarrollar la aplicaci6n es que cualquier cambio deberfa realizarse de forma gradual. Es aconsejable probarla antes y después de cada modifica- cion, y cada version deberia guardarse por se- parado en caso de que sea necesario volver atras. Preparacién del XHR Ena pagina siguiente encontrarés el cédigo completo de nuestro archivo HTML ajax_mailer.html. Para empezar por el final, observa que el elemento

no tiene un campo action. El motivo es que los resulta- dos del formulario serén tomados por JavaS- cript cuando se produzca el evento onClick provocado por la accién del usuario de hacer clic en el bot6n enviar. El botén input “Enviar” ejecuta la siguiente Hamada de objeto: amlhttpPost ("/mailer.php") El archivo mailer.php debe encontrarse en el servidor Web, en el mismo directorio que ajax_mailer. html. Esta Hamada inicia el proce- so AJAX, en el transcurso del cual el objeto xmlhttpPost () recibe la direccién de nues- tra aplicaci6n de servidor. Sin embargo, toda- via queda mucho por hacer antes de contactar con el servidor. Necesitamos declarar especifi- camente un objeto de la clase XMLHttpRequest (). Si pasamos al principio del archivo, necesita- mos hacer varias cosas para preparar nuestro XHR, En primer lugar, debemos comprobar que no existe ninguna instancia en memoria de un objeto con el mismo nombre, por lo que aplicamos el valor false a xm1HttpRea (el nombre que asignaremos a nuestro objeto). A continuacién, utilizaremos dos funciones pa- ra declarar una instancia de XMLHttpRequest (), de forma correcta segtin el navegador del cliente. Desgraciadamente, Internet Explorer no reconoce el objeto XHR hasta la version 7. Las versiones anteriores exi- gen una forma de declaraci6n distinta. Para resolver este problema, basta con com- probar si existe la clase window . XMLHttpRequest. Si existe, asigna- remos xm1Ht tpReq a dicha clase de la forma normal: self.xmlHttpReq = new XMLHttpRequest () ; Sila clase no existe, deberemos utilizar el con- trol ActiveX de Microsoft para declarar axmlHttpReq.Un ejemplo en una pagina: correo AJAX

Tu direccién:
Mensaje:
<1!---llama XHR--->

10 Un ejemplo en una pagina: correo AJAX Hemos dicho que declaramos el objeto de la forma normal, pero seguramente habrés detec- tado algo anormal en la declaracién anterior a menos que seas un programador orientado a objetos muy experimentado. ¢Para qué puede servir se1£? Hemos declara- do este elemento antes de la instruccién i, de Ia siguiente forma: var self = this; A partir de este punto, precede cada vez.a xmLHt tpReq. Puede parecer un ejercicio intitil pero, en realidad, es la forma estandar de re- solver el problema conocido como loss of scope. Simple y llanamente, utilizaremos nuestro ob- jeto xm1HttpReq en distintos contextos, dentro y fuera de funciones. Existe el riesgo de que en algtin punto, especialmente si preten- demos ampliar la aplicacién para convertirla en algo mas grande, de repente el objeto se considere a si mismo como totalmente nuevo y recién inicializado. A partir de entonces se produciran errores y las variables no definidas provocarén el caos. Atribuyéndole la etiqueta self, podremos garantizar que la misma ins- tancia del objeto am1HttpReg es la que apare- ce cada vez Ahora que hemos inicializado el objeto XHR, podemos empezar a equiparlo. Para ello, em- pezaremos usando el método XMLHttpRequest .open. Asignaremos al XHER tres elementos de informaci6n: el méto- do, la direcci6n de la aplicacién y el modo asincrono. El método es POST, porque envia- remos los resultados de un formulario HTML, y este es el método establecicio. Como direc- cién de la aplicacion indicaremos strURL: es Ia informacion recibida del botén del formulario HTML. Hemos asignado su nom- bre en la declaracién de la funcién xmlhttpPost. Contiene la cadena de caracte- res "/mailer.php", el nombre de nuestra apli- caci6n del lado del servidor. En lo que respecta al modo asincrono, el valor es true porque necesitamos que el objeto XHR controle per- manentemente el valor de readyState mien- tas el servidor trabaja: self.xmlHttpReq.open('POST', strURL, true); Ya hemos indicado al objeto XHR cémo, dén- de y a qué ritmo debe actuar, y a continuacién Ie diremos sobre qué informacion debe actuar. La forma més facil de expresarlo es decir “pa- res de elementos de formulario, etiquetas y va- lores”. La forma compleja, y es la que debemos utilizar para el XHR, es indicar las siguientes dos cadenas de texto: ‘Content-Type', 'application/x- www-form-urlencoded! El método setRequestHeader recibe estas dos cadenas, y ya puede esperar los resultados del formulario HTML. Debemos pasar una tiltima instruccién al obje~ to XHR antes de poder realmente enviar la in- formaci6n. Debemos indicarle donde y cuando actuar sobre la informacion que devolverd el servidor. En primer lugar, cundo: queremos que el XHR ejecute una accién en el momento en que el servidor devuelva la informacién so- licitada, en este caso una confirmacién de que el mensaje del usuario ha sido enviado. Pode- mos expresarlo utilizando su propiedad readyState: cada vez que el estado cambie (es decir, a cada instancia de onreadyStateChange) comprobar si readyState ha alcanzado el valor 4 (carga- do). Una vez cargada la respuesta, mostrar la informacion. Aqui es donde resulta «til contar con la varia- ble se1£; de lo contrario podrfamos habernos topado con el problema de loss of scope en la funcién llamada por onreadyStateChange, ya que esta funcién es llamada varias veces seguidas con un valor de readystate dife- rente cada vez, Cuando la condicion se cumple, readyState es 4 y la informacién solicitada ha sido recil da del servidor. Entonces el XHR realiza la si- guiente llamada: updatepage (self. xmlHttpReq. respons eText:Un ejemplo en una pagina: correo AJAX 1 Como ya hemos explicado anteriormente, responseText es la propiedad que contiene la respuesta del servidor. La funcién updatepage() ; se define al final de la sec- cién JavaScript de nuestro documento, y ense- guida nos ocuparemos de ella. Entretanto, el objeto XHR esté listo para la ba- talla; ya sabe cémo, dénde y cuando debe ac- tuar y qué debe hacer después. Lo tinico que tenemos que hacer es darle los resultados del formulario y enviarlo: self.xmlHttpReq. send (getquerystrin 30); La funcién getquerystring() se encarga de recuperar la informacién del formulario HTML, como veremos enseguida. Hasta aqui llega todo lo que debemos saber sobre el objeto XMLHttpRequest. Ahora nos queda hablar de las dos funciones JavaScript Manipulacién en JavaScript Para preparar la informacién que el usuario ha introducido en el formulario HTML, debemos recurrir a JavaScript para manipular el texto resultante, de modo que esté preparado para el método POST que hemos elegido. El encabezado POST exige que los resultados del formulario se envien de la forma siguient 2nom- bre=valor&nombre2=valor2é&nombre3=valor3 Aqui, el nombre corresponde al campo name de cada o y el valor cortesponde a la informacién introducida por el usuario. El XHR no necesita el signo de in- terrogacién, pero el resto es estandar. JavaScript puede obtener facilmente los datos introducidos en un formulario. En primer lu- gar, declaramos un nombre para el formulario en cuestion, que JavaScript conoce por medio del objeto document. El formulario es accesible como document. forms ['mailerform'], donde 'mailerform’ es el valor contenido en el campo name del formulario. El formulario incluye un campo <input> Ila- mado sender que recibe la direccién electré- nica del usuario, y un campo de texto <textarea> llamado “message” que recibe el mensaje enviado. Mediante nuestra variable form, podemos acceder al texto que ha escrito el usuario llamando a form. sender.value y form.message.value Ya podemos construir nuestro POST asignan- doa la variable qstx una cadena de caracteres como sigue: el nombre s, un signo igual, el contenido de sender, el signo ampersand (&), el nombre m, un signo igual y el contenido de message. Esta sintaxis es conforme con el formato POST tal como hemos descrito ante- riormente. En este punto, tenemos nombres li- geramente distintos para los dos elementos del formulario: sender se ha convertido en s y message en m. No es obligatorio que los nom- bres de la cadena POST sean idénticos a los nombres originales, pero deben coincidir con Jos nombres de la aplicacién del servidor; en el equipo host web, solamente se reconocerén s y m. Este cambio de nombre resulta titil para de- sarrollar tu primera aplicacién AJAX, puesto que permite un nivel de depuracién que puede ser util. Aqui un ejemplo de la cadena POST completa tal como se envia al servidor: m="Hola"&s="yo@mismo.org" Seguramente habras observado que se ha apli- cado una funcién escape () a sender ya message, que contiene el texto introducido por el usuario. El motivo es que si el usuario. ha incluido muchos signos igual y ampersand en su mensaje, arruinarian la informacién que estamos intentando enviar. Otros caracteres que pueden causar problemas son ', " y \. La funcién escape inserta un signo \ (barra in- vertida) antes de cada uno de estos caracteres. Antes de mostrar la informacién al usuario, los \ adicionales se eliminarén autométicamente. Incluso funciona para la propia barra inverti da.12 Un ejemplo en una pagina: correo AJAX Para terminar, una vez que la aplicacién del lado del servidor ha obtenido el mensaje del usuario y su direccién de correo electrénico, el XHR recibe la instruccién de informar al usua- rio de que todo ha ido bien. Esto se logra me- diante la tiltima funcién JavaScript, updatepage () ;. Del mismo modo que JavaScript ha sido capaz de localizar y recuperar elementos del formu- lario, también puede buscar elementos posi- cionales y modificar su contenido utilizando el método getElementByTd. Al final del docu- mento HTML, encontramos un <div> con la ID "resultado". Asignando el responseText del XHRa getBlementById ("resultado") .innerH ‘tat el contenido del elemento <div> se mo- difica y el resultado se muestra ante los at6ni- tos ojos del usuario. CSS: un poco de estilo CSS, Cascading Style Sheets, también puede ac- ceder a nuestro elemento <div>, porque se le ha asignado la clase "resultado". Asi, ad- quirira un color rojo, conforme a las instruc- ciones de la hoja de estilos: resultado { color: red; } Teniendo en cuenta que todos los elementos <div> se deben mostraren bold 8pt verdana, el texto de confirmacién también tendré el formato correcto. Es la aplicacién del principio de cascada. Tu direcet6n: [— Mensaje: Lado del servidor La versién PHP de nuestra aplicacién del lado del servidor es tremendamente simple. jOjalé la programacién fuese siempre asi! Este es el archivo mailer.php: <?php //un programa de correo simple mail ("info@pe cuadernos.com", "Correo AJAX", "$m", "De: $8"); echo("Tu mensaje se ha enviado satisfactoriamente") ; a> No hay mucho que contar aqui, excepto quizs porque los cuatro elementos utilizados por la funcién mai son la direccién del destinatario, el asunto, el contenido del mensaje y la direc- cién del remitente. Las lineas precedidas de // son comentarios, igual que el texto compren- dido entre /* y */. La funcién echo envia el mensaje de confir- macién al objeto XHR. La eficacia del manejo de formularios en PHP: y la simplicidad de sus funciones integradas lo convierten en un candidato perfecto para utili- zar con AJAX. La version Perl de nuestra aplicacién es algo mas compleja, pero también es facil de com- prender. Para que la aplicaci6n Perl de nuestro ejemplo ajax_mailer html funcione, es necesario cam- biar la direccién enviada a xm1ht tpPost: de mailer.phpa /cgi-bin/mailer.pl.A continuacién, deberemos copiar el archivo mailer.plen la carpeta cgi-bin del servidor Web. Ademés, deben asignarse permisos de lectura y ejecucién para cualquiera. Teiminade Zz Si tienes que transferir scripts Perl por FIP, asegtirate de que se transfieren en modo texto yno en modo binario. Comprueba que el script Perl dispone de suficientes permisos para su ejecucién. En el caso de Linux, suele bastar con asignarle el valor CHMOD 755.Un ejemplo en una pagina: correo AJAX 13 Aqui la aplicaci6n del lado de servidor mai- ler.pl: #1/usr/bin/perl -w use CGI; $query = new CGr; $sender = $query->param('s'); $message = $query->param('m'); # envia el mensaje $mailprog = '/usr/1ib/sendmail'; open (MAIL, "|$mailprog -t"); print MAIL "Para: info\@pc- cudernos.com\n"; print MAIL "De: $sender\n"; print MAIL "Tema: Correo AJAX\n\n"; print MAIL "$message"; close (MAIL); # envia la confirmacién print $query->header; print "<p> Tu mensaje se ha enviado</p>"; Después de la primera linea, que le indica al servidor dénde puede encontrar Perl, invoca~ mos al médulo CGI que facilita enormemente la gestion de formularios. EEE alos Archivo fditar Yer’ igtoral Marcadores Herramientas 4} € > GOB taro a Tu direccién: [pepe@botella.com Terminaae Z Accontinuacién, se recuperan los valores co rrespondientes a la direccién de correo y el mensaje. Llamamos al programa sendmail y el mensaje se compone linea a linea. El signo “@" se omite y las nuevas lineas se representan con ’\n’. Para terminar, se envia una confirmacién al XHR. Depuracién El mejor método para que esta aplicacién fun- cione es descargar los archivos de ejemplo di- rectamente desde nuestro sitio Web (www.pe-cuadernos.com). En el caso de PHP bajo Linux, bastaré con copiar los archivos en tu servidor y acceder a ellos desde un navegador. Si tu servidor funciona bajo Windows, deberas realizar ciertos ajustes. En el caso de Perl, tam- bién deberia ser relativamente sencillo si te aseguras de que el archivo tenga el formato correcto y los permisos correctos. $i utilizas ActivePerl bajo Windows, deberés modificar la primera linea y los datos relativos al programa de correo. Si prefieres copiar el ejemplo linea a linea, ten mucho cuidado. Basta con omitir un punto y coma para que nada funcione. Si Internet Explorer advierte de un error, se mostrar un mensaje de error JavaScript en la barra de estado del navegador. Para consultar Ja informacién de depuracién, haz doble clic en el mensaje de error. En el caso de Mozilla Firefox, no siempre se advierte de la presencia de errores, pero si crees que puede haber uno, escribe javascript: en la barra de direcciones y presiona la tecla Intro. La informacién de depuraci6n se mostra- ré en una ventana nueva. La btisqueda de errores en CSS se limita a examinar el resultado y localizar las reglas que no funcionen. También existen muchos sitios capaces de verificar la sintaxis CSS si el pro- blema se debe a un uso incorrecto. El mejor de todos ellos se encuentra en la siguiente direc- cién: +ttp://iigsaw.w3.ora/ess-validator/14 Un ejemplo en una pagina: correo AJAX En el lado del servidor, PHP suele mostrar sus errores al navegador, siempre que se trate de ertores de sintaxis, Los errores de Perl siempre quedan registrados en la ubicacién donde el sistema almacena los registros de errores. En. muchos sistemas Linux, se pueden encontrar en /vax/log/httpd/ error_log. Ademés, es posible enviar un comando directamente al script, por ejemplo, en Perl: mailer.pl s=ed@gmail.com m=hello A partir de la linea de comandos, deberfa fun- cionar tal como se espera, de modo que esta técnica permite aislar el script Perl en tus pruebas, En PHP, escribe la siguiente linea como direccién en tu navegador: d@gmail.comsm= mailer.phpss=" "hi" Tu turno A partir de aqui es cosa tuya, no dudes en am- pliar la aplicacién para incorporar tus propias ideas. Como sugerencia, podrias utilizar la propie- dad changestate para controlar el progreso del programa de correo, indicando al usuario de que la informacién se ha enviado al servi- dor (estado 2), que la confirmacién esta lle- gando (estado 3) y finalmente que el proceso se ha completado (estado 4). Si los distintos es- tados se encadenan demasiado rapido para que el texto sea legible, utiliza imagenes pre- cargadas o colores en lugar de mensajes. También es posible permitir al usuario que in- dique su propio asunto para el mensaje, pero no es conveniente ir un paso mas allé y dejar que el usuario especifique su propio destinata- rio. Esto pondria la aplicacién a merced de los robots de spam, mail crawlers y hackers, que podrian sembrar el panico en tu sitio Web. Si deseas crear una aplicacién de correo com- pleta, comprueba minuciosamente que todas las dreas de tu sitio Web que permiten el envio de mensajes estén protegidas mediante contra- sefia, Es mas, el hecho de estar protegido fren- te al abuso intencionado no significa que estés, a salvo de los flamantes errores de los usuarios con mucha imaginacién. Asegtirate de que los usuarios s6lo tengan acceso a lo que necesitan, y que no puedan poner en peligro la integri- dad de tu servidor. Ajax y Aquiles jugando al ajedrezEjemplos AJAX 15 Ejemplos AJAX Si has logrado hacer funcionar el primer ejem- plo, ya habrés visto en accién los principios basicos de la programacién AJAX: la informa- cién se envia del equipo del cliente al servidor utilizando JavaScript, se procesa en el servidor através de un script del lado del servidor o de una aplicacién, se envia una respuesta al clien- tey ésta se muestra al usuario con ayuda de JavaScript y CSS. A pattir de ahi, las posibilidades son ilimita- das. En este capitulo exploraremos algunas de ellas. Mas tarde, veremos las complejidades de AJAX, pero por el momento nos concentrare- mos en aplicaciones sencillas que se pueden reutilizar en diversas situaciones. Sin duda es posible lograr resultados compa- rables con métodos de programacién tradicio- nales, pero slo AJAX ofrece la gratificacion de una respuesta instantanea. Por ese motivo, cuando se eligen aplicaciones para demostrar los talentos de AJAX, resulta titil buscar pro- yectos que normalmente impliquen que el usuario deba trabajar en dos navegadores a la vez, introducido datos en uno y comprobando elresultado en otro. Enseguida veremos un ejemplo que pertenece a esta categoria. Editor HTML en linea Para que un sitio Web conserve su frescura e interés, es importante que el contenido cambie y se actualice a menudo. Con este objetivo, a menuido suele ser necesario que otras personas ademas del webmaster modifiquen una pagi- na, sin tener que pasar necesariamente por el complejo proceso de descargar, buscar, editar y cargar el archivo de nuevo. En estos casos es interesante contar con un mecanismo més sen- cillo que permita a la gente sin nociones de programacién editar las paginas de un site, Al mismo tiempo, resulta muy ventajoso para el webmaster poder limitar el acceso de estos usuarios a determinadas partes de una pagina, para evitar que se produzcan cambios acciden- tales en el disefio o los elementos basados en scripts. Para responder a estas necesidades, normal- mente se crea un editor HTML en linea, que puede realizar los cambios directamente en las Paginas deseadas o en un archivo de texto que Ja pagina web dindmica integrard al cargarlo. Tradicionalmente, los editores en linea han funcionado de la siguiente forma: el usuario rellena un formulario y, cuando termina, hace clic en el bot6n enviar. El formulario lama a un script del lado del servidor o a una aplica- cidn que abre el archivo y lo modifica. Enton- ces, el cliente espera a que se cargue una nueva pagina o la misma pagina con el nuevo conte- nido. En una intranet, el proceso dura unos pocos segundos, pero en Internet, por lo gene- ral se demora bastante para aquellos usuarios que utilizan una conexién lenta. El método AJAX es parecido, pero con una di- ferencia importante. Cuando el usuario solicita eleditor en linea por primera vez, el servidor busca la versién anterior del contenido edita- ble y lo muestra. Cuando el usuario termina de editar el texto, hace clic en el botén enviar y el nuevo texto se envia al servidor via XMLHttpRequest. La aplicacién del lado del servidor abriré el archivo de texto que contiene la versi6n anterior del contenido editable, lo sustituiré con la nueva versi6n y cerraré el ar- chivo. A continuacién, leerd el archivo y de- volverd el contenido al cliente, donde se mos- traré en lugar de la versién anterior, y esto ocurriré muy poco tiempo después de hacer clic en el bot6n enviar.16 Editor HTML en linea El script del lado del servidor podria escribir en el archivo, cerrarlo y sencillamente devolver la nueva versién del usuario. También serfa posible utilizar JavaScript para mostrar el nue- Vo texto al usuario sin esperar la confirmacion del XHR. Pero en ambos casos seria una pro- gramacién perezosa, y obviariamos el punto més importante: cuando se escribe en un ar- chivo, especialmente si contiene caracteres acentuados, el resultado suele ser distinto de lo que el usuario intent6 introducir. Igual que en el ejemplo del capitulo anterior, caracteres co- mo “&", “=” 0 las barras invertidas se omiti- ran. Bs decir, que irén precedidas de un signo “\"" para asegurarse de que la cadena que se devuelve al servidor, que utiliza “&”, “="y otros caracteres como instrucciones, no se des~ piste por la presencia de caracteres similares que utiliza la propia aplicacién. En este caso, si no nos hemos asegurado de que los signos “\” adicionales se eliminen antes de escribir el ar- chivo (veremos como hacerlo enseguiida), la version que se mostraria al usuario seré distin- ta de la almacenada en el archivo de texto en el servidor. Para ofrecer una vista preliminar re- al, es mas recomendable escribir en el archivo, cerrarlo, abritlo y leerlo antes de mostrarlo al usuario como un producto acabado. El c6digo reutilizable es tan importante en AJAX como en otras formas de programacién, especialmente en lo que concierne al objeto XHR. Es una entidad compleja, y es esencial mantener una funcién XMLHttpRequest () practica, totalmente operativa y polivalente. Por ese motivo, en este ejemplo reutilizaremos el codigo del ejercicio anterior. Leer y mostrar un archivo de texto El primer paso para crear nuestro editor es preparar una pagina para el editor, llamada news.php para la versién PHP y news.html pa- ra la versin Perl. Colocaremos un archivo de texto con un poco de texto llamado news.txt en el mismo directorio. En PHP, el cédigo siguiente, contenido en un elemento <div>, abriré el archivo en cuestion con ayuda de la funcién fread () y mostraré el contenido con una llamada a echo () <div id="resultado"> <?php //lee y muestra el archivo $news="uploads/news.txt"; $text=fopen($news, 'r'); $content= fread ($text, filesize ($news) ); fclose ($text) ; echo ($content) ; 2 </div> Observa que es necesario abrir el archivo para leerlo (de ahi la *! en Ja llamada a la funcion fopen) y después cerrarlo para que esté dis- ponible para otros procesos, por ejemplo si el usuario desea volver a modificar el texto. La funcion fread () abre el texto a leer y re- serva exactamente la cantidad de memoria adecuada para hacerlo, determinando el tama- iio del archivo con la funcién filesize (). En Perl el archivo news.html seré casi idéntico ala versién PHP, excepto en lo que respecta al destino del XHR y las instrucciones de lectura del archivo. Veamos el elemento <div> de news.html: <div id="resultado"> <! -MARKER- </div> El cédigo es bastante minimalista, pero hay més. En Perl, el enlace al editor en Iinea no sera realmente news.html sino /cgi-bin/news.cgi Este es el script que leera el contenido de news.txt. A continuacién, abriré news.html, buscard el marcador en el elemento <div> an- terior y lo sustituird por el texto deseado.Ejemplos AJAX 17 Este es el cédigo de news.cgi: #! /usr/bin/perl -w Starget= /html/ajax/uploads/news. txt"; $newspage="../html/ajax/news. html" # ~abre el archivo para lectura Stargetpath = "$target"; $page_size open(PAGE, "$targetpath") ; read (PAGE, $bulletin, $page size); -s $targetpath; close (PAGE) ; # inserta el texto en la pagina $path = "$newspage"; $page_size = -s $path; open(PAGE, "$path"); read (PAGE, $newspage, $page_size) ; close (PAGE) ; $newspage = 8/<1~--MARKER--->/$bulletin/g; # = devuelve el resultado al XHR print "Content-type: text/htm1\n\n"; print "$newspage"; Después del encabezado de la primera linea, se definen dos variables: el archivo que contiene el texto y el archivo del editor en linea. Obser- va que la direccién es relativa a la ubicacién del archivo news.cgi, que se encuentra en la carpeta cgi-bin. Enel segundo bloque de cédigo, se lee el texto del archivo news.txt. Igual que en la versi6n PHP, se calcula el tamario del archivo (*~s") antes de abrirlo, leerlo y cerrarlo. {a informacién Enel tercer bloque de cédigo, news.html se abre y se lee, Encontramos una expresién regu- lar de Perl, el alma de los scripts Perl pero también la causa de muchas confusiones entre Jos no iniciados. Se trata de una simple ins- truccién de buisqueda ("8") del marcador, pa- ra sustituirlo con el texto de news.txt (Sbulletin). La letra 'g! es una instrucci6n para seguir buscando ocurrencias del marca- dor en la totalidad del documento, un detalle importante para la seccion siguiente. En el caso de archivos como news html, que son plantillas a la espera de ser procesadas por Perl, es necesario tener en cuenta que todos los enlaces a otros documentos deben hacerse co- mo si el archivo estuviese ubicado en el direc torio cgi-bin, ya que es allf donde realmente se construiré el archivo. Es recomendable mantener este tipo de docu- mentos en un directorio al mismo nivel en la estructura de directorios que cgi-bin, de modo quie estos enlaces también funcionen para pruebas cuando se abran directamente los ar- chivos HTML.18 Editor HTML en linea Secci6én <form> del editor Para permitir que el usuario base su contenido textual en el contenido anterior, insertaremos el contenido de news.txt en el formulario que se utilizard para el editor en Ifnea. Este es el edit form, el elemento formulario en Perk: <i>Actualizacién:</i> <form name="editform" method=post> <textarea name="news" cols=50 rows=35 wrap=soft> <!---MARKER---> CI ol ‘rene Gear yer Maori) Marcadores Heramietas Aide © ‘Actuaizacssn: Utilizando el mismo marcador que antes, en este caso el contenido de news.txt sera enviado por news.cgi, gracias a la instruccién *g* En PHP, el elemento edit form se construye de la siguiente forma: Actualizacién:

<?php echo($content); ?> La variable $content, utilizada de esta forma, mostrard el contenido de news.txt. Cabe subrayar que el contenido de news.txt, si contiene etiquetas HTML, no tendra el mismo aspecto cuando se muestre en el elemento

de la seccién anterior y en el elemento , la salida sera texto sin formato. Del mismo modo, los caracteres de salto de linea y espacios mtilti- ples sern respetados por el elemento pero ignorados por el navega- dor. Aqui es donde AJAX marca la diferencia: haciendo clic en el botén enviar, el usuario puede comprobar instanténeamente su codigo HTML. Instrucciones JavaScript y CSS Para terminar los archivos news.php y news.html, todavia tenemos que escribir tres funciones JavaScript. Una de ellas es XMLHttpRequest ().Como ya hemos visto, ¢s idéntica a la que utilizamos en el capitulo anterior. La segunda prepararé el texto que se enviard con el XHR, y la tercera procesara la respuesta del XHR. Estas funciones son las mismas, tanto si se utilizan con PHP como con Perl. function getquerystring() { var form = document . forms ['editform'] var news = form.news.value; qstr = ‘articli + escape (news) ; return str; } En editform, solamente habia un valor de entrada editable, el campo de texto news, que contiene el texto que el usuario envia al editor en linea. A este elemento se le asigna el nom- bre ‘text y es filtrado por escape (). La segunda funcién es updatepage (), que recibird la respuesta del XHR. En la aplicacién de correo del capitulo anterior, el servidor de- volvia un mensaje de confirmacién sencillo. En este caso, también tendremos una confirma- cién, y ademés el nuevo contenido de news.txt.Ejemplos AJAX 19 Se creard un elemento <span id="mensaje"> </span> para contener el mensaje “ACTUALIZADO” que mostrar Ja- vaScript cuando el XHR haya recibido una res- puesta del servidor. El contenido real de self .xmlHttpReq. responseText serd el contenido de news.txt, por lo que se envia al elemento <div id="resultado"></div>, donde se habfa mostrado el contenido anterior de news.txt. De este modo, JavaScript sustitui- 14 el contenido antiguo por el nuevo. Aqui est la funci6n: function updatepage (str) { document .get#lementById ("resultado") .innerHTML = str; document .getElementById ("mensaje") .innerHTML = "ACTUALIZADO"; } El resultado de updatepage () tendré el for- mato que le asigna la siguiente declaracién de estilo: <style> body, p, input, textarea, div { font: bold @pt verdana, sans-serif } a, span { font: bold 8pt verdana, sans-serif; text-decoration: none; color: red; } </style> La primera instruccién se aplicaré al contenido de <div id="resultado">, mientras que el mensaje “ACTUALIZADO" y cualquier enlace se mostraran en rojo. En el lado del servidor EL trabajo de nuestros dos lenguajes de pro- gramaci6n es recibir una cadena de texto, abrir un archivo para escribir en él, insertar el texto en el archivo (y al mismo tiempo eliminar su contenido anterior) y cerrar el archivo. A con- tinuacién, deben voiver a abrir el archivo y de- volver el contenido al XHR. Esta es la versién PHP de nuestra aplicacién del lado del servidor, writer.php: <?php //escribe en el archivo Sbulletin= $text=fopen($bulletin, 'w') or die("falta archivo") ; uploads/news. txt"; $article-ut£8_encode($article) ; $articlesutf£8_decode($article) ; $article=stripslashes ($article) ; Sarticleshtmlentities($article) ; tr_xeplace $article); $article=str_replace (aelt;', '<', garticle); fwrite ($text, $article) ; fclose ($text) ; //lee y muestra el archivo $news="uploads/news.txt"; $text=fopen($news, 'r! $content= fread ($text, filesize ($news) ); fclose ($text) ; echo ($content) ; 2> La funcién fopen() prepara el archivo news.txt para escribir en él mediante la ins- trucci6n 'w*, Antes de escribir realmente en el archivo, debemos resolver el problema del conjunto de caracteres que, como vemos, im- plica un minimo de seis llamadas a funciones. Los caracteres acentuados nos complican la vi- da atin mas; una vez, lefdos por el servidor, puede parecer que se guardan correctamente la primera vez que se escriben en el archivo y se vuelven a leer, pero a partir de la segunda vez pueden pasar a ser caracteres no definidos. El método de preparaci6n de los caracteres que utilizamos aqui puede parecer complicado, pe- ro funciona siempre y presenta dos ventajas: la primera es que los caracteres acentuados se leen, almacenan y muestran correctamente; la segunda es que él usuario no tiene que pre- ocuparse de las convenciones de acentuaci6n en HTML, que implicarian escribir keacute; en lugar de “é", etc. Para empezar, el contenido se codifica como utf-8. Ya se obtenia en utf-8 gracias a la etique-20 Editor HTML en linea ta cmeta> de la seccién <head> de news.php y news.html: <meta http-equiv="content-type" content="text/html;charset=utf-8"> Sin embargo, debemos asegurarnos de que sea el utf-8 que PHP reconoce, y por ese motivo utilizamos ut £8_encode (). A continuacién, lo descodificaremos utilizando ut£8_decode() para que el texto esté listo para ser procesado por el servidor. La funcin stripslashes () permite deshacerse de los delimitadores JavaScript, mientras que html_entities () codifica todos los simbo- los que tienen equivalentes HTML bajo la for- ma del fag correspondiente. Asi, 6 se converti- rden é. Desgraciadamente, < y > se convertiran en &1t; y agt;., de modo que deberemos deshacer ia accién con dos funcio- nes de sustitucién de cadenas. Ahora ya esta~ mos listos para escribir el archivo. La versién Perl, writer-pl, se construye con- forme a un esquema similar: #1 /usr/bin/perl -w use CGT; use HIML: :Entities; $target="../html/ajax/uploads/news stabs # escribe en el archivo de texto $query = new CGI; $text = $query->param('article'); $text = encode entities ($text) + $text =~ s/sgts/>/gi $text =~ 8/</</gi open (TARGET, ">$target") 7 print TARGET "$text"; close TARGET; # lee el archivo de texto $targetpath = "$target"; $page_size = -s $targetpath; open(PAGE, "Stargetpath") ; read (PAGE, $bulletin, $page_size); close (PAGE) ; # devuelve el resultado al XHR print $query->header; print "$bulletin"; En Perl, normalmente no es necesario codificar el texto como utf-8, aunque algunos sistemas lo exigen. Si es tu caso, instala el médulo Encode y utiliza la funcién encode () . Sin embargo, es importante codificar las entidades HTML y re- cuperar los signos <>. El script abre el archivo news.txt para su escri- tura utilizando el operador >, que al mismo tiempo lo vacia de su contenido anterior. A continuaci6n, lee el contenido del nuevo archi- vo y lo devuelve al XH con el formato correc- to. Perl no requiere el uso de un equivalente a la funcién stripslashes (), ya que detecta la redundancia de los caracteres de escape en este contexto y los elimina automaticamente. Consejo: empieza a desarrollar tus aplicaciones del lado del servidor de forma independiente, utilizando la linea de comandos, como aqui: writer.pl article="cb>hello</b> world!" ‘O una direcci6n con una cadena POST, como aqui: http://localhost/news .php&article= "hello <i>world</i>" Cuando todo funcione, ya AJAX entre en accién. puedes dejar que ‘Una vez. reunidas todas las piezas del puzzle, ya deberiamos tener un editor en linea sencillo, pero funcional. Preparar el entorno de usuario Esta aplicacién conlleva una gran complejidad, pero de cara al usuario sera tremendamente sencilla. Habra una pagina con un formulario de un solo elemento, que permite cambiar un bloque de texto al instante. De todos modos, hay ciertos aspectos que re- queriran una explicaci6n. Por ejemplo, como hemos dicho antes, existe una diferencia de formato entre texto y HTML. Un usuario que inserte texto en el formulario del editor podré formar parrafos presionando la tecla Intro.Ejemplos AJAX 21 Es necesario informarlo de que los espacios blancos asi creados seran ignorados por HTML Y que es necesario reemplazarlos por etiquetas <br/>, 0 <p></p>, 0 incluso enbsp;. Por ese motivo resulta titil incluir una leyenda en el propio editor, como la que se ilustra aqui amodo de ejemplo: Titulo: <fi3>Uitimes rumares</h3> (ademas de chi>,<h> hasta <h6>) Nueva linea: <br En cursiva: veo tu <isrope interi¢r<ji>! Enlace: Haz cle <2 href= "http://www. google.com>aqui</a> para ir a Google Lista: No olvidar induir en ia maleta: <ii>antimosquitos <li-pasaporte <liiPod </ul> No olvidar inciuir en fa maleta: * antimosquites * pasaporte * Bod Linea horizontal: <he> Cuando se escriben leyendas para HTML se puede ganar mucho tiempo utilizando Golive, Dreamweaver o cualquier otro editor HTML “WYSIWYG”, ya que permiten escribir acentos y otros caracteres directamente en la interfaz grdfica y generan automaticamente el codigo correspondiente. También es posible utilizar JavaScript para permitir que el usuario haga clic en un enlace que insertara una etiqueta en el punto donde se encuentre el cursor dentro del campo de tex- to. Los usuarios incluso podrian seleccionar un rea de texto y, haciendo clic en otro enlace, se abriria una etiqueta de apertura y cierre alre- dedor. En realidad, estrictamente esto es mas una implementacién de JavaScript que de AJAX. En cualquier caso, se puede descargar del suplemento del cuaderno disponible en nuestro sitio Web Tu turno Hasta aqui, este ejemplo te ha mostrado como crear una interfaz de un proyecto de muiltiples facetas, la aplicaci6n de un editor en Ifnea. El siguiente paso légico serfa preparar una inter- faz para el puiblico, o en otras palabras, para aquellos que se dispongan a leer lo que ha es- crito el redactor. Logtarlo seria sencillo utilizando los métodos que hemos tratado en la seccién dedicada a leer y mostrar un archivo de texto. Se trata simplemente de escribir una pagina Web que muestre el contenido del archivo de texto 0, mejor atin, partir de una pagina ya existente, con maquetacién grafica, e indicarle que in- corpore el texto en ella tra posibilidad para adaptar este programa seria convertirlo en una especie de foro, quizas nombrando automaticamente los archivos se- gin la fecha, e inserténdolos en una pagina por orden cronolégico. Sin embargo, llega un punto en el que la estra- tegia de almacenar texto en un archivo queda eclipsada por la superioridad del almacena- miento en una base de datos, con las mejoras que conlleva desde el punto de vista de la se- guridad, técnicas de almacenamiento dinémico y eficiencia. Los antiguos griegos ya tenian Ajax en un disco. Creacion de archivos de texto Una cosa es modificar una pagina existente, pero puede resultar mas productivo poder es- cribir varias paginas nuevas o secciones de pé- ginas y editarlas en linea. En este apartado, crearemos un editor de ar- chivos AJAX que permitiré al usuario escribir nuevos archivos de texto, ver la lista de archi- vos existentes y comprobar su contenido. Pos- teriormente estos archivos se pueden incorpo- rar en paginas Web como articulos sueltos, uti- lizando cualquier aplicacién del lado del ser- vidor.22 Creaci6n de archivos de texto Puesto que los archivos resultantes se encon- traran en el servidor Web, la aplicacién tam- bién se puede ampliar para mtiltiples usos en Tinea, desde la edicién de archivos HTML, XML, PHP 0 CSS hasta la correccién, modifica- ci6n o creacién. Sin embargo, para la seguridad del sitio Web ¢s primordial limitar el acceso a aplicaciones de este tipo con un sistema de inicio de sesién seguro con contrasefia. Especificaciones funcionales ‘Como ya hemos dicho en la introduccién, AJAX permite que el usuario de una pagina Web pueda hacer cualquier cosa que las apli- caciones del servidor sean capaces de hacer. Dado que Perl y PHP tienen excelentes capa dades de gestién de archivos, es posible hacer todo tipo de tareas interesantes que normal- mente se realizarian directamente en el servi- dor, Para este ejemplo tenemos dos tareas con- cretas: el listado de un directorio y la creacion de un archivo de texto. Dicho asf, parece una empresa fécil, pero es aconsejable preparar un plan para el proyecto a fin de tener claro lo que debemos hacer. Estas son las especificaciones, idénticas para las im- plementaciones PHP y Perl. Mostrar una pagina con la lista de archivos de un directorio destino Cada miembro de la lista sera un enlace al archivo en cuestién Debajo de la lista habra un formu- lario con dos entradas, una para el nombre de archivo y otra para el contenido del mismo. Cuando se envie el formulario, AJAX: - Escribiré el contenido en un nuevo archivo = Devolvera una confirmacién - Devolverd la lista actuali- zada de archivos del direc- torio Mostrar 1a confirmacién y susti- tuir la lista antigua por la nueva Una vez. més, podremos usar el objeto XHR es- téndar que hemos definido en los dos primeros ejemplos del cuaderno. La mayor parte del tra- bajo técnico se realizaré en el lado del servidor. La versién PHP comprende dos archivos: crea- te.php y createfile.php. EI primero contiene una llamada para obtener Ja lista del directorio, el formulario de intro- duccién de texto y el objeto XHR. El segundo se encarga de recibir la informa- cién de la entrada de texto, escribirla en el ar- chivo y devolver la nueva lista. La versi6n Perl requiere tres archivos: crea- te.cgi se encarga de insertar la lista en crea~ tehtml, que contiene el formulario de intro- duccién y el objeto XHR. Este llamaré a create- file pl para escribir en el archivo y devolver la nueva lista. El directorio que contendré los ar- chivos de texto es /txt, un subdirectorio de la carpeta HTML. Lista de archivos de un directorio Esta parte del cddigo se centra en una funcién, opendix (). Aunque tanto Perl como PHP disponen de una funci6n con este nombre, las dos implementaciones, como veremos, no fun- cionan de la misma forma. A continuacion se muestra la primera seccién del archivo create.cgi, con el que Perl obtendra una lista de los archivos contenidos en el direc torio /txt, y la escribir en el archivo crea- te.html. La primera tarea consiste en establecer tres directorios: $dir, que contiene crea- te.html, $txtdix, que contiene los archivos de texto de destino (esta carpeta se encuentra de- ntro de la primera) y $xeldiz, que contendra elenlace relativo correcto a los archivos de tex- to de destino una ver creado el documento.Ejemplos AJAX 23 #1 /usr/bin/perl $dir="../html/ajax/"; $txtdir=$dir."txt/"; $reldirs"../ajax/txt/"; # lee 1a estructura # de directorios opendir (DIR, $txtdir) ; my @list-readdir (DIR); closedir (DIR); # crea la lista # de archivos $result= foreach my $file (@list){ if (($file ne ".") ae ($file ne "..")) { # sin puntos $results$result. "ca href=\"$reldir$file\"> $filec/a>cbr>"; } # cada archivo listado # y enlazado } La funcién opendir() se encuentra en la quinta linea. En Perl, recibe dos argumentos: el nombre (en maytisculas) que deseamos asignar ala carpeta abierta y la direccién de la carpeta. La segunda funcién, readdir (), se utiliza pa- ra crear una array de los nombres de todos los archivos del directorio. La tiltima funcién que se utilizard es closedix (), que libera el di- rectorio para otros procesos, La array @1ist contiene los nombres de todos Jos archivos del directorio de destino. La forma més sencilla de extraer datos de una array en Perles la instruccién foreach, que asigna a cada elemento de la array a la variable $£i1¢ y nos permite acceder a ella. En este punto, utilizaremos una instruccién if para superar un problema que suele surgir en este tipo de situacién. La dificultad radica en que, en la mayoria de sistemas operativos, ca- da directorio contiene un archivo llamado “.” Que representa el directorio actual, y un archi- vo “..” que representa el directorio superior. Si nuestro listado de directorios funciona bien, estos dos archivos estaran incluidos pero eso no nos interesa, por lo que utilizaremos un operador que significa “no realizar esto si el archivo se llama. ..”. La operacién que estamos realizando en cada elemento de nuestra array es vestirla correcta mente en formato HTML, con una linea y un enlace para cada archivo. El enlace es simple- mente cuestién de proporcionar a una instruc- cin href el valor de nuestro directorio relati: vo ($reldir) y el nombre del archivo ($£4- Le). Observa que las comillas van precedidas de una barra invertida. Por cada elemento de la array, es decir, por ca- da archivo de la lista de nuestro directorio, la variable escalar $result se inserta con una li- nea de HTML que contiene el nombre del ar- chivo. En la secci6n de cédigo siguiente, el re- sultado se envia al archivo create.html: # = envia la lista del # = directorio al XHR Spage=$dir."create.html"; $path = "$page"; $page_size = -s $path; open(PAGE, "$path"); read (PAGE, $page, $page_size); close (PAGE); # a create.html $page=~ s/<!---LINKEDLIST. /$result/gi; print “Content-type: text/html \n\n"; print "$page"; Esta parte se parece al cédigo que hemos usa- do en la secci6n anterior para leer el contenido del archivo HTML, buscar un marcador y sus- tituirlo con nuestro texto.24 Creaci6n de archivos de texto En la antepentiltima linea, mostramos el enca- bezado “manualmente”, mientras que en el ejemplo anterior utilizamos la instruccién print $query->header. Para hacer esto aqui deberiamos invocar al médulo CGI pero, en este caso, el médulo sélo serviria para esta tarea. No vale la pena llamarlo para una linea de cédigo. Este es el cédigo PHP que ejecuta la misma ta- rea para create.php: <?php $dir = "./txt/ /* crea la lista de archivos y la envia al XHR */ if (is_dir(sdix)) { if ($dh = opendir($dir)) { while ($file = readdir($dh)) les false) { if (($file t=: ) && ($file t== "..")) { echo "<a href=$dir$file> $filec/a>cbr />"; } closedix($dh) + } } P> El método para abrir un directorio es ligera- mente distinto. En primer lugar, probamos que el archivo de destino sea un directorio Haman- doa la funcién is_dix () . Si responde positi- vamente, llamaremos a la funci6n opendir() y asignaremos el resultado a $dh. En PHP, ‘pendix () solamente recibe un valor, el rectorio que debe abrir. A continuacién utili- zamos la funcién readdir (), que asigna cada elemento de $dh a $£i1e, hasta que llega al final. En ese momento, readdir () devuelve el valor false y se detiene nuestro bucle while. La instruccién href para cada archivo (excep- to“ y“..") se muestra en el explorador, y después se cierra el archivo. Veamos la seccién <body> de create.html: <body> <div id-mensaje class=mesg></div> <div id=resultado> <1! ---LINKEDLIST---></div> <form name="createform" method=post> Nombre de archivo:<input typesinput name=target><br /> <textarea name=story>
La versién PHP es idéntica, excepto porque la seccién anterior de PHP sustituye el marcador LINKEDLIST y la llamada xmihttpPost esta destinada a createfile.php. El formulario HTML es muy sencillo, contiene un cuadro de entrada de texto para el nombre del archivo que se escribird, y un campo texta- rea para el contenido del archivo. . Con la lista leida que se muestra justo encima, el resultado deberia ser parecido a este:Ejemplos AJAX 25 Escribiry relistar E ic Has lefdo la nota anterior? _ Como ya hemos dicho, el objeto XHR sera exactamente el mismo que el que hemos utili- zado en los dos ejemplos anteriores. La funcién getquerystring () serd similar a otros ejem- plos: function getquerystring() { var form = document . forms ['createform'] ; var target = form.target.value; var story = form.story.value; qstr = 'target=' + escape (target) + 'kstory=! + escape(story) ; return gstr; } La variable target contiene el nombre de ar- chivo seleccionado por el usuario, Podria re- sultar itil sugerir al usuario el uso de la exten- si6n de archivo apropiada: .txt para archivos de texto, xml 0 .html para los lenguajes co- rrespondientes, etc. En el servidor, tenemos la sencilla tarea de es- cribir el nuevo archivo de texto y después relis- tas el contenicio del directorio. En ambos casos, Perl y PHP, el codigo para crear de nuevo la lista del directorio es idéntico al cédigo que hemos usado antes, por lo que se puede copiar y pegar. En la versién Perl, la lista de enlaces se transmite directamente al XHR, en lugar de insertarse en news.html por sustituci6n de la cadena. He aqui la versién Perl: #1 /usr/bin/perl use CGI; $query = new CGI; $target = $query->param('target'); $story = $query->param('story'); $dir="../html/ajax/"; Stxtdiragdir."txt/™; $reldir="../ajax/txt/*; $newfile = $txtdir.$target; # escribe en el archivo open (OUTPUT, "> $newfile"); print OUTPUT "Sstory"; close OUTPUT: # mostrar la lista del directorio Igual que antes, el signo > es un comando para escribir en un archivo. Los tres directorios son Jos mismos que en el archivo Perl anterior, de modo que el cédigo de creacién de la lista fun- cionaré correctamente. En la versién PHP, necesitamos la funcién stripslashes () igual que en el caso del edi- tor de texto en linea, para asegurarnos de que no queden caracteres de escape en el texto: No nos ha parecido necesario utilizar las fun- ciones de codificacién utf-8 para mantener los caracteres especiales en esta aplicacién, pero en funci6n del sistema operativo podria ser una buena idea. Consulta la seccién anterior para saber cémo hacerlo.26 Crea in de archivos de texto En este punto, es muy importante comprobar que los atributos de la carpeta /txct estén co- rrectamente definidos: en Linux, eso suele sig- nificar CHMOD 777. ‘Todavia es més importante que los directorios por encima de /tzxt estén definidos como CHMOD 755 u otro valor de alta seguridad. Piensa que un usuario podrfa insertar la si- guiente cadena como nombre de archivo: .-/index.htm1. Dicho de otro modo, seria un intento de reescribir la pagina principal de tu sitio Web. Mostrar el resultado Una vez que el objeto XHR ha recibido una respuesta y la nueva lista del directorio, se in- voca la funcién JavaScript updatepage () . Es- ta completard nuestra aplicacién, puesto que la nueva lista se muestra al usuario junto con un mensaje que indica que el proceso ha finaliza- do. function updatepage (str) { document .getElementByTd ("resultado ") innerHTML = str; document .getElementBytd ("mensaje") sinnerHTML = "MIS A JOUR"; var form = document. forms ['createform! } Se envia un mensaje al elemento

contenido en create.html y create.php. La variable stx contiene la lista en- lazada de nombres de archivos que ha devuel- toel XR, y que sustituye la antigua lista, con- tenida en el

. Esta es la secci6n correspondiente a create.html:

<{---LINKEDLIST-

Elelemento

contiene una llamada a una clase CSS, que se define a continuacién: En pocas palabras, significa que todo el texto utiliza la fuente Verdana pero los enlaces son rojos y sin subrayado. El mensaje al usuario también es rojo. Protégete en PHP En Perl, no es posible ejecutar un script en un directorio en el que el servidor Web tenga ac- ceso de escritura, Sin embargo, PHP autoriza que sus archivos se ejecuten desde directorios no protegidos. Para comprender el potencial que tiene esta brecha de seguridad para ti y tus hackers po- tenciales, utiliza tu aplicacién de texto para crear el siguiente archivo, al que llamaras ins- pect:php: Si haces clic en el enlace a inspect.php, obten- drds una pagina con informacién sobre el ser- vidor web, con todos los médulos y detalles de la versién de PHP. En si mismo no supone un gran riesgo de seguridad, pero no es dificil imaginar las otras posibilidades que quedarian disponibles para un hacker experimentado si esta puerta esté abierta.Ejemplos AJAX 27 Por ello es vital comprobar que los directorios tengan los atributos correctos. Esta es la reac- cin de PHP si intentamos escribir en un direc- torio superior, bien protegido: ar oe wiemiincney name ATanac ss Theme) pacerwesher/igt/ gloss com/Mml/ajan/teterante create Se deniega el permiso de escritura y no se pue- de crear el archivo. Aqui, un intento de cambiar los permisos de un directorio también falla. Es posible utilizar el editor de textos para crear un archivo lla- mado chmod. php, que contenga una instruc- cién para cambiar los atributos de /txt. Sin embargo, este es el resultado cuando abrimos chmod. php: ane oe Se tenet ppnsees teams > 8 OR tama OG Warning chinod0: Operation not permited in Aromelinaxvell;public hinljax'txtoops.php online? PHP no permite el uso de chmod () a través del servidor Web. A pesar de estas precauciones, es vital que el acceso a esta aplicacién quede restringido me- diante nombre de usuario y contrasefa Tu turno Esta aplicacién esté limitada en muchos aspec- tos (aunque en otros, como ya hemos visto, es demasiado abierta). Por ejemplo, siempre se muestra el mismo mensaje al usuario tanto si se ha escrito el archivo como si no. Podriamos aftadir una seleccin de mensajes para avisarle de que el archivo no se ha podido escribir, otro avisando de que la carpeta no se puede encon- trar, y otro para confirmar que el archivo se ha modificado correctamente. En cuestion de seguridad se podrian mejorar muchas cosas. Por ejemplo, podrfamos buscar caracteres en los nombres de archivo que po- drian ser indicativos de intenciones dudosas. Podriamos buscar y prohibir el carécter ”/”, que indicaria un intento de escribir en otro di- rectorio distinto del de destino.28 Eliminacion de archivos Veremos cémo hacerlo en el proximo capitulo. De hecho, podriamos prohibir todos los carac- teres exceptuando los alfanuméricos 0 “.”. Tes- ricamente se podria hacer al nivel de JavaS- cript, antes de se envien los datos al XHR, pero los hackers podrian superar la dificultad escri- biendo su propia instruccin POST en la barra de direcciones del navegador, por lo que seria mejor hacerlo en el servidor. La siguiente aplicacién sera un proyecto que podria perfectamente estar relacionado con es- te. Siesta aplicaci6n sirve para crear archivos, la siguiente serviré para eliminarlos. Desde un navegador como Mozilla, podremos abrir apli caciones con pestaftas separadas, afiadir archi- vos desde una y eliminarlos desde la otra. Esta funcionalidad puede ser muy util para realizar pruebas. Eliminacion de archivos en el Sei lls En esta seccién, crearemos una aplicacién que te permitira especificar un directorio concreto en el que el usuario tendré permiso para eli- minar archivos, De la misma forma que el ejemplo anterior se basaba en la funcién opendix () , este depen- dera de unlink () pero, en esta ocasién, am- pliaremos un poco el XHR y més concretamen- te desarrollaremos las funciones JavaScript a las que lama. Si la aplicaci6n anterior abria la puerta al abu- so, no hay que ser muy listo para imaginar lo que podria hacer un programa para eliminar archivos. Sin embargo, limitaremos la posibili- dad de entrada que tiene el usuario: lo tinico que podra y deberd usar son casillas y un bo- t6n de enviar. Especificaciones funcionales La principal diferencia es que la anterior apli- cacién era productiva, y esta es destructiva. En lugar de aftadir elementos a una lista de archi- vos, crearemos una lista y después la reduci- remos. E] resultado final sera mas sencillo para el usuario final, pero en realidad es més dificil de desarrollar que los ejemplos anteriores. Para empezar, por cada elemento de nuestro directorio de destino necesitaremos una casilla, que el usuario deberé activar cuando desee climinar el archivo que apareceré junto a la misma, ya sea un archivo o cientos de ellos. En. si mismo, esto seria bastante sencillo, pero ca- da casilla debe tener el nombre correcto y estar asociada al archivo junto al que aparece. En segundo lugar, para que la aplicacién del lado del servidor funcione correctamente, de- bemos indicarle cudntos elementos hay en la lista en la que debe buscar los archivos para eliminar. De lo contrario, tendria que compro- bar cientos de archivos aunque s6lo hubiese dos en la lista. Eso significa que deberemos enviar un valor adicional al XHR, la cantidad total de archivos. EI XHR ser ligeramente distinto esta vez, aunque se basard en la versién anterior de los otros tres ejemplos. Ademés del valor adicio- nal que le enviaremos, utilizaremos la propie- dad readyState para mostrar un mensaje al usuario durante la ejecucién en el servidor, que sera sustituido por un mensaje definitivo cuando se haya completado la peticién. La funcién JavaScript getquery () también sera mas compleja, puesto que discriminaré los detalles necesarios de los innecesarios, y sola- mente enviaré las instrucciones esenciales al servidor. Estas son las especificaciones de nuestra apli- caci6n de eliminacién de archivo:Ejemplos AJAX 29 Mostrar una pégina con una lista de archivos del directorio de des tino, con una casilla junto a cada uno. Cuando se envie el formulario, AJAX enviaré una peticién al ser- vidor para eliminar todos los ar- chivos marcados por el usuario. 1 usuario ver& un mensaje temporal. Bl servidor recibiré el nimero to- tal de archivos de la lista y los comprobaré todos hasta el total, desvinculando los que estén marca- dos para su eliminacién. Se mostraré una confirmacién de la operacién, y una nueva lista con un nuevo conjunto de casillas. Gestion de un numero variable de casillas Las casillas de verificacién funcionan de la si- guiente forma: una casilla llamada foo posee dos propiedades importantes. Una propiedad textual, £00.name y una propiedad booleana foo. checked, cuyo valor es true o false segtin si el usuario ha hecho clic en Ia casilla 0 no. Teéricamente, podriamos haber hecho lo si- guiente: mostrar una serie de casilla, cada una con el mismo nombre de un archivo del direc torio de destino. Sin embargo, esta aproxima- cién conllevaria problemas. La aplicaci6n del lado del servidor recibirfa un encabezado POST parecido a este: ue. txt=trueginifinity.js-falses lemonsqueezer.html=truesquantum.pl =falsegstop=4", Esta informacién seria muy dificil de procesar porque la aplicacién del servidor puede no te- ner ni idea de cudles serén los nombres de va- riables antes de recibirlas. Quizs serfa posible pedirle al servidor “elimina cualquier cosa que tenga el valor true” pero de este modo nos arriesgamos a una gran catéstrofe. En muchos lenguajes de programacién, incluido Perl, to- das las variables inicializadas se consideran true tant mientras no se establezcan como false 00. En este ejemplo, aplicando esta técnica el sis- tema intentaria eliminar un archivo llamado “stop” porque la variable stop, que contiene el ntimero total de archivos, tiene un valor 4 y en consecuencia es true. Un método mejor consistirfa en gestionar todas las casillas utilizando una estructura de con- trol. Mientras establecemos la lista de conteni- do del directorio podemos contar los elemen- tos con ayuda de una sencilla variable $n, que se convertiré en $n++ (es decir, $n més uno) por cada pasada del bucle. La misma variable se puede enviar al XHR y al servicor como ntimero total de archivos. Podemos utilizar $n para nombrar las casillas, aunque necesitare- mos que el ntimero vaya precedido de otro ca- récter, ya que las convenciones de nombres de variables no permiten el uso de un ntimero como nombre de variable. La primera casilla se lamaré delete. form._1, con un valor ini- cial de false, la segunda se llamaré _2, ete. Para asociar cada casilla con un nombre de ar- chivo del directorio de destino, también utili- zaremos $n para nombrar un elemento de formulario , que contendré el nom- bre del archivo correspondiente. Los elementos de formulario ocultos almacenan datos, pero son invisibles para el usuario. En consecuencia, junto a delete. form._1 tendremos delete. form._1text, cuyo valor seré el primer nombre de archivo que devuelva la funcién readdir (). En pseudo-cédigo, el bucle for serd algo asi: n igual a 1; por cada archivo de la carpeta checkbox = _n; hidden = _nText(contiene el nombre de archivo) ; mostrar el nombre de archivo con enlace al archivo; net;30 Eliminaci6n de archivos Esta es la seccién de delete-php:

" ."$file" "
"; gne+; } } closedir ($dh) ; } } echo ""; 2 ) '>

Ejemplos AJAX Ei) Las instrucciones opendir () deberian sonarte del ejemplo anterior, igual que las comproba- ciones destinadas a identificar el directorio ac- tual y el superior. El valor de $n se incrementa con cada bucle de Ia instruccién “while”, y cuando se ha proce- sado el tiltimo archivo del directorio, éste se cierra y §n se envia al XHR mediante una se- gunda instruccién en la llamada a Ja- vaScript. La instruccién echo sirve para mostrar una se- rie de resultados como aqui: inifinity. je
Como vemos, a cada elemento tomado de la lista del directorio se le asignard una casilla con un nombre apropiado y el elemento oculto correspondiente. En la versi6n Perl que se muestra a continua- cién, la cadena de la casilla es idéntica a la ver- sién PHP, excepto por el uso de $re1dix para el enlace. La instruccién foreach puede sustituir la ins- truccién while que usamos en PHP porque actia sobre una array, no sobre la funcién readdix (). Ambas instrucciones producen el mismo resultado. Aqu{ tenemos delete.cgi: #1 /usr/bin/perl $dir="../html/ajax/"; Stxtdiragdir."/txt"; $reldirs"../ajax/txt/ #construye y muestra una lista fenlazada de archivos del directorio destino con casillas #icon nombres correctos opendix (DIR, $txtdir) ; my @list=readdir (DIR); closedir (DIR) ; Sresult=""; $n=1; foreach my $file (@list){ if (($file ne ".") && ($file ne "..")) { $result=$result "cinput type=\"checkbox\" name=\"_§n\">" "sa href=$reldirgfile> $file" -"cinput type=\"hidden\" name=\" $n". "text\" value=\"$file\">
"; $ne+) } i Spage=$dir. "delete. html"; $path = "$page"; $page_size = -s $path; open(PAGE, "$path"); read (PAGE, $page, $page_size); close (PAGE) ; $page =~ s/ /$xesult/gi; $page =~ 8//$n/gi; print "Content-type: text/html \n\n"; print "$page"; $result se inserta en el archivo delete.html, que es idéntico a delete.php excepto porque los marcadores de la lista de casillas y el recuento sustituyen a las instrucciones PHP, y la llama- da al XHR contiene el archivo de destino dele- tefile.pl. Ajustes del XHR Desde la primera linea ya se puede apreciar la diferencia en la versién modificaci6n de nues- tra querida funcién XHR. En esta ocasién, no enviamos una sino dos variables a xmlhttpPost (): la cadena que contiene la in- formacién del formulario y stop, el ntimero de elementos de nuestro directorio de destino. La llamada a getquerystring() invocaa stop, de modo que la informacién se reenvia.32. Eliminacién de archivos También hemos adaptado la funcién asociada ala propiedad onreadystateChange. Por cada cambio del valor de readyState hasta el final, es decir hasta que readyState alcanza el valor 4, se envia un mensaje al usuario para indicarle que la aplicaci6n esté procesando su peticién. Cuando termina la llamada al servi- dor, el valor de readyState es 4 y se muestra el mensaje final al usuario, igual que en los ejemplos anteriores. Esta es la funcién XHR para delete.html en Perl, y delete.php: function xmlhttpPost (strURL, stop) { var xmlHttpReq = false; var self = this; if (window.XMLHttpRequest) { /* l'objet XHR, sauf dans IE */ self.xmlHttpReq = new XMLHttpRequest (); else (window.Activexobject) { /* XBR dans IE seulement */ self.xmlHttpReq = new Activexobject ("Microsoft .XMLHTTP") } self.smlHttpReq.open('POST', strURL, true); self .2mlHttpReq. setRequestHeader (‘Content-Type', ‘application/x-www-form- urlencoded'); /* formulaire HTML */ self. xmlHttpReq. onreadyStateChange = function() { Af (self. smlHttpReq. readyState <4) { processing ("PROCESANDO. /* mensaje temporal */ } else { updatepage ( self.xmlHttpReq.responseText) /* mensaje final */ } } ys self.xmlHttpReq.send (getquerystring (stop) ) ; /* envio completo */ } La que sigue es la funci6n processing () que envia los mensajes al usuario, que se dirige a un elemento

cuyo identificador es id=alerta. function processing(str) { document .getElementById("alerta") . innerHTML = str; /* alerta al usuario */ } Programacion avanzada en JavaScript Los pares nombre/valor que se envian al XHR a través del formulario tienen una propiedad muy titil: estén indexados. En consecuencia, podemos gestionarlos uno a uno, y eliminar la informacién innecesaria antes de enviarlos al servidor. En pseudo-c6digo, la idea seria: tomar casilla _1 si su valor es true, enviar la cadena _ltext=[nombre archivo] al servidor para que lo elimine si su valor es false, rechazarla tomar la casilla 2 y asi todo el rato hasta la casi- lla _stop (la Gltima de la lista) En la practica, ser mucho més complicado de lo que parece. Para empezar, no podemos simplemente espe- cificar _1++ y esperar obtener _2. Tendremos que incrementar el nimero primero, y después afiadir el resto de la cadena al resultado. Ademés, y esta parte es la dificil, tenemos que transformar _1 en un nombre de variable realmente utilizable. ¢Qué significa eso? Hecho n°l; tenemos que referirnos a form. _1.checkedy form._1text.value, utilizando_1y _1text como nombres de va- riable.Ejemplos AJAX 33 Hecho n°2: cuando creamos las cadenas “. “_1.text”, son variables de pleno derecho. Pregunta: gcmo convertimos las variables en nombres de variables? Respuesta: depende de la implementacién. En Perl, bastaria con enviar la nueva variable a una funcién como si su contenido fuese un nombre de variable. En PHP, es necesario usar el simbolo “variable variable”: $$. En JavaS- cript, se utiliza la funci6n eval () ;. Utilizare- mos las tres funciones, empezando por eval();. Para explicarlo de forma sencilla, eval () pide a JavaScript que realice una tarea sencilla y devuelva el resultado. En la instruccién si- guiente, le pedimos a JavaScript que construya a cadena “_1” y coloque el resultado en la va- riable whether: var whetherseval(*form._'. *1', "checked! ; Podemos comprobar el valor booleano de whether: sila casilla_1 ha sido activada, whether seré true. De lo contrario, sera false. Seha convertido en £orm._1.checked. Nuestra implementacién funcionara de la si- guiente forma: por cada valor de go (empe- zando por 1 y terminando cuando sea equiva- lente a stop) una cadena ind tomaré el valor de un guién bajo y el valor actual de go (_1, _2,_3, etc.), mientras que handle tomaré el valor del nombre de archivo correspondiente (Atext, 2text, 3text, etc). Utilizando la funcién eval (), what accedera ala informaci6n de entrada contenida en form._1text.value y whether accederé a Ja informacién de su casilla en form._1.checked. Si whether es true, se construiré una cadena gstz del tipo “ Ltext=blue.txt&”, Esta construccién se crea mediante handle + + what + '&'. Observa el signo ampersand, que iré seguido del siguiente archivo a eliminar o, si es el tilti- mo de la lista, por una instruccién del tipo stop=4. De este modo, la instruccién POST siempre tendré el formato correcto, ya sea en forma de una instruccién sencilla con la variable stop, o de una cadena de instrucciones separadas por ampersand. function getquerystring(stop) { var form = document . forms ['deleteform'] ; var go = var qstr = ''; while (goparam('stop'); Stxtdire"../html/ajax/txt/"; $reldir="../ajax/txt/"; print $query->header; $go= # xecorre la lista de nombres # de archivos posibles enviada # por el XBR y elimina # los que estan incluidos while ($go<$stop) { $filename = '_'.$go.'text'; if ($query->param ($filename) ) { victim = $query->param ($filename) ; if ($victim =~ m/\//){ print "Accién denegadacbr />"; # prohibe el cambio de # directorio else { Starget = $txtdir.gvictim; unlink ($target) ; print "El archivo §victim ha sido eliminadocbr />*; y i Sgorts } # sigue la nueva lista de # directorio El resto es casi idéntico a delete.cgi, pero en lugar de insertar el resultado en delete.html sustituyendo la cadena, éste se envia al XHR con ayuda de la funcién print (). Después de la lista del directorio llega el final del formula- rio, que se sustituye con un recuento correcto (nuevo):Ejemplos AJAX 35, print " "; Es importante colocar la secci6n del directorio después de la eliminacién, de modo que los ar chivos eliminados no aparezcan en la nueva lista. if ("pecera" =~ m/pez/) significa: “Qe cera contiene pez?”. Su valor es true. if ("../index.html" =~/\//) significa: “La cadena contiene un /?” Su valor es true. Elssigno \ es para el filtrado de /. El equivalente en PHP es muy parecido, pero la formulacién de los nombres de variables y la comprobacién de la presencia de barras inver- tidas es algo distinta. La variable _1text es asimilada y toma el va- lor $impending. La variable $victm se for- ma utilizando el simbolo variable variable, $$impending. Esto nos permite pedir a PHP que establezca $vict:imen el valor de cual- quier variable cuyo nombre sea igual al conte- nido de $impending, Sila versin actual de $victimno es null, (en otras palabras, si ha sido enviada con un nombre de archivo por el XHR) el nombre de archivo que contiene se eliminara. Una vez mas, se mostrara un men- saje de eliminacion, Aqui se aplica la misma condicién que en Perl en lo que respecta a las barras invertidas. En este caso, utilizaremos la funcién de posicién de cadena strpos ()..Siel resultado es true, no se ejecutaré ninguna accién y el usuario (hacker) recibiré una advertencia. Este es el principio de deletefile.php: /* recorre la lista de nombres de archivo posibles enviados para su eliminacién, desenlaza los que figuran en la lista */ $dir = "./txt/"; Sgo=l; while ($go<$stop) { $impending = "_".$go."text"; $victim = §$impending; if (14s _null($victim)) { if (strpos ($victim,"/") == false) { //no cambio de directorio $target = $dir. $victim; unlink ($target) ; echo "El archivo $victim ha sido eliminadocbr />"; } else { echo "Accién denegada }
} $go+; } /* sigue nueva lista del directorio */ El resto del archivo es idéntico a la secci6n de delete.php, con el siguiente cédigo aftadido al final: echo ""; 2 Si queremos probar la eficacia del filtro de ba- rras invertidas, escribiremos la siguiente linea en la barra de direcciones del navegador: delete.php?_ltext=../go.txt&stop=1 Este es el equivalente en Perl, bajo la forma de una linea de comandos: perl deletefile.pl _itext=../index.html stop=1 En este punto, ya hemos logrado eliminar los archivos, y la confirmacién y la creacién de la lista del nuevo directorio van de camino al XHR.36 Eliminaci6n de archivos Confirmacién con estilo La tiltima acci6n de nuestra aplicacién es la llamada del XHR a la funcién updatepage (), que tomaré el relevo después de que el servi- dor confirme la finalizacién de la tarea en cur- 80, function updatepage (str) { document .getBlementByTd ("mensaje") -innerHTML = str; /* actualiza la lista */ processing ("COMPLETADO") ; } Dado que el elemento

contenia la lista del directorio original con las casillas, se actualizara para contener la nueva lista, menos los archivos que se hayan elimi- nado entretanto. ion iiss como estore at Para lograr un ahorro (discutible) de tiempo de procesamiento de JavaScript, el mensaje de fin del proceso se envia mediante la funcién processing () que hemos definido previa~ mente. Sustituye al mensaje anterior

install GD Desde Windows: Ena linea de comandos, escribe: PPM install GD Programaci6n orientada a objetos Por muchos motivos, en este ejemplo seré inte- resante utilizar los aspectos de la programa- cidn orientada a objetos de nuestros dos len- guajes de programacién. Para empezar, deja el proyecto abierto a la posibilidad de usar la misma funcionalidad en varias paginas. Ade- més, la programacién orientada a objetos per- mite afiadir 0 eliminar métodos segtin sea ne- cesario, tras lo cual son increfblemente faciles de usar. En tercer lugar, las propiedades de portabilidad y herencia significan que la parte de nuestro proyecto del lado del servidor se podria trasladar fécilmente a cualquier otro lugar, o integrarla en proyectos mas ambicio- sos. Eltinico inconveniente de la programacién orientada a objetos es que presenta el riesgo de parecer demasiado compleja. Este ejemplo pre- tende ser una introduccién sencilla para aque- los que nunca han usado el modelo de objetos anteriormente, como minimo en la versién PHP. En Perl, las cosas se complican un poco. Perl no integra la programacién orientada a objetos del mismo modo que otros lenguajes de pro- gramaci6n, tiene su propio sistema de médu- los. Estos funcionan de modo parecido a otros tipos de programacién orientada a objetos, pe- ro con sus particularidades especificas. De hecho, es habitual que los programadores de Perl siempre hagan las cosas de forma distinta. Carga de la imagen Puesto que AJAX es una tecnologia basada en texto, no tiene forma de cargar archivos bina- ios. Podriamos simular la subida de archivos con AJAX usando Iframes, una posibilidad que cabria la posibilidad de explorar. En ese caso, te remito a esta pagina: hito:/iww.airdweb.comifiles/upload/ in embargo, puesto que no es una técnica AJAX propiamente dicha, utilizaremos un formulario “ala antigua”. En realidad, el proceso de carga es muy senci- Ilo, corte a cargo del lenguaje HTML estandar. Una vez que el archivo se ha transferido, sigue un procedimiento algo mas complicado para colocar el archivo alli donde nos interese, pero no es nada dificil. Empezaremos con la version Perl. Formulario de transferencia Esta es la primera pagina que verd el usuario: Arche aiar yer Wigtoral Menderes Havramengae Ayuss «> 8 Cargar archivo —_— Aware Termindae40 Editor de imagenes Y aqui el cddigo correspondiente, en el archivo imageperl.html: carga un archivo jpg:

Aqui el elemento importante es: . Este es el que mostrar el bot6n "Examinar” si el usuario es espanol, “Browse” si es inglés, etc El elemento oculto que especifica MAX_FILE_SIZE define el limite del tamafio que el usuario puede cargar. Es una herramienta muy ditil. En este caso, hemos especificado un tamafio maximo de un megabyte. En este punto, es crucial observar dos puntos: T) Lacaxpeta que recibird los archivos carga- dos debe disponer de los permisos de ar- chivo correctos. Intenta dejarla con el mi nimo necesario, aunque algunos servido- res pueden exigir CHMOD 777. Recuerda que los archivos cargados deben ser acce- sibles para la ejecucién de nuestros scripts. 2. Ya lo hemos dicho en varias ocasiones, y no lo volveremos a repetir: comprueba la seguridad de la aplicaci6n. Si estas des- arrollando para una red abierta, protege la pagina de carga con contrasefta, o crea el proyecto en una red local sin acceso exte- rior. Cuando el usuario haya elegido una imagen JPG en su ordenador y haga clic en el botén Cargar archivo, el formulario enviaré el nombre del archivo (como texto) y el propio archivo (como binario) al servidor. Debemos organizar la recepcién. El c6digo siguiente muestra cémo trataremos elarchivo una vez que éste sea recibido por el servidor. En primer lugar instanciamos el mé- dulo CGI para la manipulacién del formulario, y después creamos dos cadenas: el directorio de destino y la ruta de la pagina Web que mos- trard la imagen cargada. A continuacién, utilizamos el método param () de CGI para acceder al nombre del archivo y el método upload () para acceder al archivo en si mismo, utilizando cada vez. el nombre “picture”, tal como lo definimos pre- viamente en el formulario HTML.Carga de la imagen 41 #1/usr/bin/perl -w use CGI; Supload_dir="../html/ajax/uploads" Spath="../html/ajax/uploader.htm"; $query = new CGI; $£ilename= Squery->param("picture"); $upload_filehandle= $query->upload ("picture") ; $filename =~ s/.*[\/\\](.*)/$1/; open UPLOADFILE, *>$upload_dir/$filename"; binmode UPLOADFILE; while ( <$upload_filehandle> ) { print UPLOADFILE; } close UPLOADFILE; $page_size = -s $path; open (PAGE, "$path") ; read (PAGE, $editor, $pa close (PAGE) ; $editor=~s/!---IMAGE---//g; $editor =~ s/1---LOCATION--- /$upload_dir\/$filename/g; print $query->header; print $editor; El c6digo incluye una expresion regular ‘compleja que, en pocas palabras, significa “quitar las barras y cualquier cosa entre barras del nombre del archivo”. Algunos navegado- res incluyen la ruta completa en el nombre de archivo, incluido el arbol de directorios. Con esta instruccién eliminaremos la informacién no deseada, que inevitablemente se incluye en- tre barras. Para representar las barras inverti- das debemos usar un cardcter de escape: barras normales. Elcomando open UPLOADFILE, con el sim- bolo >, indica a Perl que abra un archivo para escribir en nuestro directorio de destino. Po- drfamos usar cualquier nombre para manejar os archivos, pero la convencién es utilizar UPLOADFILE. Puesto que Perl es esencialmen- te un lenguaje orientado a texto, debemos indi- carle explicitamente que el modo de archivo sea binario utilizando la instruccién binmode. La instruccién whi.1e lee el archivo transferido linea a linea, y obliga a escribirlo linea a linea, Los paréntesis angulares leen una linea de S$upload_filehandie (la imagen) en cada pasada el bucle, y el resultado se escribe en UPLOADFILE. Una vez més, volvemos a en- contrar los orfgenes textuales de Perl, puesto que el comando de escritura es print. Una vez cerrado el archivo se crea una variable $edi tor. Le asignamos el contenido de nues- tra pagina Web de destino, en la que se inser- tardn el nombre y el enlace de la imagen car- gada, de la forma que ya conocemos. La pagina de destino, uploader: htm, hace algo més que mostrar la imagen que el usuario aca- ba de transferir. También contiene nuestro XHR y el formulario que el usuario utilizaré para editar la imagen. Sin embargo, de mo- mento examinaremos las secciones que se en- cargan de recibir el archivo transmitido.

Cambio de tamafio: enbsp; Anchura: Marco:

!---IMAGE---

42 Editor de imagenes Como vemos, la seccién de uploa- der.htm no es demasiado complicada. Contiene una tabla con dos columnas. En la segunda columna encontramos el marcador que el script de Perl utiliza para insertar la imagen. La imagen esta contenida en un

llamado result. Gracias a esta dispo- sicién, el XHR puede sustituirla por la nueva imagen cuando la manipulacién ha terminado. También se encuentra dentro de una seccién llamada picture que permite contro- lar mediante CSS cualquier informacién tex tual sobre la imagen, como la anchura 0 el ta~ maiio de archivo. Ena primera columna de la tabla, encontra- mos un formulario compuesto de dos elemen- tos de entrada: un par de botones de opcién que ofrecen al usuario la elecci6n entre dos ti- pos de manipulacién, Cambio de tamafio para modificar el tamafio de la imagen y Marco para afadir un borde alrededor de la imagen. Junto ‘a Cambio de tamafio, un campo de texto permi- te que el usuario introduzca la anchura de la imagen deseada. El formulario también contiene dos valores ocultos. El primero, Location, contiene el nombre del archivo cargado, tal como lo inser- t6 el script de Perl. El segundo es £i1ename, y est vacio hasta que se carga la pagina. Una vez.cargada, el evento onboad de la etiqueta ejecuta un script llamado randomstring(). ‘Como veremos a continuacién, este script ge- nera un nombre aleatorio para el archivo JPG. Este nombre se envia al servidor a través del XHR, y una vez editada la imagen se guardara con el nombre generado aleatoriamente. Vea- mos el script: function randomstring() { var chars = "9123456789abcdefghiklmnoparstuvwx yz" var string length = 8) var randomstring = ''; for (var is0; icstring length; ise) { var cnum = Math. floor (Math. random() *chars.length) ; randomstring += chars. substring (rnum, rnum+1) ; } var result-randomstring + '.jpg document . forms ['imageform']. filename.value = result; } La cadena chars contiene todos los caracteres alfanuméricos, a partir de los cuales se genera- 14 el nombre del nuevo archivo (con ocho ca- racteres). El bucle £ox genera un nombre alea- torio inferior o igual a la longitud de chars multiplicando dicha longitud por un ntimero aleatorio real comprendido entre 0 y <1 (Wath. random ()). A continuacién, redondea el nimero al valor entero més proximo (Wath. £100r ()). La variable randomstring toma un valor de caracter aleatorio por cada ciclo del bucle for hasta que se convierte en una cadena de ocho cifras. Se le afiade la ex tensién “jpg” y se envia al elemento oculto del formulario. En PHP el proceso es ligeramente distinto. El archivo imagephp.html es idéntico a imag. perl.html a excepcién del formulario, definido con action=uploader .php. El archivo uploader.php contiene el XHR, el script ran- domString y la tabla con el formulario imageform y la imagen cargada.Carga de la imagen 43 Esta es la seccién del archivo:

Cambio de tamafio: énbsp; Anchura: Marco:

"; }

La primera parte del formulario es idéntica a la versi6n Perl, pero PHP accede al archivo car- gado a través de otra ruta. Para llegar al nom- bre del archivo cargado tenemos que acceder a la variable global $_ PLES, que es una matriz asociativa. En pocas palabras, el nombre del archivo que se ha cargado se almacena en $_PILES['picture'] [ ‘name'], donde picture es el nombre del elemento especificado en el formulario de carga. Para establecer el valor oculto Location de la imagen cargada, utilizamos este valor como direccién, precectido del nom- bre de carpeta uploads. La funcién basename () “quita” la informacion de la car- peta, igual que hacfa la expresién regular de la versi6n Perl, La imagen en sf misma se encuentra en $_FILES['picture'] ['tmp_name']. Para trasladar el archivo al directorio correcto basta con usar la funcién move_uploaded_file() que, como seguro que habrés imaginado, se escribié exactamente para esto. Ahora que ya hemos logrado que los dos len- guajes de programacién se encarguen de reali- zar la transferencia, veremos cual es el plan para el resto de la aplicacién. Plan de ataque Uno de los principales objetivos de un pro- gramador es lograr que las cosas complicadas parezcan sencillas. Una vez terminada, nuestra aplicacién parecer sorprendentemente senci- lla de cara al usuario: cargar un archivo, selec- cionar una funci6n de edicién y hacer clic en ella, y contemplar cémo la imagen cambia. Sin embargo, bajo la superficie hay cierto grado de complejidad, de la que nos ocuparemos ense- guida. Hasta ahora, el usuario ha cargado una imagen en el servidor, éste la ha colocado en la carpeta “uploads” y ha enviado el nombre de la ima- gen a nuesira pagina uploa- der.htm/uploader.php. La pagina ha generado un nuevo nombre de archivo para la imagen modificada, asi que todo esté listo para que en- tre en juego el XHR.44 Editor de imagenes Lo que ocurrira a continuacién es que el usua- tio seleccionara un tipo de modificaci6n para aplicarla a la imagen. De momento tenemos dos tipos de ajuste: cambio de tamajio, para el que debe especificarse una nueva anchura, y marco, que coloca un marco negro alrededor de la imagen. ELXHER recuperaré la informacién relevante (nombre antiguo y nuevo de la imagen, mo ficacién deseada y detalles) y la enviaré a nuestra aplicacién de servidor, conversion.pl en Perl y conversion.php en PHP. Estas aplicaciones llamaran a un médulo y una clase llamados imageMaster, en un archivo se- parado, para realizar las funciones necesarias, en la imagen cargada. El resultado se guardara en el nombre de archivo especificado por randomString() En esta versidn de la aplicacién, el siguiente paso serd eliminar la imagen original. :Por qué? Precisamente porque no hay ningtin momento claro en el que deba eliminarse la imagen. Es importante que la eliminacién se produzca en algiin momento, de lo contrario un usuario que cargue una imagen de 2 megabytes habré cargado 20 megabytes en el servidor s6lo por editarla 10 veces. Si trabajase sobre diez imagenes, de pronto tendriamos 200 megabytes, una quinta parte de un gigabyte, totalmente intitiles en el servi- dor, sin ningiin método sencillo para liberar el espacio, Sin embargo, seria posible retardar el proceso de eliminacién. Podrfa resultar ttil si, por ejemplo, queremos que el usuario pueda vol- ver atrds en el proceso de edicién de la imagen para deshacer los cambios aplicados en cada etapa. Una variante como esta deberia incluir la eli- minaci6n de los archivos de imagen no desea- dos en algiin momento, sin tener que esperar que el usuario lo recuerde. Una vez que la nueva imagen ha sido creada y se ha eliminado la original, el XHR mostraré el resultado al usuario, reemplazando la imagen original por la nueva. Se llamaré a la funcién randomString () para insertar nuevamente un nuevo nombre de archivo como elemento coculto en el formulario HTML. Al mismo tiem- po, el nombre de la imagen antigua también se sustituird por la nueva. En este punto, la aplicaci6n habré realizado un circuito completo, y esté lista para seguir ade- lante. La pagina de carga ya tiene una imagen, y un nuevo nombre para ia siguiente version de la imagen. Asi, el usuario puede cargar su imagen y tra- bajar en ella tantas veces como dese, mientras cada imagen se guarda en el servidor y susti- tuye la anterior Elhecho de que la edici6n de la imagen se rea- lice con un médulo/clase resulta til en el con- texto de este proyecto. Significa que, a medida que desarrolles la aplicaci6n, puedes afiadir més y més funciones escribiendo un nuevo método en el médulo/clase. Ezitor de imagenes con Peri A continuacién, nos ocuparemos del XHR pro- piamente dicho, y veremos como estas instruc- ciones se transmiten al servidor.Conversion de la imagen 45 XHR para la edicion de imagenes Aligual que en aplicaciones anteriores, el XHR es el mismo en Perl y en PHP. Aftadiremos un elemento destinado a informar al usuario, igual que en la aplicacién de eliminacién de archivos. Esta es la parte del XHR que reaccio- naa la propiedad onreadystatechange: self.xmlHttpReq.onreadystatechange = function() { if (sel£.xm1HttpReq. readystatec4) { processing('go'); } else { updatepage (self. 2mlHttpReq. responseText) ; processing('stop'); } } Antes de la funcién querystring () (véase més adelante), definimos una variable JavaScript llamada method, como aqui: var method; querystring () establecerd esta variable en el método de manipulacién de la imagen que haya elegido el usuario. En JavaScript, las va- tiables declaradas fuera de una funci6n se pue- den usar en ella, siempre que no se vuelva a declarar el mismo nombre de funci6n. En nuestra funcién processing (), podemos re- cuperar la variable method y utilizarla en un mensaje simple para el usuario. Cuando readyState sea inferior a 4, el usuario ob- tendré un mensaje “PROCESANDO", y cuan- do alcance ese valor, borraremos el mensaje: function processing(status) { if (status=="go") { document .getElementById ("process") sinnerHTML = "PROCESANDO! 4method+"..." else { document .getElementById ("process") sinnerHTML ="; } } El mensaje se envia a un elemento

si- tuado justo debajo de la imagen. Esta es la funcién getquerystring(): function getquerystring() { var form = document . forms [ mageform'] ; var target = form. filename.value; var size = form.width.value; var source = form.location.value; if (form.method [0] .checke { var method="resize"; } if (form,method [1] . checke true) | true) | { var method="frame"; } af (((1>size) || (size>3000)) ee {method=="resize')) { size=300; alert('No se ha especificado un tamafio. Establecido a predeterminado: ' + size);} qstr= 'targets' + escape(target) + ‘gsizes' + escape(size) + 'gsource='! + escape(source) + ‘emethod=' + method; return gstr; } Este cédigo presenta algunas sutilezas que exi- gen una explicaci6n. En primer lugar, el con- cepto de botén de opcién. Como podemos ver en la ilustraci6n de la pagina anterior, el usua~ rio puede elegir entre dos funciones de edicién utilizando un botén de opcién. Acceder a la in- formacién de un botén de opcidn es relativa- mente complicado. A diferencia de las casillas, donde cada una tiene su propia identidad, los botones de opcién asociados comparten una misma identidad. Si examinamos a fondo el formulario edit form, comprobaremos que los botones de opcidn asociados a cada funcién tienen el mismo nombre. De hecho, en lo que respecta a JavaScript, representan dos partes de un solo elemento, £orm.method. El primer elemento (método resize) es form.method [0], el segundo (frame) es £orm.method [1] . Los dos botones son ele- mentos de una matriz (las arrays siempre em- piezan por 0) y cada uno tiene un valor checked de tipo booleano, es decir su valor puede ser true 0 false. Si el usuario ha hecho clic en la funcién de re- dimensionamiento, form.method [0] .checked sera true y pues-46 Editor de imagenes to que s6lo se puede seleccionar una funcién cada vez (ya que los botones de opcién son ex- clusivos) form.method [1] . checked sera necesariamente false. En estas condiciones, podriamos eliminar la segunda instruccién if y utilizar else para definir el método en frame (marco). Sin em- bargo, puesto que esta aplicacién est pensada para ampliarse, parece més légico dejar las co- sas tal como estan para que se pueda afadir method [2], method [3] y siguientes ms adelante. La tercera instrucci6n 4£ procesa los valores limite de la anchura de la nueva imagen defi- nida por el usuario. Si, por error, el usuario no indica ningiin valor de anchura, se cumplira la primera condicién: (1>size). Este caso no deberia presentarse muy a menudo, ya que por defecto el valor se ha fijado en 200 en edi tform, De todos modos, seguro que habré alguien que intentaré escribir un 0 como anchura (lo que nos conduciria a una divisién por 0 més ade- ante, como veremos en el método de cambio de tamaiio), por lo que es preferible evitar errores en el servidor arreglando el problema en origen, Si el usuario ha especificado una nueva anchu- ra superior a 3000, la condicién también se cumpliré, para evitar abusos del espacio de servidor (una imagen en color de 5000 pixeles puede ocupar mas de 10 megabytes). La terce- ra condicién comprueba que el método selec- cionado sea Cambio de tamafio. De no ser asi, no sitve de nada la comprobacién. Si una de las dos primera condiciones (| | sig- nifica una u otra) se cumple y Ia tercera lo con- firma (68), se ejecutard el contenido de la ins- trucci6n if. Lo que ocurre a condici6n es muy sencillo: la anchura se establece en 300 y el usuario recibe una alerta sobre el error cometido. El mensaje de advertencia serd el siguiente: [ts pn cn mv://womdilassicom dics] hort name it ° eam Para terminar, se genera la cadena de la solici- tud y se envia al servidor a través del XHR. Conversion de la imagen Eneste punto de la aplicacién, el servidor ya dispone de toda la informacién que necesita. La imagen antigua est4 esperando en el direc- torio uploads, el XHR ha enviado su nombre, igual que el nombre de la nueva imagen y la informaci6n sobre qué funci6n debe ejecutarse. Empezaremos por estudiar la versi6n Perl, puesto que su método de creacién de objetos es més complejo. Una vez que hayamos comprendido la versi6n Perl, el método empleado por PHP sera mas. facil de entender.Conversién de la imagen 47 Implementacién del médulo Perl Veamos el archivo imager-pl, que recibe la ca- dena de la consulta transmitida por el XHR: #1/usr/bin/perl use CGI; use imageMaster; $query = new CGI; print $query->header; my $source = Squery->param("source") ; my $newwidth = $query->param("size") ; my $target = Squery->param("target") ; my $mathod = $query->param ("method") ; $edit = new imageMaster; $edit->source ($source) ; Sedit->target ($target) ; if ($method eq 'resize') {Sedit->size(§newwidth) ; $edit->resample();} if ($method eq ' fram {S$edit->frame();} $edit->delete(); ) Este cédigo es bastante sencillo: los cuatro pa- rametros se leen con ayuda del médulo CGI y se invoca una nueva instancia del médulo ima- geMaster. Se establecen los dos nombres de ar- chivo, el antiguo y el nuevo, y se invoca el mé- todo deseado. Para terminar, se elimina el ar- chivo original. La simplicidad de este archivo se compensa con la complejidad de imageMaster.pm, el se- gundo médulo de Perl que invocaremos. A di- ferencia de CGLpm, que es una funcién estén- dar de todas las instalaciones de Perl, ésta debe venir de nosotros. ‘Como ya hemos sefialado, un médulo de Perl es muy parecido a otras formas de programa- cién orientada a objetos. Sin embargo, una de las principales diferencias es que los médulos deben estar en un archivo separado, mientras que en la mayoria de distribuciones de pro- gramaci6n orientada a objetos se trata sélo de una opcién. Existe otra diferencia importante: en la mayo- ria de sistemas de clases (incluido PHP), se han tenido en cuenta muchos de los detalles a la hora de establecer variables. No es este el caso de Perl, tal como veremos enseguida, Esta es la primera seccién de nuestro médulo imageMaster: #1 /usr/bin/perl use strict; use GD; package imageMaster; sub new { my ($eli my $self = { _source => undef, _size => undef, _target => undef, he bless $self, $class; return $self; } Se invoca el médulo GD porque lo utilizare- ‘mos a continuacién para editar la imagen. La cuarta linea define el nombre del paquete, que debe reflejarse en el nombre del archivo real, imageMaster pm. A continuacién, le sigue una subrutina (en terminologia de la'programacin orientada a objetos, un método, parecido a una funci6n). La linea de imager.pl, $edit = new imageMaster ;, en realidad es una llamada a esta subrutina. Su papel es crear una instancia de la clase imageMaster. Lo primero que haremos es declarar una clase y asignarle un nombre segtin el argumento en- viado a la subrutina. La variable especial @_ contiene cualquier argumento enviado a una subrutina, Puesto que hemos pedido new imageMaster, disponemos de una clase llamada imageMaster.48 Editor de imagenes La siguiente linea contiene la creacién de una hash table (0 array asociativa). La hash table $se1£ contendré tres valores: $se1£- >source, $self->size y $sel£->target. Hemos reservado memoria para la hash table, pero todavia esta vacia. El nombre de variable se1£ se establece como convenci6n. Mientras, que imager.pl hace referencia a $edit, ima- geMaster.pm siempre utilizaré el nombre $se1£, sea cual sea el script que le invoca. La siguiente linea es crucial, puesto que con- tiene la creacién del objeto en s{ mismo. Para ello tomamos dos cosas: la hash table y la clase ~y ya podemos bendecirlas (en inglés, bless). Es poco probable que encontremos la funcién bless () fuera de Perl. En nuestro caso, su funcién es decirle al intérprete de Perl que to me $8e1¢ y lo convierta en un objeto de la cla- se especificada en $class, es decir un objeto imageMaster. Una vez hecho esto, devolvemos el objeto recién creado; en otras palabras, ce- rramos la subrutina devolviendo su producto, un $se1¢ totalmente preparado y... bendeci- do. A partir de ahora, ya podemos hacer referencia aa $seL£ enel resto del médulo, ya que esté definido como variable de clase. Cualquier llamada a él desde otro script, como $edit- >frame () ;, enviaré automaticamente $self como argumento. Podemos acceder a él desde el inicio de cada subrutina invocandolo de la siguiente forma: my $self = @_; Ahora que imager.pl ya ha llamado a la inicia~ lizaci6n de imageMaster, debe enviarle la in- formacién pertinente. Y lo hace, por ejemplo, indicando: $edit->source ($source) ; En realidad se trata de una llamada a una sub- rutina, porque por cada parte de informacién que el médulo puede recibir existe una subru- tina de asignacién. Tenemos tres allocators que pertenecen a imageMaster.pm: sub source { my ( $self, $source ) = @; $self->{ source} = $source if defined($source) ; return $self->{_source}; } sub size { my ( $self, $size) = @ + $self->{ size} = $size if defined($size); return $self->{ size}; } sub target { my ( $self, $target ) = @ 3 $self->{ target} = $target if defined ($target) ; return $self->{_target}; } En Ios tres casos, tenemos dos argumentos que se deben leer: la variable de clase $se1£ y la informaci6n que envia imager pl. Cuando hay dos o mas argumentos en @_, se convierte au- tométicamente en una matriz. asociativa (lash fable). En consecuencia, podemos declarar dos nombres de variable, uno por cada argumento que contiene. El prefijo my es muy importante en los médu- los Perl, ya que identifica una variable privada. Las variables privadas s6lo son accesibles des- de la subrutina en la que se declaran, y no pueden ser modificadas por ningtin proceso exterior. Eso significa que se cumple uno de los principios de la programacién orientada a ob- jetos, la encapsulacién. Dicho de otra forma, la ejecucién de nuestro médulo no interferira con ningtin médulo o proceso externo. Leyendo la segunda Iinea de nuestras subruti nas de derecha a izquierda, tenemos la funcién defined () que comprueba que haya infor- macién en el argumento enviado desde ima- ger.pl. De ser asi, el contenido se establece en la entrada relevante en la hash table de $se14. Esta informacién pasa a estar disponible para otras funciones dentro de imageMaster:pm llamando, por ejemplo, a $ae1£->source.Conversién de la imagen 49 Una vez creado el marco de trabajo y rellenado con informacién, pasaremos a la edicién de la imagen propiamente dicha. Hace rato que no Jo decimos pero... aunque no lo parezca, esta- mos creando un editor de imagenes. Cambio de tamaiio Supongamos que el usuario ha optado por modificar el tamaiio de la imagen. El XHR ha enviado, entre otros datos, las instrucciones method=resizeéwidth=400. El nombre de Ia imagen original se habré establecido en $se1£->source y el nuevo nombre generado aleatoriamente se encontrard en $sel£->target. Cuando imager pl com- pruebe ($method eq 'resize') lacondi- cién se cumplira, y se emitiran dos comandos. EL primero de ellos establece la anchura de la nueva imagen: $edit->size ($newwidth) ; El segundo llama a una nueva subrutina: S$edit->resample() Veamos el cédigo de la subrutina de cambio de tamajio: sub resample { my ($self) = @; my $newwidth=$self->size; my $source=$self->source; my S$target=$self->target; my $tmp= GD: : Image->newFromJpeg ($source) ; my ($width, $height) = $tmp->getBounds () ; my $newheight= sprintf ("%.0£", (Sheight/$width) *Snewwidth) ; ny $pic= GD: : Image->newTrueColor ($newwidth, §newheight) ; $pic->copyResampled ($tmp,0,0,0,0,$newwidth, S$newheight, $width, $height) ; open (FILE, ">../html/ajax/uploads/$target") ; print FILE $pic->jpeg; close FILE; print ""; } La primera Ifnea llama a $self ynosdaacce- 30 a toda la informacion que contiene. Las tres lineas siguientes toman la informacion de $self y la asignan a variables locales, Para respetar la encapsulacién, Perl no permite en- viar informaci6n a funciones externas a menos que se utilicen variables locales. Lincoln Stein El siguiente paso es empezar a utilizar la inter- faz de Perl con GD, el paquete de desarrollo grafico que nos permitird editar las imagenes. GD esté a disposici6n de los programadores de Perl a través de GD.pm, de Lincoln D. Stein. Como ya hemos avanzado su uso al principio del archivo imageMaster.pm, ya podemos crear una instancia del mismo. GD son las siglas de Graphics Draw, un paque- te escrito por Thomas Boutell. Originalmente, se escribi6 en C para trabajar sobre imagenes | IE, pero ahora est disponible para muchos | lenguajes y puede editat los formatos JPG, PNG y GIF. La implementacién de Perles de Lincoln Stein. Utilizando la variable local $tmp podemos hacer que todo vaya muy répido declarando nuestro objeto y envidndole la primera parte de la informacién. En consecuencia, asignamos a $tmp el estado de objeto GD::Image basan- donos en el resultado del envio de §source al | método newFrompeg(). La variable ¢tmp ha recibido la imagen cargada por el usuario, y a partir de ahora cualquier método aplicado a ‘$tmp se aplicard a la imagen original.50 Editor de imagenes Torn Boutell El primer método al que debemos llamar es. getBounds (), que calcularé la anchura y la altura en pixeles de $tmp. Estos valores se en- vian a $width y $height. ‘Ya conocemos la anchura deseada de la ima- gen una vez. transformada, porque el usuario Ia ha especificado. Sin embargo, para poder determinar la altura correspondiente debemos realizar un célculo. Para mantener las propor- ciones de la imagen, podemos basarnos en el hecho de que la nueva altura se obtiene di diendo la altura original por la anchura origi- nal y multiplicando el resultado por la nueva anchura. De ahi deriva la formula: (Sheight/$width) *$newwidth. Sin embargo, el resultado de una formula co- ‘mo esta nos daria demasiados decimales, es algo inevitable cuando se dividen ntimeros re- ales, No resulta muy eficiente tener valores de punto flotante como este ocupando espacio en memoria durante todo el proceso. Por eso re~ curriremos a sprint (), la funci6n para mos- trar niimeros reales, para redondear el niimero al entero més cercano. Para que no devuelva decimales, especificaremos &. 0£. Ahora ya tenemos toda la informacién necesa- ria para realizar el cambio de tamafo. Para ello, crearemos una nueva instancia de GDz:Image con $pic. Esta vez no creamos una imagen a partir de un archivo jpg. En consecuencia, el método seré distinto: utili- zaremos newTrueColor () , el formato de tra- bajo estandar del entorno GD. Més tarde lo convertiremos en un jpg; La tinica informacion que debemos darle a GD en este punto es la al- tura y la anchura. El objeto $pic es una ima- gen vacia de las dimensiones correctas, y en la linea siguiente la rellenaremos. El método copyResampled() toma una ima- gen y cambia su tamaiio respetando el original Jo maximo posible. No debemos olvidar que las imagenes en formatos como JPG, PNG 0 GIF son de tipo raster, estén formadas por una rejilla de puntos luminosos de distinto color e intensidad. Cuando cambiamos el tamaiio de una rejilla debe ser forzosamente una aproxi- macién, y el resultado seré siempre ligeramen- te distinto al original. Si aplicamos una serie de cambios a una misma imagen y después la de- yolvemos a sus dimensiones originales, no sera tan nitida como la imagen original. De todos modos, el método de GD es igual de bueno que cualquier otro, por lo que no vale la pena buscar otras tecnologias. El método copyresampled () exige nueve argumentos. El primero es el nombre de la imagen original, los cuatro tiltimos son la an- chura y altura de la nueva imagen y la anchura y altura de la imagen original. Los argumentos segundo a cuarto son dos pares de coordena- das. En el supuesto de que necesitésemos mo- ver la imagen de una posici6n a otra, podemos sugerir una posicién original y una nueva po- sicién con dos pares de valores(x,y). En este caso, no necesitamos esta funcionalidad por lo que escribiremos (0,0). El objeto $pic ya tiene Ia version de la imagen original con el nuevo tamafio que ha solicitado el usuario. El siguiente paso consiste en guardar la ima- gen en un archivo. La operacién es casi idén ca al proceso de escribir un archivo de texto. Utilizaremos la funcién open () con el identi- ficador FILE y le daremos la direcci6n del ar- chivo a escribir, es decir $target, que contie- ne el nombre de archivo generado aleatoria- mente.Conversion de la imagen 51 El simbolo > indica que queremos escribir en el archivo. El comando print () aplica el méto- do “jpeg” de GD::Image a nuestro identifica- dor FILE, Este método se ocupa de decidir lo que se debe escribir, y produce la imagen en formato JPG. Existen métodos similares para crear imagenes GIF, GIF animado y PNG. Si prevés desarrollar una funcionalidad que permita al usuario elegir entre distintos tipos de formato de archivo, podrias utilizar estruc- turas de control en esta seccién para imple- mentar la seleccin del usuario, con los méto- dos ->Jpg, ->gif y ->png. Una vez cerrado el archivo, lo tinico que nos queda por hacer es producir una salida para el XHR, es decir un enlace a la nueva imagen. Marco La segunda opcién que le hemos propuesto al usuario le permite insertar un marco alrededor de la imagen. De momento no necesita mas in- formacién, aunque podrias ofrecer la opcién de elegir el color del marco si te interesase am- pliar el programa, Este método dibujaré un marco de cuatro pixe- les alrededor del borde exterior de la imagen cargada. Al dibujar sobre la imagen existente, as dimensiones no variaran , por lo que no se remuestrearé el contenido. La anchura del marco es otro elemento que podrfamos dejar en manos del usuario si quisiéramos ampliar la aplicaci6n, El marco utilizaré el color mas oscuro de la pa- leta que ofrezca la imagen. El noventa y nueve por ciento de las veces seré negro (casi todas Jas imagenes tienen como minimo un pixel que es negro o casi negro). Si la imagen se limita a azul y blanco, el marco tendré el color del azul més oscuro de la imagen. El motivo es que uti- lizamos la imagen actual con su paleta de colo- res, ya que cambiar la paleta de una imagen es un proceso mucho més complicado. Veamos la subrutina para crear el marco: sub frame { my ($self) = @; my $source=$self->source; ny S$target=$self->target; my $image = GD: : Image- >newFromJpeg ($source) ; my $black = $image->colorResolve (0, 0,0); my ($width, $height) = $image->getBounds () ; for (my $i=0; $i <= 3; $i++) { $image->rectangle ($i, $i, (Swidth- 1-$4), ($height-1-$i),$black) ;} open (FILE, ">... /htm1/ajax/uploads/$target") ; print FILE $image->jpeg: close FILE; print ""; Bs En las tes primeras lineas, recuperamos la in- formacién necesaria de nuestra variable de cla- se, igual que en la subrutina anterior, No nece- sitamos declarar dos objetos GD::Image en este caso, puesto que tomamos una imagen y dibu- jamos sobre la misma; no necesitamos enviar una imagen como argumento para crear otra. El objeto $image se declara con el original como $source El método colorResolve () nos proporcio- naré el color més oscuro de la paleta de la ima- gen si le damos los argumentos (0,0,0). Funcio- na de la siguiente forma: los colores de la pale- ta tienen valores comprendidos entre 0'y 255, para el componente rojo, el verde y el azul. Son los tres colores primarios para componer colo- res con luz,52 Editor de imagenes La combinacién (255,255,255) corresponde al blanco, mientras que (0,0,0) es negro, es decir, Ia ausencia de color. La llamada al método colorResolve (0,0, 0) buscard el negro en Ja paleta de la imagen y, si no lo encuentra, de- terminara autométicamente el color mas cerca- no-es decir, el color més oscuro disponible. En 1a linea siguiente, utilizamos el mismo mé- todo que en la subrutina anterior para obtener las dimensiones de la imagen. Las necesitamos para dibujar correctamente el marco. Elbucle for es el que controla el dibujo del marco alrededor de la imagen. Como podemos ver, el bucle se ejecuta cuatro veces, con el va~ lor del contador $4 incrementando en cada ci- clo de 0 a3. Por cada ciclo del bucle, se dibuja- 14 un rectangulo en la imagen, partiendo del exterior y moviéndose un pixel cada vez. El método $image->rectangle recibe cinco argumentos: dos pares de coordenadas y un valor de color. Lee el primer par de coordena- das y las toma como punto de partida de un rectdngulo; el segundo par de coordenadas describe el punto opuesto del rectangulo. Ba- sindose en esta informacién, dibuja un rectin- gulo con lineas de un pixel, con el color especi- ficado en $black. La primera vez que se ejecuta el bucle, traza un rectangulo que parte de (0,0) en los limites menos uno. De este modo, el recténgulo estaré alrededor del interior del lienzo. La segunda vez que se ejecuta el bucle, dibuja un recténgu- Jo un pixel dentro del anterior, y asi hasta que se ha dibujado el borde de cuatro pixeles. Una vez hecho esto, se escribe el archivo, igual que en el ejemplo anterior, y el enlace al mis- mo se devuelve al XHR. Ajax a punto de degollar un carnero. No olvidemos el 1; La subrutina final del médulo Perl es la que utiliza imagen.pl para eliminar la versi6n ori- ginal del a imagen. Este es el resto de cédigo de imageMaster p|: sub delete { ny ($self) = @; my §victim = $self->source; unlink ($victim) ; } qs Quizas te preguntas qué significa ese ntimero uno al final del médulo, La respuesta es senci- lla: la ejecucisn de un médulo Perl se puede considerar un evento booleano. Esto nos per- mitirfa un uso como el siguiente: $go=if {new dodgyModule} else {die("1")} De este modo, podemos gestionar mejor los errores. En el ejemplo anterior el programador mantiene el control del flujo de informacién en el caso de que la llamada al médulo falle, pro- vocando explicitamente el envio de un mensaje antes de detenerse.Conversién de la imagen 53 Sin embargo, para que la ejecucién de un m6- dulo devuelva el valor true, es necesario termi- narlo con una instruccién true. Y la que utili- zan més conuinmente los programadores de Perl es el niimero 1. Implementacién PHP Tras este estudio detallado de la creacién del médulo Perl, la version PHP de la misma apli- caci6n seré un juego de nifios, Este es el archivo imager php: $source, ‘size'=> $size, ‘target'=> $target); $go=new imageMaster (elements: if ($method=="resize") { $go->resize(); } if ($method=="frame") { $go->frame(); } $go->delete(); 2> La primera Ifnea indica la ruta del archivo que contiene nuestra clase imageMaster. Utilizaremos una matriz asociativa en nuestra clase PHP, igual que en Perl hemos usado una hash table. De todos modos, en este caso ya preparamos la array en el primer script PHP, y la enviamos a imageMaster con la informacion recibida de uploader.php. Esta es la primera parte del archivo imageMas- ter.php: source= $elements['source'] ; $this->size=$elements['size']; $this->target= $elements[‘target']; i Enseguida esta hecho: la declaracién de la cla- sey los constructores, en s6lo nueve lineas. En la declaracién de las variables utilizamos el tipo private, que garantiza el mismo tipo de encapsulacién que ofrecia my en Perl; ningtin otro proceso podré acceder a las variables que se utilizan en este objeto. Una vez declaradas las variables que recibirén la informacién de imager-pl, utilizamos la funcién __sonstruct () para crear una matriz asocia- tiva, a fin de reunirlas en una variable de clase. Esta funcién es una funcionalidad estandar de Jas clases PHP: siempre se ejecuta la primera vez. que se invoca una clase. La informacion de la array estaré disponible para todas las demas funciones dentro de la clase, como $this->source, §this->sizey $this->target, El tipo de datos private sdlo esta disponible a partir de PHP 5. Sino puedes instalar la ver- sion 5 0 si tu ISP no la oftece, deberds utilizar De forma parecida, la funcion estandar __senstruct () no existe en la version 4. En su lugar, la funci6n deberia tener el nombre de Ia clase, en este ejemplo, imageMaster ().54 Editor de imagenes Ya tenemos nuestra variable de clase repleta de informacién, por lo que podemos pasar a los métodos del objeto que realizarén las modifi- caciones en la imagen. Cambio de tamafio Este es el primer método: dze() { $src=imagecreatefromjpeg ($this->source) ; list ($width, $height) = getimagesize ($this->source) ; Snewwidth=$this->size; function x $newheight=round ((Sheight/$width) *$newwidath) ; //redondear para evitar 11 //decimales $tmp=imagecreatetruecolor ($newwidth, $newheight) ; imagecopyresampled ($tmp, $src, 0,0,0,0,$newwidth, §newheight, $width, Sheight) ; imagejpeg($tmp, "uploads /$this->target",100) ; imagedestroy ($src) imagedestroy ($tmp) + echo "target>"; } En esta situacién, el usuario ha seleccionado la funcién de cambio de tamaiio y ha especifica- do una anchura para la nueva versi6n de la imagen. A diferencia de Perl, no es necesario invocar explicitamente el paquete GD, pode- mos empezar a usar los métodos de GD. La imagen original se abre y se guarda en $arc llamando al método imagecreatefrom}peg (). La funcién List () nos permite recuperar la anchura y la altura que devuelve getimagesize() y asig- narlas a nuestras dos variables $width y Sheight. Como ya hemos explicado en el método de cambio de tamafo de Perl, podemos calcular la nueva altura tomando la nueva anchura que ha especificado el usuario y se ha guardado en $this->size, multiplicarla por la altura ori- ginal y dividirla por la anchura original. Ya podemos crear una nueva imagen con las di- mensiones correctas, con imagecreatetruecolor (). El objeto $tmp es una imagen vacfa, preparada para recibir el original redimensionado. La funcién imagecopyresampled () se en- carga del cambio de tamaiio propiamente di- cho. Necesita 10 argumentos. Los dos primeros son la imagen nueva y original, respectivamen- te. Los cuatro siguientes son dos pares de co- ordenadas que permiten al programador co- piar un area de una imagen en otra. No es nuestro caso, por lo que dejaremos los valores (0,0). Los cuatro tiltimos argumentos son, por orden, la nueva anchura y la nueva altura, y la anchura y la altura originales. Una vez se ha ejecutado imagecopyresampled(), la nueva imagen ya existe en memoria, redimensionada ala anchura especificada por el usuario. Ahora tenemos que escribir la imagen en un archivo. El método image; peg () recibe tres argumen- tos: un objeto GD, una ubicacién de destino y un nivel de compresién JPG. Especificaremos Ia imagen redimensionada $tmp, el destino re- cibido de imager.php y el valor 100. El proceso de compresi6n JPG implica pérdida, lo que sig- nifica que siempre se pierde calidad de ima- gen. Si el espacio que ocupan los archivos es prioritario, la compresién JPG puede reducir el tamaiio del archivo reduciendo la calidad de imagen. Con un nivel de compresién de 10 la imagen seria horrible, y con 60 estarfa ligera- mente degradada.Conversién de la imagen 55 Puesto que buscamos obtener un redimensio- namiento de la maxima calidad posible, evita- remos los efectos de la compresién especifi- cando un valor de 100. El archivo ya esté listo y practicamente hemos terminado. ‘Todavia nos queda un proceso indispensable, que no aparecia en Perl, El espacio reservado en memoria por los procesos GD para nuestras dos imagenes no quedaré liberado hasta que no lo pidamos, usando el método imagedestroy(). Por ese motivo ejecutamos este método una vez por cada una de las imagenes, $src y $tmp. Perl dispone de un sistema de gestion de la memoria que realiza esta tarea autométi- camente. Para terminar, el enlace a la nueva imagen se devuelve al XHR. Es sencillamente una cadena que contiene el directorio de carga y el nombre generado aleatoriamente por uploader.php. Marco La funcién del marco creara un borde de cua- tro pixeles alrededor de los margenes exterio- res de la imagen. Como ya hemos visto antes, esto nos permitiré aplicar un marco a la imagen sin cambiar sus dimensiones ni reducir su calidad. El color del marco seré negro o el color més proximo al negro que se encuentre en la paleta de colores de la imagen. Igual que en el método de cambio de tamaio, ‘empezaremos abriendo la imagen original y asignéndole el objeto $sxc con ayuda de imagecreatefromjpeg(). En esta ocasién, no es necesario crear una se gunda imagen en GD, porque nos limitaremos a dibujar sobre la imagen original. Este es el método: function frame() { $src=imagecreatefromjpeg ($this->source) ; list ($width, $height) = getimagesize($thi $black= imagecolorresolve ($src,0,0,0) ; for ($i=0; $ic=3; $i++) { imagerectangle($sre, $i, $i, $width-1-$i, $height-1-$i, $black) ; } imagejpeg($src, “uploads/$this->target", 100); imagedestroy (src) ; echo "target>"; >source) ; } Recuperamos las dimensiones de la imagen original pidiendo a List () que envie el resul- tado de getimagesize() a $widthy $height. La tiltima informacién que necesi- tamos es el color més oscuro de la paleta de nuestra imagen. El método imagecolorresolve () busca el negro (0,0,0) o el color mas cercano posible y lo asigna a nuestra matriz, $b1ack. (Para mas in- formacién, consulta la seccién sobre Perl). A continuacién, invocamos un bucle for para dibujar los cuatro recténgulos que constituiran el marco de cuatro pixeles. El método imagerectangie () recibe 6 ar- gumentos: la imagen en la que se dibujard el rectangulo, las coordenadas de la esquina su- perior izquierda del recténgulo, las de la es- quina inferior derecha, y un color. Cuando el bucle se ejecuta por primera vez dibuja un rec- téngulo desde (0,0) hasta el punto mas alejado; Ja segunda vez dibuja un recténgulo un pixel dentro del primero, y asf hasta haber trazado cuatro.56 Editor de imagenes Para terminar el método, escribimos el archivo, eliminamos el objeto GD de la memoria y pre- paramos el enlace a la nueva imagen, recién enmarcada. El tiltimo comando de imager.php es una lla- mada para climinar la imagen original del ser- vidor. Esta es la tiltima parte de nuestro archi- vo imageMaster.php: function delete() { unlink ($this->source) ; } } 2> Como ya hemos visto anteriormente, serfa po- sible retrasar la eliminacién, permitiendo asi que el usuario “deshaga” una o varias de las. funciones que haya aplicado a la imagen. Una posible forma de hacerlo seria almacenar enel elemento edit form de uploader.php no s6lo los nombres del archivo original y nuevo, sino también el nombre de archivo anterior. Una funcién JavaScript, dentro de uploa- der.php, podria memorizar el nombre de ar- chivo anterior llamando al nombre de archivo original cada vez que se llama al XHR. De este modo, imager. php podria eliminar el archivo anterior cada vez (si existe) en lugar de borrar el original. Esto permitiria un solo pro- ceso de “deshacer”. Dejo en tus manos la brisqueda de una solu- cién si quisiéramos deshacer varias acciones, pero recuerda que debes encontrar una forma de borrar las imagenes obsoletas. Fin del juego: jprohibido marearse! Practicamente hemos llegado al final de esta parte de nuestra aplicacion de edicién de imé- genes, pero todavia no esta del todo termina- da. Reinicializacién de la aplicacién La informacién devuelta al XHR se insertaré en la pagina de la forma habitual, pero todavia queda algo. Para que el programa de edicién permita al usuario realizar tantos cambios en Ia imagen como desee, debemos asegurarnos de que la aplicacién contintie indefinidamente. Veamos la funcién updatepage () de uploa- der.htm y uploader.php: function updatepage (str) { document . getElementById ("result") -innerBTML = str; var form = document . forms ['imageform'] ; var upper = form. filename.value; form.location.value = “uploads/" + upper; randomString(); } La primera linea muestra el enlace al archivo recién creado en el elemento

. Puesto que este elemento conte- nia la imagen original y ahora recibe el enlace a la nueva imagen, el efecto que se obtiene es la sustituci6n de la imagen antigua por la nue- va. La siguiente linea busca nuestro elemento for- mulario y le atribuye la variable form. A continuaci6n, reinicializamos la aplicaci6n; se trata sencillamente de eliminar lo antiguo y preparar lo nuevo.Tu turno 87 Elnombre de la imagen original se sustituye por lo que, hasta ahora, se ha considerado co- mo el nuevo nombre de archivo: form. filename. value se copia en form. location.value. A continuacién, llamamos a la funcién randomstring() para crear un nuevo nombre de archivo aleatorio e insertarlo en form. filename. value. Veamos rapidamente c6mo funcionara. La primera vez que el usuario vea la pagina de carga verd su propia imagen, que conservaré su nombre original, imaginemos que casade- madera.jpg. La accién onLoad de ha llamado a randomstring (), que ha creado el nombre de archivo gyah5fhd.jpg. La clase ima- geMaster leerd el archivo casademadera,jpg y escribir gyahSthd jpg. Una vez que el nuevo archivo se muestre en la pagina Web, gyahSthd,jpg se guardaré como nombre de imagen original en form.1ocation.value y 1500gaak,jpg, generado por una nueva llamada a randomString(), se asignard a form. filename.value. Cuando termine la siguiente funcién de edicién, r500gaak jpg, sera Ja imagen original y se crear un nuevo nom- bre de archivo aleatorio. Y asi indefinidamen- te, Definir el estilo El tiltimo elemento de nuestro archivo uploa- der es una llamada a una hoja de estilos sepa- rada, a la que imageperl.html y imagephp.html también hacen referencia. Esta linea se encuen- tra en la seccién de cada uno de los archivos: Y este es el archivo imagemaster.css: body, p, input, textarea, div, span { font: 10pt verdana, arial, sans-serif; } En este momento es una declaracién minima- lista; un tipo de fuente para todos los contene- dores HTML de la lista. Una vez que convier- tas la aplicaci6n en un producto mas completo, sin duda deberds perfeccionar la hoja de esti- los. Tu turno Una vez que la aplicacién ya esté funcionando, tendras la base de lo que podria convertirse en un sitio Web de edicién de imagenes muy titil. Existen varios puntos en las secciones anterio- res en las que hemos mencionado posibles ca- minos para ampliar la aplicaci6n, y otras que puedes inventarte por tu cuenta. Estas son s6lo algunas de las formas posibles de desarrollar este proyecto: © Ampliar la gama de formatos de imagen de entrada y salida para incluir GIF y PNG. © Permitir al usuario “deshacer” cambios en una imagen, volviendo a una o varias ver- siones anteriores de la misma. + Permitir que el usuario seleccione un nom- bre de archivo y una ubicacién de destino para la imagen modificada. + Permitir que el usuario elija una imagen de una selecci6n y la edite en el momento (0 incluso varias a la vez). * Ajiadir mas funciones de edicién de la imagen como rotacién, desaturacién (blan- co y negro), recorte, afiadir marcas de agua, copyright y muchas otras de las ta~ reas que permite el paquete GD. * Mejorar las funciones existentes, por ejem- plo permitiendo que el usuario elija un co- lor o un grosor para el marco. ‘* Agregar la posibilidad de combinar varias imagenes en un GIF animado. Existen muchas otras posibilidades para am- pliar la aplicaci6n y convertirla en una herra- mienta verdaderamente titi El hecho de afiadir funcionalidad suele signifi- car la adicién de otro método a la clase. Existen dos formas igualmente vélidas de hacerlo. La primera es empezando por la parte HTML, fiadir otro botén de opcién al formulario que inicialmente no haga nada, y probarlo en el navegador.58 Editor de imagenes A continuacién, deberfamos afiadir la informa- cién adicional relevante en la funcién getquerystring() del XHR, y probar el c6- digo JavaScript y la cadena POST que se envia al servidor. Finalmente, comprobariamos que la informa- cién llegue a la aplicacién del lado del servidor y afiadiriamos un método que inicialmente s6- Jo mostraré un mensaje de depuracién del tipo “Hola, acabas de optar por cambiar el tamaito de la imagen”. Cuando el nuevo método funcione, la nueva funcionalidad estar4 completa y lista para pro- barla. La segunda opcién consistirfa en empezar por escribir el método, y después ajustar el XHR para que llame cada vez.a este método. A continuaci6n, modificarfamos el formulario para que llame automaticamente al nuevo mé- todo y, para terminar, modificarfamos el for- mulario para que sélo lame al método si el usuario lo ha seleccionado. A priori, los dos métodos son igualmente vali- dos, pero hay un buen motivo para utilizar el segundo. Se empieza por la parte dificil de la programaci6n, por lo que cuando el cansancio y la impaciencia empiecen a afectar tu rendi- miento, slo te quedaré una tarea (relativa- mente) sencilla por hacer. Tyler Mane en el papel de Ajax, en Ia pelicula Troya (2004). En el momento de la acci6n, Ajax es- 44 furioso contra el capital del barco. Si amplias este proyecto o simplemente ests contento de haber logrado que funcione, en- vianos el enlace de tu editor de imagenes ter minado a info@pc-cuadernos.com para poder presentar ejemplos de cémo AJAX puede en- cargarse de la edicién grafica.Conversor XML. 59 Conversor XML En el siguiente ejemplo combinaremos dos de as tecnologias que la mayoria de expertos con- sideran como lo mas “puntero” en desarrollo para Internet: AJAX y XML. 2A qué viene tanto revuelo con XML? Para los no iniciados, resulta dificil comprender qué tiene de especial. ;Cémo pueden un montén de tags en un sencillo archivo de texto ser tan importantes en un mundo de tecnologias in- crefblemente complejas como las biisquedas, las selecciones répidas o la privacidad de la red? El ideal XML Algunos de los atributos de XML lo convierten en una tecnologia especialmente interesante. Es un lenguaje muy sencillo. Hay pocos len- guajes informaticos que se puedan considerar “legibles por un ser humano”, pero sin duda XML es uno de ellos. Veamos un ejemplo de un archivo XML sencillo: 1.0" encoding="UTF-8"?> stitulo>La Regenta 1884 Fortunata y Jacinta 1886 1980 El Quijote 1605 Si se compara con las expresiones regulares de Perl, este tipo de informacion es mucho més accesible. La idea bésica es evidente a primera vista: tenemos una categoria contenedora glo- bal, una agrupacién de tres objetos categoriza- dos como “novelas”, cada una con sus caracte- risticas. La categoria que las contiene a todas es el elemento rafz. Cada novela es un nodo, y los elementos que contiene cada nodo se conocen como propiedades. La lista de propiedades de cada nodo no siem- pre es idéntica. El segundo elemento tiene un elemento “teleserie”, que indica que se cred una serie para televisién basada en el libro For- tunata y Jacinta en 1980. El primer nodo es el encabezado, y establece la codificacién en “utf-8” para que se puedan uti- lizar sin problemas acentos y otros caracteres especificos del idioma. El guién bajo se utiliza porque los nombres de los nodes no deberian contener espacios. Ademés, hay una serie de caracteres especiales que no se pueden utilizar en las etiquetas de nodos XML o dentro de sus propiedades, como &, ', ", . En su lugar deben usarse los equivalentes HTML: & , fapos;, ", elt; y egt: Es facil identificar r4pidamente una gran ven- taja de XML con respecto a HTML: la posibili- dad de crear nuestras propias etiquetas. Este ejemplo es un archivo XML sencillo de tres veles, pero se pueden utilizar muchos més ni: veles y propiedades, lo que permitiria almace- nar grandes cantidades de informacién en una estructura jerarquica disefiada por nosotros mismos. Este es uno de los motivos por los que los creadores de OpenOffice han optado por usar el formato XML como formato de archivo. Tanto si se trata de archivos de texto como de hojas de célculo o diapositivas, todos sus for- matos son conjuntos comprimidos de archivos XML.60 Conversor XML. Elhecho de que OpenOffice recurra a este sis- tema para muchos tipos de archivo distintos subraya otra de las cualidades de XML, la por- tabilidad. Los datos guardados en XML se pueden transportar, traducir o convertir fécil- mente a otros formatos, gracias a su estructura sencilla. Incluso Microsoft se ha convencido de adoptarlo aunque, fieles a su tradicién, lo han hecho de una forma “propietaria” y en lugar de adoptar las definiciones XML esténdar crea- ron su propia version, MS XML. En este ejemplo final llevaremos la portabili- dad a extremos insospechados. Tomaremos un bloque XML sencillo de tres niveles, como el del ejemplo anterior, y lo convertiremos a va- rios formatos, desde hojas de calculo hasta ar- chivos de sonido. Sin embargo, aunque los archivos XML sean sencillos en si mismos, procesar la informacion que contienen puede resultar complicado. Para procesar la informaci6n almacenada en nues- tro archivo XML debemos convertirlo en algo que PHP y Perl puedan comprender, lo que significa arrays asociativas y hash-tables. Por suerte, existen herramientas para convertir XML en estos formatos, que nos ahorraran el trabajo de parsear los datos. De todos modos, la manipulacién de las matrices y hash tables resultantes puede convertirse en todo un reto, como veremos enseguida. Objetivo de la aplicacién Para aprovechar las cualidades mas importan- tes de XML y AJAX, nos proponemos crear una aplicacién Web que permita al usuario in- troducir un cédigo XML de tres niveles en un formulario y elegir uno de seis formatos de sa- lida posibles. Por cada formato seleccionado, se crearé un nuevo archivo que contendré la informacién del XML del usuario. Esta es la lis- ta de formatos que estarén disponibles en la aplicacién inicial: XML: por defecto, la informacién proporcio- nada por el usuario se escribiré en un archivo XML. En funci6n del navegador, el archivo podra ser legible o no, pero sera XML puro, es decir, que a menos que tenga asociado un ar- chivo CSS 0 XSL, no se mostrar correctamente (aunque por lo general, si se mostrara). Una extensién titil de esta aplicaci6n seria incluir la generacion de un archivo CSS referenciado por la salida XML. Sin embargo, Internet Explo- rer 5 no puede leer XSL, por lo hay que tener en cuenta qué navegadores se usarén. Texto: archivo de texto sencillo con extensién “ txt”. Este formato puede ser lefdo por todos los editores de texto conocidos en cualquier sistema operativo, con la tinica limitacién de que no permite guardar informacién de forma- to exceptuando saltos de linea, espacios y tabu- laciones. Se podria prever ampliar esta posibi- lidad convirtiendo el contenido a formato RTF de Microsoft, capaz. de guardar tanta informa- cin de estilos como los documentos de Word, y compatible précticamente con cualquier pro- cesador de textos. PDF: el formato Portable Document Format, creado por Adobe para guardar documentos en un formato grafico. Las versiones modernas de Macintosh, Windows y la mayor parte de distribuciones de Linux tienen instalado Acto- bat Reader o un programa equivalente para leer PDF. Esto, y el hecho de que fuese disefia- do para mostrar texto correctamente (a dife- rencia de JPG), lo convierten en un buen can- didato para la salida XML. El método emplea- do aqui sera convertir el texto del archivo txt a PostScript, un formato parecido a PDE pero menos universal, con ayuda del programa a2ps. El archivo PostScript se convertiré poste- riormente a PDF con ps2pdf. Estos dos pro- gramas estn disponibles para Linux, Win- dows y Macintosh.Conversor XML 61 Wav: para permitir el acceso al contenido a personas con discapacidad visual, o para la posibilitar la creacién de anuncios puiblicos 0 mensajes telefénicos, y también por pura di- versi6n, podemos convertir el contenido XML en un archivo de audio. El formato WAV pre- senta varias ventajas. Précticamente cualquier equipo puede reproducir archivos WAV, ya que es uno de los formatos mas antiguos; mu- chos navegadores pueden reproducirlos sin necesidad de plug-in. Ademés, es mucho més répido de generar que los archivos MP3, aun- que el archivo resultante suele ser mucho ma- yor. En este ejemplo usaremos el programa LAME para convertir el archivo “txt” en un archivo de audio. La conversi6n puede imple- mentarse como enlace hipertextual, pero tam- bién se puede incrustar, de modo que una vez, que la conversi6n esté hecha el usuario pueda escuchar el resultado directamente. LAME también esté disponible para Windows HTML: los datos guardados en nuestro cédigo XML se presentarén en una tabla sencilla, con una fila de encabezado para los nombres de los elementos. El contenido serd compatible con WAP, de modo que se podria mostrar en un PDA 0 teléfono mévil. CSV: el formato CSV (valores separados por comas, Comma Separated Values) se utiliza para guardar informacién en archivos de texto de forma que los programas de hojas de célculo puedan acceder a los datos por filas y colum- nas. Escribiendo el contenido de cada nodo en una Ifnea, separada por comas, poclemos crear un archivo CSV vélido. En Internet Explorer, esto es lo que ocurre cuando se hace clic en el hiperenlace, siempre que el usuario tenga ins- talado un programa de hoja de céleulo: "ap wercoveats ones rye castes tc 1D ecesnn mentiorenapesor encom on eters notin El archivo resultante se podré abrir en forma de hoja de célculo convencional. Los posibles usos de esta aplicacion son miilti- ples. Imaginemos, por ejemplo, que el respon- sable de una base de datos de contactos quisie- ra poner la informacién sobre los miembros de la empresa disponible en distintos formatos. Podrian crear un formulario que recibiese in- formacién sobre cada contacto, formatearla en XML y almacenarla en una base de datos. Un segundo formulario separado permitiria a to- dos los empleados de la empresa recuperar la informaci6n e imprimir la informacin de con- tacto a partir de texto, mostrarla como PDE, abrirla en Excel o dejarla como mensaje de telé- fono. Y todo ello en un instante, gracias a las acciones répidas y discretas de AJAX. Plan de ataque Seria posible crear parsers de XML en PHP y Perl pero, como ya hemos visto, no necesita~ mos hacerlo porque existen funciones esténdar en PHP y un médulo de Perl que pueden con- vertir XML en tipos de datos utilizables. Esto nos ahorraré muchos problemas.62 Conversor XML En el caso de PHP utilizaremos indirectamente las funciones esténdar de XML Parser. El sitio ‘Web ynww.php.netmanual/ incluye descripciones detalladas y ejemplos de todas las funciones. estandar de PHP, con un espacio para las con- tribuciones de los usuarios. De este modo, los, programadores pueden compartir y evaluar sus implementaciones de las funciones, crean- do una comunidad de e6digo abierto con un gran potencial. Una de estas implementaciones utiliza el XML Parser para convertir un bloque de XML en una matriz asociativa. Fue desarro- lado por “forquan” y modificado por Jan Vavtivek . Utilizaremos este cédigo, que se pu- blicé como contribucién de usuario el 18 de di- ciembre 2006 a las 8h53 en la pagina hittp://ch2. php.net/xml. También existe una suite de funciones de PHP llamadas SimpleXML, pero solamente estén disponibles para PHP 5. Su uso imposibilitarfa el uso 0 la modificacién de los ejemplos de este cuaderno a los usuarios de PHP 4. El plan de ataque de Ajax era sencillo: a golpes! En Perl utilizaremos el médulo XML:Simple, que se puede descargar bajo Linux con la ayu- da del comando epan: cpan> install XML::Simple En ActivePerl para Windows, el comando es el siguiente: ppm install XML-Simple Los datos devueltos por las funciones PHP y el médulo Perl estan muy relacionados, pero no son exactamente idénticos. También se usan formas ligeramente distintas para extraer los datos, aunque es posible reconocer patrones claros. Las diferencias no serén perceptibles para el usuario final, excepto porque el resul- tado final diferira en un pequefio detalle. Lo veremos mas adelante. El plan es el siguiente: proporcionar al usuario un formulario HTML que contenga un elemen- to y un conjunto de casillas, cada una para un tipo de salida distinto. El usuario deberd introducir un cédigo XML sencillo de tres niveles en el 4rea de texto, y elegir una o varias de las funciones de conversién. Al hacer clic en el bot6n de envio, el usuario enviard el contenido XML y las instrucciones de conver- sion al servidor mediante el XHR. La aplicacion de servidor recibiré el contenido y lo escribiré en un archivo XML. A continua- Gin, analizaré el contenido del XML enviado por el usuario. Si encuentra un error en el formato del cédigo XML, se creard un informe. Se afiadiré un en- lace al archive XML para que el usuario pueda utilizar el navegador para abrirlo y arreglarlo, si es necesario. Si el formato XML es correcto, se generaré una matriz asociativa (o hash table) y se declararé sun objeto para leer los datos. Segtin las funcio- nes solicitadas por el usuario, se llamaré a dis- tintos métodos de este objeto para producir ar- chivos en los formatos deseados. ‘Una vez. creados los archivos solicitados, se devolverdn enlaces a los mismos al XHR y se mostrarén al usuario, para que éste pueda hacer clic en ellos y ver (0 escuchar) el resulta- do de las distintas conversiones.Formulario de conversion 63 Formulario de conversion La primera etapa de nuestro viaje al mundo de la conversién XML es relativamente sencilla. Veamos el elemento <body> del archivo xmiphp.html: <body> Introduce cédigo XML sencillo de tres niveles (ver ejemplo abajo) : <form name="xmlform" method=post> textarea name="xml" cole="60" rows="10">

Formato textocbr /> Formato gréficocbr /> Formato audio
Formato Web
Hoja de cAlculocbr /> El primer elemento del formulario es un area de texto, que en este caso tiene un tamaiio bas- tante grande, En funcién del uso que se le dé puede ser necesario hacerla atin mas grande. Los siguientes elementos son casillas de verifi- cacién, cada una con una etiqueta sencilla, vin- culadas a un formato de archivo. El botén de envio tiene el valor “Convertir”, lo que cambia el texto que aparece en el propio bot6n. El evento onClick provoca la accién del XHR. Elarchivo xmlperl.html es précticamente idén- tico, a excepci6n del argumento que se envia al XHR, que pasa a ser "/ogi-bin/conversion.p1" El texto del principio de la seccién so- licita al usuario que inserte “cédigo XML sen- cillo de tres niveles”. En esta version, nuestra aplicacién no procesaré archivos XML con mas de tres niveles, es decir un elemento raiz. con un determinado mimero de nodos, cada uno de los cuales contendra una serie de propieda- des. Seria posible excluir los nodos 0 las pro- piedades, pero no aportaria demasiado desde el punto de vista del almacenamiento de in- formacién. También seria posible, si fuese necesario, am- pliar la profundidad del cédigo XML, pero pa- ra un uso esténdar un bloque XML de tres ni- veles seré suficiente. Cuando solicitamos cédigo al usuario, siempre es aconsejable proporcionarle un ejemplo con el formato correcto. A diferencia de HTML, XML no es un formato que lo perdone todo. Si en un cédigo HTML falta una etiqueta de cie- rre pueden darse resultados impredecibles, pe- 10 el navegador intentard mostrar el contenido que sigue a la etiqueta de abertura y continua- rd analizando el resto del archivo. En XML, este tipo de aberraciones son inacep- tables. Los archivos que no se ajusten a las normas serén rechazados. Para garantizar que el usuario pueda ver como minimo un ejemplo funcional, le ofreceremos un cédigo XML a modo de orientacién. Este cédigo se encuentra en el resto de la secci6n de xmiphp.html:64 Conversor XML.





cbr />cbr />

Ejemplo:
<book> <title>Hammer of the Gods</title> <author>Stephen Davis</author> <edition>William Morrow</edition> <year>1985</year> </book> <book> <title>I'm with the Ban Confessions of a Groupie</title> <author>Pamela des Barres</author> <edition>william Morrow</edition> <year>1987</year> </book> <book> <title>Dear Boy: The Life of Keith Moonc/title> <author>Tony Fletcher</author> <edition>Omnibus</edition> <year>1998</year> </book> <book> ctitle>Midnight Riders: The Story of the Allman Brothers Band</title> <author>Scott Freeman</author> <edition>Little, Brown and co.</edition> <year>1998</year> </book> </library> 10> Este cédigo sugiere una pregunta: zpor qué co- locar el texto de ejemplo en un Area de texto? En este caso el uso de un elemento tiene dos ventajas, aunque no es- té contenido en un formulario. Para empezar, es mucho més facil de preparar para el programador ya que permite introducir paréntesis de abertura sin tener que usar el simbolo elt. Ademas, aunque el cédigo es bastante largo no obliga a mostrar una pagina initilmente larga, ya que el ejemplo se coloca- rd en su propia area de texto con barras de des- plazamiento. Un usuario experimentado podria simplemen- te hacer clic con el botén derecho en el codigo de ejemplo, seleccionar “Seleccionar todo” y copiar el cédigo. No hace falta decir que es vital que comprue- bes tu propio ejemplo antes de ponerlo como modelo para tu aplicaci6n. En el tiltimo nodo, el uso de un ampersand en lugar de la palabra “and” haria que el cédigo XML fuese incorrec- to, y el cédigo de ejemplo seria intitil. ‘También es recomendable asegurarse de que las propiedades largas, como los titulos de nuestro ejemplo, quepan en una sola linea del documento y no, como ocurre en el caso del segundo nodo, en tres Ifneas. Si el usuario copia y pega el texto que le ofre- cemos como ejemplo, cada nueva Ifnea dentro de un elemento propiedad se copiara y pegara como un cardcter de salto de linea en el formu- lario XML. No es un error eritico, pero no es limpio, y el resultado serd un carécter en blanco por cada nueva linea.La parte JavaScript 65 a parte JavaScript Los tinicos puntos que cabe destacar con res- pecto al XHR son los argumentos adicionales que se envian a updatepage () y la llamada a la funcién clearTimeout (). El miimero 15 se envia a updatepage () para definir el estilo de los enlaces que devuelve el servidor, y la llamada a la funci6n evita un problema de in- compatibilidad de estilos. Lo veremos mas adelante. function xmlhttpPost (strURL) { var xmlHttpReq = false; var self = this; // Mozilla/Safari if (window.XMLHttpRequest) { self.xmlHttpReq = new XMLHttpRequest () 7 } // ie else if (window.Activexobject) { self.xmlHttpReq = new Activexobject (Microsoft .xMLHTTP") ; } self .xmlHttpReq.open ('POST', strURL, true); self.xmlHttpReq. setRequestHeader (content-Type', ‘application/ x-www-form-urlencoded') ; self.xmlHttpReq.onreadystatechange = function() { if (sel£.xmlHttpReq. readystate == 4) { clearTimeout (clock) ; updatepage ( sel£.xmlHttpReq.responseText, 15); } } sel£.2mlHttpReq. send ( getquerystring()); La funci6n getquerystring() tiene un tra- bajo bastante sencillo. A diferencia de lo que ocurria en ejemplos anteriores, slo tiene que transmitir una cadena de texto, el contenido XML, y después crear una lista de las funcio- nes seleccionadas por el usuario al hacer clic en las distintas casillas. function getquerystring() { var form = document. forms ['xmlform'] ; var xmlstream = form.xml.value; var qstr = ‘ynlstream='+escape(xmlstream) ; if (form. txt.checked) { qutr a= ‘ntxtayes!;} if (form.pdf.checked) { qstr += 'spdf=yes';} if (form.wav.checked) { qstr += 'swaveyes';} if (form.htm.checked) { qstr += '&htme=yes';} if (form.csv.checked) { gstr += 'scsveyes return gstr; } La variable qatx recupera el contenido del elemento textarea y le asigna la etiqueta xmlstream. Por cada uno de los tipos de con- version seleccionados por el usuario, el nom- bre de la conversi6n y la cadena de caracteres yes se afladiran a qstr. El contenido de xm1streamse filtra con la funcién escape () porque podria contener algunos de los caracte- res reservados a las funciones POST, Sin em- bargo, con esto no es suficiente. También de- bemos ajustar el conjunto de caracteres a utf-8, para lo que aftadimos la siguiente linea en la seccién <head> del documento: <meta http-equiv="content-typ. content="text /htm1;charset=utf-8"> Si te parece que todo esto es agradable y facil, perfecto. Este nivel de confianza es el que ne- cesitas antes de enfrentarte a la siguiente etapa de la aplicacién. $i todo lo que hemos visto te parece demasiado sencillo, no te preocupes — enseguida se complicard,66 Conversor XML Primer paso Como ya hemos dicho, el XHR envia nuestra informacion a conversion.php oa /cgi- bin/conversion.pl. El archivo de conversion escribiré el contenido de xm1stream en un ar- chivo XML. Esta operacién se realiza siempre, no es necesaria la confirmacién del usuario. A continuacién, un parser XML externo anali- za el contenido XML (para comprobar que tenga el formato correcto). Si se detecta un problema, el parser devolverd un mensaje in- dicando dénde esté el problema y se mostrar un enlace al archivo XML. Este es el motivo por el que el XML siempre se escribe en un ar- chivo: en el caso de que se produzea un error de anilisis, el usuario podra ver el mensaje de error, pero también podré abrir el contenido XML directamente en el navegador, lo cual es muy titil ya que todos los navegadores ofrecen algiin tipo de informacién de depuracién de XML. El archivo de conversién reenviaré el XML al parser para convertirlo a formato de matriz asociativa o hash table. Estos datos se enviaran a nuestro objeto metaMorph, que extraerd el contenido y lo convertira a los formatos de ar- chivo adecuados. Finalmente, se devolvera una lista de toda las funciones al XHR; con cada funcién seleccio- nada en forma de enlace al archivo correspon- diente. En PHP Esta es la primera parte de conversion.php: <?php require ("xmlParser.php") ; require ("metaMorph.php") ; $xmlstream= ut£8_encode ($xmlstream) ; $p = new xmlParser(); if (Sxmlstream!='') $target=generatexml ($xmlstream) ; else die("Escribe el cédigo xml"); Las dos primeras lineas invocan los archivos que contienen las clases que utilizaremos en- seguida. La conversi6n utf-8 de la linea siguiente es esencial: en el editor HTML que hemos creado en un capitulo anterior se limitaba a corregir la visualizacién de caracteres incorrectos en lugar de acentos, etc. Aqui, la cuestién reviste mas importancia. El andllisis de un c6digo XML con caracteres incorrectos, como acentos enviados a través del conjunto de caracteres incorrecto, provocara un error y detendré la ejecucién de Ia aplicacion. Una prueba verifica que $xm1stream no esté vacfo (en PHP, “no vacio” se expresa como !=!'), Si $xm1 stream esté vacio, el usuario recibe un mensaje a través de la funcién die (), que también detiene la ejecucién del resto del cédigo PHP. Si se ha recibido texto en xmlstxeam, se envia a nuestra funcién generatezml () para ser escrito como archivo XML. Veamos esta fun- cién, que recibe nuestro XML como $xml file: function generatexml ($xmlfile) { preg_match("/<.+>/", $xmlfile, $name) ; $£ilename=$name [0]; $£ilename=str_replace (t>", '*, $filename); $£ilename=str_replace (et, '', $filename) ; $xmlheader="<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n"; $xm1file=$xmlheader.$xmlfile; $target="uploads/$filename.xm1"; $text=fopen ($target, 'w') or die("no se puede escribir"); fwrite ($text, $xmlfile) ; felose ($text) ; echo "<a class=shade15 href=uploads/$filename.xm1> gml</a>cbr />"; return $target; }Primer paso 67 Esta funcién se coloca al principio o al final de conversion.php. Una de las primeras cosas que debemos saber cuando escribimos en un archivo es cual seré el nombre del archivo. Es légico, puesto que un archivo XML siempre tiene un elemento raiz. que describe el contenido del conjunto, utilizar esta etiqueta como nombre del archivo. En rea- lidad, esto es lo que ocurrira con todos los de- més archivos que crear nuestra aplicacién, pero el problema es que todavia no hemos ac- cedido al contenido del XML. En consecuencia, es hora de tener un anticipo. Podemos obtener la etiqueta del elemento rafz simplemente extrayendo el contenido del pri- mer par de paréntesis de $1 £11e. Parece fa- cil, pero ,cémo lo hacemos? Si el prefijo preg no significa Perl Regular Ex- pression (expresi6n regular de Perl), podria hacerlo: PHP dispone de una libreria de fun- ciones inspiradas en el modelo Perl. La funcién preg_match() recibe una expresion de btis- queda, una cadena de destino y una matriz de resultados. La funcién busca la expresin de- seada en el destino y, si la encuentra, la alma- cena en la matriz. de resultados. La expresién de busqueda consiste en unas comas, una barra de apertura y de cierre y la parte importante, el criterio de biisqueda, <.*>. En las expresiones regulares, el punto representa cualquier cardcter distinto de un salto de linea, y el asterisco representa una re- peticién de cualquier cardcter que lo preceda. En consecuencia, un punto seguido de un aste- risco representa cualquier cantidad de caracte- res. Los paréntesis angulares se representan a s{ mismos, es decir, la ocurrencia de un signo menor que y mayor que, respectivamente. To- da la expresién significa “buscar cualquier ca- dena que conste de caracteres entre paréntesis angulares”. Ademés, puesto que no hemos utilizado la ins- truccién g para especificar que la biisqueda debe repetirse en todo el archivo, también sig- nifica que se buscar s6lo la primera ocurren- cia de este criterio de biisqueda-en nuestro caso, el elemento raiz. El resultado de la buisqueda no se guarda en $name, como cabria esperar, sino en $name [0] porque el resultado de nuestra buis- queda se ha definido como matriz. Para hacer las cosas més féciles, asignamos el resultado a $£ilename. La tinica dificultad es que los cor- chetes angulares no se pueden utilizar en los. nombres de archivo, por lo que en las dos If- neas siguientes utilizamos la funcin str_replace () para climinarlos, literalmen- te sustituyéndolos por una cadena vacia. La linea siguiente define $xmlheader con la linea de abertura estndar de cualquier archivo XML. Las comillas se filtran con barras (carac- teres de escape), ya que de lo contrario la asig- naci6n de la cadena no funcionaria, El resulta- do se coloca como prefijo al contenido de nues- tro XML. El contenido de $xm1 file se escribe en la car- peta adecuada. En $target se escribe un nombre de ruta que contiene el nombre del directorio correcto, el valor de $£i1ename que acabamos de encon- trar y la extensi6n “xml” En la pagina se muestra un enlace al archivo XML resultante, con la declaracién de hoja de estilos adecuada, y $target se devuelve a la seccién <body> de conversion.php. Ya hemos avanzado mucho, pero todavia nos queda mucho por hacer. Hemos escrito el con- tenido en un archivo, pero de momento no guarda ninguna relacién con el c6digo XML. excepto por el encabezado y el nombre de ar- chivo que le hemos asignado. Un usuario des- pistado podria haber confundido el area de texto con un formulario de correo y haber en- viado un mensaje a su madre. Por eso debemos comprobar el contenido de nuestro archivo XML.68 Conversor XML Este es el resto del archivo conversion. php: $xmlchecker = new xmlParser(); $xmlchecker->parse ($target) ; $xmlarray=$xmlchecker->output; $result= new metaMorph ($xmlarray) ; $result->init (); echo "<div class=inactive>"; if (isset ($txt)) $result->txt(); else echo"txt<br />"; if (isset($pd£)) $result->pdf(); else echo"pdf<br />"; if (ieset(Swav)) $result->wav( else echo"wavcbr />"; if (isset($htm)) $result->htm(); else echo"html<br />"; if (isset($csv)) $result->csv(); else echo"csv<br />"; echo "</div>"; Llamamos a la clase xm1Parser() y se crea un nuevo objeto $xm1checker. Esta clase esta definida en el archivo separado xmiParser.php que se puede descargar desde el sitio Web de PC Cuadernos copiar de htto://ch2, php nevxml. El método parse () se aplica a nuestro archi- vo XML. Siel método encuentra un error, Ila~ maa la funcion die () que envia un mensaje de error y detiene la ejecucién del cédigo PHP. ‘Veamios un ejemplo de un mensaje de error de parse (): XML error: mismatched tag at line 29 Eneste punto, la funci6n generatexml () ya habré mostrado un enlace al archivo XML, por lo que si el usuario ha introducido un codigo XML incorrecto, tendré la posibilidad de com- probar su validez utilizando el navegador. Di deseamos seguir ejecutando PHP a pesar de todo, por ejemplo para indicarle al lector que haga clic en el enlace, podemos editar la Ila~ mada a la funcién die () en xmiParser.php, 0 trasladar esta funcién a conversion.php y tra~ bajar en ella desde allt. Una vez que el anélisis del cédigo XML ha funcionado, podemos convertirlo en una ma- triz asociativa utilizando el método output () de xmiParser. El resultado se almacena en Sumlarray. Ajax lleva el cuerpo de Aquiles. Hecho esto, declaramos $result como objeto de la clase metaMorph y la inicializamos. ‘Aftadimos una declaracién de estilos que daré formato al texto que sigue. Una serie de instrucciones if permiten separar las funciones de conversién de XML entre acti- vas y pasivas. Para las funciones activas, las que ha seleccionado el usuario, cada método realizar su conversién y mostraré el nombre del método como enlace al archivo recién crea- do. También mostrar un salto de linea. Enel caso de las funciones inactivas, simple- mente mostraremos el nombre del método, se- guido de un salto de linea. En cualquier caso, se mostraré una lista com- pleta de los métodos. Cada uno se mostrara como enlace a un archivo (con su asignacién de estilos local) o en forma inactiva (es decir, con el estilo de la clase inactive, especifica- do para <div>). Quizas desees incluir un enlace al archivo de texto si se seleccionan las funciones PDF 0 Wave, porque parte del proceso de producir el PDF y el archivo Wave conlleva la creacion de un archivo de texto. Puesto que existe, esta en tus manos decidir si se debe incluir un enlace al mismo.Primer paso 69 En esta versi6n, no ofreceremos el enlace por- que para los no iniciados parecerfa un error. ‘Veamos un ejemplo del resultado, después de que el usuario haya seleccionado los formatos “html” y “esv”: F Formate texto xml F Formato grafico T Formato audio M Formato Web Formato hoja de célculo convertir: htt La funcién xml siempre se considera activa, porque el archivo se crea autométicamente, y el enlace se muestra a través de generatezml (), $i el usuario no ha seleccio- nado ninguna funcién, solamente se mostrar elenlace al archivo XML. Para terminar, se cierra el elemento <div>. En Perl Aunque el trabajo realizado por conversion.pl sea casi idéntico al de conversion.php, hacen las cosas de forma distinta, en parte por la na- turaleza del médulo que se utiliza para anali- zar el c6digo XML. Veamos la primera parte de conversion. pl: #1/usr/bin/perl use CGI; use XML::Simple; use metaMorph; use XML: :Parser; use Encode; my $query=new CGr; print $query->header; my $xmlstream= $query->param("xmlstream") ; if (length ($xm1stream) <3) { print "Escribe cédigo xml"; die;} $xmlstream= encode ("ut£8", $xmlstream) ; $xmlstream=~m/<.*>/; my $xmlname=$6; $xmlnames~s/<|>|\s//g; &generatexml ($xmlstream, $xmlname) ; Debemos invocar cinco médulos: CGI y Enco- de, como siempre, los dos médulos XML que proporciona Perl y nuestro propio médulo me- taMorph. Después de preparar el entorno CGI declaran- do un objeto $query y escribiendo los encabe- zados HTML, asignamos el c6digo XML a $xmlstream A continuacién, comprobamos que $xmlstream contenga algo. En Perl, no es tan sencillo. Comprobar si el valor est vacio no funcionaré, porque aunque no haya contenido textual la comprobacién fallara. La mejor for- ma de comprobarlo es su longitud: un cédigo XML vlido no puede tener dos caracteres, por Jo que podemos descartar cualquier cosa que tenga menos de tres caracteres. Advertiremos al usuario de que se ha olvidado de introducir c6digo HTML y la funcién die () detendré la ejecucién del script. Si se ha enviado algo como contenido XML, continuaremos con la conversién desde utf-8 y recuperando el nombre del elemento raiz. El indicador m solicita a Perl que busque una co- rrespondencia. A continuacién, utilizamos la misma expresi6n regular que en la version PHP (consultar arriba la explicacién de <.*>). Si la comprobacién del contenido es positiva, Ia biisqueda enviard los resultados a $6, la va- riable especial de Perl para una corresponden- cia. A continuacién, asignamos el resultado a $xmname y otra expresin regular elimina los paréntesis angulares y cualquier espacio en blanco, Para terminar, enviamos el contenido XML y el nombre del elemento raiz a la subru- tina generatexml () para que pueda escribir el contenido con el nombre de archivo correc to. En PHP, no buscbamos el nombre del elemen- to raiz hasta la llamada a la funcién generatexml (). En Perl lo necesitamos en el elemento <body> porque el resultado se utili- zaré dos veces: en primer lugar en generatexml () y en segundo lugar como argumento enviado a metaMorph. Veamos a continuaci6n Ja subrutina_ generatexml () que escribe el contenido XML en un archivo XML valido. Se coloca al final del archivo conversion. pl:70 Conversor XML sub generatexml { my $xmlfile=shift; ny $name-shift; my $xnlheader="<?2ml version=\"1.0\" encoding=\"UTF-8\"?>\n"; $xml£ile=$xmlheader .$xmlfile; my $target= *,./ntm1/xm1/uploads/sname .xm1"; open(FILE, ">". $target) ; print FILE $xmlfile; close FILE; print "ca class=shadel5 href=/xml/uploads/$name .xml> gml</a><br />"; } Los argumentos que se envian a una subrutina Perl son accesibles con una llamada a shift en la matriz especial @_. Esta llamada sirve pa- ra que Perl adivine el resto; asf es c6mo asig- namos los dos argumentos enviados a la sub- rutina, El contenido XML se asigna a $xml ile y el nombre del archivo a $name. Al igual que en la version PHP, el encabezado XML estdndar se coloca como prefijo al conte- nido XML de modo que el resultado sea un ar- chivo vilido. Establecemos el directorio de destino utilizan- do la ruta completo desde cgi-bin hasta la car- peta uploads. A continuacién, se escribe el ar- chivo y se muestra un enlace al mismo, con la asignacion de estilo correcta. Observa que, co- mo siempre, el enlace llega al directorio de destino a través de la raiz. Web. Este es el resto del cédigo de conversion.pl: my $xmlchecker new XML::Parser(Handlers =: eval {$xmlchecker-> parse ($xmlstream) ;}; if (se) { print "Verifica la validez del XMLcbr />"; {hos ny ferror=$0; $error =~ s/\n//g + print "Serrorcbr />"; print "Haz clic en el enlace para més informacién de depuracién"; aie; } my $aml=KMLin ($:nlstream) ; my $transform=new metaMorph; $transform->matrix($xml) ; $transform->xmlname ($xmlname) ; $transform->init; print "<div class=inactive>"; if ($query->param("txt")) {$transform->txt;} else {print "txt<br />"} if ($query->param("pdf")) {$transform->pdf; } else {print "pdf<br />"} if ($query->param("wav")) {$transform->wav; } else {print "wav<br />"} if ($query->param("htm")) {$transform->htm; } else {print "html<br />"} if (Squery->param("csv")) {$transform->csv;} else {print "csvebr />"} print "</div>"; Lo primero que debemos hacer es crear $xmLchecker, un objeto diseftado para anali- zar el cédigo XML. Contrariamente a lo que ‘ocurre en PHP, no enviamos el archivo XML al parser, sino tinicamente el contenido enviado por el usuario. Elandlisis propiamente dicho de $2nLchecker se debe realizar con cuidado. Si enviamos directamente un cédigo XML inco- rrecto al médulo XML:Parser, devolvera un error y escribiré la informacidn de depuracién en el registro de errores del servidor Web. En este punto, Perl se detendré y el usuario sélo recibiré el error del servidor. Sin embargo, po- demos rodear el problema utilizando la fun- cién eval () para preguntar “ZQué ocurrirfa si hiciéramos esto?”. Asf obtenemos todas las ventajas de la llamada de método, aunque s6lo hayamos solicitado el anélisis de $xmlchecker en condicional.metaMorph 71 Si el anilisis es satisfactorio podemos conti- nuar, el resultado de analizar §xmlstream se habré validado sin riesgos. Si el c6digo XML no es vilido, se guardaran Jos mensajes de error en la variable especial $@. Por ese motivo podemos utilizar una con- dicién 4 € para comprobar si la variable contie- ne informacién, y de ser asf colocamos una ayuda destinada al usuario para que corrija el cédigo. Una instruccién explica lo que ocurre, y después mostramos el contenido de $e. Des- graciadamente, $@ siempre contiene como mi nimo un cardcter de salto de linea. Cuando Ja- vaScript recibe saltos de Iinea en una cadena de texto, los lee como una linea nueva, lo que provoca un error de formato (mas concreta- mente “unterminated string constant”). Para evitarlo, recurriremos a una expresién re- gular para eliminar los saltos de linea antes de mostrar el mensaje de error. También se mos- traré una instruccién que sugerira al usuario que haga clic en el enlace al archivo XML, que Ja subrutina $generatexml ya ha enviado al XHR. De este modo, el usuario podré obtener la informacién de depuracién de su propio na- vegador. Para terminar, se ejecuta la funcién die () para detener la ejecuci6n posterior de Perl. Si el c6digo XML es aceptable, procedemos a lamar un método del médulo XML:Simple para convertirlo en una forma de datos a la que Perl pueda acceder facilmente. Lo hace ‘mos llamando a xML:in () en nuestro conteni- do $xmstream, y almacenando el resultado en xml. El siguiente paso es llamar a nuestro propio médulo, contenido en metaMorph.pm. El mé- todo matrix () recibe nuestros datos XML, el método xmname () define el elemento raiz. del XML, que se utiliza para el nombre de ar- chivo, y el método init () inicializa el objeto para preparar las llamadas de método que se- guirdn. A partir de ahi, el archivo es muy parecido a la version PHP. Las funciones de conversién se dividen en activas e inactivas. Si un usuario ha seleccionado una funcién, se llama al método correspondiente, que crearé el archivo relevan- te y mostraré el nombre del método como en- lace al archivo, con un conjunto de estilos esta~ Dlecido por la definicién de clase local, Para las funciones que el usuario no haya seleccionado, el nombre del método se mostrar en gris (con- forme a la clase definida en el elemento global <div>). De esta forma, siempre se mostraré una lista de métodos, algunos activos con un enlace y otros inactivos. Puesto que no nos olvidamos de lo importante que es escribir HTML correctamente (espe- cialmente con la llegada de xHTML), cerramos elelemento <div>. eer eda) Ya sabemos més o menos lo que entraré en él. Y sabemos, mas 0 menos, lo que saldra de él. Si queremos dejarlo aqui, podemos simplemente usarlo como médulo externo. Una de las grandes ventajas de la programa- cién orientada a objetos es que, siempre que las clases se encuentren en un archivo separa~ do, no es necesario comprenderlas. Sin embargo, si comprendes este tipo de pa- quete podras modificarlo, actualizarlo y mejo- rarlo, lo que supone todo un nuevo mundo de posibilidades a tu alcance, La clase metaMorph es un elemento clave para esta aplicacién AJAX, por lo que la examina- remos a fondo, y de paso estudiaremos las ma- trices multidimensionales. Matrices multidimensionales EL uso de matrices multidimensionales (rulti- dimensional arrays) no facilita especialmente las cosas, porque a los humanos nos cuesta visua- lizar nada que tenga més de tres dimensiones. Sin embargo, asf es como se describen.72 Conversor XML. Ya hemos utilizado matrices anteriormente en este cuaderno, por ejemplo en la seccién JavaScript del editor de imagenes. Las matrices funcionan de la forma siguiente. La variable $guitarra, una vez declarada como matriz, no contiene datos textuales en sf misma, pero acttia como referencia a varios elementos de datos textuales, Por ejemplo, podriamos definirla de la siguien- te forma: $guitarra[0]="gibson"; $guitarra[1]="fender"; $guitarra[2]="ibanez"; Acceder a estos datos es muy facil. El coman- do: print $guitarra[1]; y el resultado: fender Una matriz bidimensional es una extensi6n del mismo principio. Hemos guardado cadenas de texto en la matriz, nombres de guitarras, pero también podriamos haber almacenado ntime- ros en lugar de texto, en cuyo caso seria una array numérica. Una matriz, puede contener cualquier tipo de datos, incluso (y esta es la parte interesante) otra matriz. Una array de arrays tendria el siguiente aspec- to. Empecemos por crear una nueva matriz, $inetrumento. Sus valores serian los si- guientes: $instrumento [0] =$guitarra[]; $instrumento [1] =$teclado[] ; La matriz $instzumento contiene dos matri- ces, cada una de las cuales contiene una lista de nombres de instrumentos. Podemos acceder ala informacion de $instrumento de la si- guiente forma: print $instrumento[0] [01+ y aqui el resultado: gibson No esta mal, pero el cddigo no es nada intuiti- ‘vo. Es més facil usar arrays asociativas o hash, tables, porque en lugar de ntimeros podemos usar palabras reales como referencia. En Perl, podriamos definir una hash table de la siguien- te forma: %nuevoinstrumento = ("guitarras", $guitarra[], "teclados", $teclado[]); ‘Ahora podemos acceder a la informacién de un modo mucho mas intuitivo: print $inetrumento[guitarras] [0]; con lo que se obtiene: gibson Otra de las ventajas de las hash tables y arrays asociativas es que, a diferencia de las arrays simples, no todos los elementos deben perte- necer al mismo tipo de datos, Dicho de otra forma, algunos elementos pueden ser texto y otros arrays. Si le sumamos el hecho de que podemos tener una hash table de hash tables, y colocarlo todo en otra hash table, obtenemos un método de almacenamiento de datos real- mente flexible. A titulo de ejemplo, este seria el esquema de una matriz asociativa en PHP: Array [0] contains [name] => library [content] => (child] => Array [0] contains [name] => book [content] => [child] => Array [0] contains [name] => title [content] => Hammer of the Gods Array [1] contains [name] => author [content] => Stephen Davis Array [2] contains [name] => edition [content] => William Morrow Array [3] contains [name] => year [content] => 1985metaMorph 73 Aqui tenemos tres niveles de arrays. Enel primer nivel, una matriz. que contiene tres cosas: nuestro elemento rafz, la cadena “Ii- brary”, una cadena vacia y una matriz. En esta ultima matriz, también tenemos tres cosas: la cadena “book”, una cadena vacia y otra matriz. A su vez, esta matriz.contiene cuatro elemen- tos, y los cuatro son matrices. Las matrices no contienen otras matrices, solamente un par de cadenas de caracteres: un nombre y un conte~ nido. Asi es cémo el archivo xmlParse.php devuelve nuestros datos XML. Este ejemplo esta extraido de un archivo XML de tres niveles (el que se encuentra en xmiphp.html) y solamente con- tiene un nodo. Si hubiera habido varios nodos, la matriz de segundo nivel, que contiene la ca- dena “book”, habria contenido mas de un ele- mento (nodo, libro). En PHP, podemos acceder a los datos de la si- guiente forma: echo $x [0] ["child"] [0] ("child") [0] ("name") ; ‘echo +$x [0] ["child"] [0] ["child"] [0] ["con Vi con lo que se obtiene: title:Hammer of the Gods Sustituyendo el tercer 0 de la cadena, podemos acceder a cada propiedad de nuestro nodo, e incrementando el segundo 0 a 1 podemos lle- gar al segundo nodo del archivo, y asi sucesi- vamente. Esto nos permite procesar los resul- tados mediante bucles for anidados, y esto es precisamente lo que haremos. Fl método para acceder a los datos en Perl, aunque es mas conciso que el de PHP, resulta més complicado de describir, y nos ocupare- mos de él mas adelante. El tren de mercancias Nuestro método para convertir texto XML en varios archivos de salida serd el siguiente: la etiqueta y el contenido de cada nodo XML se leerén utilizando bucles fox para acceder a todos los elementos. Una variable global alma- cenaré el contenido en una matriz. asociativa. La mayoria de archivos que crearemos exigen que las etiquetas y el contenido tengan forma- tos distintos. Por ejemplo, el método de un ar- chivo de texto requiere que cada titulo de libro vaya seguido de un salto de linea, mientras que el método de archivo HTML utilizaré una etiqueta </td>. Para ello, la variable global contend elemen- tos diferentes para distintas funciones, como si fuesen los vagones de un tren. A medida que el contenido XML esté disponible, se cargard en cada uno de los vagones. El elemento de texto leeré el titulo del libro seguido de \n, mientras que el elemento HTML leer el mis- mo texto pero le atadiré </td></tr> Version PHP Esta es la primera parte de metaMorph.php. La variable $this->matrix contiene nuestro cédigo XML. $this->xm1name recibir el nombre del elemento raiz y $this->nodename el del nodo. Tenemos una variable para cada uno de los formatos HTML ($this->table), texto ($this->print) y CSV (§this->spread). Los archivos graficos y de sonido utilizaran $this->print como base para su contenido. El formato CSV exige que todas las etiquetas del contenido XML so- Jamente aparezcan una vez, en la primera linea del archivo. Tenemos una variable adicional $this->spreadheader para recabar esta in- formacién.74 Conversor XML class metaMorph { private $matrix; private $xmlname; private $nodename; private Stable; private $print; private $spread; private $spreadheader; function construct ($amlarray) { Sthis->matrix=$xmlarray; $this->xmlname=""; $this->nodename=""; $this->tabl. $this->prin: $this->spread=""; $this->spreadheader=' } function init() { $this->xmlname= $this->matrix(0] ["name"] ; $this->nodename=$this->matrix [0] ["child"] [0] ["name"] ; S$this->table=$this->xmlname ": <table cellpaddin: cellspacing=0 borde: $this->print=$thi $this->spread= "" >\n"; >xminame.":\n"; $this->spreadheader=""; $rec=count: (Sthis->matrix[0] ["child"]); $numdetail=count ($this->matrix [0] ("child ] [0] ["child"]) ; Una vez que la clase PHP recibe el comando de inicializaci6n, se pondré en marcha y recopila- x4 toda la informacién del cédigo XML, car- gandolo en el tren de mercancias de la metéfo- ra, En primer lugar, se recupera el nombre del ele- mento raiz llamando a matrix [0] ["name"]. A continuaci6n, se recupera el nombre del no- do utilizando la misma técnica afiadiendo "chila") [0] para bajar un nivel. Elelemento HTML utiliza el nombre del ele- mento raiz y dos puntos, seguido de una de- claracién de tabla. El resto de la informacién se formateard en filas y columnas de la tabla. EL salto de linea que sé inserta al final no es un carcter HTML, pero resulta itil. El progra- mador que analice la fuente del HTML vera todo su cédigo en una larga linea a menos que inserte caracteres \n en el archivo de salida. También insertaremos una serie de espacios antes de los elementos <TD> para sangrar el archivo original. El elemento texto lee el nombre del elemento raizy un salto de linea. La variable CSV no recibe el elemento raiz: las reglas de este tipo de hoja de calculo especifi- can que todo el contenido del archivo forma parte de la rejilla de datos. Asi, ni el elemento raiz ni el nombre del nodo deberian encontrar- se en el archivo. En su lugar, en este caso el nombre de archivo sera una combinacién de la rafz y el nodo. En el ejemplo anterior, obten- driamos library_book.csv. De este modo no se pierde la informacion. Inicializamos dos contadores utilizando para ello la funcién count (). El ntimero de nodos se asigna a $rec aplicando la funcién count () ala matriz asociativa $this->matrix[0] ["child"]. Utilizamos el mismo método para contar el ntimero de propiedades de cada nodo, que se guarda en $numdetail. Estos dos contadores son esenciales para la si- guiente parte de la funcién, los bucles for ani- dados para examinar cada nodo uno a uno, y recuperar las propiedades de cada uno de ellos. Este es el pseudocédigo de la siguiente parte de metaMorph.php:metaMorph 75 for(§node=0; §node<$rec; $node++) { Aqui, el elemento crucial es el par de variables escribir el nombre y el niimero incrementales, $node y $subnode. A medida del nodo: que su valor se incrementa, se accederé por dthis-snodenene orden a cada propiedad XML. $node Veamos el resto de function init (): for ($subnode=0; $subnode< $numdetail; $subnode++) { recuperar informacién de la propiedad: $this->matrix[0] ["child"] [$node] ["chila"] [$subnode] ["content"] for ( $node = 0; $node < $rec; $node++ ) { $this->table.= "\n <tr> <th align=left colspan=2><br />" + $this->nodename. $node."</th></tr>\n"; $this->print.= "\n\n".$this-snodename.$node."\n"; for ( $subnode = 0; $subnode < $numdetail; $subnode++ ) { $this-stable.= "\n <tr><td width=80>" -$this->matrix(0] ["child"] [$node] ["child"] [$subnode] ["name"] "</td>"; $this-stable.= "<td>" -$this->matrix[0] ["child"] [$node] ["child"] [$subnode] ["content"] Mc /td></tr>"; $this->print.= $this->matrix[0] ["child"] [$node] ["child"] [$subnode] ["name"] ."\t"; $this->print.= $this->matrix [0] ("child"] [$node] ["child"] [$subnode] ["content"] ."\n"; $nocomnas = $this->matrix[0] ["child"] [$node] ["child"] [$subnode] [content $commas=strpos($nocommas, ","); if (commas === FALSE) $thi: >spread.=$nocommas; else $this->spread.= "\"".§nocommas. $this->spread if ($node < 1) { $nocomma = $this->matrix{[0] ["child"] [$node] ["child"] [$subnode] ["name"] ; } } $this->spread.= "\n"; } $this->table.= "</table>\n"; } rn76 Conversor XML El primer bucle £or se ejecuta una vez por ca- da nodo que contiene el XML. Antes de que se gjecute el bucle for de segundo nivel, la va- riable global recupera el nombre de cada nodo y su ntimero. Eso significa que la primera linea de cada nodo de nuestro archivo de texto con- tendré una linea como esta book0\n Enel caso de HTML, tendremos una fila de encabezado en la tabla por cada nodo. Es una fancién que rara vez se utiliza en las tablas XML, que separa el contenido de las filas nor- males. Este seria un ejemplo del resultado: Hammer of the Gods Stephen Davis 1985 illiam Morrow En cada ejecucién del primer bucle, se ejecuta- 14 el segundo bucle por cada propiedad conte- nida en el nodo, Por lo general, los nodos XML contienen la misma cantidad de propiedades, pero no es un requisito, ni de XML ni de esta aplicaci6n. En consecuencia, se lee un ntimero arbitrario de propiedades, y se realizan varias llamadas para recuperar la informaci6n y almacenarla en nuestra variable global. Las dos primeras asignaciones establecen la etiqueta y el contenido de cada propiedad en celdas adyacentes de la tabla HTML. Se abre una nueva fila al principio de la primera ins- truccién, y se cierra al final de la segunda. Las dos asignaciones obtienen la etiqueta y el contenido de la propiedad y los escriben en el elemento archivo de texto. Se separan median- te tabuladores y con un salto de Ifnea al final. Enel caso del elemento CSY, las cosas son algo més complejas. La informacién de contenido se lee en una variable temporal llamada $nocommas. Las reglas de estructuraci6n de un archivo CSV son sencillas, pero estrictas. CSV significa Comma Separated Values, es decir valores sepa- rados por comas, por lo que deberemos sepa- rar los datos mediante comas. Un cambio de fi- la se indica mediante un salto de linea ‘Asi, para dar a nuestro XML el formato correc- to, bastard con separar las propiedades de ca- da nodo con una coma, y separar cada nodo, 0 libro, con una nueva linea. El problema es que algunas de nuestras propiedades contienen comas, y deberemos representar estos elemen- tos mediante caracteres de escape. En CSV, pa- ra ello bastard con colocar la frase completa en- tre comillas. De esto se encarga la funcién strpos (), que busca una coincidencia con una coma simple. Si encuentra una, el contenido de la propiedad que est procesando se entrecomilla. En caso contrario el contenido se procesa del modo habitual. Observa el cardcter especial “===” que PHP utiliza para asegurarse de considerar que una busqueda fallida es fallida. Si hubiésemos uti- lizado el valor estandar “==”, el resultado siempre seria true porque una cadena vacia se considera un valor definido. Una vez que hemos filtrado las posibles co- mas, la cadena se guarda en la variable global y se afiade una coma, esta vez, para indicar el final del contenido.metaMorph 77 Pero todavia nos queda trabajo por hacer. Atin no hemos recuperado el contenido de las eti- quetas, como “title”, “author”, ete. En tna hoja de célculo, este tipo de descripto- res se encontrarian en la primera fila, de modo que las demas filas aparecerian debajo. Para que esto sea posible, recuperamos la in- formacién de la etiqueta en el elemento $spreadheader, pero s6lo una vez. De este modo, la primera vez, que se ejecute el bucle for de primer nivel, se recuperaré la informa- cién, pero una vez procesado el primer nodo no volveré a ocurrir. Aqui termina el bucle for de segundo nivel, por lo que ya sabemos cmo se len las pro- piedades contenidas en nuestro contenido XML. El bucle for de primer nivel s6lo tiene una ta- rea, que consiste en afadir un salto de linea al elemento CSV para indicar el final del nodo. Veamos un ejemplo de cémo interpreta esta in- formacién Microsoft Excel: ‘ation 1905 Wiliam Mesrow 1987 Willarn Momew 1998 Omnitus Harmer fiStephon Da lim with tho Bama des € [Dear Boy: Th Tony letchar [Midnight RideSeot Froame 1998 Lite Antes de que la funcién termine, cerramos la etiqueta <table> del elemento HTML. ‘Ya tenemos todo el contenido titil de nuestra cadena XML original, ajustado a los distintos requisitos de los archivos de salida. El siguiente paso ser amar a los métodos de cada elemento de la variable global para crear los archivos reales. Pero antes examinaremos la implementacién Perl de la funcién init (). Médulo Perl parte de metaMorph.pm contiene mn del paquete, es decir, las subruti- nas habituales para inicializar y asignar méto- dos a nuestras variables globales. Tenemos siete valores que se almacenaran en la variable hash global $se1¢, al igual que ocurria en la clase PHP. Sin embargo, Perl tie- ne una politica especialmente estricta en lo que se refiere a las variables globales. Después de ejecutar el proceso de inicializacién que, por lo general, es la subrutina new () , las variables globales no se pueden modificar a menos que o solicitemos explicitamente. En la aplicacion anterior, no fue necesario realizar esta peti- cién, pero en este caso sf. Basta con asignar a nuestras subrutinas de asignacién el tipo de datos value. La expresi6n Lvalue deriva de la idea de que en una asignacién basica, como x=3, el valor situado a la izquierda es el que es variable. En consecuencia, debemos establecer todos nuestros allocators como elementos variables. Mas all de esta particularidad, se trata de una definicién de paquete Perl estandar (consulta el capitulo anterior para més informacién so- bre la declaracién de clases en Perl).78 Conversor XML #! /usr/bin/perl use strict; package metaMorph; sub new { my ($class)=@_; my $self = { _matrix => undef, _xmlname => undef, _nodename => undef, _table => undef, _print => undef, _spread => undef, _spreadheader => undef, ye bless $self, $class; return $self; Ns sub matrix: lvalue { my ( $self, matrix ) = @ | Seelf->{ matrix} = gmatrix if defined ($matrix) ; $eelf->{ matrix}; } sub xminame: lvalue { my ( $self, $xminame ) = @; $sel£->{ xmlname} = $xmlname if defined ($xmlname) ; $sel£->{_xminame}; } sub nodename: Ivalue { my ( $self, $nodename ) $self->{_nodename} = $nodename if defined (§nodename) ; $self->{_nodename}; } sub table: lvalue { my ( $self, Stable ) = @; $self->{ table} = Stable if defined ($table); $self->{_table}; sub print: lvalue { my ( $self, Sprint ) = @; $self->{ print} = $print if defined ($print) ; $self->{ print}; } sub spread: Ivalue { ny ( $self, $spread ) = @ ; $self->{ spread} = Sspread if defined ($spread) ; $self->{_spread}; sub spreadheader: Ivalue { my ($self, $spreadheader) = @; $sel£->{_spreadheader} = $spreadheader if defined ($spreadheader) ; $self->{_spreadheader}; } Elesquema general de metaMorph.pm es igual al de metaMorph.php. Pero la primera diferencia es que la informacién devuelta por XML:Parser no tiene el mismo formato que la que devuelve xmlParser:php. Mientras que es- te tiltimo coloca los datos en una jerarquia de matrices asociativas, el médulo Perl opta por un formato ligeramente diferente, una hash table que contiene una matriz de hash tables. $matrix hash table contains: book => array[0] contains hash table: edition => William Morrow author => Stephen Davis title => Hammer of the Gods year => 1985 array[1] contains hash table: edition => William Morrow author => Pamela des Barres title => I'm with the Band year => 1987metaMorph 79 El elemento raiz no esté representado aqui, pe- ro no supone un problema porque conver- sion p|lo ha enviado a metaMorph.pm esta- bleciendo $xminame. La légica de la estructu- ra de datos est4 clara. Por cada nodo, 0 libro (“book”), tenemos una entrada de matriz que contiene las propieda- des del nodo en forma de hash table. Estas hash tables se construyen de forma muy, eficaz: mientras que en la version PHP las eti- quetas XML se guardan como contenido en matrices asociativas, aqui las etiquetas se ‘guardan como claves de la hash table. Para explicarlo més claramente, en PHP la informa- cién sobre el autor se guardaba tal que asi: {name] => author [content] => Stephen Davis Y la informaci6n equivalente en Perl se guarda de la siguiente forma: author => Stephen Davis Esta forma de almacenar los datos es més efi- ciente desde el punto de vista de la memoria, ya que se utilizan las claves para guardar las etiquetas XML. Sin embargo, recuperar los nombres de las etiquetas es un poco més deli- cado. Para obtener los nombres de las claves de una hash table, debemos usar la funcién keys (). He aqui un ejemplo sencillo de uso de esta funci6n: foreach $label (keys %myhash) { print "$label\n"; El bucle foreach examina cada entrada de la hash table, y muestra la clave de cada entrada. Podemos desarrollar este principio yendo un paso més allé foreach $label (keys %myhash) { print"$label: $myhash{$label}\n"; } Por cada entrada de la hash table, mostramos la etiqueta y el contenido separados por dos puntos. Es una técnica titil porque incluso sin saber cual es la etiqueta, podemos mostrarla junto al contenido correspondiente. zCémo podemos aplicar esta técnica a una hash table dentro de una matriz. dentro de otra hash table? Abrochémonos los cinturones. Para empezar, asignamos el contenido XML a una variable local, $source. Ahora se ha con- vertido en una referencia a la estructura de hash table que contiene nuestro XML, y por ese motivo podemos cambiar ligeramente nuestra forma de manipularla: en lugar de es- cribir keys %source usaremos keys (%$source), y en lugar de $source{ $node}, $source->{ $node}. Por Jo demas, las convenciones son las mismas. A continuaci6n, utilizaremos un bucle foreach para acceder a las claves de la hash table de primer nivel, que es el nombre del nodo, “book”. Un segundo bucle £oreach ac- cede a cada u libro de la array, y muestra el nombre del libro y un contador, de modo que cada nodo estaré numerado. El tercer bucle foreach accede a las claves de la hash table que contiene nuestras propiedades, y muestra la etiqueta y el valor de cada una de ellas. my $source=$self->matrix; foreach my $node (keys (%$source) ) { my $elem=$source->{$node}; my $count=0; foreach my $attr (@$elem) { print"<br />$node $count<br /><br />"; $count++; foreach my subnode (keys (%$attr) ) { print"$subnode: $attr->{$subnode}<br />";80 Conversor XML Este c6digo produce el siguiente resultado: book 0 edition: William Morrow author: Stephen Davis title: Hammer of the Gods year: 1985 book 1 ete. El tinico problema es que XML-Simple es un médulo inteligente que no cree en el desperdi- cio de memoria. Eso significa que si le pedimos que analice una seccién de XML con sélo un nodo, no se mo- lestard en crear una hash table que contenga una array de hash tables, porque la array no es estrictamente necesaria. En consecuencia, nos da una hash table de hash tables. Eso significa que si intentamos procesar un cédigo XML con un solo nodo con el cédigo Perl que acabamos de ver, estaremos intentando tratar una matriz como una hash table, por lo que el programa se detendré con un mensaje de error por confusién de tipos. ‘Veamos cémo superar esta situaci6n: my $source=$self->matrix; foreach my $node (keys (%$source) ) { my $elem=$source->{$node}; my $count=0; eval{foreach my $attr (@$elem) {};}; af ($e) { print "cbr /><br />$node $count" foreach my $subnode (keys (%$elem) 4 print "$subnode: $elem->{$subnode}</br>"; t } else { foreach my gattr (@$elem) { Con ayuda de nuestra buena amiga, la funcién eval (), comprobamos si el hecho de tratar el elemento de segundo nivel como matriz pro- vocara un error. De ser asi, se definiré $@ y nos remos directamente a la hash table de propiedades. Si no devuelve ningtin error, se- guiremos como normalmente para recorrer la matriz de nodos. Esta es la subrutina init () de meta- Morph.pm, con cada variable global de méto- do de salida seftalado con un color distinto:metaMorph sub init () { my ($self) =@ ; my $source=$self->matrix; $self->table="<table cellpadding=0 cellspacing=0 border=1>\n"; foreach my $node (keys(%$source)) { my $elem=$source->{$node}; my $count=0; eval {foreach my $attr(@$elem) {};}; it (se) { $self->print.="\n\ngnode $count \n\n"; $self->table.=" <tr> <th align=left colspan=2><br /> $node $count</th></tr>\n"; if (Scount<1) {$se1£->nodename=$node; } foreach my $subnode(keys(%$elem)) { $self->print.=$subnode."\t".$elem->{$subnode}."\n"; $self->table.=" | <troctd width=80> $subnode</td><td>$elem->{$subnode}</td></tr>\n"; my $nocomma=$elem->{$subnode}; if ($nocomma=~ m/,/) {$self->spread.="\"".$nocomma."\"";} else {$self->spread.=$nocomma; } $self->spread.=","7 4£ ($count<1) { $sel£->spreadheader.=$subnode.","; } } } else { foreach my $attr (@$elem) { $self->print.="\n\ngnode $count \n\n"; $self->table.=" <tr> <th align=left colspan=2><br /> $node $count</th></tr>\n"; if ($count<1) {$se1f->nodename=gnode;} foreach my $subnode(keys(%gattr)) { $self->print.=$subnode."\t".$attr->{$subnode}.*\n"; $self->table.= <tro<td width=80> $subnode</td><td>$attr->{ $subnode}</td></tr>\n"; my $nocomma=$attr->{$subnode}; if ($nocomma=~ m/,/) {$self->spread.="\"".$nocomma."\"";} else {$self->spread.=$nocomma; } $self->spread.=","; if ($count<l) { $se1f£->spreadheader.=$subnode.","; } } $self->spread.="\n"; $count++; } } 3 $self->table.="</table>\n"; }82 Conversor XML Igual que en la versién PHP de metaMorph, cada elemento recupera la informacién XML en funcién de sus necesidades especificas. EL método de archivo de texto da formato al con- tenido XML con caracteres \n y \t , mientras que el método de HTML utiliza etiquetas <table>. En lo que respecta a la variable global CSV, separamos los valores con comas, y los nodos con un salto de linea. El cédigo que contenga comas se representa insertando la frase entre comillas, y las etiquetas solamente se almace- nan una vez para ser colocadas en la primera linea del archivo. Métodos de escritura de archivos Ya hemos inicializado el médulo, y s6lo nos queda escribir los métodos para cada creacién de archivo. El proceso ser un juego de nifios. Estos son los métodos para escribir a.un archi- vo de texto en PHP: function txt() { $target="uploads/".$this- >amlname.". txt"; $text=fopen ($target, 'w') or die("écriture impossible"); fwrite ($text, utf8_decode($this- >print)); fclose ($text) 5 echo "<a class=shade15 href=uploads/". $this->xmlname -".txtetxt</ar<br />"; Yen Perk: sub txt() { my ($self) =@ ; ay $txtfile="../html/xml/uploads/".$s elf->xmlname.". txt"; open (FILE, ">". $txtfile) ; print FILE $self->print; close FILE; print "<a class=shadel5 href=/xml/uploads/".$se1f->xmlname -".txtotxt</ar<cbr />"; } Este método es un ejemplo de simplicidad, y el nico factor interesante es la asignacién de es- tilo que le damos al enlace, class=shade15. Volveremos a hablar de ello en la secci6n si- guiente. El método para formato HTML es ligeramente més complejo, puesto que tenemos que prepa- rarlo para la Web. Aqui la version PHP: function htm() { $this- >table="<html>\nchead><title>".$th is->xmlname .M</title>\ncbody>\n".$this- >table."\n</body>\n</html>"; $html £ile="uploads/".$this- >xmlname.". html"; $text=fopen($htmlfile, 'w') or die("écriture impossible") ; $this->tablesut£8_decode ($this- >table) ; $this->tableshtmlentities ($this- >table) ; $this->tablesstr_replace(‘égt;', '>', $this->table); $this->table-str_replace(‘elt;', '<!, $this->table); fwrite ($text, $this->table) ; fclose ($text) ; echo "<a class=shade15 href=uploads/".$this->xmlname -"shtmlshtml</a><br />' }metaMorph 83 Ena primera linea de esta funci6n, las etique- tas esenciales <html> y <body> se afiaden con saltos de linea para obtener un archivo bien formateado. El texto esta codificado como ut£8, los acentos y otros simbolos se convier- ten en entidades HTML, y los paréntesis angu- ares se convierten de nuevo en entidades de texto. El método Perl es practicamente idéntico, a ex- cepcién de la codificaci6n utf-8: sub htm() { my ($self) =@ ; $self- >table="<html>\nchead><title>" -$self£- >xmlname. "</title>\ncbody>". $self- >table."</body>\n</html>"; ny Shtmlfile=", ./html/xml/uploads/".$ self->xmlname.".html"; use HTML: :Entities; $self- >table=encode_entities ($self- >table) ; $self->table =~ s/agt;/>/gi $self->table =~ s/</</g; open (FILE, ">". $htmLfile) ; print FILE $self->table; close FILE; print "ca class=shade15 href=/xml/uploads/* -$sel£- >umlname.".html>html</a><br />"; } El método CSV es especialmente simple, pues- to que la mayor parte del trabajo ya esté hecha. Sin embargo, debemos asegurarnos de que $this~>spreadheader, que contiene los nombres de las propiedades, se escriba como primera linea. La variable $this->spread contiene los valores, que se alineardn en co- lumnas debajo de los nombres una vez que el documento se abra en un programa de hojas de célculo. Como ya hemos dicho, el nombre del archivo serd “nombre del elemento rafz”, guidn bajo, “nombre del nodo”. De lo contrario el nombre del nodo seria informacion pedida. En nuestro ejemplo obtendremos un archivo lamado library_book.csv. function csv() { $this->spread=$this- >spreadheader."\n".$this->spread; $sheet="uploads/".$this- >xmlname."_".$this- >nodename.".csv"; $text=fopen($sheet, 'w') or die("écriture impossible") ; fwrite ($text, ut£®_decode($this- >spread)); close ($text) ; echo "<a class=shadel5 href=uploads/" -$this->xmlname."_".$this- >nodename.".cav>cav</a><br />"; - Aqui la subrutina equivalente en Perl: sub cav() { my ($self) =; self- $sel£->spread; $ael£->aprea >spreadheader. \3 my $sheet=", . /html/zml/uploads/" .$self->xmlname $self- >nodename.".cav"; open (FILE, ">". $sheet) ; print FILE $self->spread; close FILE; print "<a class=shade15 href=/xml/uploads/".$se1£->xmlname ."_".Gsel£- >nodename." .csv>csv</a><br />"; } El archivo resultante se podra abrir de distin- tas formas en funcién de la configuracién del navegador. Si se han ajustado correctamente Jos tipos MIME, se deberfa abrir inmediata- mente en un programa de hojas de célculo co- mo Microsoft Excel u OpenOffice Cale. De lo contrario, se podria abrir como archivo de tex- to. En ese caso, el usuario puede guardar el ar- chivo como CSV en su ordenador y abrirlo posteriormente en el programa de hojas de calculo.84 Conversor XML El método para transformar el c6digo XML en un archivo PDF implica convertir la cadena destinada a la funcién del archivo de texto a formato PostScript. El uso de PostScript es si- milar al de PDF: se trata de un formato pensa- do para ser impreso, que guarda los documen- tos en un formato visual. Sin embargo, esté menos extendido que PDF. Windows, Linux y Macintosh tienen Acrobat Reader o algtin tipo de programa capaz de abrir documentos PDF. En este ejemplo, el programa que usaremos para convertir de PostScript a PDF es a2ps, que se incluye en la mayoria de distribuciones de Linux, pero que también se puede encon- trar en: hito:/Mpmfind.neviinu/RPM/AByName. him! Y para Windows: http://gnuwin32.sourceforge.netipackages/a2ps.htm El segundo paso es convertir el archivo PostS- cript en PDF, para lo cual usaremos ps2pdf 0, en Windows, ps2pdf.bat. Este programa forma parte del paquete Ghostscript, que se puede descargar de aqui: httovww.ghostscript.com Para invocar estos programas, que son exter- nos a PHP y Perl, emplearemos la funcién syatem() que funciona igual en ambos len- guajes. Basta con enviar una instruccién de Ii- nea de comandos a la funcién, sin olvidar el escape de las comillas: function pdf() { system("a2ps uploads/ $this->xminame. output=uploads/". $this- >xmlname.".ps") ; txt -- system("ps2pdf uploads/". $thii >xmlname :".ps uploa >xmlname.".pd£") ; ".$this- echo "<a class=shade15 href=uploads/" -$this- pumlname.".pdf>pdf</a><br />"; } Observa que a2ps necesita un argumento - - outputs para indicar el archivo de destino, mientras que ps2pdf se contenta con dos nom- bres de archivo, el original y el de destino. Esta es la versién Perl: sub pdf () { my ($self) =@_7 system ("a2ps ++ /html /xm1/uploads/". $sel£- >xmlname <M etxt == outputs. . /html/xm1/uploads/". $self ->xmlname.".ps") ; system ("ps2pdt «+ /htm1/xm1/uploads/" . §sel£- >xmlname "ps + -/htm1/xm1/uploads/" .$sel£- >xmlname.".pdé") ; print "<a class=shade15 href=/xm1/uploads/".$se1f->xmlname -".pdf>pdf</a><br />"; i Existen muchos programas de sintesis de voz. capaces de convertir texto en sonido, En este caso hemos usado text2wave, que pertenece al paquete festival: festival Para Windows, tenemos texi2wav, un produc- to parecido que forma parte del paquete smart-butler: http:/www.smart- butler.com/download.htmistext2wav Su uso es todavia mas sencillo que la conver- sin a PDF. S6lo necesitamos el argumento ~0 para indicar el archivo de destino: function wav() { system("text2wave uploads/". $this->2nlname .".txt -o uploads/".sthis- oxminame.".wav") 7 echo"<a class=shade15 href=uploads/".$this->xmlname -".wavowav</a><br />"; echo"<EMBED src=uploads/*.$this- >amlname -".wav autostart=true loop=false volume=100 hidden=true><NOEMBED> <BGSOUND src=uploads/". $this- >xmlname . ".wav></NOEMBED>" ; + }Efectos especiales en CSS 85 La etiqueta <EMBED> es una opcién para em- pezar a reproducir el archivo de sonido en cuanto el XHR haya llamado a la funci6n updatepage(). Los pardmetros le indican que inicie la reproducci6n al cargar, sin repeti- cién, a todo volumen. Si ademés asignamos el valor false al elemento oculto, se cargaré un panel de control del plug-in con un botén de reproduccién y una barra de progteso. Quizés te interese aprovechar esta funcionalidad. Observa también la iiltima lave, que nos indi- ca que hemos llegado al final de meta- Morph. php. Esta es la subrutina Perl para crear archivos de audio: sub wav () { my ($self) =@_; system("text2wave + +/htm1/xm1/uploads/".$sel£- >xmlname <".txt -0 ../htm1/2m1/uploads/".$self- pxmlname.".wav") 7 print"<a class=shade15 href=uploads/".$self- >amlname.".wav>wav</a><br />"; $self- print"<EMBED src=uploads, >xmlname ".wav autostart=true loop=false volume=100 hidden=true><NOEMBED> <BGSOUND src=uploads/".$self- >xmlname . ".wav></NOEMBED>"; } Casi hemos Ilegado al final de metaMorph.pm, pero todavia nos queda: ay Cambiar el 1 al final del médulo Perl de un compafiero por un 0 mientras no nos ve es una broma de larga tradicién, pero los programa- dores no tienen mucho sentido del humor.. La aplicaci6n esta practicamente terminada. Ya hemos escrito los archivos de salida, y hemos devuelto una larga cadena de texto al XHR. A continuacién, decidiremos qué hacer con este texto, Efectos especiales en CSS En 1895, Alfred Clark logré detener su camara en el momento en que un hacha estaba a punto de abalanzarse sobre el cuello de la actriz. que interpretaba a Mary, Reina de Escocia. En lu- gar de la actriz. se colocé un maniqut sin cabe- 2a, y la camara sigui6 rodando. Y asi es como surgié el primer efecto especial. Desde entonces, pasando por clésicos de la gran pantalla como 2001, adisea en el espacio de Stanley Kubrick y Blade Runner de Ridley Scott, los efectos especiales han seguico cau- sando asombro y mejorando hasta la era mo- derna, en la que la tecnologia informatica saca al maximo partido de la magia cinematogréfi- ca. Y AJAX noes ninguna excepcién. Cuando 1 XHR envia los enlaces a los archivos recién creados, éstos no se limitarsn a cargarse. Se materializarén como por arte de magia, apare- ciendo en un tono plateado apenas perceptible que se convertiré en un azul oscuro opaco. Admito que no es un trabajo a la altura de lo que haria Industrial Light and Magic, pero el efecto es agradable a la vista, y mucha gente piensa que sdlo se puede obtener con plug-ins de terceros. Craso error. Examinemos la seccién <style> de nuestros archivos xmlphp.html y xmlperl.html. Las dos primeras declaraciones son instrucciones de contenido estandar: Verdana negrita, sin sub- rayado de los enlaces. La segunda define una posicién y un color para el elemento <div ideresult class=result> que recibiré la salida del XHR. Coloca la informacién exacta- mente a la derecha de la lista de funciones de nuestro formulario. Aqui es también donde se mostrardn los mensajes de error, por lo que ajustamos el color a un gris oscuro:86 Conversor XML. <style> body, p, input, textarea, div { font: bold 8pt verdana, sans- serif; } af font:bold spt verdana, sans-serif; text-decoration: none; } sresult { position: absolute; Left :200px; color: #444; } -inactive { color: #ddd; } -shade15 { color: #eee; } +shadel4 { color: #ddd; } -shadel3 { color: #ece; } -shadel2 { color: #bbb; } -shadell { color: #aaa; } -shade10 { color: #999; } -shade9 { color: #888; } sshades { color: #777; } -shade7 { color: #666; } -shade6 { color: #555; } «shades { color: #445; } -shade4 { color: #334; } -shade3 { color: #224; } -shade2 { color: #113; } sshadel { color: #003; } a:visited.shade15 { color: #eee; } a:visited.shadel4 { color: #ddd; } a:visited.shade13 { color: #ccc; } a:visited.shadel2 { color: #bbb; } isited.shade11 { color: #aaa; } svisited.shade10 { color: #999; } a:visited.shade9 { color: #888; } isited.shades { color: #777; } tvisited.shade7 { color: #666; } isited.shades { } isited.shades { } isited.shades { } a:visited.shade3 { color: #224; } isited.shade2 { color: #113; } rvisited.shadel { color: #003; } </style> Después de las tres primeras definiciones que ya hemos explicado, hay otras 31. Son muchas, pero tienen un propésito. La clase “inactive” se asigna a los nombres de las funciones que el usuario no ha selecciona- do, como ya hemos visto en conversion.php y conversion pl. Las funciones inactivas se mos- traran de color gris claro, visible pero discreto. Las otras 30 definiciones se pueden dividir en dos categorfas. shade de 15. 1 es una serie de tonos cada vez més oscuros, desde #eee, que es casi blanco, hasta #003, un azul muy oscu- 10, Estos colores se aplicarén en sucesi6n a los enlaces activos. La segunda serie de definiciones atribuye los mismos colores a las pseudoclases de shade. Funciona de la siguiente forma: si no especifi- ‘camos un color para los enlaces visitados con CSS, los navegadores mostrarén los enlaces vi- sitados de color lila, independientemente de la declaracién de clase. Por ese motivo, debemos reforzar la declara~ ci6n inicial con una declaracién de pseudocla- se, para evitar que los enlaces de la lista de funciones que el usuario ya haya visitado (por ejemplo, si repite una tarea) aparezcan de color lila, arruinando nuestro efecto especial. Para cambiar el color de los enlaces necesita- mos que la funcién updatepage () actualice nuestro <div id=result> cada seis décimas de segundo. Existe una funcién llamada set Timeout () que espera durante un tiempo especificado en milisegundos antes de ejecutar cualquier tarea que se le pida. Funciona mejor cuando se le solicita que ejecute una funcién separada, pero no tenemos una funcién sepa- rada, s6lo updatepage (). En consecuencia, le pediremos que espere una fraccién de segundo y después ejecute updatepage().Efectos especiales en CSS 87 La recursividad es una herramienta muy po- tente, que los programadores disfrutan utili zando por cuestién de eficacia. Ast es cémo funcionaré: el XHR llama a updatepage () con nuestra cadena de resultados y el ntimero 15. metaMorph ya ha asignado shade15 a nuestros enlaces, y updatepage () inserta el contenido de este color. Nuestro script susti- tuird todas las ocurrencias de la cadena “sha- de15” en nuestra cadena de resultados por “shadel4”. Tras 600 ms, set Timeout () Ila~ mard a updatepage () con la cadena de resul- tados modificada. Esta vez, updatepage () asignaré shade14 al contenido y set Timeout () esperaré 600 ms antes de lla- mar nuevamente a updatepage () con la ca- dena de resultados y el ntimero 13. El proceso continuaré hasta que el indice shade alcance el valor 1, y entonces una instruccién if de- tendré la ejecucién de set Timeout (). JavaScript cesar toda su actividad y los enla- ces conservaran el color shade1. Veamos la funcién: var clock; function updatepage (str, shade) { document . getElement ById ("result") sinnerHTML = str; var oldshade = 'shade' + shade; var next = shade-1; var newshade = 'shade' + next; var newstr=str.replace (RegExp (oldshade, "g") ,newshade) + if (shade>1) { clock=setTimeout ( ‘updatepage (\''+newstr+'\", '+next+ *)*,600) } } Utilizamos una expresién regular JavaScript para buscar la cadena de caracteres “shade” seguida de un ntimero cualquiera en str. El color existente se sustituye por el siguiente de la lista de declaraciones. El ntimero menos uno y la nueva cadena de resultados se envian recursivamente a updatepage () a través de la funcién setTimeout () Las instrucciones enviadas por setTimeout () deben englobarse entre comi- las. Puesto que la propia instruccién tiene comi- las, significa que deberemos recurrir al esca~ pe, escribiendo el cddigo con sumo cuidado: tenemos comillas con escape, comillas que nos permiten insertar variables para construir la llamada a updatepage (), y comillas ordina- rias. Una tiltima sutileza en este cddigo es el hecho de declarar una variable clock y usarla para dar nombre a la funci6n setTimeout (). Tie- ne una explicacién muy sencilla; si el usuario trabaja rapido y envia un nuevo cédigo XML. antes de que los enlaces a los resultados ante- riores adquieran su color definitivo, tenemos que detener el efecto especial. De lo contrario se produciria un conflicto entre el proceso an- tiguo y el nuevo. De hecho, lo que ocurre es que los enlaces en cuestién, que reciben dos conjuntos de instruc- ciones con milisegundos de diferencia, parpa- dean entre distintos tonos hasta que termina el primer proceso. Por ese motivo le pedimos al XHR que detenga el reloj. Por eso la instruccién clearTimeout (clock) se encuentra justo antes de la llamada a updatepage (). Una vez que todo esta correctamente configu- rado, la lista de funciones que devuelve el XHR deberia aparecer de color gris claro, y las seleccionadas por el usuario se volvern pro- gresivamente més oscuras hasta el aleanzar co- lor #003.88 Conversor XML puracion Tenemos dos niveles de depuracién en este proyecto, el del usuario y el del programador. Puesto que se solicita al usuario que introduz- ca c6digo vélido, es importante proporcionarle tanta ayuda como sea posible. Como ya hemos dicho durante el andlisis de conversion.php y conversion.pl, los mensajes de error generados por xmlParser.php y XML::Simple iran dirigi- dos al usuario, pero la mayor parte de usua- rios obtendrén una informaci6n més util (siempre en funci6n de su navegador) hacien- do clic en el enlace al archivo XML problema- tico, Opera probablemente sea el mejor navegador para la depuracién de c6digo XML: | usacssaa sume Seria dificil presentar las cosas més claramen- te. No solo destaca la posicién de la etiqueta incorrecta, sino que el cdigo utiliza colores y ndmeros de Iinea en el margen izquierdo, y el navegador ofrece la posibilidad de intentar analizarlo como HTML. Firefox devuelve mensajes como este: lta sin pareja. Se esperabe: <o00K> Ubtcacion np:ivnnamanweltamly org.ukmtuploadslbrary xt Numero de nea 8, coturna ‘También resulta titil para la depuraci6n. Internet Explorer proporciona una descripeién del error, pero sin ntimero de linea, lo cual no resulta nada eficaz si se trabaja con archivos grandes: No se puede mostrar la pagina XML No se puede ver le entrac XML con la hoje de este XSL. Corre error y hage cic en el botén Acualzar, © téntelo de nuevo més La etiqueta de fn inicio ‘author’. Error http / www. mecwe cauutnor>anela des Barresc/auchor> De todos modos, la eleccién del navegador que haga el usuario queda fuera del alcance del programador, a menos que se trate de una In- tranet, donde se puede tener cierto control. En tun caso asf serfa recomendable optar por Ope- ra En lo que se refiere a la depuracién para el programador, los factores clave, como siempre en AJAX, son el depurador de JavaScript y los mensajes de error generados por el servidor. Para depurar tus scripts, haz clic en el mensaje de error de la barra de estado de Internet Ex- plorer o escribe javascript: en la barra de direc- ciones de Firefox. Re Lograr que una aplicacién a gran escala como esta funcione correctamente es muy satisfacto- rio, porque el usuario tiene un gran potencial a su alcance en una interfaz minimalista. Este es el secreto de muchas grandes tecnologias, co- mo el iPod y Bang & Olufsen. La complejidad esté ahi, pero oculta a ojos del usuario, que s6- lo ve una serie de instrucciones sencillas pre~ sentadas con total claridad. Una vez que funcione, hay muchas formas de mejorarla, ademds de aftadir mas tipos de ar- chivo de salida, como XSL, RTF, bases de datos incluso VRML. Como ya dijimos al principio, tal como la hemos creado esta aplicaci6n solamente puede manejar cédigo XML sencillo de tres niveles. Pero quizas te interese trabajar en el meta- Morph hasta lograr que maneje mas de tres niveles.Tu turno 89 Si utilizas PHP 5, quizas te interese utilizar SimpleXML en lugar de la clase que hemos visto aqui. Como ya hemos dicho, hemos pre- ferido no recurrir a esta clase porque los usua- rios de PHP 4 no podrian usarla, Sin embargo, esto concede una ligera ventaja a Perl, ya que en todos nuestros ejemplos hemos usado ar- chivos XML con nombres de nodos similares, y fue perfecto para la version PHP de la aplica- cién. Si introducimos nodos de nombres distintos (<book> por un lado y <record> la siguiente vez), nuestro metaMorph PHP los nombraré todos conforme al primer nodo. Si utilizése- mos XML::Simple, como hacia nuestro meta- Morph en Perl, o SimpleXML es posible intro- ducir cualquier cantidad de nodos distintos, y todos se clasificarén por nombre y ntimero. Una vez mas, si deseas compartir los frutos de tu trabajo y dejar que otros lectores del manual vean lo que has hecho, no dudes en enviar un mensaje a info@pe-cuadernos.com.80 Conclusion Conclusion Enttre las cualidades de AJAX, una de las mas agradables es la ausencia de reglas estrictas. AJAX se basa en el objeto XMLHttpRequest, pero aparte de eso no hay reglas, c6digos de conducta ni convenciones. Resulta liberador tener un campo de exploraci6n tan importante sin ninguna influencia controladora. En este sentido, cabe esperar que las creaciones origi- nales y sin restricciones sigan siendo una ca- racteristica de AJAX por mucho tiempo. Me gustaria dar las gracias a Jesse James Ga- rrett, cuyas abluciones ahora legendarias se han convertido en un motivo muy visual para su tecnologia. Gracias también a Brian Haveri, Lincoln D. Stein, Khurt Williams, Jonathan Eisenzopf, Thomas Boutell, forquan y Jan Vaviiéek por la generosidad con la que comparten su trabajo, Igualmente a los Perl Monks por su sabiduria. Gracias a John Salter por su gran idea. Mi agradecimiento especial a Claire, Hannah y Lucie por su paciencia mientras he trabajado en este cuaderno, Gracias a Greg Bigwood por su trabajo de do- ble verificacién del eédigo. Gracias a Mikkel y a David, por creer en este proyecto, y a Victoria por su traduccion. Y finalmente, gracias a Samuel Cuneo por su- gerir que AJAX podfa ser el tema de un ma- nual. Te deseo toda la suerte del mundo en tus crea- ciones AJAX. $é original, prueba nuevas apli- caciones de esta tecnologia apasionante y com- parte tus conocimientos.Conclusion 91 Si te ha gustado este numero, quizas te interesen: Re lel-Tal are juego de nifios , PC Cuadernos CSS, un juego de nifios Crea tusitio web ‘uum ii ay i92 Los manuales de PC Cuadernos Los manuales de PC Cuadernos La siguiente lista no est4 completa. Para obtener una lista de todas las publicaciones disponibles, consulta el sitio web de PC Cuadernos, www.pe-cuadernos.com/newsite/colecciones.php. Arquitectura del PC, hardware, redes, CD Titulo cd Grabacion de CD y DVD con 07/06 0551 5,00 Noro 7 Arquitectura del PC: teoria y 404 4471 5,00 practica Actualiza tu PC-edicién 2005 06/05 0517 6,00 Redes y redes WiFi 03106 0538 5,00 Actualiza tu PC edicion 2008 11106 0560 5,00 Internet Pub. Ref. Seguridad en Internet -nueva 07/05 0519 5,00 edicién Iniciacién a Internet 02105 05068 5,00 Internet, un paso mas alla 08/05 0521 5,00 Weblogs 06/04 4474 5,00 Lega al n°t en Google 0108 0532 5,00 Crea tusitioWeb:HTMLyCSS 04/06 0543 5,00 Nw 09/06 0555 5,00 CSS, un juego de niios 12108 0562 5,00 Firefox y Thunderbird o107 0564 5,00 Web 2.0 02107 0566 5,00 Video Titulo Pub. Ref. Precio alice sus videos-de VHS a O1/05 4499 5,00 ‘Video con Pinnacle Studio 8 04105 0510 5,00 Promiore Elements: edicién de «08/05 0628 5,00 video ‘Video digital con Premiere Pro «08/04 4482 5,00 Sistema operativo ne Pub. Ref. Precio Primeros pasos con Linux 10104 4490 5,00 Mantenga Windows en forma 02105 0505 5,00 Windows XP 08102 4404 4,60 Windows XP: consejos ytrucos 10/03. 4442 4,50 Windows Vista 03107 0569 5,00 Fotografia, grafismo Titulo Pub, Ref, Procio La cémara digital a fondo 12104 4496 5,00 Imagen digital, tratamiento de la 05/04 4469 5,00 imagen Photoshop 7 nivel 2 12103 4451 5,00 Photoshop CS 03/05 0608 5,00 Ezicién de fotos con XnView 05/05 0515 5,00 Fotografia practica 02/08 0535 5,00 Secretos de Photoshop CS2 08/06 0548 5,00 Gestion dol color / Paisajes 08/08 0553 5,00 Photoshop: Consejos y trucos 10/08 0559 5,00 Photoshop Elements 5.0 05/07 0579 5,00 yal 06/07 0580 5,00 Titulo Pub. Ret. Precio ‘Access XP 05/03 4430 4,50 Excel 2007 04107 0570 6,00 PowerPoint XP 08/03 4440 4,50 Word 2003 05/05 0513 5,00 OpenOffice Writer 04/08 0544 6,00 OpenOffice Cale 05/08 0647 6,00 Sonido y musica Rs Pub, Ref, Precio Misica y video 10/05 0525 5,00 Programacién, scripting Titulo Ref. clo Iniciacién a la programacién 03/03 4425 4,50 Javascript (nivel 2) 0103 4418 4,50 Visual Basic 02/04 4461 6,00 PHP 5 1205 0531 5,00 Secretos de PHP y MySQL 05/06 0546 5,00 Joomla, un juego de nitios 04/07 0573 8,00 ‘Ajax, un juego de nifios 07/07 0582 5,00Venta al ntimero 93 Venta al numero {Quieres conseguir un niimero atrasado, o que ya no esté ala venta? En ese caso, podemos mandartelo por correo. Lo tinico que tienes que hacer es acceder a nuestro sitio Web en wwww.p0-cuadernos.com, All encontrards una lista completa de los niimeros publicados, ademés de un breve resumen de los contenidos, suplementos gratuitos y resefas de interés sobre los autores, comentarios de los lectores, fecha de publicacién, etc.94 Venta al nameroindice de palabras clave 95 indice de palabras clave 1,52 Allocator, 48 Boutell ‘Thomas, 39, 49 Cadena POST, 11, 20, 28 Cambio de tamajio, 54 caracteres de escape, 11 Caracteres de escape, 18, 25, 35 Conversor XML, 59 Correo AJAX, 9 Creacién de archivos, 21 CSS, 7, 57, 85 Depuracién, 13, 88 Editor de imagenes, 38 Editor HTML, 15 Eliminaci6n de archivos, 28 Entorno de usuario, 20 Especificaciones, 22 Expresi6n regular, 17, 35, 41, 67 Formato CSV, 83 Forquan, 62 Garrett, Jesse James, 4 cD Médulo, 39, 47 Paquete, 39, 49, 54, 57 Hackers, 14, 26, 28, 34, 36, 40 Hash table, 48, 60, 66, 78 JavaScript, 5, 11, 21, 32, 65 Linea de comandos, 20, 35, 84 loss of scope, 10 Loss of scope, 10 Marco, 51, 55 Matriz, asociativa, 43, 53, 62 método POST, 6 Método POST, 10 Perl, 6, 12, 16, 25,31, 34, 39, 46, 69,77 Permisos de archivos, 12, 26, 27, 40 PHP, 6, 12, 16, 22, 26, 30, 35, 53, 66, 73 POST cadena, 11, 20, 28 Método, 6, 10 Programacién orientada a objetos, 6, 39, 47 readyState, 6, 10, 32 responseText, 6, 11 Seguridad, 40 Stein Lincoln, 49 Variable variable, 33, 34, 35 Vavtitek Jan, 62 XHR. Vénse XMLHttpRequest XML, 59 Conversién, 63 XMLHttpRequest, 4,5, 8, 15,31, 45Ajax, un juego de nifios PROLOGO.. FUNDAMENTOS. EQUE ES AJAX?... ECOMO FUNCIONA? JAVASCRIPT... XMLHTTPREQUEST.. ‘APLICACION DEL LADO DEL SERVIDOR .. CSS (Cascaoine STYLE SHEETS) UN EJEMPLO EN UNA PAGINA: CORREO AJAX. PREPARACION DEL XHR. MANIPULACION EN JAVASCRIPT .... CSS: UN POCO DE ESTILO LADO DEL SERVIDOR DEPURACION... TUTURNO... Evemptos AJAX.. Epitor HTML EN LINEA ... LEER ¥ MOSTRAR UN ARCHIVO DE TEXTO.. ‘SEOGION <FORM> DEL EDITOR INSTRUGCIONES JAVASCRIPT Y CSS. EN EL LADO DEL SERVIDOR .. a PREPARAR EL ENTORNO DE USUARIO... 20 TuTURNO, CREACION DE ARCHIVOS DE TEXTO ., ESPECIFICACIONES FUNCIONALES LISTA DE ARCHIVOS DE UN DIRECTORIO.... ESCRIBIR Y RELISTAR.... . ea MOSTRAR EL RESULTADO. orient 26 PROTEGETE EN PHP. TUTURNO..... ELIMINACION DE ARCHIVOS EN EL SERVIDOR .. 28 ESPECIFICACIONES FUNCIONALES ... (GESTION DE UN NUMERO VARIABLE DE CASILLAS... 29 ‘AuusTEs DEL XHR. PROGRAMACION AVANZADA EN JAVASCRIPT.....32 VARIABLES VARIABLES EN EL SERVIDOR ... CONFIRMACION CON ESTILO. TUTURNO... Y MAS ALLA. EDITOR DE IMAGENES. PLAN DE ATAQUE ..nsnsent PROGRAMACION ORIENTADA A OBJETOS. 39 CARGA DE LA IMAGEN 39 FORMULARIO DE TRANSFERENCIA rev 39 PLAN DE ATAQUE . mn XHR PARA LA EDICION DE IMAGENES 45 CONVERSION DE LA IMAGEN 3 IMPLEMENTACION DEL MODULO PERL... on AT CAMBIO DE TAMARO 49 MARCO. 1.0 : — 51 NO OLVIDEMOS EL 1j..cscssursentnnnntennen nase 52. IMPLEMENTACION PHP 53 CaMBio DE TAMANO. case 54 Marco. 55 FIN DEL JUEGO: jPROHIBIDO MAREARSE! .......56 IREINICIALIZACION DE LA APLICACION. 56 DEFINIR EL ESTILO. 87 Tu TURNO . ‘CONVERSOR XML... EL IDEAL XML. a OBJETIVO DE LA APLICACION. 60 PLAN DE ATAQUE... seve 64 FORMULARIO DE CONVERSION. 63 LA PARTE JAVASCRIPT..... - 65 PRIMER PASO 66 EN PHP. Ce 66 EN PERL.. 69 METAMORPH .. : reall MATRICES: MULTIDIMENSIONALES. o 7 EL TREN DE MERCANCIAS apa METOD0S DE ESCRITURA DE ARCHIVOS. 82 EFECTOS ESPECIALES EN CSS 85 DEPURACION TU TURNO .. CONCLUSION Los MANUALES DE PC CUADERNOS . VENTA AL NUMERO. INDICE DE PALABRAS CLAVE .. ISBN: 2-915605-82-3 5822 782915"6058;</div><div class="after_doc_wrapper is_bot"><section class="_1ifY6L"><div class="wrapper__doc_page_shared_recommender_list" data-e2e="recommender-list"><h2 class="list_title" data-e2e="list-title">You might also like</h2><ul class="list_content_wrapper" data-e2e="list-content-wrapper"><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/326318572/PC-Cuadernos-33-CSS-Un-juego-de-ninoswww-tecnodescargaspc-com-pdf" target="_blank"><span class="visually_hidden">PC Cuadernos 33. CSS, Un Juego de Niñ PDF</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/326318572/149x198/91e11e4436/1475553437?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/326318572/298x396/e85ef17bf9/1475553437?v=1 2x" alt="PC Cuadernos 33. CSS, Un Juego de Niñ PDF" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>90 pages</div><div class="title" data-e2e="doc-info-title">PC Cuadernos 33. CSS, Un Juego de Niñ PDF</div><div class="_38nure" data-e2e="doc-info-author">TORREZOTE</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/451313221/Control-Skyhd-1" target="_blank"><span class="visually_hidden">Control Skyhd 1</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/451313221/149x198/23056b9aa3/1583964603?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/451313221/298x396/c515a0256a/1583964603?v=1 2x" alt="Control Skyhd 1" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>1 page</div><div class="title" data-e2e="doc-info-title">Control Skyhd 1</div><div class="_38nure" data-e2e="doc-info-author">Jose Martinez</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/402455913/261-PenalBoletin23enero2017-pdf" target="_blank"><span class="visually_hidden">261 PenalBoletin23enero2017 PDF</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/402455913/149x198/2be20e8a76/1553050631?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/402455913/298x396/ad6dc4efd9/1553050631?v=1 2x" alt="261 PenalBoletin23enero2017 PDF" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>418 pages</div><div class="title" data-e2e="doc-info-title">261 PenalBoletin23enero2017 PDF</div><div class="_38nure" data-e2e="doc-info-author">Soto Mar</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="pills"><div class="wrapper__pill_list content_pills"><ul class="pill_list_row unstyled_list"><li class="pill_list_item"><a class="wrapper__text_button wrapper__pill_button" href="/magazines"><div class="pill_button_visible">Magazines</div></a></li><li class="pill_list_item"><a class="wrapper__text_button wrapper__pill_button" href="https://www.scribd.com/podcasts"><div class="pill_button_visible">Podcasts</div></a></li><li class="pill_list_item"><a class="wrapper__text_button wrapper__pill_button" href="/sheetmusic"><div class="pill_button_visible">Sheet music</div></a></li></ul></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.everand.com/book/312132368/Aprende-Drupal-7-El-mejor-Framework-CMS" target="_blank"><span class="visually_hidden">Aprende Drupal 7. El mejor Framework-CMS</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/word_document/312132368/149x198/3c7036dac0/1698716735?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/word_document/312132368/298x396/9caab81c63/1698716735?v=1 2x" alt="Aprende Drupal 7. El mejor Framework-CMS" aria-label="book" class="thumbnail_img"/><div class="doc_info"><div class="crossLinkHeading"><span class="Icon-module_wrapper_LUeQrI"><svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M8.654 8.21c.13-.441.159-.81.159-1.085 0-1.144-.67-1.899-.67-1.899h1.594c.182.382.32.97.32 1.783 0 .335-.1 1.206-.641 2.193l1.984 2.603H9.108l-.84-1.104C7.442 11.445 6.26 12 4.577 12 2.454 12 1 10.545 1 8.588c0-3.164 3.145-3.38 3.145-3.38l-.697-.803c-.944-1.104-.91-2.488-.287-3.343C3.725.288 4.485 0 5.634 0 7.991 0 8.44 2.17 8.44 2.17h-1.91s-.062-1.11-1.106-1.11c-.99 0-1.275.694-1.193 1.294.034.252.143.487.275.648 0 0 1.985 2.401 2.295 2.76l-1.324.006c-.302 0-.634-.02-.951.083-.328.106-.616.3-.842.561-.418.483-.595 1.15-.558 1.79.038.661.249 1.354.717 1.834.425.435 1.101.643 1.693.643.928 0 1.612-.331 2.102-.797L5.317 6.82h2.288l1.05 1.39Z" fill="currentColor"></path></svg><span style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></span></span> <!-- -->From Everand</div><div class="title" data-e2e="doc-info-title">Aprende Drupal 7. El mejor Framework-CMS</div><div class="_38nure" data-e2e="doc-info-author"><a class="Hv6j2r" href="https://www.everand.com/author/432342189/Angel-Arias" target="_blank">Ángel Arias</a></div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.everand.com/book/651135285/Puesta-en-produccion-segura" target="_blank"><span class="visually_hidden">Puesta en producción segura</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/word_document/651135285/149x198/1472044819/1700590662?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/word_document/651135285/298x396/3aea697c94/1700590662?v=1 2x" alt="Puesta en producción segura" aria-label="book" class="thumbnail_img"/><div class="doc_info"><div class="crossLinkHeading"><span class="Icon-module_wrapper_LUeQrI"><svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M8.654 8.21c.13-.441.159-.81.159-1.085 0-1.144-.67-1.899-.67-1.899h1.594c.182.382.32.97.32 1.783 0 .335-.1 1.206-.641 2.193l1.984 2.603H9.108l-.84-1.104C7.442 11.445 6.26 12 4.577 12 2.454 12 1 10.545 1 8.588c0-3.164 3.145-3.38 3.145-3.38l-.697-.803c-.944-1.104-.91-2.488-.287-3.343C3.725.288 4.485 0 5.634 0 7.991 0 8.44 2.17 8.44 2.17h-1.91s-.062-1.11-1.106-1.11c-.99 0-1.275.694-1.193 1.294.034.252.143.487.275.648 0 0 1.985 2.401 2.295 2.76l-1.324.006c-.302 0-.634-.02-.951.083-.328.106-.616.3-.842.561-.418.483-.595 1.15-.558 1.79.038.661.249 1.354.717 1.834.425.435 1.101.643 1.693.643.928 0 1.612-.331 2.102-.797L5.317 6.82h2.288l1.05 1.39Z" fill="currentColor"></path></svg><span style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></span></span> <!-- -->From Everand</div><div class="title" data-e2e="doc-info-title">Puesta en producción segura</div><div class="_38nure" data-e2e="doc-info-author"><a class="Hv6j2r" href="https://www.everand.com/author/683866181/Maximo-Fernandez" target="_blank">Maximo Fernandez</a></div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/72630913/N28-PHP5-PC-Cuadernos" target="_blank"><span class="visually_hidden">N28.PHP5.PC Cuadernos</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/72630913/149x198/bb68b6e754/1386790498?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/72630913/298x396/bfc9247507/1386790498?v=1 2x" alt="N28.PHP5.PC Cuadernos" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>77 pages</div><div class="title" data-e2e="doc-info-title">N28.PHP5.PC Cuadernos</div><div class="_38nure" data-e2e="doc-info-author">Daniel López</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/66293897/Calculo-de-la-diferencia-entre-horas-en-un-periodo-de-24-horas" target="_blank"><span class="visually_hidden">Cálculo de La Diferencia Entre Horas en Un Período de 24 Horas.</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/66293897/149x198/c262f19d53/1353455166?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/66293897/298x396/d4b2331c46/1353455166?v=1 2x" alt="Cálculo de La Diferencia Entre Horas en Un Período de 24 Horas." aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>4 pages</div><div class="title" data-e2e="doc-info-title">Cálculo de La Diferencia Entre Horas en Un Período de 24 Horas.</div><div class="_38nure" data-e2e="doc-info-author">lilisustar</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/47743469/Revista-Solo-Programadores-122" target="_blank"><span class="visually_hidden">Revista Solo Programadores #122</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/47743469/149x198/543ec1b317/1363647406?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/47743469/298x396/3ce2afa31f/1363647406?v=1 2x" alt="Revista Solo Programadores #122" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>57 pages</div><div class="title" data-e2e="doc-info-title">Revista Solo Programadores #122</div><div class="_38nure" data-e2e="doc-info-author">Beninghton</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/319883061/C-Avanzado-pdf" target="_blank"><span class="visually_hidden">C Avanzado PDF</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/319883061/149x198/f92fc2c69e/1470072235?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/319883061/298x396/856b7b6bd5/1470072235?v=1 2x" alt="C Avanzado PDF" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>82 pages</div><div class="title" data-e2e="doc-info-title">C Avanzado PDF</div><div class="_38nure" data-e2e="doc-info-author">Dabliuw22</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/224819671/Estructura-de-Datos" target="_blank"><span class="visually_hidden">Estructura de Datos</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/224819671/149x198/353282f052/1428219683?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/224819671/298x396/b021a367a6/1428219683?v=1 2x" alt="Estructura de Datos" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>76 pages</div><div class="title" data-e2e="doc-info-title">Estructura de Datos</div><div class="_38nure" data-e2e="doc-info-author">Karo Andrade</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/51554698/rh300" target="_blank"><span class="visually_hidden">RH 300</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/51554698/149x198/fd2b3a1fa2/1664121468?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/51554698/298x396/1ace2f314c/1664121468?v=1 2x" alt="RH 300" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>7 pages</div><div class="title" data-e2e="doc-info-title">RH 300</div><div class="_38nure" data-e2e="doc-info-author">Rodrigo Escobar Urra</div><div class="_16H48L"><span class="font_icon_container QEVmJ8"><span aria-hidden="true" class="icon icon-ic_thumbsup_outline_small"></span></span>100% (1)</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/298610265/Aprendiendo-El-Ajedrez-Educativo" target="_blank"><span class="visually_hidden">Aprendiendo El Ajedrez Educativo</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/298610265/149x198/230b6169a5/1454977032?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/298610265/298x396/8e55624289/1454977032?v=1 2x" alt="Aprendiendo El Ajedrez Educativo" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>2 pages</div><div class="title" data-e2e="doc-info-title">Aprendiendo El Ajedrez Educativo</div><div class="_38nure" data-e2e="doc-info-author">ajedrezvalenciano</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/413404207/Visualizacion-interactiva-en-resultados-de-ajedrez" target="_blank"><span class="visually_hidden">Visualización Interactiva en Resultados de Ajedrez</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/413404207/149x198/07667bbd78/1560540369?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/413404207/298x396/cca1d33056/1560540369?v=1 2x" alt="Visualización Interactiva en Resultados de Ajedrez" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>61 pages</div><div class="title" data-e2e="doc-info-title">Visualización Interactiva en Resultados de Ajedrez</div><div class="_38nure" data-e2e="doc-info-author">Francesco Rosseti</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/doc/248718440/2442852-Proyecto-Escuela-de-AjedrezAGFA" target="_blank"><span class="visually_hidden">Proyecto Escuela de AjedrezAGFA</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/248718440/149x198/7f3c0cd525/1417373263?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/248718440/298x396/12f7f0a53e/1417373263?v=1 2x" alt="Proyecto Escuela de AjedrezAGFA" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>20 pages</div><div class="title" data-e2e="doc-info-title">Proyecto Escuela de AjedrezAGFA</div><div class="_38nure" data-e2e="doc-info-author">Andres</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/233332122/Replicacion-MySQL-Maestro" target="_blank"><span class="visually_hidden">Replicacion MySQL Maestro</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/233332122/149x198/4e0bbc0d3f/1404990972?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/233332122/298x396/c52a4ce178/1404990972?v=1 2x" alt="Replicacion MySQL Maestro" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>7 pages</div><div class="title" data-e2e="doc-info-title">Replicacion MySQL Maestro</div><div class="_38nure" data-e2e="doc-info-author">Shane Ray</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/476686652/Prueba-Te-cnica-POO-20190410-1-pdf" target="_blank"><span class="visually_hidden">Prueba Técnica POO - 20190410 PDF</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/476686652/149x198/23c3acd0a8/1600551198?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/476686652/298x396/a6cd65c34a/1600551198?v=1 2x" alt="Prueba Técnica POO - 20190410 PDF" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>3 pages</div><div class="title" data-e2e="doc-info-title">Prueba Técnica POO - 20190410 PDF</div><div class="_38nure" data-e2e="doc-info-author">sandris muñoz</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/372609258/Introduccion-a-Los-Lenguajes-de-Marcado" target="_blank"><span class="visually_hidden">Introducción A Los Lenguajes de Marcado</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/372609258/149x198/85c88e5711/1519814052?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/372609258/298x396/4fe0569038/1519814052?v=1 2x" alt="Introducción A Los Lenguajes de Marcado" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>32 pages</div><div class="title" data-e2e="doc-info-title">Introducción A Los Lenguajes de Marcado</div><div class="_38nure" data-e2e="doc-info-author">angelvi</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/336423744/POWER-Linux-Avanzado" target="_blank"><span class="visually_hidden">POWER Linux Avanzado</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/336423744/149x198/478def3f5e/1484278031?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/336423744/298x396/9c80f4ed55/1484278031?v=1 2x" alt="POWER Linux Avanzado" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>68 pages</div><div class="title" data-e2e="doc-info-title">POWER Linux Avanzado</div><div class="_38nure" data-e2e="doc-info-author">Hilario Serrano Flores</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/doc/280943256/Graficos-Con-Java-2D" target="_blank"><span class="visually_hidden">Gráficos Con Java 2D</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/280943256/149x198/a356618dbb/1589654012?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/280943256/298x396/e13c9abc49/1589654012?v=1 2x" alt="Gráficos Con Java 2D" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>42 pages</div><div class="title" data-e2e="doc-info-title">Gráficos Con Java 2D</div><div class="_38nure" data-e2e="doc-info-author">morgoth_bass</div><div class="_16H48L"><span class="font_icon_container QEVmJ8"><span aria-hidden="true" class="icon icon-ic_thumbsup_outline_small"></span></span>100% (1)</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/246146012/Tutorial-Funciones-en-JSP-y-HTML" target="_blank"><span class="visually_hidden">Tutorial Funciones en JSP y HTML</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/246146012/149x198/69a2e78175/1543729516?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/246146012/298x396/b8f9b46361/1543729516?v=1 2x" alt="Tutorial Funciones en JSP y HTML" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>80 pages</div><div class="title" data-e2e="doc-info-title">Tutorial Funciones en JSP y HTML</div><div class="_38nure" data-e2e="doc-info-author">Horus Estéfano</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/423700935/MANUAL-TECNICO-xamp-pdf" target="_blank"><span class="visually_hidden">MANUAL TECNICO Xamp PDF</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/423700935/149x198/3a9769fdba/1567104758?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/423700935/298x396/b200ded200/1567104758?v=1 2x" alt="MANUAL TECNICO Xamp PDF" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>16 pages</div><div class="title" data-e2e="doc-info-title">MANUAL TECNICO Xamp PDF</div><div class="_38nure" data-e2e="doc-info-author">bety</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/presentation/369735355/Principio-de-Programacion-Elementos-Fundamentales-de-Los-Lenguajes-de-Programacion" target="_blank"><span class="visually_hidden">Principio de Programacion Elementos Fundamentales de Los Lenguajes de Programación</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/369735355/149x198/35a912430b/1544252819?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/369735355/298x396/bdf88c05de/1544252819?v=1 2x" alt="Principio de Programacion Elementos Fundamentales de Los Lenguajes de Programación" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>31 pages</div><div class="title" data-e2e="doc-info-title">Principio de Programacion Elementos Fundamentales de Los Lenguajes de Programación</div><div class="_38nure" data-e2e="doc-info-author">Carlos Jose Camacho Luciano</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/67917549/Planificacion-estructura-y-flujos-de-trabajo-en-la-produccion-ciberperiodistica" target="_blank"><span class="visually_hidden">Planificación, Estructura y Flujos de Trabajo en La Producción Ciberperiodística</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/67917549/149x198/9f0ac15985/1318009690?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/67917549/298x396/c633f62c8b/1318009690?v=1 2x" alt="Planificación, Estructura y Flujos de Trabajo en La Producción Ciberperiodística" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>19 pages</div><div class="title" data-e2e="doc-info-title">Planificación, Estructura y Flujos de Trabajo en La Producción Ciberperiodística</div><div class="_38nure" data-e2e="doc-info-author">Saragapi</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/483583505/HERRAMIENTAS-PARA-ANALISIS-VBA-1" target="_blank"><span class="visually_hidden">Herramientas para Análisis Vba</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/483583505/149x198/061bc699a5/1710569842?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/483583505/298x396/d84853ec23/1710569842?v=1 2x" alt="Herramientas para Análisis Vba" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>3 pages</div><div class="title" data-e2e="doc-info-title">Herramientas para Análisis Vba</div><div class="_38nure" data-e2e="doc-info-author">Cyndi Michella</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/268276143/Manual-WEB-BIND9-APACHE2" target="_blank"><span class="visually_hidden">Manual WEB BIND9 + APACHE2</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/268276143/149x198/84fc8355d4/1433968763?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/268276143/298x396/d4547aa883/1433968763?v=1 2x" alt="Manual WEB BIND9 + APACHE2" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>4 pages</div><div class="title" data-e2e="doc-info-title">Manual WEB BIND9 + APACHE2</div><div class="_38nure" data-e2e="doc-info-author">Rodolfo Villaquirán Muñoz</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/392512578/Lab-07-Acceso-a-Datos" target="_blank"><span class="visually_hidden">Lab 07 - Acceso A Datos</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/392512578/149x198/bb0e45aa7b/1541545466?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/392512578/298x396/e3664d41a7/1541545466?v=1 2x" alt="Lab 07 - Acceso A Datos" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>9 pages</div><div class="title" data-e2e="doc-info-title">Lab 07 - Acceso A Datos</div><div class="_38nure" data-e2e="doc-info-author">Jean Pierre Delgado</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/202258207/Ejercicios-CSS" target="_blank"><span class="visually_hidden">Ejercicios CSS</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/202258207/149x198/afcd55163f/1435171941?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/202258207/298x396/88a3d2898b/1435171941?v=1 2x" alt="Ejercicios CSS" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>10 pages</div><div class="title" data-e2e="doc-info-title">Ejercicios CSS</div><div class="_38nure" data-e2e="doc-info-author">yeskitas1</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/presentation/446777622/primera-aplicacion-Xamarin" target="_blank"><span class="visually_hidden">Primera Aplicacion Xamarin</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/446777622/149x198/bcf960195f/1710566127?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/446777622/298x396/be15e2d079/1710566127?v=1 2x" alt="Primera Aplicacion Xamarin" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>32 pages</div><div class="title" data-e2e="doc-info-title">Primera Aplicacion Xamarin</div><div class="_38nure" data-e2e="doc-info-author">Tirzo Medina</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/doc/39046461/101-Minipartidas-CrusiMore" target="_blank"><span class="visually_hidden">101 - Minipartidas - CrusiMore</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/39046461/149x198/14536efe13/1569150545?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/39046461/298x396/697e1acf11/1569150545?v=1 2x" alt="101 - Minipartidas - CrusiMore" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>84 pages</div><div class="title" data-e2e="doc-info-title">101 - Minipartidas - CrusiMore</div><div class="_38nure" data-e2e="doc-info-author">José Manuel Piña</div><div class="_16H48L"><span class="font_icon_container QEVmJ8"><span aria-hidden="true" class="icon icon-ic_thumbsup_outline_small"></span></span>100% (1)</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/612194545/Maquetacion-web" target="_blank"><span class="visually_hidden">Maquetación Web</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/612194545/149x198/04b6a4c321/1710585794?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/612194545/298x396/f34fbb21fd/1710585794?v=1 2x" alt="Maquetación Web" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>27 pages</div><div class="title" data-e2e="doc-info-title">Maquetación Web</div><div class="_38nure" data-e2e="doc-info-author">Emmanuel Cedeño Rodriguez</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/380992213/Top-5-Linux-Distros-Para-Pentesting-Karina-Astudillo" target="_blank"><span class="visually_hidden">Top 5 Linux Distros para Pentesting - Karina Astudillo</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/380992213/149x198/4e1e74b58c/1528150723?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/380992213/298x396/fbb2ab2fd8/1528150723?v=1 2x" alt="Top 5 Linux Distros para Pentesting - Karina Astudillo" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>11 pages</div><div class="title" data-e2e="doc-info-title">Top 5 Linux Distros para Pentesting - Karina Astudillo</div><div class="_38nure" data-e2e="doc-info-author">Jason Espinoza</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/379579332/kupdf-com-manual-firebase-pdf" target="_blank"><span class="visually_hidden">Manual-Firebase PDF</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/379579332/149x198/36111b6d5c/1526667620?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/379579332/298x396/f2c916c35b/1526667620?v=1 2x" alt="Manual-Firebase PDF" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>78 pages</div><div class="title" data-e2e="doc-info-title">Manual-Firebase PDF</div><div class="_38nure" data-e2e="doc-info-author">filomon</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/370897163/Manual-Tecnico-Zeroshell" target="_blank"><span class="visually_hidden">Manual Tecnico Zeroshell</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/370897163/149x198/d8cf97e058/1517944167?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/370897163/298x396/33dec761b0/1517944167?v=1 2x" alt="Manual Tecnico Zeroshell" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>18 pages</div><div class="title" data-e2e="doc-info-title">Manual Tecnico Zeroshell</div><div class="_38nure" data-e2e="doc-info-author">Carlos Mario Garzon</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/472024557/150-LIBROS" target="_blank"><span class="visually_hidden">150 Libros</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/472024557/149x198/a710a4df5d/1710562337?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/472024557/298x396/26a763e959/1710562337?v=1 2x" alt="150 Libros" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>2 pages</div><div class="title" data-e2e="doc-info-title">150 Libros</div><div class="_38nure" data-e2e="doc-info-author">Costa Antonio</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/373640579/MVC-y-Su-Implementacion-en-Java-Swing" target="_blank"><span class="visually_hidden">MVC y Su Implementación en Java Swing</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/373640579/149x198/dd329e5b1a/1520876497?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/373640579/298x396/b316428d80/1520876497?v=1 2x" alt="MVC y Su Implementación en Java Swing" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>15 pages</div><div class="title" data-e2e="doc-info-title">MVC y Su Implementación en Java Swing</div><div class="_38nure" data-e2e="doc-info-author">Danilo Gomes Perez</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/439653219/Manual-MVC" target="_blank"><span class="visually_hidden">Manual MVC</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/439653219/149x198/2d8c9671ee/1710586609?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/439653219/298x396/d1dbf4ebc4/1710586609?v=1 2x" alt="Manual MVC" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>33 pages</div><div class="title" data-e2e="doc-info-title">Manual MVC</div><div class="_38nure" data-e2e="doc-info-author">Fabian Mazorra</div><div class="_16H48L"><span class="font_icon_container QEVmJ8"><span aria-hidden="true" class="icon icon-ic_thumbsup_outline_small"></span></span>100% (1)</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/271931183/Replicacion-MySQL-VirtualBox" target="_blank"><span class="visually_hidden">Replicacion MySQL VirtualBox</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/271931183/149x198/a9a64d843b/1544509716?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/271931183/298x396/657d98bb30/1544509716?v=1 2x" alt="Replicacion MySQL VirtualBox" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>9 pages</div><div class="title" data-e2e="doc-info-title">Replicacion MySQL VirtualBox</div><div class="_38nure" data-e2e="doc-info-author">francoemm</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/425336080/5-Consejos-Para-Mejorar-Tu-Juego-Posicional" target="_blank"><span class="visually_hidden">5 Consejos para Mejorar Tu Juego Posicional</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/425336080/149x198/acf30a9d64/1568169711?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/425336080/298x396/dc3c250db6/1568169711?v=1 2x" alt="5 Consejos para Mejorar Tu Juego Posicional" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>3 pages</div><div class="title" data-e2e="doc-info-title">5 Consejos para Mejorar Tu Juego Posicional</div><div class="_38nure" data-e2e="doc-info-author">Emmanuel</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/17800593/Layouts-JAVA" target="_blank"><span class="visually_hidden">Layouts (JAVA)</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/17800593/149x198/5e8c4e7e2a/1411068477?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/17800593/298x396/55b3fe5e54/1411068477?v=1 2x" alt="Layouts (JAVA)" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>49 pages</div><div class="title" data-e2e="doc-info-title">Layouts (JAVA)</div><div class="_38nure" data-e2e="doc-info-author">Junior Sumosa</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/362423093/Matlab" target="_blank"><span class="visually_hidden">Matlab</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/362423093/149x198/ef57e76c55/1508808235?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/362423093/298x396/6b080cce5d/1508808235?v=1 2x" alt="Matlab" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>4 pages</div><div class="title" data-e2e="doc-info-title">Matlab</div><div class="_38nure" data-e2e="doc-info-author">josgau</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/82498760/La-API-Java-Printing" target="_blank"><span class="visually_hidden">La API Java Printing</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/82498760/149x198/d09e0cd6a3/1329956088?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/82498760/298x396/f4ff405358/1329956088?v=1 2x" alt="La API Java Printing" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>33 pages</div><div class="title" data-e2e="doc-info-title">La API Java Printing</div><div class="_38nure" data-e2e="doc-info-author">Patricia Molina</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/382732907/Enunciados-Ejercicios-de-Diagramas-Entidad-Relacion" target="_blank"><span class="visually_hidden">Enunciados Ejercicios de Diagramas Entidad Relación</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/382732907/149x198/c5bc4643c6/1530133826?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/382732907/298x396/6d519ead64/1530133826?v=1 2x" alt="Enunciados Ejercicios de Diagramas Entidad Relación" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>3 pages</div><div class="title" data-e2e="doc-info-title">Enunciados Ejercicios de Diagramas Entidad Relación</div><div class="_38nure" data-e2e="doc-info-author">Syd Barrett</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/381985007/330001704-Pensando-en-Python-pdf" target="_blank"><span class="visually_hidden">Pensando en Python PDF</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/381985007/149x198/b38e7b8acc/1529297826?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/381985007/298x396/83cfc02462/1529297826?v=1 2x" alt="Pensando en Python PDF" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>198 pages</div><div class="title" data-e2e="doc-info-title">Pensando en Python PDF</div><div class="_38nure" data-e2e="doc-info-author">Nicolas</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/332195627/Manual-Angularjs-Desarrollo-Web" target="_blank"><span class="visually_hidden">Manual-Angularjs Desarrollo Web</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/332195627/149x198/7ef618f904/1709525155?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/332195627/298x396/5e77374ec6/1709525155?v=1 2x" alt="Manual-Angularjs Desarrollo Web" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>129 pages</div><div class="title" data-e2e="doc-info-title">Manual-Angularjs Desarrollo Web</div><div class="_38nure" data-e2e="doc-info-author">DavidArzate</div><div class="_16H48L"><span class="font_icon_container QEVmJ8"><span aria-hidden="true" class="icon icon-ic_thumbsup_outline_small"></span></span>100% (1)</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/50304988/Utility-Rpg-Replace" target="_blank"><span class="visually_hidden">Utility RPG Replace</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/50304988/149x198/de0b3c036c/1543268755?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/50304988/298x396/f251e0b211/1543268755?v=1 2x" alt="Utility RPG Replace" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>9 pages</div><div class="title" data-e2e="doc-info-title">Utility RPG Replace</div><div class="_38nure" data-e2e="doc-info-author">lilisustar</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/349714276/Codigos-de-Barra" target="_blank"><span class="visually_hidden">Codigos de Barra</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/349714276/149x198/16bf540837/1627326260?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/349714276/298x396/cf314b65c1/1627326260?v=1 2x" alt="Codigos de Barra" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>20 pages</div><div class="title" data-e2e="doc-info-title">Codigos de Barra</div><div class="_38nure" data-e2e="doc-info-author">Daniel Gutiérrez</div><div class="_16H48L"><span class="font_icon_container QEVmJ8"><span aria-hidden="true" class="icon icon-ic_thumbsup_outline_small"></span></span>100% (1)</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/473507517/Vue2-Handbook" target="_blank"><span class="visually_hidden">Vue2 Handbook</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/473507517/149x198/4f69b6ddb5/1710593677?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/473507517/298x396/7b686223f7/1710593677?v=1 2x" alt="Vue2 Handbook" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>54 pages</div><div class="title" data-e2e="doc-info-title">Vue2 Handbook</div><div class="_38nure" data-e2e="doc-info-author">Maximiliano Raul</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/360788199/Comandos-Rpg" target="_blank"><span class="visually_hidden">Comandos RPG</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/360788199/149x198/695a8b3993/1507222421?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/360788199/298x396/26965a0290/1507222421?v=1 2x" alt="Comandos RPG" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>3 pages</div><div class="title" data-e2e="doc-info-title">Comandos RPG</div><div class="_38nure" data-e2e="doc-info-author">apenagom</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/387260446/Graficas-Con-JPGRAPH" target="_blank"><span class="visually_hidden">Graficas Con JPGRAPH</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/387260446/149x198/5d92222619/1535492720?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/387260446/298x396/16a2b722b2/1535492720?v=1 2x" alt="Graficas Con JPGRAPH" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>4 pages</div><div class="title" data-e2e="doc-info-title">Graficas Con JPGRAPH</div><div class="_38nure" data-e2e="doc-info-author">Mar Yfh</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/654539391/Pc-Cuadernos-Ba-sicos-37-Ajax-un-juego-de-nin-os-1" target="_blank"><span class="visually_hidden">PC Cuadernos Básicos.37.Ajax, Un Juego de Niños</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/654539391/149x198/2237d0c865/1687374128?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/654539391/298x396/f5c7ded1b3/1687374128?v=1 2x" alt="PC Cuadernos Básicos.37.Ajax, Un Juego de Niños" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>96 pages</div><div class="title" data-e2e="doc-info-title">PC Cuadernos Básicos.37.Ajax, Un Juego de Niños</div><div class="_38nure" data-e2e="doc-info-author">lulango</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.everand.com/book/315686234/Aprende-a-Programar-con-Ajax" target="_blank"><span class="visually_hidden">Aprende a Programar con Ajax</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/word_document/315686234/149x198/af9e6aee53/1698809282?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/word_document/315686234/298x396/a042f84c55/1698809282?v=1 2x" alt="Aprende a Programar con Ajax" aria-label="book" class="thumbnail_img"/><div class="doc_info"><div class="crossLinkHeading"><span class="Icon-module_wrapper_LUeQrI"><svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M8.654 8.21c.13-.441.159-.81.159-1.085 0-1.144-.67-1.899-.67-1.899h1.594c.182.382.32.97.32 1.783 0 .335-.1 1.206-.641 2.193l1.984 2.603H9.108l-.84-1.104C7.442 11.445 6.26 12 4.577 12 2.454 12 1 10.545 1 8.588c0-3.164 3.145-3.38 3.145-3.38l-.697-.803c-.944-1.104-.91-2.488-.287-3.343C3.725.288 4.485 0 5.634 0 7.991 0 8.44 2.17 8.44 2.17h-1.91s-.062-1.11-1.106-1.11c-.99 0-1.275.694-1.193 1.294.034.252.143.487.275.648 0 0 1.985 2.401 2.295 2.76l-1.324.006c-.302 0-.634-.02-.951.083-.328.106-.616.3-.842.561-.418.483-.595 1.15-.558 1.79.038.661.249 1.354.717 1.834.425.435 1.101.643 1.693.643.928 0 1.612-.331 2.102-.797L5.317 6.82h2.288l1.05 1.39Z" fill="currentColor"></path></svg><span style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></span></span> <!-- -->From Everand</div><div class="title" data-e2e="doc-info-title">Aprende a Programar con Ajax</div><div class="_38nure" data-e2e="doc-info-author"><a class="Hv6j2r" href="https://www.everand.com/author/432342189/Angel-Arias" target="_blank">Ángel Arias</a></div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.everand.com/book/315666181/Aprende-a-Programar-Ajax-y-jQuery" target="_blank"><span class="visually_hidden">Aprende a Programar Ajax y jQuery</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/word_document/315666181/149x198/4507b870cc/1698688684?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/word_document/315666181/298x396/1403e0d450/1698688684?v=1 2x" alt="Aprende a Programar Ajax y jQuery" aria-label="book" class="thumbnail_img"/><div class="doc_info"><div class="crossLinkHeading"><span class="Icon-module_wrapper_LUeQrI"><svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M8.654 8.21c.13-.441.159-.81.159-1.085 0-1.144-.67-1.899-.67-1.899h1.594c.182.382.32.97.32 1.783 0 .335-.1 1.206-.641 2.193l1.984 2.603H9.108l-.84-1.104C7.442 11.445 6.26 12 4.577 12 2.454 12 1 10.545 1 8.588c0-3.164 3.145-3.38 3.145-3.38l-.697-.803c-.944-1.104-.91-2.488-.287-3.343C3.725.288 4.485 0 5.634 0 7.991 0 8.44 2.17 8.44 2.17h-1.91s-.062-1.11-1.106-1.11c-.99 0-1.275.694-1.193 1.294.034.252.143.487.275.648 0 0 1.985 2.401 2.295 2.76l-1.324.006c-.302 0-.634-.02-.951.083-.328.106-.616.3-.842.561-.418.483-.595 1.15-.558 1.79.038.661.249 1.354.717 1.834.425.435 1.101.643 1.693.643.928 0 1.612-.331 2.102-.797L5.317 6.82h2.288l1.05 1.39Z" fill="currentColor"></path></svg><span style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></span></span> <!-- -->From Everand</div><div class="title" data-e2e="doc-info-title">Aprende a Programar Ajax y jQuery</div><div class="_38nure" data-e2e="doc-info-author"><a class="Hv6j2r" href="https://www.everand.com/author/432342189/Angel-Arias" target="_blank">Ángel Arias</a></div><div class="_16H48L"><div class="wrapper__static_stars _3FghFh"><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="rating_star icon-ic_star_small_outline"></span><span class="rating_star icon-ic_star_small_outline"></span><span class="rating_star icon-ic_star_small_outline"></span><span class="rating_star icon-ic_star_small_outline"></span><span class="visually_hidden">Rating: 1 out of 5 stars</span></div><div class="_1c33kx">1/5 (1)</div></div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.everand.com/book/266832218/JavaScript-Una-Guia-de-Aprendizaje-para-el-Lenguaje-de-Programacion-JavaScript" target="_blank"><span class="visually_hidden">JavaScript Una Guía de Aprendizaje para el Lenguaje de Programación JavaScript</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/word_document/266832218/149x198/1c2ec22831/1698715673?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/word_document/266832218/298x396/bcf3718b2a/1698715673?v=1 2x" alt="JavaScript Una Guía de Aprendizaje para el Lenguaje de Programación JavaScript" aria-label="book" class="thumbnail_img"/><div class="doc_info"><div class="crossLinkHeading"><span class="Icon-module_wrapper_LUeQrI"><svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M8.654 8.21c.13-.441.159-.81.159-1.085 0-1.144-.67-1.899-.67-1.899h1.594c.182.382.32.97.32 1.783 0 .335-.1 1.206-.641 2.193l1.984 2.603H9.108l-.84-1.104C7.442 11.445 6.26 12 4.577 12 2.454 12 1 10.545 1 8.588c0-3.164 3.145-3.38 3.145-3.38l-.697-.803c-.944-1.104-.91-2.488-.287-3.343C3.725.288 4.485 0 5.634 0 7.991 0 8.44 2.17 8.44 2.17h-1.91s-.062-1.11-1.106-1.11c-.99 0-1.275.694-1.193 1.294.034.252.143.487.275.648 0 0 1.985 2.401 2.295 2.76l-1.324.006c-.302 0-.634-.02-.951.083-.328.106-.616.3-.842.561-.418.483-.595 1.15-.558 1.79.038.661.249 1.354.717 1.834.425.435 1.101.643 1.693.643.928 0 1.612-.331 2.102-.797L5.317 6.82h2.288l1.05 1.39Z" fill="currentColor"></path></svg><span style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></span></span> <!-- -->From Everand</div><div class="title" data-e2e="doc-info-title">JavaScript Una Guía de Aprendizaje para el Lenguaje de Programación JavaScript</div><div class="_38nure" data-e2e="doc-info-author"><a class="Hv6j2r" href="https://www.everand.com/author/700252590/Troy-Dimes" target="_blank">Troy Dimes</a></div><div class="_16H48L"><div class="wrapper__static_stars _3FghFh"><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="rating_star icon-ic_star_small_outline"></span><span class="rating_star icon-ic_star_small_outline"></span><span class="visually_hidden">Rating: 3 out of 5 stars</span></div><div class="_1c33kx">3/5 (5)</div></div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.everand.com/book/455412868/Aprender-Javascript-Avanzado-con-100-ejercicios-practicos" target="_blank"><span class="visually_hidden">Aprender Javascript Avanzado con 100 ejercicios prácticos</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/word_document/455412868/149x198/0b3e48ec8e/1657972407?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/word_document/455412868/298x396/3cde727e08/1657972407?v=1 2x" alt="Aprender Javascript Avanzado con 100 ejercicios prácticos" aria-label="book" class="thumbnail_img"/><div class="doc_info"><div class="crossLinkHeading"><span class="Icon-module_wrapper_LUeQrI"><svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false"><path d="M8.654 8.21c.13-.441.159-.81.159-1.085 0-1.144-.67-1.899-.67-1.899h1.594c.182.382.32.97.32 1.783 0 .335-.1 1.206-.641 2.193l1.984 2.603H9.108l-.84-1.104C7.442 11.445 6.26 12 4.577 12 2.454 12 1 10.545 1 8.588c0-3.164 3.145-3.38 3.145-3.38l-.697-.803c-.944-1.104-.91-2.488-.287-3.343C3.725.288 4.485 0 5.634 0 7.991 0 8.44 2.17 8.44 2.17h-1.91s-.062-1.11-1.106-1.11c-.99 0-1.275.694-1.193 1.294.034.252.143.487.275.648 0 0 1.985 2.401 2.295 2.76l-1.324.006c-.302 0-.634-.02-.951.083-.328.106-.616.3-.842.561-.418.483-.595 1.15-.558 1.79.038.661.249 1.354.717 1.834.425.435 1.101.643 1.693.643.928 0 1.612-.331 2.102-.797L5.317 6.82h2.288l1.05 1.39Z" fill="currentColor"></path></svg><span style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></span></span> <!-- -->From Everand</div><div class="title" data-e2e="doc-info-title">Aprender Javascript Avanzado con 100 ejercicios prácticos</div><div class="_38nure" data-e2e="doc-info-author"><a class="Hv6j2r" href="https://www.everand.com/author/454243357/MEDIAactive" target="_blank">MEDIAactive</a></div><div class="_16H48L"><div class="wrapper__static_stars _3FghFh"><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="rating_star icon-ic_star_small_fill light_lit"></span><span class="visually_hidden">Rating: 5 out of 5 stars</span></div><div class="_1c33kx">5/5 (1)</div></div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/doc/208119755/Python-Ajax" target="_blank"><span class="visually_hidden">Python Ajax</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/208119755/149x198/ba74a3e243/1446487402?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/208119755/298x396/5c40f7cd0c/1446487402?v=1 2x" alt="Python Ajax" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>8 pages</div><div class="title" data-e2e="doc-info-title">Python Ajax</div><div class="_38nure" data-e2e="doc-info-author">yayeya</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/60755108/Elementos-de-Fragmentos-en-Dream-Weaver-Cs4" target="_blank"><span class="visually_hidden">Elementos de Fragmentos en Dream Weaver Cs4</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/60755108/149x198/88cff75f08/1311474588?v=1" srcSet="https://imgv2-1-f.scribdassets.com/img/document/60755108/298x396/39c9e17e45/1311474588?v=1 2x" alt="Elementos de Fragmentos en Dream Weaver Cs4" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>7 pages</div><div class="title" data-e2e="doc-info-title">Elementos de Fragmentos en Dream Weaver Cs4</div><div class="_38nure" data-e2e="doc-info-author">malambo08</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/473348978/Que-es-Javascript" target="_blank"><span class="visually_hidden">Qué Es Javascript</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/473348978/149x198/bded3de967/1710558016?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/473348978/298x396/0bd02c75c2/1710558016?v=1 2x" alt="Qué Es Javascript" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>11 pages</div><div class="title" data-e2e="doc-info-title">Qué Es Javascript</div><div class="_38nure" data-e2e="doc-info-author">Rodrigo Estrada</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/613946211/CU01193E-Que-Es-y-Para-Que-Sirve-Ajax-Javascript-Asincrono-XML-Json" target="_blank"><span class="visually_hidden">CU01193E Que Es y para Que Sirve Ajax Javascript Asincrono XML Json</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/613946211/149x198/1622c01597/1674293902?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/613946211/298x396/0d09cbf48f/1674293902?v=1 2x" alt="CU01193E Que Es y para Que Sirve Ajax Javascript Asincrono XML Json" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>7 pages</div><div class="title" data-e2e="doc-info-title">CU01193E Que Es y para Que Sirve Ajax Javascript Asincrono XML Json</div><div class="_38nure" data-e2e="doc-info-author">Samuel Arrilucea</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/457115780/actividad-online" target="_blank"><span class="visually_hidden">Actividad Online</span></a><div class="thumbnail_and_info"><img src="https://imgv2-2-f.scribdassets.com/img/document/457115780/149x198/4964dad798/1710588309?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/457115780/298x396/1ea29dab62/1710588309?v=1 2x" alt="Actividad Online" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>19 pages</div><div class="title" data-e2e="doc-info-title">Actividad Online</div><div class="_38nure" data-e2e="doc-info-author">Hugo Ruiz Martinez</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li><li class="wrapper__mono_document_list_item" data-e2e="document-list-item"><div class="view_wrapper"><div data-e2e="list-item-info" class="list_item_container"><a data-e2e="list-item-link" class="link" href="https://es.scribd.com/document/600556080/Modelo-de-informe-Practica-N-12-2021-2" target="_blank"><span class="visually_hidden">Modelo de Informe Practica #12 - 2021</span></a><div class="thumbnail_and_info"><img src="https://imgv2-1-f.scribdassets.com/img/document/600556080/149x198/a9b2573a5b/1710589475?v=1" srcSet="https://imgv2-2-f.scribdassets.com/img/document/600556080/298x396/04725c0946/1710589475?v=1 2x" alt="Modelo de Informe Practica #12 - 2021" aria-label="PDF Document" class="thumbnail_img"/><div class="doc_info"><div class="_1E-hw3" data-testid="meta-data">Document<span class="SvgIcon-module_wrapper__1fPqw _2v3DGp"><svg width="8" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><circle cx="4" cy="4" r="2" fill="currentColor"></circle></svg></span>20 pages</div><div class="title" data-e2e="doc-info-title">Modelo de Informe Practica #12 - 2021</div><div class="_38nure" data-e2e="doc-info-author">Ivan Valerio Lopez Zapana</div><div class="_16H48L">No ratings yet</div></div></div></div></div></li></ul></div></section></div></div><div class="GridColumn-module_wrapper_soqyu- GridColumn-module_hide_below_xl4_bYNFRN GridColumn-module_extended_xl5_1_497ANP GridColumn-module_extended_xl4_1_aVCUXY GridColumn-module_extended_xl3_1_OyhfPD GridColumn-module_extended_xl2_1_zU58Qn GridColumn-module_extended_xl_1_w5JR10 GridColumn-module_extended_l_1_SLXmKl GridColumn-module_extended_m_1_6KsVnI GridColumn-module_extended_s_1_bvd-99 GridColumn-module_extended_xs_1_EEhUJk GridColumn-module_extended_xxs_1_1D2-MB"></div><div class="GridColumn-module_wrapper_soqyu- GridColumn-module_hide_below_xl_bqFPJU GridColumn-module_extended_xl5_4_-JK-Nz GridColumn-module_extended_xl4_3_YfaGhk GridColumn-module_extended_xl3_4_NvhBIh GridColumn-module_extended_xl2_4_BKs70y GridColumn-module_extended_xl_4_G5hgca GridColumn-module_extended_l_4_XlSdoH GridColumn-module_extended_m_4_i0jL2h GridColumn-module_extended_s_4_ZU5JoR GridColumn-module_extended_xs_4_NH6tlg GridColumn-module_extended_xxs_4_dHKOII _3LpDjY"></div></div><div class="GridRow-module_wrapper_Uub42x GridRow-module_extended_Bvagp4"><div class="GridColumn-module_wrapper_soqyu- GridColumn-module_extended_xl5_16_cffZGL GridColumn-module_extended_xl4_12_UeyicL GridColumn-module_extended_xl3_12_TsrxQ- GridColumn-module_extended_xl2_12_ceos-a GridColumn-module_extended_xl_12_7vx87Y GridColumn-module_extended_l_12_gCRsqg GridColumn-module_extended_m_8_bDZzOd GridColumn-module_extended_s_4_ZU5JoR GridColumn-module_extended_xs_4_NH6tlg GridColumn-module_extended_xxs_4_dHKOII"></div></div></div><div class="GridContainer-module_wrapper_7Rx6L- _3-Y4VY GridContainer-module_extended_fiqt9l"><section aria-hidden="true" class="scrolling_component exited collapsed" style="transform:translateY(100px)"></section><div class="GridRow-module_wrapper_Uub42x GridRow-module_extended_Bvagp4"><div class="GridColumn-module_wrapper_soqyu- GridColumn-module_extended_xl5_11_JJnpkV GridColumn-module_extended_xl4_9_GigIAQ GridColumn-module_extended_xl3_8_frUn0z GridColumn-module_extended_xl2_8_P9dscY GridColumn-module_extended_xl_12_7vx87Y GridColumn-module_extended_l_12_gCRsqg GridColumn-module_extended_m_8_bDZzOd GridColumn-module_extended_s_4_ZU5JoR GridColumn-module_extended_xs_4_NH6tlg GridColumn-module_extended_xxs_4_dHKOII _1sDUp7"><div class="_1GApkd"></div></div></div></div></section><footer class="Footer-module_wrapper__7jj0T _35Otjh" id="global_footer"><h2 class="visually_hidden">Footer menu</h2><div class="GridContainer-module_wrapper__7Rx6L GridContainer-module_extended__fiqt9"><div class="GridRow-module_wrapper__Uub42 GridRow-module_extended__Bvagp"><div class="GridColumn-module_wrapper__soqyu GridColumn-module_extended_xl5_16__cffZG GridColumn-module_extended_xl4_12__Ueyic GridColumn-module_extended_xl3_12__TsrxQ GridColumn-module_extended_xl2_12__ceos- GridColumn-module_extended_xl_12__7vx87 GridColumn-module_extended_l_12__gCRsq GridColumn-module_extended_m_8__bDZzO GridColumn-module_extended_s_4__ZU5Jo GridColumn-module_extended_xs_4__NH6tl GridColumn-module_extended_xxs_4__dHKOI"><div class="BackToTopLink-module_wrapper__HTQnD visually_hidden"><a data-e2e="back-to-top-link" href="#global_header" class="BackToTopLink-module_link__EOy-v">Back to top</a></div></div></div><div class="GridRow-module_wrapper__Uub42 GridRow-module_extended__Bvagp"><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_below_s__Lbw11 GridColumn-module_extended_xl5_3__xvxiH GridColumn-module_extended_xl4_2__1yIW6 GridColumn-module_extended_xl3_2__mt-u- GridColumn-module_extended_xl2_2__A8qwF GridColumn-module_extended_xl_2__QYBNc GridColumn-module_extended_l_2__iqMJD GridColumn-module_extended_m_2__9nXEO GridColumn-module_extended_s_2__-n3HH GridColumn-module_extended_xs_2__C9iyY GridColumn-module_extended_xxs_2__1MEQR"><div class="Footer-module_horizontalColumn__vuSBJ"><p class="Footer-module_columnHeader__gcdjp">About</p><ul class="Footer-module_columnList__fqabA"><li><a aria-disabled="false" aria-label="About Scribd" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_about_scribd_link" href="https://www.scribd.com/about"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">About Scribd</span></span></a></li><li><a aria-disabled="false" aria-label="Everand: Ebooks & Audiobooks" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_everand_books_audiobooks_link" href="https://www.everand.com" target="_blank"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Everand: Ebooks & Audiobooks</span></span></a></li><li><a aria-disabled="false" aria-label="SlideShare" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="shared.footer.slideshare" href="https://www.slideshare.net/" target="_blank"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">SlideShare</span></span></a></li><li><a aria-disabled="false" aria-label="Press" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_press_link" href="https://www.scribd.com/media" target="_self"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Press</span></span></a></li><li><a aria-disabled="false" aria-label="Join our team!" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_join_our_team_link" href="https://www.scribd.com/careers" target="_self"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Join our team!</span></span></a></li><li><a aria-disabled="false" aria-label="Contact us" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_contact_us_link" href="https://www.scribd.com/contact" target="_self"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Contact us</span></span></a></li><li><a aria-disabled="false" aria-label="Invite friends" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_invite_friends_link" href="https://www.scribd.com/referrals"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Invite friends</span></span></a></li><li><a aria-disabled="false" aria-label="Scribd for enterprise" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_scribd_for_enterprise_link" href="https://www.scribd.com/enterprise"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Scribd for enterprise</span></span></a></li></ul></div></div><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_below_s__Lbw11 GridColumn-module_extended_xl5_3__xvxiH GridColumn-module_extended_xl4_2__1yIW6 GridColumn-module_extended_xl3_2__mt-u- GridColumn-module_extended_xl2_2__A8qwF GridColumn-module_extended_xl_2__QYBNc GridColumn-module_extended_l_2__iqMJD GridColumn-module_extended_m_2__9nXEO GridColumn-module_extended_s_2__-n3HH GridColumn-module_extended_xs_2__C9iyY GridColumn-module_extended_xxs_2__1MEQR"><p class="Footer-module_columnHeader__gcdjp">Support</p><ul class="Footer-module_columnList__fqabA"><li><a aria-disabled="false" aria-label="Help / FAQ" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_support_column_help_faq_link" href="http://support.scribd.com/hc/en-us"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Help / FAQ</span></span></a></li><li><a aria-disabled="false" aria-label="Accessibility" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_support_column_accessibility_link" href="https://support.scribd.com/hc/en-us/articles/210129586-Accessibility-Notice"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Accessibility</span></span></a></li><li><a aria-disabled="false" aria-label="Purchase help" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_support_column_purchase_help_link" href="https://support.scribd.com/hc/en-us/sections/202246306"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Purchase help</span></span></a></li><li><a aria-disabled="false" aria-label="AdChoices" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_support_column_adchoices_link" href="https://support.scribd.com/hc/en-us/articles/210129366"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">AdChoices</span></span></a></li></ul></div><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_below_s__Lbw11 GridColumn-module_extended_xl5_3__xvxiH GridColumn-module_extended_xl4_2__1yIW6 GridColumn-module_extended_xl3_2__mt-u- GridColumn-module_extended_xl2_2__A8qwF GridColumn-module_extended_xl_2__QYBNc GridColumn-module_extended_l_2__iqMJD GridColumn-module_extended_m_2__9nXEO GridColumn-module_extended_s_2__-n3HH GridColumn-module_extended_xs_2__C9iyY GridColumn-module_extended_xxs_2__1MEQR"><p class="Footer-module_columnHeader__gcdjp">Legal</p><ul class="Footer-module_columnList__fqabA"><li><a aria-disabled="false" aria-label="Terms" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_legal_column_terms_link" href="https://support.scribd.com/hc/en-us/articles/210129326-General-Terms-of-Use"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Terms</span></span></a></li><li><a aria-disabled="false" aria-label="Privacy" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_legal_column_privacy_link" href="https://www.scribd.com/privacy" target="_self"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Privacy</span></span></a></li><li><a aria-disabled="false" aria-label="Copyright" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_legal_column_copyright_link" href="https://support.scribd.com/hc/en-us/sections/202246086"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Copyright</span></span></a></li><li><a aria-disabled="false" aria-label="Do not sell or share my personal information" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_legal_privacy_request_form_link" href="https://support.scribd.com/hc/articles/360038016931-Privacy-Rights-Request-Form"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Do not sell or share my personal information</span></span></a></li></ul></div><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_below_s__Lbw11 GridColumn-module_extended_xl5_3__xvxiH GridColumn-module_extended_xl4_2__1yIW6 GridColumn-module_extended_xl3_2__mt-u- GridColumn-module_extended_xl2_2__A8qwF GridColumn-module_extended_xl_2__QYBNc GridColumn-module_extended_l_2__iqMJD GridColumn-module_extended_m_2__9nXEO GridColumn-module_extended_s_2__-n3HH GridColumn-module_extended_xs_2__C9iyY GridColumn-module_extended_xxs_2__1MEQR"><p class="Footer-module_columnHeader__gcdjp">Social</p><ul class="Footer-module_columnList__fqabA"><li><a aria-disabled="false" aria-label="Scribd on Instagram" class="TextButton-module_wrapper__ZwW-w SocialLink-module_wrapper__7Rvvt" data-e2e="footer_social_column_instagram_link" href="https://www.instagram.com/scribd/"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw SocialLink-module_iconImage__JSzvR"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 3.081c1.602 0 1.792.006 2.425.035.584.027.902.124 1.114.207.26.096.497.249.69.448.2.194.353.43.45.691.082.212.18.53.206 1.114.029.633.035.823.035 2.425 0 1.602-.006 1.792-.035 2.425-.027.585-.124.902-.207 1.114a1.99 1.99 0 01-1.138 1.138c-.212.082-.53.18-1.114.207-.633.029-.823.035-2.425.035-1.602 0-1.792-.006-2.425-.035-.585-.027-.902-.124-1.114-.207a1.858 1.858 0 01-.69-.449c-.2-.193-.353-.43-.45-.69-.082-.212-.18-.53-.206-1.114-.029-.633-.035-.823-.035-2.425 0-1.602.006-1.792.035-2.425.027-.585.124-.902.207-1.114.096-.26.25-.497.449-.69.193-.2.43-.353.69-.45.212-.082.53-.18 1.114-.206.633-.029.823-.035 2.425-.035L8 3.081zm0-1.082c-1.629 0-1.833.007-2.473.036-.64.03-1.076.132-1.457.28-.4.15-.763.387-1.063.692-.305.3-.541.663-.692 1.063-.148.381-.25.818-.279 1.457C2.007 6.165 2 6.37 2 8s.007 1.834.036 2.474c.03.64.13 1.075.279 1.456.15.4.387.763.692 1.063.3.305.663.541 1.063.692.381.148.818.25 1.457.279.638.029.844.036 2.473.036 1.63 0 1.834-.007 2.474-.036.64-.03 1.075-.13 1.456-.28a3.068 3.068 0 001.755-1.754c.148-.381.25-.818.279-1.457C13.993 9.835 14 9.63 14 8c0-1.63-.007-1.833-.036-2.473-.03-.64-.13-1.075-.28-1.456-.15-.4-.386-.763-.691-1.063a2.946 2.946 0 00-1.063-.692c-.381-.148-.818-.25-1.457-.279C9.835 2.007 9.63 2 8 2v-.001zm0 2.92a3.081 3.081 0 100 6.162A3.081 3.081 0 008 4.92zm0 5.082A2 2 0 118 6 2 2 0 018 10zm3.923-5.204a.72.72 0 11-1.44 0 .72.72 0 011.44 0z" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">Instagram</span></span> <!-- -->Instagram</span></span></a></li><li><a aria-disabled="false" aria-label="Scribd on Twitter" class="TextButton-module_wrapper__ZwW-w SocialLink-module_wrapper__7Rvvt" data-e2e="footer_social_column_twitter_link" href="https://twitter.com/scribd/"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw SocialLink-module_iconImage__JSzvR"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path d="M5.774 12.79c4.528 0 7.005-4.152 7.005-7.752 0-.118 0-.235-.007-.352A5.338 5.338 0 0014 3.276a4.55 4.55 0 01-1.414.428c.514-.34.899-.876 1.082-1.507a4.657 4.657 0 01-1.563.662 2.401 2.401 0 00-1.397-.823 2.26 2.26 0 00-1.561.287A2.636 2.636 0 008.065 3.6a2.995 2.995 0 00-.156 1.742 6.47 6.47 0 01-2.81-.826 7.175 7.175 0 01-2.264-2.02 2.98 2.98 0 00-.27 1.985c.142.676.511 1.266 1.032 1.652a2.267 2.267 0 01-1.117-.341v.034c0 .63.197 1.239.557 1.725.36.487.861.821 1.418.946-.362.109-.743.125-1.111.046.157.542.463 1.015.876 1.354.412.34.91.528 1.424.538-.872.758-1.95 1.17-3.058 1.169-.196 0-.391-.014-.586-.04a6.49 6.49 0 003.774 1.222" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">Twitter</span></span> <!-- -->Twitter</span></span></a></li><li><a aria-disabled="false" aria-label="Scribd on Facebook" class="TextButton-module_wrapper__ZwW-w SocialLink-module_wrapper__7Rvvt" data-e2e="footer_social_column_facebook_link" href="https://www.facebook.com/Scribd/"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw SocialLink-module_iconImage__JSzvR"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2a6 6 0 01.938 11.927V9.734h1.397L10.602 8H8.937V6.875c0-.474.233-.938.978-.938h.757V4.462s-.08-.014-.21-.032a9.524 9.524 0 00-.887-.08 6.278 6.278 0 00-.246-.005c-1.37 0-2.267.83-2.267 2.334V8H5.54v1.734h1.524v4.193A6.002 6.002 0 018 2z" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">Facebook</span></span> <!-- -->Facebook</span></span></a></li><li><a aria-disabled="false" aria-label="Scribd on Pinterest" class="TextButton-module_wrapper__ZwW-w SocialLink-module_wrapper__7Rvvt" data-e2e="footer_social_column_pinterest_link" href="https://www.pinterest.com/scribd/"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw SocialLink-module_iconImage__JSzvR"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.217 12.268A5.98 5.98 0 018 14c-.62 0-1.218-.094-1.78-.269.246-.4.606-1.045.738-1.563l.375-1.427c.193.375.766.691 1.373.691 1.808 0 3.111-1.664 3.111-3.733 0-1.985-1.62-3.467-3.698-3.467-2.593 0-3.966 1.738-3.966 3.63 0 .884.47 1.975 1.22 2.326.113.054.178.03.202-.08l.058-.233.11-.448a.179.179 0 00-.04-.173c-.246-.3-.444-.854-.444-1.368 0-1.323 1.003-2.602 2.711-2.602 1.477 0 2.509 1.002 2.509 2.44 0 1.62-.82 2.745-1.886 2.745-.588 0-1.033-.489-.89-1.086.062-.255.143-.517.222-.772.142-.46.277-.898.277-1.228 0-.46-.246-.845-.76-.845-.602 0-1.086.622-1.086 1.457 0 .528.177.889.177.889s-.592 2.514-.7 2.983c-.12.518-.075 1.247-.02 1.722A6.003 6.003 0 012 8a6 6 0 016.653-5.965A5.988 5.988 0 0113.99 8.01a5.981 5.981 0 01-1.773 4.258z" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">Pinterest</span></span> <!-- -->Pinterest</span></span></a></li></ul></div><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_below_m__-PoVO GridColumn-module_extended_xl5_2__aqjlc GridColumn-module_extended_xl4_2__1yIW6 GridColumn-module_extended_xl3_2__mt-u- GridColumn-module_extended_xl2_2__A8qwF GridColumn-module_extended_xl_2__QYBNc GridColumn-module_extended_l_2__iqMJD GridColumn-module_extended_m_2__9nXEO GridColumn-module_extended_s_2__-n3HH GridColumn-module_extended_xs_2__C9iyY GridColumn-module_extended_xxs_2__1MEQR"></div><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_below_m__-PoVO GridColumn-module_extended_xl5_2__aqjlc GridColumn-module_extended_xl4_2__1yIW6 GridColumn-module_extended_xl3_2__mt-u- GridColumn-module_extended_xl2_2__A8qwF GridColumn-module_extended_xl_2__QYBNc GridColumn-module_extended_l_2__iqMJD GridColumn-module_extended_m_2__9nXEO GridColumn-module_extended_s_2__-n3HH GridColumn-module_extended_xs_2__C9iyY GridColumn-module_extended_xxs_2__1MEQR"><p class="Footer-module_columnHeader__gcdjp">Get our free apps</p><ul class="mobile_icons wrapper__app_store_buttons"><li class="wrapper__store_button" data-e2e="app_store_btn"><a aria-label="Scribd - Download on the App Store" class="app_link ios_btn" data-e2e="ios_btn" href="https://apps.apple.com/us/app/6448807714?mt=8&pt=298534"><div class="app_store_img"><img class="LazyImage-module_image__uh0sq" alt="Scribd - Download on the App Store"/></div></a></li><li class="wrapper__store_button" data-e2e="app_store_btn"><a aria-label="Scribd - Get it on Google Play" class="app_link google_play_btn" data-e2e="google_play_btn" href="https://play.google.com/store/apps/details?id=com.scribd.app.reader0.docs"><div class="app_store_img play_store_link"><img class="LazyImage-module_image__uh0sq" alt="Scribd - Get it on Google Play"/></div></a></li></ul></div></div><div class="GridRow-module_wrapper__Uub42 GridRow-module_extended__Bvagp"><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_above_s__NbVNC GridColumn-module_extended_xl5_16__cffZG GridColumn-module_extended_xl4_12__Ueyic GridColumn-module_extended_xl3_12__TsrxQ GridColumn-module_extended_xl2_12__ceos- GridColumn-module_extended_xl_12__7vx87 GridColumn-module_extended_l_12__gCRsq GridColumn-module_extended_m_8__bDZzO GridColumn-module_extended_s_2__-n3HH GridColumn-module_extended_xs_2__C9iyY GridColumn-module_extended_xxs_2__1MEQR"><div class="Footer-module_verticalColumn__-CR6f"><p class="Footer-module_columnHeader__gcdjp">About</p><ul class="Footer-module_columnList__fqabA"><li><a aria-disabled="false" aria-label="About Scribd" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_about_scribd_link" href="https://www.scribd.com/about"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">About Scribd</span></span></a></li><li><a aria-disabled="false" aria-label="Everand: Ebooks & Audiobooks" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_everand_books_audiobooks_link" href="https://www.everand.com" target="_blank"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Everand: Ebooks & Audiobooks</span></span></a></li><li><a aria-disabled="false" aria-label="SlideShare" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="shared.footer.slideshare" href="https://www.slideshare.net/" target="_blank"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">SlideShare</span></span></a></li><li><a aria-disabled="false" aria-label="Press" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_press_link" href="https://www.scribd.com/media" target="_self"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Press</span></span></a></li><li><a aria-disabled="false" aria-label="Join our team!" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_join_our_team_link" href="https://www.scribd.com/careers" target="_self"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Join our team!</span></span></a></li><li><a aria-disabled="false" aria-label="Contact us" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_contact_us_link" href="https://www.scribd.com/contact" target="_self"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Contact us</span></span></a></li><li><a aria-disabled="false" aria-label="Invite friends" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_invite_friends_link" href="https://www.scribd.com/referrals"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Invite friends</span></span></a></li><li><a aria-disabled="false" aria-label="Scribd for enterprise" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_about_column_scribd_for_enterprise_link" href="https://www.scribd.com/enterprise"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Scribd for enterprise</span></span></a></li></ul></div><div class="Footer-module_verticalColumn__-CR6f"><p class="Footer-module_columnHeader__gcdjp">Legal</p><ul class="Footer-module_columnList__fqabA"><li><a aria-disabled="false" aria-label="Terms" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_legal_column_terms_link" href="https://support.scribd.com/hc/en-us/articles/210129326-General-Terms-of-Use"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Terms</span></span></a></li><li><a aria-disabled="false" aria-label="Privacy" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_legal_column_privacy_link" href="https://www.scribd.com/privacy" target="_self"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Privacy</span></span></a></li><li><a aria-disabled="false" aria-label="Copyright" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_legal_column_copyright_link" href="https://support.scribd.com/hc/en-us/sections/202246086"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Copyright</span></span></a></li><li><a aria-disabled="false" aria-label="Do not sell or share my personal information" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_legal_privacy_request_form_link" href="https://support.scribd.com/hc/articles/360038016931-Privacy-Rights-Request-Form"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Do not sell or share my personal information</span></span></a></li></ul></div></div><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_above_s__NbVNC GridColumn-module_extended_xl5_16__cffZG GridColumn-module_extended_xl4_12__Ueyic GridColumn-module_extended_xl3_12__TsrxQ GridColumn-module_extended_xl2_12__ceos- GridColumn-module_extended_xl_12__7vx87 GridColumn-module_extended_l_12__gCRsq GridColumn-module_extended_m_8__bDZzO GridColumn-module_extended_s_2__-n3HH GridColumn-module_extended_xs_2__C9iyY GridColumn-module_extended_xxs_2__1MEQR"><div class="Footer-module_verticalColumn__-CR6f"><p class="Footer-module_columnHeader__gcdjp">Support</p><ul class="Footer-module_columnList__fqabA"><li><a aria-disabled="false" aria-label="Help / FAQ" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_support_column_help_faq_link" href="http://support.scribd.com/hc/en-us"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Help / FAQ</span></span></a></li><li><a aria-disabled="false" aria-label="Accessibility" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_support_column_accessibility_link" href="https://support.scribd.com/hc/en-us/articles/210129586-Accessibility-Notice"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Accessibility</span></span></a></li><li><a aria-disabled="false" aria-label="Purchase help" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_support_column_purchase_help_link" href="https://support.scribd.com/hc/en-us/sections/202246306"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Purchase help</span></span></a></li><li><a aria-disabled="false" aria-label="AdChoices" class="TextButton-module_wrapper__ZwW-w FooterLink-module_wrapper__V1y4b" data-e2e="footer_support_column_adchoices_link" href="https://support.scribd.com/hc/en-us/articles/210129366"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">AdChoices</span></span></a></li></ul></div><div><p class="Footer-module_columnHeader__gcdjp">Social</p><ul class="Footer-module_columnList__fqabA"><li><a aria-disabled="false" aria-label="Scribd on Instagram" class="TextButton-module_wrapper__ZwW-w SocialLink-module_wrapper__7Rvvt" data-e2e="footer_social_column_instagram_link" href="https://www.instagram.com/scribd/"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw SocialLink-module_iconImage__JSzvR"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 3.081c1.602 0 1.792.006 2.425.035.584.027.902.124 1.114.207.26.096.497.249.69.448.2.194.353.43.45.691.082.212.18.53.206 1.114.029.633.035.823.035 2.425 0 1.602-.006 1.792-.035 2.425-.027.585-.124.902-.207 1.114a1.99 1.99 0 01-1.138 1.138c-.212.082-.53.18-1.114.207-.633.029-.823.035-2.425.035-1.602 0-1.792-.006-2.425-.035-.585-.027-.902-.124-1.114-.207a1.858 1.858 0 01-.69-.449c-.2-.193-.353-.43-.45-.69-.082-.212-.18-.53-.206-1.114-.029-.633-.035-.823-.035-2.425 0-1.602.006-1.792.035-2.425.027-.585.124-.902.207-1.114.096-.26.25-.497.449-.69.193-.2.43-.353.69-.45.212-.082.53-.18 1.114-.206.633-.029.823-.035 2.425-.035L8 3.081zm0-1.082c-1.629 0-1.833.007-2.473.036-.64.03-1.076.132-1.457.28-.4.15-.763.387-1.063.692-.305.3-.541.663-.692 1.063-.148.381-.25.818-.279 1.457C2.007 6.165 2 6.37 2 8s.007 1.834.036 2.474c.03.64.13 1.075.279 1.456.15.4.387.763.692 1.063.3.305.663.541 1.063.692.381.148.818.25 1.457.279.638.029.844.036 2.473.036 1.63 0 1.834-.007 2.474-.036.64-.03 1.075-.13 1.456-.28a3.068 3.068 0 001.755-1.754c.148-.381.25-.818.279-1.457C13.993 9.835 14 9.63 14 8c0-1.63-.007-1.833-.036-2.473-.03-.64-.13-1.075-.28-1.456-.15-.4-.386-.763-.691-1.063a2.946 2.946 0 00-1.063-.692c-.381-.148-.818-.25-1.457-.279C9.835 2.007 9.63 2 8 2v-.001zm0 2.92a3.081 3.081 0 100 6.162A3.081 3.081 0 008 4.92zm0 5.082A2 2 0 118 6 2 2 0 018 10zm3.923-5.204a.72.72 0 11-1.44 0 .72.72 0 011.44 0z" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">Instagram</span></span> <!-- -->Instagram</span></span></a></li><li><a aria-disabled="false" aria-label="Scribd on Twitter" class="TextButton-module_wrapper__ZwW-w SocialLink-module_wrapper__7Rvvt" data-e2e="footer_social_column_twitter_link" href="https://twitter.com/scribd/"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw SocialLink-module_iconImage__JSzvR"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path d="M5.774 12.79c4.528 0 7.005-4.152 7.005-7.752 0-.118 0-.235-.007-.352A5.338 5.338 0 0014 3.276a4.55 4.55 0 01-1.414.428c.514-.34.899-.876 1.082-1.507a4.657 4.657 0 01-1.563.662 2.401 2.401 0 00-1.397-.823 2.26 2.26 0 00-1.561.287A2.636 2.636 0 008.065 3.6a2.995 2.995 0 00-.156 1.742 6.47 6.47 0 01-2.81-.826 7.175 7.175 0 01-2.264-2.02 2.98 2.98 0 00-.27 1.985c.142.676.511 1.266 1.032 1.652a2.267 2.267 0 01-1.117-.341v.034c0 .63.197 1.239.557 1.725.36.487.861.821 1.418.946-.362.109-.743.125-1.111.046.157.542.463 1.015.876 1.354.412.34.91.528 1.424.538-.872.758-1.95 1.17-3.058 1.169-.196 0-.391-.014-.586-.04a6.49 6.49 0 003.774 1.222" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">Twitter</span></span> <!-- -->Twitter</span></span></a></li><li><a aria-disabled="false" aria-label="Scribd on Facebook" class="TextButton-module_wrapper__ZwW-w SocialLink-module_wrapper__7Rvvt" data-e2e="footer_social_column_facebook_link" href="https://www.facebook.com/Scribd/"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw SocialLink-module_iconImage__JSzvR"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2a6 6 0 01.938 11.927V9.734h1.397L10.602 8H8.937V6.875c0-.474.233-.938.978-.938h.757V4.462s-.08-.014-.21-.032a9.524 9.524 0 00-.887-.08 6.278 6.278 0 00-.246-.005c-1.37 0-2.267.83-2.267 2.334V8H5.54v1.734h1.524v4.193A6.002 6.002 0 018 2z" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">Facebook</span></span> <!-- -->Facebook</span></span></a></li><li><a aria-disabled="false" aria-label="Scribd on Pinterest" class="TextButton-module_wrapper__ZwW-w SocialLink-module_wrapper__7Rvvt" data-e2e="footer_social_column_pinterest_link" href="https://www.pinterest.com/scribd/"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw SocialLink-module_iconImage__JSzvR"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.217 12.268A5.98 5.98 0 018 14c-.62 0-1.218-.094-1.78-.269.246-.4.606-1.045.738-1.563l.375-1.427c.193.375.766.691 1.373.691 1.808 0 3.111-1.664 3.111-3.733 0-1.985-1.62-3.467-3.698-3.467-2.593 0-3.966 1.738-3.966 3.63 0 .884.47 1.975 1.22 2.326.113.054.178.03.202-.08l.058-.233.11-.448a.179.179 0 00-.04-.173c-.246-.3-.444-.854-.444-1.368 0-1.323 1.003-2.602 2.711-2.602 1.477 0 2.509 1.002 2.509 2.44 0 1.62-.82 2.745-1.886 2.745-.588 0-1.033-.489-.89-1.086.062-.255.143-.517.222-.772.142-.46.277-.898.277-1.228 0-.46-.246-.845-.76-.845-.602 0-1.086.622-1.086 1.457 0 .528.177.889.177.889s-.592 2.514-.7 2.983c-.12.518-.075 1.247-.02 1.722A6.003 6.003 0 012 8a6 6 0 016.653-5.965A5.988 5.988 0 0113.99 8.01a5.981 5.981 0 01-1.773 4.258z" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">Pinterest</span></span> <!-- -->Pinterest</span></span></a></li></ul></div></div></div><div class="GridRow-module_wrapper__Uub42 GridRow-module_extended__Bvagp"><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_above_m__zwIrv GridColumn-module_extended_xl5_16__cffZG GridColumn-module_extended_xl4_12__Ueyic GridColumn-module_extended_xl3_12__TsrxQ GridColumn-module_extended_xl2_12__ceos- GridColumn-module_extended_xl_12__7vx87 GridColumn-module_extended_l_12__gCRsq GridColumn-module_extended_m_8__bDZzO GridColumn-module_extended_s_4__ZU5Jo GridColumn-module_extended_xs_4__NH6tl GridColumn-module_extended_xxs_4__dHKOI"><p class="Footer-module_columnHeader__gcdjp">Get our free apps</p><ul class="mobile_icons wrapper__app_store_buttons"><li class="wrapper__store_button" data-e2e="app_store_btn"><a aria-label="Scribd - Download on the App Store" class="app_link ios_btn" data-e2e="ios_btn" href="https://apps.apple.com/us/app/6448807714?mt=8&pt=298534"><div class="app_store_img"><img class="LazyImage-module_image__uh0sq" alt="Scribd - Download on the App Store"/></div></a></li><li class="wrapper__store_button" data-e2e="app_store_btn"><a aria-label="Scribd - Get it on Google Play" class="app_link google_play_btn" data-e2e="google_play_btn" href="https://play.google.com/store/apps/details?id=com.scribd.app.reader0.docs"><div class="app_store_img play_store_link"><img class="LazyImage-module_image__uh0sq" alt="Scribd - Get it on Google Play"/></div></a></li></ul></div></div><div class="GridRow-module_wrapper__Uub42 GridRow-module_extended__Bvagp"><div class="GridColumn-module_wrapper__soqyu GridColumn-module_extended_xl5_16__cffZG GridColumn-module_extended_xl4_12__Ueyic GridColumn-module_extended_xl3_12__TsrxQ GridColumn-module_extended_xl2_12__ceos- GridColumn-module_extended_xl_12__7vx87 GridColumn-module_extended_l_12__gCRsq GridColumn-module_extended_m_8__bDZzO GridColumn-module_extended_s_4__ZU5Jo GridColumn-module_extended_xs_4__NH6tl GridColumn-module_extended_xxs_4__dHKOI"><div class="Footer-module_horizontalDivider__Z6XJu"></div></div></div><div class="GridRow-module_wrapper__Uub42 GridRow-module_extended__Bvagp"><div class="GridColumn-module_wrapper__soqyu GridColumn-module_extended_xl5_9__UmJvm GridColumn-module_extended_xl4_7__-9AEI GridColumn-module_extended_xl3_7__B6ct2 GridColumn-module_extended_xl2_7__Nztja GridColumn-module_extended_xl_7__OFVFv GridColumn-module_extended_l_12__gCRsq GridColumn-module_extended_m_8__bDZzO GridColumn-module_extended_s_4__ZU5Jo GridColumn-module_extended_xs_4__NH6tl GridColumn-module_extended_xxs_4__dHKOI"><ul class="ContentTypeColumn-module_contentTypesList__WIKOq"><li><a aria-disabled="false" aria-label="Documents" class="TextButton-module_wrapper__ZwW-w ContentTypeColumn-module_contentTypeLink__K3M9d" data-e2e="footer_content_type_column_documents_link" href="/docs"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl">Documents</span></span></a></li></ul></div><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_below_l__7M0-X GridColumn-module_extended_xl5_7__HqFBW GridColumn-module_extended_xl4_5__PuEUy GridColumn-module_extended_xl3_5__aTZFP GridColumn-module_extended_xl2_5__UvHIq GridColumn-module_extended_xl_5__qmwN8 GridColumn-module_extended_l_5__VLQLS GridColumn-module_extended_m_5__HSrx- GridColumn-module_extended_s_4__ZU5Jo GridColumn-module_extended_xs_4__NH6tl GridColumn-module_extended_xxs_4__dHKOI"><div class="Footer-module_bottomRightContainer__5MVkq"><div class="Footer-module_bottomLanguage__ZSHe1"><div class="Footer-module_bottomLanguageText__S7opW">Language<!-- -->:</div><div class="DropdownMenu-module_wrapper__-3wi4" data-e2e="footer_language_picker_link"><a aria-disabled="false" aria-expanded="false" class="TextButton-module_wrapper__ZwW-w menu_handle Footer-module_menuHandle__A-Ub8" href="#"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><div class="Footer-module_languageDropdownContent__Ps0E4">English<!-- --> <span class="SvgIcon-module_wrapper__1fPqw"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path d="M8.24 11.66L4 7.41 5.41 6l2.83 2.83L11.07 6l1.42 1.41-4.25 4.25z" fill="currentColor"></path></svg></span></div></span></span></a><div class="MenuItems-module_wrapper__y6cjo MenuItems-module_top__2bxjj Footer-module_menuItems__6usGF" data-e2e="menu-items"><span class="breakpoint_hide s atAndAbove"><button aria-disabled="false" class="TextButton-module_wrapper__ZwW-w TextButton-module_default__ekglb MenuItems-module_closeButton__ZAyQt" data-e2e="close-button" type="button"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw"><svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.414 9l7.293-7.293L16.293.293 9 7.586 1.707.293.293 1.707 7.586 9 .293 16.293l1.414 1.414L9 10.414l7.293 7.293 1.414-1.414L10.414 9z" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">close menu</span></span></span></span></button></span><div><ul class="LanguageLinks-module_list__Vs9Gq" role="menu"><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9 LanguageLink-module_linkSelected__SuxJ3" href="/language?id=en" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ LanguageLink-module_iconSelected__DAMML"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 8A6 6 0 112 8a6 6 0 0112 0zm2 0A8 8 0 110 8a8 8 0 0116 0zm-8 4a4 4 0 100-8 4 4 0 000 8z" fill="currentColor"></path></svg></span><span lang="en">English</span><span class="visually_hidden">(selected)</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=es" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="es">Español</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=pt-br" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="pt-br">Português</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=de" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="de">Deutsch</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=fr" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="fr">Français</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=ru" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="ru">Русский</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=it" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="it">Italiano</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=ro" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="ro">Română</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=id" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="id">Bahasa Indonesia</span></a></li></ul><a href="#" class="LanguageLinks-module_learnMoreLink__SpBO4" data-e2e="learn_more_link">Learn more</a></div></div></div></div><div class="Footer-module_bottomCopyright__WjBga" data-e2e="footer_copyright_text"><span>Copyright © 2024 Scribd Inc.</span></div></div></div></div><div class="GridRow-module_wrapper__Uub42 GridRow-module_extended__Bvagp"><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_above_l__UT1-z GridColumn-module_extended_xl5_16__cffZG GridColumn-module_extended_xl4_12__Ueyic GridColumn-module_extended_xl3_12__TsrxQ GridColumn-module_extended_xl2_12__ceos- GridColumn-module_extended_xl_12__7vx87 GridColumn-module_extended_l_12__gCRsq GridColumn-module_extended_m_8__bDZzO GridColumn-module_extended_s_4__ZU5Jo GridColumn-module_extended_xs_4__NH6tl GridColumn-module_extended_xxs_4__dHKOI"><div class="Footer-module_bottomLanguage__ZSHe1 Footer-module_bottomLanguageMargin__e40ar Footer-module_topLanguageMargin__psISJ"><div class="Footer-module_bottomLanguageText__S7opW">Language<!-- -->:</div><div class="DropdownMenu-module_wrapper__-3wi4" data-e2e="footer_language_picker_link"><a aria-disabled="false" aria-expanded="false" class="TextButton-module_wrapper__ZwW-w menu_handle Footer-module_menuHandle__A-Ub8" href="#"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><div class="Footer-module_languageDropdownContent__Ps0E4">English<!-- --> <span class="SvgIcon-module_wrapper__1fPqw"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path d="M8.24 11.66L4 7.41 5.41 6l2.83 2.83L11.07 6l1.42 1.41-4.25 4.25z" fill="currentColor"></path></svg></span></div></span></span></a><div class="MenuItems-module_wrapper__y6cjo MenuItems-module_top__2bxjj Footer-module_menuItems__6usGF" data-e2e="menu-items"><span class="breakpoint_hide s atAndAbove"><button aria-disabled="false" class="TextButton-module_wrapper__ZwW-w TextButton-module_default__ekglb MenuItems-module_closeButton__ZAyQt" data-e2e="close-button" type="button"><span class="TextButton-module_content__6x-Ra"><span class="TextButton-module_children__HwxUl"><span class="SvgIcon-module_wrapper__1fPqw"><svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.414 9l7.293-7.293L16.293.293 9 7.586 1.707.293.293 1.707 7.586 9 .293 16.293l1.414 1.414L9 10.414l7.293 7.293 1.414-1.414L10.414 9z" fill="currentColor"></path></svg><span style="border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal">close menu</span></span></span></span></button></span><div><ul class="LanguageLinks-module_list__Vs9Gq" role="menu"><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9 LanguageLink-module_linkSelected__SuxJ3" href="/language?id=en" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ LanguageLink-module_iconSelected__DAMML"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 8A6 6 0 112 8a6 6 0 0112 0zm2 0A8 8 0 110 8a8 8 0 0116 0zm-8 4a4 4 0 100-8 4 4 0 000 8z" fill="currentColor"></path></svg></span><span lang="en">English</span><span class="visually_hidden">(selected)</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=es" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="es">Español</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=pt-br" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="pt-br">Português</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=de" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="de">Deutsch</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=fr" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="fr">Français</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=ru" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="ru">Русский</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=it" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="it">Italiano</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=ro" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="ro">Română</span></a></li><li class="language_item Footer-module_languageLink__IOHdz" role="none"><a class="LanguageLink-module_link__ncYa9" href="/language?id=id" role="menuitem"><span class="SvgIcon-module_wrapper__1fPqw LanguageLink-module_icon__2uDWZ"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="SvgIcon-module_icon__sUHUn"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 14A6 6 0 108 2a6 6 0 000 12zm0 2A8 8 0 108 0a8 8 0 000 16z" fill="currentColor"></path></svg></span><span lang="id">Bahasa Indonesia</span></a></li></ul><a href="#" class="LanguageLinks-module_learnMoreLink__SpBO4" data-e2e="learn_more_link">Learn more</a></div></div></div></div></div></div><div class="GridRow-module_wrapper__Uub42 GridRow-module_extended__Bvagp"><div class="GridColumn-module_wrapper__soqyu GridColumn-module_hide_above_l__UT1-z GridColumn-module_extended_xl5_16__cffZG GridColumn-module_extended_xl4_12__Ueyic GridColumn-module_extended_xl3_12__TsrxQ GridColumn-module_extended_xl2_12__ceos- GridColumn-module_extended_xl_12__7vx87 GridColumn-module_extended_l_12__gCRsq GridColumn-module_extended_m_8__bDZzO GridColumn-module_extended_s_4__ZU5Jo GridColumn-module_extended_xs_4__NH6tl GridColumn-module_extended_xxs_4__dHKOI"><div class="Footer-module_bottomCopyright__WjBga" data-e2e="footer_copyright_text"><span>Copyright © 2024 Scribd Inc.</span></div></div></div></div></footer></div></div></div> <script type="application/json" data-hypernova-key="doc_page" data-hypernova-id="fc108bcf-29c9-4e13-a4f5-00e0b00f267a"><!--{"assetEnvironment":"production","bodyProps":{"admin_panel_props":null,"breadcrumbs":[],"sharing_buttons_props":{"description":"","id":44612279,"message":null,"private":false,"secretPassword":"2j1d9lztrrklbe1iv755","thumbnailUrl":"https://imgv2-2-f.scribdassets.com/img/document/44612279/original/52a9aee869/1714700275?v=1","title":"Ajax,un juego de niños","twitterHashtag":null,"url":"https://www.scribd.com/document/44612279/Ajax-un-juego-de-ninos"},"show_bot_text":true,"bot_text":"###BOT_TEXT###","view_restricted_cta_test_enabled":false},"currentPage":{"isHamburgerMenuOpen":false,"isMegamenuTopBarVisible":true,"isMegamenuPrimaryNavVisible":true,"navigationCategories":{"academic":{"totalCategoryCount":12,"categoryLinks":[{"dataName":"foreign-language-studies","name":"Foreign Language Studies","url":"https://www.scribd.com/docs/Foreign-Language-Studies","children":[{"dataName":"chinese","name":"Chinese","url":"https://www.scribd.com/docs/Foreign-Language-Studies/Chinese"},{"dataName":"esl","name":"ESL","url":"https://www.scribd.com/docs/Foreign-Language-Studies/ESL"}]},{"dataName":"science-mathematics","name":"Science & Mathematics","url":"https://www.scribd.com/docs/Science-Mathematics","children":[{"dataName":"astronomy-space-sciences","name":"Astronomy & Space Sciences","url":"https://www.scribd.com/docs/Science-Mathematics/Astronomy-Space-Sciences"},{"dataName":"biology","name":"Biology","url":"https://www.scribd.com/docs/Science-Mathematics/Biology"}]},{"dataName":"study-aids-test-prep","name":"Study Aids & Test Prep","url":"https://www.scribd.com/docs/Study-Aids-Test-Prep","children":[{"dataName":"book-notes","name":"Book Notes","url":"https://www.scribd.com/docs/Study-Aids-Test-Prep/Book-Notes"},{"dataName":"college-entrance-exams","name":"College Entrance Exams","url":"https://www.scribd.com/docs/Study-Aids-Test-Prep/College-Entrance-Exams"}]},{"dataName":"teaching-methods-materials","name":"Teaching Methods & Materials","url":"https://www.scribd.com/docs/Teaching-Methods-Materials","children":[{"dataName":"early-childhood-education","name":"Early Childhood Education","url":"https://www.scribd.com/docs/Teaching-Methods-Materials/Early-Childhood-Education"},{"dataName":"education-philosophy-theory","name":"Education Philosophy & Theory","url":"https://www.scribd.com/docs/Teaching-Methods-Materials/Education-Philosophy-Theory"}]}]},"professional":{"totalCategoryCount":21,"categoryLinks":[{"dataName":"business","name":"Business","url":"https://www.scribd.com/docs/Business","children":[{"dataName":"business-analytics","name":"Business Analytics","url":"https://www.scribd.com/docs/Business/Business-Analytics"},{"dataName":"human-resources-personnel-management","name":"Human Resources & Personnel Management","url":"https://www.scribd.com/docs/Business/Human-Resources-Personnel-Management"}]},{"dataName":"career-growth","name":"Career & Growth","url":"https://www.scribd.com/docs/Career-Growth","children":[{"dataName":"careers","name":"Careers","url":"https://www.scribd.com/docs/Career-Growth/Careers"},{"dataName":"job-hunting","name":"Job Hunting","url":"https://www.scribd.com/docs/Career-Growth/Job-Hunting"}]},{"dataName":"computers","name":"Computers","url":"https://www.scribd.com/docs/Computers","children":[{"dataName":"applications-software","name":"Applications & Software","url":"https://www.scribd.com/docs/Computers/Applications-Software"},{"dataName":"cad-cam","name":"CAD-CAM","url":"https://www.scribd.com/docs/Computers/CAD-CAM"}]},{"dataName":"finance-money-management","name":"Finance & Money Management","url":"https://www.scribd.com/docs/Finance-Money-Management","children":[{"dataName":"accounting-bookkeeping","name":"Accounting & Bookkeeping","url":"https://www.scribd.com/docs/Finance-Money-Management/Accounting-Bookkeeping"},{"dataName":"auditing","name":"Auditing","url":"https://www.scribd.com/docs/Finance-Money-Management/Auditing"}]},{"dataName":"law","name":"Law","url":"https://www.scribd.com/docs/Law","children":[{"dataName":"business-financial","name":"Business & Financial","url":"https://www.scribd.com/docs/Law/Business-Financial"},{"dataName":"contracts-agreements","name":"Contracts & Agreements","url":"https://www.scribd.com/docs/Law/Contracts-Agreements"}]},{"dataName":"politics","name":"Politics","url":"https://www.scribd.com/docs/Politics","children":[{"dataName":"american-government","name":"American Government","url":"https://www.scribd.com/docs/Politics/American-Government"},{"dataName":"international-relations","name":"International Relations","url":"https://www.scribd.com/docs/Politics/International-Relations"}]},{"dataName":"technology-engineering","name":"Technology & Engineering","url":"https://www.scribd.com/docs/Technology-Engineering","children":[{"dataName":"automotive","name":"Automotive","url":"https://www.scribd.com/docs/Technology-Engineering/Automotive"},{"dataName":"aviation-aeronautics","name":"Aviation & Aeronautics","url":"https://www.scribd.com/docs/Technology-Engineering/Aviation-Aeronautics"}]}]},"culture":{"totalCategoryCount":19,"categoryLinks":[{"dataName":"art","name":"Art","url":"https://www.scribd.com/docs/Art","children":[{"dataName":"antiques-collectibles","name":"Antiques & Collectibles","url":"https://www.scribd.com/docs/Art/Antiques-Collectibles"},{"dataName":"architecture","name":"Architecture","url":"https://www.scribd.com/docs/Art/Architecture"}]},{"dataName":"biography-memoir","name":"Biography & Memoir","url":"https://www.scribd.com/docs/Biography-Memoir","children":[{"dataName":"artists-and-musicians","name":"Artists and Musicians","url":"https://www.scribd.com/docs/Biography-Memoir/Artists-and-Musicians"},{"dataName":"entertainers-and-the-rich-famous","name":"Entertainers and the Rich & Famous","url":"https://www.scribd.com/docs/Biography-Memoir/Entertainers-and-the-Rich-Famous"}]},{"dataName":"comics-graphic-novels","name":"Comics & Graphic Novels","url":"https://www.scribd.com/docs/Comics-Graphic-Novels"},{"dataName":"history","name":"History","url":"https://www.scribd.com/docs/History","children":[{"dataName":"ancient","name":"Ancient","url":"https://www.scribd.com/docs/History/Ancient"},{"dataName":"modern","name":"Modern","url":"https://www.scribd.com/docs/History/Modern"}]},{"dataName":"philosophy","name":"Philosophy","url":"https://www.scribd.com/docs/Philosophy"},{"dataName":"language-arts-discipline","name":"Language Arts & Discipline","url":"https://www.scribd.com/docs/Language-Arts-Discipline","children":[{"dataName":"composition-creative-writing","name":"Composition & Creative Writing","url":"https://www.scribd.com/docs/Language-Arts-Discipline/Composition-Creative-Writing"},{"dataName":"linguistics","name":"Linguistics","url":"https://www.scribd.com/docs/Language-Arts-Discipline/Linguistics"}]},{"dataName":"literary-criticism","name":"Literary Criticism","url":"https://www.scribd.com/docs/Literary-Criticism"},{"dataName":"social-science","name":"Social Science","url":"https://www.scribd.com/docs/Social-Science","children":[{"dataName":"anthropology","name":"Anthropology","url":"https://www.scribd.com/docs/Social-Science/Anthropology"},{"dataName":"archaeology","name":"Archaeology","url":"https://www.scribd.com/docs/Social-Science/Archaeology"}]},{"dataName":"true-crime","name":"True Crime","url":"https://www.scribd.com/docs/True-Crime"}]},"hobbies_and_crafts":{"totalCategoryCount":12,"categoryLinks":[{"dataName":"cooking-food-wine","name":"Cooking, Food & Wine","url":"https://www.scribd.com/docs/Cooking-Food-Wine","children":[{"dataName":"beverages","name":"Beverages","url":"https://www.scribd.com/docs/Cooking-Food-Wine/Beverages"},{"dataName":"courses-dishes","name":"Courses & Dishes","url":"https://www.scribd.com/docs/Cooking-Food-Wine/Courses-Dishes"}]},{"dataName":"games-activities","name":"Games & Activities","url":"https://www.scribd.com/docs/Games-Activities","children":[{"dataName":"card-games","name":"Card Games","url":"https://www.scribd.com/docs/Games-Activities/Card-Games"},{"dataName":"fantasy-sports","name":"Fantasy Sports","url":"https://www.scribd.com/docs/Games-Activities/Fantasy-Sports"}]},{"dataName":"home-garden","name":"Home & Garden","url":"https://www.scribd.com/docs/Home-Garden","children":[{"dataName":"crafts-hobbies","name":"Crafts & Hobbies","url":"https://www.scribd.com/docs/Home-Garden/Crafts-Hobbies"},{"dataName":"gardening","name":"Gardening","url":"https://www.scribd.com/docs/Home-Garden/Gardening"}]},{"dataName":"sports-recreation","name":"Sports & Recreation","url":"https://www.scribd.com/docs/Sports-Recreation","children":[{"dataName":"baseball","name":"Baseball","url":"https://www.scribd.com/docs/Sports-Recreation/Baseball"},{"dataName":"basketball","name":"Basketball","url":"https://www.scribd.com/docs/Sports-Recreation/Basketball"}]}]},"personal_growth":{"totalCategoryCount":12,"categoryLinks":[{"dataName":"lifestyle","name":"Lifestyle","url":"https://www.scribd.com/docs/Lifestyle","children":[{"dataName":"beauty-grooming","name":"Beauty & Grooming","url":"https://www.scribd.com/docs/Lifestyle/Beauty-Grooming"},{"dataName":"fashion","name":"Fashion","url":"https://www.scribd.com/docs/Lifestyle/Fashion"}]},{"dataName":"religion-spirituality","name":"Religion & Spirituality","url":"https://www.scribd.com/docs/Religion-Spirituality","children":[{"dataName":"buddhism","name":"Buddhism","url":"https://www.scribd.com/docs/Religion-Spirituality/Buddhism"},{"dataName":"christianity","name":"Christianity","url":"https://www.scribd.com/docs/Religion-Spirituality/Christianity"}]},{"dataName":"self-improvement","name":"Self-Improvement","url":"https://www.scribd.com/docs/Self-Improvement","children":[{"dataName":"addiction","name":"Addiction","url":"https://www.scribd.com/docs/Self-Improvement/Addiction"},{"dataName":"mental-health","name":"Mental Health","url":"https://www.scribd.com/docs/Self-Improvement/Mental-Health"}]},{"dataName":"wellness","name":"Wellness","url":"https://www.scribd.com/docs/Wellness","children":[{"dataName":"body-mind-spirit","name":"Body, Mind, & Spirit","url":"https://www.scribd.com/docs/Wellness/Body-Mind-Spirit"},{"dataName":"diet-nutrition","name":"Diet & Nutrition","url":"https://www.scribd.com/docs/Wellness/Diet-Nutrition"}]}]}},"selectedMobileBottomTab":"document"},"enablePseudolocalization":false,"flashes":[],"global":{"client":{"mobile":{"getMobileAppProps":{"androidStoreUrl":"https://play.google.com/store/apps/details?id=com.scribd.app.reader0&hl=en","iosStoreUrl":"https://itunes.apple.com/us/app/scribd-worlds-largest-online/id542557212?mt=8&uo=4&at=11lGEE","app_download_link":"https://www.scribd.com/send_download_link","close_promo_url":"https://www.scribd.com/home/close_promo","doc_id":44612279,"email_address":null,"extra_classes":"app_download_promo","promo_id":null,"twilio_enabled":false,"track_page":"doc_page","success":true,"__locale":"en_US"}}},"config":{"facebook":{"app_id":"136494494209"}},"testAssignments":{"backupPaymentMethodsRollout":null,"customOsanoDialog":{"testName":"custom_osano_dialog","variant":"control"},"docPageThirdColumn":{"variant":null},"scrollToRead":{"testName":null,"variant":null},"independentScrolling":{"testName":"doc_page_independent_scrolling_v1","variant":"control"},"personalized_archive_offer":"control"},"paths":{"assetPath":"aHR0cHM6Ly9zLWYuc2NyaWJkYXNzZXRzLmNvbS8=\n","actions":{"add_to_library":"L3NhdmVkL2FkZA==\n","archive_plans_url":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9hcmNoaXZlL3BsYW5zP2RvYz00NDYx\nMjI3OSZtZXRhZGF0YT0lN0IlMjJjb250ZXh0JTIyJTNBJTIyYXJjaGl2ZV92\naWV3X3Jlc3RyaWN0ZWQlMjIlMkMlMjJwYWdlJTIyJTNBJTIycmVhZCUyMiUy\nQyUyMmFjdGlvbiUyMiUzQSUyMmRvd25sb2FkJTIyJTJDJTIybG9nZ2VkX2lu\nJTIyJTNBZmFsc2UlMkMlMjJwbGF0Zm9ybSUyMiUzQSUyMndlYiUyMiU3RA==\n","audiobooksLink":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9hdWRpb2Jvb2tz\n","bestsellers_url":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9iZXN0c2VsbGVycw==\n","book_annotations":"L2Jvb2tfYW5ub3RhdGlvbnMvNDQ2MTIyNzk=\n","booksLink":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9ib29rcw==\n","documentsLink":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9kb2Nz\n","faqUrl":"aHR0cDovL3N1cHBvcnQuc2NyaWJkLmNvbS9oYy8=\n","homeLink":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS8=\n","library_url":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9zYXZlZA==\n","load_recommenders":"L2RvYy1wYWdlL3JlY29tbWVuZGVycy80NDYxMjI3OQ==\n","payment_fix":"L2FjY291bnQvcGF5bWVudF9wcm9maWxlX3VwZGF0ZQ==\n","payment_fix_url":null,"personalization_path":"L2RvYy1wYWdlL3BlcnNvbmFsaXphdGlvbg==\n","pingback":["aA==\n","dA==\n","dA==\n","cA==\n","cw==\n","Og==\n","Lw==\n","Lw==\n","dw==\n","dw==\n","dw==\n","Lg==\n","cw==\n","Yw==\n","cg==\n","aQ==\n","Yg==\n","ZA==\n","Lg==\n","Yw==\n","bw==\n","bQ==\n","Lw==\n","ZA==\n","bw==\n","Yw==\n","dQ==\n","bQ==\n","ZQ==\n","bg==\n","dA==\n","cw==\n","Lw==\n","NA==\n","NA==\n","Ng==\n","MQ==\n","Mg==\n","Mg==\n","Nw==\n","OQ==\n","Lw==\n","cA==\n","aQ==\n","bg==\n","Zw==\n","Yg==\n","YQ==\n","Yw==\n","aw==\n"],"register_download_attempt":"L2RvY3VtZW50X2Rvd25sb2Fkcy9yZWdpc3Rlcl9kb3dubG9hZF9hdHRlbXB0\n","remove_from_library":"L3NhdmVkL3JlbW92ZQ==\n","upload_url":"L3VwbG9hZC1kb2N1bWVudD9hcmNoaXZlX2RvYz00NDYxMjI3OQ==\n"},"props":{"download_receipt_modal":"L2RvYy1wYWdlL2Rvd25sb2FkLXJlY2VpcHQtbW9kYWwtcHJvcHMvNDQ2MTIy\nNzk=\n","paused_user_download_modal":"L2RvYy1wYWdlL3BhdXNlZC11c2VyLWRvd25sb2FkLW1vZGFsLXByb3Bz\n","pmp_login_join_modal":"L2RvYy1wYWdlL3BtcC1sb2dpbi1qb2luLW1vZGFsLXByb3BzLzQ0NjEyMjc5\n"}},"features":{"desktopAdsExperience":null,"highlights":true,"isEligibleForDesktopAds":false,"isEligibleForMobileAds":false,"isEligibleForProgressiveProfileModal":false,"isRightrailAdhesionAdEnabled":true,"showDocChatExperience":false,"taxonomyV4UgcBrowsing":true}},"i18n":{"currentLanguage":{"prefix":"en","lcid":"en","href":"/language?id=en","lang":"en_US","name":"English"},"languages":[{"prefix":"en","lcid":"en","href":"/language?id=en","lang":"en_US","name":"English"},{"prefix":"es","lcid":"es","href":"/language?id=es","lang":"es-419","name":"Español"},{"prefix":"pt","lcid":"pt-br","href":"/language?id=pt-br","lang":"pt_BR","name":"Português"},{"prefix":"de","lcid":"de","href":"/language?id=de","lang":"de","name":"Deutsch"},{"prefix":"fr","lcid":"fr","href":"/language?id=fr","lang":"fr","name":"Français"},{"prefix":"ru","lcid":"ru","href":"/language?id=ru","lang":"ru_RU","name":"Русский"},{"prefix":"it","lcid":"it","href":"/language?id=it","lang":"it","name":"Italiano"},{"prefix":"ro","lcid":"ro","href":"/language?id=ro","lang":"ro_RO","name":"Română"},{"prefix":"id","lcid":"id","href":"/language?id=id","lang":"id_ID","name":"Bahasa Indonesia"}],"locale":"en-US"},"page":{"savedItems":{"44612279":false}},"personalization":{"trialDuration":null},"ratings":{"44612279":{"averageRating":0,"documentId":44612279,"downvoteCount":0,"ratingCount":0,"upvoteCount":0,"userRating":0}},"recommenders":{"viewport_bottom_recs":{"items":[{"id":326318572,"doc_uuid":"sbd/j91k7jHWQfaCZqQmFyJhZYk="},{"id":451313221,"doc_uuid":"sbd/INSJS4HoYa3Tjg6Z4BAeDng="},{"id":402455913,"doc_uuid":"sbd//YuJnKfrmK4AEJ19w/zuGxY="},{"id":312132368,"doc_uuid":"sbd/pwMJ1Eaa90gliMfX8QLzr2E="},{"id":651135285,"doc_uuid":"sbd/nywgPba3ivBs/Rs2m21P7mo="},{"id":72630913,"doc_uuid":"sbd/D9uV2s6FyHxf7MLRsg0Rtcc="},{"id":66293897,"doc_uuid":"sbd/bwcWEAmEZIX5tXJDhwBoW60="},{"id":47743469,"doc_uuid":"sbd/6CgkVBmNxOHf09pX2q5WKWs="},{"id":319883061,"doc_uuid":"sbd/N3jL909sCzEJq6s8sN3eW1Q="},{"id":224819671,"doc_uuid":"sbd/nOivk08DYkQn7nVeLMgEJC8="},{"id":51554698,"doc_uuid":"sbd/ijOZUmTQfz5ehDJoTuHMYps="},{"id":298610265,"doc_uuid":"sbd/vH37gNaxazdKUaa9tvC6byk="},{"id":413404207,"doc_uuid":"sbd/mBeE33fFlRaLHQ5hkW15gfM="},{"id":248718440,"doc_uuid":"sbd/RNPymb3k2OKgjPmU3WaUlXc="},{"id":233332122,"doc_uuid":"sbd/TUj3MZETRzc1K/nbLFTxa2I="},{"id":476686652,"doc_uuid":"sbd/ascDdDJIbzYugHBRiQ9H7SY="},{"id":372609258,"doc_uuid":"sbd/HmNwr2F7VONPPZWlc3D/Cyw="},{"id":336423744,"doc_uuid":"sbd/cXyLqR5EjiAcvqHSokT0k7E="},{"id":280943256,"doc_uuid":"sbd/X75l/rJHiySWCgjF4rOGR7U="},{"id":246146012,"doc_uuid":"sbd/e786r3lncikEKGuRqZjj/UQ="},{"id":423700935,"doc_uuid":"sbd/RdHq3yiGhBDajlxc6kZqFa0="},{"id":369735355,"doc_uuid":"sbd/41kZ/7vvnx9s4Adt/WyMRw0="},{"id":67917549,"doc_uuid":"sbd/1Zlcf3zEd15SEwJR7fFimjY="},{"id":483583505,"doc_uuid":"sbd/7AATb5txZmjaGXdYxaENLb8="},{"id":268276143,"doc_uuid":"sbd/ocBTZisZy8qfXhEDS8v30LE="},{"id":392512578,"doc_uuid":"sbd/B6Whaxt5E3DJfoJ2T2p7fio="},{"id":202258207,"doc_uuid":"sbd/ubVwAXPivgqjBcjNlwva0yE="},{"id":446777622,"doc_uuid":"sbd/XFMfrEaq4BpvfiRV8qYWyEQ="},{"id":39046461,"doc_uuid":"sbd/pb2WXcO41Y3qVi/OHeHwE6U="},{"id":612194545,"doc_uuid":"sbd/JwQPLdcrV0xMLWoxafULzww="},{"id":380992213,"doc_uuid":"sbd/oMsvWXHuI3hdlL0t1G6vw30="},{"id":379579332,"doc_uuid":"sbd/KXZGtQwaGvKr1PiVKF635eQ="},{"id":370897163,"doc_uuid":"sbd/m00BpgR/SoOumyrJRO78QM4="},{"id":472024557,"doc_uuid":"sbd/uiMJPOH63gxAjzQK1CzxXyk="},{"id":373640579,"doc_uuid":"sbd/bs94BY7xzkrrSRyPi760Wbw="},{"id":439653219,"doc_uuid":"sbd/jVoqg7mwTSh3YXQMUSgT7wg="},{"id":271931183,"doc_uuid":"sbd/nx/dKmnv5zmbBrx0Q07bR0Q="},{"id":425336080,"doc_uuid":"sbd/XFCOA1nRnzfjCxUnKOH2Mqg="},{"id":17800593,"doc_uuid":"sbd/Z6xwUt6ZbEONx9XDUdk/UaA="},{"id":362423093,"doc_uuid":"sbd/UUL5YcQ5jIpvouqenOOa7ic="},{"id":82498760,"doc_uuid":"sbd//rBynrYbENNyIEN56NQt2lA="},{"id":382732907,"doc_uuid":"sbd/fOHzRt6Y0yDwEK310V78cnM="},{"id":381985007,"doc_uuid":"sbd/1mTWJ4IrHAEVlPMgTgNazJw="},{"id":332195627,"doc_uuid":"sbd/6u/0me/fRXXAcE0I8cDZW7E="},{"id":50304988,"doc_uuid":"sbd/JVGYDCgESUoHCfHpdwwVBYk="},{"id":349714276,"doc_uuid":"sbd/CbSnvQrypwrJHHvxjz9Cg5A="},{"id":473507517,"doc_uuid":"sbd/gMnxr3SSfcxT7wErZOZzivw="},{"id":360788199,"doc_uuid":"sbd/Ev7qhWJBd3HI3jQ4a9Tjfq8="},{"id":387260446,"doc_uuid":"sbd/9itax9lX7GWmF/y5492nUHE="},{"id":654539391,"doc_uuid":"sbd/MQYrmS5E84ppnLAA9RONNjo="},{"id":315686234,"doc_uuid":"sbd/j71oz7P4dG7r2SOlib6mdMI="},{"id":315666181,"doc_uuid":"sbd/5Q/SpshVGHClkOuQuoxZB6w="},{"id":266832218,"doc_uuid":"sbd/CDSx3jUJ7C2kjRA16uroSl0="},{"id":455412868,"doc_uuid":"sbd/jF//nU6BAJpgLj0swWru850="},{"id":208119755,"doc_uuid":"sbd/KIqKGPYMVatWslQIeeXGg/s="},{"id":60755108,"doc_uuid":"sbd/5Np9clUiLlR81e4PIvLaAs0="},{"id":473348978,"doc_uuid":"sbd/4MkPXoa/QHE7faVt4vDMCUg="},{"id":613946211,"doc_uuid":"sbd/yAyTuGMIlqbbHP7LISURTuA="},{"id":457115780,"doc_uuid":"sbd/Dr5vSQD5DiIsH51jNeAIloE="},{"id":600556080,"doc_uuid":"sbd/tmUqRZunE7mAvSBtYpsS34w="}],"ids":[326318572,451313221,402455913,312132368,651135285,72630913,66293897,47743469,319883061,224819671,51554698,298610265,413404207,248718440,233332122,476686652,372609258,336423744,280943256,246146012,423700935,369735355,67917549,483583505,268276143,392512578,202258207,446777622,39046461,612194545,380992213,379579332,370897163,472024557,373640579,439653219,271931183,425336080,17800593,362423093,82498760,382732907,381985007,332195627,50304988,349714276,473507517,360788199,387260446,654539391,315686234,315666181,266832218,455412868,208119755,60755108,473348978,613946211,457115780,600556080],"title_link":null,"title":null,"track_opts":{"compilation_id":"sbd/fG4s61Ujv0eC7IM3DN/YWiE=","module_id":"sbd/ws9NopkJCGV0orqhTof7ifk=","widget_name":"viewport_bottom","track_id":"scroll_recs"}},"list_recommenders":{"items":[{"id":326318572,"doc_uuid":"sbd/rHtG4NUeFRa3jIrEXO44d7A="},{"id":451313221,"doc_uuid":"sbd/gToErVP4nV0AfqRKhuCQ0Dw="},{"id":402455913,"doc_uuid":"sbd/VSIr7RroKWVkEyb6loY3STs="},{"id":312132368,"doc_uuid":"sbd/K2KB9/XaVsrd8hF8SNs7k6A="},{"id":651135285,"doc_uuid":"sbd/tlbG6k3l8kSgOWuByMYHkoQ="},{"id":72630913,"doc_uuid":"sbd/WpqYaLY1ztJFFRrjBdpSo5k="},{"id":66293897,"doc_uuid":"sbd/tPz6GcxNQXT23QD9FcL0qFM="},{"id":47743469,"doc_uuid":"sbd/rLc8A1HrCNPCorqKZCqJ2fQ="},{"id":319883061,"doc_uuid":"sbd/sF8mP/J3/5U8DIlVs4uNdKQ="},{"id":224819671,"doc_uuid":"sbd/acbZBPESe46yQz9cq8e/nHg="},{"id":51554698,"doc_uuid":"sbd/nyGx0A0IM2VUyx8OGKZ2wy4="},{"id":298610265,"doc_uuid":"sbd/VcdXDTHsZkvQe7t1/bmE/SA="},{"id":413404207,"doc_uuid":"sbd/U8YZ9PbH4Sl3ORxQzZKhLsc="},{"id":248718440,"doc_uuid":"sbd/DKKA5vcTw61xrP8yjSmxS9I="},{"id":233332122,"doc_uuid":"sbd/ynMvi2vgjoBU5HEOdjuJJZs="},{"id":476686652,"doc_uuid":"sbd/wmToGIu/G317ADXj2UaQMlU="},{"id":372609258,"doc_uuid":"sbd/EyIMMmmZJEzMsy904bY5uBQ="},{"id":336423744,"doc_uuid":"sbd/FpPyetuTHJdPuBxShLjid2M="},{"id":280943256,"doc_uuid":"sbd/qTC0YJYSb4LTe9LVu4L1jv4="},{"id":246146012,"doc_uuid":"sbd/AZ4TPEjau2CUu17EnuuPN5o="},{"id":423700935,"doc_uuid":"sbd/FRJAVdbO3MEiBUN6j5klaKI="},{"id":369735355,"doc_uuid":"sbd/AUYEXJsRUkZf8GafLERMU84="},{"id":67917549,"doc_uuid":"sbd/PFqL59Y0YxGfzLpyKUjtKIs="},{"id":483583505,"doc_uuid":"sbd/JKY0syHUgTFQhw8Z/9c0KPU="},{"id":268276143,"doc_uuid":"sbd/YKM1ovgPK4Thps00hRWVzEE="},{"id":392512578,"doc_uuid":"sbd/YOTv/mDslIhbHlsc5NA9wKo="},{"id":202258207,"doc_uuid":"sbd/DsvxheRGR02mAD9LaDQLoi8="},{"id":446777622,"doc_uuid":"sbd/ABHWp/ZrlzfJvO5nNf7sf8M="},{"id":39046461,"doc_uuid":"sbd/0JoG5BuQz8P1mRf7dhbvoJA="},{"id":612194545,"doc_uuid":"sbd/V1M9giBisEeSZBAyFnOwXvc="},{"id":380992213,"doc_uuid":"sbd/PZ3ogQNsrsOYFEeYmROXmrE="},{"id":379579332,"doc_uuid":"sbd/ULSNa1zJAVQlsoXvTUT8QPM="},{"id":370897163,"doc_uuid":"sbd/5bB3TBw9snJrV2YsDMH8l84="},{"id":472024557,"doc_uuid":"sbd/QQciAywL9wjRqhz5E78LCjw="},{"id":373640579,"doc_uuid":"sbd/BzS4pKSTfUcX1YHsVMbJaBI="},{"id":439653219,"doc_uuid":"sbd/n/CfwJO4zpbDpuiiagBQt58="},{"id":271931183,"doc_uuid":"sbd/mkiUhbKQ4iuDbzpGdbSQOfE="},{"id":425336080,"doc_uuid":"sbd/JWSD1g9P/E0eU7AcvXBr3B0="},{"id":17800593,"doc_uuid":"sbd/uI3Qj5qM2P8Ue9SvSrRRtlg="},{"id":362423093,"doc_uuid":"sbd/dM6sc0Ib8kf3tLHC4PwnaQ0="},{"id":82498760,"doc_uuid":"sbd/E3q/MVkZQAwhT2nO8cZbnDk="},{"id":382732907,"doc_uuid":"sbd/1bY/5TOFAkiH4ZyuzWUgIQQ="},{"id":381985007,"doc_uuid":"sbd/3rWTeGwJnjHT4fRfVnHRfq8="},{"id":332195627,"doc_uuid":"sbd/ehBV4LOXZyXRfrVqMc0wOXk="},{"id":50304988,"doc_uuid":"sbd/kpIXBZWJLc6OVpaZY3BAzFU="},{"id":349714276,"doc_uuid":"sbd/vGMlv4tZWCKX4YaJWPS7dYI="},{"id":473507517,"doc_uuid":"sbd/76/lrJXaMmGj6G2CjqTk9do="},{"id":360788199,"doc_uuid":"sbd/NccxM32ApXp/0sodpuaGFqU="},{"id":387260446,"doc_uuid":"sbd/v5YlTpYd7vupKTDhE5Q1Scs="},{"id":654539391,"doc_uuid":"sbd/vHcO8lwsL228OW9iqUKWRpI="},{"id":315686234,"doc_uuid":"sbd/Jf1b33SP0pbjvqKX07LDEZs="},{"id":315666181,"doc_uuid":"sbd/OQi/qvzZyawBNUUPRD33W0Q="},{"id":266832218,"doc_uuid":"sbd/RHhyvKT6SgTm/5hjHh4LvL0="},{"id":455412868,"doc_uuid":"sbd/ouzE2wWETDv1tcpInxx1Ph0="},{"id":208119755,"doc_uuid":"sbd/06WqAn2F/PPxWTev8SRivrw="},{"id":60755108,"doc_uuid":"sbd/yP2w4ggeWQNZT2NgKxEofaI="},{"id":473348978,"doc_uuid":"sbd/dJz1JmI/i8A1Pw9uI0vmtBc="},{"id":613946211,"doc_uuid":"sbd/mcoSU4sl1zwYI8vOuA1SCXI="},{"id":457115780,"doc_uuid":"sbd/ZxOE0mFaATmaBfNmYN1v4K0="},{"id":600556080,"doc_uuid":"sbd/L3dRQBArAAjnKJbOxjoqaDc="}],"ids":[326318572,451313221,402455913,312132368,651135285,72630913,66293897,47743469,319883061,224819671,51554698,298610265,413404207,248718440,233332122,476686652,372609258,336423744,280943256,246146012,423700935,369735355,67917549,483583505,268276143,392512578,202258207,446777622,39046461,612194545,380992213,379579332,370897163,472024557,373640579,439653219,271931183,425336080,17800593,362423093,82498760,382732907,381985007,332195627,50304988,349714276,473507517,360788199,387260446,654539391,315686234,315666181,266832218,455412868,208119755,60755108,473348978,613946211,457115780,600556080],"title_link":null,"title":null,"track_opts":{"compilation_id":"sbd/fG4s61Ujv0eC7IM3DN/YWiE=","module_id":"sbd/JVDi5cRM5iWlzu3X43x73Tk=","widget_name":"recommender_list","track_id":"doc_page_user_experience_top"}},"documents":{"17800593":{"author":"Junior Sumosa","author_url":"https://www.scribd.com/user/107839/Junior-Sumosa","categories":[],"description":"","id":17800593,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":49,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/17800593/298x396/55b3fe5e54/1411068477?v=1","run_time":0,"short_title":"Layouts (JAVA)","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/17800593/149x198/5e8c4e7e2a/1411068477?v=1","title":"Layouts (JAVA)","type":"document","url":"https://es.scribd.com/document/17800593/Layouts-JAVA","views":"21K"},"39046461":{"author":"José Manuel Piña","author_url":"https://www.scribd.com/user/36567611/Jose-Manuel-Pina","categories":[],"description":"Partidas cortas de ajedrez. excelente libro en español","id":39046461,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":84,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/39046461/298x396/697e1acf11/1569150545?v=1","run_time":0,"short_title":"101 - Minipartidas - CrusiMore","static_rating":{"rating":5,"count":1,"up_count":1},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/39046461/149x198/14536efe13/1569150545?v=1","title":"101 - Minipartidas - CrusiMore","type":"document","url":"https://es.scribd.com/doc/39046461/101-Minipartidas-CrusiMore","views":"278"},"47743469":{"author":"Beninghton","author_url":"https://www.scribd.com/user/4186899/Beninghton","categories":[],"description":null,"id":47743469,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":57,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/47743469/298x396/3ce2afa31f/1363647406?v=1","run_time":0,"short_title":"Revista Solo Programadores #122","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/47743469/149x198/543ec1b317/1363647406?v=1","title":"Revista Solo Programadores #122","type":"document","url":"https://es.scribd.com/document/47743469/Revista-Solo-Programadores-122","views":"1.2K"},"50304988":{"author":"lilisustar","author_url":"https://www.scribd.com/user/1939052/lilisustar","categories":[],"description":"Utilidad para reemplazar en forma masiva un string por otro en uno o varios fuentes RPG/CLP/RPGLE.\nSe presenta este breve prototipo a fin de clarificar varias preguntas que he recibido sobre “como es posible modificar el código fuente de uno o varios programas desarrollando otro programa que realice esta actualización”","id":50304988,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":9,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/50304988/298x396/f251e0b211/1543268755?v=1","run_time":0,"short_title":"Utility RPG Replace","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/50304988/149x198/de0b3c036c/1543268755?v=1","title":"Utility RPG Replace","type":"document","url":"https://es.scribd.com/document/50304988/Utility-Rpg-Replace","views":"1.1K"},"51554698":{"author":"Rodrigo Escobar Urra","author_url":"https://www.scribd.com/user/31918072/Rodrigo-Escobar-Urra","categories":[],"description":null,"id":51554698,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":7,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/51554698/298x396/1ace2f314c/1664121468?v=1","run_time":0,"short_title":"RH 300","static_rating":{"rating":5,"count":1,"up_count":1},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/51554698/149x198/fd2b3a1fa2/1664121468?v=1","title":"RH 300","type":"document","url":"https://es.scribd.com/document/51554698/rh300","views":"106"},"60755108":{"author":"malambo08","author_url":"https://www.scribd.com/user/90046669/malambo08","categories":[],"description":null,"id":60755108,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":7,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/60755108/298x396/39c9e17e45/1311474588?v=1","run_time":0,"short_title":"Elementos de Fragmentos en Dream Weaver Cs4","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/60755108/149x198/88cff75f08/1311474588?v=1","title":"Elementos de Fragmentos en Dream Weaver Cs4","type":"document","url":"https://es.scribd.com/document/60755108/Elementos-de-Fragmentos-en-Dream-Weaver-Cs4","views":"56"},"66293897":{"author":"lilisustar","author_url":"https://www.scribd.com/user/1939052/lilisustar","categories":[],"description":"Utilidad programada en rpg free para calcular la diferencia entre dos horas en un período máximo de 24 horas.","id":66293897,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":4,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/66293897/298x396/d4b2331c46/1353455166?v=1","run_time":0,"short_title":"Cálculo de La Diferencia Entre Horas en Un Período de 24 Horas.","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/66293897/149x198/c262f19d53/1353455166?v=1","title":"Cálculo de La Diferencia Entre Horas en Un Período de 24 Horas.","type":"document","url":"https://es.scribd.com/document/66293897/Calculo-de-la-diferencia-entre-horas-en-un-periodo-de-24-horas","views":"3.6K"},"67917549":{"author":"Saragapi","author_url":"https://www.scribd.com/user/97860419/Saragapi","categories":[],"description":null,"id":67917549,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":19,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/67917549/298x396/c633f62c8b/1318009690?v=1","run_time":0,"short_title":"Planificación, Estructura y Flujos de Trabajo en La Producción Ciberperiodística","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/67917549/149x198/9f0ac15985/1318009690?v=1","title":"Planificación, Estructura y Flujos de Trabajo en La Producción Ciberperiodística","type":"document","url":"https://es.scribd.com/document/67917549/Planificacion-estructura-y-flujos-de-trabajo-en-la-produccion-ciberperiodistica","views":"351"},"72630913":{"author":"Daniel López","author_url":"https://www.scribd.com/user/28924782/Daniel-Lopez","categories":[],"description":null,"id":72630913,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":77,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/72630913/298x396/bfc9247507/1386790498?v=1","run_time":0,"short_title":"N28.PHP5.PC Cuadernos","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/72630913/149x198/bb68b6e754/1386790498?v=1","title":"N28.PHP5.PC Cuadernos","type":"document","url":"https://es.scribd.com/document/72630913/N28-PHP5-PC-Cuadernos","views":"646"},"82498760":{"author":"Patricia Molina","author_url":"https://www.scribd.com/user/30205422/Patricia-Molina","categories":[],"description":null,"id":82498760,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":33,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/82498760/298x396/f4ff405358/1329956088?v=1","run_time":0,"short_title":"La API Java Printing","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/82498760/149x198/d09e0cd6a3/1329956088?v=1","title":"La API Java Printing","type":"document","url":"https://es.scribd.com/document/82498760/La-API-Java-Printing","views":"418"},"202258207":{"author":"yeskitas1","author_url":"https://www.scribd.com/user/29994615/yeskitas1","categories":[],"description":null,"id":202258207,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":10,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/202258207/298x396/88a3d2898b/1435171941?v=1","run_time":0,"short_title":"Ejercicios CSS","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/202258207/149x198/afcd55163f/1435171941?v=1","title":"Ejercicios CSS","type":"document","url":"https://es.scribd.com/document/202258207/Ejercicios-CSS","views":"209"},"208119755":{"author":"yayeya","author_url":"https://www.scribd.com/user/118143689/yayeya","categories":[],"description":null,"id":208119755,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":8,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/208119755/298x396/5c40f7cd0c/1446487402?v=1","run_time":0,"short_title":"Python Ajax","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/208119755/149x198/ba74a3e243/1446487402?v=1","title":"Python Ajax","type":"document","url":"https://es.scribd.com/doc/208119755/Python-Ajax","views":"25"},"224819671":{"author":"Karo Andrade","author_url":"https://www.scribd.com/user/211507388/Karo-Andrade","categories":[],"description":null,"id":224819671,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":76,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/224819671/298x396/b021a367a6/1428219683?v=1","run_time":0,"short_title":"Estructura de Datos","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/224819671/149x198/353282f052/1428219683?v=1","title":"Estructura de Datos","type":"document","url":"https://es.scribd.com/document/224819671/Estructura-de-Datos","views":"174"},"233332122":{"author":"Shane Ray","author_url":"https://www.scribd.com/user/258875208/Shane-Ray","categories":[],"description":null,"id":233332122,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":7,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/233332122/298x396/c52a4ce178/1404990972?v=1","run_time":0,"short_title":"Replicacion MySQL Maestro","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/233332122/149x198/4e0bbc0d3f/1404990972?v=1","title":"Replicacion MySQL Maestro","type":"document","url":"https://es.scribd.com/document/233332122/Replicacion-MySQL-Maestro","views":"43"},"246146012":{"author":"Horus Estéfano","author_url":"https://www.scribd.com/user/244812032/Horus-Estefano","categories":[],"description":"dddd","id":246146012,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":80,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/246146012/298x396/b8f9b46361/1543729516?v=1","run_time":0,"short_title":"Tutorial Funciones en JSP y HTML","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/246146012/149x198/69a2e78175/1543729516?v=1","title":"Tutorial Funciones en JSP y HTML","type":"document","url":"https://es.scribd.com/document/246146012/Tutorial-Funciones-en-JSP-y-HTML","views":"310"},"248718440":{"author":"Andres","author_url":"https://www.scribd.com/user/68510162/Andres","categories":[],"description":"","id":248718440,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":20,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/248718440/298x396/12f7f0a53e/1417373263?v=1","run_time":0,"short_title":"Proyecto Escuela de AjedrezAGFA","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/248718440/149x198/7f3c0cd525/1417373263?v=1","title":"Proyecto Escuela de AjedrezAGFA","type":"document","url":"https://es.scribd.com/doc/248718440/2442852-Proyecto-Escuela-de-AjedrezAGFA","views":"89"},"266832218":{"author":"Troy Dimes","author_url":"https://www.everand.com/author/700252590/Troy-Dimes","categories":[],"description":"JavaScript es un lenguaje de programación de computadoras dinámico utilizado habitualmente en navegadores web para controlar el comportamiento de páginas web e interactuar con los usuarios. Permite comunicación asincrónica y puede actualizar partes de una página web o incluso reemplazar completamente su contenido. Verás que JavaScript es utilizado para mostrar informaci","id":266832218,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":73,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/word_document/266832218/298x396/bcf3718b2a/1698715673?v=1","run_time":0,"short_title":"JavaScript Una Guía de Aprendizaje para el Lenguaje de Programación JavaScript","static_rating":{"rating":3,"count":5,"up_count":3},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/word_document/266832218/149x198/1c2ec22831/1698715673?v=1","title":"JavaScript Una Guía de Aprendizaje para el Lenguaje de Programación JavaScript","type":"book","url":"https://es.everand.com/book/266832218/JavaScript-Una-Guia-de-Aprendizaje-para-el-Lenguaje-de-Programacion-JavaScript","views":"7.1K"},"268276143":{"author":"Rodolfo Villaquirán Muñoz","author_url":"https://www.scribd.com/user/144577692/Rodolfo-Villaquiran-Munoz","categories":[],"description":"Manual","id":268276143,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":4,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/268276143/298x396/d4547aa883/1433968763?v=1","run_time":0,"short_title":"Manual WEB BIND9 + APACHE2","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/268276143/149x198/84fc8355d4/1433968763?v=1","title":"Manual WEB BIND9 + APACHE2","type":"document","url":"https://es.scribd.com/document/268276143/Manual-WEB-BIND9-APACHE2","views":"186"},"271931183":{"author":"francoemm","author_url":"https://www.scribd.com/user/2691724/francoemm","categories":[],"description":"Replicar Gestor MySQL en diferentes plataformas","id":271931183,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":9,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/271931183/298x396/657d98bb30/1544509716?v=1","run_time":0,"short_title":"Replicacion MySQL VirtualBox","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/271931183/149x198/a9a64d843b/1544509716?v=1","title":"Replicacion MySQL VirtualBox","type":"document","url":"https://es.scribd.com/document/271931183/Replicacion-MySQL-VirtualBox","views":"134"},"280943256":{"author":"morgoth_bass","author_url":"https://www.scribd.com/user/11770355/morgoth-bass","categories":[],"description":"Manual para generar graficos en 2d en lenguaje de programacion Java","id":280943256,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":42,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/280943256/298x396/e13c9abc49/1589654012?v=1","run_time":0,"short_title":"Gráficos Con Java 2D","static_rating":{"rating":5,"count":1,"up_count":1},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/280943256/149x198/a356618dbb/1589654012?v=1","title":"Gráficos Con Java 2D","type":"document","url":"https://es.scribd.com/doc/280943256/Graficos-Con-Java-2D","views":"513"},"298610265":{"author":"ajedrezvalenciano","author_url":"https://www.scribd.com/user/28592872/ajedrezvalenciano","categories":[],"description":"ajedrez","id":298610265,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":2,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/298610265/298x396/8e55624289/1454977032?v=1","run_time":0,"short_title":"Aprendiendo El Ajedrez Educativo","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/298610265/149x198/230b6169a5/1454977032?v=1","title":"Aprendiendo El Ajedrez Educativo","type":"document","url":"https://es.scribd.com/document/298610265/Aprendiendo-El-Ajedrez-Educativo","views":"317"},"312132368":{"author":"Ángel Arias","author_url":"https://www.everand.com/author/432342189/Angel-Arias","categories":[],"description":"¡Enhorabuena! El hecho de que usted ha empezado a leer este libro significa que usted está interesado en aprender más acerca de la publicación en la web con el sistema Drupal. Drupal es una herramienta de gran alcance, flexible, fácil de manejar, e inspiradora. Usted obtendrá mucha diversión y muchas experiencias gratificantes, y si utiliza Drupal, los administradores y","id":312132368,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":426,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/word_document/312132368/298x396/9caab81c63/1698716735?v=1","run_time":0,"short_title":"Aprende Drupal 7. El mejor Framework-CMS","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/word_document/312132368/149x198/3c7036dac0/1698716735?v=1","title":"Aprende Drupal 7. El mejor Framework-CMS","type":"book","url":"https://es.everand.com/book/312132368/Aprende-Drupal-7-El-mejor-Framework-CMS","views":"188"},"315666181":{"author":"Ángel Arias","author_url":"https://www.everand.com/author/432342189/Angel-Arias","categories":[],"description":"AJAX no es un lenguaje de programación nuevo, sino una técnica para desarrollar software mejor y más rápidamente, y una aplicación más interactiva de las aplicaciones web.\n\nCon AJAX, su Javascript puede comunicarse directamente con el usuario, usando el objeto de XMLHttpRequest del Javascript. Con este objeto, Javascript puede negociar datos con un servidor we","id":315666181,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":135,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/word_document/315666181/298x396/1403e0d450/1698688684?v=1","run_time":0,"short_title":"Aprende a Programar Ajax y jQuery","static_rating":{"rating":1,"count":1,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/word_document/315666181/149x198/4507b870cc/1698688684?v=1","title":"Aprende a Programar Ajax y jQuery","type":"book","url":"https://es.everand.com/book/315666181/Aprende-a-Programar-Ajax-y-jQuery","views":"1.1K"},"315686234":{"author":"Ángel Arias","author_url":"https://www.everand.com/author/432342189/Angel-Arias","categories":[],"description":"AJAX no es un lenguaje de programación nuevo, sino una técnica para desarrollar software mejor y más rápidamente, y una aplicación más interactiva de las aplicaciones web.\n\nCon AJAX, su Javascript puede comunicarse directamente con el usuario, usando el objeto de XMLHttpRequest del Javascript. Con este objeto, Javascript puede negociar datos con un servidor web, sin","id":315686234,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":101,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/word_document/315686234/298x396/a042f84c55/1698809282?v=1","run_time":0,"short_title":"Aprende a Programar con Ajax","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/word_document/315686234/149x198/af9e6aee53/1698809282?v=1","title":"Aprende a Programar con Ajax","type":"book","url":"https://es.everand.com/book/315686234/Aprende-a-Programar-con-Ajax","views":"646"},"319883061":{"author":"Dabliuw22","author_url":"https://www.scribd.com/user/315092501/Dabliuw22","categories":[],"description":null,"id":319883061,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":82,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/319883061/298x396/856b7b6bd5/1470072235?v=1","run_time":0,"short_title":"C Avanzado PDF","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/319883061/149x198/f92fc2c69e/1470072235?v=1","title":"C Avanzado PDF","type":"document","url":"https://es.scribd.com/document/319883061/C-Avanzado-pdf","views":"190"},"326318572":{"author":"TORREZOTE","author_url":"https://www.scribd.com/user/243727863/TORREZOTE","categories":[],"description":null,"id":326318572,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":90,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/326318572/298x396/e85ef17bf9/1475553437?v=1","run_time":0,"short_title":"PC Cuadernos 33. CSS, Un Juego de Niñ PDF","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/326318572/149x198/91e11e4436/1475553437?v=1","title":"PC Cuadernos 33. CSS, Un Juego de Niñ PDF","type":"document","url":"https://es.scribd.com/document/326318572/PC-Cuadernos-33-CSS-Un-juego-de-ninoswww-tecnodescargaspc-com-pdf","views":"294"},"332195627":{"author":"DavidArzate","author_url":"https://www.scribd.com/user/24592199/DavidArzate","categories":[],"description":"Manual desarrollo web angular JS","id":332195627,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":129,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/332195627/298x396/5e77374ec6/1709525155?v=1","run_time":0,"short_title":"Manual-Angularjs Desarrollo Web","static_rating":{"rating":5,"count":1,"up_count":1},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/332195627/149x198/7ef618f904/1709525155?v=1","title":"Manual-Angularjs Desarrollo Web","type":"document","url":"https://es.scribd.com/document/332195627/Manual-Angularjs-Desarrollo-Web","views":"45"},"336423744":{"author":"Hilario Serrano Flores","author_url":"https://www.scribd.com/user/341689293/Hilario-Serrano-Flores","categories":[],"description":"linux avanzado.","id":336423744,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":68,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/336423744/298x396/9c80f4ed55/1484278031?v=1","run_time":0,"short_title":"POWER Linux Avanzado","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/336423744/149x198/478def3f5e/1484278031?v=1","title":"POWER Linux Avanzado","type":"document","url":"https://es.scribd.com/document/336423744/POWER-Linux-Avanzado","views":"249"},"349714276":{"author":"Daniel Gutiérrez","author_url":"https://www.scribd.com/user/192969806/Daniel-Gutierrez","categories":[],"description":"Informativo","id":349714276,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":20,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/349714276/298x396/cf314b65c1/1627326260?v=1","run_time":0,"short_title":"Codigos de Barra","static_rating":{"rating":5,"count":1,"up_count":1},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/349714276/149x198/16bf540837/1627326260?v=1","title":"Codigos de Barra","type":"document","url":"https://es.scribd.com/document/349714276/Codigos-de-Barra","views":"38"},"360788199":{"author":"apenagom","author_url":"https://www.scribd.com/user/191477725/apenagom","categories":[],"description":"Comandos Rpg","id":360788199,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":3,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/360788199/298x396/26965a0290/1507222421?v=1","run_time":0,"short_title":"Comandos RPG","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/360788199/149x198/695a8b3993/1507222421?v=1","title":"Comandos RPG","type":"document","url":"https://es.scribd.com/document/360788199/Comandos-Rpg","views":"228"},"362423093":{"author":"josgau","author_url":"https://www.scribd.com/user/70976415/josgau","categories":[],"description":"Matlab","id":362423093,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":4,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/362423093/298x396/6b080cce5d/1508808235?v=1","run_time":0,"short_title":"Matlab","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/362423093/149x198/ef57e76c55/1508808235?v=1","title":"Matlab","type":"document","url":"https://es.scribd.com/document/362423093/Matlab","views":"34"},"369735355":{"author":"Carlos Jose Camacho Luciano","author_url":"https://www.scribd.com/user/96083711/Carlos-Jose-Camacho-Luciano","categories":[],"description":"una diapositiva de que es el principio de programa y los funciones","id":369735355,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":31,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/369735355/298x396/bdf88c05de/1544252819?v=1","run_time":0,"short_title":"Principio de Programacion Elementos Fundamentales de Los Lenguajes de Programación","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/369735355/149x198/35a912430b/1544252819?v=1","title":"Principio de Programacion Elementos Fundamentales de Los Lenguajes de Programación","type":"document","url":"https://es.scribd.com/presentation/369735355/Principio-de-Programacion-Elementos-Fundamentales-de-Los-Lenguajes-de-Programacion","views":"105"},"370897163":{"author":"Carlos Mario Garzon","author_url":"https://www.scribd.com/user/284609528/Carlos-Mario-Garzon","categories":[],"description":"manual tecnico zeroshell","id":370897163,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":18,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/370897163/298x396/33dec761b0/1517944167?v=1","run_time":0,"short_title":"Manual Tecnico Zeroshell","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/370897163/149x198/d8cf97e058/1517944167?v=1","title":"Manual Tecnico Zeroshell","type":"document","url":"https://es.scribd.com/document/370897163/Manual-Tecnico-Zeroshell","views":"312"},"372609258":{"author":"angelvi","author_url":"https://www.scribd.com/user/7983050/angelvi","categories":[],"description":"Introducción a Los Lenguajes de Marcado.","id":372609258,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":32,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/372609258/298x396/4fe0569038/1519814052?v=1","run_time":0,"short_title":"Introducción A Los Lenguajes de Marcado","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/372609258/149x198/85c88e5711/1519814052?v=1","title":"Introducción A Los Lenguajes de Marcado","type":"document","url":"https://es.scribd.com/document/372609258/Introduccion-a-Los-Lenguajes-de-Marcado","views":"98"},"373640579":{"author":"Danilo Gomes Perez","author_url":"https://www.scribd.com/user/215688913/Danilo-Gomes-Perez","categories":[],"description":"modelo mvc programación en java","id":373640579,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":15,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/373640579/298x396/b316428d80/1520876497?v=1","run_time":0,"short_title":"MVC y Su Implementación en Java Swing","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/373640579/149x198/dd329e5b1a/1520876497?v=1","title":"MVC y Su Implementación en Java Swing","type":"document","url":"https://es.scribd.com/document/373640579/MVC-y-Su-Implementacion-en-Java-Swing","views":"79"},"379579332":{"author":"filomon","author_url":"https://www.scribd.com/user/1592423/filomon","categories":[],"description":null,"id":379579332,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":78,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/379579332/298x396/f2c916c35b/1526667620?v=1","run_time":0,"short_title":"Manual-Firebase PDF","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/379579332/149x198/36111b6d5c/1526667620?v=1","title":"Manual-Firebase PDF","type":"document","url":"https://es.scribd.com/document/379579332/kupdf-com-manual-firebase-pdf","views":"362"},"380992213":{"author":"Jason Espinoza","author_url":"https://www.scribd.com/user/166504135/Jason-Espinoza","categories":[],"description":"Kali Linux","id":380992213,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":11,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/380992213/298x396/fbb2ab2fd8/1528150723?v=1","run_time":0,"short_title":"Top 5 Linux Distros para Pentesting - Karina Astudillo","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/380992213/149x198/4e1e74b58c/1528150723?v=1","title":"Top 5 Linux Distros para Pentesting - Karina Astudillo","type":"document","url":"https://es.scribd.com/document/380992213/Top-5-Linux-Distros-Para-Pentesting-Karina-Astudillo","views":"112"},"381985007":{"author":"Nicolas","author_url":"https://www.scribd.com/user/373830524/Nicolas","categories":[],"description":null,"id":381985007,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":198,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/381985007/298x396/83cfc02462/1529297826?v=1","run_time":0,"short_title":"Pensando en Python PDF","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/381985007/149x198/b38e7b8acc/1529297826?v=1","title":"Pensando en Python PDF","type":"document","url":"https://es.scribd.com/document/381985007/330001704-Pensando-en-Python-pdf","views":"295"},"382732907":{"author":"Syd Barrett","author_url":"https://www.scribd.com/user/360124128/Syd-Barrett","categories":[],"description":"Ejercicios sobre Diagramas Entidad Relación de la asignatura Base de Datos I.","id":382732907,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":3,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/382732907/298x396/6d519ead64/1530133826?v=1","run_time":0,"short_title":"Enunciados Ejercicios de Diagramas Entidad Relación","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/382732907/149x198/c5bc4643c6/1530133826?v=1","title":"Enunciados Ejercicios de Diagramas Entidad Relación","type":"document","url":"https://es.scribd.com/document/382732907/Enunciados-Ejercicios-de-Diagramas-Entidad-Relacion","views":"207"},"387260446":{"author":"Mar Yfh","author_url":"https://www.scribd.com/user/292190679/Mar-Yfh","categories":[],"description":"jpgraph","id":387260446,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":4,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/387260446/298x396/16a2b722b2/1535492720?v=1","run_time":0,"short_title":"Graficas Con JPGRAPH","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/387260446/149x198/5d92222619/1535492720?v=1","title":"Graficas Con JPGRAPH","type":"document","url":"https://es.scribd.com/document/387260446/Graficas-Con-JPGRAPH","views":"242"},"392512578":{"author":"Jean Pierre Delgado","author_url":"https://www.scribd.com/user/229208354/Jean-Pierre-Delgado","categories":[],"description":"7","id":392512578,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":9,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/392512578/298x396/e3664d41a7/1541545466?v=1","run_time":0,"short_title":"Lab 07 - Acceso A Datos","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/392512578/149x198/bb0e45aa7b/1541545466?v=1","title":"Lab 07 - Acceso A Datos","type":"document","url":"https://es.scribd.com/document/392512578/Lab-07-Acceso-a-Datos","views":"69"},"402455913":{"author":"Soto Mar","author_url":"https://www.scribd.com/user/290940308/Soto-Mar","categories":[],"description":null,"id":402455913,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":418,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/402455913/298x396/ad6dc4efd9/1553050631?v=1","run_time":0,"short_title":"261 PenalBoletin23enero2017 PDF","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/402455913/149x198/2be20e8a76/1553050631?v=1","title":"261 PenalBoletin23enero2017 PDF","type":"document","url":"https://es.scribd.com/document/402455913/261-PenalBoletin23enero2017-pdf","views":"1.8K"},"413404207":{"author":"Francesco Rosseti","author_url":"https://www.scribd.com/user/407967831/Francesco-Rosseti","categories":[],"description":"Visualización interactiva en resultados de ajedrez \nMartín-Amores, Cristian \nTrabajo Fin de Máster \nMáster en Análisis y Visualización de Datos \nMasivos","id":413404207,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":61,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/413404207/298x396/cca1d33056/1560540369?v=1","run_time":0,"short_title":"Visualización Interactiva en Resultados de Ajedrez","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/413404207/149x198/07667bbd78/1560540369?v=1","title":"Visualización Interactiva en Resultados de Ajedrez","type":"document","url":"https://es.scribd.com/document/413404207/Visualizacion-interactiva-en-resultados-de-ajedrez","views":"88"},"423700935":{"author":"bety","author_url":"https://www.scribd.com/user/300264070/bety","categories":[],"description":null,"id":423700935,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":16,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/423700935/298x396/b200ded200/1567104758?v=1","run_time":0,"short_title":"MANUAL TECNICO Xamp PDF","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/423700935/149x198/3a9769fdba/1567104758?v=1","title":"MANUAL TECNICO Xamp PDF","type":"document","url":"https://es.scribd.com/document/423700935/MANUAL-TECNICO-xamp-pdf","views":"105"},"425336080":{"author":"Emmanuel","author_url":"https://www.scribd.com/user/472324394/Emmanuel","categories":[],"description":"Para aquellos ajedrecistas que necesitan mejorar esta faceta de su juego, aquí un artículo que les puede ser de referencia para orientarlos.","id":425336080,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":3,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/425336080/298x396/dc3c250db6/1568169711?v=1","run_time":0,"short_title":"5 Consejos para Mejorar Tu Juego Posicional","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/425336080/149x198/acf30a9d64/1568169711?v=1","title":"5 Consejos para Mejorar Tu Juego Posicional","type":"document","url":"https://es.scribd.com/document/425336080/5-Consejos-Para-Mejorar-Tu-Juego-Posicional","views":"96"},"439653219":{"author":"Fabian Mazorra","author_url":"https://www.scribd.com/user/491509864/Fabian-Mazorra","categories":[],"description":"Manual Modelo Vista Controlador","id":439653219,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":33,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/439653219/298x396/d1dbf4ebc4/1710586609?v=1","run_time":0,"short_title":"Manual MVC","static_rating":{"rating":5,"count":1,"up_count":1},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/439653219/149x198/2d8c9671ee/1710586609?v=1","title":"Manual MVC","type":"document","url":"https://es.scribd.com/document/439653219/Manual-MVC","views":"165"},"446777622":{"author":"Tirzo Medina","author_url":"https://www.scribd.com/user/77603632/Tirzo-Medina","categories":[],"description":"Mi Primer Aplicación en Xamarin","id":446777622,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":32,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/446777622/298x396/be15e2d079/1710566127?v=1","run_time":0,"short_title":"Primera Aplicacion Xamarin","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/446777622/149x198/bcf960195f/1710566127?v=1","title":"Primera Aplicacion Xamarin","type":"document","url":"https://es.scribd.com/presentation/446777622/primera-aplicacion-Xamarin","views":"99"},"451313221":{"author":"Jose Martinez","author_url":"https://www.scribd.com/user/287343416/Jose-Martinez","categories":[],"description":"Guia Parte 1","id":451313221,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":1,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/451313221/298x396/c515a0256a/1583964603?v=1","run_time":0,"short_title":"Control Skyhd 1","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/451313221/149x198/23056b9aa3/1583964603?v=1","title":"Control Skyhd 1","type":"document","url":"https://es.scribd.com/document/451313221/Control-Skyhd-1","views":"570"},"455412868":{"author":"MEDIAactive","author_url":"https://www.everand.com/author/454243357/MEDIAactive","categories":[],"description":"JavaScript es el lenguaje de programación que se ocupa de asignar la interactividad a cada uno de los elementos que conforman una página web o una aplicación. Este lenguaje, complicado pero a la vez extremadamente mecánico, funciona mediante la asignación de elementos de diferentes tipos, cuyo uso y aplicación resulta imprescindible conocer. Tras haber consultado los 100 e","id":455412868,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":363,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/word_document/455412868/298x396/3cde727e08/1657972407?v=1","run_time":0,"short_title":"Aprender Javascript Avanzado con 100 ejercicios prácticos","static_rating":{"rating":5,"count":1,"up_count":1},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/word_document/455412868/149x198/0b3e48ec8e/1657972407?v=1","title":"Aprender Javascript Avanzado con 100 ejercicios prácticos","type":"book","url":"https://es.everand.com/book/455412868/Aprender-Javascript-Avanzado-con-100-ejercicios-practicos","views":"7.4K"},"457115780":{"author":"Hugo Ruiz Martinez","author_url":"https://www.scribd.com/user/238420999/Hugo-Ruiz-Martinez","categories":[],"description":"","id":457115780,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":19,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/457115780/298x396/1ea29dab62/1710588309?v=1","run_time":0,"short_title":"Actividad Online","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/457115780/149x198/4964dad798/1710588309?v=1","title":"Actividad Online","type":"document","url":"https://es.scribd.com/document/457115780/actividad-online","views":"620"},"472024557":{"author":"Costa Antonio","author_url":"https://www.scribd.com/user/520536446/Costa-Antonio","categories":[],"description":"","id":472024557,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":2,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/472024557/298x396/26a763e959/1710562337?v=1","run_time":0,"short_title":"150 Libros","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/472024557/149x198/a710a4df5d/1710562337?v=1","title":"150 Libros","type":"document","url":"https://es.scribd.com/document/472024557/150-LIBROS","views":"59"},"473348978":{"author":"Rodrigo Estrada","author_url":"https://www.scribd.com/user/97657401/Rodrigo-Estrada","categories":[],"description":"","id":473348978,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":11,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/473348978/298x396/0bd02c75c2/1710558016?v=1","run_time":0,"short_title":"Qué Es Javascript","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/473348978/149x198/bded3de967/1710558016?v=1","title":"Qué Es Javascript","type":"document","url":"https://es.scribd.com/document/473348978/Que-es-Javascript","views":"43"},"473507517":{"author":"Maximiliano Raul","author_url":"https://www.scribd.com/user/12222456/Maximiliano-Raul","categories":[],"description":"","id":473507517,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":54,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/473507517/298x396/7b686223f7/1710593677?v=1","run_time":0,"short_title":"Vue2 Handbook","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/473507517/149x198/4f69b6ddb5/1710593677?v=1","title":"Vue2 Handbook","type":"document","url":"https://es.scribd.com/document/473507517/Vue2-Handbook","views":"100"},"476686652":{"author":"sandris muñoz","author_url":"https://www.scribd.com/user/524466862/sandris-munoz","categories":[],"description":null,"id":476686652,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":3,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/476686652/298x396/a6cd65c34a/1600551198?v=1","run_time":0,"short_title":"Prueba Técnica POO - 20190410 PDF","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/476686652/149x198/23c3acd0a8/1600551198?v=1","title":"Prueba Técnica POO - 20190410 PDF","type":"document","url":"https://es.scribd.com/document/476686652/Prueba-Te-cnica-POO-20190410-1-pdf","views":"285"},"483583505":{"author":"Cyndi Michella","author_url":"https://www.scribd.com/user/379237791/Cyndi-Michella","categories":[],"description":"excel","id":483583505,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":3,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/483583505/298x396/d84853ec23/1710569842?v=1","run_time":0,"short_title":"Herramientas para Análisis Vba","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/483583505/149x198/061bc699a5/1710569842?v=1","title":"Herramientas para Análisis Vba","type":"document","url":"https://es.scribd.com/document/483583505/HERRAMIENTAS-PARA-ANALISIS-VBA-1","views":"522"},"600556080":{"author":"Ivan Valerio Lopez Zapana","author_url":"https://www.scribd.com/user/321791898/Ivan-Valerio-Lopez-Zapana","categories":[],"description":"","id":600556080,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":20,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/600556080/298x396/04725c0946/1710589475?v=1","run_time":0,"short_title":"Modelo de Informe Practica #12 - 2021","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/600556080/149x198/a9b2573a5b/1710589475?v=1","title":"Modelo de Informe Practica #12 - 2021","type":"document","url":"https://es.scribd.com/document/600556080/Modelo-de-informe-Practica-N-12-2021-2","views":"8"},"612194545":{"author":"Emmanuel Cedeño Rodriguez","author_url":"https://www.scribd.com/user/639803683/Emmanuel-Cedeno-Rodriguez","categories":[],"description":"","id":612194545,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":27,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/612194545/298x396/f34fbb21fd/1710585794?v=1","run_time":0,"short_title":"Maquetación Web","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/612194545/149x198/04b6a4c321/1710585794?v=1","title":"Maquetación Web","type":"document","url":"https://es.scribd.com/document/612194545/Maquetacion-web","views":"86"},"613946211":{"author":"Samuel Arrilucea","author_url":"https://www.scribd.com/user/619666761/Samuel-Arrilucea","categories":[],"description":null,"id":613946211,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":7,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/613946211/298x396/0d09cbf48f/1674293902?v=1","run_time":0,"short_title":"CU01193E Que Es y para Que Sirve Ajax Javascript Asincrono XML Json","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/613946211/149x198/1622c01597/1674293902?v=1","title":"CU01193E Que Es y para Que Sirve Ajax Javascript Asincrono XML Json","type":"document","url":"https://es.scribd.com/document/613946211/CU01193E-Que-Es-y-Para-Que-Sirve-Ajax-Javascript-Asincrono-XML-Json","views":"15"},"651135285":{"author":"Maximo Fernandez","author_url":"https://www.everand.com/author/683866181/Maximo-Fernandez","categories":[],"description":"Este libro tiene como objetivo que los lectores adquieran los conocimientos necesarios para la puesta en producción mediante el desarrollo de un sistema de despliegue de software seguro. La función de implantación de un sistema de despliegue seguro incluye aspectos como la monitorización de aplicaciones y dispositivos para detectar los vectores de ataque más comunes. Las a","id":651135285,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":356,"retina_thumb_url":"https://imgv2-2-f.scribdassets.com/img/word_document/651135285/298x396/3aea697c94/1700590662?v=1","run_time":0,"short_title":"Puesta en producción segura","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-1-f.scribdassets.com/img/word_document/651135285/149x198/1472044819/1700590662?v=1","title":"Puesta en producción segura","type":"book","url":"https://es.everand.com/book/651135285/Puesta-en-produccion-segura","views":"232"},"654539391":{"author":"lulango","author_url":"https://www.scribd.com/user/26287068/lulango","categories":[],"description":null,"id":654539391,"is_series":false,"in_library":false,"library_xhr_pending":false,"page_count":96,"retina_thumb_url":"https://imgv2-1-f.scribdassets.com/img/document/654539391/298x396/f5c7ded1b3/1687374128?v=1","run_time":0,"short_title":"PC Cuadernos Básicos.37.Ajax, Un Juego de Niños","static_rating":{"rating":0,"count":0,"up_count":0},"thumb_url":"https://imgv2-2-f.scribdassets.com/img/document/654539391/149x198/2237d0c865/1687374128?v=1","title":"PC Cuadernos Básicos.37.Ajax, Un Juego de Niños","type":"document","url":"https://es.scribd.com/document/654539391/Pc-Cuadernos-Ba-sicos-37-Ajax-un-juego-de-nin-os-1","views":"20"}}},"renewalNagProps":null,"signupContext":null,"static":{"config":{"brand":"scribd","google":{"clientId":"491264573595-hs5hu9ijbfl9g6khnkn2retrfr6lcua7.apps.googleusercontent.com","sessionPath":"/open_id_connect/login"},"thirdPartyTags":{"googleAnalytics":{"account_id":"UA-443684-2","current_user":"false","facebook_user_context":"none"},"includeGoogleTagManager":true,"siftScience":{"user_id":null,"unique_browser_tracking_uuid":"1f685a9e-22c4-4fd5-b3f2-781e674b1caa","sift_science_js_key":"cbcb9f556a"}}},"routes":{"accountPath":"L2FjY291bnQtc2V0dGluZ3M=\n","accountSettingsPath":"L2FjY291bnQtc2V0dGluZ3M=\n","androidStoreUrl":"aHR0cHM6Ly9wbGF5Lmdvb2dsZS5jb20vc3RvcmUvYXBwcy9kZXRhaWxzP2lk\nPWNvbS5zY3JpYmQuYXBwLnJlYWRlcjAuZG9jcw==\n","appPromoDeepLink":"aHR0cHM6Ly9zY3JpYmQucGFnZS5saW5rLz9hbXY9MTMuMTYmYXBuPWNvbS5z\nY3JpYmQuYXBwLnJlYWRlcjAuZG9jcyZpYmk9Y29tLnNjcmliZC5kb2NzJmlt\ndj0xMy4xNiZpc2k9NjQ0ODgwNzcxNCZsaW5rPWh0dHBzJTNBJTJGJTJGd3d3\nLnNjcmliZC5jb20lMkZkb2N1bWVudCUyRjQ0NjEyMjc5JTJGQWpheC11bi1q\ndWVnby1kZS1uaW5vcyUzRnJlZmVycmVyJTNEdXRtX2NhbXBhaWduJTNEZG9j\nX3BhZ2UlMjZ1dG1fc291cmNlJTNEZG9jX3BhZ2UlMjZ1dG1fbWVkaXVtJTNE\nd2ViJnN0PUFqYXglMkN1biUyMGp1ZWdvJTIwZGUlMjBuaSVDMyVCMW9zJnNp\nPWh0dHBzOi8vaW1ndjItMi1mLnNjcmliZGFzc2V0cy5jb20vaW1nL2RvY3Vt\nZW50LzQ0NjEyMjc5L29yaWdpbmFsLzIxNngyODcvMmE0MTg0MzExNC8xNzE0\nNzAwMjc1P3Y9MQ==\n","audiobooksAllCategoriesPath":"L2F1ZGlvYm9va3MvY2F0ZWdvcmllcw==\n","audiobooksPath":"L2F1ZGlvYm9va3M=\n","archivePlansUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9hcmNoaXZlL3BsYW5zP2RvYz00NDYx\nMjI3OSZtZXRhZGF0YT0lN0IlMjJjb250ZXh0JTIyJTNBJTIyYXJjaGl2ZV92\naWV3X3Jlc3RyaWN0ZWQlMjIlMkMlMjJwYWdlJTIyJTNBJTIycmVhZCUyMiUy\nQyUyMmFjdGlvbiUyMiUzQSUyMmRvd25sb2FkJTIyJTJDJTIybG9nZ2VkX2lu\nJTIyJTNBZmFsc2UlMkMlMjJwbGF0Zm9ybSUyMiUzQSUyMndlYiUyMiU3RA==\n","bestsellersPath":"L2Jlc3RzZWxsZXJz\n","booksAllCategoriesPath":"L2Jvb2tzL2NhdGVnb3JpZXM=\n","booksPath":"L2Jvb2tz\n","documentsAllCategoriesPath":"L2RvY3MvY2F0ZWdvcmllcw==\n","documentsPath":"L2RvY3M=\n","facebookUrl":"aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL1NjcmliZC8=\n","homePath":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS8=\n","instagramUrl":"aHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbS9zY3JpYmQv\n","iosStoreUrl":"aHR0cHM6Ly9hcHBzLmFwcGxlLmNvbS91cy9hcHAvNjQ0ODgwNzcxND9tdD04\nJnB0PTI5ODUzNA==\n","languageModalPropsPath":"L2xhbmd1YWdlX21vZGFsX3Byb3Bz\n","logoutPath":"L2xvZ291dA==\n","magazinesAllCategoriesPath":"L21hZ2F6aW5lcy9jYXRlZ29yaWVz\n","magazinesPath":"L21hZ2F6aW5lcw==\n","myUploadsPath":"L3VwbG9hZHM=\n","oauthLoginUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9vYXV0aC9sb2dpbg==\n","oauthSignupUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9vYXV0aC9zaWdudXA=\n","oauthStartTrialUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9vYXV0aC9zaWdudXA/ZG9jX2lkPTQ0\nNjEyMjc5\n","paymentFixUrl":null,"pinterestUrl":"aHR0cHM6Ly93d3cucGludGVyZXN0LmNvbS9zY3JpYmQv\n","podcastsAllCategories":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9wb2RjYXN0cy9jYXRlZ29yaWVz\n","podcastsPath":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9wb2RjYXN0cw==\n","profilePath":"","progressiveProfileModalPropsPath":"L2RvYy1wYWdlL3Byb2dyZXNzaXZlLXByb2ZpbGUtbW9kYWwvNDQ2MTIyNzk=\n","progressiveProfileModalDismissPath":"L3Byb2dyZXNzaXZlX3Byb2ZpbGVfbW9kYWwvZGlzbWlzc19tb2RhbA==\n","rate":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9yYXRpbmdzLmpzb24=\n","readingHistoryDataPath":"L3lvdXItYWNjb3VudC9yZWFkaW5nX2hpc3RvcnlfZGF0YQ==\n","referralsUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9yZWZlcnJhbHM=\n","rootPath":"Lw==\n","savedPath":"L3NhdmVk\n","searchPath":"L3NlYXJjaA==\n","sheetMusicPath":"L3NoZWV0bXVzaWM=\n","statsPath":null,"subscribeNowLandingPath":"L3N1YnNjcmliZS1ub3c=\n","subscribeUrl":"L2FyY2hpdmUvcG1wX2NoZWNrb3V0P2RvYz00NDYxMjI3OSZkb2NfaWQ9NDQ2\nMTIyNzkmbWV0YWRhdGE9JTdCJTIyY29udGV4dCUyMiUzQSUyMnBtcCUyMiUy\nQyUyMmFjdGlvbiUyMiUzQSUyMnN0YXJ0X3RyaWFsJTIyJTJDJTIybG9nZ2Vk\nX2luJTIyJTNBZmFsc2UlMkMlMjJwbGF0Zm9ybSUyMiUzQSUyMndlYiUyMiU3\nRA==\n","supportPath":"aHR0cDovL3N1cHBvcnQuc2NyaWJkLmNvbS9sb2dpbg==\n","twitterUrl":"aHR0cHM6Ly90d2l0dGVyLmNvbS9zY3JpYmQv\n","unpauseAccountUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9hY2NvdW50L3VucGF1c2U/ZnJvbT1o\ndHRwcyUzQSUyRiUyRnd3dy5zY3JpYmQuY29tJTJGZG9jdW1lbnQlMkY0NDYx\nMjI3OSUyRkFqYXgtdW4tanVlZ28tZGUtbmlub3M=\n","uploadPath":"L3VwbG9hZC1kb2N1bWVudD9hcmNoaXZlX2RvYz00NDYxMjI3OQ==\n","webAnalyticsUrl":"aHR0cHM6Ly93YS5zY3JpYmQuY29t\n","whatIsScribdLandingPath":"L3doYXQtaXMtc2NyaWJk\n","whatIsEverandLandingPath":"L3doYXQtaXMtZXZlcmFuZA==\n","footerContentTypeRoutes":{"documents":"L2RvY3M=\n"},"aboutUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9hYm91dA==\n","accessibilityUrl":"aHR0cHM6Ly9zdXBwb3J0LnNjcmliZC5jb20vaGMvZW4tdXMvYXJ0aWNsZXMv\nMjEwMTI5NTg2LUFjY2Vzc2liaWxpdHktTm90aWNl\n","adChoicesUrl":"aHR0cHM6Ly9zdXBwb3J0LnNjcmliZC5jb20vaGMvZW4tdXMvYXJ0aWNsZXMv\nMjEwMTI5MzY2\n","blogUrl":"aHR0cHM6Ly9ibG9nLnNjcmliZC5jb20v\n","careersUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9jYXJlZXJz\n","contactUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9jb250YWN0\n","copyrightUrl":"aHR0cHM6Ly9zdXBwb3J0LnNjcmliZC5jb20vaGMvZW4tdXMvc2VjdGlvbnMv\nMjAyMjQ2MDg2\n","everandBlogUrl":"aHR0cHM6Ly93d3cuZXZlcmFuZC5jb20vYmxvZw==\n","everandHostPath":"aHR0cHM6Ly93d3cuZXZlcmFuZC5jb20=\n","faqUrl":"aHR0cDovL3N1cHBvcnQuc2NyaWJkLmNvbS9oYy9lbi11cw==\n","giftUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9naWZ0\n","pressUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9tZWRpYQ==\n","privacyUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9wcml2YWN5\n","privacyRequestFormUrl":"aHR0cHM6Ly9zdXBwb3J0LnNjcmliZC5jb20vaGMvYXJ0aWNsZXMvMzYwMDM4\nMDE2OTMxLVByaXZhY3ktUmlnaHRzLVJlcXVlc3QtRm9ybQ==\n","publishersUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9wdWJsaXNoZXJz\n","purchaseHelpUrl":"aHR0cHM6Ly9zdXBwb3J0LnNjcmliZC5jb20vaGMvZW4tdXMvc2VjdGlvbnMv\nMjAyMjQ2MzA2\n","redeemUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9yZWRlZW0=\n","scribdForEnterpriseUrl":"aHR0cHM6Ly93d3cuc2NyaWJkLmNvbS9lbnRlcnByaXNl\n","simpleCancelUrl":"L3lvdXItYWNjb3VudC9jYW5jZWwtbm93\n","termsUrl":"aHR0cHM6Ly9zdXBwb3J0LnNjcmliZC5jb20vaGMvZW4tdXMvYXJ0aWNsZXMv\nMjEwMTI5MzI2LUdlbmVyYWwtVGVybXMtb2YtVXNl\n"}},"toolbar":{"search_path":"L2RvY3VtZW50cy9zZWFyY2g/YWxsb3dlZF9wYWdlcz0xJTJDMiUyQzMlMkM0\nJTJDNSUyQzYlMkM3JTJDOCUyQzklMkMxMCUyQzExJTJDMTIlMkMxMyUyQzE0\nJTJDMTUlMkMxNiUyQzE3JTJDMTglMkMxOSUyQzIwJTJDMjElMkMyMiUyQzIz\nJTJDMjQlMkMyNSUyQzI2JTJDMjclMkMyOCUyQzI5JTJDMzAlMkMzMSUyQzMy\nJTJDMzMlMkMzNCUyQzM1JTJDMzYlMkMzNyUyQzM4JTJDMzklMkM0MCUyQzQx\nJTJDNDIlMkM0MyUyQzQ0JTJDNDUlMkM0NiUyQzQ3JTJDNDglMkM0OSUyQzUw\nJTJDNTElMkM1MiUyQzUzJTJDNTQlMkM1NSUyQzU2JTJDNTclMkM1OCUyQzU5\nJTJDNjAlMkM2MSUyQzYyJTJDNjMlMkM2NCUyQzY1JTJDNjYlMkM2NyUyQzY4\nJTJDNjklMkM3MCUyQzcxJTJDNzIlMkM3MyUyQzc0JTJDNzUlMkM3NiUyQzc3\nJTJDNzglMkM3OSUyQzgwJTJDODElMkM4MiUyQzgzJTJDODQlMkM4NSUyQzg2\nJTJDODclMkM4OCUyQzg5JTJDOTAlMkM5MSUyQzkyJTJDOTMlMkM5NCUyQzk1\nJTJDOTYmYXV0aF90b2tlbj00d0sxb0FWT0VWWjlTWjVnRGpLZm5yUG1SMDgl\nM0QmYXV0aGVudGljaXR5X3Rva2VuPXFoYjVxZ2o1WXVPaEk2VGQzNFJnaS1l\nTlE2N2hzUGE5MHNtN01Jb01wLWpXbzNObzJ1eHFqZUg2aWJMUDhBM0Y4Y2pu\nenB4OEk2UGhpTC1aa0F6bndRJmV4cGlyZXM9MTcxNTM4MjM3OCZ3b3JkRG9j\ndW1lbnRJZD00NDYxMjI3OSZ3b3JkVXBsb2FkSWQ9NDcyNzE4MzI=\n"},"user":{"browserUuid":"1f685a9e-22c4-4fd5-b3f2-781e674b1caa","canExtendSubscription":null,"country":null,"emailHash":null,"hasPublishedDocuments":false,"id":null,"initials":"","isAborted":null,"isAdmin":null,"isBot":true,"isDunning":false,"isEligibleForFreeTrial":true,"isLoggedIn":false,"isMobile":false,"isPaused":false,"isSubscriber":false,"isTrialing":false,"isUnderDunningLock":false,"name":null,"personaIconRetinaUrl":null,"personaIconUrl":null,"showSimpleCancelOption":false},"wordDocument":{"ads_disabled":false,"archived":true,"author_name":"lordgutierrez","copyright_name":"Attribution Non-Commercial (BY-NC)","description":"","edit_path":null,"embed_modal_props_path":"/doc-page/embed-modal-props/44612279","extensions":["pdf","txt"],"extracted_title":"Ajax, Un Juego de Niños","flag_document_modal_props_path":"/doc-page/flag-document-modal-props/44612279","generatedDescription":null,"id":44612279,"image_url":"https://imgv2-1-f.scribdassets.com/img/document/44612279/149x198/b8ae85df92/1374672008?v=1","in_library":false,"is_archive":true,"is_credit_restricted":false,"isDocumentOwner":false,"is_downloadable":true,"is_sheet_music":false,"is_view_restricted_archive":true,"isbn":null,"library_xhr_pending":false,"page_count":96,"page_dimensions":null,"page_orientation":null,"publisher_info":{"is_author":false,"name":"lordgutierrez","url":"https://www.scribd.com/user/46593383/lordgutierrez"},"retina_image_url":"https://imgv2-1-f.scribdassets.com/img/document/44612279/298x396/bd1b63f7c9/1374672008?v=1","secret_password":null,"signup_context":null,"short_title":"Ajax,un juego de niños","show_archive_paywall":true,"showFullDoc":false,"title":"Ajax,un juego de niños","translation":{"original":null,"translations":[]},"type":"view_restricted","url":"https://www.scribd.com/document/44612279/Ajax-un-juego-de-ninos","views":"925"},"X_Request_ID":"00e22f292b4fb4dc92af81ffc728d02d32c3250c59ee5dff5bf2a9054a267de2"}--></script></div></div><script type="text/javascript" src="/options/exposed_to_client.js"></script><script type="application/javascript">window._translations = JSON.parse("{\"en-US\":{\"translation\":{\"account_settings\":{\"facebook_connect\":{\"facebook\":\"Facebook\"},\"plans\":{\"plan_module\":{\"slash_month\":\"/month\",\"slash_year\":\"/year\"}},\"show\":{\"restart_membership\":\"Restart subscription\"},\"subscription_card\":{\"unlocks_available\":\"{{count}} unlock available\",\"unlocks_available_plural\":\"{{count}} unlocks available\"}},\"bestsellers\":{\"promo\":{\"enjoy_bestselling_titles_when_subscribed\":\"Enjoy bestselling titles when you subscribe\"}},\"books\":{\"epub\":{\"banners\":{\"enjoying_preview_update_payment\":\"Your next unlock will be available after you update your payment information.\",\"enjoying_preview_update_payment_upgrade\":\"Update payment information to upgrade to Plus\"}}},\"browse\":{\"promo\":{\"cancel_anytime\":\"Cancel anytime.\",\"everand_also_available_on_mobile_devices\":\"Everand is also available for your mobile devices.\",\"scribd_also_available_on_mobile_devices\":\"Scribd is also available for your mobile devices.\"}},\"browse_page\":{\"promo\":{\"instant_access\":\"Get instant access to millions of ebooks, audiobooks, magazines, and more for only {{price}}/month.\"}},\"category\":{\"documents\":\"{{category}} Documents\"},\"chrome\":{\"flash\":{\"close_notification\":\"Close notification\",\"error\":\"Error\",\"notice\":\"Notice\",\"success\":\"Success\"},\"renewal_nag\":{\"click_here_to_become_a_member\":\"Click here to become a member\",\"click_here_to_renew_it\":\"Click here to renew it\",\"click_here_to_resume_it\":\"Click here to resume it\",\"click_here_to_update_it\":\"Click here to update it\",\"resume_membership\":\"Resume membership\",\"update_now\":\"Update Now\",\"update_payment\":\"Update Payment\",\"you_canceled_your_free_trial\":\"You canceled your free trial.\",\"your_account_is_at_risk\":\"Your account is at risk. Update your payment information immediately to avoid losing access to your subscription.\",\"your_credit_card_information_is_invalid_\":\"Your credit card information is invalid.\",\"your_membership_is_on_hold\":\"Your membership is on hold because of a problem with your last payment.\",\"your_membership_is_paused_until_paused_until_date\":\"Your membership is paused until {{paused_until_date}}.\",\"your_payment_is_overdue\":\"Your payment is overdue. Fix your billing information to ensure continuous service.\",\"your_paypal_information_is_invalid\":\"Your Paypal information is invalid.\",\"your_scribd_gift_membership_has_ended\":\"Your Scribd gift membership has ended.\",\"your_scribd_membership_has_expired\":\"Your Scribd membership has expired.\",\"your_scribd_membership_was_canceled\":\"Your Scribd membership was canceled.\"}},\"common\":{\"later\":\"Later\",\"update_payment\":\"Update payment\"},\"content_lengths\":{\"listening_minutes\":\"{{minutes}} min listen\",\"reading_minutes\":\"{{minutes}} min read\"},\"content_preview\":{\"available_on\":\"Available on {{date}}\",\"flags\":{\"expiring_soon\":\"Leaving soon\",\"geo_restricted\":\"Unavailable\",\"not_available\":\"Unavailable\",\"throttled\":\"Available soon\"},\"geo_restricted\":\"Unavailable in your country\",\"reviews\":{\"delete_rating_and_review\":\"Delete this rating and review?\",\"delete_warning\":\"This action cannot be undone.\",\"rating_and_review_deleted\":\"Rating and review deleted\"},\"save\":{\"add\":\"Save for later\",\"remove\":\"Remove from Saved\"},\"share\":\"Share\",\"social_media_share\":{\"email\":\"Email\",\"pinterest\":\"Pinterest\",\"twitter\":\"Twitter\"},\"social_media_share_modal\":{\"linked_copied\":\"Link copied\"},\"unavailable\":\"Currently unavailable\",\"view_titles_in_series\":\"View titles in series\"},\"content_types\":{\"article\":\"Article\",\"audiobook\":\"Audiobook\",\"audiobook_series\":\"Audiobook series\",\"audiobooks\":\"Audiobooks\",\"books\":\"Books\",\"document\":\"Document\",\"documents\":\"Documents\",\"ebook\":\"Ebook\",\"ebook_series\":\"Ebook series\",\"ebooks\":\"Ebooks\",\"magazine\":\"Magazine\",\"magazines\":\"Magazines\",\"podcast\":\"Podcast\",\"podcast_episode\":\"Podcast episode\",\"podcasts\":\"Podcasts\",\"sheet_music\":\"Sheet music\",\"song\":\"Song\"},\"doc_page\":{\"account_creation\":{\"get_instant_access_with_free_account\":\"Get instant access to this document and millions more with a free account.\",\"to_continue_reading_please_sign_in\":\"To continue reading, please sign in\"},\"ai_enhanced_tag\":{\"ai_enhanced_document\":\"AI-enhanced document\",\"ai_translated_document\":\"AI-translated document\",\"description\":\"AI-enhanced description\",\"description_tooltip\":\"Leveraging AI technology, we\'ve optimized the description for improved clarity.\",\"title\":\"AI-enhanced title\",\"title_and_description\":\"AI-enhanced title and description\",\"title_and_description_tooltip\":\"Leveraging AI technology, we\'ve optimized the title and description for improved clarity.\",\"title_tooltip\":\"Leveraging AI technology, we\'ve optimized the title for improved clarity.\"},\"app_promo\":{\"millions_of_documents\":\"Millions of documents at your fingertips\"},\"app_promo_interstitial\":{\"continue_for_free\":\"Continue for free\",\"trial_duration\":{\"unlock_full_access_to_the\":\"Unlock full access to the world’s largest digital library with a {{trialDuration}} day free trial.\"},\"upload_your_documents_or_subscribe\":\"Upload your documents or become a Scribd member to unlock full access.\"},\"between_page_interstitial\":{\"title_copy_subscribe_only_trial_duration\":\"Unlock full access (pages {{startPage}}-{{endPage}}) with a {{trialDuration}} Day Free Trial\",\"unlock_full_access\":{\"page_number_trial_duration\":\"Unlock full access (page {{props_currentrange}}) by uploading documents or with a {{trialDuration}} Day Free Trial\"},\"upload_or_subscribe_pages\":\"Upload your documents or become a Scribd member to unlock full access (pages {{startPage}}-{{endPage}}).\"},\"blur_promo\":{\"become_member_for_full_access\":\"Become a Scribd member for full access.\",\"read_and_download_full_documents\":\"Read and download full documents.\",\"skip_ad\":\"Skip ad\",\"subscribe_with_a_free_trial\":\"Subscribe with a free trial\",\"trial_duration\":{\"start_your_trial\":\"Start your {{trialDuration}} day free trial\"},\"unlock_next_pages_after_an_ad\":\"Unlock the next {{count}} page after an ad\",\"unlock_next_pages_after_an_ad_plural\":\"Unlock the next {{count}} pages after an ad\",\"unlock_this_document\":\"Unlock this document\",\"unlock_this_document_after_an_ad\":\"Unlock this document after an ad\",\"unlock_this_page_after_an_ad\":\"Unlock this page after an ad\",\"upload_a_doc_to_download_or_sub\":\"Upload a document to download this document or subscribe to read and download.\",\"upload_to_download\":\"Upload to download\"},\"description_modal\":{\"description\":\"Description\",\"flag_for\":\"Flag for inappropriate content\"},\"doc_chat_additional_feedback\":{\"heading\":\"Provide additional feedback\",\"placeholder\":\"What are your thoughts on the response? How could it be improved?\"},\"doc_chat_default_response\":{\"with_suggestions\":\"I’m sorry, I wasn’t able to find any information on that.\"},\"doc_chat_disclaimer\":{\"beta\":\"DocChat is powered by OpenAI, and may occasionally display incorrect information.\\u003cbr\\u003eWe recommend checking the accuracy of responses.\"},\"doc_chat_down_vote_feedback\":{\"not_factually_correct\":\"Not factually correct\",\"offensive_unsafe\":\"Offensive/Unsafe\",\"other\":\"Other\",\"submit\":\"Submit Feedback\"},\"doc_chat_feedback\":{\"down_vote_question_heading\":\"Why did you choose this rating?\",\"thank_you_response\":\"Your feedback is valuable and helps us improve our AI responses.\",\"thank_you_response_heading\":\"Thanks so much for your feedback\"},\"doc_chat_greeting\":{\"heading\":\"Welcome to DocChat\",\"sub_heading\":\"I’m here to answer your questions about this document. Ask me anything, or choose a suggestion below to get started.\"},\"doc_chat_input\":{\"placeholder\":\"Select a suggestion or type a question\"},\"doc_chat_popover\":{\"feature_available_bold\":\"Work faster with DocChat.\",\"feature_available_regular\":\"Chat with this document to get the information you want.\",\"feature_not_available_bold\":\"Doc Chat is currently not available\",\"feature_not_available_regular\":\"for this document. Check out other documents to use this feature.\"},\"doc_chat_settings\":{\"clear_history\":\"Clear History\",\"faq\":\"FAQ\"},\"doc_chat_suggestions\":{\"heading\":\"Here are some questions I can answer:\"},\"doc_chat_usage\":{\"exceed_warning\":\"You’ve reached your monthly limit of {{count}} prompts. Thank you for being so actively engaged with DocTalk beta. Your prompt limit will reset next month!\",\"limit_reminder\":\"Wow, you’ve reached {{count}} prompts! As part of our DocTalk beta program, you have {{left}} prompts left. Your feedback is appreciated as we refine this feature.\"},\"download_to_read_ad_free\":\"Download to read ad-free.\",\"fixed_viewport_bottom_components\":{\"check_out_these_free_titles\":\"Check out these free titles\"},\"flag_document\":{\"flag_for_inappropriate_content\":\"Flag for Inappropriate Content\"},\"flash\":{\"rating_not_saved_try_again\":\"Rating not saved, please try again\"},\"get_scribd_without_ads\":\"Get Scribd without ads.\",\"incentivized_upload\":{\"to_access_this_document_trial_duration\":\"To access this document, upload one of yours, or subscribe with a {{trialDuration}} day free trial. Cancel anytime.\",\"to_access_this_document_trial_duration_plural\":\"To access this document, upload {{count}} of yours, or subscribe with a {{trialDuration}} day free trial. Cancel anytime.\"},\"metadata\":{\"description\":{\"original_description\":\"Original Description\"}},\"mobile_metadata\":{\"collapse_full_title\":\"Hide full title\",\"expand_full_title\":\"Show full title\"},\"page\":{\"preferred_language_set_to_url_params_language_settings_changed\":\"Preferred language set to {{url_params_language_settings_changed}}\"},\"rate_drawer\":{\"not_useful\":\"Not useful\",\"useful\":\"Useful\"},\"ratings\":{\"mark_as_not_useful\":\"Mark this document as not useful\",\"mark_as_useful\":\"Mark this document as useful\",\"no_ratings\":\"0 ratings\",\"no_ratings_yet\":\"No ratings yet\",\"num_votes\":\"({{count, locale}} vote)\",\"num_votes_plural\":\"({{count, locale}} votes)\",\"page_count\":\"{{count, locale}} page\",\"page_count_plural\":\"{{count, locale}} pages\",\"percent_found_document_not_useful\":\"{{percentage}}% found this document not useful\",\"percent_found_document_useful\":\"{{percentage}}% found this document useful\",\"press_again_undo\":\"Press again to undo.\",\"sign_up_to_rate_this_title\":\"Sign up to rate this title\",\"you_marked_as_useful\":\"You marked this document as useful\",\"you_marked_not_useful\":\"You marked this document as not useful\"},\"read_this_document_in_other_languages\":\"Read this document in other languages\",\"recommender_list\":{\"audiobook\":\"audiobook\",\"book\":\"book\",\"might_also_like\":\"You might also like\",\"show_more\":\"Show more\"},\"scroll_for_next_page\":\"Scroll for next page\",\"share\":{\"copy_link\":\"Copy link\",\"link_copied\":\"Link copied!\",\"share_on_facebook\":\"Share on Facebook\",\"share_on_linkedin\":\"Share on LinkedIn\",\"share_on_twitter\":\"Share on Twitter\",\"share_via_email\":\"Share via email\"},\"share_drawer\":{\"copy_link\":\"Copy Link\"},\"sharing_buttons\":{\"link_copied_private_document\":\"Link Copied! \\u003cspan class=\\\"link_copied_private_doc\\\"\\u003eNote: Sharing a public link to a document marked private will allow others to view it.\\u003c/span\\u003e\",\"not_supported_for_private_documents\":\"This feature is not supported for private documents. If you want to share, select Copy Link, and send the link to others.\"},\"this_document_available_in_languages\":\"This document is available in the following languages:\",\"toolbar\":{\"download\":\"Download\",\"download_now\":\"Download now\"},\"translate\":\"Translate\",\"translate_document\":\"Translate Document\",\"truncate_promo\":{\"read_and_download_full_documents\":\"Subscribers can read and download full documents.\",\"restart_membership\":\"Restart membership\",\"trial_duration\":{\"scribd_members_can_read\":\"Scribd members can read and download full documents. Your first {{trialDuration}} days are free!\"},\"unlock_full_access_when_subscribe\":\"Unlock full access when you subscribe\"},\"upload_banner\":{\"copy\":\"Get this download for free with an upload. Learn more below.\",\"copy_plural\":\"Get this download for free with {{count}} uploads. Learn more below.\"},\"upsell_popup\":{\"description\":\"Enjoy ad-free reading and downloads on Scribd.\",\"title\":\"More Reading. No Ads.\"},\"view_original_document_in_language\":\"View original document in {{language}}\"},\"everand\":{\"bestsellers\":{\"promo\":{\"enjoy_bestselling_audiobook_titles_when_subscribed\":\"Enjoy bestselling audiobooks when you subscribe\",\"enjoy_bestselling_titles_when_subscribed\":\"Enjoy bestselling ebooks when you subscribe\"}},\"browse_page\":{\"promo\":{\"books_audiobooks_cancel_anytime\":\"Discover millions of ebooks, audiobooks, and so much more, from {{price}}/month. Cancel anytime.\",\"instant_access_and_cancel_anytime\":\"Discover millions of ebooks, audiobooks, and so much more for just {{price}}/month. Cancel anytime.\"}},\"lists\":{\"faq_message_html\":\"We\'ve made important changes to the list experience. To learn more, \\u003ca href={{faqUrl}} target=\\\"_blank\\\"\\u003evisit the FAQs\\u003c/a\\u003e.\"},\"megamenu\":{\"what_is_scribd_btn\":{\"what_is_scribd\":\"What is Everand?\"}},\"modal\":{\"opt_in\":{\"continue_to_everand\":\"Continue to Everand\",\"upcoming_releases_curated_lists_to_your_inbox\":\"Find out about upcoming releases and exclusive originals, plus get curated lists and special offers sent directly to your inbox.\"},\"progressive_profile\":{\"send_me_email_updates\":\"Send me email updates from Everand\",\"welcome_to_everand\":\"Welcome to Everand!\"},\"upsell\":{\"get_the_most_out_of_everand\":\"Get the most out of Everand\",\"unlock_full_access_discover_millions\":\"Unlock full access to the world\'s most fascinating digital library. Discover millions of ebooks, audiobooks, magazines, and more.\"}},\"shared\":{\"cross_link_message\":\"From Everand\",\"footer\":{\"about_scribd\":\"About Everand\",\"everand_-_download_on_the_app_store\":\"Everand - Download on the App Store\",\"everand_-_get_it_on_google_play\":\"Everand - Get it on Google Play\",\"everand_-_get_it_on_kindle_fire\":\"Everand for Kindle Fire\"},\"navigation\":{\"enterprise_page\":\"Enterprise\"},\"social_buttons\":{\"scribd_on_facebook_aria_label\":\"Everand on Facebook\",\"scribd_on_instagram_aria_label\":\"Everand on Instagram\",\"scribd_on_pinterest_aria_label\":\"Everand on Pinterest\",\"scribd_on_twitter_aria_label\":\"Everand on Twitter\"}}},\"explore\":{\"banner\":{\"after_trial\":\"Only {{price}}/month after trial. \\u003cstrong\\u003eCancel anytime.\\u003c/strong\\u003e\",\"subtitle\":\"Access 1,000,000+ full-length titles online or offline with our \\u003ca href=\\\"{{ios_store_url}}\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\\u003eiOS\\u003c/a\\u003e and \\u003ca href=\\\"{{android_store_url}}\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\"\\u003eAndroid\\u003c/a\\u003e apps.\"}},\"get_app_modal\":{\"link_sent_email\":\"Link sent! Please check your email.\"},\"helpers\":{\"document_meta_tags\":{\"scribd_is_the_world_s_largest_social\":\"Scribd is the world\'s largest social reading and publishing site.\"}},\"home\":{\"logged_in\":{\"content_quickview\":{\"also_available_as_an_audiobook\":\"Also available as an audiobook\",\"also_available_as_an_ebook\":\"Also available as an ebook\",\"byline\":{\"narrated_by\":\"narrated by\"},\"close\":\"Close\",\"count_titles\":\"{{count}} title\",\"count_titles_plural\":\"{{count}} titles\",\"go_to_content_type_version\":\"Go to {{content_type}} version\",\"loading\":\"Loading...\",\"more_about_this_episode\":\"More about this episode\",\"more_about_this_issue\":\"More about this issue\",\"more_about_this_series\":\"More about this series\",\"more_about_this_summary\":\"More about this summary\",\"oops_something_went_wrong\":\"Oops, something went wrong\",\"view_all_articles\":\"View all articles\",\"view_all_episodes\":\"View all episodes\",\"view_the_full_title_details\":\"View the full title details\"}}},\"landing\":{\"hero\":{\"read_listen_anywhere_anytime\":\"Read or listen anytime, anywhere.\"}},\"lib\":{\"lightbox\":{\"close_dialog\":\"Close Dialog\"}},\"megamenu\":{\"documents\":{\"all_documents\":\"All Documents\"},\"hambur_menu\":{\"get_our_free_apps\":\"Get our free apps\"},\"hamburger_menu\":{\"close_menu\":\"Close menu\",\"sign_in_to_your_everand_account\":\"Sign in to your Everand account\",\"sign_in_to_your_scribd_account\":\"Sign in to your Scribd account\",\"welcome\":\"Welcome!\"},\"language\":{\"cancel\":\"Cancel\",\"change_language\":\"Change Language\"},\"language_links\":{\"learn_more\":\"Learn more\"},\"language_picker_dropdown\":{\"language\":\"Language\"},\"logged_out\":{\"user_menu\":{\"welcome_to_everand\":\"Welcome to Everand!\",\"welcome_to_scribd\":\"Welcome to Scribd!\"}},\"navigation\":{\"categories\":\"Categories\",\"explore_content_type\":\"Explore {{content_type}}\",\"opens_navigation_menu\":\"Open navigation menu\"},\"search_bar\":{\"clear_search\":\"Clear search\",\"close_suggestions\":\"Close suggestions\",\"no_results_found\":\"No search results.\",\"num_results_are_available\":\"{{num_results}} result(s) are available, use up and down arrow keys to navigate.\",\"recent_searches\":\"Recent searches\",\"search\":\"Search\"},\"top_bar\":{\"upload\":\"Upload\"},\"upload\":{\"upload_header\":\"Upload\"},\"user_menu\":{\"document_stats\":\"Document stats\",\"document_uploads\":\"Document uploads\",\"faq_and_support\":\"FAQ and support\",\"hi_name\":\"Hi {{name}}!\",\"invite_friends\":\"Invite friends\",\"language\":\"Language ({{current_language}})\",\"public_profile\":\"Public profile\",\"read_for_free\":\"Read for free\",\"visually_hidden_user_settings\":\"User Settings\",\"your_account\":\"Your account\"},\"what_is_scribd_btn\":{\"what_is_scribd\":\"What is Scribd?\"}},\"modals\":{\"add_to_list\":{\"save\":\"Save to list\",\"title\":\"Add to list\"},\"confirm_delete_review\":{\"title\":\"Delete your review and rating?\"},\"confirm_unsave_item\":{\"title\":\"Remove title from Saved Library and any saved lists?\"},\"confirm_unsave_item_in_list\":{\"remove_from_your_lists\":\"Remove from your lists?\",\"removing_from_saved\":\"Removing from Saved will also delete the title from your lists.\",\"removing_this_title_from_saved\":\"Removing this title from Saved will also remove it from your lists.\",\"title\":\"This title is also in a list.\"},\"create_list\":{\"create_list\":\"Create list\",\"failed_to_create_try_again\":\"Failed to create list, please try again\",\"input_description\":{\"privacy_type\":\"No one except you can view this list. Sharing will be disabled.\"},\"input_label\":{\"name\":\"What would you like to name this list?\",\"privacy_type\":\"Make list private\"},\"title\":\"New List\",\"validation_errors\":{\"name\":\"Please enter a list name\"}},\"language_picker\":{\"language_options\":\"Language Options\",\"select_preferred_language\":\"Select your preferred language\",\"translate_and_tailor\":\"We’ll translate site navigation and tailor your personal recommendations where possible to match your preferred language selection.\",\"translate_to_match\":\"We’ll translate site navigation to match your preferred language selection.\"},\"lockshockroadblock\":{\"problem_with_your_last_payment\":\"Problem with your last payment\",\"update_your_payment_to_continue\":\"Update your payment to continue\",\"we_had_an_issue_with_your_last_payment\":\"We had an issue with your last payment. Update your payment info to continue.\",\"your_membership_is_on_hold\":\"Your membership is on hold because of a problem with your last payment.\"}},\"page_gate_modal\":{\"check_you_email\":{\"check_your_email\":\"Check your email\"},\"check_your_email\":{\"change_email\":\"Not the correct email?\",\"didnt_receive\":\"Didn\'t receive an email? Check your spam folder, or\",\"email_not_verified_verify_to_continue\":\"Email not verified. Please verify your email to continue.\",\"i_have_verified_my_email\":\"I\'ve verified my email\",\"logout_login_url\":\"Use a different email address\",\"send_again\":\"send again.\",\"to_protect_your_account_html\":\"To protect your account, we\'ve sent a verification email to \\u003cstrong\\u003e{{email}}\\u003c/strong\\u003e. Please click the link in that email to verify your identity. To learn more, please visit our \\u003ca href=\\\"{{support_url}}\\\" class=\\\"faq_link\\\" target=\\\"_blank\\\"\\u003eFAQs\\u003c/a\\u003e.\",\"verify_email_before_continuing\":\"Please verify your email before continuing.\"}},\"pdfs\":{\"doc_search\":{\"close_search\":\"close search\",\"page\":\"page\"},\"lightboxes\":{\"download_lightbox\":{\"download_document\":\"Download document\",\"resume_membership\":\"Resume Membership\",\"resuming\":\"Resuming\",\"your_membership_is_currently_paused_until\":\"Your membership is currently paused until {{state_nag_next_payment_due}}. Would you like to resume your membership now to download\"},\"embed_lightbox\":{\"autosize\":\"Autosize\",\"beginning_of_document\":\"Beginning of document\",\"copy_link\":\"Copy Link\",\"current_page\":\"Current page\",\"custom\":\"Custom\",\"customization_options_available_below\":\"Customization options available below\",\"embed\":\"Embed\",\"embed_this_in_your_website\":\"Embed this in your website\",\"format\":\"Format\",\"fullscreen\":\"Fullscreen\",\"generate_a_link\":\"Generate a Link\",\"height\":\"Height: \",\"html\":\"HTML\",\"link_options\":\"Link Options\",\"link_to_the\":\"Link to the\",\"options\":\"Options\",\"preview\":\"Preview\",\"scroll\":\"Scroll\",\"size\":\"Size\",\"slideshow\":\"Slideshow\",\"start_at_page\":\"Start at page:\",\"style\":\"Style:\",\"sup_sup_the_code_will_be_updated\":\"\\u003csup\\u003e*\\u003c/sup\\u003e The code will be updated based on your changes.\",\"width\":\"Width: \",\"wordpress\":\"Wordpress\"},\"flag_doc_lightbox\":{\"cancel\":\"Cancel\",\"if_you_are_the_copyright_owner_html\":\"If you are the copyright owner of this document and want to report it, please visit the \\u003ca href=\'{{faq_urls_copyright_infringement}}\'\\u003ecopyright infringement notice\\u003c/a\\u003e page to submit a report.\",\"please_tell_us_reason_s_for_reporting\":\"Please tell us reason(s) for reporting this document\",\"submit\":\"Submit\"},\"print_lightbox\":{\"cancel\":\"Cancel\",\"download_and_print\":\"Download and print\",\"in_order_to_print_this_document_\":\"In order to print this document from Scribd, you\'ll first need to download it.\",\"print_document\":\"Print document\"}},\"redesign_elements\":{\"actions\":{\"embed\":\"Embed\",\"print\":\"Print\",\"share\":\"Share\"},\"metadata_section\":{\"full_description\":\"Full description\",\"related_titles\":\"Related titles\"},\"more_info_module\":{\"document_information\":\"Document Information\"}},\"show\":{\"sign_in_to_flag_this_title\":\"Sign in to flag this title\",\"you_re_reading_a_preview\":\"You\'re Reading a Preview\"},\"sidebar\":{\"available_formats\":\"Available Formats\",\"click_to_collapse_document_information\":\"click to collapse document information\",\"click_to_expand_document_information\":\"click to expand document information\",\"copyright\":\"Copyright:\",\"copyright_no_colon\":\"Copyright\",\"document_useful_message\":\"Did you find this document useful?\",\"download_or_read_formats\":\"{{extensions}} or read online from Scribd\",\"is_this_inappropriate_content\":\"Is this content inappropriate?\",\"isbn\":\"ISBN:\",\"isbn_no_colon\":\"ISBN\",\"report_this_document\":\"Report this Document\",\"share_or_embed_document\":\"Share or Embed Document\",\"strong_download_strong_as_available_extensions_map_upcase_join_or_read_online\":\"\\u003cstrong\\u003eDownload\\u003c/strong\\u003e as {{available_extensions_map_upcase_join}} or read online from Scribd\",\"uploaded_by\":\"Uploaded by\",\"view_more\":\"View More\",\"written_by\":\"Written by\"},\"toolbar\":{\"exit_fullscreen\":\"Exit fullscreen\",\"fullscreen\":\"Fullscreen\",\"of_numberformat_props_document_total_pages\":\"of {{numberformat_props_document_total_pages}}\",\"search_document\":\"Search document\",\"showing_strong_1_strong_result_for_query\":\"Showing \\u003cstrong\\u003e1\\u003c/strong\\u003e result for\",\"showing_strong_num_results_strong_results_for_query\":\"Showing \\u003cstrong\\u003e{{num_results}}\\u003c/strong\\u003e results for\",\"you_are_on_page_props_current_page\":\"You are on page {{props_current_page}}\",\"zoom_in\":\"Zoom in\",\"zoom_out\":\"Zoom out\"},\"upvote\":{\"not_useful\":\"Not useful\",\"this_document_is\":\"This document is...\",\"useful\":\"Useful\"}},\"plan_selection_page\":{\"plan_card\":{\"a_selection\":\"200,000+ ebooks and audiobooks, including a selection of our most popular titles\",\"billed_monthly\":\"Billed monthly after trial.\",\"docs_presentations\":\"170M+ documents and presentations on Scribd and SlideShare ad-free\",\"magazines_etc\":\"Magazines, podcasts and sheet music\",\"plus\":\"Plus:\",\"titles_per_month\":\"{{titles}} titles per month from our Plus catalog that includes even more bestsellers and new releases\",\"unlimited\":\"Unlimited access to:\"}},\"plans\":{\"unlock_dropdown\":{\"subscription_ends_date\":\"Subscription ends {{date}}\",\"unlocks\":\"{{count}} unlock\",\"unlocks_plural\":\"{{count}} unlocks\",\"unlocks_renew\":\"Unlocks renew {{refresh_date}}\",\"unlocks_renew_after_payment_information\":\"Unlocks renew after payment information is updated.\",\"view_unlock_history\":\"View unlock history\"},\"unlock_modal\":{\"after_unlocking_this_title\":\"After unlocking this title, you\'ll have {{count}} unlock left until {{refresh_date}}.\",\"after_unlocking_this_title_plural\":\"After unlocking this title, you\'ll have {{count}} unlocks left until {{refresh_date}}.\",\"unlock_this_title\":\"Unlock this title\",\"you_have_unlocks_available\":\"You have {{count}} unlock available.\",\"you_have_unlocks_available_plural\":\"You have {{count}} unlocks available.\"}},\"privacy_policy_modal\":{\"accept\":\"Accept and continue\",\"details_below\":\"You can read the details below. By accepting, you agree to the updated privacy policy.\",\"thank_you\":\"Thank you!\",\"title\":\"We\'ve updated our privacy policy.\",\"try_again\":\"We’ve encountered a problem, please try again.\",\"updated_privacy_policy\":\"We’ve updated our privacy policy so that we are compliant with changing global privacy regulations and to provide you with insight into the limited ways in which we use your data. \",\"view_policy\":\"View updated privacy policy\"},\"promos\":{\"annual_offer\":{\"current_plan\":\"Current plan\",\"immerse\":\"Immerse yourself all year round\",\"read_more_html\":\"Read more.\\u003cspan class=\'save_text\'\\u003eSave more.\\u003c/span\\u003e\",\"save_percent\":\"Save {{value}}%\",\"switch_plan\":\"Switch plan\",\"terms_footer_html\":\"You will be charged the annual fee of {{price}} on {{date}} when you click \\\"Switch plan.\\\" View our \\u003ca class=\'terms_link\' target=\\\"_blank\\\" href={{href}}\\u003eterms of service\\u003c/a\\u003e.\"}},\"receipt\":{\"download\":{\"document\":\"Document\",\"download_iframe\":\"Download iframe\",\"downloading\":\"Downloading\"}},\"saved\":{\"list_item_controls\":{\"create_list\":\"Create List\"}},\"scribd\":{\"modal\":{\"opt_in\":{\"continue_to_scribd\":\"Continue to Scribd\",\"special_offers_new_content_to_your_inbox\":\"Find out about special offers, new content, plus recommendations from our premium products sent directly to your inbox.\"},\"progressive_profile\":{\"send_me_email_updates\":\"Send me email updates from Scribd\",\"welcome_to_scribd\":\"Welcome to Scribd!\"},\"upsell\":{\"get_the_most_out_of_scribd\":\"Get the most out of Scribd\",\"unlock_full_access_read_offline\":\"Unlock full access to the world’s most fascinating digital library. Get unlimited free downloads and read offline on the app.\"}},\"navigation_category\":{\"academic\":\"Academic\",\"culture\":\"Culture\",\"hobbies_and_crafts\":\"Hobbies \\u0026 Crafts\",\"personal_growth\":\"Personal Growth\",\"professional\":\"Professional\"},\"shared\":{\"cross_link_message\":\"From Scribd\"}},\"search\":{\"filters\":{\"filters\":\"Filters\"},\"pagination\":{\"next\":\"next\",\"previous\":\"previous\"},\"results\":{\"reading_list\":\"Reading List\",\"top_result\":\"Top Result\"}},\"shared\":{\"account_creation\":{\"add_note_sign_in\":\"To add a note, please sign in\",\"add_note_sign_up\":\"To add a note, please sign up\",\"already_have_an_account\":\"Already have an account?\",\"annotate_document_sign_in\":\"To annotate this document, please sign in\",\"annotate_document_sign_up\":\"To annotate this document, please sign up\",\"annotate_sign_in\":\"To annotate, please sign in\",\"back_to_sign_in\":\"Back to sign in\",\"continue_reading_sign_in\":\"To continue reading, please sign in\",\"continue_reading_sign_up\":\"To continue reading, please sign up\",\"create_bookmark_sign_in\":\"To create a bookmark, please sign in\",\"create_bookmark_sign_up\":\"To create a bookmark, please sign up\",\"creating_your_account\":\"Creating your account...\",\"disclaimer\":\"By signing up with Scribd, you agree to our \\u003ca href=\\\"{{terms_href}}\\\" target=\\\"_blank\\\" tabIndex=\\\"0\\\"\\u003eTerms of Service {{opens_in_new_window}}\\u003c/a\\u003e and \\u003ca href=\\\"{{privacy_href}}\\\" target=\\\"_blank\\\" tabIndex=\\\"0\\\"\\u003ePrivacy Policy {{opens_in_new_window}}\\u003c/a\\u003e\",\"download_document_sign_in\":\"To download this document, please sign in\",\"download_document_sign_up\":\"To download this document, please sign up\",\"errors\":{\"email_invalid\":\"This email address is invalid or blocked. Please enter another email.\",\"email_registered\":\"This email address is already registered with Scribd. Please enter your password to sign in.\",\"email_taken\":\"That email is taken by another user, please try again.\",\"invalid_character_in_name_please_remove\":\"Invalid character in name. Please remove any special characters\",\"no_valid_email_modal_desc\":\"Your email address is missing or invalid. To keep your account secure, please provide a valid email address.\",\"no_valid_email_modal_title\":\"Update your email\",\"password_10_chars\":\"Please enter a password that is at least 10 characters\",\"please_enter_a_name\":\"Please enter a name\",\"please_enter_a_valid_email\":\"Please enter a valid email\",\"that_doesn_t_appear_to_be_a\":\"That doesn\'t appear to be a valid email address. Please try again.\"},\"facebook\":{\"error\":\"Sorry, we are unable to log you in via Facebook at this time.\",\"sign_in\":\"Continue with Facebook\",\"sign_up\":\"Sign up with Facebook\"},\"fail\":\"Fail.\",\"flag_document_sign_in\":\"To flag this document, please sign in\",\"flag_document_sign_up\":\"To flag this document, please sign up\",\"forgot\":{\"enter_email\":\"Enter your email address and we\'ll send you an email with a link to reset your password.\",\"weve_sent_email_html\":\"We\'ve sent an email to \\u003cstrong\\u003e{{escape_validated_email}}\\u003c/strong\\u003e with instructions to reset your password. If it doesn\'t show up soon, check your spam folder and then read this \\u003ca href=\\\"https://support.scribd.com/hc/articles/210134406-What-do-I-do-if-I-ve-lost-or-forgotten-my-password-\\\"\\u003eHelp Center article\\u003c/a\\u003e.\"},\"forgot_password\":\"Forgot password?\",\"give_gift_sign_in\":\"To give this gift, please sign in\",\"give_gift_sign_up\":\"To give this gift, please sign up\",\"google\":{\"error\":\"Google sign in failed\"},\"highlight_document_sign_in\":\"To highlight this document, please sign in\",\"highlight_document_sign_up\":\"To highlight this document, please sign up\",\"join_today_to_start_reading\":\"Join today to start reading\",\"logging_you_in\":\"Logging you in...\",\"not_you\":\"Not you?\",\"now_bringing_you_back\":\"Now bringing you back...\",\"pass\":\"Pass.\",\"password_must_be_at_least_ten_characters\":\"At least 10 characters\",\"password_not_been_breached\":\"Password has not been breached\",\"password_strength\":\"Password strength\",\"password_strength_colon\":\"Password strength: \",\"password_strength_good\":\"Good\",\"password_strength_moderate\":\"Moderate\",\"password_strength_strong\":\"Strong\",\"password_strength_weak\":\"Weak\",\"people_browsing_scribd_html\":\"\\u003cspan\\u003e{{count, locale}} person\\u003c/span\\u003e browsing Scribd right now\",\"people_browsing_scribd_html_plural\":\"\\u003cspan\\u003e{{count, locale}} people\\u003c/span\\u003e browsing Scribd right now\",\"rate_document_sign_in\":\"To rate this document, please sign in\",\"rate_document_sign_up\":\"To rate this document, please sign up\",\"recaptcha_disclaimer\":\"This site is protected by reCAPTCHA and the Google \\u003ca href=\\\"{{privacy_href}}\\\" target=\\\"_blank\\\"\\u003ePrivacy Policy {{opens_in_new_window}}\\u003c/a\\u003e and \\u003ca href=\\\"{{policy_href}}\\\" target=\\\"_blank\\\"\\u003eTerms of Service {{opens_in_new_window}}\\u003c/a\\u003e apply.\",\"redeem_offer_sign_in\":\"To redeem this offer, please sign in\",\"redeem_offer_sign_up\":\"To redeem this offer, please sign up\",\"remember_me\":\"Remember me\",\"reset_password\":\"Reset password\",\"save_document_sign_in\":\"To save this document, please sign in\",\"save_document_sign_up\":\"To save this document, please sign up\",\"send_me_updates_from_scribd\":\"Send me updates from Scribd\",\"share_quote_sign_in\":\"To share this quote, please sign in\",\"share_quote_sign_up\":\"To share this quote, please sign up\",\"sign_in\":\"Sign in\",\"sign_in_add_note\":\"To add a note, please sign in\",\"sign_in_bookmark\":\"To create a bookmark, please sign in\",\"sign_in_create_list\":\"To create a list, please sign in\",\"sign_in_download\":\"To download, please sign in\",\"sign_in_follow\":\"To follow, please sign in\",\"sign_in_give_gift\":\"To give this gift, please sign in\",\"sign_in_highlight\":\"To highlight, please sign in\",\"sign_in_rate\":\"To rate, please sign in\",\"sign_in_redeem\":\"To redeem, please sign in\",\"sign_in_review\":\"To review, please sign in\",\"sign_in_save\":\"To save, please sign in\",\"sign_in_share_quote\":\"To share this quote, please sign in\",\"sign_in_start_months\":\"To start your free {{count}} month, please sign in\",\"sign_in_start_months_plural\":\"To start your free {{count}} months, please sign in\",\"sign_in_successful\":\"Sign in successful\",\"sign_in_to_scribd\":\"Sign in to Scribd\",\"sign_in_upload\":\"To upload, please sign in\",\"sign_in_with_email\":\"Sign in with email\",\"sign_up\":\"Sign up\",\"sign_up_add_note_this_title\":\"Sign up to add a note to this title.\",\"sign_up_annotate\":\"Sign up to annotate.\",\"sign_up_continue_reading_this_title\":\"Sign up to continue reading this title.\",\"sign_up_create_bookmark_this_title\":\"Sign up to create a bookmark.\",\"sign_up_create_list_this_title\":\"Sign up to create a list.\",\"sign_up_download_this_title\":\"Sign up to download this title.\",\"sign_up_follow_magazine_this_title\":\"Sign up to follow this magazine.\",\"sign_up_free_months_this_title\":\"Sign up to start your free {{count}} month.\",\"sign_up_free_months_this_title_plural\":\"Sign up to start your free {{count}} months.\",\"sign_up_give_gift_this_title\":\"Sign up to give this gift.\",\"sign_up_highlight_this_title\":\"Sign up to highlight.\",\"sign_up_or_sign_in\":\"Sign up or sign in\",\"sign_up_save\":\"To save, please create a Scribd account\",\"sign_up_save_this_title\":\"Sign up to save this title.\",\"sign_up_share_quote_this_title\":\"Sign up to share a quote from this title.\",\"sign_up_successful\":\"Sign up successful\",\"sign_up_to_rate_title\":\"Sign up to rate this title\",\"sign_up_to_review_title\":\"Sign up to review this title\",\"sign_up_with_email\":\"Sign up with email\",\"signup_to_redeem_offer\":\"Sign up to redeem offer\",\"start_free_months_sign_in\":\"To start your free {{count}} month, please sign in\",\"start_free_months_sign_in_plural\":\"To start your free {{count}} months, please sign in\",\"start_free_months_sign_up\":\"To start your free {{count}} month, please sign up\",\"start_free_months_sign_up_plural\":\"To start your free {{count}} months, please sign up\",\"upload_document_sign_in\":\"To upload a document, please sign in\",\"upload_document_sign_up\":\"To upload a document, please sign up\",\"use_another_email_address\":\"Use another email address\"},\"actions\":{\"read_continue\":\"Continue reading\",\"read_preview\":\"Read preview\"},\"ad_blocker_modal\":{\"i_disabled_my_ad_blocker\":\"I disabled my ad-blocker\",\"it_looks_like_youre_using_and_ad_blocker\":\"It looks like you\'re using an ad-blocker.\",\"show_me_how\":\"Show me how\",\"to_listen_to_titels_on_everand_disble_ad_blocker_or_use_mobile_app\":\"To listen to titles on Everand, please disable your ad-blocker or use our mobile app.\",\"to_read_titles_on_everand_disable_ad_blocker_or_use_mobile_app\":\"To read titles on Everand, please disable your ad-blocker or use our mobile app.\"},\"byline\":{\"and\":\"and\",\"by\":\"By\",\"published_by\":\"Published by\",\"written_by\":\"Written by\"},\"carousels\":{\"carousel_next\":\"Carousel Next\",\"carousel_previous\":\"Carousel Previous\",\"skip_carousel\":\"Skip carousel\"},\"common\":{\"ad\":\"ad\",\"add_a_new_payment_method\":\"Add a new payment method\",\"added_by\":\"Added by\",\"back\":\"Back\",\"back_to_top\":\"Back to top\",\"cancel\":\"Cancel\",\"close\":\"Close\",\"close_dialog\":\"Close dialog\",\"delete\":\"Delete\",\"description\":\"Description\",\"do_not_ask_me_again\":\"Do not ask me again\",\"download\":\"Download\",\"email_address\":\"Email address\",\"error\":\"Error\",\"errors\":{\"could_not_complete_request\":\"We couldn\'t complete your request\",\"failed_to_delete_review\":\"Review was not deleted. Please try again.\",\"failed_to_load\":\"Failed to load, try again\",\"failed_to_remove_title\":\"Failed to remove title\",\"failed_to_save_review\":\"Your review was not saved. Please try again.\",\"failed_to_save_review_vote\":\"Your vote was not saved. Please try again.\",\"failed_to_save_title\":\"Failed to save title\",\"please_try_again_later\":\"Please try again later.\"},\"forms\":{\"at_least_10_characters\":\"(at least 10 characters)\",\"email\":\"Email\",\"error\":\"Error\",\"invalid\":\"Invalid\",\"invalid_email\":\"Please enter a valid email\",\"name\":\"Name\",\"optional\":\"(optional)\",\"password\":\"Password\",\"please_enter_a_password\":\"Please enter a password\",\"please_enter_an_email\":\"Please enter an email\",\"required\":\"(required)\"},\"hide\":\"Hide\",\"info\":\"Information\",\"issue\":\"Issue\",\"key_insights\":\"Key insights from\",\"learn_more\":\"Learn more\",\"length\":\"Length\",\"library\":{\"add_to_list\":{\"success_message\":\"Added to {{collection_name}}\"},\"add_with_title\":\"Save {{title}} for later\",\"remove_with_title\":\"Remove {{title}} from saved\",\"sign_up_to_save\":\"Sign up to save this title\"},\"listen_free\":\"Listen free\",\"listen_free_for_30_days\":\"Listen free for {{trialDuration}} days\",\"listen_now\":\"Listen now\",\"listen_on_everand\":\"Listen on Everand\",\"load_more\":\"Load more\",\"more_about_this_title\":\"More about this title\",\"new_to_scribd\":\"New to Scribd?\",\"notice\":\"Notice\",\"opens_in_a_new_window\":\"opens in a new window\",\"or\":\"or\",\"play_preview\":\"Play preview\",\"preferred_language_set_to_language\":\"Preferred language set to {{language}}\",\"progress\":{\"listened\":\"listened\",\"read\":\"read\"},\"read_count\":\"{{count}} read\",\"read_count_plural\":\"{{count}} reads\",\"read_free\":\"Read free\",\"read_more\":\"Read more\",\"read_now\":\"Read now\",\"read_on_everand\":\"Read on Everand\",\"read_on_scribd\":\"Read on Scribd\",\"read_preview\":\"Read preview\",\"related_categories\":\"Related categories\",\"remove\":\"Remove\",\"remove_from_saved\":\"Remove from Saved\",\"removed_from_saved\":\"Removed from Saved\",\"removed_from_your_saved_list\":\"Removed from your saved list.\",\"restart_subscription\":\"Restart subscription\",\"resume_subscription\":\"Resume subscription\",\"save\":\"Save\",\"save_for_later\":\"Save for later\",\"saved\":\"Saved\",\"selected\":\"(selected)\",\"send_email\":\"Send email\",\"share_on\":{\"email\":\"Share via email\",\"email_mail_client\":\"Share with email, opens mail client\",\"facebook\":\"Share on Facebook\",\"facebook_new_window\":\"Share on Facebook, opens a new window\",\"linkedin\":\"Share on LinkedIn\",\"linkedin_new_window\":\"Share on LinkedIn, opens a new window\",\"pinterest\":\"Share on Pinterest\",\"pinterest_new_window\":\"Share on Pinterest, opens a new window\",\"twitter\":\"Share on Twitter\",\"twitter_new_window\":\"Share on Twitter, opens a new window\"},\"show\":\"Show\",\"sign_in\":\"Sign in\",\"sign_out\":\"Sign out\",\"songbook\":\"Songbook\",\"start_your_subscription\":\"Start your subscription\",\"success\":\"Success\",\"success_exclamation\":\"Success!\",\"title_author_separator\":\"by\",\"undo\":\"Undo\",\"undo_title_removed_from_saved\":\"Undo {{title}} removed from Saved\",\"uploaded_by\":\"Uploaded by\",\"welcome_back\":\"Welcome back\",\"welcome_back_exclamation\":\"Welcome back!\",\"worlds_fascinating_library\":\"The world\'s most fascinating library\"},\"competitor_matrix\":{\"last_updated_aug\":\"Last updated on August 5, 2021\",\"million_ebooks\":\"1,000,000+ ebooks\",\"million_magazine_news_articles\":\"1,000,000+ magazine \\u0026 news articles\",\"no\":\"No\",\"thousands_audiobooks\":\"200,000+ audiobooks\",\"title\":\"See why readers choose Scribd\",\"yes\":\"Yes\"},\"content_lengths\":{\"articles_with_count\":\"{{count, locale}} article\",\"articles_with_count_plural\":\"{{count, locale}} articles\",\"hour_with_count\":\"{{count, locale}} hour\",\"hour_with_count_plural\":\"{{count, locale}} hours\",\"minute_with_count\":\"{{count, locale}} minute\",\"minute_with_count_plural\":\"{{count, locale}} minutes\",\"page_with_count\":\"{{count, locale}} page\",\"page_with_count_plural\":\"{{count, locale}} pages\",\"songs_with_count\":\"{{count, locale}} song\",\"songs_with_count_plural\":\"{{count, locale}} songs\"},\"content_preview\":{\"leaving_everand\":\"Leaving Everand on {{date}}\"},\"content_types\":{\"series\":\"Series\"},\"doc_download_modal\":{\"check_out_these\":\"Check out these other great titles\",\"download_as\":\"Download as:\",\"download_document\":\"Download document\",\"download_iframe\":\"Download iframe\",\"download_started\":\"Your download has started\",\"membership_paused_html\":\"Your membership is currently paused until {{resumeMembershipDate}}. Would you like to resume your membership now to download \\u003cem\\u003e{{title}}\\u003c/em\\u003e?\",\"not_available\":\"This document is not available for download\",\"uploaded\":\"Uploaded By\"},\"doc_preview\":{\"views\":\"{{formatted_views}} views\"},\"errors\":{\"action_incomplete_heading\":\"Action Incomplete\",\"action_incomplete_message\":\"Oops! We\'re sorry, but we couldn\'t complete the action you requested at this time. We appreciate your patience as we come up with a solution.\",\"something_went_wrong\":\"Something went wrong, please try again.\"},\"everand\":{\"cta\":{\"download_free_days\":\"Download free for {{trialDuration}} days\",\"read_free_for_30_days\":\"Read free for 30 days\"}},\"everand_banner\":{\"visit_everand\":\"Visit Everand.\"},\"footer\":{\"about\":\"About\",\"about_scribd\":\"About Scribd\",\"accessibility\":\"Accessibility\",\"cancel_contract\":\"Cancel contracts here\",\"contact_us\":\"Contact us\",\"cookie_preferences\":\"Cookie Preferences\",\"copyright\":\"Copyright\",\"copyright_copy_current_year_scribd\":\"Copyright \\u0026copy; {{currentYear}} Scribd Inc.\",\"do_not_sell_share_info\":\"Do not sell or share my personal information\",\"everand_books_audiobooks\":\"Everand: Ebooks \\u0026 Audiobooks\",\"footer_menu\":\"Footer menu\",\"gifts\":\"Gifts\",\"help_faq\":\"Help / FAQ\",\"invite_friends\":\"Invite friends\",\"join_our_team_exclamation\":\"Join our team!\",\"legal\":\"Legal\",\"our_blog\":\"Our blog\",\"press\":\"Press\",\"privacy\":\"Privacy\",\"publishers\":\"Publishers\",\"purchase_help\":\"Purchase help\",\"redeem_gift_card\":\"Redeem gift card\",\"scribd_-_download_on_the_app_store\":\"Scribd - Download on the App Store\",\"scribd_-_get_it_on_google_play\":\"Scribd - Get it on Google Play\",\"scribd_-_get_it_on_kindle_fire\":\"Scribd for Kindle Fire\",\"scribd_for_enterprise\":\"Scribd for enterprise\",\"social\":\"Social\",\"support\":\"Support\",\"terms\":\"Terms\"},\"get_app_modal\":{\"an_error_occurred_please_try_again\":\"An error occurred please try again\",\"an_error_occurred_please_try_an\":\"An error occurred please try an email\",\"enter_your_email\":\"Enter your email\",\"enter_your_phone_or_email\":\"Enter your phone or email\",\"get_the_app_to_read_and_listen\":\"Get the app to read and listen anytime, anywhere.\",\"link_sent_please_check_your_mobile\":\"Link sent! Please check your mobile device\",\"listen_offline_with_app\":\"Listen offline with the app\",\"phone_or_email\":\"Phone or email\",\"please_enter_a_valid_email\":\"Please enter a valid email\",\"please_enter_a_valid_phone_number\":\"Please enter a valid phone number\",\"please_enter_a_valid_phone_number_or_email\":\"Please enter a valid phone number or email\",\"read_offline_with_app\":\"Read offline with the app\",\"send\":\"Send\"},\"holiday_banner\":{\"days_left_title\":\"Only {{count}} day left in our holiday gift sale!\",\"days_left_title_plural\":\"Only {{count}} days left in our holiday gift sale!\",\"everyday_title\":\"Scribd: give the gift they\'ll open every day\",\"shop_subscriptions\":\"Shop subscriptions\"},\"listen_button\":{\"listen_continue\":\"Continue listening\",\"listen_start\":\"Start listening\"},\"lists\":{\"curated_by\":\"Curated by\",\"curated_by_everand_editors\":\"Curated by Everand Editors\",\"curated_by_scribd_editors\":\"Curated by Scribd Editors\",\"view_total_titles\":\"View {{count}} title\",\"view_total_titles_plural\":\"View {{count}} titles\"},\"loading_button\":{\"tooltip_content\":{\"loading\":\"Loading...\"}},\"login\":{\"join_lightbox\":{\"email\":\"Email\",\"we_couldn_t_complete_your_request\":\"We couldn\'t complete your request\"}},\"mobile_bottom_navigation_tabs\":{\"active\":\", active\",\"home\":\"Home\",\"quick_navigation\":\"Quick navigation\"},\"modal\":{\"opt_in\":{\"stay_in_the_loop\":\"Stay in the loop\"},\"upsell\":{\"cancel_anytime\":\"Cancel anytime\",\"continue_with_free_trial\":\"Continue with {{trialDuration}}-day free trial\",\"continue_with_limited_access\":\"Continue with limited access\",\"or\":\"or\"}},\"navigation\":{\"open_menu\":\"Open navigation menu\",\"sidebar\":{\"selected\":\", selected\"},\"upload\":\"Upload\"},\"plan_card\":{\"per_month\":\"/month\"},\"plan_type\":{\"plus_monthly\":\"Plus Monthly\",\"standard_monthly\":\"Standard Monthly\"},\"plans\":{\"moving_to_plus\":\"Moving to Plus on {{date}}\",\"next_unlock_available\":\"Your next unlock will be available on {{refresh_date}}\",\"no_unlocks_available\":\"0 unlocks available\",\"num_unlocks_available\":\"{{count}} unlock available.\",\"num_unlocks_available_plural\":\"{{count}} unlocks available.\",\"num_unlocks_available_renew_monthly\":\"{{count}} unlock available. Unlocks renew monthly on {{refresh_date}} and do not carry over.\",\"num_unlocks_available_renew_monthly_plural\":\"{{count}} unlocks available. Unlocks renew monthly on {{refresh_date}} and do not carry over.\",\"renew_and_upgrade\":\"Renew and upgrade to Plus to unlock this title.\",\"renew_get_next_unlock\":\"Renew your subscription to get your next unlock on {{refresh_date}}.\",\"unlock_plus_title\":\"Unlock Plus title\",\"unlocked\":\"Unlocked\",\"upgrade_to_unlock\":\"Upgrade to Plus to unlock\",\"youve_unlocked_this_title\":\"You’ve unlocked this title.\"},\"play_sample_button\":{\"pause\":\"Pause\",\"play_sample\":\"Play sample\"},\"podcast_episode\":{\"from\":\"From\"},\"podcast_series\":{\"num_episodes\":\"{{ count }} episode\",\"num_episodes_plural\":\"{{ count }} episodes\",\"num_podcast_episodes\":\"{{count, locale}} podcast episode\",\"num_podcast_episodes_plural\":\"{{count, locale}} podcast episodes\"},\"promos\":{\"annual_offer\":{\"annual\":\"Premium Annual\",\"monthly\":\"Premium Monthly\",\"youre_all_set_html\":\"You\'re all set! You’ve updated your plan. \\u003ca href={{account_settings_url}}\\u003eView your plan\\u003c/a\\u003e in your account.\"}},\"react\":{\"button_menu\":{\"close_menu\":\"Close menu\"},\"modals\":{\"delete_item_in_list\":{\"cancel\":\"Cancel\",\"delete\":\"Delete\",\"do_not_ask_me_again\":\"Do not ask me again\",\"removing_from_saved_will_also_delete\":\"Removing from Saved will also delete the title from your lists.\",\"this_title_is_also_in_a\":\"This title is also in a list.\"}},\"save_button\":{\"failed_to_remove_title\":\"Failed to remove title\",\"failed_to_save_title\":\"Failed to save title\",\"remove_short_title_from_saved\":\"Remove {{short_title}} from Saved\",\"save_short_title_for_later\":\"Save {{short_title}} For Later\",\"sign_up_to_save\":\"Sign up to save this title\"},\"sharing_buttons\":{\"check_out_props_share_title_on_scribd\":\"Check out {{props_share_title}} on Scribd\",\"i_m_reading_props_document_collection_name_on_scribd_props_document_collection_url\":\"I’m reading {{props_document_collection_name}} on Scribd: {{props_document_collection_url}}\",\"read_props_document_collection_name_on_scribd\":\"Read {{props_document_collection_name}} on Scribd\",\"share_on_facebook\":\"Share on Facebook\",\"share_on_facebook_opens_a_new\":\"Share on Facebook, opens a new window\",\"share_on_linkedin\":\"Share on LinkedIn\",\"share_on_linkedin_opens_a_new\":\"Share on LinkedIn, opens a new window\",\"share_on_twitter\":\"Share on Twitter\",\"share_on_twitter_opens_a_new\":\"Share on Twitter, opens a new window\",\"share_with_email\":\"Share with Email\",\"share_with_email_opens_mail_client\":\"Share with Email, opens mail client\",\"sharing_options\":\"Sharing Options\"}},\"reading_progress\":{\"base\":{\"we_ve_moved_you_to_where_you\":\"We\'ve moved you to where you read on your {{progress_device_name}}\"}},\"renew_upgrade_modal\":{\"please_renew_your_subscription_first_in\":\"Please renew your subscription first in order to upgrade to Plus to unlock this title.\",\"renew_and_upgrade_to_unlock\":\"Renew and upgrade to unlock this title\",\"renew_subscription\":\"Renew subscription\"},\"resume_membership\":\"Resume subscription\",\"save_button\":{\"save\":\"Save\",\"saved\":\"Saved\"},\"sharing_buttons\":{\"hi_there_document_action_and_thought_you\":\"Hi there, {{document_action}} and thought you might like it. {{document_title}} by {{document_author_or_publisher_name_or_login}} {{doc_url}} Scribd gives you monthly access to books, audiobooks, and more - for less than the cost of a paperback. Join today and {{trial_cta_downcase}}. Find out more at: http://www.scribd.com/\",\"i_m_reading_document_title_on_suffix\":\"I’m reading {{document_title}} on {{suffix}}\"},\"skip_link\":{\"skip_content\":\"Skip content\"},\"social_buttons\":{\"scribd_on_facebook_aria_label\":\"Scribd on Facebook\",\"scribd_on_instagram_aria_label\":\"Scribd on Instagram\",\"scribd_on_pinterest_aria_label\":\"Scribd on Pinterest\",\"scribd_on_twitter_aria_label\":\"Scribd on Twitter\"},\"star_ratings\":{\"clear_rating\":\"Clear rating\",\"i_didnt_like_it_at_all\":\"I didn\'t like it at all\",\"i_didnt_like_it_that_much\":\"I didn\'t like it that much\",\"i_liked_it\":\"I liked it\",\"i_loved_it\":\"I loved it\",\"i_thought_it_was_ok\":\"I thought it was OK\",\"rate_as_rating_out_of_5\":\"Rate as {{value}} out of 5\",\"rating_rating_to_display_out_of_5_stars\":\"Rating: {{ratingToDisplay}} out of 5 stars\",\"ratings\":\"rating\",\"ratings_plural\":\"ratings\",\"saved\":\"Saved!\",\"selected\":\"(selected)\",\"user_rating_star_rating_saved\":\"{{userRating}} star rating saved\"},\"start_exploring\":\"Start exploring\",\"text_links\":{\"all_categories\":\"All categories\",\"related_authors\":\"Related authors\",\"view_all_categories_in_category\":\"View all categories in {{category}}\",\"view_fewer\":\"View fewer\",\"view_more\":\"View More\"},\"time_remaining\":{\"hours\":\"{{count}} hr left\",\"hours_plural\":\"{{count}} hrs left\",\"minutes\":\"{{count}} min left\",\"minutes_plural\":\"{{count}} mins left\",\"pages\":\"{{count}} page left\",\"pages_plural\":\"{{count}} pages left\"},\"trial\":{\"cancel_anytime\":\"Cancel anytime.\"},\"trial_duration\":{\"first_days_free\":\"Your first {{trialDuration}} days are free.\",\"read_free_days\":\"Read free for {{trialDuration}} days\",\"start_trial_days\":\"Start your free {{trialDuration}} days\",\"upload_for_free_days\":\"Unlock full access (pages {{startPage}}-{{endPage}}) by uploading documents or with a {{trialDuration}} day free trial\"}},\"slideshare\":{\"accessibility\":{\"logo\":\"SlideShare, a Scribd company\"},\"checkout\":{\"hero_banner_title\":\"Your SlideShare document\"},\"join\":{\"ad_free_sign_up_sub_title\":\"You’ll get instant access to millions of presentations, documents, ebooks, audiobooks, magazines, podcasts and more. We’ll remind you before your trial ends.\",\"ad_free_sign_up_title\":\"To enjoy SlideShare ad-free, sign up for a free {{trialDuration}}-day Scribd trial\",\"already_have_scribd_account\":\"Already have a Scribd account?\",\"create_account\":\"Create a Scribd account to continue\",\"get_instant_access\":\"Get instant access to millions of documents, ebooks, audiobooks, magazines, podcasts, and more. All in one subscription.\",\"need_account_sign_in_slideshare\":\"You can use this account to access SlideShare and Scribd.\",\"to_continue_reading\":\"To continue reading on SlideShare, sign up for a {{trialDuration}} day free Scribd trial\",\"trial_duration\":\"To download on SlideShare, sign up for a {{trialDuration}} day free Scribd trial\"},\"login\":{\"sign_in\":\"Sign in with your Scribd account to continue\"}},\"subscribe_now\":{\"modal\":{\"continue_to_scribd\":\"Continue to Scribd\",\"looking_for_our_ebooks_audiobooks\":\"Looking for our ebooks and audiobooks?\",\"scribd_recently_launched_everand\":\"Scribd recently launched \\u003cem\\u003eEverand\\u003c/em\\u003e as your new home for ebooks, audiobooks, magazines, sheet music, and podcasts. Scribd is still your home for community-uploaded documents.\",\"visit_everand\":\"Visit Everand\",\"welcome_to_scribd\":\"Welcome to Scribd!\"}},\"webpack\":{\"doc_page\":{\"src\":{\"App\":{\"Page\":{\"BetweenPageInterstitial\":{\"BetweenPageInterstitial\":{\"continue_for_free\":\"Continue for Free\",\"you_re_reading_a_preview\":\"You\'re reading a preview\"}},\"BetweenPageUserRating\":{\"BetweenPageUserRating\":{\"dismiss_user_rating_prompt\":\"Dismiss user rating prompt\",\"improve_your_experience\":\"Improve Your Experience\",\"rating_will_help_us_to_suggest\":\"Rating will help us to suggest even better related documents to all of our readers!\"}},\"BlurPromo\":{\"BlurPromo\":{\"become_a_scribd_member_to_read\":\"Become a Scribd member to read and download full documents.\",\"cancel_anytime\":\"Cancel anytime\",\"continue_for_free\":\"Continue for Free\",\"continue_reading_with_trial\":\"Continue Reading with Trial\",\"or\":\"Or\",\"update_payment\":\"Update Payment\",\"update_payment_for_full_access\":\"Update payment for full access.\",\"upload_to_download\":\"Upload to Download\",\"upload_your_documents_to_download\":\"Upload your documents to download.\"}},\"Body\":{\"Body\":{\"share_this_document\":\"Share this document\"},\"Document\":{\"mappings\":{\"thank_you_for_your_rating\":\"Thank you for your rating!\"}},\"FixedViewportBottomComponents\":{\"CollapseButton\":{\"CollapseButton\":{\"click_to_collapse_related_titles\":\"Click to collapse Related Titles\",\"click_to_expand_related_titles\":\"Click to expand Related Titles\"}},\"ViewInStorePromo\":{\"ViewInStorePromo\":{\"get_our_free_app\":\"Get our free app\",\"get_scribd_for_your_mobile_device\":\"Get Scribd for your mobile device.\"}}},\"Metadata\":{\"Extra\":{\"Extra\":{\"original_title\":\"Original Title:\",\"original_title_no_colon\":\"Original Title\"}}},\"StaticPromoStudy\":{\"StaticPromoStudy\":{\"anytime_anywhere_any_device\":\"Anytime. Anywhere. Any device.\",\"cancel_anytime\":\"Cancel Anytime\",\"everything_you_want_to_read\":\"Everything you want to read.\",\"no_commitment_cancel_anytime\":\"No Commitment. Cancel anytime.\",\"read_for_free\":\"Read For Free\",\"reward_your_curiosity\":\"Reward Your Curiosity\"}},\"Toolbar\":{\"Toolbar\":{\"jump_to_page\":\"Jump to Page\"}},\"TruncatePromo\":{\"TruncatePromo\":{\"continue_reading_with_trial\":\"Continue Reading with Trial\"},\"helpers\":{\"constants\":{\"unlock_the_full_document_with_a\":\"Unlock the full document with a free trial!\"}}}},\"annotations\":{\"AnnotationPopover\":{\"AnnotationPopover\":{\"add_note\":\"Add Note\",\"annotation_text_page_annotation_page_nread_more\":\"\\\"{{annotation_text}}…\\\" (page {{annotation_page}})\\\\nRead more:\",\"delete\":\"Delete\",\"highlight\":\"Highlight\",\"share_quote\":\"Share Quote\"}},\"NoteEditor\":{\"NoteEditor\":{\"add_note\":\"Add Note\",\"cancel\":\"Cancel\",\"delete_note\":\"Delete note\",\"note\":\"Note\",\"note_note_group_notes_indexof_active_note_id_1_of_note_group_notes_length\":\"Note {{note_group_notes_indexof_active_note_id_1}} of {{note_group_notes_length}}\",\"save\":\"Save\",\"write_a_note\":\"Write a note…\"}}},\"modals\":{\"AppPromoInterstitial\":{\"AppPromoInterstitial\":{\"continue_reading_with_free_trial\":\"Continue Reading with Free Trial\",\"get_instant_access_to_this_document\":\"Get instant access to this document\",\"opens_scribd_app\":\", opens Scribd app\",\"or\":\"OR\",\"read_free_in_the_app\":\"Read Free in the App\",\"sign_up_to_download\":\", sign up to download\"}},\"Description\":{\"Description\":{\"document_information\":\"Document Information\"}},\"LanguagePicker\":{\"LanguagePicker\":{\"cancel\":\"Cancel\",\"language_options\":\"Language Options\",\"save\":\"Save\",\"select_your_preferred_language\":\"Select your preferred language\",\"we_ll_translate_site_navigation_and_tailor\":\"We’ll translate site navigation and tailor your personal recommendations where possible to match your preferred language selection.\",\"we_ll_translate_site_navigation_to_match\":\"We’ll translate site navigation to match your preferred language selection.\"}},\"LockShockRoadblockModal\":{\"LockShockRoadblockModal\":{\"later\":\"Later\",\"problem_with_your_last_payment\":\"Problem with your last payment\",\"update_payment\":\"Update Payment\",\"your_membership_is_on_hold_please\":\"Your membership is on hold because of a problem with your last payment.\"}},\"ShareQuote\":{\"ShareQuote\":{\"loved_this_quote_i_read_on\":\"Loved this quote I read on @Scribd\",\"page_page\":\"(page {{page}})\",\"share_quote\":\"Share Quote\"}}}}},\"body\":{\"sidebar\":{\"date_uploaded\":\"Date uploaded\",\"on_created_at\":\"on {{created_at}}\"},\"toolbar\":{\"search_inside_document\":\"Search inside document\"}},\"modals\":{\"flag_document\":{\"hateful_or_offensive\":\"Hateful or offensive\",\"please_select_an_option\":\"Please select an option\",\"porn_adult_content\":\"Porn adult content\",\"spam_or_junk\":\"Spam or junk\"}},\"shared\":{\"actions\":{\"modals\":{\"redirecting\":\"Redirecting...\",\"unable_to_unpause_account_please_try\":\"Unable to unpause account. Please try again\"}},\"base_page\":{\"an_error_occurred_please_try_again\":\"An error occurred please try again\"},\"carousels\":{\"recommender_carousel\":{\"skip_carousel\":\"Skip carousel\"}},\"components\":{\"flashes\":{\"Flash\":{\"Flash\":{\"information\":\"information\"}}},\"modals\":{\"Download\":{\"Receipt\":{\"Receipt\":{\"uploaded_by_this_props_document_author_name\":\"Uploaded by {{this_props_document_author_name}}\"}}}}},\"download_button\":{\"button\":{\"download\":\"Download\"}},\"store\":{\"actions\":{\"modals\":{\"subscribe_to_continue_reading\":\"Subscribe to Continue Reading\"}}}}}}}}}}");Scribd.e2e_enabled = false;</script><script type="application/javascript">function prefetchResource(u){var x = new XMLHttpRequest();x.open("GET", u, true);x.send()};</script></body></html>