Ciência da Computação, segundo semestre.

Grupo:

Daniel Scussel;

Matheus Emmanuel;

Victor Henrique Menegasso;

Victor Jacinto;

Vitor Cordeiro.

Front-End:

O que estes desenvolvedores são e o que fazem?

Hoje a tecnologia é de suma importância para a maioria das áreas do
conhecimento, apresentando capacidade de auxiliá-las em diversos aspectos
diferentes, como na realização de tarefas maçantes, por exemplo. Por ter essa
“multidisciplinaridade”, diversos projetos que envolvem programação são
subdivididos em etapas e até mesmo grupos diferentes, os quais aumentam de
acordo com a complexidade e tamanho.
Neste contexto, em que são feitas diversas divisões diferentes para
determinadas tarefas em um projeto. Uma delas é chamada de “Front-end”,a
qual explicaremos, dando algumas de suas definições e os deveres de
programadores dessa área:
O Front-end developer, em um projeto, é o programador encarregado de
cuidar da interface e de suas interações com os usuários, ou seja, como o nome
“front-end” indica, o desenvolvedor cuidará da “parte frontal” do programa, a qual
envolve sua aparência e suas funcionalidades.

Quais as suas Competências profissionais?

 Um desenvolvedor front-end atualmente precisa ser muito flexível e estar
constantemente alerta às novas tecnologias da área, pois o conhecimento de
tais ferramentas o torna muito visado pelo mercado de trabalho. Há alguns anos
o javascript para o desenvolvimento do front-end tem sido muito utilizado e
muitas empresas grandes vêm usando a linguagem em suas aplicações, como
o facebook, que criou uma biblioteca javascript chamada React.js para ser usada
na rede social.

A competência básica necessária para o profissional de front-end é o

conhecimento da linguagem de marcação de texto HTML e da linguagem que é
utilizada para estilizar a página, o CSS. Com um entendimento nessas duas
linguagens é possível a criação de sites básicos e não muito complexos.

Para um desenvolvimento front-end mais complexo, atualmente é

necessário o conhecimento em javascript, pois muitos frameworks e bibliotecas
que expandem o uso e a eficiência utilizam essa linguagem. Uma das bibliotecas
mais básicas que o desenvolvedor front-end pode começar a aprender é o
JQuery, que facilita o manuseio das tags e outras marcações por tratá-las como
objetos. O uso de frameworks é muito bem-vindo, pois também amplia as
possibilidades de desenvolvimento, como o angularJS que ajuda o
desenvolvedor a criar aplicações single-page, e outros frameworks que auxiliam
na criação de um ambiente recursivo, que trabalha tanto para dispositivos móveis
ou desktop.

O versionamento é um conhecimento que todo desenvolvedor deve

possuir, pois auxilia na possibilidade de desenvolvimento em equipe,
possibilitando a criação de vários caminhos de desenvolvimento, sempre
podendo voltar em uma versão ou criar uma próxima, enquanto o usuário
continua usufruindo da aplicação.

A noção do funcionamento da linguagem e do ambiente no qual a

aplicação estará funcionando também é importante para o funcionamento e para
a correção de erros. Este conhecimento é essencial, pois muitos navegadores
têm mecanismos e comportamentos diferentes, o que muitas vezes impede a
interpretação de um certo trecho de código. Um conflito muito comum é com
relação ao CSS e o navegador safari, que usa códigos diferentes para a
execução de uma mesma tarefa feita em outros navegadores.

Como são os projetos em que atuam?

Como já dito, qualquer interface da web é destinada para quem atua na
área, mas existem alguns tipos de profissionais contando com uma imensa
variedade de projetos envolvendo a apresentação do rosto de determinadas
partes da web. Abaixo estão alguns tipos de projetos mostrando como o front
end é empregado e alguns dos cargos mais comuns de desenvolvedores da
área com suas funções.

Exemplos de projetos:

Chat online:

Grid de preços:

Catálogos online:
Cadastro de e-mail:

Em suma, toda e qualquer tipo de interação e apresentação com/para o

usuário é responsabilidade de quem atua trabalhando com o front-end. Com
estes e outros projetos, é possível observar que seus envolvimentos impactam
o design, o posicionamento de elementos na tela, sua interatividade com o
projeto e funcionalidades para o usuário. Para que estes objetivos sejam
atingidos na área de desenvolvimento web, podemos destacar o conhecimento
de HTML, CSS e Javascript tido por esses profissionais.

Cargos e funções nos projetos mais comuns para o desenvolvimento front-

end:

Desenvolvedor Front-End

O mais conhecido, um desenvolvedor com algum grau de habilidade em

HTML, CSS, e JavaScript e que implementa essas tecnologias na plataforma
digital.

Engenheiro de front-end
 É um desenvolvedor que vem de uma área como ciência da computação
ou engenharia, e está usando essas habilidades para trabalhar com tecnologias
front-end. Essa função normalmente requer um diploma e anos de experiência
em desenvolvimento de software. Muitas vezes é denotado que o profissional
deve ser um desenvolvedor avançado e possuir uma boa bagagem de
programação, desenvolvimento de software e habilidades de desenvolvimento
de aplicativos (ou seja, ter bastante experiência no desenvolvimento de
aplicativos front-end).

Desenvolvedor CSS / HTML

O nome do profissional de front-end que descreve um desenvolvedor que

é qualificado e focado somente em HTML e CSS.

Web Designer de front-end

Título usado para o designer que possui habilidades de front-end (ou seja,
HTML e CSS), junto com habilidades de design profissional (Design Visual e
Design de Interação).

Desenvolvedor / engenheiro de interface de usuário da Web / front-end

(também conhecido como UI)

Desenvolvedores com habilidades de design de interação, além de

habilidades de desenvolvedor front-end ou de engenharia front-end.

Desenvolvedor front-end para celular / tablet

Desenvolvedores que têm experiência no desenvolvimento de front-end

que funciona em dispositivos móveis ou tablets (nativamente ou na plataforma
da web)

Especialista em SEO de front-end

Quando a palavra "SEO" for incluída no título do trabalho, denota que o

desenvolvedor tem experiência na criação de tecnologias front-end para uma
estratégia de SEO.

“SEO (Search Engine Optimization) é a prática de melhorar a qualidade e

quantidade de tráfego de um site através dos resultados dos mecanismos de
buscas orgânicas.” (Moz.com).

Especialista em acessibilidade de front-end

Desenvolvedores que possuem ampla experiência na criação de

tecnologias front-end que oferecem suporte aos requisitos e padrões de
acessibilidade.
Testador de front-end

Desenvolvedores com ampla experiência em teste e gerenciamento de

software que envolvem teste de unidade, teste funcional e teste de usuário.

Tendências de mercado
Empresas buscam profissionais aptos a desenvolver um site, aplicativo
ou software funcional, limpo e com uma interface agradável. Muitas vezes
esquecido, porém o desenvolvedor Front-End é responsável pela imagem da
empresa, apresentando interfaces funcionais, práticas, e atendendo a estética
necessária.
Colocando em questão os acontecimentos da pandemia, a busca desses
profissionais aumentou em uma parcela muito significativa, pois as poucas
empresas que ainda não possuíam uma plataforma online, foram pressionadas
a transcrever seus catálogos para o virtual, para assim poderem continuar com
sua efetividade no meio comercial. Empresas que já possuíam algum site,
aplicativo ou similares, também requereram profissionais da área para
aperfeiçoamento do meio digital e da imagem da empresa.
Graças a transformação digital do mundo, a carreira de Front-end marcou
sua relevância na área, com diversos investimentos de empresas e startups,
principalmente em grandes empresas de software, e mais importante, em um
ambiente com o maior número de possíveis consumidores, sendo estas as
plataformas portáteis, com cada vez mais visando estes softwares em celulares
e outros dispositivos portáteis.

REFERÊNCIAS:
O que é front end, para que serve e como aprender front end (kenzie.com.br)
Frontend and backend - Wikipedia
Por que o "front-end" pertence apenas ao desenvolvimento da web?
(qastack.com.br)
Front-end: o que é, para que serve e como aprender? | Digital House
Front-End Jobs Titles · Front-End Developer Handbook 2018
(frontendmasters.com)
ofertas do dia | Magazine Luiza
1*CsbgcTALydsfNHgKHx6D4g.jpeg (1200×800) (medium.com)
5 projetos frontend para melhorar suas habilidades (Iniciante) - Dev Por Ai
Dev front end: 10 habilidades que você precisa para conquistar seu primeiro
emprego - Blog da Gama Academy
O que faz um Desenvolvedor Front-End? (igti.com.br)
Desenvolvedor front end: por que você deve seguir essa carreira?
(hsmuniversity.com.br)