Habilidades básicas para o mestre de desenvolvedores front-end

As postagens de emprego variam no que procuram em um desenvolvedor de front-end. Algumas empresas querem que os candidatos saibam coisas como Ruby, Git, ferramentas de design, edição de vídeo - e a lista continua.

No entanto, existem algumas habilidades que qualquer trabalho de desenvolvimento de front-end exigirá - as habilidades “fundamentais” - e algumas outras que você deve considerar seriamente adicionar ao seu repertório.

O que você precisa saber

Procure listagens de emprego on-line em busca do que é essencial para desenvolvedores de front-end conhecerem e entenderem; Existem três coisas principais. Não negociável.

E eles são:

1. HTML
2. CSS
3. JavaScript (jQuery)

Esses são os fundamentos. Felizmente, existem muitas plataformas de aprendizado on-line gratuitas ou acessíveis nas quais você pode aprender essas habilidades, caso ainda não as conheça.

HTML

HyperText Markup Language, ou HTML, é o principal componente estrutural de todos os sites na Internet. Como Jennifer Kyrnin diz,

"É o idioma das páginas da Web - a linguagem de marcação que os navegadores lêem para renderizar páginas da Web".

Páginas da Web não podem existir sem HTML.

CSS

CSS e HTML trabalham juntos: o CSS adiciona estilo ao HTML. Eu gosto de usar a analogia de que o HTML é como um rosto, e o CSS é como a maquiagem.

Embora o CSS não seja necessário para colocar um site on-line, basicamente todos os sites on-line usam algum tipo de estilo.

Caso contrário, seria muito chato. Com as versões mais recentes do CSS, você pode fazer coisas como animações e estilos mais avançados que só eram possíveis com JavaScript ou Flash no passado.

JavaScript

JavaScript, ou JS, vem avançando rapidamente ao longo dos anos. Ele tem muitos propósitos hoje em dia e pode ser usado na frente ou no final.

Em relação ao desenvolvimento de front-end, o JS é importante porque ajuda a tornar as páginas da Web interativas. Você pode fazer coisas incríveis, como criar enquetes, questionários ou enviar formulários. Hoje em dia existem inúmeras bibliotecas JS on-line para ajudá-lo a levar suas páginas da web para o próximo nível.

No entanto, para se tornar um desenvolvedor front-end, você só precisa entender o JavaScript básico, bem como a biblioteca JS mais popular - jQuery.

Habilidades agradáveis

Depois de começar o básico, estas são outras habilidades que são boas de se ter. (E muitos trabalhos de desenvolvimento front-end procuram por eles.)

Frameworks MV * JavaScript

Os frameworks JavaScript ajudam você a organizar e condensar seu código.

No que diz respeito às opções MV * (ou MVC), existem trinta: as duas mais populares são o backbone.js e o angular.js.

Sem dúvida, aprender um framework JS é a parte mais difícil de se tornar um verdadeiro desenvolvedor front-end, mas é a melhor maneira de levar suas habilidades para o próximo nível.

Ferramentas CSS

Em comparação com os frameworks JavaScript acima, as ferramentas CSS abaixo são relativamente fáceis de aprender. Existem três tipos para procurar:

• Pré-compiladores: O uso de um pré-compilador (ou pré-processador) tem muitas vantagens, desde tornar o código mais limpo até a manutenção da organização. É uma maneira fácil de escrever CSS e promove os princípios de DRY (Don't Repeat Yourself). Pré-compiladores CSS populares são Sass, Less e Stylus. Se você está apenas começando, continue aprendendo.
• Frameworks CSS: As estruturas CSS ajudam a otimizar seu fluxo de trabalho com grades integradas e outros componentes CSS. Dois exemplos populares são Bootstrap e Foundation.
• Design responsivo: Atualmente, existem muitos tipos diferentes de dispositivos que seu site deve ser capaz de adaptar a todos eles. O design responsivo ajuda você a criar sites que funcionam em todos os tamanhos de tela: desktop, tablet e smartphone. Estruturas como o Bootstrap e o Foundation têm um design responsivo integrado, por isso, se você aprender um desses, está pronto.

Ferramentas de compilação de front-end

Como desenvolvedor, você deve conseguir gerenciar a otimização do tamanho do arquivo e a eficiência do fluxo de trabalho. Essas ferramentas podem ajudar.

• Gerenciamento de Pacotes: Pode ser difícil organizar todas as bibliotecas, recursos e assim por diante, especialmente para projetos grandes ou onde você trabalha com uma equipe. Use um gerenciador de pacotes, como o Bower, para organizar tudo e manter um registro de suas atualizações.
• Yeoman.io: Se às vezes você tiver problemas para fazer projetos, use o Yeoman para começar rapidamente projetos e continuar produtivo. Ele é executado na linha de comando.
• Corredores de Tarefas: Use Grunt ou Gulp, que também são executados na linha de comando, para compactar arquivos e otimizar o fluxo de trabalho. Eles podem atuar como compiladores para os pré-processadores Sass ou Less, e também possuem uma grande variedade de plugins com outros recursos.

Conclusão

Enquanto os bons podem ter muito, pense neles como habilidades que você deveria adicionar ao longo do tempo. As principais coisas que você precisa saber são HTML, CSS e JavaScript.

Se você tiver outras habilidades na Web, mesmo que elas não sejam relacionadas ao front-end, leve-as à mesa, como design, edição de vídeo, SEO etc.