Carreira Front-end, o guia !
A proposta desse artigo é oferecer um guia para que qualquer pessoa tenha plenas condições de entrar no universo front-end, principalmente para o pessoal que está começando e está sem dinheiro para fazer um curso nas inúmeras instituições que tem por aí! Você já se deu conta que muda muita coisa em pouco tempo no cenário do front-end né? É Angular4/2, Vue, React, Ember, Aurelia, Fetch, JSON, Git, NPM, Sass, Flexbox, Css-Grid, Node, Yarn, WebPack, Gulp, Grunt e tantas outras siglas marotas do universo front-end.
"Deos", me falavam por aí que front-end era apenas um tal de HTML uma linguagem de marcação, que CSS é apenas para mexer com "corzinha" e um singelo JavaScript que só serve para fazer validação de formulários? Por que diabos tem tanta tecnologia envolvida para fazer uma página rodar no browser? Vocês gostam de sofrer? E o tal do jQuery não é só fazer um AJAX?
Agora que bateu aquele desespero da sopa de letrinhas, vamos para a parte boa, saiba que não existe um caminho linear no front-end você vai ter que ir e voltar várias vezes, rever conceitos, aprender boas práticas enfim é um verdadeiro labirinto mas isso tudo vale a pena, pois você vai olhar no seu dia-a-dia e dizer, "MeoooOOOOo, aprendi, um trem novo e era algo da base do Front-end."
Antes de prosseguir, você precisa pensar em dois pontos:
1 — Por que você acha que front-end é interessante? O que te cativa nessa profissão?
2 — Existem vários perfis para essa digníssima profissão de front-end no mercado e independente de qual você se identifica, acredite, vai ter que estudar da mesma forma e de forma incessante, pois graças a Odin a tecnologia não para.
Se você for no google e pesquisar por "Como me tornar um front-end" vai ver uma lista excelente do que aprender e até causos de alguns front-end do mercado falando o que é necessário aprender. Então por que diabos eu resolvi escrever esse artigo? Existem tantos, uai, quero ajuda-lo com um guia de estudo com material 100% gratuito e tupiniquim! ;)
Qual é a dificuldade de aprender front-end nos dias atuais?
Você precisa de um GUIA e na nossa área é comum você ter o problema clássico de FOCO mas não se preocupe não é apenas nós desenvolvedores que temos problema com isto, o mundo de uma maneira geral com o avanço da tecnologia, e estamos imersos sobre vários devices e gadget's da qual eles vão gerar o famoso TDAH (deficit de atenção) e irão atrapalhar seu ciclo de estudos.
Bom, então aqui lhe forneço um guia com um material de estudo com a seguinte finalidade:
- 100% gratuito
- Video-aulas
- Material em português
- Livros
Bora, começar a galgar um bom caminho na carreira de front-end, serão 11 semanas com carga horária de 4 horas diárias totalizando 220 horas de imersão.
Semana 1 e Semana 2 (JS e Git)
Video-aulas JavaScript — Rodrigo Branas
Video-aulas Git/Github — Willian Justen
Exercícios: JavaScript Ninja com Fernando Daciuk
#semana 1 > https://github.com/fdaciuk/curso-javascript-ninja/tree/master/challenge-01
#semana 2 > https://github.com/fdaciuk/curso-javascript-ninja/tree/master/challenge-02
Proposta: Aqui você deve ter aprendido o básico sobre JavaScript que é a base para tudo que adotamos hoje em dia como variáveis, escopo, hoisting, tipos de dados, git, github e markdown.
Semana 3 ( Browser e HTML5)
Video-aulas DevTools Chrome com Zeno Rocha
Video-aulas DOM, BOM com ?
Leitura Ebook Api’s HTML5 —Mark Pildgrim
Semana 4 e Semana 5 (CSS, UX & SEO)
Video-aulas sobre CSS para layout com Leandro Lima, Dani Guerrato
Video-aulas sobre UX com Eduado Agni
Video-aulas sobre Performance e Acessbilidade com Talita Pagani
Semana 6 (Framework CSS)
- Video-aulas Bootstrap com Keven Jesus
Semana 7 (API/JSON)
— Conhecer sobre o protocolo HTTP
— Conhecer sobre o métodos POST/GET/PUT/DELETE
— Conhecer o status code do HTTP {200, 404, 500 e …}
— Ler na MDN a proposta do Fetch (AJAX)
Semana 8 (Tooling)
— Conhecer sobre NPM (olarNode!)
— Conhecer sobre Gulp
— Conhecer sobre WebPack
Semana 9 (Framework JS)
— Video-aulas, conhecendo SPA com Vue.JS
— Video-aulas WebSchool.io sobre Sass
Semana 10 (Deploy e Performance)
- Entendendo os arquivos minificados (CSS/JS)
- Otimizando imagens
- Conhecendo o GZIP
- Conhecendo o Heroku
Após essa maratona você poderá avaliar os pré-requisitos das vagas e o conhecimento solicitado quem com esse guia ele contempla boa parte da vagas para front-end em ínicio de carreira. Caso você saiba de algum material que acha importante incorporar nesse guia, sinaliza aí nos comentários que incluimos.