Buscar este blog

lunes, 17 de agosto de 2020

Project Euler - Mini Proyectos

Mini Proyectos con ejercicios de Project Euler

GitHub - verloka/Project-Euler: Project Euler

En esta nueva ocasión nosotros hemos creado unos mini proyectos o pequeños programas utilizando los ejercicios de Project Euler, a continuación vamos a ver como se lo realiza, las librerías que nosotros vamos a utilizar entre otras funciones.

1.- Lo primero que vamos hacer es crear una carpeta vacía el cual va a contener todos los archivos y la abrimos en el VisualStudioCode. En este caso mi carpeta se llamara Project Euler.









2.- Luego lo que vamos hacer es instalarnos las librerías que vamos a utilizar, en este caso utilizaremos las librerías express, axios y node.js   en la terminal con los siguientes comandos. 


  
3.- Una vez finalizada la instalación de las librerías, vamos a ir creando los index y html para nuestro proyecto como se muestra a continuación en el VisualStudioCode.

 4.- Ahora una vez creado todo vamos crear el html5 donde vamos a configurar un titulo del ejercicio con el axios y la url de nuestro ejercicio, finalmente creamos un boton para llamar a la función requerida.


5.- Ahora para exportar el ejercicio vamos a uno de los js para exportarlo al html y el servidor vamos a utilizar el siguiente comando module.exports  mas el nombre del ejercicio.


6.- En otro js vamos a colocar las direcciones o rutas de nuestros ejercicios para que sean enviados al servidor y nos devuelva una respuesta, lo cual también estará el puerto en donde nuestro servidor lo va a escuchar.
 7.- Hacemos uso de la terminal donde pondremos si  nuestro servidor  esta funcionando correctamente.

 
8.- Ahora para verificar que realmente funciona en nuestro navegador vamos a colocar lo siguiente.



9.- Por ultimo vamos a comprobar como nos quedo en nuestra pantalla de nuestro navegador.


Y así es como finalizamos la realizamos de nuestros mini proyectos, utilizando los ejercicios de Project Euler.

miércoles, 5 de agosto de 2020

Package.json

 Configuración de Package.json

npmのpackage.jsonと依存関係を理解しよう! - bagelee(ベーグリー)

Un archivo package.json, generalmente es una parte del proyecto de donde empieza, en lo cual contiene unos meta-datos sobre su aplicación y modulo, así como la lista de las dependencias para instalar desde npm cuando se ejecuta npm intall.

Para esta configuración lo que vamos a necesitar es un Git, lo que nos va ayudar en el proceso y si no la tienes descargada aquí te dejo el link para que la obtengas: https://git-scm.com/

1.- Lo primero que vamos hacer es ingresar a la terminal y colocar el siguiente comando git clone esto es lo que nos va a ayudar para realizar el proceso https://github.com/MicrosoftDocs/node-essentials/.


Después de haberlo ejecutado se nos van a crear una serie de carpetas en VisualStudioCode como estas.


Nosotros podemos ir navegando por cada una de las carpetas con este comando: cd node-essentials/node-dependencies/3-exercise-package-json.



Una vez hecho esto vamos a seguir con la configuración de nuestro package.json y lo vamos a crear con el siguiente comando npm init- , luego se crea un archivo similar y lo vamos a editar.




Después de eso ingresamos al index.js y colocamos un mensaje cualquiera o en este caso un mensaje de bienvenida y lo ejecutamos con el siguiente comando npm start.


Ahora vamos hacer la instalación de las dependencias con el siguiente comando npm install jest --save-dev.   Despues procedemos a ingresar a la carpeta 5-exercise-dependency y creamos una carpeta llamada __tests__.



Localizamos el package.json y en la sección de script vamos a agregar "test": "jest" para poder hacer el test de nuestro código con el comando npm run test.


Despues de haber realizado todos los pasos ahora vamos a instalar las dependencias para poder actualizar la versión que tenemos y vamos a verificar si es la versión correcta con el comando npm install ,npm update y npm outdated.