GotTh3Way

✅ #008 Los trea reyes: map(), filter() y reduce()

✅ Enunciado:

🔥 En este video, vamos a ver a los tres reyes magos de typescript map(), filter() y reduce(). 🔥 A continuación te proporciono ejemplos de código en TypeScript para las funciones map(), filter() y reduce(), y un ejemplo final en el que se usen las tres funciones juntas.

📨 Déjame en los comentarios que tipo de ejercicio te gustaría que resolviese

👉  github project: https://github.com/JUANLUNABLANCO/dev-hacker-crash 👉  MDN arrays: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array 👉  MDN Objetos: https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Working_with_Objects 👉  Blog eliminación de duplicados: https://www.neoguias.com/como-eliminar-duplicados-array-javascript/ 👉  fruits utf8: https://unicode-table.com/en/emoji/food-and-drink/food-fruit/ 👉  MDN map(): https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/map 👉  MDN filter(): https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/filter 👉  MDN reduce(): https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

Redes sociales : 👥 INSTAGRAM: https://www.instagram.com/gotth3way.apis/ 🔴 YOUTUBE: https://www.youtube.com/channel/UCSEwIRkDJxLkbvKHOAcw_Xw

HASTAGS: #dev, #hacker, #crash, #algoritmia, #js, #ts, #testing, #mocha, #chai, #typescript, #testing, #refactoring, #map, #filter, #reduce

007 Testing and Refactoring, las bases del TDD

✅ #007 Testing and Refactoring, las bases del TDD

✅ Enunciado:

🔥 En este video, vamos a ver varias cosas, un codigo qye ya implementamos en un vídeo anterior para limpieza de arrays, como hacer tests para es código desués refactorizaremos el código y por último volveremos a ejecutar los tests.

🔥 En primer lugar, repasemos la función 'cleanArray'. Como pueden ver, esta función toma un array como parámetro y devuelve un array limpio sin elementos duplicados.

🔥 Ahora, vamos a hablar de la función 'cleanArrayOfObjectsOnlyOneParam'. Esta función es muy similar a la anterior, pero en lugar de trabajar con arrays de primitivos, trabaja con arrays de objetos que tienen solo un parámetro.

🔥 En resumen, este código proporciona dos funciones útiles para limpiar arrays de primitivos y arrays de objetos de un solo parámetro.

🔥 Ahora vamos a ver cómo utilizar el código de prueba para comprobar que las funciones 'cleanArray' y 'cleanArrayOfObjectsOnlyOneParam' funcionan correctamente.

🔥 Ahora vamos a refactorizar el código anterior para que haga lo mismo pero mucho más simple, y en tal caso si no rompe los tests, quedaría listo para su deploiment a la rama correspondiente.

🔥 En resumen, esta refactorización utiliza el método filter para iterar sobre el array original y comparar el primer parametro de cada objeto con el primer parametro de otros objetos en el array. Si es el primer objeto con ese parametro, es agregado al array de objetos únicos. Esto simplifica el código y lo hace más fácil de leer y entender.

🔥 En resumen, el TDD es una herramienta valiosa para desarrolladores ya que ayuda a asegurar una mayor calidad del software, detectar problemas temprano y tener una mayor confianza en el código.

📨 Déjame en los comentarios que tipo de ejercicio te gustaría que resolviese

👉  github project: https://github.com/JUANLUNABLANCO/dev-hacker-crash 👉  MDN arrays: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array 👉  MDN Objetos: https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Working_with_Objects 👉  Blog eliminación de duplicados: https://www.neoguias.com/como-eliminar-duplicados-array-javascript/ 👉  fruits utf8: https://unicode-table.com/en/emoji/food-and-drink/food-fruit/

Redes sociales : 👥 INSTAGRAM: https://www.instagram.com/gotth3way.apis/ 🔴 YOUTUBE: https://www.youtube.com/channel/UCSEwIRkDJxLkbvKHOAcw_Xw

HASTAGS: #dev, #hacker, #crash, #algoritmia, #js, #ts, #testing, #mocha, #chai, #typescript, #cleanArray, #testing, #refactoring

✅ #004 Return More Than 8 Words.

✅ Enunciado: 🔥 1. Declaración Dada una lista de cadenas, queremos obtener solo las palabras que verifican más de ocho letras de longitud. Si la solución es una matriz vacía, devuelve nulo.

🔥 2. Ejemplo const arrayString = ["pepe", "perez", "peluquero", "peinaba", "pelucas", "por", "pocas", "pesetas", "y", "ponía", "puas", "en", "las", "peinetas"];

should return a new array like this:

const newArrayString = ["peluquero"];

🔥 Déjame en los comentarios que tipo de ejercicio te gustaría que resolviese

👉  gitignore generator: https://mrkandreev.name/snippets/gitignore-generator/#Node,w10,typescript 👉  github project: https://github.com/JUANLUNABLANCO/dev-hacker-crash 👉  MDN arrays: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array

Redes sociales : 👥 INSTAGRAM: https://www.instagram.com/gotth3way.apis/ 🔴 YOUTUBE: https://www.youtube.com/channel/UCSEwIRkDJxLkbvKHOAcw_Xw

HASTAGS: #dev, #hacker, #crash, #algoritmia, #js, #ts, #testing, #mocha, #chai, #typescript, #arrayList, #for, #filter

003 Potency List

✅ #003 Potency List.

✅ Enunciado:

🔥 1. Enunciado Dada una lista de números enteros queremos obtener otra lista con el cuadrado o cubo o lo que sea, pasado por parámetro. Es decir, si queremos el cuadrado recibiremos un 2, el cubo un 3, ... las dos listas tendrán la misma longitud, la primera lista recibida será de números enteros, no debemos preocuparnos por eso.

🔥 2. Ejemplo

const arrayList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

deberá devolver un nuevo array como este: si por ejemplo recibimos un 2

const newArrayList = [2, 4, 9, 16, 25, 36, 49, 64, 81, 100];

🔥 Déjame en los comentarios que tipo de ejercicio te gustaría que resolviese

👉  gitignore generator: https://mrkandreev.name/snippets/gitignore-generator/#Node,w10,typescript 👉  github project: https://github.com/JUANLUNABLANCO/dev-hacker-crash 👉  MDN arrays: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array

Redes sociales : 👥 INSTAGRAM: https://www.instagram.com/gotth3way.apis/ 🔴 YOUTUBE: https://www.youtube.com/channel/UCSEwIRkDJxLkbvKHOAcw_Xw

HASTAGS: #desarrolladorhoy #dev #hacker #crash #js #typescript #algoritmia #js, #ts, #testing, #mocha, #chai, #typescript, #arrayList, #for, #map

¿Qué pasa con Nodejs, npm y nvm en w10?

✅ Nuevo vídeo en mi canal @desarrolladorhoy

link: https://youtu.be/cQdrqrI9OJg

#004 ¿Qué pasa con Nodejs, npm y nvm en w10? <resumen aqui>

Redes sociales : 👥 INSTAGRAM: https://www.instagram.com/gotth3way.apis/ 🔴 YOUTUBE: https://www.youtube.com/channel/UCSEwIRkDJxLkbvKHOAcw_Xw

Negocios: 📨 [email protected]

#dev #hacker #crash #desarrolladorhoy #nodejs #npm #nvm # versiones #w10

Desarrollo Blockchain de NFT´s paso a paso (parte 1)

¿QUÉ ES UNA BLOCKCHAIN Y CÓMO FUNCIONA?

QUE ES UNA BLOCKCHAIN

Aprende a utilizar truffle

Desarrollar un proyecto con truffle es bastante sencillo con estas indicaciones, haremos test locales y en redes publicas. Compilado, migraciones, configuraciones, y mucho más…

Preview Channel Kryptonite

50. Contenedores con Docker. Parte 1/2.

Nueva píldora de #desarrollo web #fullstack #MEAN (#Mongodb, #Express, #Angular, #NodeJs). Veremos, en esta ocasión, ¿Qué son los contenedores? y ¿Qué es Docker?, ¿Cómo crear imágenes de Docker, a partir de un fichero?, ¿Cómo crear contenedores a partir de una imagen creada o bajada del repositorio de Docker?, y muchas cosas más...

🤜Repos🤛 🗝️. clonar el repositorio de landing_page: git clone https://[email protected]/gotth3way/cc_lpminimialist.git 🗝️. clonar el repositorio de Unit Testing Angular: git clone https://[email protected]/gotth3way/unittestingangular.git   🗝️. clonar el repositorio de Ejemplo-Docker: git clone https://bitbucket.org/gotth3way/cc_codepen-40_section-leads.git

🤜Recursos🤛   ⚒️ 1. instalacion de docker: https://www.ionos.es/digitalguide/servidores/configuracion/tutorial-docker-instalacion-y-primeros-pasos/ ⚒️ 2. ¿Qué es docker?: https://aws.amazon.com/es/docker/ ⚒️ 3. Crear una app de nodejs con docker: https://www.digitalocean.com/community/tutorials/como-crear-una-aplicacion-node-js-con-docker-es ⚒️ 4. Documentación oficial de docker: https://docs.docker.com/engine/reference/commandline/build/ ⚒️ 5. Instalar docker en un servidor de linux: https://docs.docker.com/engine/install/ubuntu/

#fullstack, #developer, #mean,  #emprendedor, #startup, #gotth3way, #captionsconnection, #desarrolladorhoy, #contenedores, #docker, #image, #dockerfile, #dockercompose

49. Testing in Backend con supertest, mocha y chai

Nueva píldora de #desarrollo web #fullstack #MEAN (#Mongodb, #Express, #Angular, #NodeJs). Veremos, en esta ocasión, cómo hacer #testing in backend de la mano de #supertest, #mocha y #chai. También haremos #refactoring en nuestro server.js y crearemos diferentes #environments para poder gestionar diferentes situaciones y conexiones a la base de datos.  

🤜Repos🤛 🗝️. clonar el repositorio de landing_page: git clone https://[email protected]/gotth3way/cc_lpminimialist.git 🗝️. clonar el repositorio de Unit Testing Angular: git clone https://[email protected]/gotth3way/unittestingangular.git  

🤜Recursos🤛   ⚒️ 1. Diferentes frameworks y librerías para testing:  https://stackoverflow.com/questions/300855/javascript-unit-test-tools-for-tdd ⚒️ 2. Documentación de supertest:   https://github.com/visionmedia/supertest#readme ⚒️ 3. TESTEANDO UN API REST NODE.JS CON MOCHA:  http://xurxodev.com/testeando-un-api-rest-con-mocha/   ⚒️ 4. Lo mejor y peor de Mocha y de los unit tests en JavaScript: https://solidgeargroup.com/mocha-unit-tests-en-javascript/ ⚒️ 5. Testeando JavaScript con Mocha y Chai:   https://www.paradigmadigital.com/dev/testeando-javascript-mocha-chai/ ⚒️ 6. mocha documentacion: https://mochajs.org/ ⚒️ 7. Writing Test with Supertest and Mocha for Expressjs Routes: https://medium.com/@ehtemam/writing-test-with-supertest-and-mocha-for-expressjs-routes-555d2910d2c2 ⚒️ 8. Colores de consola: https://stackoverflow.com/questions/9781218/how-to-change-node-jss-console-font-color ⚒️ 9. NYC coveragge tus testings: https://medium.com/@diegopm2000/creando-un-entorno-de-desarrollo-colaborativo-node-js-y-potenci%C3%A1ndolo-con-herramientas-online-b561f7aa1ff8

#fullstack, #developer, #mean,  #emprendedor, #startup, #gotth3way, #captionsconnection, #desarrolladorhoy, #testing, #backend, #supertest, #mocha, #chai, #refactoring, #environments