From 39d08813a8e650fae77c5424a1b41c5f379aa833 Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 11 Oct 2023 18:16:42 +0200 Subject: [PATCH 1/4] Update README.md --- README.md | 31 +++++++++++++------------------ 1 file changed, 13 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 8570a210..d31d4a22 100644 --- a/README.md +++ b/README.md @@ -14,39 +14,34 @@ You can find lots of free interactive/autograded tutorials online, but there are very few about React.js. That's why we decided to create a comprehensive selection of exercises for developers who are interested in learning React.js. -These exercises can be done by both junior and senior developers and are intended to be built by collaboration, we need your help! +These exercises can be done by both junior and senior developers and are intended to be built through collaboration. We need your help! -If you find any bugs or spelling issues, please contribute and report them and we will correct them. - -

- -

+If you find any bugs or spelling issues, please contribute and report them, and we will correct them. - ## One click installation (recommended): You can open these exercises in just a few seconds by clicking: [Open in Codespaces](https://codespaces.new/?repo=4GeeksAcademy/react-tutorial-exercises) (recommended) or [Open in Gitpod](https://gitpod.io#https://github.com/4GeeksAcademy/react-tutorial-exercises.git). -> Once you have VSCode open the LearnPack exercises should start automatically. If exercises don't run automatically you can try typing on your terminal: `$ learnpack start` +> Once you have VSCode open, the LearnPack exercises should start automatically. If exercises don't run automatically, you can try typing on your terminal: `$ learnpack start` ## Local installation: Clone the repository in your local environment and follow the steps below: -1. Make sure you have the [learnpack-cli](https://github.com/learnpack/learnpack-cli) installed and `node.js` version 14+. This is the command to install the learnpack-cli +1. Make sure you have the [learnpack-cli](https://github.com/learnpack/learnpack-cli) installed and `node.js` version 14+. This is the command to install the learnpack-cli: -```sh +```bash $ npm i learnpack -g ``` -2. Download the react exercises by **cloning** the project or downloading the zip from github. +2. Download the React exercises by **cloning** the project or downloading the zip from GitHub. -> Note: Once you finish downloading, make sure you are in the right folder (you will find a the subdirectory "exercises"). +> Note: Once you finish downloading, make sure you are in the right folder (you will find the subdirectory "exercises"). 3) Start the tutorial/exercises by running the following command from the root of the project: -```sh +```bash $ npm i jest@24.8.0 -g $ learnpack plugins:install learnpack-react $ learnpack start @@ -56,23 +51,23 @@ $ learnpack start ## How are the exercises organized? -Each exercise is a small react application containing the following files: +Each exercise is a small React application containing the following files: 1. **app.js:** represents the entry file for the exercise. 2. **README.md:** contains exercise instructions. 3. **test.js:** you don't have to open this file, it contains the testing script for the exercise. -> Note: The exercises have automatic grading but it's very rigid and strict, my recommendation is to ignore the tests and use them only as a recommendation or you can get frustrated. +> Note: The exercises have automatic grading, but it's very rigid and strict, my recommendation is to not take the tests too serious and use them only as a suggestion, or you may get frustrated. ## Contributors Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)): -1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 👀 (build-tutorial) ✅ (documentation) 📖 +1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribution: (coder) 💻, (idea) 🤔, (build-tests) ⚠️, (pull-request-review) 👀, (build-tutorial) ✅, (documentation) 📖 -2. [Paolo (plucodev)](https://github.com/plucodev), contribution: (bug reports) 🐛, contribution: (coder), (translation) 🌎 +2. [Paolo (plucodev)](https://github.com/plucodev), contribution: (bug reports) 🐛, (coder) 💻, (translation) 🌎 -3. [Marco Gómez (marcogonzalo)](https://github.com/marcogonzalo), contribution: (bug reports) :🐛, (translation) 🌎 +3. [Marco Gómez (marcogonzalo)](https://github.com/marcogonzalo), contribution: (bug reports) 🐛, (translation) 🌎 This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind are welcome! From 780543a82bd3e1331d1283fd89311e9819067dab Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 11 Oct 2023 18:32:49 +0200 Subject: [PATCH 2/4] Update README.es.md --- README.es.md | 36 ++++++++++++++---------------------- 1 file changed, 14 insertions(+), 22 deletions(-) diff --git a/README.es.md b/README.es.md index d319e53d..914ac936 100644 --- a/README.es.md +++ b/README.es.md @@ -3,31 +3,23 @@ -> By [@alesanchezr](https://twitter.com/alesanchezr) and [other contributors](https://github.com/4GeeksAcademy/react-tutorial-exercises/graphs/contributors) at [4Geeks Academy](https://4geeksacademy.co/) +> By [@alesanchezr](https://twitter.com/alesanchezr) and [other contributors](https://github.com/4GeeksAcademy/react-tutorial-exercises/graphs/contributors) en [4Geeks Academy](https://4geeksacademy.co/) ![last commit](https://img.shields.io/github/last-commit/4geeksacademy/react-tutorial-exercises) [![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) - -

Start now:

- -Puedes encontrar muchos tutoriales interactivos gratuitos en línea, pero ninguno sobre React.js. Por eso hemos decidido crear una selección muy completa de ejercicios para las personas interesadas en aprender React.js: ¡Para seniors y juniors! - -¡Te necesitamos! Estos ejercicios se crean y mantienen con colaboradores como tú. Si encuentra salgún error o falta de ortografía, contribuye y/o infórmanos. +Puedes encontrar muchos tutoriales interactivos gratuitos en línea, pero casi ninguno sobre React.js. Por eso hemos decidido crear una selección muy completa de ejercicios para las personas interesadas en aprender React.js: ¡Para seniors y juniors! -

- -

+¡Te necesitamos! Estos ejercicios se crean y mantienen con colaboradores como tú. Si encuentras algún error o falta de ortografía, contribuye y/o infórmanos. - ## Instalación en un clic (recomendado) Puedes empezar estos ejercicios en pocos segundos haciendo clic en: [Abrir en Codespaces](https://codespaces.new/?repo=4GeeksAcademy/react-tutorial-exercises) (recomendado) o [Abrir en Gitpod](https://gitpod.io#https://github.com/4GeeksAcademy/react-tutorial-exercises.git). -> Una vez ya tengas abierto VSCode, los ejercicios de LearnPack deberían empezar automáticamente; si esto no sucede puedes intentar empezar los ejercicios escribiendo este comando en tu terminal: `$ learnpack start` +> Una vez ya tengas abierto VSCode, los ejercicios de LearnPack deberían empezar automáticamente; si esto no sucede, puedes intentar empezar los ejercicios escribiendo este comando en tu terminal: `$ learnpack start` ## Instalación local @@ -35,17 +27,17 @@ Clona el repositorio en tu ambiente local y sigue los siguientes pasos: 1. Asegúrate de tener el [learnpack-cli](https://github.com/learnpack/learnpack-cli) instalado y `node.js` versión 14+. Este es el comando para instalar learnpack-cli: -```sh +```bash $ npm i learnpack -g ``` -2. Descarga los ejercicios **clonando** el proyecto o descargando el zip desde github. +2. Descarga los ejercicios **clonando** el proyecto o descargando el zip desde GitHub. > Nota: Una vez termine la descarga, asegúrate de estar en el directorio correcto (te encontrarás en el subdirectorio "exercises"). 3) Inicia los ejercicios ejecutando el siguiente comando desde la raíz del proyecto: -```sh +```bash $ npm i jest@24.8.0 -g $ learnpack plugins:install learnpack-react@0.0.17 $ learnpack start @@ -54,24 +46,24 @@ $ learnpack start ## ¿Cómo están organizados los ejercicios? -Cada ejercicio es una pequeña aplicación de react que contiene los siguientes archivos: +Cada ejercicio es una pequeña aplicación de React que contiene los siguientes archivos: 1. **app.js:** representa el archivo de entrada para el ejercicio. -2. **README.md:** contiene instrucciones de ejercicios. +2. **README.md:** contiene las instrucciones del ejercicio. 3. **test.js:** no tienes que abrir este archivo, contiene el script de prueba para el ejercicio. -> Nota: Los ejercicios tienen calificación automática pero los tests son muy rígidos y estrictos, mi recomendación es que ignores los tests y los uses solo como una recomendación o pueden frustrarte. +> Nota: Estos ejercicios tienen calificación automática. Los tests son muy rígidos y estrictos, mi recomendación es que no prestes demasiada atención a los tests y los uses solo como una sugerencia o podrías frustrarte. ## Colaboradores Gracias a estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)): -1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (programador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (build-tutorial) ✅ (documentación) 📖 +1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (programador) 💻, (idea) 🤔, (build-tests) ⚠️, (pull-request-review) 🤓, (build-tutorial) ✅, (documentación) 📖 -2. [Paolo (plucodev)](https://github.com/plucodev), contribución: (bug reports) 🐛, (programador), (traducción) 🌎 +2. [Paolo (plucodev)](https://github.com/plucodev), contribución: (bug reports) 🐛, (programador) 💻, (traducción) 🌎 -3. [Marco Gómez (marcogonzalo)](https://github.com/marcogonzalo), contribution: (bug reports) 🐛, (translation) 🌎 +3. [Marco Gómez (marcogonzalo)](https://github.com/marcogonzalo), contribution: (bug reports) 🐛, (traducción) 🌎 Este proyecto sigue la especificación [all-contributors](https://github.com/kentcdodds/all-contributors). ¡Todas las contribuciones son bienvenidas! -Este y otros ejercicios son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Curso de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning). \ No newline at end of file +Este y otros ejercicios son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Cursos de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning). From fbca4895084481ab0282e75f75021aab75e45c7e Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 11 Oct 2023 18:48:55 +0200 Subject: [PATCH 3/4] Update README.es.md --- README.es.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.es.md b/README.es.md index 914ac936..355802e7 100644 --- a/README.es.md +++ b/README.es.md @@ -3,7 +3,7 @@ -> By [@alesanchezr](https://twitter.com/alesanchezr) and [other contributors](https://github.com/4GeeksAcademy/react-tutorial-exercises/graphs/contributors) en [4Geeks Academy](https://4geeksacademy.co/) +> Por [@alesanchezr](https://twitter.com/alesanchezr) y [otros colaboradores](https://github.com/4GeeksAcademy/react-tutorial-exercises/graphs/contributors) de [4Geeks Academy](https://4geeksacademy.co/) ![last commit](https://img.shields.io/github/last-commit/4geeksacademy/react-tutorial-exercises) [![build by developers](https://img.shields.io/badge/build_by-Developers-blue)](https://breatheco.de) From 743e0fdb8d3da5ac9c0a20b556ccd44c3d6c65ed Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 11 Oct 2023 18:54:28 +0200 Subject: [PATCH 4/4] Update learn.json --- learn.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/learn.json b/learn.json index 27bffab0..3b2a56e5 100644 --- a/learn.json +++ b/learn.json @@ -9,7 +9,7 @@ "preview": "https://github.com/4GeeksAcademy/react-tutorial-exercises/blob/master/preview.png?raw=true", "description": { "us": "Learn and practice ReactJS using hooks, interactive tutorial with dozens of react exercises, get instant feedback with automatic grading and watch video solutions afterwards.", - "es": "Aprende y práctica ReactJS con un tutorial interactivo que contiene docenas de ejercicios de React, obtén feedback instantáneo, con evaluación automática y video'soluciones." + "es": "Aprende y practica ReactJS con un tutorial interactivo que contiene docenas de ejercicios de React, obtén feedback instantáneo, con evaluación automática y video soluciones." }, "duration": 8, "projectType": "tutorial",