Front End

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)

Front End

Enviado por

Direitos autorais:

Formatos disponíveis

Front End

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Front End

Enviado por

Direitos autorais:

Formatos disponíveis

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

Victor Henrique Menegasso;

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

Quais as suas Competências profissionais?

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

Para um desenvolvimento front-end mais complexo, atualmente é

O versionamento é um conhecimento que todo desenvolvedor deve

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

Como são os projetos em que atuam?

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

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

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

Desenvolvedor CSS / HTML

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

Web Designer de front-end

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

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

Desenvolvedor front-end para celular / tablet

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

Especialista em SEO de front-end

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

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

Especialista em acessibilidade de front-end

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

Desenvolvedores com ampla experiência em teste e gerenciamento de

Você também pode gostar