¿Te imaginas poder iniciar un nuevo proyecto, tener tu ambiente de desarrollo, codear, refactorizar tu código, compilar y correr tu aplicación totalmente en la nube?
El día de escribiré acerca de una herramienta que te permite hacer esto ... y mucho más. Me refiero a Repl.it.
Inicia un proyecto en menos de un minuto
Vamos a poner el ejemplo más sencillo. Imagina que tienes un proyecto en el que vas a utilizar HTML, CSS y JS. En Repl.it puedes tener tu IDE, tu consola (para manejar tus dependencias si así fuera necesario) y un navegador que te mostrará el resultado de lo que estás desarrollando.
¿Acabo de mencionar un navegador? Real.it te generará una URL única para tu proyecto el cuál ya estará corriendo en la nube desde tu primera linea de código, de esta manera podrás mostrar el avance de tus proyectos a tus clientes o compañeros de trabajo muy facilmente.
Bien, comencemos a hacerlo:
1. Crea una cuenta
Ingresa a https://repl.it y haz click en el enlace SIGN UP de la esquina superior derecha. Podrás crear una cuenta directamente con tu correo de Google o tu cuenta de Github.
2. Crea tu primer proyecto
Una vez hayas ingresado por primera vez verás una pantalla casi vacía con el mensaje Welcome to Repl.it al centro acompañado de 2 botones. Quick start Guide que te llevará a la guía para comenzar a utilizar Repl.it y Start coding now el cual te permite iniciar tu primer proyecto, dale click a este último.
Te aparecerá un listado con todas las opciones posibles, lenguajes de programación, frameworks, librerías, etc. En el cuadro de búsqueda escribe HTML y el filtro te dejará la opción HTML, CSS, JS. Debes elegir esta opción.
3. Comienza a codear
Verás una pantalla dividida en 3 partes:
- El listado de tus archivos y carpetas. Como en la mayoría de IDEs
- Tu editor de código
- El navegador donde verás el resultado de lo que vayas codeando.
Encima de la sección central verás un botón verde con la palabra run este te permitirá correr tu código e iniciar tu proyecto en el navegador.
El punto 3, el navegador, contiene una URL, puedes abrir esa URL en cualquier otra pestaña o navegador para ver tu proyecto en tiempo real, o puedes compartir esa URL con quien tú quieras.
SI tu proyecto tiene la habilidad de recargar automáticamente el navegador cuando ejecutas algún cambio en tú código, este navegador tambien lo hará así.
Explora nuevos lenguajes y proyectos
La mayor cualidad de esta herramienta es que te permite explorar nuevos proyectos que quizás aún no has probado. Por ejemplo, si no iniciaste nunca un proyecto React, aquí lo puedes hacer muy fácilmente agregando un nuevo proyecto a tu cuenta y Listo! Explora nuevas alternativas.
Además de eso, en el menú principal verás un enlace learn/teach donde encontrarás recursos, ejercicios y material adicional para entender mucho mejor los lenguajes que vayas conociendo.
Espero que esta herramienta te sea de mucha ayuda.
Nos vemos la siguiente semana.
Un abrazo