{"id":5752,"date":"2019-03-27T09:22:54","date_gmt":"2019-03-27T12:22:54","guid":{"rendered":"https:\/\/www.blip.ai\/blog\/?p=5752"},"modified":"2023-07-16T10:26:40","modified_gmt":"2023-07-16T13:26:40","slug":"desenvolvedor-web-front-end","status":"publish","type":"post","link":"https:\/\/www.blip.ai\/blog\/devs\/desenvolvedor-web-front-end\/","title":{"rendered":"Como se tornar um desenvolvedor web front end: os primeiros passos"},"content":{"rendered":"<p><em>Quer trabalhar com programa\u00e7\u00e3o web front-end, mas n\u00e3o sabe como come\u00e7ar? Descubra como come\u00e7ar sua jornada como\u00a0desenvolvedor web front end!<\/em><br \/>\n<span style=\"font-weight: 400;\">O mercado de tecnologias web tem crescido bastante no Brasil nos \u00faltimos anos. Com a <a href=\"https:\/\/www.blip.ai\/blog\/tecnologia\/transformacao-digital\/\" target=\"_blank\" rel=\"noopener noreferrer\">transforma\u00e7\u00e3o digital<\/a>, mais e mais empresas<strong> criam e integram<\/strong> aplica\u00e7\u00f5es digitais aos seus servi\u00e7os. Consequentemente, vemos um aumento no n\u00famero de vagas para programadores e no interesse das pessoas em ingressar no mercado como desenvolvedores <a href=\"https:\/\/www.blip.ai\/blog\/devs\/front-end-back-end\/\" target=\"_blank\" rel=\"noopener noreferrer\">front end ou back end<\/a>.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400;\">Como citado acima, em programa\u00e7\u00e3o web, temos dois campos principais de atua\u00e7\u00e3o: <strong>back-end e front-end<\/strong>. <\/span><br \/>\n<span style=\"font-weight: 400;\">Enquanto um <a href=\"https:\/\/www.blip.ai\/blog\/devs\/desenvolvedor-back-end\/\" target=\"_blank\" rel=\"noopener noreferrer\">programador back-end<\/a> trata do que ocorre <strong>por tr\u00e1s de uma aplica\u00e7\u00e3o<\/strong>, do lado dos servidores e banco de dados, um<strong> desenvolvedor web front end<\/strong>\u00a0implementa a <strong>interface que ser\u00e1 rodada do lado do cliente<\/strong>.\u00a0<\/span><span style=\"font-weight: 400;\">Normalmente, seu trabalho \u00e9:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><strong>codificar as intera\u00e7\u00f5es<\/strong> com o usu\u00e1rio;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> o layout da interface;<\/span><\/li>\n<li><span style=\"font-weight: 400;\">a comunica\u00e7\u00e3o do cliente para o servidor. <\/span><\/li>\n<\/ul>\n<p><em><span style=\"font-weight: 400;\">Basicamente, ele faz a m\u00e1gica acontecer na tela do usu\u00e1rio!<\/span><\/em><br \/>\n<span style=\"font-weight: 400;\">Se gostou dessa ideia e que saber <strong>como se tornar um desenvolvedor web front end<\/strong>, mas n\u00e3o sabe por onde come\u00e7ar, este artigo \u00e9 para voc\u00ea! <\/span><br \/>\n<span style=\"font-weight: 400;\">Aqui est\u00e1 listado o essencial para iniciar sua jornada como desenvolvedor web front end. E primeiro, voc\u00ea deve <strong>aprender sobre o c\u00f3digo e a l\u00f3gica<\/strong> por tr\u00e1s de toda a magia.<\/span><\/p>\n<h2>HTML e CSS<\/h2>\n<p><span style=\"font-weight: 400;\">HTML ou Linguagem de Marca\u00e7\u00e3o de Hipertexto \u00e9 respons\u00e1vel pela<strong> delimita\u00e7\u00e3o dos blocos em uma p\u00e1gina<\/strong> e quaisquer metadados relacionados. <\/span><br \/>\n<span style=\"font-weight: 400;\">No in\u00edcio de seu trabalho como desenvolvedor web front end, o mais importante \u00e9<strong> entender como a configura\u00e7\u00e3o das tags num arquivo \u00e9 traduzida em blocos<\/strong> pelos navegadores e qual a fun\u00e7\u00e3o de cada elemento e seus atributos.<\/span><br \/>\n<span style=\"font-weight: 400;\"><strong>CSS<\/strong> ou Folha de Estilo em Cascatas \u00e9 respons\u00e1vel pela <strong>defini\u00e7\u00e3o de estilos visuais dos elementos<\/strong> HTML, designados a partir de seletores.<\/span><br \/>\n<span style=\"font-weight: 400;\">Para come\u00e7ar seu processo de como aprender front end, estude como utilizar:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"> seletores de elementos;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> identidades;<\/span><\/li>\n<li><span style=\"font-weight: 400;\">classes.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"> Experimente ent\u00e3o <strong>modificar propriedades<\/strong> de:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"> fontes;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> fundo; <\/span><\/li>\n<li><span style=\"font-weight: 400;\">tamanho;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> borda e assim por diante.<\/span><\/li>\n<\/ul>\n<h2><b><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-6531\" src=\"https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2019\/03\/Desenvolvedor-web-front-end-2.jpg\" alt=\"Desenvolvedor web front end\" width=\"960\" height=\"640\" title=\"-\" srcset=\"https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2019\/03\/Desenvolvedor-web-front-end-2.jpg 960w, https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2019\/03\/Desenvolvedor-web-front-end-2-300x200.jpg 300w, https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2019\/03\/Desenvolvedor-web-front-end-2-768x512.jpg 768w, https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2019\/03\/Desenvolvedor-web-front-end-2-380x253.jpg 380w, https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2019\/03\/Desenvolvedor-web-front-end-2-800x533.jpg 800w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/b><\/h2>\n<h2>JavaScript e L\u00f3gica de Programa\u00e7\u00e3o<\/h2>\n<p><span style=\"font-weight: 400;\">JavaScript \u00e9 uma das linguagens respons\u00e1veis pelas funcionalidades aplicadas \u00e0 p\u00e1gina web.<\/span><br \/>\n<span style=\"font-weight: 400;\"> Segundo uma <a href=\"https:\/\/insights.stackoverflow.com\/survey\/2018\/\" target=\"_blank\" rel=\"noopener noreferrer\">pesquisa de desenvolvimento feita pelo Stack Overflow em 2018<\/a><\/span><span style=\"font-weight: 400;\">, JavaScript \u00e9 a linguagem mais utilizada no mundo. Ela \u00e9 tamb\u00e9m a mais requisitada para vagas de desenvolvedores web front end.<\/span><br \/>\n<span style=\"font-weight: 400;\">Caso voc\u00ea nunca tenha programado na vida, \u00e9 vital aprender sobre:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"> tipos de valor;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> vari\u00e1veis;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> condicionais;<\/span><\/li>\n<li><span style=\"font-weight: 400;\">loops;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> fun\u00e7\u00f5es;<\/span><\/li>\n<li><span style=\"font-weight: 400;\">arrays;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> objetos. <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Procure tamb\u00e9m trabalhar seu racioc\u00ednio l\u00f3gico constantemente, pois \u00e9 o que permitir\u00e1 voc\u00ea utilizar a linguagem para solucionar os problemas enfrentados no desenvolvimento de uma aplica\u00e7\u00e3o.<\/span><br \/>\n<strong>Leia tamb\u00e9m<\/strong>:\u00a0<a href=\"https:\/\/www.blip.ai\/blog\/devs\/programacao-funcional-javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">Programa\u00e7\u00e3o funcional Javascript<\/a>: como aplicar os conceitos<\/p>\n<h2>Como se tornar desenvolvedor web front end: aprendendo na pr\u00e1tica<\/h2>\n<p><span style=\"font-weight: 400;\">Al\u00e9m de aprender l\u00f3gica e as 3 linguagens acima, programadores de interface devem compreender:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">IDEs;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> Node.js;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> frameworks;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> versionamento;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> gerenciadores de pacotes;<\/span><\/li>\n<li><span style=\"font-weight: 400;\"> empacotamento de m\u00f3dulos, entre muitas outras coisas. <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Mas lembre-se: voc\u00ea s\u00f3 est\u00e1 come\u00e7ando, <strong>ent\u00e3o n\u00e3o se assuste<\/strong>!<\/span><br \/>\n<span style=\"font-weight: 400;\">Foque no<strong> b\u00e1sico primeiro<\/strong> \u2014 HTML, CSS e JavaScript \u2014 e evolua no seu tempo. <\/span><br \/>\n<span style=\"font-weight: 400;\">Por isso, o ideal \u00e9 come\u00e7ar programando em ferramentas como <a href=\"https:\/\/codepen.io\/pen\/\" target=\"_blank\" rel=\"noopener noreferrer\">CodePen<\/a><\/span><span style=\"font-weight: 400;\">\u00a0e <a href=\"https:\/\/codesandbox.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">CodeSandbox<\/a><\/span><span style=\"font-weight: 400;\">. Ambas permitem voc\u00ea mergulhar a fundo na utiliza\u00e7\u00e3o dessas 3 tecnologias, sem se preocupar com gerenciamento de pacotes, frameworks, roteamentos e tudo de mais complexo.<\/span><br \/>\n<span style=\"font-weight: 400;\">Foque em estudar um pouco e praticar cada coisinha que aprendeu. <\/span><br \/>\n<span style=\"font-weight: 400;\"><strong>Escrever c\u00f3digo, explorar e ver os resultados<\/strong> \u00e9 muito mais importante no processo de como aprender front end, do que mergulhar apenas em teoria.<\/span><br \/>\n<span style=\"font-weight: 400;\">Voc\u00ea pode tamb\u00e9m procurar por artigos, tutoriais e cursos online em v\u00e1rias plataformas pela internet. Sites como <a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3Schools<\/a><\/span><span style=\"font-weight: 400;\">\u00a0e <a href=\"https:\/\/www.codecademy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Code Academy<\/a><\/span><span style=\"font-weight: 400;\">\u00a0possuem bastante conte\u00fado gratuito para desenvolvedor web front end iniciante. <\/span><br \/>\n<span style=\"font-weight: 400;\">J\u00e1 quando tiver d\u00favidas espec\u00edficas, voc\u00ea pode recorrer a sites como <a href=\"https:\/\/pt.stackoverflow.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stack Overflow<\/a><\/span><span style=\"font-weight: 400;\">, <a href=\"https:\/\/css-tricks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS Tricks<\/a><\/span><span style=\"font-weight: 400;\">, <a href=\"https:\/\/developer.mozilla.org\/pt-BR\/\" target=\"_blank\" rel=\"noopener noreferrer\">MDN Web Docs<\/a><\/span><span style=\"font-weight: 400;\">\u00a0e <a href=\"https:\/\/medium.com\/tag\/technology\" target=\"_blank\" rel=\"noopener noreferrer\">Medium<\/a><\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h2>Aprendendo por observa\u00e7\u00e3o:\u00a0como aprender front end<\/h2>\n<p><span style=\"font-weight: 400;\">Como desenvolvedor web front end, \u00e9 relevante que voc\u00ea compreenda bem como p\u00e1ginas s\u00e3o compostas, estilizadas e renderizadas num navegador. <\/span><br \/>\n<span style=\"font-weight: 400;\">Um dos melhores jeitos de explorar esses processos \u00e9<strong> utilizar a ferramenta de inspe\u00e7\u00e3o do seu navegador<\/strong> (normalmente ativada por F12, Shift+Ctrl+I ou clicando em \u201cInspecionar\u201d no menu do bot\u00e3o direito do mouse). <\/span><br \/>\n<span style=\"font-weight: 400;\">Procure explorar sites com estruturas e t\u00e9cnicas similares \u00e0s que voc\u00ea aprendeu e inspire-se para pratic\u00e1-las.<\/span><br \/>\n<span style=\"font-weight: 400;\">Apesar de todas as abas da janela de inspe\u00e7\u00e3o serem super informativas para um desenvolvedor, foque nas abas de <strong>Elementos e Console<\/strong>, pois elas ser\u00e3o suas amigas no in\u00edcio da sua jornada! <\/span><br \/>\n<span style=\"font-weight: 400;\">A aba de Elementos serve para conferir a estrutura final de elementos HTML que comp\u00f5em a p\u00e1gina. Al\u00e9m disso, \u00e9 poss\u00edvel ver as propriedades de estilo aplicadas a cada objeto a partir dos seus respectivos seletores.<\/span><br \/>\n<span style=\"font-weight: 400;\">J\u00e1 a aba Console \u00e9 importante, pois n\u00e3o s\u00f3 mostrar\u00e1 informa\u00e7\u00f5es logadas por meio do c\u00f3digo como tamb\u00e9m permite que escreva e rode JavaScript.<\/span><\/p>\n<h2>Quais os pr\u00f3ximos passos de\u00a0como se tornar um desenvolvedor front end?<\/h2>\n<p><span style=\"font-weight: 400;\">Conforme voc\u00ea vai aprendendo sobre web e praticando no <strong>CodePen ou CodeSandbox<\/strong>, voc\u00ea pode estudar sobre tecnologias e pr\u00e1ticas mais complexas. As principais cuja import\u00e2ncia \u00e9 alt\u00edssima para o mercado de trabalho:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Utilizar a linha de comando (sim, nem todos os programadores praticam, mas \u00e9 essencial);<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Node.js, servidores locais e como rodar um projeto no seu computador;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Gerenciamento de pacotes e depend\u00eancias;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ambientes de desenvolvimento integrado (IDE), como Visual Studio Code; <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ferramentas de versionamentos, como o Git;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cria\u00e7\u00e3o de projetos e contribui\u00e7\u00e3o para projetos open source no GitHub;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Frameworks JavaScript. As mais famosas s\u00e3o React, Vue e Angular.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">ES6 (ECMA Script 2015) e fun\u00e7\u00f5es ass\u00edncronas;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Formul\u00e1rios e valida\u00e7\u00e3o de dados.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Busque tamb\u00e9m conhecer a comunidade de desenvolvedores mais perto de voc\u00ea. Plataformas como o <a href=\"https:\/\/www.meetup.com\/pt-BR\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meetup<\/a><\/span><span style=\"font-weight: 400;\">\u00a0s\u00e3o \u00f3timas para participar de encontros, palestras, oficinas e maratonas de programa\u00e7\u00e3o (conhecidas como hackathons ou jams).<\/span><\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-captioned=\"\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BtDwNFpneRk\/?utm_source=ig_embed&amp;utm_medium=loading\" data-instgrm-version=\"12\">\n<div style=\"padding: 16px;\">\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">Visualizar esta foto no Instagram.<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"margin: 8px 0 0 0; padding: 0 4px;\"><a style=\"color: #000; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; word-wrap: break-word;\" href=\"https:\/\/www.instagram.com\/p\/BtDwNFpneRk\/?utm_source=ig_embed&amp;utm_medium=loading\" target=\"_blank\" rel=\"noopener noreferrer\">54 BLiPPERS reunidos em S\u00e3o Paulo para 2 dias de imers\u00e3o na teoria e pr\u00e1tica sobre chatbots e o BLiP: assim foi nosso primeiro Botcamp do ano! Temos muito orgulho de ver tantos bots sensacionais sendo criados a cada edi\u00e7\u00e3o do nosso curso. Agradecemos a todo mundo que participou, e que venham os pr\u00f3ximos! #GoBLiP #GoTake<\/a><\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\">Uma publica\u00e7\u00e3o compartilhada por <a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px;\" href=\"https:\/\/www.instagram.com\/accounts\/login\/?next=https%3A%2F%2Fwww.instagram.com%2Fblipbr%2F\" target=\"_blank\" rel=\"noopener noreferrer\"> Take<\/a> (@talktotake) em <time style=\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\" datetime=\"2019-01-25T13:07:55+00:00\">25 de Jan, 2019 \u00e0s 5:07 PST<\/time><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><br \/>\nQuinzenalmente, por exemplo, temos organizado Meetups <a href=\"https:\/\/www.meetup.com\/pt-BR\/BLiP-Sao-Paulo\/\" target=\"_blank\" rel=\"noopener noreferrer\">BLiP SP<\/a> e <a href=\"https:\/\/www.meetup.com\/pt-BR\/Conversas-Inteligentes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Conversas Inteligentes<\/a>, em S\u00e3o Paulo. Aqui em BH, tamb\u00e9m realizamos o <a href=\"https:\/\/www.meetup.com\/pt-BR\/takenet\/\" target=\"_blank\" rel=\"noopener noreferrer\">Take.Talks<\/a> mensalmente. Vale a pena conhecer!<br \/>\n<span style=\"font-weight: 400;\">Por fim, n\u00e3o tenha medo de aventurar-se em processos seletivos. Mesmo que n\u00e3o tenha conhecimento o suficiente, voc\u00ea entender\u00e1 o que as empresas est\u00e3o buscando em um desenvolvedor web front end e voltar\u00e1 com maior preparo nas pr\u00f3ximas vezes.\u00a0Inclusive, recomendo dar uma olhada nas <a href=\"https:\/\/takeblip.gupy.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">vagas abertas da Take<\/a>! \ud83d\ude42<\/span><br \/>\n<span style=\"font-weight: 400;\">E lembre-se: procure se atualizar sobre as novas tend\u00eancias. Este \u00e9 um mercado que se renova constantemente e \u00e9 sempre bom se manter por dentro!<\/span><\/p>\n<hr \/>\n<p><strong><img decoding=\"async\" class=\"size-full wp-image-5757 alignleft\" src=\"https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2019\/03\/30127486_128814421298547_4637463480130076672_n-e1551910797746.jpg\" alt=\"brenner post programa\u00e7\u00e3o web front-end\" width=\"165\" height=\"220\" title=\"-\"><\/strong><br \/>\n<strong>Brenner Pacelli<\/strong><br \/>\nDesenvolvedor fron-end na Take<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quer trabalhar com programa\u00e7\u00e3o web front-end, mas n\u00e3o sabe como come\u00e7ar? Descubra como come\u00e7ar sua jornada como\u00a0desenvolvedor web front end! O mercado de tecnologias web tem crescido bastante no Brasil nos \u00faltimos anos. Com a transforma\u00e7\u00e3o digital, mais e mais empresas criam e integram aplica\u00e7\u00f5es digitais aos seus servi\u00e7os. Consequentemente, vemos um aumento no n\u00famero [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5753,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-5752","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devs"],"lang":"pt","translations":{"pt":5752},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/posts\/5752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/comments?post=5752"}],"version-history":[{"count":0,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/posts\/5752\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/media\/5753"}],"wp:attachment":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/media?parent=5752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/categories?post=5752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/tags?post=5752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}