Habilidades básicas para mestre para desenvolvedores front-end

As postagens de trabalho variam no que procuram em um desenvolvedor de front-end. Algumas empresas querem que os candidatos conheçam 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 "básicas" - e alguns outros que você deve considerar seriamente adicionar ao seu repertório.

O que você precisa saber

Procurar listas de emprego on-line em busca do que é fundamental para os desenvolvedores front-end conhecer e entender; há três coisas importantes.

Não negociável.

E eles são:

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

Estes são os fundamentos. Felizmente, existem muitas plataformas de aprendizado on-line gratuitas ou acessíveis onde você pode aprender essas habilidades se você não as conhece já.

HTML

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

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

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

CSS

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

Embora CSS não seja necessário para obter um site on-line, basicamente, cada site online usa 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 estilo mais avançado que só foi possível com JavaScript ou Flash no passado.

JavaScript

JavaScript, ou JS, avançou rapidamente ao longo dos anos. Tem muitos propósitos hoje em dia e pode ser usado na parte frontal ou traseira.

Em relação ao desenvolvimento de front-end, JS é importante porque ajuda a tornar as páginas da web interativas. Você pode fazer coisas incríveis como criar pesquisas, questionários ou envios de 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 obter o básico, estas são outras habilidades que são agradáveis ​​de ter. (E muitos trabalhos de desenvolvimento de front-end os procuram.)

MV * Frameworks de JavaScript

As estruturas de JavaScript ajudam você a organizar e condensar seu código.

No que diz respeito às opções de MV * (ou MVC), existem trinta lá fora: dois dos mais populares são backbone. js e angular. js.

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

Ferramentas CSS

Em comparação com as estruturas JavaScript acima, as ferramentas CSS abaixo são relativamente fáceis de aprender.Há três tipos a serem procurados:

Pré-compiladores: O uso de um précompilador (ou pré-processador) tem muitas vantagens, de fazer o limpador de código para manter a organização. É uma maneira fácil de escrever CSS e promove os princípios DRY (Do not Repeat Yourself). Os précompiladores CSS populares são Sass, Less e Stylus. Se você está apenas começando, fique a aprender um.

estruturas CSS: estruturas CSS ajudam a otimizar seu fluxo de trabalho com redes integradas e outros componentes CSS. Dois exemplos populares são o Bootstrap e a Fundação.

Design responsivo: Hoje em dia, há tantos tipos diferentes de dispositivos que seu site deve ser capaz de se adaptar a todos eles. O design responsivo ajuda você a construir sites que funcionam em todos os tamanhos de tela - desktop, tablet e smartphone. Estruturas como o Bootstrap e a Fundação possuem um design responsivo, então, se você aprender uma dessas, você está configurado.

Ferramentas de compilação front-end

Como desenvolvedor, você deve 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 grandes projetos ou aqueles em que você está trabalhando com uma equipe.

Use um gerenciador de pacotes, como o Bower, para obter tudo resolvido e manter um registro de suas atualizações.

Yeoman. io: Se você às vezes tem problemas para obter projetos fora do chão, use Yeoman para começar rapidamente com projetos e permanecer produtivo. É executado na linha de comando.

Task 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 o Sass ou Menos pré-processadores, e também possuem uma ampla gama de plugins com outros recursos.

Conclusão

Embora os gostos possam parecer 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ê tem outras habilidades na web, mesmo que não estejam relacionadas ao front-end, leve-os à mesa - como design, edição de vídeo, SEO, etc. Você nunca sabe o que uma empresa pode estar procurando.

E adivinha o quê? Você pode ser o ajuste perfeito.