{"id":12375,"date":"2017-10-25T09:54:41","date_gmt":"2017-10-25T12:54:41","guid":{"rendered":"http:\/\/www.impacta.com.br\/blog\/?p=12375"},"modified":"2021-10-01T11:48:22","modified_gmt":"2021-10-01T14:48:22","slug":"desenvolvedor-front-end-back-end-ou-full-stack","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/","title":{"rendered":"Desenvolvedor: Front-End, Back-End ou Full Stack?"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\"><em>N\u00e3o pode ler esse artigo agora? Ou\u00e7a a mat\u00e9ria no Player abaixo:<\/em><\/span><br \/>\n<iframe loading=\"lazy\" style=\"height: 83px !important;\" src=\"https:\/\/go.vooozer.com\/embed\/032e0a38\" width=\"100%\" height=\"83\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div><span style=\"font-size: 14pt;\">A \u00e1rea de desenvolvimento web (web development) nunca esteve t\u00e3o em alta. A consolida\u00e7\u00e3o da Internet no dia a dia das pessoas, o surgimento e populariza\u00e7\u00e3o da <a title=\"Desenvolvimento Mobile: como se adequar para ficar responsivo\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/07\/05\/desenvolvimento-mobile-como-se-adequar-para-ficar-responsivo\/\" target=\"_blank\" rel=\"noopener noreferrer\">tecnologia mobile<\/a> e a constante demanda pela cria\u00e7\u00e3o de sites \u2014 cada vez mais sofisticados \u2014 s\u00e3o os principais fatores para o seu crescimento.<\/span><\/div>\n<div><\/div>\n<div><span style=\"font-size: 14pt;\">Entretanto, como de praxe na <a href=\"https:\/\/www.impacta.com.br\/blog\/tecnologia-da-informacao-tudo-o-que-voce-precisa-saber-sobre-a-area\/\" target=\"_blank\" rel=\"noopener\">Tecnologia da Informa\u00e7\u00e3o<\/a>, n\u00e3o h\u00e1 como optar pela carreira de desenvolvimento web sem compreender as suas sub\u00e1reas, ou seja, as ramifica\u00e7\u00f5es que separam o perfil e as atribui\u00e7\u00f5es de um web developer.<\/span><\/div>\n<div><\/div>\n<div><span style=\"font-size: 14pt;\">Nesse caso, em especial, os termos utilizados para representar as sub\u00e1reas do desenvolvimento web s\u00e3o tr\u00eas:\u00a0<strong>Full Stack, Front-End e Back-End<\/strong>\u00a0\u2014 sendo essas duas \u00faltimas mais difundidas, enquanto a primeira se configura como a maior tend\u00eancia do mercado.<\/span><\/div>\n<div><\/div>\n<div><span style=\"font-size: 14pt;\">Agora que descobriu a complexidade envolvida nessa importante escolha para a <a title=\"Como come\u00e7ar na \u00e1rea de programa\u00e7\u00e3o e desenvolvimento?\" href=\"https:\/\/www.impacta.com.br\/blog\/2016\/09\/02\/como-comecar-na-area-de-programacao-e-desenvolvimento\/\" target=\"_blank\" rel=\"noopener noreferrer\">carreira<\/a>, decerto voc\u00ea est\u00e1 com d\u00favidas sobre qual \u00e9 o\u00a0<strong>perfil de desenvolvedor web mais condizente com suas habilidades, ambi\u00e7\u00f5es e voca\u00e7\u00e3o<\/strong><strong>,<\/strong>\u00a0correto?<\/span><\/div>\n<div>\n<span style=\"font-size: 14pt;\">Para ajud\u00e1-lo a se decidir sobre essa quest\u00e3o t\u00e3o importante na\u00a0<a title=\"e-Book: Um guia para come\u00e7ar a carreira em TI\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/01\/13\/e-book-um-guia-para-comecar-a-carreira-em-ti\/\" target=\"_blank\" rel=\"noopener noreferrer\">carreira de TI<\/a>, elaboramos este post completo no qual voc\u00ea aprender\u00e1 sobre:<\/span><\/div>\n<div class=\"content-article\">\n<div id=\"read-only-article\">\n<div>\n<ul>\n<li><span style=\"color: #008000;\"><strong><span style=\"font-size: 14pt;\">o que \u00e9 Front-End, Back-End e Full Stack;<\/span><\/strong><\/span><\/li>\n<li><span style=\"color: #008000;\"><strong><span style=\"font-size: 14pt;\">quais s\u00e3o as atribui\u00e7\u00f5es do programador web em cada uma dessas sub\u00e1reas;<\/span><\/strong><\/span><\/li>\n<li><span style=\"color: #008000;\"><strong><span style=\"font-size: 14pt;\">o que \u00e9 necess\u00e1rio dominar para se desenvolver com base no perfil desejado;<\/span><\/strong><\/span><\/li>\n<li><span style=\"color: #008000;\"><strong><span style=\"font-size: 14pt;\">como se tornar um full-stack web developer no pr\u00f3ximo ano.<\/span><\/strong><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">Tudo pronto para come\u00e7ar? Ent\u00e3o, boa leitura!<\/span><\/p>\n<h2><strong><span style=\"font-size: 14pt;\">1. Desenvolvedor: Front-End e Back-End ou Full Stack?<\/span><\/strong><\/h2>\n<p><span style=\"font-size: 14pt;\">Conforme dito no in\u00edcio do post, a \u00e1rea de desenvolvimento web est\u00e1 longe de ser algo simples, a ponto de uma equipe ser formada apenas por um tipo de especialista. Uma maneira de compreendermos isso melhor \u00e9 pensar no que um site precisa para funcionar. Vamos levantar alguns elementos:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">c\u00f3digo-fonte bem estruturado e funcional;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">design agrad\u00e1vel em termos de visual e experi\u00eancia;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">aplica\u00e7\u00f5es que possam ser executadas dentro do site;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">otimiza\u00e7\u00f5es para os motores de busca etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">S\u00e3o muitos os detalhes que contribuem para levar um site ao sucesso, desde o n\u00famero de cliques que o usu\u00e1rio d\u00e1 para conseguir o que precisa aos elementos visuais que acabam por cativ\u00e1-lo.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Portanto, \u00e9 essencial que haja uma equipe que ofere\u00e7a certa diversidade quanto \u00e0s compet\u00eancias, fazendo-se necess\u00e1ria a atua\u00e7\u00e3o de programadores que dominem as <a title=\"7 linguagens de programa\u00e7\u00e3o para web que voc\u00ea precisa conhecer\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/09\/25\/linguagens-programacao-web-conhecer\/\" target=\"_blank\" rel=\"noopener noreferrer\">linguagens <\/a>utilizadas e deem conta do recado quanto \u00e0 comunica\u00e7\u00e3o do site com o servidor, <a title=\"Conhe\u00e7a alguns diferentes tipos de bancos de dados\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/08\/07\/conheca-alguns-diferentes-tipos-de-bancos-de-dados\/\" target=\"_blank\" rel=\"noopener noreferrer\">banco de dados<\/a> e aplica\u00e7\u00f5es, bem como desenvolvedores capacitados para cuidar do lado criativo.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Em meio a isso, podemos acrescentar nesse \u201cideal\u201d de equipe de web developers o programador que compreende os dois lados do processo. Em outras palavras, um profissional mais completo e capaz de facilitar a comunica\u00e7\u00e3o entre Front-End e Back-End. <strong>Identificou-se com alguma dessas fun\u00e7\u00f5es?<\/strong> Veja a seguir qual das sub\u00e1reas do desenvolvimento web condiz com o seu perfil.<\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12378 size-full\" title=\"desenvolvedor frontend\" src=\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2017\/10\/desenvolvedor_frontend.jpg\" alt=\"desenvolvedor_frontend\" width=\"600\" height=\"200\" \/><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">1.1. Front-End<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">Comecemos a nossa explica\u00e7\u00e3o fazendo a seguinte analogia: para que um evento (um grande show, por exemplo) seja um verdadeiro sucesso, \u00e9 preciso muito mais que a figura do superstar se apresentando \u2014 \u00e9 fundamental que haja um suporte ao artista. Aonde queremos chegar com isso? Obviamente, assim como uma apresenta\u00e7\u00e3o musical, <strong>o site precisa ser atrativo<\/strong> em todos os sentidos para que caia no gosto do p\u00fablico.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Portanto, enquanto um show requer efeitos de luz incr\u00edveis, decora\u00e7\u00e3o, anima\u00e7\u00f5es e, muitas vezes, um figurino que chame a aten\u00e7\u00e3o dos f\u00e3s, um site de alta qualidade precisa de uma identidade visual atraente, ter os bot\u00f5es bem localizados para facilitar a navega\u00e7\u00e3o do usu\u00e1rio, fazer com que as imagens carreguem adequadamente, ser simples de usar e tudo mais.<\/span><br \/>\n<span style=\"font-size: 14pt;\">O respons\u00e1vel por incorporar os elementos art\u00edsticos (<a title=\"O que devo fazer: design gr\u00e1fico ou web design?\" href=\"https:\/\/www.impacta.com.br\/blog\/2016\/05\/10\/o-que-fazer-design-grafico-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">design<\/a>, imagens, cores, layout etc.) e funcionais (responsividade, menus, scripts etc.) do site de uma empresa \u2014 que \u00e9 a estrela que atender\u00e1 aos desejos do p\u00fablico \u2014 \u00e9 o\u00a0<strong>programador front-end<\/strong>.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Essa ocupa\u00e7\u00e3o tamb\u00e9m possui as suas vertentes, como\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/04\/07\/entenda-tudo-sobre-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Design<\/a>\u00a0e <a title=\"Conhe\u00e7a 6 Tend\u00eancias de UX em 2017!\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/02\/15\/conheca-6-tendencias-de-ux-em-2017\/\" target=\"_blank\" rel=\"noopener noreferrer\">UI\/UX Design<\/a>, portanto, as atribui\u00e7\u00f5es de quem trabalha no Front-End podem ter \u00eanfase no visual ou em testes, visando a adequar o site \u00e0s prefer\u00eancias do usu\u00e1rio. Sendo assim, o que faz parte da rotina de um programador Front-End? <span style=\"color: #008000;\"><strong>Vamos a algumas das principais atribui\u00e7\u00f5es:<\/strong><\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">trabalhar com HyperText Markup Language (<a title=\"5 motivos para voc\u00ea aprender HTML5\" href=\"https:\/\/www.impacta.com.br\/blog\/2016\/04\/25\/5-motivos-para-aprender-html5\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML<\/a>), JavaScript e Cascading Style Sheets (<a title=\"Otimize o CSS com 7 ferramentas online\" href=\"https:\/\/www.impacta.com.br\/blog\/2015\/11\/04\/otimize-o-css-com-7-ferramentas-online\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS<\/a>), pois s\u00e3o as habilidades essenciais para se criar um site \u201cdo zero\u201d;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">realizar a produ\u00e7\u00e3o, manuten\u00e7\u00e3o e modifica\u00e7\u00e3o de sites e APIs;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">aplicar as melhores pr\u00e1ticas e t\u00e9cnicas de <a title=\"As 6 dicas mais b\u00e1sicas de otimiza\u00e7\u00e3o SEO que voc\u00ea precisa saber\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/09\/20\/as-6-dicas-mais-basicas-de-otimizacao-seo-que-voce-precisa-saber\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEO<\/a> (Search Engine Optimization \u2013 Otimiza\u00e7\u00e3o para Motores de Busca);<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">implementar\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/07\/05\/desenvolvimento-mobile-como-se-adequar-para-ficar-responsivo\/\" target=\"_blank\" rel=\"noopener noreferrer\">design responsivo<\/a>\u00a0no site para garantir que os usu\u00e1rios naveguem a partir de qualquer dispositivo;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">otimizar o site para fornecer a melhor experi\u00eancia poss\u00edvel aos usu\u00e1rios;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">testar o site durante o processo de desenvolvimento para corrigir bugs e analisar a usabilidade do site, entre outras atribui\u00e7\u00f5es.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">Resumindo, o programador Front-End \u00e9 considerado uma ponte entre o designer e o Back-End, contribuindo tanto t\u00e9cnica quanto criativamente. Se a p\u00e1gina pela qual se est\u00e1 navegando \u00e9 agrad\u00e1vel em todos os sentidos, muito disso se deve a esse profissional.<\/span><br \/>\n<span style=\"font-size: 14pt;\">As redes sociais s\u00e3o um \u00f3timo exemplo de como o trabalho do programador Front-End \u00e9 importante. Afinal nos referimos a p\u00e1ginas repletas de funcionalidades, como Facebook, Twitter e Instagram, disponibilizadas com eleg\u00e2ncia e \u00f3tima usabilidade ao usu\u00e1rio final, independentemente do dispositivo que ele utiliza para navegar.<\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12379 size-full\" title=\"Desenvolvedor backend\" src=\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2017\/10\/desenvolvedor_backend.jpg\" alt=\"desenvolvedor_backend\" width=\"600\" height=\"200\" \/><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">1.2. Back-End<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">Agora, vamos retomar a analogia que iniciou a apresenta\u00e7\u00e3o do Front-End para explicar a fun\u00e7\u00e3o o time que cuida dos aspectos estruturais \u2014 tamb\u00e9m conhecida como \u201cserver side\u201d \u2014 do processo: o <strong>Back-End<\/strong>.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Bom, sabe aquela equipe respons\u00e1vel pela infraestrutura do palco, instalar e testar os equipamentos de som, cuidar para que os instrumentos estejam em ordem, evitando que os m\u00fasicos fiquem na m\u00e3o? Pois ent\u00e3o, tal papel \u00e9 representado no desenvolvimento web pelo programador Back-End.<\/span><br \/>\n<span style=\"font-size: 14pt;\">\u00c9 a equipe de Back-End que assume todos os aspectos de c\u00f3digo do site, garantindo que todas as funcionalidades sejam executadas perfeitamente, ou seja, que os planos sejam colocados em pr\u00e1tica e tragam o resultado esperado.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Sendo assim,<strong> o que faz o desenvolvedor Back-End?<\/strong> Ele est\u00e1 integrado ao \u201cc\u00e9rebro do site\u201d, cuidando da comunica\u00e7\u00e3o dele com o servidor, estabelecendo a liga\u00e7\u00e3o entre os APIs (Application Programming Interface ou Interface de Programa\u00e7\u00e3o de Aplica\u00e7\u00f5es) e o banco de dados, al\u00e9m de construir a estrutura do site com uso de linguagens de programa\u00e7\u00e3o etc.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Algumas outras responsabilidades pertinentes ao programador Back-End s\u00e3o:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">dom\u00ednio de sistemas operacionais <a title=\"Como e por que obter uma certifica\u00e7\u00e3o Linux?\" href=\"https:\/\/www.impacta.com.br\/blog\/2015\/05\/25\/como-e-por-que-obter-uma-certificacao-linux\/\" target=\"_blank\" rel=\"noopener noreferrer\">Linux<\/a> e\/ou baseados em Unix, incluindo SOs espec\u00edficos para servidores;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">uso de frameworks para Back-End voltados para o desenvolvimento de software (no caso, destinados aos\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/08\/02\/7-servidores-de-aplicacao-desenvolvedores\/\" target=\"_blank\" rel=\"noopener noreferrer\">servidores<\/a>);<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">conhecimento em linguagens usadas para ambiente web, como <a href=\"https:\/\/www.impacta.com.br\/online\/Programando-com-a-Linguagem-Python-online.php\" target=\"_blank\" rel=\"noopener noreferrer\">Python<\/a>, <a title=\"PHP: linguagem domina o mundo web\" href=\"https:\/\/www.impacta.com.br\/blog\/2014\/11\/26\/php-linguagem-domina-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP<\/a>, <a href=\"https:\/\/www.impacta.com.br\/curso\/JavaScript.php\" target=\"_blank\" rel=\"noopener noreferrer\">JavaScript<\/a>, Perl e Ruby;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">desenvolvimento, implanta\u00e7\u00e3o e manuten\u00e7\u00e3o de CMS (Content Management System \u2013 Sistema de Gerenciamento de Conte\u00fado);<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">aplica\u00e7\u00e3o das melhores pr\u00e1ticas e t\u00e9cnicas de <a title=\"4 erros cometidos na gest\u00e3o da seguran\u00e7a da informa\u00e7\u00e3o\" href=\"https:\/\/www.impacta.com.br\/blog\/2015\/04\/10\/4-erros-cometidos-na-gestao-da-seguranca-da-informacao\/\" target=\"_blank\" rel=\"noopener noreferrer\">Seguran\u00e7a da Informa\u00e7\u00e3o<\/a> orientadas a ambientes web;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">integra\u00e7\u00e3o com APIs e ambientes em nuvem (<a title=\"Computa\u00e7\u00e3o na Nuvem: A tecnologia cloud e suas funcionalidades\" href=\"https:\/\/www.impacta.com.br\/blog\/2013\/10\/18\/tocando-a-nuvem-a-tecnologia-cloud-e-suas-funcionalidades\/\" target=\"_blank\" rel=\"noopener noreferrer\">cloud computing<\/a>);<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">cria\u00e7\u00e3o de banco de dados (<a title=\"Veja como criar um banco de dados MySQL\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/02\/17\/veja-como-criar-um-banco-de-dados-mysql\/\" target=\"_blank\" rel=\"noopener noreferrer\">MySQL<\/a>, <a title=\"Veja como funciona o uso de banco de dados no Android\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/04\/24\/veja-como-funciona-o-uso-de-banco-de-dados-no-android\/\" target=\"_blank\" rel=\"noopener noreferrer\">SQLite<\/a>, PostgreSQL etc.), bem como o gerenciamento e integra\u00e7\u00e3o com outras aplica\u00e7\u00f5es;<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">an\u00e1lise de dados e estat\u00edsticas gerados pelo site, entre outros.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">Simplificando, podemos dizer que a fun\u00e7\u00e3o do programador Back-End \u00e9 dar utilidade a tudo que o desenvolvedor Front-End cria. Sem o trabalho do Back-End, n\u00e3o h\u00e1 como um site funcionar.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Se voc\u00ea adora trabalhar com c\u00f3digos e linguagens de programa\u00e7\u00e3o, esse discreto \u2014 por\u00e9m imprescind\u00edvel \u2014 trabalho feito pelo desenvolvedor Back-End \u00e9 uma excelente alternativa para a carreira. Contudo, como veremos a seguir, voc\u00ea n\u00e3o precisa se limitar ao Back-End.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">1.3. Full Stack<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">O <a title=\"Mercado de Tecnologia resiste \u00e0 crise: Conhe\u00e7a principais cursos de TI!\" href=\"https:\/\/www.impacta.com.br\/blog\/2017\/08\/14\/mercado-de-tecnologia-resiste-a-crise-conheca-principais-cursos-de-ti\/\" target=\"_blank\" rel=\"noopener noreferrer\">mercado de TI<\/a> \u00e9 reconhecido por oferecer \u00f3timas oportunidades de emprego em todas as \u00e1reas, especialmente a de desenvolvimento web, resultando no aumento da competitividade e, consequentemente, da aten\u00e7\u00e3o das empresas para aspectos multidisciplinares. Nesse contexto, o Desenvolvedor Full Stack passou a ganhar destaque.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Esse profissional se diferencia pelo conhecimento t\u00e9cnico mais amplo, ou seja, a melhor compreens\u00e3o dos processos, sendo capaz de acompanhar a execu\u00e7\u00e3o das atividades do in\u00edcio ao fim e manter uma comunica\u00e7\u00e3o interpessoal eficiente com todas as equipes.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Por que essa comunica\u00e7\u00e3o interpessoal \u00e9 necess\u00e1ria? Pelo fato de o trabalho da equipe de Back-End estar ligado ao Front-End, a intera\u00e7\u00e3o entre as duas equipes \u00e9 fundamental para que problemas sejam solucionados e o projeto seja desenvolvido com excel\u00eancia. Sem a participa\u00e7\u00e3o do programador Full Stack, a tend\u00eancia \u00e9 que essa comunica\u00e7\u00e3o seja ineficaz, podendo gerar conflitos desnecess\u00e1rios.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Como o desenvolvedor Full Stack atua nos dois extremos, esse profissional tem uma vis\u00e3o mais profunda da situa\u00e7\u00e3o e, com isso, \u00e9 capaz de encontrar solu\u00e7\u00f5es rapidamente, ou seja, os superiores passam a enxergar certa <a title=\"Como desenvolver esp\u00edrito de lideran\u00e7a\" href=\"https:\/\/www.impacta.com.br\/blog\/2016\/05\/09\/como-desenvolver-espirito-de-lideranca\/\" target=\"_blank\" rel=\"noopener noreferrer\">lideran\u00e7a<\/a> no profissional.<\/span><\/p>\n<h4><strong><span style=\"font-size: 14pt;\">1.3.1. Por que \u201cFull Stack\u201d?<\/span><\/strong><\/h4>\n<p><span style=\"font-size: 14pt;\">Quando falamos em \u201cstack\u201d nos referimos a um conjunto de tecnologias usadas como componentes para desenvolver, implementar e executar uma aplica\u00e7\u00e3o, ou seja, frameworks, linguagens de programa\u00e7\u00e3o, produtos de software e ferramentas, infraestrutura etc.<\/span><br \/>\n<span style=\"font-size: 14pt;\">\u00c9 prov\u00e1vel que voc\u00ea j\u00e1 tenha ouvido falar em <strong>LAMP Stack<\/strong>, um conjunto de tecnologias formado respectivamente por: <strong>Linux; Apache;\u00a0MySQL\u00a0e PHP<\/strong>. Nessa mesma linha, temos o <strong>MEAN Stack<\/strong>, formado pelas tecnologias: <strong>MongoDB; Express.js; Angular.js e Node.js<\/strong>. Essas \u201cstacks\u201d s\u00e3o suficientes para que programadores desenvolvam aplica\u00e7\u00f5es diversas.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Somando o fato de que a \u00e1rea de desenvolvimento web \u00e9 bastante ampla em termos de atribui\u00e7\u00f5es \u2014 al\u00e9m de Front-End e Back-End, \u00e9 comum nos depararmos com UI-developer, Database Engineer e outros \u2014 \u00e0s demandas pela implanta\u00e7\u00e3o de aplica\u00e7\u00f5es web em ambientes de nuvem, eis que surge o Full Stack como solu\u00e7\u00e3o para desenvolver aplicativos em todas as etapas.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Mas, como adquirir essa vasta gama de conhecimento e ser considerado um developer full-stack? <strong>\u00c9 o que veremos no t\u00f3pico a seguir!<\/strong><\/span><\/p>\n<h2><strong><span style=\"font-size: 14pt;\">2. Como se tornar um desenvolvedor Full Stack no pr\u00f3ximo ano?<\/span><\/strong><\/h2>\n<p><span style=\"font-size: 14pt;\">Antes de tudo, \u00e9 preciso esclarecer que ser um desenvolvedor Full Stack n\u00e3o implica se tornar um especialista em todas as \u00e1reas \u2014 embora nada o impe\u00e7a de conseguir tal proeza. Esse tipo de desenvolvedor \u00e9 valorizado pela versatilidade, ou seja, capacidade de participar de todas as etapas de um projeto.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Logo, se tornar um web full-stack n\u00e3o implica ser um dos melhores programadores, uma refer\u00eancia em UI\/UX Design, dominar os bancos de dados, sistemas operacionais para servidores e tudo mais. Voc\u00ea pode focar a \u00e1rea com a qual mais se identifica ou possui facilidade, especializar-se nela e, ent\u00e3o, adquirir um conhecimento mais abrangente. Esse tipo de profissional \u00e9 conhecido no mercado global como <span style=\"color: #008000;\"><strong>T-Shaped<\/strong><\/span>.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Por exemplo, at\u00e9 chegar ao presente par\u00e1grafo voc\u00ea acredita que se daria melhor especializando-se em Back-End? Voc\u00ea pode muito bem fazer isso e, ao mesmo tempo, saber exercer as fun\u00e7\u00f5es do Front-End quando necess\u00e1rio.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-size: 14pt;\">Quer saber mais sobre como se tornar um desenvolvedor Full Stack j\u00e1 no pr\u00f3ximo ano? Confira abaixo os <strong>9 requisitos b\u00e1sicos<\/strong> para conseguir esse objetivo em tempo h\u00e1bil.<\/span><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12376\" title=\"Desenvolvedor frontend, backend ou full stack?\" src=\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2017\/10\/127454-desenvolvedor-frontend-backend-ou-full-stack.jpg\" alt=\"Desenvolvedor frontend, backend ou full stack?\" width=\"450\" height=\"300\" \/><\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-size: 14pt;\">2.1. Programa\u00e7\u00e3o Front-End<\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">Tanto o HTML quanto o CSS s\u00e3o elementos caracter\u00edsticos do Front-End e, sem sombra de d\u00favidas, s\u00e3o uma excelente introdu\u00e7\u00e3o para quem est\u00e1 conhecendo a \u00e1rea de desenvolvimento web. Isso porque \u00e9 poss\u00edvel aprender a utilizar esses recursos de forma bastante amistosa, gra\u00e7as \u00e0 baixa complexidade do HTML \u2014 \u00e9 f\u00e1cil de dominar \u2014 e \u00e0s ferramentas do CSS que ajudam a aplicar os conceitos de estilo.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Ao longo dessa etapa, voc\u00ea dever\u00e1 compreender os elementos sem\u00e2nticos da linguagem HTML, saber como e quando utilizar o CSS Media Queries e os pr\u00e9-processadores do CSS, al\u00e9m de manusear frameworks como o Bootstrap.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Para complementar os estudos, \u00e9 recomend\u00e1vel que comece a familiarizar-se com o JavaScript,\u00a0visto que a\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2016\/04\/28\/qual-a-linguagem-de-programacao-mais-usada\/\" target=\"_blank\" rel=\"noopener noreferrer\">linguagem\u00a0de programa\u00e7\u00e3o<\/a>\u00a0\u00e9 absolutamente fundamental para todo e qualquer programador Front-End e tamb\u00e9m pelo dom\u00ednio dos seus principais recursos ser o pr\u00f3ximo est\u00e1gio rumo ao t\u00edtulo de Full Stack.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.2. JavaScript<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">A linguagem JavaScript foi lan\u00e7ada em 1995 e acompanhou a evolu\u00e7\u00e3o dos sistemas operacionais, sendo atualmente uma das mais importantes \u2014 muitos fatores justificam isso, como a popularidade e os constantes lan\u00e7amentos de novas bibliotecas, frameworks e ferramentas.<\/span><br \/>\n<span style=\"font-size: 14pt;\">De acordo com\u00a0<a href=\"https:\/\/insights.stackoverflow.com\/survey\/2016\" target=\"_blank\" rel=\"noopener noreferrer\">pesquisa<\/a>\u00a0realizada em 2016, o JavaScript \u00e9 a tecnologia mais difundida entre os desenvolvedores Full Stack, Front-End e Back-End. Portanto,\u00a0aprender JavaScript\u00a0\u00e9 crucial para voc\u00ea atingir o objetivo de tornar-se um full-stack web developer, n\u00e3o s\u00f3 pelo que a pesquisa aponta, mas pelo uso da linguagem abranger ambas as sub\u00e1reas.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.3. Desenvolvimento Back-End<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">Assim que tiver aprendido a fazer algumas coisas legais envolvendo a combina\u00e7\u00e3o HTML + CSS + JavaScript, certamente voc\u00ea estar\u00e1 apto a aprofundar-se no universo Back-End \u2014 em que o conhecimento em linguagens de programa\u00e7\u00e3o \u00e9 mais exigido. Decerto, aprender alguma linguagem ser\u00e1 um desafio caso voc\u00ea n\u00e3o tenha muita afinidade com isso.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Por\u00e9m, como as linguagens de programa\u00e7\u00e3o costumam apresentar poucas diferen\u00e7as em termos de l\u00f3gica e sintaxe, basta escolher uma ou duas delas para aprender a fundo. No decorrer de sua carreira, pode ter certeza que ser\u00e1 mais f\u00e1cil aprender as demais.<\/span><br \/>\n<span style=\"font-size: 14pt;\">A princ\u00edpio, o iniciante pode optar por linguagens mais descomplicadas e, ao mesmo tempo, influentes no desenvolvimento web, como Python, PHP e Ruby. Al\u00e9m disso, voc\u00ea pode aproveitar que est\u00e1 aprendendo o JavaScript e se aprofundar no Node.js, j\u00e1 que o ambiente \u00e9 o mesmo. Para complementar os seus estudos voltados ao desenvolvimento Back-End, uma boa sugest\u00e3o \u00e9 aprender o b\u00e1sico sobre banco de dados.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.4 Banco de dados<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">J\u00e1 que falamos sobre\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/07\/28\/entenda-o-que-e-a-modelagem-de-banco-de-dados\/\" target=\"_blank\" rel=\"noopener noreferrer\">banco de dados<\/a>, vale destacar que ele \u00e9 uma das principais atribui\u00e7\u00f5es do programador Back-End e, portanto, \u00e9 elementar ao futuro desenvolvedor Full Stack. O importante nessa etapa \u00e9 n\u00e3o limitar o conhecimento \u00e0s fun\u00e7\u00f5es b\u00e1sicas de um servidor de banco de dados. Embora n\u00e3o precise se tornar um expert nesse fundamento, procure dominar as fun\u00e7\u00f5es mais avan\u00e7adas.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Outra boa dica \u00e9 compreender as diferen\u00e7as entre bancos de dados relacionais e n\u00e3o relacionais (NoSQL), quais os benef\u00edcios, as melhores pr\u00e1ticas e em que situa\u00e7\u00e3o utilizar cada um deles.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Experimente criar uma aplica\u00e7\u00e3o escrita em Python que se comunique, por exemplo, com um simples banco de dados SQL; ou fazer uma aplica\u00e7\u00e3o desenvolvida em Node.js interagir com um servidor Postgre.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.5. REST<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">O REST est\u00e1 ligado ao HTTP e tem como fun\u00e7\u00e3o facilitar a comunica\u00e7\u00e3o entre sistemas independentes \u2014 desde que o HTTP tenha alguma influ\u00eancia no processo. Por exemplo, um c\u00f3digo JavaScript faz uma solicita\u00e7\u00e3o do AJAX, via HTTP, para um outro c\u00f3digo que esteja em execu\u00e7\u00e3o no servidor.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Nesse sentido, \u00e9 importante aprender a fun\u00e7\u00e3o do REST e como ele funciona, entendendo a sua contribui\u00e7\u00e3o para a intera\u00e7\u00e3o entre clientes e servidores.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.6. Arquitetura de aplica\u00e7\u00f5es web<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">Ao adquirir as habilidades mencionadas at\u00e9 aqui, voc\u00ea pode se considerar apto a desenvolver por conta pr\u00f3pria uma aplica\u00e7\u00e3o de n\u00edvel mais complexo. Contudo, isso o credencia a dar um passo importante para a sua forma\u00e7\u00e3o: compreender a estrutura de uma aplica\u00e7\u00e3o web.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Essa etapa envolve o conhecimento sobre como estruturar o c\u00f3digo, como separar os arquivos, como estruturar os dados no banco de dados e onde armazenar arquivos mais pesados (geralmente de multim\u00eddia), ou seja, ter uma boa no\u00e7\u00e3o do know-how.<\/span><br \/>\n<span style=\"font-size: 14pt;\">H\u00e1 diversas formas de se conseguir isso. Dependendo do tempo que voc\u00ea tiver dispon\u00edvel, pode-se mergulhar de cabe\u00e7a em um projeto complexo, cujo desenvolvimento \u00e9 dividido em v\u00e1rios est\u00e1gios, tendo o aux\u00edlio de bons livros e f\u00f3runs especializados.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Entretanto, como futuro programador Full Stack, o ideal \u00e9 integrar-se a um projeto independente, desenvolvido em equipe. Al\u00e9m de coloc\u00e1-lo num ambiente colaborativo, voc\u00ea ter\u00e1 a oportunidade de interagir com especialistas mais experientes.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.7. Mobile<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">N\u00e3o \u00e9 novidade para ningu\u00e9m que os dispositivos m\u00f3veis se popularizaram a ponto de termos, no Brasil, mais <a title=\"Popularidade dos smartphones aumenta exig\u00eancias t\u00e9cnicas\" href=\"https:\/\/www.impacta.com.br\/blog\/2015\/11\/06\/popularidade-dos-smartphones-aumenta-exigencias-tecnicas\/\" target=\"_blank\" rel=\"noopener noreferrer\">smartphones <\/a>do que pessoas. \u00c9 poss\u00edvel, inclusive, que voc\u00ea esteja lendo o presente conte\u00fado em um aparelho mobile.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Naturalmente, a expans\u00e3o do mercado mobile acompanhou o intenso ritmo de crescimento e, hoje, os chamados\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/08\/21\/aprenda-como-criar-um-aplicativo\/\" target=\"_blank\" rel=\"noopener noreferrer\">apps<\/a>\u00a0ocupam um espa\u00e7o consider\u00e1vel no cotidiano de muita gente e as empresas t\u00eam observado isso de perto.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Apesar de os aplicativos terem forte \u00eanfase no Front-End, o Back-End faz parte do desenvolvimento da maioria deles. Isso pode trazer bastante relev\u00e2ncia ao seu curr\u00edculo, devido \u00e0 popularidade de plataformas como\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/09\/13\/mobile-android-developer-ou-ios-swift\/\" target=\"_blank\" rel=\"noopener noreferrer\">Android e iOS<\/a>.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.8. Cloud Computing<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">A computa\u00e7\u00e3o em nuvem (cloud computing) mostrou que veio para ficar, principalmente com a consolida\u00e7\u00e3o dos maiores provedores do servi\u00e7o (Amazon e Microsoft) e a cria\u00e7\u00e3o de solu\u00e7\u00f5es que melhor atendem \u00e0s necessidades do usu\u00e1rio.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Hoje em dia, \u00e9 imposs\u00edvel pensar em seguir carreira nas \u00e1reas de TI sem considerar a import\u00e2ncia do cloud computing. Em um futuro breve, praticamente todos os tipos de aplica\u00e7\u00f5es dever\u00e3o interagir com uma estrutura de nuvem, ainda mais com a ado\u00e7\u00e3o da tecnologia por parte das pequenas e m\u00e9dias empresas.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Para come\u00e7ar a se familiarizar com essa \u00e1rea, adquirindo os conceitos b\u00e1sicos de como a nuvem funciona, quais s\u00e3o os seus modelos e tudo mais, uma \u00f3tima alternativa \u00e9 se preparar para as\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2016\/11\/21\/saiba-quais-sao-as-certificacoes-em-ti-mais-requisitadas-atualmente\/\" target=\"_blank\" rel=\"noopener noreferrer\">certifica\u00e7\u00f5es<\/a>, como a AWS Certified Developer \u2013 Associate.<\/span><br \/>\n<span style=\"font-size: 14pt;\">A Microsoft \u00e9 uma \u00f3tima fonte de conte\u00fados e treinamentos sobre computa\u00e7\u00e3o em nuvem. O melhor \u00e9 que voc\u00ea pode estudar online gratuitamente e assim se preparar, tamb\u00e9m, para as certifica\u00e7\u00f5es Azure.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.9. Controle de versionamento (Git)<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">Ter o controle da vers\u00e3o do software em desenvolvimento \u00e9 um requisito importante para qualquer programador, seja Front-End, seja Back-End. Uma das principais\u00a0ferramentas\u00a0para trabalhar com versionamento \u00e9 o Git.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Inclusive a p\u00e1gina oficial do Git nos traz uma defini\u00e7\u00e3o bastante clara sobre o que \u00e9 o controle de vers\u00e3o: \u201ccontrole de vers\u00e3o \u00e9 um sistema que registra as mudan\u00e7as feitas em um arquivo ou um conjunto de arquivos ao longo do tempo de forma que voc\u00ea possa recuperar vers\u00f5es espec\u00edficas&#8230;\u201d.<\/span><\/p>\n<h3><strong><span style=\"font-size: 14pt;\">2.10. Sistemas operacionais baseados em Linux<\/span><\/strong><\/h3>\n<p><span style=\"font-size: 14pt;\">Por fim, vale ressaltar a import\u00e2ncia que o dom\u00ednio e a experi\u00eancia com o Linux t\u00eam para a carreira do\u00a0<a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/08\/14\/mercado-de-tecnologia-resiste-a-crise-conheca-principais-cursos-de-ti\/\" target=\"_blank\" rel=\"noopener noreferrer\">profissional de\u00a0TI<\/a>, incluindo o desenvolvedor Full Stack. No desenvolvimento web, como a \u00e1rea de Back-End \u00e9 estritamente ligada aos servidores e esses \u2014 em sua grande maioria \u2014 rodam em Linux, as maiores corpora\u00e7\u00f5es tendem a valorizar o profissional que sabe desenvolver aplica\u00e7\u00f5es e garantir a devida manuten\u00e7\u00e3o em ambiente Linux.<\/span><\/p>\n<h2><strong><span style=\"font-size: 14pt;\">Conclus\u00e3o<\/span><\/strong><\/h2>\n<p><span style=\"font-size: 14pt;\">Escolher entre Front-End e Back-End ou Full Stack \u00e9 um dilema que s\u00f3 pode ser resolvido por meio de uma an\u00e1lise sobre:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">quais s\u00e3o os seus objetivos na carreira? Ser um profissional expert numa determinada \u00e1rea, ou adquirir um perfil mais flex\u00edvel e polivalente?<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">almeja saber desenvolver um site\/aplica\u00e7\u00e3o web do in\u00edcio ao fim e assim conduzir sozinho os seus pr\u00f3prios projetos?<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">precisa ampliar as suas oportunidades ou intensificar o seu conhecimento no setor que mais gosta?<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">ser um profissional completo \u00e9 um requisito que voc\u00ea considera importante?<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\">Vale reiterar que os profissionais que atuam em Front-End e Back-End podem evoluir muito quando passam a compreender os processos de ambas as \u00e1reas, portanto, o tamb\u00e9m chamado developer full-stack\u00a0tem tudo para ser visto pelas empresas como uma figura imprescind\u00edvel aos processos de trabalho nos pr\u00f3ximos anos.<\/span><br \/>\n<span style=\"font-size: 14pt;\">Gostou de conhecer mais sobre a \u00e1rea de desenvolvimento web? O conte\u00fado foi de grande utilidade para a sua orienta\u00e7\u00e3o profissional? Ent\u00e3o aproveite para assinar a newsletter agora mesmo para que n\u00e3o perca os pr\u00f3ximos posts e <a href=\"https:\/\/www.impacta.com.br\/materiais-educativos.php\" target=\"_blank\" rel=\"noopener noreferrer\">materiais ricos<\/a>!<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"sharing-default-minimal post-bottom\"><div class=\"nectar-social default\" data-position=\"\" data-rm-love=\"0\" data-color-override=\"override\"><div class=\"nectar-social-inner\"><a href=\"#\" class=\"nectar-love\" id=\"nectar-love-12375\" title=\"Love this\"> <i class=\"icon-salient-heart-2\"><\/i><span class=\"love-text\">Love<\/span><span class=\"total_loves\"><span class=\"nectar-love-count\">0<\/span><\/span><\/a><a class='facebook-share nectar-sharing' href='#' title='Share this'> <i class='fa fa-facebook'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='twitter-share nectar-sharing' href='#' title='Share this'> <i class='fa icon-salient-x-twitter'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='linkedin-share nectar-sharing' href='#' title='Share this'> <i class='fa fa-linkedin'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='pinterest-share nectar-sharing' href='#' title='Pin this'> <i class='fa fa-pinterest'><\/i> <span class='social-text'>Pin<\/span> <\/a><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>N\u00e3o pode ler esse artigo agora? Ou\u00e7a a mat\u00e9ria no Player abaixo: A \u00e1rea de desenvolvimento web (web development) nunca esteve t\u00e3o em alta. A consolida\u00e7\u00e3o da Internet no dia a dia das pessoas, o surgimento e populariza\u00e7\u00e3o da tecnologia mobile e a constante demanda pela cria\u00e7\u00e3o de sites \u2014 cada vez mais sofisticados \u2014 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":16956,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,3],"tags":[522,66,523,524],"class_list":["post-12375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento","category-tecnologia","tag-back-end","tag-desenvolvimento-2","tag-front-end","tag-full-stack"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Desenvolvedor: Front-End, Back-End ou Full Stack?<\/title>\r\n<meta name=\"description\" content=\"Qual o tipo de desenvolvedor voc\u00ea quer ser? Conhe\u00e7a as diferen\u00e7as e caracter\u00edsticas do Front-End e Back-End e saiba o que \u00e9 ser um Full Stack!\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/\" \/>\r\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Desenvolvedor: Front-End, Back-End ou Full Stack?\" \/>\r\n<meta property=\"og:description\" content=\"Qual o tipo de desenvolvedor voc\u00ea quer ser? Conhe\u00e7a as diferen\u00e7as e caracter\u00edsticas do Front-End e Back-End e saiba o que \u00e9 ser um Full Stack!\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Blog Impacta - Dicas e Not\u00edcias sobre Carreira\" \/>\r\n<meta property=\"article:published_time\" content=\"2017-10-25T12:54:41+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2021-10-01T14:48:22+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/desenvolvedor_front_back_endjpg.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"850\" \/>\r\n\t<meta property=\"og:image:height\" content=\"284\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"Reda\u00e7\u00e3o Impacta\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Reda\u00e7\u00e3o Impacta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutos\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/\",\"name\":\"Desenvolvedor: Front-End, Back-End ou Full Stack?\",\"isPartOf\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/desenvolvedor_front_back_endjpg.jpg\",\"datePublished\":\"2017-10-25T12:54:41+00:00\",\"dateModified\":\"2021-10-01T14:48:22+00:00\",\"author\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/2e0896bac7656da15b68f5ad2ddd0d8c\"},\"description\":\"Qual o tipo de desenvolvedor voc\u00ea quer ser? Conhe\u00e7a as diferen\u00e7as e caracter\u00edsticas do Front-End e Back-End e saiba o que \u00e9 ser um Full Stack!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#primaryimage\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/desenvolvedor_front_back_endjpg.jpg\",\"contentUrl\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/desenvolvedor_front_back_endjpg.jpg\",\"width\":850,\"height\":284},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.impacta.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvedor: Front-End, Back-End ou Full Stack?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#website\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/\",\"name\":\"Blog Impacta - Dicas e Not\u00edcias sobre Carreira\",\"description\":\"Dicas, Not\u00edcias e Conte\u00fados sobre Carreira, Tecnologia, Design, Gest\u00e3o e Marketing. Conhe\u00e7a e Acompanhe o Blog Impacta\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.impacta.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/2e0896bac7656da15b68f5ad2ddd0d8c\",\"name\":\"Reda\u00e7\u00e3o Impacta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7443a59e479c8f31067628e3a4bed9ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7443a59e479c8f31067628e3a4bed9ad?s=96&d=mm&r=g\",\"caption\":\"Reda\u00e7\u00e3o Impacta\"},\"url\":\"https:\/\/www.impacta.com.br\/blog\/author\/redacao\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Desenvolvedor: Front-End, Back-End ou Full Stack?","description":"Qual o tipo de desenvolvedor voc\u00ea quer ser? Conhe\u00e7a as diferen\u00e7as e caracter\u00edsticas do Front-End e Back-End e saiba o que \u00e9 ser um Full Stack!","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:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/","og_locale":"pt_BR","og_type":"article","og_title":"Desenvolvedor: Front-End, Back-End ou Full Stack?","og_description":"Qual o tipo de desenvolvedor voc\u00ea quer ser? Conhe\u00e7a as diferen\u00e7as e caracter\u00edsticas do Front-End e Back-End e saiba o que \u00e9 ser um Full Stack!","og_url":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/","og_site_name":"Blog Impacta - Dicas e Not\u00edcias sobre Carreira","article_published_time":"2017-10-25T12:54:41+00:00","article_modified_time":"2021-10-01T14:48:22+00:00","og_image":[{"width":850,"height":284,"url":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/desenvolvedor_front_back_endjpg.jpg","type":"image\/jpeg"}],"author":"Reda\u00e7\u00e3o Impacta","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Reda\u00e7\u00e3o Impacta","Est. reading time":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/","url":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/","name":"Desenvolvedor: Front-End, Back-End ou Full Stack?","isPartOf":{"@id":"https:\/\/www.impacta.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#primaryimage"},"image":{"@id":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#primaryimage"},"thumbnailUrl":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/desenvolvedor_front_back_endjpg.jpg","datePublished":"2017-10-25T12:54:41+00:00","dateModified":"2021-10-01T14:48:22+00:00","author":{"@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/2e0896bac7656da15b68f5ad2ddd0d8c"},"description":"Qual o tipo de desenvolvedor voc\u00ea quer ser? Conhe\u00e7a as diferen\u00e7as e caracter\u00edsticas do Front-End e Back-End e saiba o que \u00e9 ser um Full Stack!","breadcrumb":{"@id":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#primaryimage","url":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/desenvolvedor_front_back_endjpg.jpg","contentUrl":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/desenvolvedor_front_back_endjpg.jpg","width":850,"height":284},{"@type":"BreadcrumbList","@id":"https:\/\/www.impacta.com.br\/blog\/desenvolvedor-front-end-back-end-ou-full-stack\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.impacta.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Desenvolvedor: Front-End, Back-End ou Full Stack?"}]},{"@type":"WebSite","@id":"https:\/\/www.impacta.com.br\/blog\/#website","url":"https:\/\/www.impacta.com.br\/blog\/","name":"Blog Impacta - Dicas e Not\u00edcias sobre Carreira","description":"Dicas, Not\u00edcias e Conte\u00fados sobre Carreira, Tecnologia, Design, Gest\u00e3o e Marketing. Conhe\u00e7a e Acompanhe o Blog Impacta","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.impacta.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/2e0896bac7656da15b68f5ad2ddd0d8c","name":"Reda\u00e7\u00e3o Impacta","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7443a59e479c8f31067628e3a4bed9ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7443a59e479c8f31067628e3a4bed9ad?s=96&d=mm&r=g","caption":"Reda\u00e7\u00e3o Impacta"},"url":"https:\/\/www.impacta.com.br\/blog\/author\/redacao\/"}]}},"acf":{"post_description":"","capa_mobile":false},"_links":{"self":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts\/12375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/comments?post=12375"}],"version-history":[{"count":0,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts\/12375\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/media\/16956"}],"wp:attachment":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/media?parent=12375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/categories?post=12375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/tags?post=12375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}