Blog

Postado em em 25 de outubro de 2023

O que é Desenvolvedor Full Stack – Desenvolvimento Full Stack

Descubra o que significa ser um desenvolvedor Full Stack e tudo o que envolve o desenvolvimento Full Stack, incluindo etapas, atribuições e responsabilidades.

Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!

O que é Desenvolvedor Full Stack – Desenvolvimento Full Stack

Nesta aula, eu quero te mostrar o que é ser um desenvolvedor full Stack. Embora seja um termo amplamente utilizado, nem todos sabem do que se trata o desenvolvimento full Stack.

O desenvolvedor Full Stack é aquele profissional capaz de lidar tanto com a parte visual de um site ou sistema quanto com a inteligência que está por trás dele. Isso significa que ele possui conhecimento e habilidades em ambas as áreas.

É importante notar que um desenvolvedor pode optar por trabalhar em uma das áreas, com base em seu conhecimento, facilidade ou preferência entre o front end e o back end.

Nesta postagem, meu objetivo é te explicar o desenvolvimento Full Stack para que você possa compreender as principais partes que compõem esse processo.

Estrutura de um Sistema Web

Para te explicar melhor sobre o desenvolvimento Full Stack, sobre ser um desenvolvedor Full Stack, eu vou utilizar a estrutura de um sistema web.

Um sistema web é um sistema que funciona na internet, como uma página de e-commerce, uma rede social, um site de notícias e assim por diante. São serviços que você precisa se conectar à internet para poder utilizá-los.

A estrutura de um sistema web pode ser dividida essencialmente em três etapas que irei chamar de interface, inteligência do negócio e banco de dados.

Sistema web

Seria possível dividir em mais etapas, porém, essas três são suficientes para compreendermos como um sistema web funciona e esclarecer o desenvolvimento full stack.

Interface – Front End: A interface é tudo aquilo com o qual o usuário irá interagir. Por exemplo, curtir uma postagem, compartilhar uma notícia, assistir um vídeo. Quando o usuário executa qualquer uma dessas ações, elas são registradas e executadas no aplicativo.

Ou seja, existe uma inteligência responsável por executar uma ação baseada na interação do usuário com a plataforma. Essa é a inteligência da interface, do front end. Ela é responsável por garantir que a interação do usuário gere o efeito esperado.

Inteligência do negócio – Back End: Assim como existe a inteligência da interface, existe uma inteligência comum ao sistema, a inteligência do negócio. Um conjunto de regras que vão determinar o funcionamento da plataforma, aplicativo ou sistema.

Por exemplo, ao entrar em um aplicativo de compras e procurar por televisão, não devem aparecer outros produtos que não sejam relacionados à televisão. Quem vai processar essa requisição e devolver as informações na interface do usuário é a inteligência do servidor.

Ou seja, o site da loja ou o aplicativo, com o qual o usuário interage e pesquisa, é o front end, a interface do aplicativo. E quem processa e envia os dados para o aplicativo, é uma inteligência executada em um servidor, que é a inteligência do back end.

No nosso exemplo, essa inteligência é quem vai filtrar os produtos relacionados à televisão e enviar as informações desses produtos para serem exibidos na interface do usuário.

Banco de Dados – Database: Essas informações processadas e enviadas pelo back end para o front end precisam estar armazenadas e registradas em algum lugar. Essas informações ficam guardadas em um banco de dados.

No exemplo do e-commerce, o banco de dados terá as informações dos produtos, do estoque, dos usuários e assim por diante.

E é com esse servidor que a inteligência do back end se comunica à medida que elas são necessárias.

Front End – A Interface

Como mencionado, o Front End é responsável pela interface, sendo o que o usuário irá operar e interagir a partir de seu dispositivo, seja ele um computador, celular, tablet, ou outro.

E quando esse usuário interage com qualquer elemento dessa interface, ela deve ser capaz de responder a essa interação.

Por exemplo, ao efetuar o login na plataforma da Hashtag:

Fazendo login
Página Inicial

Ou seja, ao clicar em Continuar após inserir o login, a inteligência do Front End é responsável por encaminhar essas informações para verificar se o usuário é válido. Caso seja, o Front End direciona para a página inicial.

É importante notar que neste exemplo há uma comunicação entre a interface e a inteligência do Back End. O Front End encaminha as informações para o servidor (Back End), que verifica no banco de dados se as credenciais de login existem e retorna a permissão para o Front End.

Back End – A Inteligência Centralizada

O Back End atua como a inteligência centralizada, sendo responsável por garantir o funcionamento do negócio. Ele realiza a comunicação com o Front End e o banco de dados para identificar e enviar as informações corretamente.

Por exemplo, na plataforma da Hashtag, cada usuário tem seu progresso individual registrado. Quando um usuário faz login, a inteligência do Back End identifica esse usuário, recupera as informações no banco de dados e envia o progresso dele para ser exibido no Front End.

Full Stack – Trilhando Todo o Caminho

Nós já abordamos o Front End e o Back End, mas o que é, então, o desenvolvimento Full Stack? O desenvolvedor Full Stack é o profissional que compreende completamente toda a pilha de tecnologia.

Este profissional é capaz de executar sozinho todas as etapas que mencionamos até agora. Ele domina e possui conhecimento de todo o processo, abrangendo o Front End, o Back End e o Banco de Dados.

É importante mencionar que há outras responsabilidades que podem ser atribuídas a um desenvolvedor Full Stack, mas estou apresentando isso de forma resumida para que você possa ter um entendimento inicial sobre o assunto.

O desenvolvedor Full Stack é altamente demandado no mercado, justamente por sua capacidade de atuar em qualquer uma das três etapas dentro de um sistema, possuindo um conhecimento bastante abrangente.

Quais são as tecnologias do desenvolvimento full Stack?

E quais são essas tecnologias que fazem parte da pilha de tecnologia que um desenvolvedor Full Stack precisa dominar?

Existem várias tecnologias para os diferentes estágios do projeto de desenvolvimento. Na imagem abaixo, fornecerei exemplos de algumas delas e em quais etapas elas podem ser utilizadas.

Tecnologias e suas áreas

Observe que, além das três etapas que discutimos ao longo desta aula, adicionei uma quarta etapa. Isso é para enfatizar que o desenvolvimento de um sistema web não está necessariamente restrito apenas ao Front End, Back End e Banco de Dados.

No entanto, apesar disso, essas três etapas formam o núcleo e a base do desenvolvimento de um sistema. Conhecer esses três estágios é fundamental para um desenvolvedor Full Stack.

Outro ponto interessante que podemos observar na imagem é que algumas linguagens de programação e tecnologias podem ser utilizadas em mais de uma etapa, como o JavaScript, que pode ser empregado tanto no Front End quanto no Back End.

Conclusão – O que é Desenvolvedor Full Stack – Desenvolvimento Full Stack

Na aula de hoje, apresentei uma introdução e um resumo sobre o que significa ser um desenvolvedor Full Stack.

Você aprendeu sobre as etapas principais no desenvolvimento de um sistema web: Front End, Back End e Banco de Dados.

Ficou evidente que um desenvolvedor Full Stack é um profissional de alta demanda no mercado de trabalho, porém, é necessária uma extensa base de conhecimento e habilidade em diversas tecnologias e fases do desenvolvimento.

Além disso, destacamos que o JavaScript é uma linguagem bastante versátil, podendo ser aplicada tanto no Front End quanto no Back End.

Hashtag Treinamentos

Para acessar publicações de JavaScript, clique aqui!


Quer aprender mais sobre JavaScript com um minicurso básico gratuito?

Quer sair do zero no Python e virar uma referência na sua empresa? Inscreva-se agora mesmo no Python Impressionador