Tautorn / front-end-awesome

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Links

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

  3. CSS

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

    • Webpack
  5. HTML

  6. Acessibilidade

  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


}

About

License:MIT License