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.
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:
💌 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.
- 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
💡 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.
・English — Click Here
・Spanish — Click Here
・Chinese — Click Here
・Hindi — Click Here
・Arabic — Click Here
・French — Click Here
・Italian — Click Here
・Korean — Click Here
・Russian — Click Here
・German — Click Here
・Japanese — 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
- Bootstrap Made - Temas HTML5 + CSS3 gratuitos
- W3 Layouts - Temas HTML5 + CSS3 gratuitos
- One Page Love - Temas HTML5 + CSS3 gratuitos
- ThemeWagon Freebies - Temas HTML5 + CSS3 gratuitos
- HTML5 UP - Temas HTML5 + CSS3 gratuitos
🎯 Sites para aprender ou treinar CSS
- CSS Grid Garden - Ferramenta online para estudos de Grid (CSS)
- Flukeout - Aplicação online para aprender CSS de forma prática
- Flex Box Froggy - Desafio de Programação Front-end focados na propriedade flex box. IDE integrada.
- Flexbox Defense - Aprenda flexbox com um game
- 100 Dias de CSS - 100 Desafios de CSS
- CSS Battle - Batalhas temporárias de CSS. IDE integrada
- CSS Tricks - Site para treinar
- CSS Hell - Coleção de erros comuns de CSS e como corrigi-los
⏰ Geradores de CSS
- Neumorphism - Tendência aplicação border-radius
- Fancy Border-Radius - Gerador de formas com border-radius no CSS
- WAIT! Animate - Gerador de animações de CSS
- Best CSS Button Generator - Gerador de botões do CSS
- HTML CSS JS Generator - Gerador de HTML/CSS/JS
- BennettFeely - Criador de clip-path
- Animista - Criador de animações
🔎 Sites para buscar vagas remotas
- BairesDev
- Bergamot
- Coodesh
- Há Vagas
- Hired
- JustRemote
- Programathor
- Remotar
- Remote OK
- Strider
- Toptal
- Turing
- Working Nomads
- X-Team
🔧 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
- Atom - Editor de código do GitHub
- BBEdit - Editor de código para Mac OS
- Beekeeper Studio - Editor de código SQL e gerenciador de banco de dados
- Brackets - Editor de código da Adobe
- CodeBlocks - IDE para C e C++
- Dev C++ - IDE Dev C++ para liguagem C/C++
- Eclipse - IDE software livre da IBM
- Geany - Editor de texto poderoso, estável e leve
- IntelliJ IDEA - IDE da Jetbrains
- NeoVim - Editor de código via terminal
- LunarVim - Editor de código via terminal baseado em NeoVim e Escrito em Lua
- NetBeans - IDE gratuita da Apache
- Notepad++ - Editor de código raíz
- Code with Mu - Um editor de código Python simples, para iniciantes
- PHPStorm - IDE específica para PHP
- PyCharm - IDE específica para Python
- RStudio - IDE específica para a Linguagem R e suas variantes
- StackEdit - Editor de markdown online
- Sublime Text - Sua licença expirou
- Thonny - IDE Python para iniciantes
- Visual Studio - IDE da Microsoft
- Visual Studio Code - Editor de código da Microsoft
🖌 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
- Airbnb - Javascript - Guia de estilo de código em JavaScript do Airbnb
- Airbnb - Ruby - Guia de estilo de código em Ruby do Airbnb
- Google - Boas práticas em Engenharia - Boas práticas de Engenharia utilizadas pelos internos da Google
- Google - C++ - Guia de estilo de código em C++ do Google
- Google - Python - Guia de estilo de código em Python do Google
- Google - Java - Guia de estilo de código em Java do Google
📁 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
- Product Hunt
- Namify
- Dribbble
- Behance
- Deviant Art
- Lapa
- Hyper Pixel
- One Page Love
- One Page Love Avatars
- Land Book
- Awwwards
- Best Folios
- Sitesee
- Httpster
- Builders Club
- CSS Nectar
- Collect UI
- Best Web Site
📮 Banco de imagens gratuitas
- 500px - Banco de imagens gratuitas
- Burst - Plataforma de imagens do serviço de ecommerce Shopify
- Cupcake - Imagens gratuitas para uso comercial
- Banco De Imagens Com Diversidade - Banco de imagens com pessoas diversas
- DrawKIT - Ilustrações para qualquer um usar
- FlatIcon - Banco de ícones vetoriais
- Flickr - Rede social de fotógrafos
- FreeImages - Banco de imagens gratuitas
- FreePik Stories - Banco de ilustrações gratuitas
- Freerange - Banco de imagens gratuitas
- Glaze - Banco de ilustrações, sem direitos autorais
- Gratisography - Banco de imagens gratuitas
- Humaaans - Ilustrações de humanóides
- Icons8 - Ícones em diversos estilos
- Imgur - Plataforma com milhões de imagens
- IraDesign - Ilustrações editáveis de cores e objetos
- Life of Pix - Banco de imagens gratuitas
- Little Visuals - Banco de imagens gratuitas
- Lorempixel - Banco de imagens para uso como template
- Lukas Zadam - Ilustrações SVG em diferentes tamanhos e estilos
- ManyPixels