arthurspk
guiadevbrasil

Um guia extenso de informações com um vasto conteúdo de várias áreas para ajudar, agregar conhecimento e retirar dúvidas, nesse guia você encontrará tudo que necessário para qualquer carreira relacionada a tecnologia.

Last updated Jul 7, 2026
15.7k
Stars
1.8k
Forks
22
Issues
+15
Stars/day
Attention Score
76
Language breakdown
No language data available.
Files click to expand
README

Guia Extenso de Programação

Guia Extenso de Programação

:dart: O guia para alavancar a sua carreira

Abaixo você encontrará conteúdos para te guiar e ajudar a se tornar um desenvolvedor ou se especializar em qualquer área de TI. Caso você já atue como desenvolvedor ou em outra área, 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.

Siga nas redes sociais para acompanhar mais conteúdos:
Discord Badge Youtube Badge

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

⚠️ 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:

💡 Nossa proposta

A proposta deste guia é dar uma ideia sobre o atual panorama e guiá-lo se você estiver confuso sobre qual será o seu próximo aprendizado, sem influenciar você a seguir os 'hypes' e 'trends' do momento. Acreditamos que com um maior conhecimento das diferentes estruturas e soluções disponíveis poderá escolher a ferramenta que melhor se aplica às suas demandas. E lembre-se, 'hypes' e 'trends' nem sempre são as melhores opções.

: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. Neste momento, dê enfoque no que te dá produtividade e o restante marque como Ver depois. 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.

Guia Extenso de ProgramaçãoEnglish — Click Here
Guia Extenso de ProgramaçãoSpanish — Click Here
Guia Extenso de ProgramaçãoChinese — Click Here
Guia Extenso de ProgramaçãoHindi — Click Here
Guia Extenso de ProgramaçãoArabic — Click Here
Guia Extenso de ProgramaçãoFrench — Click Here
Guia Extenso de ProgramaçãoItalian — Click Here
Guia Extenso de ProgramaçãoKorean — Click Here
Guia Extenso de ProgramaçãoRussian — Click Here
Guia Extenso de ProgramaçãoGerman — Click Here
Guia Extenso de ProgramaçãoJapanese — Click Here

📚 ÍNDICE

🔧 Ferramentas para tradução de conteúdo
👨‍🏫 Sites para estudar programação
🎨 Sites para desenvolvedor front-end
🎮 Sites para aprender a programar jogando
✨ Templates HTML gratuitos
🎯 Sites para aprender ou treinar CSS
⏰ Geradores de CSS
🔎 Sites para buscar vagas remotas
🔧 Ferramentas de desenvolvimento
🗂 Gerenciamento de projetos
📝 IDEs e editores de código
🖌 Design Front-end
🔤 Linguagens de programação
📕 Guia de Estilo
📁 Desafios
🛠️ Ferramentas para desenvolvedores WEB
⚒️ Ferramentas para buscar projetos open source
🐧 Melhores distros linux para programadores
🔗 Bibliotecas JavaScript
⚙️ 9 Ferramentas que todo DEV precisa conhecer
🎭 Sites para praticar UI/UX
☁ Ferramentas para hospedar seu site
🌌 Sites para inspirar o seu desenvolvimento
📮 Banco de imagens gratuitas
👔 Aumentando o network
🎠 Sites para baixar e encontrar fontes
🧵 Sites de paletas de cores
🎇 Lista de ilustrações
🎆 Sites de icones
🎥 Canais do youtube com conteúdo grautito
🔓 Pentest
🎙 Blogs e Podcasts
💼 Business
🧭 Web Developer Roadmap
🔩 Extensões para o seu navegador
📚 Recomendação de livros
📱 Apps para praticar programação
📘 Sites para treinar projetos front-end
📗 Sites para treinar projetos back-end
📙 Sites para treinar projetos mobile
🗃️ Ideias para projeto
🦓 Sites e cursos para aprender Java
🐴 Sites e cursos para aprender JavaScript
🐓 Sites e cursos para aprender HTML
🦄 Sites e cursos para aprender CSS
🐍 Sites e cursos para aprender Python
🐘 Sites e cursos para aprender PHP
🦚 Sites e cursos para aprender C#
🦉 Sites e cursos para aprender C
🐸 Sites e cursos para aprender C++
🦉 Sites e cursos para aprender Camunda
🐶 Sites e cursos para aprender Kotlin
🦊 Sites e cursos para aprender Swift
🐺 Sites e cursos para aprender Go
🐦 Sites e cursos para aprender Ruby
💧 Sites e cursos para aprender Elixir
🐷 Sites e cursos para aprender React
🐼 Sites e cursos para aprender React Native
🐯 Sites e cursos para aprender Angular
🐞 Sites e cursos para aprender Vue
🦂 Sites e cursos para aprender Svelte
🦞 Sites e cursos para aprender Flutter
🐹 Sites e cursos para aprender jQuery
🐢 Sites e cursos para aprender Less
🐱 Sites e cursos para aprender Sass
🐰 Sites e cursos para aprender Bootstrap
🐤 Sites e cursos para aprender MySQL
🐮 Sites e cursos para aprender Git e Github
🐒 Sites e cursos para aprender TypeScript
🐌 Sites e cursos para aprender Node.js
🦌 Sites e cursos para aprender Next.js
🦘 Sites e cursos para aprender Assembly
🦒 Sites e cursos para aprender Lua
🐫 Sites e cursos para aprender Perl
🐧 Sites e cursos para aprender Linux
🦥 Sites e cursos para aprender Ionic
🦦 Sites e cursos para aprender Jira
🐭 Sites e cursos para aprender Rust
🐁 Sites e cursos para aprender Scala
🦝 Sites e cursos para aprender Nuxt.js
🦎 Sites e cursos para aprender Gulp
🐅 Sites e cursos para aprender MongoDB
🦩 Sites e cursos para aprender GraphQL
🦙 Sites e cursos para aprender Cassandra
🦛 Sites e cursos para aprender SQL Server
🐐 Sites e cursos para aprender Postgree SQL
🐑 Sites e cursos para aprender Delphi
🐊 Sites e cursos para aprender Wordpress
🐳 Sites e cursos para aprender Docker
🦜 Sites e cursos para aprender Kubernets
🐆 Sites e cursos para aprender Nest
🐿 Sites e cursos para aprender Laravel
🐃 Sites e cursos para aprender AWS
🐬 Sites e cursos para aprender Google Cloud
🦆 Sites e cursos para aprender Azure
🦅 Sites e cursos para aprender Django
🐏 Sites e cursos para aprender Gatsby
🐂 Sites e cursos para aprender ASP.net
🐖 Sites e cursos para aprender Inteligência Artificial
🦀 Sites e cursos para aprender Machine Learning
🦑 Sites e cursos para aprender Data Science
🐙 Sites e cursos para aprender NumPy
🦃 Sites e cursos para aprender Pandas
🐟 Sites e cursos para aprender XML
🦢 Sites e cursos para aprender Jenkins
🐩 Sites e cursos para aprender Xamarin
🦁 Sites e cursos para aprender Matlab
🦨 Sites e cursos para aprender Julia
🐨 Sites e cursos para aprender PowerShell
🐥 Sites e cursos para aprender Flask
🐔 Sites e cursos para aprender Spring
🐗 Sites e cursos para aprender Tailwind CSS
🦐 Sites e cursos para aprender Styled Components
🐎 Sites e cursos para aprender Magento
🐜 Sites e cursos para aprender ArangoDB
📚 Sites e cursos para aprender Linha de comando

🔧 Ferramentas para tradução de conteúdo

Muito do conteúdo desse repositório pode se encontrar em um idioma diferente do seu, desta maneira, fornecemos algumas ferramentas para que você consiga realizar a tradução do conteúdo, lembrando que o intuito desse guia é fornecer todo o conteúdo possível para que você possa se capacitar na área de tecnologia independente do idioma a qual o material é fornecido, visto que se você possuí interesse em consumir esse material isso não será um empecilho para você continue seus estudos.

👨‍🏫 Sites para estudar programação

  • Rocketseat - Cursos gratuitos sobre as tecnologias mais quentes do mercado
  • Digital Innovation One - Plataforma de ensino gratuita que desenvolve e conecta talentos
  • Torne-se um Programador - Dezenas de cursos gratuitos completos e avançados com aplicações reais de mercado.
  • Curso em Vídeo - Cursos básicos gratuitos para iniciantes
  • Origamid - Cursos gratuitos e pagos paras desenvolver suas habilidades na área de UX & UI Design e desenvolvimento front-end
  • Udemy Development - +1.400 cursos de desenvolvimento gratuitos
  • Udemy IT - +100 cursos de TI e softwares
  • HackerRank - Desafios de Programação Back-end. Com IDE integrada
  • Hackereath - Site para desenvolver suas habilidades de código.
  • CoderByte - Desafios de Programação Back-end. Com IDE integrada
  • Coderchef - Site para Estuda sobre programação, código e afins.
  • W3Resources - Exercícios online para praticar de inúmeras linguagens
  • Coursera - Cursos gratuitos com conteúdos conceituados
  • Scrimba - Cursos gratuitos e pagos para aprender as tecnologias mais demandadas do Front-end
  • CodePen - Rede social de desenvolvedores front-end
  • Codementor - Site para praticar e aprender a desenvolver suas skills como desenvolvedor
  • FreeCodeCamp - Aprenda como codificar gratuitamente e ganhe portfólio ajudando organizações sem fins lucrativos
  • GeeksForGeeks - Plataforma para desenvolver suas habilidade em diversas áreas da programação
  • W3Schools - Inúmeras documentações explicadas de forma intuitiva
  • Khan Academy - Plataforma de estudos conceituada sobre aprendizado gamificado
  • Udacity - Aprendizado tecnológico com ps conteúdos mais quentes do mercado (IA, data science, cloud computing, etc)
  • SoloLearn - Aprenda a programar gratuitamente pelo celular ou web
  • edX - Aprenda com os melhores, cursos de ciência da computação e ciência de dados ministradas por docentes das maiores e melhores universidades de todo o mundo
  • Treehouse - Cursos para desenvolvedores e aprimomaromento de portfólio
  • Coding Ground - Várias plat - ormas de codificação online
  • TheOdinProject - Site para aprender programação e desenvolvimento por meio de cursos
  • FrontEndMaster - Site para aprender programação e desenvolvimento por meio de cursos
  • Balta.io - Site para aprender programação e desenvolvimento por meio de cursos
  • FrontEndMaster - Site para aprender programação e desenvolvimento por meio de cursos
  • DataScienceAcademy - Site com diversos cursos gratuitos para inciar no mundo de Python & DataScience
  • FIAPx - Site com diversos cursos gratuitos na área da tecnologia
  • FGV - Site com diversos cursos gratuitos na área da tecnologia
  • CodeAcademy - Site com diversos cursos gratuitos de programação (EN)
  • Kaggle - Site com diversos cursos gratuitos de Python & DataScience (EN)
  • Complete Intro to Web Development - Site com os principais conteúdos referentes a desenvolvimento web criado e mantido por um dos professores do site Frontend Masters (EN)
  • 4noobs - Repositório desenvolvido para mostrar os conhecimentos básicos em diversas linguagens e ferramentas para desenvolvedores iniciantes.

🎨 Sites para desenvolvedor front-end

  • Uiverse - Rede social de elementos de interfaces.
  • Shape Dividers - Gera divisores de formas verticais, responsivos, e animados facilmente com este gerador de divisores de formas SVG
  • Couleur - Uma ferramenta de cores simples para ajudá-lo a encontrar uma boa paleta de cores para seu projeto da web)
  • Baseline CSS Filters - 36 Belos filtros de fotos, com edição simples e CSS para copiar)
  • UI Deck - Modelo de página de destino HTML gratuitos e premium, temas de bootstrap, modelos de React, modelos de Tailwind, modelos de site HTML, e kits de interface de usúario)
  • Naevner - Descrição de cores em linguagem natural, gerador de códigos em cores hexadecimais)
  • Meta Tags - Elementos de metadados HTML gerados automaticamente para melhor o SEO

🎮 Sites para aprender a programar jogando

  • Code Combat - Site para aprender conceitos e linguagens de programação enquanto joga
  • CheckiO - CheckiO é um site que tem como objetivo ensinar programação, mas todos os desafios de codificação devem ser concluídos em Python.
  • CodeWars - Desafios de Programação Back-end. IDE integrada
  • Schemaverse - O Schemaverse é um jogo de estratégia baseado no espaço implementado inteiramente em um banco de dados PostgreSQL.
  • Code Monkey - CodeMonkey é um ambiente de codificação de computador educacional que permite que iniciantes aprendam conceitos e linguagens de programação de computador.
  • Coding Games - Desafios Programação Back-end com foco em temática de jogos. IDE integrada
  • Edabit - Desafios de Programação Back-end. IDE integrada
  • Flexbox Zombie - Desafios com CSS Flexbox para se defender de zumbis
  • Flexbox Defense - Desafios com CSS Flexbox para impedir que inimigos ultrapassem suas defesas
  • CSS Grid Attack - Ataque inimigos enquanto treina práticas de CSS, com uma narrativa mais profunda
  • Code - Site para estudos de algoritmos com a temática do jogo Minecraft

✨ Templates HTML gratuitos

🎯 Sites para aprender ou treinar CSS

⏰ Geradores de CSS

🔎 Sites para buscar vagas remotas

🔧 Ferramentas de desenvolvimento:

  • Internxt - Internxt Drive é um armazenamento de arquivos de conhecimento zero serviço baseado na melhor privacidade e segurança da classe
  • 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.
  • Hokusai - Conteúdo sobre NFT's
  • Hidden Tools - Ampla coleção de ferramentas feitas pela comunidade disponiveís para uso
  • Dev Hints - Coleção de cheatsheets
  • Bundlephobia - Descubra o custo de adicionar um pacote npm ao seu pacote
  • Refactoring Guru - Padrões de projetos "Design patterns"
  • DevDocs - DevDocs combina várias documentações de API em uma interface rápida, organizada e pesquisável.
  • HTML Validator - Validação de arquivo HTML
  • HTML 5 Test - Testa arquivos HTML5
  • Image Slide Maker - Ferramenta de geração gratuita do Image Slider Maker
  • .NET Fiddle - Codifique e compartilhe projetos C# online
  • 1PageRank - Rankeie seu site nos mecanismos de buscas e aprenda com a concorrência
  • 4Devs - Ferramentas online gratuitas, geradores de cpf, conta bancária, pessoas, cnpj, cep, rg, validadores, encoders e muitas outras
  • Any API - Diretório gratuito com APIs públicas
  • Autoprefixer CSS - Transpile código CSS atual para código CSS com maior cobertura de navegadores antigos
  • Browser diet - Guia de performance para desenvolvimento web
  • Can I email... - Descubra o que do HTML e CSS pode ser usado em estruturas de e-mail
  • Can I use... - Descubra se você pode usar determinadas tecnologias web
  • CloudFlare - CDN grátis
  • CMDER - Linha de comando simples, consegue rodar comands bash e Shell, alternativa ao Hyper
  • CodePen - Rede social de desenvolvedores front-end
  • CodeSandbox - Caixa de área para desenvolvedores web
  • Connection Strings - Site com strings de conexão para diversas plataformas
  • CSS Formatter - Retire a minificação e formate o código CSS
  • CSS Minifier - Conversor de código CSS para CSS minificado
  • CSS W3.org - Validar CSS
  • Debuggex: Online visual regex tester. JavaScript, Python, and PCRE - Construa e teste expressões regulares
  • docsify - Crie docs incríveis de projetos
  • EasyForms - API open source que permite criação formulários de contato com HTML puro
  • Editor.md - Editor Markdown online e open source
  • ES6console - Compilador de JS para Ecmascript
  • Firebase - Desenvolva aplicativos mobile e web incríveis este serviço da Google
  • Firefox Developer Edition - Navegador web para desenvolvedores web
  • Full Page Screen Capture - Capture páginas inteiras com uma extensão para Chrome
  • generatedata - Gerador de dados para testes
  • Git Command Explorer - Encontre os comandos certos que você precisa sem vasculhar a web
  • GitHub Gist - Faça pequenas anotações e pequenos códigos no GitHub Gist
  • Google Transparency Report - Verificar segurança de um site
  • Grader - Avaliação de site
  • How to Center in CSS - Gerador de código para divs ou textos que necessitam de centralização
  • Hyper - Linha de comando simples, útil e gratuito
  • Joomla - CMS gratuita
  • JS Bin - Codifique e compartilhe projetos HTML, CSS e JS
  • JSCompress - Conversor de código JS para JS minificado
  • JSON Editor Online - Ferramenta para visualizar e editar arquivos JSON
  • JSFiddle - Codifique projetos JS online
  • JSONLint - Ferramenta para validar seu JSON
  • JSON Generator - Ferramenta para gerar JSON com base em template
  • KeyCDN Tools - Faça uma análise das suas aplicações web
  • Liveweave - Codifique projetos HTML, CSS e JS
  • Lorem Ipsum - Gerador de texto fictício
  • Mapbox - Mapas e localização para desenvolvedores
  • Memcached - Melhore o desempenho de seu website com cache
  • Mockaroo - Gerador de dados para testes
  • Mussum Ipsum - Gerador de texto fictício
  • NPM HTTP-Server - Rode um servidor local com um pacote npm
  • Password Generator - Um gerador de senhas simples com foco na segurança
  • Online C Compiler - Ferramenta para compilar C online
  • React Dev Tools - Ferramenta para debug do ReactJS
  • React Hook Form - Valide seus formulários de projetos que utilizam React ou React Native
  • Readme.so - Crie de maneira fácil o readme para seu projeto
  • RelaX - Crie expressões algébricas relacionais de consultas
  • Responsive - Teste a responsividade do seu site
  • Responsively - Ferramenta para facilitar a responsividade do seu site
  • Shields.io - Gerador de badges para markdown
  • SSL Server Test - Testar SSL de sites
  • StreamYard - O StreamYard é um estúdio de transmissões ao vivo no seu navegador
  • Swagger - Ferramenta para projetar, construir, documentar e usar serviços da Web RESTful
  • Tabela ASCII - Tabela completa com caracteres ASCII
  • Telegram - Mensageiro criptografado
  • TinyJPG - Comprima imagem do formato JPG
  • TinyPNG - Comprima imagem do formato PNG
  • Creately - Crie e altere lindos diagramas em tempo real com a sua equipe
  • Carbon - Crie Snippets de codigo clean e bonitos
  • DbDiagram - Crie elegrantes diagramas de banco de dados e gere script ddl
  • SqlDesigner - Crie Diagramas de banco de dados de maneira rapida e gere script ddl
  • W3.org - Validar HTML
  • WakaTime - Gerencie seu tempo de desenvolvimento
  • Web Developer - Extensão para Chrome com multi-funções
  • Web.dev - Testar website (criado pela Google)
  • WebPageTest - Testar perfomance de site
  • Wedsites - Liste suas atividades e acompanhe seu progresso
  • WordPress - Criação de blogs
  • XML Sitemaps - Criador de sitemaps.xml
  • Patterns.dev - Design patterns para projetos web modernos
  • Devhints - Documentação curta, prática e objetiva de cada linguagem de programação

🗂 Gerenciamento de projetos

  • Asana - Gerenciamento de trabalho
  • Azure DevOps - Gerenciamento de projetos focados em planejamento, colaboração e entregas
  • Dontpad - Abas de anotações sem necessidade de cadastro
  • Draw.io - Desenvolva mapas mentais incríveis
  • Evernote - Notas autoadesivas na nuvem
  • Google Keep - Notas autoadesivas na nuvem
  • Jira - Gerenciador de projetos e monitoramento de tarefas
  • lucidchart - Documentação e gerenciamento de tarefas em equipe
  • Miro - Quadro branco colaborativo em tempo real
  • Notion - Notas autoadesivas na nuvem e gerenciamento de projetos online
  • Pipefy - Gerenciador de projetos (PMS)
  • Protectedtext - Abas de anotações criptografadas sem necessidade de cadastro
  • Slack - Gerenciamento de projetos com equipes
  • Taiga - Controle de projetos com equipes através de quadros
  • Taskade - Gerenciamento de projetos pessoais e de equipe com notas e mapas mentais integrados
  • Things - Gerenciador de tarefas pessoais
  • Todoist - Gerenciamento de projetos pessoais e em equipe
  • Trello - Gerencie seus projetos com quadros
  • YouTrack - Gerenciador de projetos online

📝 IDEs e editores de código

🖌 Design Front-end

  • Adobe XD - Software de design para projetos
  • Awwwards - Inspiração para interfaces e templates com o que há de mais novo em questão de design de interfaces
  • Bootstrap - Framework CSS
  • BuildBootstrap - Crie layout responsivo para o framework Bootstrap na versão 3 e 4
  • Bulma CSS - Estrutura CSS gratuita baseada no Flexbox
  • Canva - Ferramenta de design online
  • Chart.js - Biblioteca JavaScript de criação de gráficos
  • Colors and Fonts - Apresenta paletas de cores e tipografia
  • Coolors - Palhetas de cores e monte a sua própria
  • Colors lol - Repositório de paletas de cores
  • Cruip - Recursos de templates
  • CSS Effects Snippets - Animações CSS prontas para usar
  • CSS Layout - Layouts e padrões populares feitos com CSS
  • CSS Reference - Guia visual para CSS com referencias de uso
  • CSS Tricks - Blog com vários tutoriais frontend
  • DevSamples - Exemplos de códigos fáceis de usar para HTML, CSS e JavaScript
  • Excalidraw - Desenhe diagramas como se tivessem sido feitos a mão
  • Fancy Border-Radius - Gerador de formas com border-radius no CSS
  • Figma - Desenhe projetos online de apps, softwares e websites
  • Flatui Color Picker - Paleta de cores interativa de forma harmonizar o front
  • Font Flipper - Ferramenta para testar fontes
  • FontPair - Ferramenta para combinações de fontes
  • FontSpark - Gera fontes aleatórias de uma lista de fontes famosas usadas na web
  • Foundation - Framework responsivo
  • Framer - Ferramenta de criação de interfaces interativas
  • FreeFrontEnd - Exemplos de códigos, tutoriais e artigos de HTML, CSS, Javascript (Angular, JQuery, React, Vue)
  • Gravit Designer - Ferramenta de design online com suporte a ilustração vetorial
  • Grid Layoutit - Gerador de grid para código CSS
  • HTML DOM - Gerenciar o DOM HTML com JavaScript vanilla
  • Interfacer - Recursos para criação de interfaces
  • Interfaces.pro - Inspiração para interfaces
  • Invision - Software de design para projetos
  • Lottie - Animações em after effects via json
  • Luna - Framework CSS brasileiro
  • Material-UI - Um framework de interface de usuário para React
  • Mockup - Visualize e colabore no design de aplicativos para dispositivos móveis
  • Nes.css - Framework CSS estilo NES
  • Neumorphism - Tendência aplicação border-radius
  • Normalize CSS - Normaliza estruturas entre navegadores
  • Pixilart - Desenhe pixel arts online
  • Pixlr - Conjunto de ferramentas e utilitários de edição de imagem baseado em nuvem
  • PSD-To-CSS-Shadow - Gera o script para uma sombra (box-shadow & text-shadow) no CSS baseado nas configurações de sombra no Photoshop
  • Pure.css - Framework CSS responsivo
  • Remove.bg - Remove fundos de imagens automaticamente
  • Sketch - Desenvolvimento de layouts em alta qualidade
  • Squoosh.app - Compressor de imagens e comparador, via navegador
  • SweetAlert2 - Biblioteca JavaScript de alertas responsivos e customizáveis
  • Tailwind CSS - Framework de estilo CSS
  • UI Gradients - UI gradientes para utilizar
  • Vectorizer - Converta imagens como PNGs, BMPs e JPEGs em gráficos vetoriais ​​(SVG, EPS, DXF)
  • Whimsical - Flowchart, Wireframe, Sticky Notes e Mind Map
  • X-Icon Editor - Gerador de favicon com alta resolução a partir de imagens

🔤 Linguagens de programação

  • C# - Linguagem de programação baseada no C++
  • Clojure - Linguagem de programação funcional (muito utilizada para IAs)
  • Dart - Linguagem de script voltada à web desenvolvida pela Google, utilizada no Flutter
  • Elixir - Linguagem de programação funcional, concorrente, de propósito geral que executa na máquina virtual Erlang (BEAM)
  • F# - Linguagem de programação orientada a objetos e funcional
  • Fortran - Linguagem de programação desenvolvida pela IBM, usado na ciência da computação e análises numéricas
  • Go - Linguagem de código aberto para tornar os programadores mais produtivos
  • Haskell - Linguagem de programação puramente funcional e estaticamente tipada
  • Java - Linguagem de programação tipada, orientada a objetos e de alta performance
  • JavaScript - Constante evolução e crescimento no mercado
  • Julia - Linguagem de programação de código aberto e alto desempenho para computação técnica
  • Kotlin - Linguagem de programação multiplataforma, orientada a objetos compila para a MVJ
  • Lua - Linguagem de programação originária do Brasil, permite programação procedural e POO (popular em jogos)
  • MatLab - Linguagem de programação de alto nível com foco em cálculos e construção de gráficos
  • Pascal - Linguagem de programação imperativa, estruturada e orientada à objetos
  • Perl - Linguagem de programação multiplataforma e dinâmica
  • PHP - A linguagem de programação dominante na web
  • Python - Muito indicada para projetos de dados, inteligência artificial, aprendizado de máquina e chatbots
  • R - Linguagem de programação com foco em matemática, estatística, ciência de dados e aprendizagem de máquina
  • Ruby - Linguagem de programação de multiparadigma e tipagem dinâmica
  • Rust - Linguagem estáticamente tipada para sistemas rápidos, concorrentes, de baixo nível e seguros
  • Swift - Criada pela Apple para principalmente desenvolvimento de apps para iPhone
  • Scala - Linguagem de programação moderna, multi-paradigma, concisa, elegante e com tipagem segura
  • Visual Basic - Linguagem de programação da Microsoft (com IDE gráfica)

📕 Guia de Estilo

📁 Desafios

  • Ace Front End - Desafios de programação Front-end. Resultados via texto. IDE integrada
  • AdventoOfCode - Desafios de programação por temporada. Sem IDE integrada. Validação manual feita pelo usuário
  • App Ideas - Compilado de desafios para você testar seus conhecimentos e aumentar seu portfólio
  • Capture The Flag - CTF - Desafios reais de hacking, desenvolvido por especialistas brasileiros
  • ChallengeRocket - Desafios de Programação Back-end. IDE integrada
  • Code Golf - StackExchange - Desafios de programação da comunidade para a comunidade, IDE integrada somente pelo Snippet
  • CodeForces - Desafios de Programação Back-end com a compilação e testes feito pela plataforma porém sem IDE integrada
  • CodePen Challenges - Desafios de Programação Front-end. IDE integrada
  • CoderByte - Desafios de Programação Back-end. IDE integrada
  • CodeSignal - Desafios de Programação Back-end. IDE integrada
  • CodeWars - Desafios de Programação Back-end. IDE integrada
  • Codier - Desafios de Programação Front-end, análise dos resultados feita pela comunidade. IDE integrada
  • Codility - Desafios de Programação Back-end. IDE integrada
  • Coding Games - Desafios Programação Back-end com foco em temática de jogos. IDE integrada
  • CSES - Desafios de Programação Back-end. IDE integrada
  • CSS Battle - Batalhas temporárias de CSS. IDE integrada
  • DailyCodingProblem - Desafios de Programação Back-end enviados por e-mail. Solução do problema Premium
  • Desafio333 - O Desafio333 é um desafio bimestral SIMPLES com o objetivo de convidar a comunidade a conhecer novas ferramentas
  • DevChallenge - Site com desafios de front-end, back-end e mobile
  • DevChallenges.io - Site com projectos webs responsivos, front-end e full-stack
  • Edabit - Desafios de Programação Back-end. IDE integrada
  • Exercism.io - Desafios de Programação Back-end. Sem IDE integrada. Requer download de CLI.
  • Flex Box Defense - Desafio de Programação Front-end focados na propriedade flex box. IDE integrada.
  • Flex Box Froggy - Desafio de Programação Front-end focados na propriedade flex box. IDE integrada.
  • Front End Challanged Club - Bogs com desafios de programação front-end
  • Frontend Challengens - Repositório no GitHub com vários desafios solicitados reais solicitados por empresas
  • Frontend Mentor - Desafios de Programação Front-end, análise dos resultados feita pela comunidade, sem IDE integrada
  • HackerRank - Desafios de Programação Back-end. IDE integrada
  • HackTheBox - Site com laboratórios para praticar pentest de forma gratuita e legal
  • LeetCode - Desafios de Programação Back-end. IDE integrada
  • BinarySearch - Desafios de Programação Back-end. IDE integrada
  • CodeAbbey - Desafios de Programação Back-end. IDE integrada
  • ProjectEuler - Desafios de Programação Back-end focado em problemas matemáticos. IDE integrada
  • Sphere Onlune Judge (SPOJ) - Desafios de Programação Back-end com a compilação e testes feito pela plataforma porém sem IDE integrada
  • TopCoder - Desafios e Arena de Programação Back-end. IDE integrada
  • URI/Beecrowd - Desafios Programação Back-end, matemáticos e SQL. IDE integrada
  • OsProgramadores - Desafios de Lógica de Programação do grupo Os Programadores.

🛠️ Ferramentas para desenvolvedores WEB

⚒ Ferramentas para buscar projetos open source

🐧 Melhores distros linux para programadores

  • Pop!\Os - Distribuição Linux Pop!\_Os
  • Arch Linux - Distribuição Linux Arch Linux
  • Debian - Distribuição Linux Debian
  • Ubuntu - Distribuição Linux Ubuntu
  • Fedora - Distribuição Linux Fedora
  • Linux Mint - Distribuição Linux Mint
  • OpenSUSE - Distribuição Linux OpenSUSE
  • Kali Linux - Distribuição Linux Kali Linux
  • KDE Neon - Distribuição Linux KDE Neon
  • Solus - Distribuição Linux Solus
  • Tails - Distribuição Linux Tails
  • Zorin OS - Distribuição Linux Zorin
  • Kubuntu - Distribuição Linux Kubuntu

🔗 Bibliotecas JavaScript

⚙️ 9 Ferramentas que todo DEV precisa conhecer

  • Unminify - Ferramenta desofuscação de códigos.
  • Figma - ferramenta para design de interfaces.
  • Insomnia - é um API Client, uma ferramenta para fazer testes de API's.
  • Rive - ferramenta colaborativa de animação para apps, jogos e sites.
  • CloudCraft - plataforma com foco em criar desenhos de arquiteturas AWS.
  • BundlePhobia - site para descobrir o custo de adicionar um npm package no seu pacote.
  • Font Flipper - Tinder das fontes, basta apertar X caso não goste e ❤ se você gostar, adicione aos favoritos já com o nome da fonte e faça o download pelo Google fonts.
  • VisBug - é uma extensão de Chrome, criada pelo google, ferramenta de design que te permite mudar o layout das páginas da web desde o estilo de fontes até a posição dos elementos.
  • ThunderClient - é um Rest API Client totalmente leve e compatível com Visual Studio Code. Idêntico ao Postman, ele serve para realizar testes com nossas requisções HTTP.
  • SmallDevTools - Ferramentas GRATUITAS para desenvolvedores, como codificador/decodificador, formatadores HTML/CSS/Javascript, minificadores, geradores de dados falsos ou de teste & muito mais

🎭 Sites para praticar UI/UX

☁ Ferramentas para hospedar seu site

  • Github Pages - Hospedado diretamente de seu repositório GitHub. Basta editar, enviar e suas alterações entrarão em vigor
  • Award Space - Hospedagem gratuita na web + um subdomínio gratuito, PHP, MySQL, instalador de aplicativo, envio de e-mail e sem anúncios
  • Byet - Hospedagem Gratuita e Serviços de Hospedagem Premium.
  • Infinity Free - Free Unlimited Web Hosting
  • 1FreeHosting - Hospedagem de sites grátis com 100GB de largura de banda
  • Amazon Web Services - Serviço de aluguel de servidores e outros serviços
  • BlueHost - Empresa americana de hospedagem de sites
  • DigitalOcean - Aluguel de servidores dedicados e compartilhados
  • DreamHost - Hospedagem de sites de alta disponibilidade
  • Embratel - Hospedagem de sites nacional
  • GoDaddy - Hospedagem de sites internacional
  • GoDaddy - Empresa de aluguel de servidores compartilhados, dedicados e registro de domínio
  • Google Cloud - Serviço de aluguel de servidores da Google
  • Heroku - Hospedagem de sites grátis com suporte à NodeJS, Java, Ruby, PHP, Python, Go, Scala e Clojure
  • HostGator - Hospedagem compartilhada e dedicada para sites e serviços
  • Hostinger - Hospedagem de sites
  • Hostoo - Hospedagem de sites em cloud computing dedicado
  • iPage - Hospedagem de sites gringa com descontos para anúncios
  • KingHost - Hospedagem compartilhada e dedicada para sites e serviços de marketing por e-mail
  • Netlify - Hospedagem para sites estáticos que combina implantação global, integração contínua e HTTPS automático
  • One.com - Serviços gerais digitais (incluindo hospedagem de sites)
  • Oracle Cloud - Serviço de aluguel de servidores da Oracle
  • Surge - Hospedagem gratuita para páginas estáticas
  • Umbler - Hospedagem compartilhada, cloud computing sob taxação de uso
  • Vercel - Hospedagem grátis de sites estáticos e serveless

🌌 Sites para inspirar o seu desenvolvimento

📮 Banco de imagens gratuitas

© 2026 GitRepoTrend · arthurspk/guiadevbrasil · Updated daily from GitHub