Guiadeferramentas

<p align="center"> <a href="https://github.com/arthurspk/guiadevbrasil"> <img src="./images/guia.png" alt="Guia Extenso de Programaçãohttps://github.com/arthurspk/guiadevbrasil" width="160" height="160"> </a> <h1 align="center">Guia de Ferramentas e Extensões</h1> </p>

:dart: O guia para alavancar a sua carreira

Abaixo você encontrará ferramentas e extensões para te auxiliar e ajudar no seu desenvolvimento em qualquer área de TI. Confira o repositório para descobrir novas ferramentas para o seu dia-a-dia, caminhos possíveis e as tecnologias para incorporar na sua stack com foco em se tornar um profissional atualizado e diferenciado em front-end, back-end, dentre outras.

_{<strong>Siga nas redes sociais para acompanhar mais conteúdos: </strong> <br> <img src = "https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white"> <img src = "https://img.shields.io/badge/Facebook-1877F2?style=for-the-badge&logo=facebook&logoColor=white"> <img src="https://img.shields.io/badge/linkedin-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white" /> <img src = "https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white"> <img src = "https://img.shields.io/badge/instagram-%23E4405F.svg?&style=for-the-badge&logo=instagram&logoColor=white">}

💌 Doações

Olá! Se você está lendo isso, é porque provavelmente já conhece o meu repositório no GitHub, que oferece conteúdo gratuito para ajudar desenvolvedores a aprimorarem suas habilidades. E se você está aqui, talvez esteja considerando contribuir com uma doação para apoiar a continuação do projeto.

• Clique aqui para realizar realizar uma doação! 💓

Se você quiser contribuir, existem várias opções disponíveis, incluindo PayPal, PagSeguro, Mercado Pago, Buy Me A Coffe, Pic Pay e Pix. Qualquer doação, por menor que seja, é extremamente bem-vinda e será usada com responsabilidade e transparência. Obrigado por considerar apoiar meu projeto! Juntos, podemos continuar a compartilhar conhecimento e ajudar a criar uma comunidade de desenvolvedores mais forte e colaborativa.

:closed_book: E-Book

Este repositório é um projeto gratuito para a comunidade de desenvolvedores. Você pode me ajudar comprando o e-book "e-Front" se estiver interessado em aprender ou melhorar suas habilidades de desenvolvimento front-end. O e-book é completo e cobre tecnologias essenciais como HTML, CSS, JavaScript, React, TypeScript e mais. O valor é simbólico e sua compra me ajuda a produzir e fornecer mais conteúdo gratuito para a comunidade. Adquira agora e comece sua jornada no desenvolvimento front-end.

• eFront - Estudando Desenvolvimento Front-end do Zero. Clique aqui para comprar

⚠️ Aviso importante

Antes de tudo você pode me ajudar e colaborar, deu bastante trabalho fazer esse repositório e organizar para fazer seu estudo ou trabalho melhor, portanto você pode me ajudar das seguintes maneiras:

• Me siga no Github
• Acesse as redes sociais do Guia Dev Brasil
• Mande feedbacks no LinkedIn
• Faça uma doação pelo PIX: arthurcoutinho2@hotmail.com

💡 Nossa proposta

A proposta deste guia é te auxiliar com algumas extensões e ferramentas que nós desenvolvedores utilizamos no dia-a-dia para poupar tempo enquanto estamos produzindo nossos projetos, tendo assim como finalidade facilitar seu trabalho durante a execução do mesmo..

📚 Acompanhe outros guias

Acompanhe outros guias desenvolvidos para te ajudar na sua carreira como desenvolvedor.

• Guia Extenso de Programação
• Guia do Desenvolvedor Front-end
• Guia do Desenvolvedor Back-end

:beginner: Para quem está começando agora

Não se assuste com a quantidade de conteúdo apresentado neste guia. Acredito que quem está começando pode usá-lo não como um objetivo, mas como um apoio para os estudos. <b>Neste momento, dê enfoque no que te dá produtividade e o restante marque como <i>Ver depois</i></b>. Ao passo que seu conhecimento se torna mais amplo, a tendência é este guia fazer mais sentido e ficar fácil de ser assimilado. Bons estudos e entre em contato sempre que quiser! :punch:

🚨 Colabore

• Abra Pull Requests com atualizações
• Discuta ideias em Issues
• Compartilhe o repositório com a sua comunidade

🌍 Tradução

Se você deseja acompanhar esse repositório em outro idioma que não seja o Português Brasileiro, você pode optar pelas escolhas de idiomas abaixo, você também pode colaborar com a tradução para outros idiomas e a correções de possíveis erros ortográficos, a comunidade agradece.

<img src = "https://i.imgur.com/lpP9V2p.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>English — </b> Click Here<br> <img src = "https://i.imgur.com/GprSvJe.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>Spanish — </b> Click Here<br> <img src = "https://i.imgur.com/4DX1q8l.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>Chinese — </b> Click Here<br> <img src = "https://i.imgur.com/6MnAOMg.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>Hindi — </b> Click Here<br> <img src = "https://i.imgur.com/8t4zBFd.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>Arabic — </b> Click Here<br> <img src = "https://i.imgur.com/iOdzTmD.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>French — </b> Click Here<br> <img src = "https://i.imgur.com/PILSgAO.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>Italian — </b> Click Here<br> <img src = "https://i.imgur.com/0lZOSiy.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>Korean — </b> Click Here<br> <img src = "https://i.imgur.com/3S5pFlQ.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>Russian — </b> Click Here<br> <img src = "https://i.imgur.com/i6DQjZa.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>German — </b> Click Here<br> <img src = "https://i.imgur.com/wWRZMNK.png" alt="Guia Extenso de Programação" width="16" height="15">・<b>Japanese — </b> Click Here<br>

🛠️ Ferramentas e Extensões

<hr>

⚒️ Ferramentas para desenvolvimento:

Ferramentas geralmente serão sites com algum conteúdo pronto ou customizavel que você possa aplicar no projeto, fazendo assim que você economize tempo no seu desenvolvimento.

• Minimamente - Efeitos para você colocar no seu CSS <br>
• Hamburgers - Gerador de Menu Hamburgers <br>
• Hover CSS - Gerador de hovers para o CSS <br>
• Internxt - Internxt Drive é um armazenamento de arquivos de conhecimento zero serviço baseado na melhor privacidade e segurança da classe <br>
• Motion - Uma nova biblioteca de animação, construída na API Web Animations para o menor tamanho de arquivo e o desempenho mais rápido. <br>
• Hokusai - Conteúdo sobre NFT's <br>
• Hidden Tools - Ampla coleção de ferramentas feitas pela comunidade disponiveís para uso <br>
• Dev Hints - Coleção de cheatsheets <br>
• Bundlephobia - Descubra o custo de adicionar um pacote npm ao seu pacote <br>
• Refactoring Guru - Padrões de projetos "Design patterns" <br>
• DevDocs - DevDocs combina várias documentações de API em uma interface rápida, organizada e pesquisável. <br>
• HTML Validator - Validação de arquivo HTML <br>
• HTML 5 Test - Testa arquivos HTML5 <br>
• Image Slide Maker - Ferramenta de geração gratuita do Image Slider Maker <br>
• .NET Fiddle - Codifique e compartilhe projetos C# online <br>
• 1PageRank - Rankeie seu site nos mecanismos de buscas e aprenda com a concorrência <br>
• Any API - Diretório gratuito com APIs públicas <br>
• Autoprefixer CSS - Transpile código CSS atual para código CSS com maior cobertura de navegadores antigos <br>
• Browser diet - Guia de performance para desenvolvimento web <br>
• Can I email... - Descubra o que do HTML e CSS pode ser usado em estruturas de e-mail <br>
• Can I use... - Descubra se você pode usar determinadas tecnologias web <br>
• CloudFlare