evertondenis / front-end-awesome

Olá, Jovens :)

Zup Front-End Awesome () {

Quer ser um Front-End foda pra caralho? Então você veio ao lugar certo, a Zup!

Então vamos começar \o/

Conteúdo

1. Vanilla JS
2. Knowledge
3. Tecnologies
4. Quests
5. Awesome

JS Puro

• 1.1 Vanilla

A primeira coisa que você deve aprender é JS puro, isso mesmo, esqueça frameworks e libs, aprenda o core da linguagem.

Então baixe e leia o conteúdo deste link VanillaJS.

Estude bastante Vanilla, é fundamental para o seu crescimento.

Isto vai quebrar um pouco o paradigma de que você precisa de algo além do CORE do JS para resolver seus problemas.

⬆ back to top

---

1.1 Conhecimento

Vídeos

• Desvendando a linguagem JavaScript

• Fun Fun Function

• ECMA5

• ECMA6

Links

• You Dont Know JS

• JS the Right Way

• Clean Code Javascript

Livros

Procura os seguintes títulos:

• Clean Code
• Prof. Fresb

⬆ back to top

---

1.1 Tecnologies

Bom, o que você deve aprender? Resumidamente, isto aqui:

• HTML
• CSS
• JS

Mas sabemos que não é tão simples, o ecossistema de um developer Front-End é gigantesco, então vamos listar algumas tecnoligias que você deve aprender, são elas:

1. JS

   1. React v15.6
   2. React v16.1.1
   3. Redux
   4. Redux Saga
   5. Redux Form
   6. Immutable (plus)
   7. ECMA 5
   8. ECMA 6
   9. React Router v3.* / 4.0
   10. GraphQL (plus)
   11. Design Patterns
   12. Programação funcional (plus)
   13. eslint
   14. jQuery (pelo amor de Deus, esqueça Jquery, foi bom enquanto durou...)

2. CSS in JS

   1. Styled Components

3. CSS

   1. CSS 3
   2. Flex box
   3. Grid
   4. Design Responsivo
   5. Pré Processadores
   6. SASS

4. Gerenciador de Pacotes

   1. Webpack

5. HTML

   1. HTML 4 hehehe brincadeira, suma daqui

   2. HTML 5
   3. Semântica

6. Acessibilidade

   1. EMAG

7. SEO

8. Performance

9. Controle de versão

   1. GIT

10. Testes

    1. TDD
    2. BDD
    3. Jest (hot)

11. UX/UI (plus)

12. Inglês :)

13. Escreva artigos

Estes dois itens pontos são muito importantes. Primeiro o inglês, 90% do material que você vai encontrar (de boa qualidade) está em inglês, vídeos, artigos, documentação, etc. Você não precisa ser fluente mas saber ler e assistir vídeos vai te ajudar muito.

Agora, por que escrever artigos? Cara, isso vai te fazer estudar muito a respeito do que você quer falar, aprender é fácil, o difícil é transmitir conhecimento.

Não pense apenas no código, você escreve para outra pessoa, não para uma máquina.

Ah... estude a teoria, aprenda como funcionada cada ferramenta. Não adianta nada sair fazendo cosias loucamente sem saber como elas funcionam. Mas é claro, aprendeu a teoria? Parabéns =D, agora coloque em prática!

⬆ back to top

---

1.1 Quests

⬆ back to top

---

1.1 Awesome

⬆ back to top

---

}