Quickstart para estudiantes
La siguiente es una explicación más detallada sobre cómo abrir los tutoriales de LearnPack localmente o en la nube:
Elige el tutorial
Puedes aprender muchas cosas con LearnPack: ¿Qué quieres aprender? Nuestros tutoriales más populares te ayudan a aprender arrays en JavaScript, React.js, cómo construir APIs con Python Flask, etc.
🛟 Aquí tienes una lista seleccionada de nuestros tutoriales recomendados.
Cada tutorial es un repositorio separado en GitHub. Ve al sitio web del repositorio de GitHub y lee el archivo README para entender de qué trata el tutorial. Puedes encontrar un exercises o .learn/exercises con todos los pasos e instrucciones que recibirás durante el tutorial. También tenemos esta lista seleccionada de tutoriales de 4Geeks Academy con una interfaz que facilita la elección.
Ejecuta el tutorial
La forma más fácil de ejecutar un tutorial de LearnPack es iniciarlo utilizando nuestro puente de clic y aprende, si prefieres hacerlo tú mismo (sin magia), lee la siguiente guía:
Cómo abrir cualquier tutorial de LearnPack en la nube (recomendado)
🛟 Omite esta sección si deseas ejecutarlo localmente en tu computadora
Para esta explicación, elegimos el tutorial Loops en JavaScript.
Abrir en Github Codespaces
- Ábrelo en Codespaces haciendo clic en el botón Code del repositorio y luego en Create codespace on master
- Cuando Codespace termine de cargarse, ¡estará listo!
- Ahora solo tienes que comenzar a leer las instrucciones y hacer los ejercicios.
Abrir en Gitpod
- Escribe la siguiente URL en tu navegador:
1https:/#<tutorial repository url>
Ten en cuenta que <tutorial repository url> debe ser reemplazado con la URL del repositorio de GitHub del tutorial que deseas abrir, por ejemplo:
1https:/#https://github.com/4GeeksAcademy/javascript-arrays-exercises-tutorial
🛟 Alternativamente, puedes usar la extensión de Gitpod que hace el proceso muy similar a Codespaces al agregar un botón como este en el sitio web del repositorio.
Cómo descargar y ejecutar un tutorial de LearnPack en tu computadora local
Para usar LearnPack localmente, debes instalar Node v20 (o superior) y también es posible que necesites instalar otras cosas según las necesidades particulares del tutorial.
🛟 Recomendamos instalar Node usando NVM, aquí tienes una guía sobre cómo instalar NVM en tu computadora.
- Una vez instalado Node.js, el siguiente paso es instalar LearnPack usando npm:
1npm i -g @learnpack/learnpack
- Clona un repositorio de LearnPack
Abre la terminal y ejecuta el comando git clone con la URL de tu repositorio. Por ejemplo, con el tutorial de JavaScript:
1git clone https://github.com/4GeeksAcademy/javascript-arrays-exercises-tutorial.git
- Entra en el nuevo directorio recién creado
Se creará un directorio con el nombre del tutorial; entra en él con el comando cd:
1cd javascript-arrays-exercises-tutorial
- Comienza a ejecutar LearnPack
Cuando instalaste LearnPack globalmente, se agregó una nueva opción a los comandos de tu computadora, ahora puedes ejecutar:
1learnpack start
En el directorio de un tutorial de LearnPack, y ya está.
Nota: Si LearnPack detecta que se necesitan plugins no instalados para tu tutorial, LearnPack los instalará. Luego solo reinicia con learnpack start
Usar LearnPack localmente con VSCode
Además, si tienes VSCode en tu computadora, instala la extensión Learnpack. Una vez que estés dentro de un tutorial de LearnPack en VSCode, si es la primera vez que inicias, la extensión de LearnPack ejecutará learnpack start por ti.