Como usar el editor de código de Sololearn

¿Quieres escribir código en una herramienta que no requiera instalaciones , te permita guardar y acceder a tu información desde cualquier dispositivo y además puedas publicar tus proyectos ?

Todas estas ventajas las tiene el "Code Playground" de Sololearn.

En esta publicación te explico como utilizar este practico editor de código que te permite practicar programación mientras aprendes.


Para empezar expliquemos que es un "Editor de Código"

Según Wikipedia:
Un editor de código fuente es un editor de texto  diseñado específicamente para editar el código fuente  de programas informáticos . Puede ser una aplicación individual o estar incluido en un entorno de desarrollo integrado 
🙋En otras palabras un editor de código es una herramienta que te facilita la escritura de código fuente.

Dicho esto te explico como usar el editor de código de Sololearn .......

Paso 1. Ingresar a Sololearn.

Aunque puedes crear y visualizar el resultado de tu código sin tener una cuenta en Sololearn; no podrás guardarlo y mucho menos publicarlo. Por esto es preferible ingresar a tu cuenta de Sololearn o crearla en caso de no tenerla.

Esta aplicación es gratuita y esta disponible en versiones para PC y móvil. En este ejemplo estoy usando la versión web.

Puedes consultar  más información de Sololearn en este post:


Si vas a crear una cuenta desde tu PC ingresa a la página  https://www.sololearn.com/   ..... Selecciona en la parte superior derecha el botón "Sign In" ...luego presiona el botón gris "Sign up" coloca tus datos y luego de nuevo "Sign Up".

Paso 2. Seleccionar el lenguaje de programación.

Inicialmente el Code Playground se ubica en el editor de código de los lenguajes para web (HTML, CSS, JavaScript) pero si quieres escribir código en otro lenguaje y tienes iniciado un curso de Sololearn en éste, debes seleccionarlo para tener disponible el editor de código que corresponda.

Por ejemplo si quieres programar en "PHP" seleccionas éste lenguaje en tu perfil.

 
Si ya estas en el editor en un lenguaje y quieres cambiar a otro presiona sobre el nombre del lenguaje y se desplegará un listado donde puedes elegir el que deseas utilizar.

Paso 3. Ingresar al editor de código.

Justo debajo de los cursos te aparece la sección de tus códigos . Si no tienes ningún código creado en ese lenguaje presiona el botón "Code Now" . Si ya tienes códigos creados presiona la opción "+ New Code".



Luego de esto ya estarás dentro del editor de código.


Paso 4. Escribir y visualizar tu código.

Ya una vez dentro del editor puedes comenzar a escribir tus lineas de código. 

Como cualquier otro editor trae ayudas visuales como los colores de las palabras reservadas del lenguaje o la autocompletación de etiquetas de cierre en el HTML

Para ir visualizando la salida en pantalla de tu código presiona  el botón "RUN".


Paso 5. Guardar y publicar tu código.

Para guardar el código presiona el botón "SAVE" o el botón "SAVE AS" . Te aparecerá una ventana con un nombre por defecto para tu código el cual puedes cambiar por el que le quieras dar .

Abajo a la izquierda te aparece el botón "Public" ; al mover el punto blanco a la derecha  tu código será publicado en Sololearn. 😊

Luego presiona  "SAVE" y listo .... ya tu código estará guardado y disponible en la web.



😃Si quieres ver la posición de  tu código recién publicado  presiona el botón "Code Playground" y una vez allí presiona la pestaña "most recent" ...... Debe ser pronto porque a cada rato hay gente publicando códigos  




En la "Code Playground" puedes ver  todos los códigos publicados . En la ventana "Trending" están los que tienen más votos o están siendo mas visitados recientemente y en verdad que se encuentran trabajos muy buenos!!...

Si te gusta algún código y quieres darle tu "like" presiona la flecha hacia arriba que esta en la parte inferior izquierda del código....antes de la imagen del perfil ................Ten cuidado y no presiones dos veces seguidas porque a la segunda te descuenta en vez de contar. 

En la versión Sololearn para móvil también puedes dejarle tus comentarios a los códigos que están publicados.

Espero te sea de ayuda esta información para usar el "Code Playground" de Sololearn.

Si tienes alguna pregunta o duda déjame tus comentarios y con gusto te responderé. 

Gracias por leer y compartir esta información 😉.

Aquí te dejo un vídeo de todo lo explicado arriba 😎 




Comentarios