You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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!
17
-
18
-
¡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.
13
+
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.
23
16
24
17
<!-- hide -->
25
-
26
18
## Instalación en un clic (recomendado)
27
19
28
20
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).
29
21
30
-
> 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`
22
+
> 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`
31
23
32
24
## Instalación local
33
25
34
26
Clona el repositorio en tu ambiente local y sigue los siguientes pasos:
35
27
36
28
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:
37
29
38
-
```sh
30
+
```bash
39
31
$ npm i learnpack -g
40
32
```
41
33
42
-
2. Descarga los ejercicios **clonando** el proyecto o descargando el zip desde github.
34
+
2. Descarga los ejercicios **clonando** el proyecto o descargando el zip desde GitHub.
43
35
44
36
> Nota: Una vez termine la descarga, asegúrate de estar en el directorio correcto (te encontrarás en el subdirectorio "exercises").
45
37
46
38
3) Inicia los ejercicios ejecutando el siguiente comando desde la raíz del proyecto:
Cada ejercicio es una pequeña aplicación de react que contiene los siguientes archivos:
49
+
Cada ejercicio es una pequeña aplicación de React que contiene los siguientes archivos:
58
50
59
51
1.**app.js:** representa el archivo de entrada para el ejercicio.
60
-
2.**README.md:** contiene instrucciones de ejercicios.
52
+
2.**README.md:** contiene las instrucciones del ejercicio.
61
53
3.**test.js:** no tienes que abrir este archivo, contiene el script de prueba para el ejercicio.
62
54
63
-
> 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.
55
+
> 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.
64
56
65
57
## Colaboradores
66
58
67
59
Gracias a estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
Este proyecto sigue la especificación [all-contributors](https://github.com/kentcdodds/all-contributors). ¡Todas las contribuciones son bienvenidas!
76
68
77
-
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).
69
+
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).
Copy file name to clipboardExpand all lines: README.md
+13-18Lines changed: 13 additions & 18 deletions
Original file line number
Diff line number
Diff line change
@@ -14,39 +14,34 @@
14
14
15
15
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.
16
16
17
-
These exercises can be done by both junior and senior developers and are intended to be built by collaboration, we need your help!
17
+
These exercises can be done by both junior and senior developers and are intended to be built through collaboration. We need your help!
18
18
19
-
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.
24
20
25
21
<!-- hide -->
26
-
27
22
## One click installation (recommended):
28
23
29
24
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).
30
25
31
-
> 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`
26
+
> 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`
32
27
33
28
## Local installation:
34
29
35
30
Clone the repository in your local environment and follow the steps below:
36
31
37
-
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
32
+
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:
38
33
39
-
```sh
34
+
```bash
40
35
$ npm i learnpack -g
41
36
```
42
37
43
-
2. Download the react exercises by **cloning** the project or downloading the zip from github.
38
+
2. Download the React exercises by **cloning** the project or downloading the zip from GitHub.
44
39
45
-
> Note: Once you finish downloading, make sure you are in the right folder (you will find a the subdirectory "exercises").
40
+
> Note: Once you finish downloading, make sure you are in the right folder (you will find the subdirectory "exercises").
46
41
47
42
3) Start the tutorial/exercises by running the following command from the root of the project:
Each exercise is a small react application containing the following files:
54
+
Each exercise is a small React application containing the following files:
60
55
61
56
1.**app.js:** represents the entry file for the exercise.
62
57
2.**README.md:** contains exercise instructions.
63
58
3.**test.js:** you don't have to open this file, it contains the testing script for the exercise.
64
59
65
-
> 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.
60
+
> 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.
66
61
67
62
## Contributors
68
63
69
64
Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
"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.",
12
-
"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."
12
+
"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 videosoluciones."
0 commit comments