Pasar al contenido principal
Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
Luis Avilés
Álvaro Felipe
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José Luján
Álvaro Felipe
Álvaro Felipe
Jonathan MirCha
Jonathan MirCha
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Camilo Adobe
Álvaro Felipe
José Luján
Jonathan MirCha
Álvaro Felipe
Álvaro Felipe
Beto Quiroga, Alexys Lozada
Álvaro Felipe
Juan Villalvazo
Luis Avilés
Jonathan MirCha
Jonathan MirCha
Jonathan MirCha

Desarrolla tus proyectos en la nube con Repl.it

¿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?

Repl.it EDteam

¿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.

Signup Repl.it

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.

First login Repl.it

3. Comienza a codear

Verás una pantalla dividida en 3 partes:

  1. El listado de tus archivos y carpetas. Como en la mayoría de IDEs
  2. Tu editor de código
  3. El navegador donde verás el resultado de lo que vayas codeando.
IDE Repl.it

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

Suscríbete al blog de EDteam

Ingresa tu correo electrónico para recibir nuestro boletín semanal