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:
- HTML
- CSS
- JavaScript (jQuery)
Estes são os fundamentos. Felizmente, existem muitas plataformas de aprendizado on-line gratuitas ou acessíveis, nas quais você pode aprender essas habilidades, caso 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,
"É a linguagem 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 obter 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, tem avançado rapidamente ao longo dos anos. Ele tem muitos propósitos hoje em dia e pode ser usado na frente ou no verso.
Em relação ao desenvolvimento 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.
Nice-to-Haves
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.)
MV * JavaScript Frameworks
Os frameworks JavaScript ajudam você a organizar e condensar seu código.
No que diz respeito às opções de MV * (ou MVC), há 30 disponíveis: duas das mais populares são: backbone.js e 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.
Estruturas 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. Frameworks como Bootstrap e Foundation possuem design responsivo embutido, então se você aprender um desses, você 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, ativos 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 manter-se produtivo. Ele é executado na linha de comando.
Tarefa Runners: 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 não sejam relacionadas ao front-end, traga-as para a mesa - como design, edição de vídeo, SEO, etc. Você nunca sabe o que uma empresa pode estar procurando .
E adivinha? Você pode ser o ajuste perfeito.