{"id":1003,"date":"2018-11-07T14:47:55","date_gmt":"2018-11-07T17:47:55","guid":{"rendered":"https:\/\/programathor.com.br\/blog\/?p=1003"},"modified":"2021-07-08T15:31:36","modified_gmt":"2021-07-08T18:31:36","slug":"projetos-de-javascript","status":"publish","type":"post","link":"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/","title":{"rendered":"5 coisas que voc\u00ea pode aprender com projetos de JavaScript"},"content":{"rendered":"<p>Projetos de JavaScript s\u00e3o uma aventura. Mas na maioria das vezes&nbsp;h\u00e1 padr\u00f5es, os quais fazem com que, mesmo os projetos mais desalinhados funcionassem de forma gerenci\u00e1vel.<\/p>\n<p>Abaixo, apresentaremos 5 coisas que voc\u00ea pode aprender com projetos de JavaScript e que podem te ajudar na sua evolu\u00e7\u00e3o como programador.<\/p>\n<p><!--more--><\/p>\n<h2>Separe e conquiste<\/h2>\n<p>Consist\u00eancia. Dividir seu projeto em arquivos de exporta\u00e7\u00e3o tornar\u00e1 a busca e o gerenciamento dos projetos de <a href=\"https:\/\/programathor.com.br\/jobs-javascript?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=projetos_de_javascript\">JavaScript<\/a> mais f\u00e1cil e organizado. Isso ajudar\u00e1 voc\u00ea no futuro, quando a base de c\u00f3digo crescer, portanto nomear cada arquivo o tornar\u00e1 intuitivo e n\u00e3o sobrecarregar\u00e1 nosso c\u00e9rebro.<\/p>\n<p>Gest\u00e3o. Separar cada exporta\u00e7\u00e3o em seu pr\u00f3prio arquivo permite mov\u00ea-la rapidamente quando necess\u00e1rio. Quando sua fun\u00e7\u00e3o auxiliar \u00e9 necess\u00e1ria em uma parte diferente do aplicativo, voc\u00ea pode simplesmente criar um diret\u00f3rio, dessa maneira, tornando-o acess\u00edvel para outras partes de seu c\u00f3digo.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1009 size-medium_large\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-574080-1-768x508.jpeg\" alt=\"\" width=\"676\" height=\"447\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-574080-1-768x508.jpeg 768w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-574080-1-300x199.jpeg 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-574080-1-1024x678.jpeg 1024w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-574080-1-676x447.jpeg 676w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-574080-1.jpeg 1280w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<h2>Transformar coisas complicadas em \u00f3bvias<\/h2>\n<p>Nomeie cada vari\u00e1vel, cada fun\u00e7\u00e3o, cada arquivo. Voc\u00ea perder\u00e1 pouco tempo fazendo isso, mas economizar\u00e1 um tempo infinitamente maior no futuro. Pense no futuro e n\u00e3o tenha medo de nomes longos.<\/p>\n<p>Em algum momento no futuro voc\u00ea, ou algu\u00e9m da sua equipe passar\u00e1 uma grande quantidade de tempo tentando descobrir o que est\u00e1 acontecendo no c\u00f3digo. Concentre-se em simplificar as coisas, sem necessidade de documenta\u00e7\u00e3o ou coment\u00e1rios.<\/p>\n<p><em><a href=\"https:\/\/programathor.com.br\/blog\/armas-secretas-para-aumentar-seu-foco\/\">Leia tamb\u00e9m: &#8220;Armas secretas para aumentar seu foco&#8221;.<\/a><\/em><\/p>\n<h2>Frameworks estar\u00e3o l\u00e1 para ajudar<\/h2>\n<p>Invista um tempo para pensar em alguma estrutura que ir\u00e1 te auxiliar nos seus projetos de JavaScript. Separamos algumas bibliotecas e frameworks que podem ser \u00fateis para voc\u00ea:<\/p>\n<ul>\n<li><strong>React:&nbsp;<\/strong>quando voc\u00ea precisar de controle total sobre a arquitetura e a constru\u00e7\u00e3o. O desenvolvimento do ambiente React leva tempo e requer muito planejamento. React ajuda bastante, mas apenas se voc\u00ea souber o que est\u00e1 fazendo.<\/li>\n<li><strong>Angular:&nbsp;<\/strong>quando voc\u00ea precisa de um aplicativo web feito r\u00e1pido e confi\u00e1vel. Essa estrutura faz muito por voc\u00ea. Al\u00e9m do Angular, outros frameworks realizam fun\u00e7\u00f5es semelhantes, por exemplo: VueJS e Ember.<\/li>\n<li><strong>jQuery:&nbsp;<\/strong>quando voc\u00ea precisa de uma p\u00e1gina da web feita rapidamente. Ele pode reduzir significativamente o tempo de desenvolvimento, mas exige cuidado. Voc\u00ea tamb\u00e9m pode utilizar, para as mesmas finalidades, a estrutura Lodash.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/programathor.com.br\/jobs?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=projetos_de_javascript\"><img decoding=\"async\" class=\"aligncenter wp-image-901 size-post-image\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/vaga-desenvolvedor-1-676x367.jpg\" alt=\"\" width=\"676\" height=\"367\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/vaga-desenvolvedor-1-676x367.jpg 676w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/vaga-desenvolvedor-1-300x163.jpg 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/vaga-desenvolvedor-1.jpg 700w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/a><\/p>\n<h2>Use o controle de vers\u00e3o<\/h2>\n<p>N\u00e3o importa se \u00e9 um prot\u00f3tipo, aplicativo <a href=\"https:\/\/programathor.com.br\/blog\/qual-caminho-escolher-na-programacao-web\/\">web<\/a> ou um pequeno projeto. Use Git ou outro controle de vers\u00e3o, desde o momento que voc\u00ea escreve a primeira linha de c\u00f3digo.<\/p>\n<p>O controle de vers\u00e3o permite que voc\u00ea viaje no tempo, salve coisas quebradas, veja mudan\u00e7as introduzidas no passado. O controle permitir\u00e1 que voc\u00ea volte o caminho e concerte um poss\u00edvel bug que tenha aparecido.<\/p>\n<h2>Feedbacks e tend\u00eancias<\/h2>\n<p>No final, ou\u00e7a e aprenda com a comunidade. N\u00e3o h\u00e1 nada melhor que ter opini\u00e3o de algu\u00e9m de fora. Divulgue seus projetos de JavaScript e colhe feedbacks, caso algum fa\u00e7a sentido, \u00e9 hora de pivotar.<\/p>\n<p>Fique por dentro das tend\u00eancias, pois o mundo da programa\u00e7\u00e3o est\u00e1 em constante evolu\u00e7\u00e3o. Atenha-se \u00e0s suas escolhas para preservar a capacidade de manuten\u00e7\u00e3o e ajuste quando necess\u00e1rio, mas somente quando necess\u00e1rio.<\/p>\n<p>Espero que tenham gostado das dicas. Utilize o espa\u00e7o dos coment\u00e1rios para compartilhar experi\u00eancias, conhecimentos e feedbacks.<\/p>\n<p><a href=\"https:\/\/programathor.com.br\/\"><img decoding=\"async\" class=\"aligncenter wp-image-865 size-medium_large\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/08\/LOGO-PROGRAMATHOR-1-768x128.jpg\" alt=\"PROGRAMATHOR\" width=\"676\" height=\"113\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/08\/LOGO-PROGRAMATHOR-1-768x128.jpg 768w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/08\/LOGO-PROGRAMATHOR-1-300x50.jpg 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/08\/LOGO-PROGRAMATHOR-1-1024x171.jpg 1024w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/08\/LOGO-PROGRAMATHOR-1-676x113.jpg 676w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/08\/LOGO-PROGRAMATHOR-1.jpg 1242w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/a><\/p>\n<hr>\n<h3><strong>Consiga um emprego!<\/strong><\/h3>\n<p>Est\u00e1 buscando novas oportunidades como desenvolvedor?&nbsp; Acesse a&nbsp;<a href=\"https:\/\/programathor.com.br\/\">ProgramaThor<\/a>, uma startup focada no recrutamento de desenvolvedores. Para se candidatar \u00e0s vagas para programador e receber notifica\u00e7\u00f5es em casos de matching, basta de cadastrar e completar seu perfil corretamente.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/programathor.com.br\/jobs?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=projetos_de_javascript\" class=\"large otw-greenish radius otw-button\" target=\"_blank\">VAGAS PARA PROGRAMADORES<\/a><\/p>\n<p>Esse artigo \u00e9 inspirado no texto da <a href=\"https:\/\/blog.usejournal.com\/10-things-you-will-eventually-learn-about-javascript-projects-efd7646b958a\">Noteworthy<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Projetos de JavaScript s\u00e3o uma aventura. Mas na maioria das vezes&nbsp;h\u00e1 padr\u00f5es, os quais fazem com que, mesmo os projetos mais desalinhados funcionassem de forma gerenci\u00e1vel. Abaixo, apresentaremos 5 coisas que voc\u00ea pode aprender com projetos de JavaScript e que podem te ajudar na sua evolu\u00e7\u00e3o como programador.<\/p>\n","protected":false},"author":7,"featured_media":1012,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Projetos de javascript para aprender - Blog ProgramaThor<\/title>\n<meta name=\"description\" content=\"Neste artigo, a ProgramaThor trouxe uma lista com 5 coisas que voc\u00ea pode aprender com projetos de JavaScript. Vem conferir!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Projetos de javascript para aprender - Blog ProgramaThor\" \/>\n<meta property=\"og:description\" content=\"Neste artigo, a ProgramaThor trouxe uma lista com 5 coisas que voc\u00ea pode aprender com projetos de JavaScript. Vem conferir!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog ProgramaThor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ProgramaThorBr\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-07T17:47:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-08T18:31:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/Projetos-de-JavaScript.png\" \/>\n\t<meta property=\"og:image:width\" content=\"676\" \/>\n\t<meta property=\"og:image:height\" content=\"366\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Guilherme Luis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ProgramaThor\" \/>\n<meta name=\"twitter:site\" content=\"@ProgramaThor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Guilherme Luis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Projetos de javascript para aprender - Blog ProgramaThor","description":"Neste artigo, a ProgramaThor trouxe uma lista com 5 coisas que voc\u00ea pode aprender com projetos de JavaScript. Vem conferir!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/","og_locale":"pt_PT","og_type":"article","og_title":"Projetos de javascript para aprender - Blog ProgramaThor","og_description":"Neste artigo, a ProgramaThor trouxe uma lista com 5 coisas que voc\u00ea pode aprender com projetos de JavaScript. Vem conferir!","og_url":"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/","og_site_name":"Blog ProgramaThor","article_publisher":"https:\/\/www.facebook.com\/ProgramaThorBr\/","article_published_time":"2018-11-07T17:47:55+00:00","article_modified_time":"2021-07-08T18:31:36+00:00","og_image":[{"width":676,"height":366,"url":"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/Projetos-de-JavaScript.png","type":"image\/png"}],"author":"Guilherme Luis","twitter_card":"summary_large_image","twitter_creator":"@ProgramaThor","twitter_site":"@ProgramaThor","twitter_misc":{"Escrito por":"Guilherme Luis","Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/","url":"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/","name":"Projetos de javascript para aprender - Blog ProgramaThor","isPartOf":{"@id":"https:\/\/programathor.com.br\/blog\/#website"},"datePublished":"2018-11-07T17:47:55+00:00","dateModified":"2021-07-08T18:31:36+00:00","author":{"@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/f81d80875539ccc14358e41a86278935"},"description":"Neste artigo, a ProgramaThor trouxe uma lista com 5 coisas que voc\u00ea pode aprender com projetos de JavaScript. Vem conferir!","breadcrumb":{"@id":"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/programathor.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Uncategorized","item":"https:\/\/programathor.com.br\/blog\/category\/uncategorized\/"},{"@type":"ListItem","position":3,"name":"5 coisas que voc\u00ea pode aprender com projetos de JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/programathor.com.br\/blog\/#website","url":"https:\/\/programathor.com.br\/blog\/","name":"Blog ProgramaThor","description":"A plataforma de recrutamento  para programadores pensada por programadores. Entenda melhor o mundo da programa\u00e7\u00e3o, a cria\u00e7\u00e3o de uma vaga eficiente, dicas de entrevista, as linguagens do momento, o mercado de desenvolvimento e muito mais!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/programathor.com.br\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/f81d80875539ccc14358e41a86278935","name":"Guilherme Luis","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/programathor.com.br\/blog\/wp-content\/litespeed\/avatar\/e146bc14592ba7da07feb1191cadc4c3.jpg?ver=1780222031","contentUrl":"https:\/\/programathor.com.br\/blog\/wp-content\/litespeed\/avatar\/e146bc14592ba7da07feb1191cadc4c3.jpg?ver=1780222031","caption":"Guilherme Luis"},"description":"Estudante de Administra\u00e7\u00e3o de empresas, transformo ideias em palavras. Fascinado por marketing e cria\u00e7\u00f5es.","sameAs":["https:\/\/www.programathor.com.br\/"],"url":"https:\/\/programathor.com.br\/blog\/author\/guilherme\/"}]}},"_links":{"self":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/1003"}],"collection":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1003"}],"version-history":[{"count":9,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/1003\/revisions"}],"predecessor-version":[{"id":3191,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/1003\/revisions\/3191"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media\/1012"}],"wp:attachment":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}