{"id":16706,"date":"2018-09-12T08:00:00","date_gmt":"2018-09-12T11:00:00","guid":{"rendered":"https:\/\/www.mxcursos.com\/blog\/?p=16706"},"modified":"2019-03-16T02:26:43","modified_gmt":"2019-03-16T05:26:43","slug":"tres-editores-de-textos-gratuitos-para-voce-comecar-a-programar","status":"publish","type":"post","link":"https:\/\/www.mxcursos.com\/blog\/tres-editores-de-textos-gratuitos-para-voce-comecar-a-programar\/","title":{"rendered":"Tr\u00eas editores de textos gratuitos para voc\u00ea come\u00e7ar a programar"},"content":{"rendered":"<p>Uma das escolhas mais importantes que voc\u00ea tem que fazer quando<strong> come\u00e7ar a programar<\/strong> \u00e9 o <strong>editor de texto<\/strong> ou a <strong>IDE<\/strong> que vai utilizar. Digo isso por que essa escolha tem que ser bem dosada, pois uma IDE que auto-completa todos os c\u00f3digos pode atrapalhar no aprendizado ou outra que \u00e9 muito manual pode n\u00e3o ser produtiva.<\/p>\n<p>Mas, antes de entrar no assunto principal deste artigo, quero abrir um par\u00eanteses e explicar, de forma bem sucinta, a <strong>diferen\u00e7a entre um editor de texto e uma IDE<\/strong>, e por qual motivo vou abordar aqui apenas os editores.<\/p>\n<p>IDE poder\u00e1 ficar pra um outro artigo no futuro.<\/p>\n<p>Vamos l\u00e1?<\/p>\n<h2>IDE x Editor de texto<\/h2>\n<h3>IDE<\/h3>\n<p>Pois bem, uma <em>IDE (Integrated Development Enviroment)<\/em>, ou em portugu\u00eas, <em>Ambiente integrado de desenvolvimento<\/em> \u00e9 um software usado, geralmente, para cria\u00e7\u00e3o e <strong>desenvolvimento de softwares<\/strong>.<\/p>\n<p>A grande <strong>vantagem de uma IDE<\/strong> \u00e9 que ela possui <strong>grandes funcionalidades que ajudam no desenvolvimento<\/strong>, <strong>aumentando a produtividade<\/strong>, como complemento de c\u00f3digo, al\u00e9m de, como o nome j\u00e1 diz, <strong>integrar v\u00e1rios ambientes<\/strong>.<\/p>\n<p>Em uma IDE, pode-se <strong>programar em v\u00e1rias linguagens<\/strong>, at\u00e9 mesmo conectar em servi\u00e7os externos, como banco de dados, versionadores de c\u00f3digos, entre outros.<\/p>\n<p>Entretanto, a desvantagem \u00e9 que geralmente \u00e9 mais &#8220;pesado&#8221; para se rodar, necessitando de um computador mais potente. Al\u00e9m disso, as funcionalidades que completam o c\u00f3digo podem ser ruins pra iniciantes, atrapalhando o aprendizado e memoriza\u00e7\u00e3o dos c\u00f3digos.<\/p>\n<p>Podemos citar como exemplo de IDE: <a href=\"https:\/\/www.eclipse.org\" target=\"_blank\" rel=\"noopener noreferrer\">Eclipse<\/a>, <a href=\"https:\/\/netbeans.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Netbeans<\/a>, <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHPStorm<\/a>, <a href=\"https:\/\/www.jetbrains.com\/idea\" target=\"_blank\" rel=\"noopener noreferrer\">InteliJ IDEA<\/a>, <a href=\"https:\/\/www.jetbrains.com\/pycharm\" target=\"_blank\" rel=\"noopener noreferrer\">PyCharm<\/a>, <a href=\"https:\/\/visualstudio.microsoft.com\/pt-br\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visual Studio<\/a>, entre outros.<\/p>\n<h3>Editor de texto<\/h3>\n<p>Um <strong>editor de texto<\/strong>, como o nome j\u00e1 diz, \u00e9 um software usado para se editar texto. De forma geral, o Microsoft Word, bloco de notas, etc., n\u00e3o deixam de ser um editor de texto, e pasmem, voc\u00ea conseguiria programar em HTML dentro do MS Word.<\/p>\n<p>O resultado seria desastroso, mas funcionaria. Enfim, nosso foco aqui s\u00e3o os <strong>editores de textos para desenvolvimento de softwares<\/strong>.<\/p>\n<p>As <strong>vantagens de um editor<\/strong> \u00e9 totalmente oposto ao de uma IDE. \u00c9 aconselh\u00e1vel que um iniciante comece em um editor exatamente pela falta de recursos e por muita coisa ser feito de forma manual, for\u00e7ando-o a memorizar e executar as fun\u00e7\u00f5es de forma manual, resultado assim em um <strong>melhor aprendizado<\/strong>.<\/p>\n<p>Outro ponto positivo \u00e9 que um editor de texto \u00e9 muito mais leve e n\u00e3o precisa de uma &#8220;m\u00e1quina parruda&#8221; pra funcionar e consequentemente da mesma forma contr\u00e1ria, n\u00e3o \u00e9 muito <strong>produtivo para programadores<\/strong> mais experientes que precisam resolver e <strong>desenvolver de forma r\u00e1pida e produtiva<\/strong>.<\/p>\n<p>S\u00e3o exemplos de Editores de texto: <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sublime Text<\/a>, <a href=\"https:\/\/notepad-plus-plus.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Notepad++<\/a>, <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visual Studio Code<\/a>, <a href=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atom<\/a>, <a href=\"https:\/\/brackets.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Brackets<\/a>, <a href=\"https:\/\/macromates.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TextMate<\/a>, entre outros.<\/p>\n<p>De uma forma geral, \u00e9 poss\u00edvel fazer um <strong>editor de texto<\/strong> se aproximar de uma IDE, instalando extens\u00f5es e plugins, por\u00e9m isso pode ir deixando-o mais &#8220;pesado&#8221; pra ser executado.<\/p>\n<p>Fechando os par\u00eanteses e voltando para o assunto do nosso artigo, quero mostrar aqui <strong>3 editores de textos<\/strong>, que s\u00e3o gratuitos e que ser\u00e3o \u00f3timos pra voc\u00ea come\u00e7ar a estudar seus c\u00f3digos, independente de qual linguagem ou tecnologia seja. Vamos l\u00e1!<\/p>\n<h2>Atom<\/h2>\n<p>O <a href=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atom<\/a> \u00e9 um <strong>editor de texto de c\u00f3digo aberto<\/strong>, desenvolvido pelo GitHub. \u00c9 leve e simples, podendo ser melhorado em funcionalidades atrav\u00e9s de pacotes.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-16710\" title=\"Atom - Tela inicial - Come\u00e7ar a programar\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/Print_Atom-600x386.png\" alt=\"Atom - Tela inicial - Come\u00e7ar a programar\" width=\"620\" height=\"399\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/Print_Atom-600x386.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/Print_Atom-768x494.png 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/Print_Atom-1500x965.png 1500w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/Print_Atom-740x476.png 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/Print_Atom-620x399.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/Print_Atom-24x15.png 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/Print_Atom.png 1517w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-16711\" title=\"Atom com diret\u00f3rio ou projeto aberto\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/print-atom-projeto-aberto-600x385.png\" alt=\"Atom com diret\u00f3rio ou projeto aberto\" width=\"620\" height=\"398\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/print-atom-projeto-aberto-600x385.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/print-atom-projeto-aberto-768x493.png 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/print-atom-projeto-aberto-1500x962.png 1500w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/print-atom-projeto-aberto-740x475.png 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/print-atom-projeto-aberto-620x398.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/print-atom-projeto-aberto-24x15.png 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/print-atom-projeto-aberto.png 1518w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Para instalar o Atom \u00e9 bem simples: Acesse <a href=\"http:\/\/atom.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/atom.io\/<\/a>, fa\u00e7a o download do instalador referente ao seu sistema operacional. O processo ele abrir\u00e1 uma <em>&#8220;Splash Screen&#8221;<\/em> avisando que o Atom est\u00e1 sendo instalado e que ser\u00e1 aberto automaticamente ap\u00f3s terminar.<\/p>\n<p>Ap\u00f3s isso, basta clicar em &#8220;<em>Open Project&#8221;<\/em> e selecionar o diret\u00f3rio do projeto que est\u00e1 trabalhando ou ir\u00e1 trabalhar.<\/p>\n<h2>Brackets<\/h2>\n<p>O <a href=\"http:\/\/brackets.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Brackets<\/a> foi criado pela Adobe e \u00e9 mantido ativo pela comunidade pelo GitHub. Tamb\u00e9m \u00e9 leve e tem suporte para uma gama bem ampla de extens\u00f5es e pacotes, que podem melhorar as funcionalidades do mesmo.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-16716\" title=\"Tela inicial do Brackets\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-brackets-600x319.png\" alt=\"Tela inicial do Brackets\" width=\"620\" height=\"329\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-brackets-600x319.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-brackets-768x408.png 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-brackets-740x393.png 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-brackets-620x329.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-brackets-24x13.png 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-brackets.png 1443w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>O <strong>grande diferencial do Brackets<\/strong> \u00e9 que ele possui uma ferramenta j\u00e1 nativa chamada <em>&#8220;Live Preview&#8221;<\/em>. Como o nome j\u00e1 diz, essa ferramenta habilita a atualiza\u00e7\u00e3o autom\u00e1tica do c\u00f3digo no navegador, criando um mini servidor local, por\u00e9m essa ferramenta s\u00f3 funciona no Google Chrome.<\/p>\n<h2>Visual Studio Code<\/h2>\n<p>Criado pela Microsoft, o <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visual Studio Code<\/a> (VSC) \u00e9 um <strong>editor de texto<\/strong> que caiu no gosto da comunidade pela sua facilidade, f\u00e1cil assimila\u00e7\u00e3o e pela quantidade enorme de extens\u00f5es de v\u00e1rias linguagens e tecnologias. Pode-se dizer que \u00e9 poss\u00edvel transformar o VSC em uma IDE, instalando as extens\u00f5es necess\u00e1rias para tal.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-16722\" title=\"Tela do Visual Studio Code\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-vsc-600x340.png\" alt=\"Tela do Visual Studio Code\" width=\"619\" height=\"351\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-vsc-600x340.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-vsc-768x435.png 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-vsc-1500x850.png 1500w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-vsc-740x419.png 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-vsc-620x351.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-vsc-24x14.png 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2018\/09\/tela-inicial-e-de-projeto-vsc.png 1569w\" sizes=\"(max-width: 619px) 100vw, 619px\" \/><\/p>\n<p>Hoje, o <strong>Visual Studio Code<\/strong> \u00e9 o editor de texto que adotei para ministrar aulas e tamb\u00e9m para meu dia a dia. \u00c9 um editor completo, com \u00f3timas funcionalidades. O \u00fanico ponto fraco \u00e9 um uso muito grande de mem\u00f3ria.<\/p>\n<p>Apenas para complementar, n\u00e3o confundir o <strong>Visual Studio Code<\/strong> com a <strong>IDE Visual Studio<\/strong>. Apesar de ambos serem da Microsoft, d\u00e3o ferramentas totalmente diferentes.<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>Qualquer uma das tr\u00eas op\u00e7\u00f5es apresentadas ir\u00e1 te atender muito bem em seus estudos. Aconselho voc\u00ea a instalar as tr\u00eas op\u00e7\u00f5es e testar.<\/p>\n<p>Nada melhor do que o &#8220;toque&#8221; para saber se realmente vai ser bom e vai servir. Fique a vontade para experimentar e diga a\u00ed nos coment\u00e1rios qual voc\u00ea mais gostou!<\/p>\n<p>Um forte abra\u00e7o!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma das escolhas mais importantes que voc\u00ea tem que fazer quando come\u00e7ar a programar \u00e9 o editor de texto ou a IDE que vai utilizar. Digo isso por que essa escolha tem que ser bem dosada, pois uma IDE que auto-completa todos os c\u00f3digos pode atrapalhar no aprendizado ou outra que \u00e9 muito manual pode [&hellip;]<\/p>\n","protected":false},"author":150,"featured_media":16730,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[678],"tags":[],"class_list":["post-16706","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/16706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/150"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=16706"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/16706\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/16730"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=16706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=16706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=16706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}