Merge branch 'master' into patch-2

alesanchezr · web-flow · commit 3477f4378e08 · 2021-05-28T11:12:53.000-04:00
diff --git a/.gitignore b/.gitignore
@@ -4,6 +4,7 @@
 !.gitignore
 !.gitpod.yml
 !.gitpod.Dockerfile
+!learn.json
 !bc.json
 !README.md
 
diff --git a/.gitpod.Dockerfile b/.gitpod.Dockerfile
@@ -2,4 +2,5 @@ FROM gitpod/workspace-full:latest
 
 USER gitpod
 
-RUN npm i jest@24.8.0 breathecode-cli@1.2.73 -g
+RUN npm i jest@24.8.0 -g
+RUN npm i learnpack@0.0.88 -g && learnpack plugins:install learnpack-node@0.0.17
diff --git a/.gitpod.yml b/.gitpod.yml
@@ -6,7 +6,7 @@ ports:
       onOpen: open-preview
 tasks:
     - command: >
-        bc run -l node;
+        learnpack start
 github:
     prebuilds:
         # enable for the master/default branch (defaults to true)
diff --git a/README.md b/README.md
@@ -1,16 +1,13 @@
-<table>
-  <tr>
-    <td><img src="https://assets.breatheco.de/apis/img/images.php?blob&random&cat=icon&tags=4geeks,32"></td>
-    <td>
-      <h1 align="center"> Looping in Javascript Tutorial & Exercises</h1>
-      <img src="https://img.shields.io/github/last-commit/4geeksacademy/javascript-arrays-exercises-tutorial" />
-      <a href="https://breatheco.de"><img src="https://img.shields.io/badge/certified-BreatheCode-blue" /></a>
-      <a href="https://twitter.com/4geeksacademy"><img src="https://img.shields.io/twitter/follow/4geeksacademy?style=social&logo=twitter" alt="follow on twitter"></a>
-      <a href="https://twitter.com/alesanchezr"><img src="https://img.shields.io/twitter/follow/alesanchezr?style=social&logo=twitter" alt="follow on Twitter"></a>
-            <a href="https://gitpod.io#https://github.com/4GeeksAcademy/javascript-beginner-exercises-tutorial.git"><img src="https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod" /></a>
-    </td>
-  </tr>
-</table>
+# Looping in Javascript Tutorial & Exercises
+
+<a href="https://www.4geeksacademy.co"><img height="280" align="right" src="https://github.com/4GeeksAcademy/javascript-arrays-exercises-tutorial/blob/master/badge-loop.png"></a>
+
+> By [@alesanchezr](https://twitter.com/alesanchezr) and [other contributors](https://github.com/4GeeksAcademy/javascript-arrays-exercises-tutorial/graphs/contributors) at [4Geeks Academy](https://4geeksacademy.co/)
+
+![last commit](https://img.shields.io/github/last-commit/4geeksacademy/javascript-arrays-exercises-tutorial)
+[![build by developers](https://img.shields.io/badge/build_by-Developers-blue)](https://breatheco.de)
+[![build by developers](https://img.shields.io/twitter/follow/4geeksacademy?style=social&logo=twitter)](https://twitter.com/4geeksacademy)
+
 
 Dozens of looping exercises to sharpen your looping skills with for, forEach, map, filter, looping a dictionary, looping bidimentional arrays, adding conditions to loops, finding an element, and more!
 
@@ -31,20 +28,31 @@ We need you! These exercises are built and maintained in collaboration with cont
 
 ## Local Installation
 
-1) Make sure you have the [breathecode-cli](https://github.com/breatheco-de/breathecode-cli) installed and `node.js` version 10+ and python version 3+. This is the command to install the breathecode-cli
+1. Install learnpack, the package manager for learning tutorials and the html compiler plugin for learnpack, make sure you also have node.js 12+:
+
 ```
-$ npm i breathecode-cli -g
+$ npm i learnpack -g
+$ learnpack plugins:install learnpack-python
 ```
 
-2) Clone or download this repository. Once you finish downloading, you will find a new folder with a subdirectory "exercises" that contains all the exercises within.
+2. Download this particular exercise using learnpack and `cd` into the folder:
 
-3) Start the tutorial/exercises by running the following command from the root of the project:
+```
+$ learnpack download python-beginner-programming-exercises
+$ cd python-beginner-programming-exercises
+```
+
+Note: Once you finish downloading, you will find a "exercises" folder that contains all the exercises within.
+
+3. Start the tutorial/exercises by running the following command at the same level were your bc.json file is:
 
 ```sh
-$ npm i jest@24.8.0
-$ breathecode run
+$ npm i jest@24.8.0 -g
+$ learnpack start
 ```
 
+Note: The exercises have automatic grading but its very rigid and string, my recomendation is to ignore the tests and use them only as a recomendation or you can get frustrated.
+
 ## How are the exercises organized?
 
 Each exercise is a small react application containing the following files:
diff --git a/badge-loop.png b/badge-loop.png
diff --git a/exercises/01-Welcome/README.es.md b/exercises/01-Welcome/README.es.md
@@ -0,0 +1,29 @@
+---
+intro: https://www.youtube.com/watch?v=ooHdelGf0gI
+---
+
+
+# Bienvenido a los Loops
+
+Practicaremos los bucles en javascript para se sienta cómodo con ellos.  Recomendamos ver el siguiente video  [Breve video sobre bucles](https://www.youtube.com/watch?v=U3ZlQSOcOI0) before starting:
+
+1. For loop.
+2. forEach.
+3. while.
+4. map.
+5. filter.
+6. find.
+7. Diccionario de bucles (objetos literales).
+
+Haga click en `next →` cuando se encuentre listo para iniciar los ejercicios.
+
+
+***
+Si necesitas ir a un ejercicio en particular puedes seleccionar en el menu superior.
+<p align="center">
+  <img src="./menu.png">
+</p>
+Y seleccionar el curso 
+<p align="center">
+  <img src="./menu2.png">
+</p>
diff --git a/exercises/01-Welcome/menu.png b/exercises/01-Welcome/menu.png
diff --git a/exercises/01-Welcome/menu2.png b/exercises/01-Welcome/menu2.png
diff --git a/exercises/05.3-Add-items-to-array/README.md b/exercises/05.3-Add-items-to-array/README.md
@@ -1,8 +1,12 @@
+---
+tutorial: https://www.youtube.com/watch?v=no9mCu-tvaM
+---
+
 # `05.3` Add Items to Array
 
 Add 2 random integers to the "arr" list (no need to loop) and print the array on the console
 
 ## 💡 Tips:
 
 - You can use the Math.random() and Math.floor() functions to get random numbers, you should do that inside the loop
-- You have to use the `.push(item)` function to add the new random number to the array.
+- You have to use the `.push(item)` function to add the new random number to the array.
diff --git a/exercises/07.2-Letter-Counter/README.md b/exercises/07.2-Letter-Counter/README.md
@@ -1,5 +1,7 @@
 ---
-tutorial: https://www.youtube.com/watch?v=PLCVs_S8Skwp9x
+
+tutorial: https://www.youtube.com/watch?v=oLTidCuisew
+
 ---
 
 # `07.2` Letter Counter
diff --git a/exercises/20.5-Map-arrays-of-objects/test.js b/exercises/20.5-Map-arrays-of-objects/test.js
@@ -20,7 +20,7 @@ test("You shouldn't delete the function named simplifier", function(){
 });
 
 
-test('The output in the console should should look similar but not exactly to the one in the instructions!', function () {
+test('The output in the console should should look similar but not exactly (years may vary) to the one in the instructions!', function () {
     const _app = rewire('./app.js');
     let _output = []
     let _people = [
@@ -38,7 +38,7 @@ test('The output in the console should should look similar but not exactly to th
         if (m < 0 || (m === 0 && _today.getDate() < person.birthDate.getDate())) {
             age = age - 1;
         }
-      return ("Hello, my name is " + person.name + " and I am " + age)
+      return ("Hello, my name is " + person.name + " and I am " + age + " years old")
     };
     
     let _test = _people.map(_simplifier)
diff --git a/exercises/21-Filter-an-array/README.es.md b/exercises/21-Filter-an-array/README.es.md
@@ -0,0 +1,23 @@
+Otra función sorprendente para los arreglos es el filtro. Repite toda el arreglo original y solo devuelve los valores que coinciden con una condición particular.
+
+[Aquí está la documentación de la función de filtro en w3school](https://www.w3schools.com/jsref/jsref_filter.asp)
+
+Por ejemplo, este algoritmo filtra el arreglo allNumbers y devuelve un nuevo arreglo con solo los números impares:
+
+```js
+var allNumbers = [23,12,35,5,3,2,3,54,3,21,534,23,42,1];
+
+var onlyOdds = allNumbers.filter(function(number){
+	return (number % 2 > 0)
+});
+
+console.log(onlyOdds);
+```
+
+Instrucciones
+Completa el código para que llene el arreglo resultante de Nombres con solo los nombres que comienzan con la letra R
+Usa la función Array.filter
+
+Pista:
+Aquí hay un video de 2:29min explicando array.filter
+https://www.youtube.com/watch?v=0qsFDFC2oEE
diff --git a/exercises/21-Filter-an-array/README.md b/exercises/21-Filter-an-array/README.md
@@ -0,0 +1,26 @@
+# `21` Filter an Array
+
+Another amazing function for arrays is `filter`. 
+It loops the entire original array and only returns the values that match a particular condition.
+
+[Here is the documentation of the filter function in w3school](https://www.w3schools.com/jsref/jsref_filter.asp)
+
+For example, this algorithm filters the `allNumbers` array and returns a new array with only the odds numbers:
+
+```js
+var allNumbers = [23,12,35,5,3,2,3,54,3,21,534,23,42,1];
+
+var onlyOdds = allNumbers.filter(function(number){
+	return (number % 2 > 0)
+});
+
+console.log(onlyOdds);
+```
+
+# 📝Instructions
+- Complete the code to make it fill the `resultingNames` array with only the names that start with letter R
+- Use the `array.filter` function
+
+## 💡Hint
+Here is a 2:29min video explaining array.filter
+https://www.youtube.com/watch?v=0qsFDFC2oEE
diff --git a/exercises/21-Filter-an-array/app.js b/exercises/21-Filter-an-array/app.js
@@ -0,0 +1,5 @@
+let allNames = ["Romario","Boby","Roosevelt","Emiliy", "Michael", "Greta", "Patricia", "Danzalee"];
+
+//your code here
+
+console.log(resultingNames);
diff --git a/exercises/21-Filter-an-array/test.js b/exercises/21-Filter-an-array/test.js
@@ -0,0 +1,38 @@
+const fs = require('fs');
+const path = require('path');
+const rewire = require("rewire");
+
+let _log = console.log;
+let _buffer = '';
+global.console.log = console.log = jest.fn((text) => _buffer += text + "\n");
+
+const app_content = fs.readFileSync(path.resolve(__dirname, './app.js'), 'utf8');
+
+test("You should create the variable resultingNames.", function(){
+  const file = rewire("./app.js");
+  const myVar = file.__get__('resultingNames');
+  expect(myVar).toBeTruthy();
+});
+
+test('You have to use the console.log function to print the correct output.', function () {
+    const app = require('./app.js');
+    expect(console.log.mock.calls.length > 0).toBe(true);
+});
+
+test('You should use the console.log to call the variable resultingNames', function () {
+  const file = rewire("./app.js");
+  const myVar = file.__get__('resultingNames');
+  expect(console.log).toHaveBeenCalledWith(myVar);
+ });
+
+test('The output in the console should match the one in the instructions!', function () {
+    const _app = rewire('./app.js');
+    
+    let _allNames = ["Romario","Boby","Roosevelt","Emiliy", "Michael", "Greta", "Patricia", "Danzalee"];
+    let _test = _allNames.filter(item=>item[0] === "R")
+    expect(_buffer).toMatch(_test.map(n => n).join(","));
+  });
+
+
+
+
diff --git a/learn.json b/learn.json
