{"id":4856,"date":"2018-10-17T10:31:52","date_gmt":"2018-10-17T13:31:52","guid":{"rendered":"https:\/\/www.blip.ai\/blog\/?p=4856"},"modified":"2023-08-09T17:26:48","modified_gmt":"2023-08-09T20:26:48","slug":"front-end-back-end","status":"publish","type":"post","link":"https:\/\/www.blip.ai\/blog\/devs\/front-end-back-end\/","title":{"rendered":"Front-end e Back-end: qual carreira seguir? [b\u00f4nus: desenvolvedor full stack]"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Se voc\u00ea j\u00e1 parou para pesquisar um pouco sobre as \u00e1reas da programa\u00e7\u00e3o existentes, j\u00e1 deve ter ouvido falar dos termos&nbsp;<\/span><strong>front end e back end<\/strong><span style=\"font-weight: 400;\">. Mas o que ser\u00e1 que isso significa? Existe mais de uma \u00e1rea no mundo da programa\u00e7\u00e3o?<\/span><br><b><\/b><br><b>E a resposta \u00e9: Claro que sim \ud83d\ude42<\/b><br><span style=\"font-weight: 400;\">Existem diversos tipos diferentes de programa\u00e7\u00e3o e profissionais da \u00e1rea, como \u00e9 o caso de cientistas de dados, desenvolvedores mobile, analistas de banco de dados, entre outros.<\/span><br><span style=\"font-weight: 400;\">Nesse post, iremos focar em duas grandes \u00e1reas do mundo do desenvolvimento: desenvolvedor front end e back end<\/span><br><span style=\"font-weight: 400;\">Os programadores front-end, programam para o usu\u00e1rio, e os de back-end, programam para o servidor.<\/span><br><span style=\"font-weight: 400;\">Para entender esses conceitos na pr\u00e1tica, veja como iniciar sua carreira no universo da programa\u00e7\u00e3o!<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Programadores Front-End: Usabilidade, Design e Intera\u00e7\u00e3o<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Como foi dito anteriormente, programadores front-end t\u00eam a preocupa\u00e7\u00e3o em desenvolver solu\u00e7\u00f5es focadas no uso do cliente, ou seja, na <\/span><b>cria\u00e7\u00e3o de telas que ser\u00e3o usadas pelos usu\u00e1rios<\/b><span style=\"font-weight: 400;\">.<\/span><br><span style=\"font-weight: 400;\">\u00c9 muito comum que esse tipo de profissional desenvolva aplica\u00e7\u00f5es focadas em:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"font-weight: 400;\"> usabilidade;<\/span><\/li><li><span style=\"font-weight: 400;\">design;<\/span><\/li><li><span style=\"font-weight: 400;\"> intera\u00e7\u00e3o.<\/span><\/li><\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\"><em>Ent\u00e3o, o que faz um desenvolvedor front end?<\/em><\/span><br><span style=\"font-weight: 400;\">Ele faz um trabalho est\u00e9tico que entrega <strong>modernidade e facilidade<\/strong> a quem usa o sistema.<\/span><br><span style=\"font-weight: 400;\">Geralmente, as linguagens de programa\u00e7\u00e3o mais comuns usadas por esses profissionais s\u00e3o:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><b>HTML<\/b><span style=\"font-weight: 400;\"> (linguagem de marca\u00e7\u00e3o);<\/span><\/li><li><b>CSS<\/b><span style=\"font-weight: 400;\"> (linguagem focada em cria\u00e7\u00e3o de estilo);<\/span><\/li><li><b>JavaScript<\/b><span style=\"font-weight: 400;\"> (respons\u00e1vel pela cria\u00e7\u00e3o de intera\u00e7\u00f5es, anima\u00e7\u00f5es, uso de l\u00f3gica, etc).<\/span><\/li><\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Ter o dom\u00ednio dessas 3 linguagens \u00e9 fundamental para um bom trabalho como desenvolvedor web que domina o que \u00e9 front end. Esse conjunto trata do b\u00e1sico da estrutura web. Entretanto, tamb\u00e9m \u00e9 poss\u00edvel usar outras linguagens e conceitos mais avan\u00e7ados.<\/span><br><span style=\"font-weight: 400;\">Veja uma breve lista de bibliotecas e outras tecnologias usadas por esse tipo de especialista:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Angular<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">React<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bootstrap<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">jQuery<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Entre outras tecnologias<\/span><\/li><\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">O programador front-end \u00e9 principalmente focado na melhor <a href=\"https:\/\/www.blip.ai\/blog\/designers\/ux-experiencia-do-usuario\/\" target=\"_blank\" rel=\"noopener noreferrer\">experi\u00eancia do usu\u00e1rio<\/a>. Da\u00ed vem a populariza\u00e7\u00e3o da busca de profissionais que entendam de <\/span><span style=\"font-weight: 400;\">UX (User Experience).<\/span><br><span style=\"font-weight: 400;\">Al\u00e9m disso, um bom profissional de front-end tamb\u00e9m pode ter conhecimentos est\u00e9ticos de Design, o que torna as <\/span>aplica\u00e7\u00f5es mais atraentes e confi\u00e1veis, e claro, pode aumentar o&nbsp;sal\u00e1rio do programador de front end.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Qual a import\u00e2ncia do design para front-end?<\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Um bom exemplo da import\u00e2ncia disso s\u00e3o pesquisas recentes que apontam o design como o principal <\/span><a href=\"https:\/\/viverdeblog.com\/blog-design\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">fator de confian\u00e7a ou desconfian\u00e7a sobre a seguran\u00e7a de um site.<\/span><\/a><br><span style=\"font-weight: 400;\">Outro papel importante na hora da constru\u00e7\u00e3o de telas \u00e9 o aspecto da <\/span><b>convers\u00e3o<\/b><span style=\"font-weight: 400;\">. <\/span><br><span style=\"font-weight: 400;\">Com a populariza\u00e7\u00e3o do <a href=\"https:\/\/www.linksexperts.com.br\/blog\/marketing-digital-para-pequenas-empresas\/\" target=\"_blank\" rel=\"noopener noreferrer\">marketing digital<\/a> e o aumento da gera\u00e7\u00e3o de tr\u00e1fego das empresas, cada vez mais corpora\u00e7\u00f5es t\u00eam se preocupado em tamb\u00e9m <a href=\"https:\/\/www.gosupersonic.com.br\/blog\/como-aumentar-taxa-de-conversao\/\" target=\"_blank\" rel=\"noopener noreferrer\">melhorar suas as taxas de convers\u00e3o<\/a> (conhecido no mundo do Marketing como CRO), ou seja, levar o usu\u00e1rio a <\/span><b>realizar alguma a\u00e7\u00e3o espec\u00edfica dentro de um site<\/b><span style=\"font-weight: 400;\"> (como comprar ou registrar-se).<\/span><br><span style=\"font-weight: 400;\">Principalmente em <\/span><a href=\"https:\/\/www.blip.ai\/blog\/chatbots\/chatbots-para-e-commerce\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">e-commerces<\/span><\/a><span style=\"font-weight: 400;\"> e solu\u00e7\u00f5es digitais, as p\u00e1ginas precisam ser constru\u00eddas com objetivo de<strong> gerar mais vendas e engajamento do usu\u00e1rio.<\/strong><\/span><br><strong>Leia tamb\u00e9m:<\/strong> Entenda como os <a href=\"https:\/\/www.blip.ai\/blog\/chatbots\/chatbots-para-engajamento-do-publico\/\" target=\"_blank\" rel=\"noopener noreferrer\">chatbots podem melhorar o engajamento do p\u00fablico<\/a> com a sua marca<br><span style=\"font-weight: 400;\">Por isso, um desenvolvedor front end pode ser bastante lucrativo para uma empresa e ao mesmo tempo t\u00e3o complexo.<\/span><br><span style=\"font-weight: 400;\">Alguns sinais que voc\u00ea pode se interessar por esse tipo de \u00e1rea:<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Voc\u00ea gosta de design e cria\u00e7\u00e3o de telas<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Voc\u00ea \u00e9 uma pessoa que se preocupa com est\u00e9tica<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Tamb\u00e9m reconhece a import\u00e2ncia da Usabilidade, afinal, n\u00e3o adianta ser bonito se n\u00e3o for f\u00e1cil de usar \ud83d\ude42<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Aptid\u00e3o com Marketing tamb\u00e9m mostra uma tend\u00eancia maior ao Front-End para cria\u00e7\u00e3o de pequenas aplica\u00e7\u00f5es que podem aumentar as taxas de convers\u00e3o<\/span><\/li><\/ol>\n\n\n\n<p><span style=\"font-weight: 400;\">Mas, se um desenvolvedor front end pode fazer tudo isso, afinal o que faz um desenvolvedor back end?<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que faz um desenvolvedor back end? A magia por tr\u00e1s das c\u00e2meras<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Enquanto o desenvolvedor front-end se preocupa com a cria\u00e7\u00e3o de aplica\u00e7\u00f5es visuais, o back-end \u00e9 respons\u00e1vel pela <\/span><b>intera\u00e7\u00e3o com bancos de dados<\/b><span style=\"font-weight: 400;\">, <\/span><b>registro de informa\u00e7\u00f5es<\/b><span style=\"font-weight: 400;\"> e envio delas para que o front-end mostre os resultados.<\/span><br><span style=\"font-weight: 400;\">\u00c9 um trabalho mais voltado aos bastidores, mas n\u00e3o menos importante. <\/span><br><span style=\"font-weight: 400;\">Todo tipo de aplica\u00e7\u00e3o que necessita do registro de informa\u00e7\u00f5es precisa de um profissional que tenha um conhecimento sobre essa \u00e1rea.<\/span><br><span style=\"font-weight: 400;\">As linguagens de programa\u00e7\u00e3o mais usadas s\u00e3o:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">PHP<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Node.Js<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ruby on Rails<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">C#<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Java<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Entre outras<\/span><\/li><\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">O profissional de back-end tem que se preocupar principalmente com:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span style=\"font-weight: 400;\">a seguran\u00e7a da informa\u00e7\u00e3o<\/span><span style=\"font-weight: 400;\"> de um sistema;<\/span><\/li><li><span style=\"font-weight: 400;\">a velocidade da entrega e <\/span><b>processamento das informa\u00e7\u00f5es;<\/b><\/li><li><span style=\"font-weight: 400;\">a cria\u00e7\u00e3o de uma l\u00f3gica feita de forma correta para que a aplica\u00e7\u00e3o consiga executar da melhor maneira poss\u00edvel.<\/span><\/li><\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Alguns sinais que voc\u00ea \u00e9 um profissional que gostaria mais de trabalhar com back-end:<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Voc\u00ea gosta de criar estruturas l\u00f3gicas<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Seguran\u00e7a \u00e9 algo com que voc\u00ea se preocupa<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">\u00c9 do tipo de pessoa que gosta de Banco de Dados, inclusive SELECT * FROM \u00e9 um dos comandos que voc\u00ea mais executa na frente do computador<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">\u00c9 do tipo de pessoa que gosta da intera\u00e7\u00e3o entre os dados e a cria\u00e7\u00e3o da estrutura do sistema<\/span><\/li><\/ol>\n\n\n\n<p><span style=\"font-weight: 400;\">Tamb\u00e9m existem tecnologias que conseguem desenvolver ambas as partes: front end e back end<\/span><span style=\"font-weight: 400;\">.<\/span><br><span style=\"font-weight: 400;\">Nesse caso, tamb\u00e9m vale lembrar a exist\u00eancia de um outro profissional: desenvolvedor<strong> full stack!<\/strong><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Front end ou back end? Os dois! Full Stack<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Cada vez mais requisitado nas empresas, o desenvolvedor Full Stack \u00e9 aquele <\/span><b>capaz de ler, interpretar e criar aplica\u00e7\u00f5es tanto para o lado do cliente quanto para o servidor<\/b><span style=\"font-weight: 400;\">, ou seja, ele consegue unir o melhor&nbsp; do front end e back end.&nbsp;<\/span><br><em><span style=\"font-weight: 400;\">Sim, \u00e9 poss\u00edvel ser bom nas duas \u00e1reas!<\/span><\/em><br><span style=\"font-weight: 400;\">Apesar de ser mais dif\u00edcil, um bom desenvolvedor fullstack consegue depender menos de outras pessoas, o que pode tornar os <strong>processos dentro da empresa mais produtivos<\/strong> e a execu\u00e7\u00e3o de certos tipos de aplica\u00e7\u00f5es mais \u00e1gil.<\/span><br><span style=\"font-weight: 400;\">Principalmente em startups com poucos recursos, um bom desenvolvedor full stack pode ser fundamental para o in\u00edcio de uma empresa com base tecnol\u00f3gica.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Existe uma \u00e1rea mais promissora que a outra?<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2018\/10\/unnamed-3.png\" alt=\"front-end ou back-end porcentagem de profissionais\" class=\"wp-image-4858\" title=\"-\"><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">Particularmente, n\u00e3o acredito que front end ou back end seja um mais promissor que o outro.<\/span><br><span style=\"font-weight: 400;\"> \u00c9 poss\u00edvel ter um ganho financeiro muito grande nas duas \u00e1reas, e <\/span><b>ambas s\u00e3o de igual import\u00e2ncia<\/b><span style=\"font-weight: 400;\">.<\/span><br><span style=\"font-weight: 400;\">Apesar disso, segundo uma <\/span><a href=\"https:\/\/insights.stackoverflow.com\/survey\/2018\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">pesquisa mundial feita pela Stack Overflow em 2018<\/span><\/a><span style=\"font-weight: 400;\">, a \u00e1rea de back-end tem se destacado como o tipo de programa\u00e7\u00e3o mais pedido pelo mercado.<\/span><br><span style=\"font-weight: 400;\"><\/span><br><span style=\"font-weight: 400;\">E quando pensamos no <\/span><b>aspecto salarial<\/b><span style=\"font-weight: 400;\">, como funciona? No Brasil, a m\u00e9dia salarial fica dividida desta forma (dados retirados da <\/span><a href=\"https:\/\/www.glassdoor.com.br\/index.htm#loveMondaysCFRedirect\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">LoveMondays<\/span><\/a><span style=\"font-weight: 400;\">):<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sal\u00e1rio de Programadores Front-End<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><b><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-4859 aligncenter\" src=\"https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2018\/10\/unnamed-2.png\" alt=\"front-end ou back-end sal\u00e1rios\" width=\"512\" height=\"383\" title=\"-\"><\/b><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Sal\u00e1rio de Programadores Back-End<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><b><img decoding=\"async\" class=\"size-full wp-image-4860 aligncenter\" src=\"https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2018\/10\/unnamed-1-1.png\" alt=\"front-end ou back-end sal\u00e1rios\" width=\"512\" height=\"389\" title=\"-\"><\/b><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Sal\u00e1rio de Programadores FullStack<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\"><b><img decoding=\"async\" class=\"size-full wp-image-4861 aligncenter\" src=\"https:\/\/www.blip.ai\/blog\/wp-content\/uploads\/2018\/10\/unnamed-4.png\" alt=\"front-end ou back-end sal\u00e1rios\" width=\"512\" height=\"386\" title=\"-\"><\/b><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Independentemente se voc\u00ea vai escolher a carreira front-end ou back-end, lembre-se que \u00e9 importante buscar o conhecimento t\u00e9cnico necess\u00e1rio para o desenvolvimento das aplica\u00e7\u00f5es. Por isso, <\/span><b>quanto mais voc\u00ea estudar, mais dom\u00ednio ter\u00e1.<\/b><br><span style=\"font-weight: 400;\">Nesse sentido, tamb\u00e9m \u00e9 importante entender bem o poder de cada uma dessas tecnologias &#8211;&nbsp;front end e back end &#8211; e suas aplica\u00e7\u00f5es de forma te\u00f3rica e pr\u00e1tica.<\/span><br><span style=\"font-weight: 400;\">Se voc\u00ea est\u00e1 no in\u00edcio da sua carreira e com d\u00favidas sobre qual caminho escolher, tente aprender um pouco das <\/span><b>linguagens<\/b><span style=\"font-weight: 400;\">, entender <\/span><b>a l\u00f3gica e a forma de programar<\/b><span style=\"font-weight: 400;\"> usada por cada uma delas. <\/span><br><span style=\"font-weight: 400;\">Existe uma grande diferen\u00e7a entre&nbsp;front end e back end, e at\u00e9 a forma de trabalho de cada uma \u00e9 completamente distinta.<\/span><br><span style=\"font-weight: 400;\">Se tiver mais d\u00favidas, n\u00e3o esque\u00e7a de comentar abaixo! Estaremos prontos para responder da melhor forma.<\/span><br>E se voc\u00ea tem vontade de trabalhar na <a href=\"https:\/\/www.blip.ai\/\" target=\"_blank\" rel=\"noopener noreferrer\">Take<\/a> com o que h\u00e1 de mais novo em tecnologia no mercado, confira nossas vagas abertas!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea j\u00e1 parou para pesquisar um pouco sobre as \u00e1reas da programa\u00e7\u00e3o existentes, j\u00e1 deve ter ouvido falar dos termos&nbsp;front end e back end. Mas o que ser\u00e1 que isso significa? Existe mais de uma \u00e1rea no mundo da programa\u00e7\u00e3o?E a resposta \u00e9: Claro que sim \ud83d\ude42Existem diversos tipos diferentes de programa\u00e7\u00e3o e profissionais [&hellip;]<\/p>\n","protected":false},"author":519,"featured_media":4866,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-4856","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devs"],"lang":"pt","translations":{"pt":4856},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/posts\/4856","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\/519"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/comments?post=4856"}],"version-history":[{"count":0,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/posts\/4856\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/media\/4866"}],"wp:attachment":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/media?parent=4856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/categories?post=4856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/tags?post=4856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}