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. Technologies
4. Quests
5. Awesome

---

VanillaJS

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.

Será mesmo que preciso importar algo no meu projeto? Hum... Talvez Vanilla já resolva, jovem gafanhoto.

⬆ back to top

---

knowledge

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 (top)
• Profs Frisbee (heheh dangerous)
• FullStack React
• Redux Book
• Guia Front-End (mais ou meeenos...)
• Node JS
• Fundamentação da Metafísica dos Costume Immanuel Kant (heheh)
• Test-Driven Development
• Não me faça pensar

⬆ back to top

---

Technologies

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

   • React v16.8
   • Redux
   • Redux Saga
   • Formik
   • Immutable (plus)
   • ECMA 5
   • ECMA 6
   • ECMA 7
   • React Router v4.0
   • GraphQL (plus)
   • Design Patterns
   • Programação funcional (plus)
   • eslint
   • React Native (plus)
   • jQuery (pelo amor de Deus, esqueça Jquery, foi bom enquanto durou...)

2. CSS in JS

   • Styled Components

3. CSS

   • CSS 3
   • Flex box
   • Grid
   • Design Responsivo
   • Pré Processadores
     • SASS
   • Crossbrowser

4. Bundler

   • Webpack

5. HTML

   • HTML 4 hehehe brincadeira, suma daqui

   • HTML 5
   • Semântica

6. Acessibilidade

   • e-MAG (plus)

7. SEO

8. Performance

9. Controle de versão

   • GIT

10. Testes

    • TDD
    • BDD
    • Jest

11. UX/UI (plus)

12. Ágil

    • Scrum
    • Kanban

13. Inglês :)

14. 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

---

Quests

NPC

⬆ back to top

---

Awesome

Artigos que escrevemos

Styled guide

⬆ back to top

---

}