{"id":747,"date":"2016-11-15T09:24:18","date_gmt":"2016-11-15T11:24:18","guid":{"rendered":"http:\/\/www.galirows.com.br\/meublog\/?p=747"},"modified":"2016-11-15T09:24:18","modified_gmt":"2016-11-15T11:24:18","slug":"aprendendo-programacao-jogos-ide-online","status":"publish","type":"post","link":"http:\/\/www.galirows.com.br\/meublog\/blog\/aprendendo-programacao-jogos-ide-online\/","title":{"rendered":"Aprendendo programa\u00e7\u00e3o fazendo jogos em IDEs online"},"content":{"rendered":"<p>Nesse post indico algumas ferramentas de aprendizagem de programa\u00e7\u00e3o online que exploram jogos como elemento motivador e aux\u00edlio na compreens\u00e3o dos conceitos de algoritmos.<\/p>\n<p><strong>CodeCombat<\/strong><\/p>\n<p><a href=\"http:\/\/br.codecombat.com\">CodeCombat <\/a>\u00e9 um projeto <a href=\"https:\/\/github.com\/codecombat\/codecombat\">open source<\/a> mas que tamb\u00e9m \u00e9 disponibilizado para uso na web em seu site principal. S\u00e3o centenas de colaboradores, inclusive com a tentativa de traduzir o material para diversas linguagens, entre ela o portugu\u00eas.<\/p>\n<p>CodeCombat \u00e9 um jogo que ensina a programar. Ele possui recursos voltados para alunos e professores e pode ser utilizado por crian\u00e7as e adolescentes. As linguagens de programa\u00e7\u00e3o dispon\u00edveis s\u00e3o Python e JavaScript, sendo prevista a linguagem Java em breve.<\/p>\n<p><a href=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/Forest.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-753\" src=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/Forest-300x176.png\" alt=\"forest\" width=\"300\" height=\"176\" srcset=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/Forest-300x176.png 300w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/Forest-150x88.png 150w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/Forest-768x450.png 768w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/Forest.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nDiferente de outras ferramentas recentes, a programa\u00e7\u00e3o n\u00e3o \u00e9 feita por blocos de arrastar (<em>drag-and-drop<\/em>), o que pode ser uma vantagem para quem n\u00e3o gosta dessa abordagem.<\/p>\n<p>Um elemento importante \u00e9 que a ferramenta foi pensada para uso em sala de aula e est\u00e3o dispon\u00edveis diversos recursos para professores, al\u00e9m ambientes organizados por n\u00edvel de habilidade. Um professor pode criar uma turma, adicionar alunos e acompanhar o progresso deles.<\/p>\n<p><a href=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/2016-11-10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-754\" src=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/2016-11-10-300x170.png\" alt=\"2016-11-10\" width=\"300\" height=\"170\" srcset=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/2016-11-10-300x170.png 300w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/2016-11-10-150x85.png 150w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/2016-11-10-768x435.png 768w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/2016-11-10-1024x580.png 1024w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/2016-11-10.png 1135w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><strong>Tynker<\/strong><\/p>\n<p>O <a href=\"https:\/\/www.tynker.com\" target=\"_blank\">Tynker <\/a>possui foco no ensino de programa\u00e7\u00e3o para crian\u00e7as. As li\u00e7\u00f5es s\u00e3o projetadas para aprendizado gradual, onde \u00e9 poss\u00edvel ganhar diversas medalhas (badges).<\/p>\n<p>O princ\u00edpio da plataforma \u00e9 trazer jogos e quebras cabe\u00e7as para serem resolvidos por programa\u00e7\u00e3o. Em vez de controlar o personagem com o teclado, a crian\u00e7a deve programar suas a\u00e7\u00f5es. Como s\u00e3o muitos desafios bastante diferentes, n\u00e3o fica cansativo. Veja um exemplo de atividade <a href=\"https:\/\/www.tynker.com\/lesson\/host\" target=\"_blank\">clicando aqui<\/a>. Veja que a explica\u00e7\u00e3o \u00e9 uma anima\u00e7\u00e3o narrada, e n\u00e3o apenas textual.<\/p>\n<p><a href=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/img-student-direction-01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-758\" src=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/img-student-direction-01-300x216.jpg\" alt=\"img-student-direction-01\" width=\"300\" height=\"216\" srcset=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/img-student-direction-01-300x216.jpg 300w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/img-student-direction-01-150x108.jpg 150w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/img-student-direction-01-768x553.jpg 768w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/img-student-direction-01.jpg 827w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nA codifica\u00e7\u00e3o no Tynker \u00e9 feita com blocos visuais o que facilita para as crian\u00e7as, mas j\u00e1 existe a possibilidade de codifica\u00e7\u00e3o em texto atrav\u00e9s de JavaScript e Python, o que estende a possibilidade de uso em outras faixas et\u00e1rias.<\/p>\n<p>Conforme a crian\u00e7a avan\u00e7a em seus conhecimentos de programa\u00e7\u00e3o ela poder\u00e1 fazer seus pr\u00f3prios jogos e disponibilizar para outros usu\u00e1rios. S\u00e3o disponibilizados diversos <em>assets<\/em>, mas tamb\u00e9m existem ferramentas para personalizar os <em>assets<\/em>. O desenvolvimento fica parecido com o feito com a <a href=\"http:\/\/www.stencyl.com\/\" target=\"_blank\">Stencyl<\/a>, mas em uma IDE online.<\/p>\n<p><a href=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/ide-01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-757\" src=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/ide-01-300x216.jpg\" alt=\"ide-01\" width=\"300\" height=\"216\" srcset=\"http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/ide-01-300x216.jpg 300w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/ide-01-150x108.jpg 150w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/ide-01-768x553.jpg 768w, http:\/\/www.galirows.com.br\/meublog\/wp-content\/uploads\/2016\/11\/ide-01.jpg 827w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\nPara professores, existe tamb\u00e9m recurso para criar uma turma e gerenciar a evolu\u00e7\u00f5es dos alunos. Existe um plano b\u00e1sico gratuito, embora bem restrito, mas sem limite de alunos. Funcionaria para um conte\u00fado introdut\u00f3rio de programa\u00e7\u00e3o. Os pais tamb\u00e9m possuem uma acesso diferenciado a plataforma, permitindo acompanhar o desempenho dos filhos.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nesse post indico algumas ferramentas de aprendizagem de programa\u00e7\u00e3o online que exploram jogos como elemento motivador e aux\u00edlio na compreens\u00e3o dos conceitos de algoritmos. CodeCombat CodeCombat \u00e9 um projeto open source mas que tamb\u00e9m \u00e9 disponibilizado para uso na web em seu site principal. S\u00e3o centenas de colaboradores, inclusive com a tentativa de traduzir o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[27,32,29,31,30,20],"class_list":["post-747","post","type-post","status-publish","format-standard","hentry","category-jogos","tag-algoritmos","tag-ide-online","tag-javascript","tag-jogos","tag-programacao","tag-python"],"aioseo_notices":[],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/posts\/747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/comments?post=747"}],"version-history":[{"count":4,"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/posts\/747\/revisions"}],"predecessor-version":[{"id":759,"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/posts\/747\/revisions\/759"}],"wp:attachment":[{"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/media?parent=747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/categories?post=747"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.galirows.com.br\/meublog\/wp-json\/wp\/v2\/tags?post=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}