Frontend x Backend [em Português]

O que são?

Esses dois termos se referem às diferentes partes de uma aplicação. São mais usados em desenvolvimento web, mas também podem ser usados no desenvolvimento de aplicações para outras plataformas. Neste artigo, eu vou falar sobre frontend e backend na perspectiva do desenvolvimento web.

Frontend

Toda a parte da aplicação com a qual o usuário interage. A estrutura e o comportamento do que é visto na tela são responsabilidade do desenvolvedor que atua nessa parte.

Linguagens de programação

• HTML
• CSS
• Javascript

Cada uma dessas linguagens tem a sua função e você precisará das três para se tornar um desenvolvedor front-end.

HTML

O HTML é responsável pela estrutura da página. É usando-o que você define quais elementos vão aparecer na tela.

CSS

O CSS é responsável pela estilização da página. Desde cores, bordas e margens até animações são criadas com essa linguagem.

Javascript

O Javascript é responsável pelo comportamento da página. Você precisará usar essa linguagem para realizar ações em cliques de botão ou para enviar formulários, entre outras coisas.

Frameworks

Os frameworks ajudam facilitar e agilizar o desenvolvimento. Eles contém código pronto de coisas que precisamos usar em vários projetos (ex: barra de menu) ou de tarefas trabalhosas (ex: receber dados de uma base e mostrar em uma tabela).

CSS

• Bootstrap
• Materialize

Javascript

• Angular
• React
• Vue.js

Backend

A parte que lida com os dados e a lógica de negócio da aplicação. O usuário não tem contato direto com essa parte da aplicação. Geralmente, o backend trata de tarefas que exigem um certo nível de segurança, ex: autenticação.

Linguagens de programação

• Java
• Javascript
• PHP
• Python
• Ruby

Os frameworks de backend seguem o mesmo conceito dos frameworks de frontend mas desempenham funções diferentes. O Express, por exemplo, é um framework do ambiente em tempo de execução (JRE) Node.js que auxilia em funções como o tratamento de rotas.

Frameworks

• Django
• Laravel
• Ruby on Rails
• Spring Boot