IBM SkillsBuild | Introducción a Python

Desenvolvimento Web
Diferenças entre front end, back end y full stack
developer

1
IBM SkillsBuild | Introducción a Python

Índice
Introdução 3
Desenvolvedor front end 4
Quais são os desafios de um desenvolvedor web front end? 4
Desarrollador back end 5
Full-stack developer 5
Diferenças entre front end, back end e full stack developer 6
Salários médios na Espanha para estes profissionais 6
Por que o desenvolvimento da web é uma profissão em crescimento? 7

2
IBM SkillsBuild | Introducción a Python

Introdução

Atualmente, o perfil do desenvolvedor web é um dos

mais demandados pelas empresas. Com o
crescimento da economia digital e do comércio on-
line, as empresas estão cada vez mais necessitando
de mão-de-obra qualificada neste campo.

Muitas pessoas não sabem tudo o que o

desenvolvimento da web envolve e o número de
variantes e oportunidades de carreira que este
trabalho pode oferecer. Portanto, vamos explicar 3
ramos com os quais podemos começar a diferenciar
o que um web programador faz. Estes são front-end,
back-end e full stack developer.

3
IBM SkillsBuild | Introducción a Python

Desenvolvedor front end

criação de código de manutenção não estão
disponíveis nestas tecnologias.

Entretanto, ainda é possível escrever um, graças à

Um desenvolvedor front-end se concentra no ajuda de processadores CSS como Stylus, LESS ou
manuseio de HTML, CSS e JavaScript. Em outras SASS, o que pode ampliar as capacidades do CSS.
palavras, seu trabalho está focado na tradução do Enquanto que, para HTML, há motores disponíveis
design e das funcionalidades propostas para uma para cada linguagem backend. Se trabalhar com um
interface de usuário, utilizando as tecnologias acima framework, estes já vêm com motores de
mencionadas. renderização predefinidos, como ERB e HAML (em
Rails), JADE e ectjs (em NodeJS) ou Blade (em
Para isso, ele utilizará uma série de bibliotecas,
Laravel). Isto faz com que os motores funcionem
frameworks e padrões de design criados pelas
adicionando o código do idioma ao modelo. Quando
comunidades e testados, com os quais poderá
uma solicitação chega ao servidor, o servidor
trabalhar de forma eficiente.
processa o template, transforma o código
Seu trabalho também está relacionado à otimização incorporado (HTML puro) e o envia para o navegador.
dos recursos consumidos por uma aplicação, através
do servidor. Um exemplo disso é o tempo de carga.
Suporte multi-browser
Quanto menor o tempo de carga, melhor será a
experiência do usuário. Na programação web uma coisa é muito verdadeira,
não é fácil criar páginas capazes de parecer bem em
todos os tipos de navegadores. Este é um ponto
Quais são os desafios de um delicado para qualquer um que tenha que lidar com
desenvolvedor web front end? tal tarefa. A idéia é não perder tráfego, mesmo se for
utilizado o Internet Explorer 7, especialmente se o
serviço ou produto estiver focado em um público que
Melhorar o tempo de carga utiliza esse navegador em particular. Para resolver
Meio segundo de tempo de carregamento de página este problema, existem scripts chamados Polyfils
pode afetar significativamente a conversão do que adicionam as capacidades de um navegador
usuário. Portanto, o tempo é essencial para qualquer moderno usando JavaScript.
website. Ninguém gosta de esperar, especialmente
Como nos navegadores, há uma infinidade de
os usuários que estão cada vez mais acostumados à
dispositivos: telefones celulares, computadores
velocidade. O desenvolvedor do front-end é
desktop, laptops, tablets, telas HD,... E mesmo
responsável por melhorar os tempos de
dentro do campo dos smartphones, há numerosas
carregamento, melhorar a experiência do usuário e,
variantes dependendo do dispositivo e da marca. O
como objetivo final, obter mais leads ou vendas.
desenvolvedor do front-end está encarregado de
fazer o site funcionar para a maioria das telas.
Código de manutenção

A escrita de código de manutenção com tecnologias

HTML e CSS pode ser um desafio, pois não são muito
dinâmicas. Não há ciclos, funções, objetos ou
condições. Em outras palavras, todas as ferramentas
disponíveis em linguagens de programação para a

4
IBM SkillsBuild | Introducción a Python

Desarrollador back end

• Familiaridade com bancos de dados: Um
desenvolvedor back-end precisa saber
exatamente como funcionam os bancos de
dados. Isto porque toda aplicação web precisa
Continuando com o perfil do desenvolvedor (back,
armazenar dados de alguma forma. Levando isto
front, stack), é hora de focar no trabalho do
em consideração, entre as bases de dados mais
desenvolvedor back-end. Este profissional é o
comuns a serem tratadas estão
encarregado de trabalhar no lado do servidor. Na
o MySQL
prática, ele ou ela é quem está nos bastidores e é
o SQL Server
quem permite ao usuário desfrutar da navegação
o PostgreSQL
com o máximo conforto.
o Oracle
Deve-se observar que, sem o esforço investido pelo o MongoDB (é uma BBDD não NoSQL).
desenvolvedor back-end, o trabalho do
desenvolvedor front-end não seria sustentado.

Ideal é que, com o tempo, cada desenvolvedor se

Para ser um desenvolvedor back-end, é necessário
especialize em um.
ter um amplo conhecimento em vários idiomas, bem
como estar familiarizado com bancos de dados. Estes
são os desafios de um programador da web:

• Extenso conhecimento de idiomas e frameworks: Full-stack developer

É importante que você tenha um conhecimento
importante destes tipos de idiomas para o
Quando ocorrem erros em páginas web e aplicações
desenvolvimento completo e eficiente de seu
no lado do servidor, não, não é o desenvolvedor
trabalho. Entre algumas das mais destacadas
back-end que é responsável pela solução deste
podem ser encontradas:
problema. Ao invés disso, é o desenvolvedor do full-
o ASP.NET (uma plataforma de
stack, que será responsável pela aplicação de seus
desenvolvimento web da Microsoft
conhecimentos de arquitetura de servidor e sistema.
com formulários Web e variantes
MVC e ASP.NET Core MVC) O full-stack developer é o responsável pelo
o PHP (WordPress usa PHP, também o desenvolvimento do projeto. Isto inclui tudo, desde a
Laravel é amplamente usado com instalação dos servidores até o projeto do CSS. Este é
esta linguagem) um programador polivalente com grande
o Python (fácil de aprender, versatilidade.
especialmente usando Django como
framework) Como um fato curioso, este tipo de programador foi
o Ruby (use-o junto com Ruby sobre na verdade popularizado pelo departamento de
trilhos, suo framework) engenharia do Facebook há apenas alguns anos. Mas,
o Node.js (utiliza a mesma linguagem sendo um desenvolvedor de full-stack em stratups
que o lado do cliente, JavaScript) ou qualquer outro tipo de empresa, é uma tarefa tão
o Java (uma linguagem clássica, e de impossível quanto impossível.
alta demanda)

A razão? É improvável que você possa dominar todos

os aspectos da relação cliente/servidor/arquitetura

5
IBM SkillsBuild | Introducción a Python

ao mesmo tempo. É por isso que é mais comum hoje de banco de dados. Para isto ele usa Java, Ruby,
em dia que os programadores que se Python, PHP e .Net, entre outros, e também para a
autodenominam programadores de full-stack camada de dados Posgres, Oracle, MySQL/MariaDB, e
estejam mais concentrados em uma das duas partes MySQL. Como pode ser visto, para o desenvolvedor
(front end ou back end) e tenham noções da outra de back end, a manipulação de dados é um aspecto
parte. fundamental.

Estas noções são apenas suficientes e básicas o E finalmente, os desenvolvedores de full-stack estão
suficiente para saber se defender em seu trabalho em um meio termo onde têm a capacidade de lidar
diário, sem a necessidade de ser um especialista em com ambos os tipos de desenvolvimento. Tudo isso
ambos. Este tipo de desenvolvedor é mais adequado como uma espécie de generalista, focado no
para uma pequena empresa em fase inicial, onde há desenvolvimento de diversas habilidades que podem
poucos funcionários na área de desenvolvimento se adaptar a todas as camadas de um sistema. Uma
web. contribuição para o trabalho de desempenho porque
este tipo de profissional está encarregado de
visualizar tudo o que acontece com o
desenvolvimento da web de uma perspectiva geral, e
Diferenças entre front end, com conhecimento suficiente de ambos os lados para
dar uma opinião valiosa.
back end e full stack
Entretanto, a falta de foco em um dos lados, seja na
developer front-end o back-end, acaba impactando na
capacidade de ir mais fundo em uma das
especialidades como tal.
Uma vez discutidos os conceitos de desenvolvedores
de front-end, back-end e full stack. É hora de
especificar, quais são as diferenças concisas entre Salários médios na Espanha para
essas especialidades como tais.
estes profissionais
Para começar, a maior diferença está nas camadas Uma vez que saibamos quais são pagos os
da arquitetura de software em que eles se desenvolvedores de front-end, back-end e full stack,
concentram: outra das perguntas mais importantes é quanto eles
são pagos por essas profissões?
O desenvolvedor front-end estará encarregado de
colocar em prática tudo relacionado a HTML, CSS ou
Javascript. Isto também inclui tendências nesta área,
tais como Backbone, AngularJS, Bootstrap,
Foundation e EmberJS. É seu dever manter-se
atualizado sobre este tópico para oferecer os
melhores resultados possíveis.

O desenvolvedor back-end, por outro lado, está mais Na Espanha, os salários médios para cargos de
focado no servidor de aplicações e no processamento desenvolvedor web podem variar dependendo do

6
IBM SkillsBuild | Introducción a Python

tamanho da empresa, do número de funcionários do Mas o desenvolvimento web deixou de ser uma
departamento ou da experiência do desenvolvedor. disciplina composta de código e recursos
Nunca será o mesmo começar a trabalhar em uma informáticos para passar a ser uma disciplina onde o
empresa em fase inicial como em uma empresa com fator humano desempenha um papel cada vez mais
anos no mercado. importante. Por quê? Simplesmente porque está em
um crescimento contínuo.

• Salário médio de um desenvolvedor front-

end, cerca de 26.963 € Não apenas a tecnologia está introduzindo novos
• Salário médio de um desenvolvedor back- idiomas, mas os consumidores estão se tornando
end, cerca de 30.567 € cada vez mais exigentes e demonstrando novas
necessidades sobre as plataformas digitais.
Por que o desenvolvimento da web é
Portanto, em resumo, para ser um desenvolvedor
uma profissão em crescimento? web especializado, você não pode deixar de estudar
as últimas tendências na área, bem como ter um
O surgimento da Internet representou uma evolução
conhecimento mais profundo sobre as necessidades
que não parece parar no presente e não irá parar no
dos consumidores.
futuro, devido a novos modelos de negócios
baseados no marketing da Internet. A web tem sido Na profissão de desenvolvedor web, não se pode
capaz de modificar o comportamento social e a forma parar de aprender e crescer.
como a atividade comercial é vista em todo o mundo.

É por isso que a economia digital está em plena

expansão e cada vez mais empresas estão se
adaptando às mudanças que ela representa na vida
cotidiana. Não é mais uma opção de adaptação a este
tipo de mudança, mas sim uma obrigação se você
não quiser desaparecer da paisagem econômica.

E devido às liberdades oferecidas pela própria

economia digital, a ascensão e o crescimento das
empresas em fase de arranque tem estado em uma
considerável ascensão. Como ferramenta para
solidificar no mercado, é necessário ter um website
ou aplicativo capaz de atrair clientes para conhecer e
adquirir os serviços ou produtos oferecidos.

Para a manutenção e implementação de tal

plataforma, os desenvolvedores web são
responsáveis por maximizar seu potencial.
Dependendo da tarefa que lhes for dada
(desenvolvedor front-end, back-end ou full stack),
eles serão responsáveis por manter o site atualizado,
tanto na aparência quanto nos bastidores.