{"id":1211,"date":"2024-08-01T22:30:00","date_gmt":"2024-08-02T01:30:00","guid":{"rendered":"https:\/\/kangaroo.host\/blog\/desenvolvedor-fullstack\/"},"modified":"2024-11-01T23:08:43","modified_gmt":"2024-11-02T02:08:43","slug":"desenvolvedor-fullstack","status":"publish","type":"post","link":"https:\/\/kangaroo.host\/blog\/desenvolvedor-fullstack\/","title":{"rendered":"Desenvolvedor FullStack &#8211; O que faz?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Bem vindo de volta, Kangaroozito! Como sabemos, existem diversos tipos de programadores, como WEB, Mobile, de Games, de dispositivos embarcados e diversas outras modalidades. No caso espec\u00edfico dos devs Web, existem ainda outras divis\u00f5es, que s\u00e3o o Back-end, Front-end e FullStack.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hoje, abordaremos um pouco mais quais s\u00e3o as atribui\u00e7\u00f5es de cada tipo de desenvolvedor, para que voc\u00ea possa n\u00e3o somente entender melhor o que estudar caso queira se tornar dev, como tamb\u00e9m ajud\u00e1-lo a encontrar um programador mais adequado para atender o seu projeto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sum\u00e1rio<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Front-end<\/li>\n\n\n\n<li>Back-end<\/li>\n\n\n\n<li>FullStack<\/li>\n\n\n\n<li>Conclus\u00e3o<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Desenvolvedor front-end<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/kangaroo.host\/blog\/wp-content\/uploads\/2024\/07\/Front-end-scaled.jpg\" alt=\"Front end, back end e fullstack\" class=\"wp-image-8974\"\/><figcaption class=\"wp-element-caption\">Fonte: Reposit\u00f3rio de imagens<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Um programador front-end \u00e9 respons\u00e1vel por desenvolver toda a parte visual e interativa que um visitante consegue ver ao navegar em um site. Entre suas atribui\u00e7\u00f5es, ele \u00e9 respons\u00e1vel pelo design, estiliza\u00e7\u00e3o e interatividade das p\u00e1ginas (normalmente, trazida por frameworks JavaScript como <a href=\"https:\/\/react.dev\/\" target=\"_blank\" rel=\"noopener\">React<\/a> e <a href=\"https:\/\/vuejs.org\/\" target=\"_blank\" rel=\"noopener\">Vue<\/a>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No geral, podemos dizer que ele \u00e9 o respons\u00e1vel pela experi\u00eancia do usu\u00e1rio dentro do site, j\u00e1 que ele \u00e9 quem cria todos os aspectos que o visitante est\u00e1 conseguindo ver. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para exemplificar, vamos considerar que estamos falando do projeto de um e-Commerce. Nesse caso, o desenvolvedor front-end ficaria respons\u00e1vel por criar as p\u00e1ginas de cat\u00e1logo e produtos, assim como as interfaces de \u00e1rea de pedidos, conta, etc.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Desenvolvedor back-end<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J\u00e1 o programador back-end \u00e9 respons\u00e1vel por servi\u00e7o que o visitante geralmente n\u00e3o consegue (ou n\u00e3o deveria) conseguir ver. O Back-end \u00e9 quem desenvolve os aspectos de processamento de dados no sistema, como conex\u00f5es com bancos de dados, valida\u00e7\u00f5es, logins, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assim, podemos dizer que o back-end \u00e9 onde acontece o processamento dos dados que o servidor recebe atrav\u00e9s do front-end, sendo ent\u00e3o capaz de processar e devolver esses dados para serem exibidos novamente para o usu\u00e1rio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seguindo o nosso exemplo de um e-commerce, o back-end seria a parte da loja respons\u00e1vel por <a href=\"https:\/\/kangaroo.host\/blog\/api-tudo-o-que-voce-precisa-saber\/\" data-type=\"post\" data-id=\"8271\">APIs<\/a>, registrar cada novo pedido, conferir e atualizar os status de pagamentos e pedidos, al\u00e9m de controlar as \u00e1reas de login e estoque, por exemplo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FullStack<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, chegamos ao dev fullstack. Depois de termos falado dos outros dois tipo, \u00e9 poss\u00edvel que agora voc\u00ea j\u00e1 tenha uma ideia do que ele fa\u00e7a, mas vamos deixar isso ainda mais claro: o programador fullstack \u00e9 respons\u00e1vel por ambas as etapas do desenvolvimento, atuando tanto no front, quanto no back-end.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Isso significa que o desenvolvedor fullstack tem conhecimento para atuar em todas as \u00e1reas do site, podendo tanto ajudar nas tarefas de front, quanto nas de back, e pode servir tamb\u00e9m como uma ponte entre essas duas equipes, fazendo uma fun\u00e7\u00e3o muito importante na conex\u00e3o desses dois times e servi\u00e7os.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em nosso exemplo e-commerce, o dev fullstack poderia ficar respons\u00e1vel por garantir as integra\u00e7\u00f5es do front-end com o back-end, de modo a garantir a exibi\u00e7\u00e3o das informa\u00e7\u00f5es retornadas pelo processamento de dados, como em Logins, atualiza\u00e7\u00f5es de status de pedidos e dados cadastrais, por exemplo. Al\u00e9m disso, claro, ele tamb\u00e9m \u00e9 capaz de atuar em cada um desses times, atuando momentaneamente apenas como front ou back.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De maneira geral, ele acaba sendo o profissional &#8220;mais completo&#8221;, j\u00e1 que ele \u00e9 capaz de atuar em qualquer frente do projeto, de acordo com o que a equipe demandar, sendo um profissional mais vers\u00e1til em suas \u00e1reas de conhecimento e atua\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assim, o dev fullstack consegue atuar em diferentes etapas e \u00e1reas de um projeto, fazendo um papel extremamente crucial dentro de um projeto, sobretudo por conseguir conectar e complementar as equipes de front e back-end, garantindo a integra\u00e7\u00e3o de todo o funcionamento do projeto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea gostou de conhecer mais sobre o trabalho t\u00e3o importante do profissional fullstack, n\u00e3o deixe de continuar acompanhando <a href=\"\/blog\">nosso blog<\/a> para encontrar mais artigos como esse e, claro, nos vemos na pr\u00f3xima o\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bem vindo de volta, Kangaroozito! Como sabemos, existem diversos tipos de programadores, como WEB, Mobile, de Games, de dispositivos embarcados e diversas outras modalidades. No caso espec\u00edfico dos devs Web, existem ainda outras divis\u00f5es, que s\u00e3o o Back-end, Front-end e FullStack. Hoje, abordaremos um pouco mais quais s\u00e3o as atribui\u00e7\u00f5es de cada tipo de desenvolvedor, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1213,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[172,173,160,334,32,335],"class_list":["post-1211","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento","tag-back","tag-front","tag-full","tag-fullstack","tag-site","tag-stack"],"_links":{"self":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/comments?post=1211"}],"version-history":[{"count":0,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1211\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media\/1213"}],"wp:attachment":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media?parent=1211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/categories?post=1211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/tags?post=1211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}