{"id":2619,"date":"2017-12-11T21:03:33","date_gmt":"2017-12-11T20:03:33","guid":{"rendered":"http:\/\/www.infoclases.com\/blog\/?p=2619"},"modified":"2017-12-11T21:03:33","modified_gmt":"2017-12-11T20:03:33","slug":"aprender-javascript-jugando","status":"publish","type":"post","link":"https:\/\/infoclases.com\/blog\/aprender-javascript-jugando\/","title":{"rendered":"\u00bfQuieres aprender JavaScript jugando?"},"content":{"rendered":"<h2>JSRobot, un juego para aprender a programar JavaScript<\/h2>\n<p>&nbsp;<\/p>\n<p>Ya sabemos que hoy en d\u00eda la programaci\u00f3n tiene una importancia cada vez mayor. Muchas escuelas y colegios est\u00e1n impartiendo clases de <strong>rob\u00f3tica<\/strong> y <strong>programaci\u00f3n<\/strong> a ni\u00f1os bien peque\u00f1os, adem\u00e1s de a adolescentes. \u00bfPor qu\u00e9 lo hacen? Porque ayuda a desarrollar la l\u00f3gica del alumno y es, sin duda, un conocimiento de gran valor si el d\u00eda de ma\u00f1ana ese alumno quiere dedicarse al mundo de la programaci\u00f3n, ingenier\u00eda, etc.<\/p>\n<p>&nbsp;<\/p>\n<p>En este contexto, cada vez est\u00e1n surgiendo nuevos <strong>juegos<\/strong> que nos ense\u00f1an a programar desde un nivel cero, tanto a adultos como a ni\u00f1os. Son juegos para programar en diversos lenguajes de programaci\u00f3n, como <strong>JavaScript<\/strong>, <strong>Python<\/strong>, etc.<\/p>\n<p>&nbsp;<\/p>\n<p>Hoy queremos hablaros de JSRobot, un juego destinado a aprender JavaScript. Si vamos a su <a href=\"https:\/\/lab.reaal.me\/jsrobot\/#\">web<\/a> (te invitamos a que lo pruebes) ver\u00e1s que se trata de un sencillo juego en 2D en el que hay que ir avanzando logrando finalizar una serie de acciones. <strong>El juego est\u00e1 en ingl\u00e9s<\/strong>, eso s\u00ed, as\u00ed que si quieres practicar un poco antes de empezar a divertirte, contrata <a href=\"https:\/\/www.infoclases.com\/clases-particulares\/de-ingles\">clases particulares de ingl\u00e9s<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>Una vez que est\u00e1s en la web del juego, ver\u00e1s como aparece el bot\u00f3n de \u2018Start\u2019 para empezar a jugar. Antes de ello, los creadores del juegos nos recomiendan que veamos un <strong>v\u00eddeo<\/strong> (tambi\u00e9n en ingl\u00e9s) en el que nos hacen una peque\u00f1a introducci\u00f3n para todos aquellos que no sepamos nada de JavaScript.<\/p>\n<p>&nbsp;<\/p>\n<p>Te recomendamos que veas el v\u00eddeo si quieres empezar a jugar. Ser\u00e1 mucho m\u00e1s f\u00e1cil. Adem\u00e1s, es bastante sencillo de entender y muy did\u00e1ctico, incluso para la gente que tiene temor a la programaci\u00f3n.<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"Learn JavaScript in 12 Minutes\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Ukg_U3CnJWI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h2>\u00bfEmpezamos a jugar?<\/h2>\n<p>&nbsp;<\/p>\n<p>A partir de ah\u00ed puedes empezar a jugar. En el panel de instrucciones se te explica todo. Hay un <strong>peque\u00f1o robot que tiene que ir avanzando e ir recogiendo monedas<\/strong>. Y, para ello, debes ir introduciendo comandos modificables.<\/p>\n<p>&nbsp;<\/p>\n<p>Para que te hagas una idea, hay cuatro apartados:<strong> instrucciones, script, consola y propiedades<\/strong>. En la consola te aparecen los comando que puedes ir aplicando para que el robot avance y recoja las monedas. Asimismo, tambi\u00e9n puedes codificar el robot para que se desplace m\u00e1s r\u00e1pido o m\u00e1s lento. Y luego tenemos el script, donde puedes pegar el comando y ver c\u00f3mo funciona dicho robot. As\u00ed ver\u00e1s el c\u00f3digo. Por \u00faltimo, est\u00e1 la secci\u00f3n con las propiedades de los distintos elementos del juego.<\/p>\n<p>&nbsp;<\/p>\n<p>En los niveles iniciales es muy sencillo. Solo hay que introducir los diferentes comandos que nos indican en la consola y crear diferentes scripts para lograr pasar al siguiente nivel. Este juego solo cuenta con <strong>seis niveles<\/strong> que podr\u00e1s superar sin mayor dificultad si sigues las instrucciones y vas introduciendo los comandos en la consola o en el script. Desde Infoclases te animamos a que lo pruebes para ver un poco en qu\u00e9 consiste el JavaScript y ver si te puede interesar aprenderlo a nivel personal o profesional.<\/p>\n<p>&nbsp;<\/p>\n<h2>JavaScript<\/h2>\n<p>&nbsp;<\/p>\n<p>Para los que no estamos muy metidos dentro del mundo de la programaci\u00f3n, vamos a hacer un breve repaso de lo que es JavaScript y de sus posibles usos. Es ampliamente conocido por muchos pero <strong>\u00bfqu\u00e9 es realmente JavaScript?<\/strong> Aqu\u00ed van las respuestas.<\/p>\n<p>&nbsp;<\/p>\n<p>JavaScript es un <strong>lenguaje de programaci\u00f3n interpretado<\/strong>, dialecto del est\u00e1ndar ECMAScript. Est\u00e1 <strong>dirigido a objetos y se basa en prototipos<\/strong>. Lo definen como <strong>imperativo, din\u00e1mico y d\u00e9bilmente tipado<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p>Hay que saber que se usa principalmente del lado del cliente aunque tambi\u00e9n presenta una forma del lado del servidor. Si lo utilizamos de la forma del lado del cliente (client-side), JavaScript nos va a permitir a\u00f1adir interacci\u00f3n a una p\u00e1gina web. De hecho, se aplica a un documento tipo HTML para a\u00f1adirle interactividad din\u00e1mica.<\/p>\n<p>&nbsp;<\/p>\n<p>Con JavaScript podemos conseguir carruseles, galer\u00edas de im\u00e1genes, fluctuaciones en los botones de la web\u2026cosas muy sencillas hasta que, si llegamos a un nivel muy avanzado en el manejo de este lenguaje de programaci\u00f3n, podremos crear juegos, animaciones 2D, gr\u00e1ficos 3D y muchas cosas m\u00e1s.<\/p>\n<p>&nbsp;<\/p>\n<p>Lo cierto es que se trata de un lenguaje de programaci\u00f3n potent\u00edsimo para dar <strong>interacci\u00f3n y dinamismo<\/strong> a una p\u00e1gina web. Cualquier desarrollador y programador lo conoce hoy en d\u00eda ya que su uso est\u00e1 ampliamente extendido y lo aceptan todos los navegadores modernos.<\/p>\n<p>&nbsp;<\/p>\n<p>Fue fundado por <strong>Brendan Eich<\/strong>, cofundador a su vez de Mozilla.<\/p>\n<p>&nbsp;<\/p>\n<h2>Clases particulares de JavaScript<\/h2>\n<p>&nbsp;<\/p>\n<p>Si te atrae la inform\u00e1tica, el dise\u00f1o web, el dise\u00f1o gr\u00e1fico o, simplemente, quieres pasar un buen rato, te recomendamos que recibas clases de JavaScript. Ya ver\u00e1s c\u00f3mo no es ning\u00fan dinero tirado, pues podr\u00e1s a\u00f1adir a tu CV ese conocimiento e, incluso, podr\u00edas abrirte futuro en <strong>una de las \u00e1reas profesionales con menor tasa de desempleo<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p>Si tienes un ni\u00f1o o ni\u00f1a o un adolescente en casa y le gusta trastear con el ordenador, contrata a un <a href=\"https:\/\/www.infoclases.com\/clases-particulares\/de-javascript\">profesor particular<\/a> para que le d\u00e9 unas clases. Seguro que se engancha. Puede empezar por <strong>HTML<\/strong> y seguir con <strong>CSS<\/strong> y JavaScript. Si le gusta, le estar\u00e1s haciendo un favor de cara a su futuro.<\/p>\n<p>&nbsp;<\/p>\n<h2>M\u00e1s juegos de JavaScript<\/h2>\n<p>&nbsp;<\/p>\n<p>Si ya te has hecho los seis niveles de JSRobot, te recomendaos otro juego bastante famoso en este mundillo. Se trata de <a href=\"https:\/\/codecombat.com\/\">CodeCombat<\/a>, tambi\u00e9n destinado a aprender JavaScript jugando. En este caso, se trata de un <strong>juego de mazmorras<\/strong>. Es muy divertido y goza de bastante aceptaci\u00f3n.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2621\" src=\"http:\/\/www.infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-1024x576.jpg\" alt=\"codecombat juego programaci\u00f3n javascript\" width=\"640\" height=\"360\" srcset=\"https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-1024x576.jpg 1024w, https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-300x169.jpg 300w, https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-768x432.jpg 768w, https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-700x394.jpg 700w, https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-520x293.jpg 520w, https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-360x203.jpg 360w, https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-250x141.jpg 250w, https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat-100x56.jpg 100w, https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/codecombat.jpg 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>No cabe decir que todos estos juegos son gratuitos as\u00ed que te animamos a que los pruebes. Si te gustan los videojuegos, seguro que te enganchas con estos juegos con los que adem\u00e1s aprender\u00e1s los inicios de la programaci\u00f3n.<\/p>\n<p>&nbsp;<\/p>\n<p>De todas formas, si el tema de los de los juegos no te interesa demasiado, siempre puedes aprender las bases con tutoriales online totalmente gratuitos y con <strong>tutoriales en Youtube<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p>\u00bfTe atreves a empezar a programar en JavaScript?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JSRobot, un juego para aprender a programar JavaScript &nbsp; Ya sabemos que hoy en d\u00eda la programaci\u00f3n tiene una importancia cada vez mayor. Muchas escuelas y colegios est\u00e1n impartiendo clases de rob\u00f3tica y programaci\u00f3n a ni\u00f1os bien peque\u00f1os, adem\u00e1s de a adolescentes. \u00bfPor qu\u00e9 lo hacen? Porque ayuda a desarrollar la l\u00f3gica del alumno y &#8230; <a title=\"\u00bfQuieres aprender JavaScript jugando?\" class=\"read-more\" href=\"https:\/\/infoclases.com\/blog\/aprender-javascript-jugando\/\">Leer m\u00e1s <span class=\"screen-reader-text\">\u00bfQuieres aprender JavaScript jugando?<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":2620,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[316,314,315,261],"tags":[319,317,318,271],"class_list":["post-2619","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informatica","category-javascript","category-juegos","category-programacion","tag-informatica","tag-javascript","tag-juegos","tag-programacion"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>\u00bfQuieres aprender JavaScript jugando? | Blog de clases particulares<\/title>\r\n<meta name=\"description\" content=\"JSRobot, un juego para aprender a programar JavaScript &nbsp; Ya sabemos que hoy en d\u00eda la programaci\u00f3n tiene una importancia cada vez mayor. Muchas\" \/>\r\n<meta name=\"robots\" content=\"index, follow\" \/>\r\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/test.infoclases.com\/blog\/aprender-javascript-jugando\/\" \/>\r\n<meta property=\"og:locale\" content=\"es_ES\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"\u00bfQuieres aprender JavaScript jugando? | Blog de clases particulares\" \/>\r\n<meta property=\"og:description\" content=\"JSRobot, un juego para aprender a programar JavaScript &nbsp; Ya sabemos que hoy en d\u00eda la programaci\u00f3n tiene una importancia cada vez mayor. Muchas\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/test.infoclases.com\/blog\/aprender-javascript-jugando\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Blog de clases particulares\" \/>\r\n<meta property=\"article:published_time\" content=\"2017-12-11T20:03:33+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/JSRobot.jpeg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"500\" \/>\r\n\t<meta property=\"og:image:height\" content=\"500\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/infoclases.com\/blog\/#website\",\"url\":\"https:\/\/infoclases.com\/blog\/\",\"name\":\"Blog de clases particulares\",\"description\":\"\\u00bfBuscas clases particulares o alumnos? Descubre c\\u00f3mo encontrar al profesor particular m\\u00e1s adecuado o a ser el mejor docente y llenar tus clases. \\u00a1Entra ya!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/infoclases.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/test.infoclases.com\/blog\/aprender-javascript-jugando\/#primaryimage\",\"inLanguage\":\"es\",\"url\":\"https:\/\/infoclases.com\/blog\/wp-content\/uploads\/2017\/12\/JSRobot.jpeg\",\"width\":500,\"height\":500,\"caption\":\"jsrobot juego javacsript\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/test.infoclases.com\/blog\/aprender-javascript-jugando\/#webpage\",\"url\":\"https:\/\/test.infoclases.com\/blog\/aprender-javascript-jugando\/\",\"name\":\"\\u00bfQuieres aprender JavaScript jugando? | Blog de clases particulares\",\"isPartOf\":{\"@id\":\"https:\/\/infoclases.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/test.infoclases.com\/blog\/aprender-javascript-jugando\/#primaryimage\"},\"datePublished\":\"2017-12-11T20:03:33+00:00\",\"dateModified\":\"2017-12-11T20:03:33+00:00\",\"author\":{\"@id\":\"https:\/\/infoclases.com\/blog\/#\/schema\/person\/582c7edffd542b68647170ae7badce92\"},\"description\":\"JSRobot, un juego para aprender a programar JavaScript &nbsp; Ya sabemos que hoy en d\\u00eda la programaci\\u00f3n tiene una importancia cada vez mayor. Muchas\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/test.infoclases.com\/blog\/aprender-javascript-jugando\/\"]}]},{\"@type\":[\"Person\"],\"@id\":\"https:\/\/infoclases.com\/blog\/#\/schema\/person\/582c7edffd542b68647170ae7badce92\",\"name\":\"Blog de Infoclases\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/infoclases.com\/blog\/#personlogo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cca0178989b961440b7c3ba1b8a976f35da79d65ca6c6b91b080bf7469c9ddec?s=96&d=mm&r=g\",\"caption\":\"Blog de Infoclases\"}}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/posts\/2619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/comments?post=2619"}],"version-history":[{"count":1,"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/posts\/2619\/revisions"}],"predecessor-version":[{"id":2622,"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/posts\/2619\/revisions\/2622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/media\/2620"}],"wp:attachment":[{"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/media?parent=2619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/categories?post=2619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infoclases.com\/blog\/wp-json\/wp\/v2\/tags?post=2619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}