UNIVERSIDAD NACIONAL DE SAN AGUSTIN FACULTAD DE INGENIERÍA DE PRODUCCIÓN Y SERVICIOS ESCUELA PROFESIONAL DE INGENIERÍA DE SISTEMAS
Formato: Guía de Práctica de Laboratorio / Talleres / Centros de Simulación
Aprobación: 2022/03/01	Código: GUIA-PRLD-001	Página: 1

INFORME DE LABORATORIO

INFORMACIÓN BÁSICA
ASIGNATURA:	Laboratorio de Programación Web 2 - Grupo "D"
TÍTULO DE LA PRÁCTICA:	Javascript
NÚMERO DE PRÁCTICA:	02	AÑO LECTIVO:	2022 A	NRO. SEMESTRE:	III
FECHA DE PRESENTACIÓN:		8-May-2022	HORA DE PRESENTACIÓN:		23:00
INTEGRANTES: Blanco Trujillo, Antony Jacob Cahuana Aguilar, Josué Mathías Miguel Hancco Velásquez, Jessica Geraldine Mayta Nolasco, Oliver Alessandro Umasi Cariapaza, Carlos Daniel			NOTA:
DOCENTE: Mg. Richart Smith Escobedo Quispe

SOLUCIÓN Y RESULTADOS
I. SOLUCIÓN DE EJERCICIOS/PROBLEMAS Repositorio general https://github.com/JessHV/PW2-Lab.git Ejercicio 01: Escriba una función que reciba el número de día de la fecha actual new Date() - https://www.w3schools.com/jsref/jsref_obj_date.asp y devuelva el texto del día de la semana correspondientes. Por ejemplo si recibe 0, devolvería “Domingo”. Solucion: https://github.com/JessHV/Pw2-Lab02/tree/main/ejercicio01 Ejercicio 02: Escriba una página web que reciba un texto y al presionar un botón muestre el mismo texto invertido en otra sección (div). Por ejemplo si se escribe “Hola”, se mostraría como “aloH”. Solucion: https://github.com/JessHV/Pw2-Lab02/tree/main/ejercicio02 Ejercicio 03: Escribir una página que muestre cuántos días faltan para el día de Arequipa! Solucion: https://github.com/JessHV/Pw2-Lab02/tree/main/ejercicio03 Ejercicio 04: Escribir un página que reciba el URL de la sesión de google meet de hoy y devuelva el código de la sesión sin guiones separadores Solucion: https://github.com/JessHV/Pw2-Lab02/tree/main/ejercicio04 Ejercicio 05: Escribir una página que permita calcular las suma de todos los valores de una tabla de valores dinámica. La idea es crear una página web con un formulario que te permita decir cuantos valores tendrá la tabla, luego, al enviar el formulario la tabla se debe crear dinámicamente, junto con otro botón de envió para calcular la suma. Solucion: https://github.com/JessHV//Pw2-Lab02/tree/main/ejercicio05 Ejercicio 06: Utilice la herramienta flipgrid - https://info.flipgrid.com/ envie un video en el tema "Presentación y ejemplo de JavaScript" ponga aquí los enlaces de sus envíos. Blanco Trujillo, Antony Jacob https://flipgrid.com/s/NyYX6ktiUUd8 Cahuana Aguilar, Josué Mathías Miguel https://flipgrid.com/86aeccf3 Hancco Velásquez, Jessica Geraldine https://flipgrid.com/d3207ddf Mayta Nolasco, Oliver Alessandro https://flipgrid.com/a2685fe1 Umasi Cariapaza, Carlos Daniel https://flipgrid.com/8c04201b
II. SOLUCIÓN DEL CUESTIONARIO Pruebe el código de arrayGenerator() en la página https://jslint.com/ Como tal en esta función JSLint detecta 2 warnings. Unexpected "let", esto se soluciona declarando la variable x antes de usarla en el for y cambiando el x++ por x += 1. Unexpected "for", en este caso JSLint recomienda el uso de un for each para evitar advertencias. Revisar esta discusión en stackoverflow https://stackoverflow.com/questions/4852017/how-to-initialize-an-arrays-length-in-javascript ¿Cómo se pueden resolver los warnings? Para resolver los warnings solo se deberia declarar el array con [] y declarar otra variable con la longitud del array, ya que en si a los arrays se le asignan elementos y van creciendo dinamicamente. ¿Se puede modificar la solución usando map? ¿Cómo? Si se puede modificar el codigo usando map. Segun la discusión mencionada anteriormente, se puede crear un arreglo "vacío" iterable utilizando la siguiente linea de codigo: Array.apply(); Guardando el valor que retorna en una variable, en el caso de la función arrayGenerator() se lo asignamos a la variable "a". Luego podemos iterar sobre ese arreglo con map, reemplazando cada elemento con el valor deseado: a.map( e => Math.ceil(Math.random() * (max - min) + min)); Por último retornamos el arreglo resultado de la iteración o lo guardamos en una variable. Código a probar: ./arrayGenerator/arrayGenerator.js function arrayGenerator(n, min, max){ let a = Array.apply(null, Array(n)); a = a.map( e => Math.ceil(Math.random() * (max - min) + min)); return a; }
III. CONCLUSIONES Para lograr ser programadores competentes, debemos informarnos, para tener más métodos y maneras de resolver problemas, y saber identificar los errores antes de terminar el programa ya que esto nos ayudará a ser más veloces y nos ahorrará tiempo luego al tener que arreglar el código. El lenguaje Javascript puede ser muy útil a la hora de realizar páginas que tengan que ver con fechas(o tiempo), ya que, nos ofrece una gran cantidad de métodos y objetos destinados a la manipulación y maniobrabilidad, como el objeto “Date()” y todos sus métodos afines. Los eventos del lenguaje JavaScript nos resultan beneficiosos ya que al realizar cambios en las páginas web nos ayudan a producir cambios sin la necesidad de recargar la página, esto se aplica a botones o a cambios de entrada entre otros eventos.

RETROALIMENTACIÓN GENERAL

REFERENCIAS Y BIBLIOGRAFÍA

[1] Javascript tutorial. https://www.w3schools.com/javascript/default.asp, 2022. Loiane Groner. Learning JavaScript Data Structures and Algorithms: Write complex and powerful Javascript code using the lastest ECMAScript [2] Escobedo, R., 2022. pw2/labs/lab02 at main · rescobedoq/pw2. [online] GitHub. Available at: https://github.com/rescobedoq/pw2/tree/main/labs/lab02. [3] D. Crockford, "JSLint: Help", Jslint.com, 2022. [Online]. Available: https://www.jslint.com/help.html#for.