I never thought I could learn to program 'playing' | JS Robot

in Geek Zone7 months ago (edited)

For a long time programming has always been one of the things that have caught my attention, in college I have seen some languages and I have always liked the theme of finding the logic to something to solve problems. As you may know, there are diversities of them like some that I have seen like C++, C#, SQL, Python, etc. But one in particular that I have always wanted to learn has been JavaScript and some time ago I found this page that tries to teach through a 'game' which for those who do not know about the language I find very interesting.

As many will know, the subject of programming is something that can easily overwhelm someone because it is to see first the easiest thing is the pile of code and how to combine them. Saving the distances I see it as something similar to speaking in another language only that instead of trying to communicate with a person we try to understand with the compiler so that it can execute our lines of code and thus be able to make the program work well.

In the same way, there are ways to learn languages in other ways, at least if we talk about language there are apps like Duolingo that tried to do something similar to this, try to teach languages through games which can be less overwhelming for people who want to learn. I find this kind of app super useful as they allow us to learn new things casually and entertainingly, something that is cool tbh.

Now, let's go with the page, JS Robot as before I could advance is a page focused on teaching us JavaScript, an object-oriented programming language with many utilities such as creating web pages, creating back (logic code) for applications, database connections, mobile applications/games and to create interfaces for deliberate games. In general, JavaScript is one of the best languages today that can be learned as such.

So, through JS Robot he seeks to guide the learning of this through kind of games where he will tell us a little bit about how to start and what to do in the console to make our robot advance through the adventure. The only thing I clarify first of all is that it is only available in English, for those who speak Spanish may be an inconvenience, but you can try to translate it by the page translator that incorporates Google Chrome, although it is usually not so complicated English.

JS Robot shows us a simple interface, we have a robot that we observe in the upper part which is the protagonist of everything, and in the lower part sections that are divided into instructions that are where they give us the lessons and an abbreviation of the level, the script that will be where we will write the code, the console that will be what shows us the output if there is an error and we can type in an interactive way to corroborate tasks of the instructions.

As we can observe, in the upper bar we have characteristics that are the position where our pointer is in the coordinates (X, Y), the coins, the life of the robot, and the battery of the same one. In the beginning, we will have to see the lines of the instructions, something that I like about it is that it is not necessary to have previous knowledge to use it since it usually explains everything as if you had never programmed it in your life, something that I think is cool.

In the beginning, he will explain how to familiarize you with each entity, and our goal in each level will be to get the robot to reach the goal that will be a flag, in addition to this the robot can take damage so we will have to do it intelligently so we do not end up dying. As we will see throughout the level one will explain that we have to manage by lines of code and pixels to move the robot to the goal.

As you can see in the gif, it may look very easy, but in general, it is something that is not so easy because it's not easy to know how to execute it when to stop the loops (repetitions) and start. Later we can make use of our keyboard keys to control the robot, this will be known as a 'practice mode' which is only to know more or less a sequence of the same and proceed to perform the level, but in code and complete it.

The difficulty of it all lies in that, the robot has a battery as mentioned above, and therefore that battery we can translate into steps to be able to live with him, so we have to optimize the number of steps that we will give in the best possible way to not run out of battery. Later you will see, that JS Robot usually brings a range of content explained ingeniously through this robot, practically like any basic course to start with.

Besides, you may be thinking that obviously after a while of just moving around it will get boring, but I could also see that it teaches things, as in the case of mathematical operations, strings, joining operations of strings with characters, etc. Many basic courses start with a program is what they usually teach and it is a perfect way if you want to get into the world of programming because it makes learning something easier, and in a more didactic way for anyone.

So far it has been quite useful, at least to get familiar with this language, I know that many people are curious but because of the same issue of the overwhelming code they think that learning can be difficult but it is not at all so, it's just a matter of starting, be interested in it and keep learning. For all those who did not know it, I hope it will be useful to start and tell me what you think if you try it, here is the link to JS Robot.

But anyway, thanks for reading and

See you on the next!

console.log('See ' + 'you on the ' + 'next!')

Spanish version

Desde hace tiempo que la programación siempre fue una de las cosas que me ha llamado la atención, en la universidad he visto algunos lenguajes y siempre me ha gustado el tema de encontrar la lógica a algo para buscar resolver problemas. Como sabrán, existen diversidades de los mismos como algunos que he visto como C++, C#, SQL, Python, etc. Pero uno en concreto que siempre he querido aprender ha sido JavaScript y hace tiempo me encontré con esta página que intenta enseñar mediante un ‘juego’ la cual para quienes no conozcan acerca del lenguaje.

Como muchos sabrán, el tema de programar es algo que puede abrumar a alguien fácilmente ya que como es de ver primero lo más fácil es el montón de códigos y como poder combinarlos entre sí. Salvando las distancias yo lo veo como algo parecido a hablar en otro idioma sólo que en vez de intentarnos comunicarnos con una persona buscamos intentar entendernos con el compilador para que este pueda ejecutar nuestras líneas de código y así poder hacer que el programa funcione bien.

De igual forma, hay maneras de hacer aprender rubros de otras maneras, al menos si hablamos de tema de idioma hay apps como Duolingo que intentaron hacer algo parecido a esto, intentar enseñar idiomas mediante juegos los cuales pueden resultar menos abrumadores para las personas que quieren aprender. Yo este tipo de aplicaciones las veo super útiles ya que nos permiten aprender nuevas cosas de forma casual y entretenida, algo que es bastante cool para ser honestos.

Ahora bien, vamos con la página, JS Robot como antes pude adelantar es una página enfocada en enseñarnos JavaScript, un lenguaje de programación orientado a objetos con muchísimas utilidades como crear páginas web, creaciones de back (código de lógica) para aplicaciones, conexiones con bases de datos, aplicaciones/juegos móviles y poder crear interfaces para deliberados juegos. En general JavaScript es uno de los mejores lenguajes hoy en día que se pueden aprender como tal.

Entonces, a través de JS Robot el busca orientar el aprendizaje de esto mediante especies de juegos donde nos dirá un poco acerca de cómo empezar y que hacer en la consola para que nuestro robot avance por la aventura. Lo único que aclaro antes que todo es que solo se encuentra disponible en inglés, para quienes hablen español puede ser un inconveniente, pero puedes tratar de traducirlo por el traductor de páginas que incorpora Google Chrome, aunque suele ser un inglés fácil.

JS Robot nos muestra una interfaz sencilla, tenemos un robot que observamos en la parte de arriba el cual es el protagonista de todo y en la parte de abajo apartados que se dividen en instrucciones que es donde nos dan las lecciones y un abrebocas del nivel, el script que será donde escribiremos el código, la consola que será lo que nos muestre salida, si hay algún error y podremos tipear de forma interactiva para corroborar tareas de las instrucciones y por último las propiedades.

Como podemos observar, en la barra superior tenemos características que son la posición donde se encuentra nuestro puntero en las coordenadas (X,Y), las monedas, la vida del robot y la batería del mismo. Al comienzo deberemos ver las líneas de las instrucciones, algo que me agrada de él es que no es necesario tener un conocimiento anterior para usarlo, ya que suele explicarte todo como si nunca en tu vida hubieras programado, algo que me parece cool la verdad.

Al principio el te explicará como familiarizarte con cada entidad y realmente nuestro objetivo dentro de cada nivel será lograr que el robot llegue a la meta que será una bandera, además de ello el robot puede recibir daño por lo que habrá que hacerlo de forma inteligente para que no terminemos muriendo. Como iremos viendo a lo largo del nivel uno nos explicará que en sí nos tenemos que manejar por líneas de códigos y pixeles para mover el robot en general hacia la meta.

Como pueden observar en el gif de abajo, puede verse muy fácil, pero en general es algo que no es tan fácil ya que el ir altercando entre saber cómo ejecutarlo, cuando parar los loops (repeticiones) y empezar. Más adelante podremos hacer uso de nuestras teclas de nuestro teclado para controlar al robot, a esto se le conocerá como un ‘modo de práctica’ el cual sólo está para saber más o menos una secuencia del mismo y proceder a realizar el nivel, pero en código y completarlo.

La dificultad de todo reside en que, el robot tiene batería como se mencionó anteriormente y por lo tanto esa batería podemos traducirlo en pasos para poder dar con él, por lo que tenemos que optimizar la cantidad de pasos que daremos de la mejor forma posible para no quedarnos sin batería. Realmente más adelante verán, pero JS Robot suele traer un abanico de contenido explicado de una forma ingeniosa mediante este robot, prácticamente como cualquier curso básico.

Además, estarás pensando que obviamente al cabo de un rato de solo moverme se hará aburrido, pero también pude ir viendo que enseña cosas, como en el caso de las operaciones matemáticas, strings (cadenas de caracteres), juntes de operaciones de cadenas de caracteres con caracteres, etc. Realmente, muchos cursos básicos para empezar con un programa es lo que suelen enseñar y es una forma perfecta por si quieres adentrarte en el mundo de la programación.

Hasta el momento me ha sido bastante útil, por lo menos para irme familiarizando con este lenguaje, se que muchas personas sienten curiosidad, pero por el mismo tema del abrumo de código piensan que el aprender puede resultar difícil pero no es para nada así, solo es cuestión de empezar, interesarse por ello y seguir informándose. Para todos los que no la conocían espero que les sea de útil para empezar y me cuenten que les parece si la prueban, aquí dejo el link de JS Robot.

¡Nos vemos en la próxima!

console.log('¡Nos ' + 'vemos en la ' + 'próxima!')

All pics in this post are screenshots taken by me directly from the page


The cover was made by me with some screensh o t s

 7 months ago  

Hermano siéndote sincero justo como dices, yo tengo ganas de comenzar a aprender pero siento que podría ser muy abrumador para mi, pero si dices que es mas sencillo de lo que parece quizas me anime, la gente siempre hala de es Python pero resulta que hay una gran diversidad de cosas. Espero sigas poniendole hasta aprender burda se que puedes hermano.

Es que es así dude, al menos alternativas así son bastante buenas para empezar a meterse en el mundo de la programación como tal. Python es buenísimo dude, de hecho a día de hoy quise retomarlo para seguir aprendiendo de él pero también JavaScript es otro muy buen lenguaje aunque imo si es verdad que Python abarca mucho más campo por el montón de librerías que tiene que lo hacen muuuy versátil. Gracias mi hermanito, me alegra que se pasase por aquí, un saludo :)

 7 months ago  

Que genial como lo pones tu a lo ultimonde tu post, que dices que eaprender esto no es dificil solo tienesbaue iniciar, que bueno. La verdad si es facil llevo mucho aprendiendony nunca termino de aprederlo. Creo que es por mi indiciplina de ponerme a estudiarlo

Ciertamente es así, cuando uno le gusta algo jamás deja de aprender, a mi me pasa algo parecido con la programación pero bueno, toca retomarlo y dedicarse a ello. Un saludo!

 7 months ago  

Interesante este jueguito amigo, ya que a la misma vez que juegas vas aprendiendo, me encanta este robots jejejejeje gracias por compartir esta información👍

Jajaja, por eso digo, es una buena manera de poder aprender a programar sin estar sumergido en el tema. Muchísimas gracias por pasarte a ti y me alegra que te gustase :)

 7 months ago  

Que manera tan curiosa de aproximarse a la programación, nunca la había visto y me es muy llamativa, siempre le he tenido un alto respeto y nunca me he acercado a la programacion por ello, pero esto me coloco dudas en la mente... Saludos y ahora reconsidero si intentar aprender un poco de programacion gracias a ti.

La verdad es que sí, eso suele pasar muchísimas veces ya que programar como digo, es algo muy parecido a aprender un nuevo idioma desde 0 pero es cuestión de ponerse con ello para dejar de verlo como algo horrible. Con este tipo de apps es lo que busca, que te vayas familiarizando con el lenguaje para ir buscando más luego en otros lados. Me alegra que te gustase y muchísimas gracias a ti por pasarte, un saludo dude :)

 7 months ago  

Que buen post, yo llevo en la programación algunos años y pues por aprender por mi cuenta es que en la universidad lo le tome odio como muchos jajajaja, es muy genial el ver como otra persona también le toma ese gusto por aprender a programar.

Desde hace rato estoy por hacer algunos tutoriales interactivos para crear videojuegos en Unity, creo que es el momento de enseñar que la programación no es ese monstruo que todo el mundo cree, es muy bonita cuando la comprendes.

Un fuerte abrazo, espero volverte a ver en otra entrega.

Es que sí hermano, la programación es una rama bastante hermosa que hay que dejar de verla con ese espectro que es una locura, que es inentendible, etc. Una vez la comprendes, ves su utilidad y abres tu mente en razón de realizar las líneas de códigos es tremenda. Que cool Unity, yo quiero aprender también a especializarme en la rama de hacer videojuegos aunque primero empezaré con Python para dar brecha a motores gráficos como Unity, o Unreal Engine.

Muchísimas gracias a ti por pasarte mi bro, me alegra que te gustase el post, un saludo hermano :)