Desenvolvedor front-end, backend e full stack: se você é um programador, ou está estudando isso, você com certeza já ouviu pelo menos um desses três termos.
- Front-End Um guia simples para entender
- O que Front-End
- HTML Define o que será exibido
- CSS Define como a informação será exibida
- JavaScript Torna tudo interativo e funcional
- Frameworks JS Tornando tudo mais simples e rápido
- Principais frameworks JavaScript
Front-End: Um guia simples para entender
Empresas de desenvolvimento on-demand, e até mesmo de software comercial, travam diariamente uma batalha envolvendo a necessidade e a escassez de profissionais com skills técnicos e maturidade profissional consolidada.
Chegamos ao ponto onde o mundo dos profissionais de desenvolvimento está sendo definida e resumida em apenas três diferentes tipos de programadores:
- Front-end
- Back-end
- Full stack
Neste artigo criamos um breve guia sobre desenvolvedores front-end, back-end e fullstack. A seguir definiremos o conceito de cada um desses profissionais, suas atribuições, conhecimentos desejados e enquadramentos possíveis.
O que Front-End
É óbvio dizer que um desenvolvedor front-end se concentra na construção da interface de um sistema, seja ele software, SaaS ou até mesmo um site. Mas afinal, o que significa front-end?
Front-end pode ser definido como a parte visível de um software ou site. É na interface visual onde o usuário de fato interage com o sistema, por isso é comum chamarmos ela de interface de usuário.
Qualquer resposta esperada pelo usuário será fornecida pelo front-end, dessa maneira se desconsiderarmos problemas com requisitos não funcionais – performance e disponibilidade, por exemplo, toda a experiência do usuário será baseada nesta interface.
Front-end: A união das tecnologias HTML, CSS e JS, são a base do desenvolvimento direcionado à interface de usuário, chamado também de front end. Se considerarmos sistemas baseados na web, a construção de qualquer interface de usuário é baseada em três principais pilares: HTML, CSS e JavaScript. A seguir vamos entender um pouco mais de cada um.
HTML: Define o que será exibido
Qualquer profissional de desenvolvimento de software e até mesmo das demais áreas da tecnologia da informação já conhece de alguma forma a linguagem HTML. O contato com esta linguagem se estende a qualquer pessoa que de alguma maneira já utilizou a web.
HTML é o acrônimo de ‘HyperText Markup Language’, traduzido normalmente para o português como: ‘Linguagem de Marcação de HiperTexto’.
Como já dito, o HTML é uma linguagem de marcação – markup, construída com uma infinidade de instruções e marcadores universais, que são interpretados pelos browsers (navegador de internet como o Google Chrome, Mozilla Firefox, Microsoft Edge e outros).
A partir dessa interpretação, o navegador organiza a interface de usuário, conforme aquilo que foi especificado pelas tags de marcação.
