{"id":1015,"date":"2018-11-14T14:24:37","date_gmt":"2018-11-14T17:24:37","guid":{"rendered":"https:\/\/programathor.com.br\/blog\/?p=1015"},"modified":"2021-07-08T15:30:07","modified_gmt":"2021-07-08T18:30:07","slug":"dicas-desenvolvedor-web","status":"publish","type":"post","link":"https:\/\/programathor.com.br\/blog\/dicas-desenvolvedor-web\/","title":{"rendered":"Desenvolvedor web &#8211; 5 dicas para criar h\u00e1bitos"},"content":{"rendered":"<p>Manter bons h\u00e1bitos \u00e9 um desafio di\u00e1rio. \u00c9 preciso sair da zona de conforto e isso requer disciplina e organiza\u00e7\u00e3o a cada dia. Esse artigo n\u00e3o serve apenas para desenvolvedores web juniores, mas tamb\u00e9m, para aqueles que precisam mudar sua rotina.<\/p>\n<p>Pensando dessa maneira, separamos 5 dicas para criar bons h\u00e1bitos como desenvolvedor web. Os t\u00f3picos abaixo podem ajudar quem possu\u00ed h\u00e1bitos definidos, mas necessita aperfei\u00e7oa-los.<\/p>\n<p><!--more--><\/p>\n<h2>Fa\u00e7a um rel\u00f3gio tecnol\u00f3gico<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1017 size-medium_large\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-714701-2-1-768x512.jpeg\" alt=\"\" width=\"676\" height=\"451\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-714701-2-1-768x512.jpeg 768w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-714701-2-1-300x200.jpeg 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-714701-2-1-1024x682.jpeg 1024w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-714701-2-1-676x450.jpeg 676w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-714701-2-1.jpeg 1280w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Afinal, o que \u00e9 um rel\u00f3gio tecnol\u00f3gico? Separe um tempo do seu dia para acompanhar inova\u00e7\u00f5es e not\u00edcias de um determinado setor. A programa\u00e7\u00e3o est\u00e1 em constante evolu\u00e7\u00e3o, portanto \u00e9 muito importante acompanhar atualiza\u00e7\u00f5es e tend\u00eancias.<\/p>\n<p>Existem diversas ferramentas, as quais ir\u00e3o te auxiliar e otimizar essa tarefa. Abaixo, listamos alguns sites, os quais ajudar\u00e3o voc\u00ea com conte\u00fados semanais:<\/p>\n<ul>\n<li><a href=\"https:\/\/hackernoon.com\/\">Hackernoon<\/a><\/li>\n<li><a href=\"https:\/\/www.freecodecamp.org\/\">FreeCodeCamp<\/a><\/li>\n<li><a href=\"https:\/\/codyhouse.co\/\">CodyHouse<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/\">Web Fundamentals by Google<\/a><\/li>\n<\/ul>\n<p>Outra dica valiosa: enquanto estiver usando ferramentas como essas, tente manter o <a href=\"https:\/\/programathor.com.br\/blog\/armas-secretas-para-aumentar-seu-foco\/\">foco<\/a> em um assunto relacionado \u00e0s habilidades nas quais deseja trabalhar.<\/p>\n<h2>Tenha refer\u00eancias<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1018 size-medium_large\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-546819-2-1-768x510.jpeg\" alt=\"\" width=\"676\" height=\"449\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-546819-2-1-768x510.jpeg 768w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-546819-2-1-300x199.jpeg 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-546819-2-1-1024x680.jpeg 1024w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-546819-2-1-676x449.jpeg 676w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/pexels-photo-546819-2-1.jpeg 1280w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Quando digo refer\u00eancias, quero dizer <a href=\"https:\/\/programathor.com.br\/blog\/projetos-de-javascript\/\">projetos<\/a> de outro desenvolvedor web. Voc\u00ea pode encontrar esses recursos em sites como estes:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.awwwards.com\/\">Awwwards<\/a><\/li>\n<li><a href=\"https:\/\/www.cssdesignawards.com\/\">CSS Design Awards<\/a><\/li>\n<li><a href=\"https:\/\/codepen.io\/\">Codepen<\/a><\/li>\n<\/ul>\n<p>Apenas ter refer\u00eancias n\u00e3o \u00e9 ideal. Tente entender e explicar como o programador chegou no resultado final. Pergunte a si mesmo como voc\u00ea faria para construir tal projeto.<\/p>\n<p>Seria interessante tentar reproduzi-lo. Al\u00e9m disso, ensinar outra pessoa a realiz\u00e1-lo demonstrar\u00e1 que voc\u00ea domina aquele assunto.<\/p>\n<h2>Aprenda com experientes<\/h2>\n<p>\u00c9 muito comum, quando voc\u00ea \u00e9 iniciante, ser guiado por um superior na empresa. Geralmente essa pessoa possu\u00ed mais experi\u00eancia que voc\u00ea, portanto n\u00e3o tenha vergonha de pedir para aprender com ele. Pe\u00e7a-lhe para mostrar como fazer um recurso presente no site.<\/p>\n<p>Outra maneira de aprender com experientes \u00e9 revisar o c\u00f3digo. N\u00e3o hesite em pedir a outros membros de sua equipe que revisem seu c\u00f3digo e tentem melhor\u00e1-lo. Escute-os e discuta o projeto, explique por que voc\u00ea fez dessa maneira. Sem d\u00favidas, debater sobre um assunto \u00e9 o caminho mais saud\u00e1vel para melhorar.<\/p>\n<p><a href=\"https:\/\/programathor.com.br\/jobs\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=dicas_desenvolvedor_web\"><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>Melhore seu pr\u00f3prio c\u00f3digo<\/h2>\n<p>Esse t\u00f3pico est\u00e1 ligado com o anterior. N\u00e3o dependa, apenas, de seus colegas de trabalho. Revise e melhore seus pr\u00f3prios c\u00f3digos, confie em voc\u00ea mesmo. Essa parte \u00e9 t\u00e3o importante quanto lan\u00e7ar novos recursos, dessa maneira, retorne ao c\u00f3digo depois de horas (ou dias) para torn\u00e1-lo mais r\u00e1pido, limpo e leg\u00edvel.<\/p>\n<p>Uma maneira de refatorar o c\u00f3digo \u00e9 isolando uma parte, a qual n\u00e3o agradou ou foi feita rapidamente, e modificar. Tome seu tempo, tente entender seus erros. Evite stress e press\u00e3o devido a um bug no site.<\/p>\n<p><em><a href=\"https:\/\/programathor.com.br\/blog\/entrevista-de-emprego\/\">Leia tamb\u00e9m: &#8220;Como se preparar para uma entrevista de emprego&#8221;<\/a><\/em><\/p>\n<h2>Cometa erros<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-971 size-medium_large\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/10\/pexels-photo-136320-1-1-768x431.jpeg\" alt=\"\" width=\"676\" height=\"379\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/10\/pexels-photo-136320-1-1-768x431.jpeg 768w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/10\/pexels-photo-136320-1-1-300x169.jpeg 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/10\/pexels-photo-136320-1-1-1024x575.jpeg 1024w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/10\/pexels-photo-136320-1-1-240x135.jpeg 240w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/10\/pexels-photo-136320-1-1-676x380.jpeg 676w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/10\/pexels-photo-136320-1-1.jpeg 1280w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Isso mesmo, erre! A maneira mais valiosa de aperfei\u00e7oar um assunto \u00e9 errando. H\u00e1 muitos erros que s\u00e3o imposs\u00edveis de serem evitados, portanto, aprenda com eles.<\/p>\n<p>N\u00e3o tenha medo de errar! Voc\u00ea continuar\u00e1 errando, mas com menos frequ\u00eancia. Voc\u00ea nunca deixa de ter que aprender coisas novas e se adaptar \u00e0s novas mudan\u00e7as tecnol\u00f3gicas.<\/p>\n<p>Obrigado por ler at\u00e9 aqui! Use o espa\u00e7o dos coment\u00e1rios para feedbacks e caso voc\u00ea tenha algum h\u00e1bito que n\u00e3o comentamos nesse artigo, compartilhe com a gente.<\/p>\n<p><a href=\"https:\/\/programathor.com.br\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=dicas_desenvolvedor_web\"><img decoding=\"async\" class=\"aligncenter wp-image-865 size-large\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/08\/LOGO-PROGRAMATHOR-1-1024x171.jpg\" alt=\"PROGRAMATHOR\" width=\"676\" height=\"113\" srcset=\"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-300x50.jpg 300w, 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-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=dicas_desenvolvedor_web\" 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:\/\/medium.freecodecamp.org\/useful-tips-to-help-you-create-good-habits-as-a-web-developer-7c1b7b5c0bcb\">FreeCodeCamp<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manter bons h\u00e1bitos \u00e9 um desafio di\u00e1rio. \u00c9 preciso sair da zona de conforto e isso requer disciplina e organiza\u00e7\u00e3o a cada dia. Esse artigo n\u00e3o serve apenas para desenvolvedores web juniores, mas tamb\u00e9m, para aqueles que precisam mudar sua rotina. Pensando dessa maneira, separamos 5 dicas para criar bons h\u00e1bitos como desenvolvedor web. Os [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1021,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[62,13,61],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Desenvolvedor web - como criar h\u00e1bitos - Blog ProgramaThor<\/title>\n<meta name=\"description\" content=\"Neste artigo, a ProgramaThor trouxe dicas de como criar h\u00e1bitos como desenvolvedor web. Vem conferir e tirar suas d\u00favidas!\" \/>\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\/dicas-desenvolvedor-web\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Desenvolvedor web - como criar h\u00e1bitos - Blog ProgramaThor\" \/>\n<meta property=\"og:description\" content=\"Neste artigo, a ProgramaThor trouxe dicas de como criar h\u00e1bitos como desenvolvedor web. Vem conferir e tirar suas d\u00favidas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/programathor.com.br\/blog\/dicas-desenvolvedor-web\/\" \/>\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-14T17:24:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-08T18:30:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/Desenvolvedor-web.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":"Desenvolvedor web - como criar h\u00e1bitos - Blog ProgramaThor","description":"Neste artigo, a ProgramaThor trouxe dicas de como criar h\u00e1bitos como desenvolvedor web. Vem conferir e tirar suas d\u00favidas!","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\/dicas-desenvolvedor-web\/","og_locale":"pt_PT","og_type":"article","og_title":"Desenvolvedor web - como criar h\u00e1bitos - Blog ProgramaThor","og_description":"Neste artigo, a ProgramaThor trouxe dicas de como criar h\u00e1bitos como desenvolvedor web. Vem conferir e tirar suas d\u00favidas!","og_url":"https:\/\/programathor.com.br\/blog\/dicas-desenvolvedor-web\/","og_site_name":"Blog ProgramaThor","article_publisher":"https:\/\/www.facebook.com\/ProgramaThorBr\/","article_published_time":"2018-11-14T17:24:37+00:00","article_modified_time":"2021-07-08T18:30:07+00:00","og_image":[{"width":676,"height":366,"url":"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/11\/Desenvolvedor-web.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\/dicas-desenvolvedor-web\/","url":"https:\/\/programathor.com.br\/blog\/dicas-desenvolvedor-web\/","name":"Desenvolvedor web - como criar h\u00e1bitos - Blog ProgramaThor","isPartOf":{"@id":"https:\/\/programathor.com.br\/blog\/#website"},"datePublished":"2018-11-14T17:24:37+00:00","dateModified":"2021-07-08T18:30:07+00:00","author":{"@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/f81d80875539ccc14358e41a86278935"},"description":"Neste artigo, a ProgramaThor trouxe dicas de como criar h\u00e1bitos como desenvolvedor web. Vem conferir e tirar suas d\u00favidas!","breadcrumb":{"@id":"https:\/\/programathor.com.br\/blog\/dicas-desenvolvedor-web\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/programathor.com.br\/blog\/dicas-desenvolvedor-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/programathor.com.br\/blog\/dicas-desenvolvedor-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/programathor.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Dicas","item":"https:\/\/programathor.com.br\/blog\/category\/dicas\/"},{"@type":"ListItem","position":3,"name":"Desenvolvedor web &#8211; 5 dicas para criar h\u00e1bitos"}]},{"@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\/1015"}],"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=1015"}],"version-history":[{"count":5,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/1015\/revisions"}],"predecessor-version":[{"id":3190,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/1015\/revisions\/3190"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media\/1021"}],"wp:attachment":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}