Laboratorio: Creación de una aplicación web en el cliente 18/08/2019

Laboratorio: Creación de una aplicación

web en el cliente

UNIR | Maestría en Ingeniería de Sofware

y Sistemas Informáticos | Computación en
el Cliente Web

Andres Salomón Sánchez Nieto

Andres Salomón Sánchez Nieto 1

Laboratorio: Creación de una aplicación web en el cliente 18/08/2019

Contenido
Introducción ................................................................................................................................. 2
El objetivo de este laboratorio es practicar los conocimientos adquiridos en la
asignatura hasta este momento. Por ello, realizaremos una aplicación web sencilla que
nos permite repasar los conceptos de JavaScript y jQuery que se han aprendido en los
temas 3, 4 y 5.............................................................................................................................. 2
Desarrollo..................................................................................................................................... 2
Conclusión ................................................................................................................................... 4
REFERENCIAS BIBLIOGRÁFICAS ........................................................................................ 4

Introducción
El objetivo de este laboratorio es practicar los conocimientos adquiridos en la
asignatura hasta este momento. Por ello, realizaremos una aplicación web sencilla que
nos permite repasar los conceptos de JavaScript y jQuery que se han aprendido en los
temas 3, 4 y 5.

Desarrollo
En el código se encuantra lo siguiente:
- Referencia a Bootstrap para los estilos css:
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
title="style"/>
- Referencia a JQuery con CND de google:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
type="text/javascript">
</script>
- Así como en el body:
o Uso de JQuery y JSON para trasnferir información del precio de
cryptomoneda (Figura 1):
$(document).ready(function(){
var xmlhttp = new XMLHttpRequest();
var url = "https://api.coindesk.com/v1/bpi/currentprice.json";

Figura 1: Precios

o Uso de JQuery para el manejo del DOM con Eventos: (Figura 1 y 2)

$(document).ready(function(){
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});

Andres Salomón Sánchez Nieto 2

Laboratorio: Creación de una aplicación web en el cliente 18/08/2019

$("p").mouseout(function(){
$("p").css("background-color", "white");
});
});

Figura 2: Sin resaltar

Figura 3: Resaltado amarillo

- Así mismo se tienen links a 2 Páguinas:
o Asssn.com.mx, la cual trabaja con PHP y MySQL:
https://github.com/andresssn/Laboratorio-1-Manejo-datos-en-servidor-e-
interaccion-cliente-mediante-app-web

o Firebase, la cual trabaja con una comunicación y manejo de eventos

para una red de seguridad interna.

Andres Salomón Sánchez Nieto 3

Laboratorio: Creación de una aplicación web en el cliente 18/08/2019

Conclusión
El uso de JQuery es ahorrar tiempo y código al permitir resumir las funciones de
javascript y al mismo tiempo utilizar JSON para el manejo de información de una base
de datos, así mismo si se utilizan las referencias para jalar los estilos y las librerías de
un servidor externo, las ventajas serían que se tiene actualizado.

REFERENCIAS BIBLIOGRÁFICAS
JSON (s.f.). Introducing JSON. Recuperado el 18 de agosto de 2019 de
https://www.json.org/
Node.js Foundation (s.f). Node.js. Mensaje publicado en https://nodejs.org/es/
GitHub (s.f.). Monedas Antiguas. Mensaje publicado en
https://github.com/andresssn/Laboratorio-1-Manejo-datos-en-servidor-e-interaccion-cliente-
mediante-app-web

Andres Salomón Sánchez Nieto 4