Front-End vs. Back-End vs. Full-Stack Desenvolvimento da Web

O desenvolvimento da Web não é apenas uma coisa. Abrange múltiplos conjuntos de habilidades e existem diferentes tipos de carreiras dentro do espaço de desenvolvimento da web. Três termos geralmente utilizados são "front-end", "back-end" e "pilha cheia". "

Este artigo fala sobre os três e quais são as principais diferenças.

O que é o desenvolvimento da Web Front-End?

Desenvolvimento de front-end, enquanto seus componentes estão sempre mudando, trata essencialmente as partes externas de um site ou aplicativo web.

No seu núcleo, o desenvolvimento de front-end envolve HTML, CSS e JavaScript.

• HTML : HyperText Markup Language, ou HTML, é o componente estrutural chave de todos os sites na Internet. Sem ele, as páginas da web não podem existir.
• CSS : CSS adiciona estilo ao HTML. Eu gosto de usar a analogia de que o HTML é como um rosto e o CSS é como a maquiagem.
• JavaScript : JavaScript, ou JS, vem evoluindo ao longo dos últimos anos. Em relação ao desenvolvimento de front-end, a JS é importante porque ajuda a tornar as páginas da web interativas.

Em geral, o front-end está associado aos princípios de layout e design. No entanto, os desenvolvedores de front-end não são necessariamente designers.

Basicamente, os desenvolvedores front-end constroem a aparência externa - as páginas do site que os usuários visualizam . Isso significa que o desenvolvedor front-end deve levar em consideração a legibilidade e a usabilidade do site e / ou aplicação.

Além disso, o front end é executado no cliente - ou seja, o computador local do usuário - na maioria dos casos, o navegador da Web.

E as informações não são armazenadas no lado do cliente .

O que é o Desenvolvimento Web Back-End?

O desenvolvimento web back-end é o que se passa atrás dos bastidores. A parte traseira permite a experiência de front-end.

Para facilitar as coisas, pense no front-end como a parte do iceberg acima da água. É o que o usuário vê - o site elegante.

A parte traseira é o resto do gelo; não pode ser visto pelo usuário final, mas é o elemento mais fundamental de uma aplicação web.

O back-end é executado no servidor ou, como muitas vezes se chama, "lado do servidor".

Ao contrário do desenvolvimento front-end (que usa principalmente HTML, CSS e JavaScript), o desenvolvimento web back-end pode confiar em uma variedade de idiomas e frameworks.

Alguns idiomas populares usados ​​no back-end incluem:

• Ruby (frequentemente usado em conjunto com a estrutura Rails - AKA Ruby on Rails)
• Python (que é freqüentemente usado com o framework Django no back-end)
• PHP (o popular WordPress CMS usa o PHP no seu back-end - o PHP tem alguns frameworks populares, um sendo o Laravel)
• Node.js (ficando mais popular - este é um ambiente de back-end para aplicativos da web criado com JavaScript)

No entanto, para que os sites e aplicativos da Web em larga escala funcionem, é mais do que uma linguagem de back-end e estrutura. Todas as informações em um site ou aplicativo devem ser armazenadas em algum lugar.

É aí que os bancos de dados entram. Os desenvolvedores de back-end também lidam com isso.

( Nota : você pode construir um site sem um banco de dados usando apenas HTML e CSS. Este seria um site estático e seria muito menos flexível. No entanto, um site que depende de informações para ser gerado dinamicamente - Facebook, Yelp, qualquer site de comércio eletrônico - precisa de um banco de dados.)

Os bancos de dados populares incluem:

• MySQL
• PostgreSQL
• MongoDB
• E outros

Normalmente certo volta -end idiomas / frameworks requerem um determinado banco de dados. Por exemplo, a estrutura de pilha completa MEAN requer MongoDB.

Além de conhecer uma linguagem / estrutura de back-end e executar bancos de dados, os desenvolvedores de back-end também devem ter uma compreensão da arquitetura do servidor.

Configurar um servidor corretamente permite que um site seja executado rapidamente, não falhar e não dar erros aos usuários. Isso se enquadra no domínio do desenvolvedor do back-end porque a maioria dos erros ocorre no back-end, e não no front-end.

O que é Full Stack?

Sim, você adivinhou: A pilha completa é a combinação entre a frente e a extremidade traseira.

Um desenvolvedor de pilhas completas é um jack-of-all-trades. Eles são responsáveis ​​por todos os níveis de desenvolvimento, de como o servidor está configurado para o CSS relacionado ao design.

Hoje em dia, há tanto que se passa no desenvolvimento web que é quase impossível lidar com ambos os lados. Embora muitas pessoas possam reivindicar ser uma pilha cheia ou, na verdade, elas ainda se concentram mais em um lado: o cliente ou o servidor. (AKA o front end ou o back-end.)

Em pequenas empresas / startups, uma única pessoa provavelmente seria responsável por todos os lados do espectro de desenvolvimento web. No entanto, em empresas maiores, as pessoas trabalham em equipes e têm funções especializadas - uma se concentra unicamente na arquitetura do servidor, em outra (ou em algumas pessoas) no front-end, etc.

Conclusão

O desenvolvimento da Web tem muitos rostos, e está evoluindo mais todos os dias.

Há muito a aprender, mas não se sinta pressionado a aprender tudo ao mesmo tempo. Lembre-se, em ambientes de trabalho, você geralmente estará em uma equipe com outros. Concentre-se em aprimorar suas habilidades em um aspecto do desenvolvimento web por vez. Não fique sobrecarregado, e você será um profissional antes de conhecê-lo.

Como esse artigo? Clique aqui para Tweet.