{"id":927,"date":"2018-09-26T16:00:24","date_gmt":"2018-09-26T19:00:24","guid":{"rendered":"https:\/\/programathor.com.br\/blog\/?p=927"},"modified":"2021-07-08T15:47:27","modified_gmt":"2021-07-08T18:47:27","slug":"como-se-tornar-um-desenvolvedor-web-profissional","status":"publish","type":"post","link":"https:\/\/programathor.com.br\/blog\/como-se-tornar-um-desenvolvedor-web-profissional\/","title":{"rendered":"Como se tornar um desenvolvedor web profissional"},"content":{"rendered":"<p>Esse artigo serve como guia pr\u00e1tico de como se tornar um desenvolvedor web profissional. Por ser longo, irei dividi-lo em duas partes. Nessa parte, vou falar de algumas linguagens como JavaScript e HTML. Afinal, muitos programadores, principalmente os que est\u00e3o come\u00e7ando, ficam perdidos com as quantidades de linguagens existentes e n\u00e3o sabem por onde come\u00e7ar.<\/p>\n<p>Meu objetivo com esse texto \u00e9 ajud\u00e1-los \u00e0 encontrar o caminho de partida. E, posteriormente conseguir <a href=\"https:\/\/programathor.com.br\/jobs?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=desenvolvedor_web_profissional\">empregos<\/a> na \u00e1rea. Para isso, tenha duas coisas em mente:<\/p>\n<p><!--more--><\/p>\n<h2>1. N\u00e3o h\u00e1 problema em pular para frente<\/h2>\n<p>Esse guia cont\u00e9m muitos conte\u00fados, portanto n\u00e3o h\u00e1 problema de voc\u00ea pular alguns assuntos e ler apenas os que te interessam. Se voc\u00ea est\u00e1 apenas come\u00e7ando ou pensando em come\u00e7ar, siga os conselhos do Rei de <em>Alice no pa\u00eds das maravilhas<\/em>:<\/p>\n<blockquote><p><em>&#8220;Comece pelo come\u00e7o, v\u00e1 at\u00e9 o fim e, ent\u00e3o, pare.&#8221;<\/em><\/p><\/blockquote>\n<h2>2. Saiba um pouco de tudo e depois especialize-se<\/h2>\n<p>Esse artigo \u00e9 para te ajudar a familiarizar-se com a maior quantidade poss\u00edvel de \u00e1reas que a programa\u00e7\u00e3o oferece. Depois de ler o texto e encontrar a \u00e1rea que mais lhe agrada, especialize-se.<\/p>\n<h2>Eu decidi ser programador web, mas n\u00e3o sei por onde come\u00e7ar<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-934 size-large\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-574071-1-1024x678.jpeg\" alt=\"desenvolvedor web profissional\" width=\"676\" height=\"448\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-574071-1-1024x678.jpeg 1024w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-574071-1-300x199.jpeg 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-574071-1-768x508.jpeg 768w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-574071-1-676x447.jpeg 676w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-574071-1.jpeg 1280w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Parab\u00e9ns! Isso j\u00e1 \u00e9 um grande passo. Seu primeiro objetivo deve ser aprender, rapidamente, o b\u00e1sico de todas as \u00e1reas. Conhecido como <em>Full-Stack<\/em>. Voc\u00ea vai muito longe no seu aprendizado, por\u00e9m n\u00e3o muito profundo. Isso \u00e9 apenas para ajud\u00e1-lo a descobrir a \u00e1rea que mais gosta e construir habilidades gerais. Dessa maneira, \u00e9 poss\u00edvel lidar com diversos desafios, independentemente de onde voc\u00ea acaba se especializando.<\/p>\n<h2>Aprenda o b\u00e1sico de HTML<\/h2>\n<p><em>Hypertext Markup Language (HTML)<\/em> \u00e9 a linguagem que controla os conte\u00fados e <em>layouts<\/em> do que voc\u00ea v\u00ea no seu navegador. Come\u00e7ando por aqui, voc\u00ea ter\u00e1 uma interface de usu\u00e1rio (<em>User Interface<\/em> ou <em>UI<\/em>), a qual pode interagir com, e ver resultados, de seus c\u00f3digos. \u00c0 medida que voc\u00ea avan\u00e7a nas linguagens, isso se torna cada vez mais importante.<\/p>\n<p>Vou deixar uma lista de assuntos b\u00e1sicos sobre o HTML:<\/p>\n<ul>\n<li><em>Tags<\/em>, atributos e elementos <em>(Tags, Attributes and Elements)<\/em><\/li>\n<li>T\u00edtulos de p\u00e1ginas <em>(Page Titles)<\/em><\/li>\n<li>Par\u00e1grafos <em>(Paragraphs)<\/em><\/li>\n<li>Cabe\u00e7alhos <em>(Headings)<\/em><\/li>\n<li>Listas <em>(Lists)<\/em><\/li>\n<li><em>Links<\/em><\/li>\n<li>Imagens <em>(Images)<\/em><\/li>\n<li>Tabelas <em>(Tables)<\/em><\/li>\n<li>Formas <em>(Forms)<\/em><\/li>\n<\/ul>\n<p>Em seguida, misture todos os assuntos em um s\u00f3.<\/p>\n<h2>Aprenda o b\u00e1sico de JavaScript<\/h2>\n<p>JavaScript \u00e9 uma linguagem da web, todos os grandes navegadores (Chrome, Firefox, Safari, IE, e muitos outros) possuem essa linguagem integrada. N\u00e3o s\u00f3 nos navegadores, mas os sites tamb\u00e9m se utilizam de c\u00f3digos JavaScript. Essa linguagem est\u00e1 se tornando popular em outras&nbsp;plataformas, como por exemplo, servidores, \u00e1reas de trabalho e dispositivos.<\/p>\n<p>Segue, abaixo, uma lista de conceitos b\u00e1sicos para aprender JavaScript:<\/p>\n<ul>\n<li>Vari\u00e1veis e dados <em>(Variables and Datas)<\/em><\/li>\n<li>Matem\u00e1tica <em>(Math)<\/em><\/li>\n<li>L\u00f3gica <em>(Logic)<\/em><\/li>\n<li>Condicional <em>(Conditional)<\/em><\/li>\n<li><em>Looping<\/em><\/li>\n<li>Fun\u00e7\u00f5es <em>(Functions)<\/em><\/li>\n<li>Objetos <em>(Objects)<\/em><\/li>\n<li>Matrizes <em>(Arrays)<\/em><\/li>\n<li><em>The W3C Document Object Model (DOM)<\/em><\/li>\n<li>Eventos e retornos <em>(Events and Callbacks)<\/em><\/li>\n<li><em>AJAX<\/em><\/li>\n<li><em>JSON<\/em><\/li>\n<li><em>Scope<\/em><\/li>\n<\/ul>\n<h2>Aprenda CSS<\/h2>\n<p><em>Cascading Style Sheets (CSS)<\/em>. \u00c9 usado para personalizar os elementos HTML da sua p\u00e1gina. Siga esse <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/CSS\/Introduction_to_CSS\">tutorial gratuito<\/a> do Mozilla. N\u00e3o deixe, tamb\u00e9m, de buscar outros conte\u00fados no <a href=\"https:\/\/programathor.com.br\/blog\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=desenvolvedor_web_profissional\">nosso blog<\/a>. H\u00e1 diversos artigos, de diversos assuntos que podem te ajudar.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-935 size-full\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-265626-2-1.jpeg\" alt=\"desenvolvedor web profissional\" width=\"640\" height=\"480\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-265626-2-1.jpeg 640w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/pexels-photo-265626-2-1-300x225.jpeg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<h2>Hora de ir para <em>&#8220;Back-end&#8221;<\/em><\/h2>\n<p>Nesse ponto, voc\u00ea j\u00e1 foi exposto para o que chamamos de <em>Front-end<\/em> do desenvolvimento web. Agora vamos para a parte de tr\u00e1s, ou <em>Back-end<\/em>. S\u00e3o os c\u00f3digos executados em servidores. N\u00e3o se preocupe, voc\u00ea n\u00e3o precisa de um servidor para aprender isso, apenas seu computador j\u00e1 est\u00e1 de bom tamanho.<\/p>\n<p>H\u00e1 muitas linguagens de&nbsp;<em>Back-end<\/em>, entretanto, desde que voc\u00ea esteja familiarizado com JavaScript, recomendo aprender Node.JS. Essa linguagem permite que voc\u00ea execute c\u00f3digos de JavaScript em servidores, ao inv\u00e9s de navegadores.<\/p>\n<p>Aconselho aprender Express e Mongo DB.<\/p>\n<h2>Express<\/h2>\n<p>\u00c9 uma biblioteca que torna mais f\u00e1cil para o Node.JS atuar como um servidor da Web. Ou seja, ouvir solicita\u00e7\u00f5es das p\u00e1ginas e enviar respostas de volta \u00e0 elas.<\/p>\n<h2>Mongo DB<\/h2>\n<p>\u00c9 uma base de dados. Portanto, permite que voc\u00ea guarde e recupere informa\u00e7\u00f5es.<\/p>\n<p>A primeira parte do artigo acaba por aqui. Na segunda parte irei falar sobre escolhas. Ap\u00f3s aprender <em>Front-end<\/em> e <em>Back-end<\/em>, \u00e9 necess\u00e1rio escolher um caminho. Mas, se voc\u00ea tiver gostado das duas, n\u00e3o tem problema, voc\u00ea pode ser <em>Full-Stack<\/em>.<\/p>\n<p><a href=\"https:\/\/programathor.com.br?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=desenvolvedor_web_profissional\"><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 se 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=desenvolvedor_web_profissional\" 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\/the-practical-guide-to-becoming-a-professional-web-developer-2f255bc25c90\">FreeCodeCamp<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esse artigo serve como guia pr\u00e1tico de como se tornar um desenvolvedor web profissional. Por ser longo, irei dividi-lo em duas partes. Nessa parte, vou falar de algumas linguagens como JavaScript e HTML. Afinal, muitos programadores, principalmente os que est\u00e3o come\u00e7ando, ficam perdidos com as quantidades de linguagens existentes e n\u00e3o sabem por onde come\u00e7ar. [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":938,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como se tornar um desenvolvedor web - Blog ProgramaThor<\/title>\n<meta name=\"description\" content=\"Neste artigo, a ProgramaThor trouxe dicas de como se tornar um 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\/como-se-tornar-um-desenvolvedor-web-profissional\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como se tornar um desenvolvedor web - Blog ProgramaThor\" \/>\n<meta property=\"og:description\" content=\"Neste artigo, a ProgramaThor trouxe dicas de como se tornar um desenvolvedor web. Vem conferir e tirar suas d\u00favidas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/programathor.com.br\/blog\/como-se-tornar-um-desenvolvedor-web-profissional\/\" \/>\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-09-26T19:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-08T18:47:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/Desenvolvedor-web-profissional.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":"Como se tornar um desenvolvedor web - Blog ProgramaThor","description":"Neste artigo, a ProgramaThor trouxe dicas de como se tornar um 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\/como-se-tornar-um-desenvolvedor-web-profissional\/","og_locale":"pt_PT","og_type":"article","og_title":"Como se tornar um desenvolvedor web - Blog ProgramaThor","og_description":"Neste artigo, a ProgramaThor trouxe dicas de como se tornar um desenvolvedor web. Vem conferir e tirar suas d\u00favidas!","og_url":"https:\/\/programathor.com.br\/blog\/como-se-tornar-um-desenvolvedor-web-profissional\/","og_site_name":"Blog ProgramaThor","article_publisher":"https:\/\/www.facebook.com\/ProgramaThorBr\/","article_published_time":"2018-09-26T19:00:24+00:00","article_modified_time":"2021-07-08T18:47:27+00:00","og_image":[{"width":676,"height":366,"url":"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/09\/Desenvolvedor-web-profissional.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\/como-se-tornar-um-desenvolvedor-web-profissional\/","url":"https:\/\/programathor.com.br\/blog\/como-se-tornar-um-desenvolvedor-web-profissional\/","name":"Como se tornar um desenvolvedor web - Blog ProgramaThor","isPartOf":{"@id":"https:\/\/programathor.com.br\/blog\/#website"},"datePublished":"2018-09-26T19:00:24+00:00","dateModified":"2021-07-08T18:47:27+00:00","author":{"@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/f81d80875539ccc14358e41a86278935"},"description":"Neste artigo, a ProgramaThor trouxe dicas de como se tornar um desenvolvedor web. Vem conferir e tirar suas d\u00favidas!","breadcrumb":{"@id":"https:\/\/programathor.com.br\/blog\/como-se-tornar-um-desenvolvedor-web-profissional\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/programathor.com.br\/blog\/como-se-tornar-um-desenvolvedor-web-profissional\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/programathor.com.br\/blog\/como-se-tornar-um-desenvolvedor-web-profissional\/#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":"Como se tornar um desenvolvedor web profissional"}]},{"@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\/927"}],"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=927"}],"version-history":[{"count":9,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/927\/revisions"}],"predecessor-version":[{"id":3196,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/927\/revisions\/3196"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media\/938"}],"wp:attachment":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}