Sites Úteis para Desenvolvedores e DevOps

Você gostou do post,
e
quer mais?
Me paga um café! :) PIX consultoria@carlosdelfino.eti.br
Curta o post no final da página, use o Disqus, compartilhe em sua rede social. Isso me ajuda e motiva
Obrigado.

Quem trabalha com desenvolvimento de software ou DevOps sabe que boa parte da produtividade vem de conhecer as ferramentas certas. Existem sites para estudar, praticar algoritmos, testar CSS, consultar documentação, encontrar vagas remotas, acompanhar tecnologias, gerar componentes visuais e até treinar programação de forma gamificada.

Este artigo reúne uma lista organizada de sites úteis para programadores, desenvolvedores web, profissionais de infraestrutura, automação e DevOps. A ideia não é esgotar o assunto, mas servir como um ponto de partida para estudos, consulta rápida e descoberta de novas ferramentas.

Sites para estudar programação

Antes de escolher uma linguagem ou framework, é importante construir uma base sólida em lógica, algoritmos, estrutura de dados, boas práticas e resolução de problemas. Os sites abaixo ajudam tanto quem está começando quanto quem deseja se aprofundar.

Rocketseat

Rocketseat é uma plataforma brasileira bastante conhecida por cursos, eventos e trilhas focadas em desenvolvimento web moderno, especialmente com JavaScript, TypeScript, Node.js, React e React Native.

DIO

DIO oferece bootcamps, cursos e desafios práticos voltados para desenvolvimento de software, cloud, dados, inteligência artificial e carreira em tecnologia.

Curso em Vídeo

Curso em Vídeo é uma excelente opção gratuita em português para aprender lógica de programação, Python, JavaScript, HTML, CSS, banco de dados e outros fundamentos.

Udemy

Udemy possui cursos pagos e gratuitos sobre praticamente qualquer tecnologia. É uma boa alternativa para quem prefere cursos objetivos, com foco em ferramentas específicas.

Coursera

Coursera reúne cursos de universidades e empresas de tecnologia, sendo uma boa opção para quem busca conteúdos mais acadêmicos ou formações estruturadas.

edX

edX também oferece cursos de universidades reconhecidas, incluindo ciência da computação, programação, inteligência artificial, dados e engenharia de software.

freeCodeCamp

freeCodeCamp é uma das melhores plataformas gratuitas para estudar programação web, APIs, bancos de dados, ciência de dados e desenvolvimento full stack.

Khan Academy

Khan Academy é útil para reforçar matemática, lógica e conceitos introdutórios de programação.

Udacity

Udacity oferece formações mais orientadas ao mercado, com foco em projetos, dados, inteligência artificial, cloud e desenvolvimento.

Sololearn

Sololearn é interessante para estudar pelo celular, com lições curtas e exercícios rápidos.

Treehouse

Treehouse oferece trilhas guiadas para desenvolvimento web, design e programação.

Cod3r

Cod3r é uma plataforma brasileira com cursos de programação, arquitetura, frontend, backend, mobile e DevOps.

W3Schools

W3Schools é útil para consultas rápidas sobre HTML, CSS, JavaScript, SQL e tecnologias web.

Tutorialspoint

Tutorialspoint reúne tutoriais introdutórios sobre muitas linguagens, ferramentas e disciplinas de computação.

GeeksforGeeks

GeeksforGeeks é bastante usado para estudar algoritmos, estruturas de dados, entrevistas técnicas e exemplos de código.

W3Resource

W3Resource traz exercícios e referências para SQL, JavaScript, Python, PHP, Java e outras tecnologias.

Sites para praticar algoritmos e entrevistas

Praticar problemas ajuda a melhorar o raciocínio lógico, a leitura de enunciados, a implementação e a preparação para entrevistas técnicas.

HackerRank

HackerRank oferece desafios de algoritmos, SQL, linguagens de programação, inteligência artificial e preparação para entrevistas.

HackerEarth

HackerEarth possui desafios, competições e avaliações técnicas usadas também por empresas.

Coderbyte

Coderbyte é voltado para desafios de programação e preparação para entrevistas.

CodeChef

CodeChef é conhecido por competições de programação e problemas de diferentes níveis.

LeetCode

LeetCode é uma das plataformas mais utilizadas para preparação de entrevistas técnicas, especialmente em empresas internacionais.

Exercism

Exercism permite praticar várias linguagens com exercícios progressivos e mentoria da comunidade.

Codewars

Codewars trabalha com desafios chamados katas, organizados por dificuldade e linguagem.

Sites para aprender programando e jogando

Para quem gosta de aprender de forma mais interativa, jogos e desafios visuais podem ajudar bastante.

CodeCombat

CodeCombat ensina programação por meio de fases em estilo de jogo.

CheckiO

CheckiO mistura desafios de programação com elementos de jogo.

Schemaverse

Schemaverse é um jogo voltado para quem deseja praticar SQL de forma diferente.

CodeMonkey

CodeMonkey é voltado principalmente para iniciantes e educação.

CodinGame

CodinGame oferece desafios de programação em formato de jogos, competições e puzzles.

Sites para desenvolvimento front-end

No front-end, além de conhecer HTML, CSS e JavaScript, é importante ter boas referências visuais, ferramentas de prototipação, geradores de componentes e recursos para melhorar a experiência do usuário.

CodePen

CodePen é excelente para testar ideias rápidas com HTML, CSS e JavaScript, além de servir como vitrine de componentes e experimentos.

Shape Dividers

Shape Dividers gera divisores SVG para seções de páginas, úteis em landing pages e interfaces modernas.

Couleur

Couleur ajuda a montar paletas de cores para projetos web.

CSS Photo Filters

CSS Photo Filters oferece filtros CSS para imagens, com código pronto para copiar.

UIdeck

UIdeck reúne templates HTML, Bootstrap, React, Tailwind e kits de interface gratuitos e pagos.

Naevner

Naevner permite encontrar cores a partir de descrições em linguagem natural.

TextPod 3D

TextPod 3D cria efeitos de texto 3D para uso em páginas e protótipos.

Can I Use

Can I Use é indispensável para verificar compatibilidade de recursos HTML, CSS e JavaScript entre navegadores.

MDN Web Docs

MDN Web Docs é uma das melhores referências para tecnologias web, com documentação detalhada de HTML, CSS, JavaScript, APIs do navegador e boas práticas.

Sites para aprender e treinar CSS

CSS parece simples no começo, mas exige prática para dominar layout, responsividade, animações e compatibilidade.

CSS Grid Garden

CSS Grid Garden ensina CSS Grid de forma visual e interativa.

Flexbox Froggy

Flexbox Froggy é uma forma divertida de aprender Flexbox.

Flexbox Defense

Flexbox Defense reforça conceitos de Flexbox com uma dinâmica de jogo.

CSS Diner

CSS Diner ajuda a praticar seletores CSS.

100 Days CSS

100 Days CSS propõe desafios diários de CSS e criatividade visual.

CSSBattle

CSSBattle é uma plataforma de desafios onde o objetivo é recriar imagens usando HTML e CSS com o menor código possível.

CSS-Tricks

CSS-Tricks possui guias, artigos e exemplos práticos sobre CSS, layout, SVG, front-end e design.

CSS Hell

CSS Hell apresenta erros comuns de CSS e mostra como corrigi-los.

Geradores e ferramentas CSS

Geradores não substituem o entendimento da tecnologia, mas aceleram protótipos e ajudam na criação de detalhes visuais.

Neumorphism

Neumorphism gera estilos CSS com efeito neumórfico.

Fancy Border Radius

Fancy Border Radius ajuda a criar bordas arredondadas orgânicas.

Wait! Animate

Wait! Animate auxilia na criação de animações CSS com intervalos.

Best CSS Button Generator

Best CSS Button Generator gera botões customizados em CSS.

HTML CSS JS Generator

HTML CSS JS reúne vários geradores CSS em um só lugar.

Templates HTML e inspiração visual

Templates podem servir tanto para acelerar pequenos projetos quanto para estudar estrutura, responsividade e organização de componentes.

BootstrapMade

BootstrapMade oferece templates baseados em Bootstrap para sites institucionais, portfólios e landing pages.

W3Layouts

W3Layouts possui modelos HTML gratuitos e pagos para diferentes tipos de sites.

One Page Love

One Page Love é uma boa fonte de inspiração para landing pages e páginas de produto.

Dribbble

Dribbble é usado por designers para compartilhar interfaces, conceitos visuais e componentes.

Behance

Behance reúne projetos de design, branding, UI, UX e identidade visual.

Bibliotecas JavaScript e animação

Algumas bibliotecas ajudam a criar gráficos, animações, efeitos visuais e interações mais ricas.

ApexCharts

ApexCharts é uma biblioteca para criação de gráficos interativos.

Particles.js

Particles.js permite criar fundos animados com partículas.

ScrollMagic

ScrollMagic ajuda a criar animações baseadas no scroll da página.

Motion

Motion é uma biblioteca moderna para animações na web.

Hover.css

Hover.css reúne efeitos de hover prontos para botões, links e elementos de interface.

Hamburgers

Hamburgers oferece animações CSS para ícones de menu.

Magic Animations

Magic Animations traz efeitos CSS para animações rápidas em interfaces.

Referências rápidas para desenvolvedores

Durante o trabalho diário, muitas vezes precisamos consultar comandos, sintaxe, atalhos e exemplos.

Devhints

Devhints é uma coleção de cheatsheets para linguagens, frameworks e ferramentas.

Bundlephobia

Bundlephobia mostra o impacto de pacotes JavaScript no tamanho final do bundle.

Hidden Tools

Hidden Tools reúne ferramentas úteis e pouco conhecidas para desenvolvedores.

Regex101

Regex101 é uma das melhores ferramentas para criar, testar e explicar expressões regulares.

JSON Formatter

JSON Formatter ajuda a formatar, validar e visualizar JSON.

Explain Shell

Explain Shell explica comandos shell parte por parte, sendo útil para quem está aprendendo Linux.

Ferramentas para DevOps, cloud e infraestrutura

DevOps envolve automação, observabilidade, integração contínua, entrega contínua, containers, infraestrutura como código e cultura de colaboração.

Docker Docs

Docker Docs é a referência oficial para containers, imagens, Docker Compose, redes e boas práticas.

Kubernetes Docs

Kubernetes Docs é a documentação oficial do Kubernetes, essencial para quem trabalha com orquestração de containers.

Terraform Registry

Terraform Registry reúne providers e módulos para infraestrutura como código com Terraform.

Ansible Documentation

Ansible Documentation é a referência para automação, configuração de servidores e provisionamento.

GitHub Actions

GitHub Actions documenta workflows de CI/CD diretamente no GitHub.

GitLab CI/CD

GitLab CI/CD é útil para configurar pipelines, runners, deploys e automações no GitLab.

Jenkins

Jenkins segue sendo uma ferramenta muito usada em automação de pipelines.

Prometheus

Prometheus é uma das principais ferramentas de monitoramento e coleta de métricas.

Grafana

Grafana é muito usada para dashboards, observabilidade e visualização de métricas.

OpenTelemetry

OpenTelemetry é uma referência importante para instrumentação, traces, métricas e logs.

NGINX Documentation

NGINX Docs ajuda na configuração de servidores web, proxy reverso, balanceamento e performance.

Segurança, análise e boas práticas

Todo desenvolvedor precisa ter noções de segurança, mesmo que não trabalhe diretamente com cybersecurity.

OWASP

OWASP é referência em segurança de aplicações, incluindo o famoso OWASP Top 10.

Snyk

Snyk ajuda a identificar vulnerabilidades em dependências, containers e infraestrutura como código.

Have I Been Pwned

Have I Been Pwned permite verificar se um e-mail apareceu em vazamentos de dados.

SSL Labs

SSL Labs testa a configuração SSL/TLS de sites.

Security Headers

Security Headers analisa cabeçalhos de segurança HTTP.

Linux para programadores

O Linux é muito presente em servidores, containers, cloud, dispositivos embarcados e ambientes de desenvolvimento. Para programadores, conhecer Linux é praticamente obrigatório.

Pop!_OS

Pop!_OS é uma distribuição amigável, baseada em Ubuntu, bastante usada por desenvolvedores.

Arch Linux

Arch Linux é indicado para quem quer aprender mais profundamente sobre o sistema e montar um ambiente sob medida.

Debian

Debian é uma das distribuições mais tradicionais e estáveis, muito usada em servidores.

Ubuntu

Ubuntu é popular tanto em desktops quanto em servidores e ambientes cloud.

Fedora

Fedora costuma trazer tecnologias recentes e é uma boa opção para desenvolvimento.

Linux Mint

Linux Mint é amigável para quem está migrando de outros sistemas operacionais.

openSUSE

openSUSE é uma distribuição robusta, com boas ferramentas de administração.

Kali Linux

Kali Linux é voltada para segurança, testes de invasão e análise forense.

KDE Neon

KDE Neon combina base Ubuntu LTS com uma experiência KDE Plasma atualizada.

Tails

Tails é focado em privacidade e anonimato.

Sites para buscar vagas remotas

Para quem deseja trabalhar remotamente, acompanhar plataformas especializadas pode abrir oportunidades no Brasil e no exterior.

Remote OK

Remote OK lista vagas remotas em tecnologia, produto, design, suporte e outras áreas.

Hired

Hired conecta profissionais de tecnologia a empresas em busca de talentos.

JustRemote

JustRemote reúne vagas remotas de várias áreas, incluindo desenvolvimento.

Working Nomads

Working Nomads divulga oportunidades remotas internacionais.

We Work Remotely

We Work Remotely é uma das plataformas mais conhecidas para vagas remotas globais.

Remotar

Remotar divulga vagas remotas com foco no mercado brasileiro.

Ferramentas úteis para design, APIs e produtividade

Além das plataformas de estudo, algumas ferramentas ajudam no dia a dia de quem projeta interfaces, testa APIs, avalia dependências ou cria materiais visuais para aplicações.

Figma

Figma é uma ferramenta colaborativa para design de interfaces, prototipação e documentação visual de produtos digitais.

Insomnia

Insomnia é um API Client usado para testar APIs REST, GraphQL e outros serviços HTTP.

Thunder Client

Thunder Client é uma extensão leve para Visual Studio Code voltada a testes de requisições HTTP, funcionando como alternativa simples ao Postman.

Rive

Rive é uma ferramenta colaborativa para criar animações interativas em apps, jogos e sites.

Cloudcraft

Cloudcraft ajuda a desenhar arquiteturas AWS e documentar infraestrutura em nuvem de forma visual.

Font Flipper

Font Flipper funciona como uma descoberta rápida de fontes, permitindo favoritar opções e depois buscar o download em serviços como Google Fonts.

VisBug

VisBug é uma extensão de navegador criada para inspecionar e ajustar visualmente páginas web, alterando estilos, espaçamentos e elementos diretamente na interface.

Sites para praticar UI e UX

Para desenvolver boas interfaces, é importante praticar composição visual, hierarquia, acessibilidade, fluxo de navegação e experiência do usuário.

Hospedagem gratuita para sites e projetos

Essas plataformas são úteis para publicar portfólios, landing pages, projetos de estudo, aplicações estáticas e pequenos protótipos.

Sites para inspirar o desenvolvimento

Inspiração visual ajuda a entender tendências, padrões de layout, apresentação de produtos, portfólios e experiências digitais bem construídas.

Fontes, paletas, ilustrações e ícones

Design também depende de bons recursos visuais. Fontes, cores, ilustrações e ícones bem escolhidos melhoram a identidade e a usabilidade de qualquer projeto.

Sites para baixar e encontrar fontes

Sites de paletas de cores

Bibliotecas de ilustrações

Sites de ícones

Canais do YouTube com conteúdo gratuito

Canais técnicos são ótimos para acompanhar aulas, tutoriais, discussões de carreira e demonstrações práticas.

Outros canais indicados

Blogs, podcasts e comunidades

Além de cursos, acompanhar blogs e podcasts ajuda a entender tendências, boas práticas, arquitetura, carreira e experiências reais de profissionais da área.

Roadmaps, extensões e livros

Alguns recursos ajudam a planejar estudos, melhorar o navegador e construir uma base conceitual mais forte.

Web Developer Roadmap

Developer Roadmap

Extensões para navegador

File Icons for GitHub and GitLab
GoFullPage
Web Developer
React Developer Tools
Window Resizer

Livros recomendados

Clean Code, de Robert C. Martin
Refactoring, de Martin Fowler
Clean Architecture, de Robert C. Martin
O Programador Pragmático, de Andrew Hunt e David Thomas

Projetos práticos para portfólio

Projetos práticos ajudam a consolidar conhecimento e gerar material para demonstrar experiência em entrevistas e propostas de trabalho.

Front-end

Apps para praticar programação

SoloLearn
Pydroid 3
Mimo
Dcoder
Codecademy

Cursos de Java

Para quem deseja estudar Java gratuitamente, há cursos completos, playlists introdutórias e materiais sobre frameworks usados no mercado.

Cursos de JavaScript

JavaScript é uma das linguagens mais importantes para desenvolvimento web, tanto no front-end quanto no back-end com Node.js.

Cursos de HTML e CSS

HTML e CSS formam a base da web. Mesmo quem usa frameworks modernos precisa dominar marcação semântica, acessibilidade, responsividade e estilos.

HTML

CSS

Cursos de Python

Python é uma linguagem muito usada em automação, scripts, ciência de dados, inteligência artificial, web, DevOps e ensino de programação.

Python 3 completo do Curso em Vídeo

Cursos de PHP

PHP continua presente em muitos sistemas web, CMSs, APIs e aplicações legadas ou modernas.

Cursos de C#

C# é muito usado em desenvolvimento com .NET, aplicações corporativas, APIs, desktop, jogos com Unity e serviços em nuvem.

Curso de C#

Cursos de C

A linguagem C é essencial para entender fundamentos de programação, memória, sistemas operacionais, embarcados e computação de baixo nível.

Cursos de C++

C++ é muito usado em sistemas de alta performance, jogos, computação gráfica, embarcados e aplicações que exigem controle refinado de recursos.

Cursos de Kotlin

Kotlin é muito usado em desenvolvimento Android moderno e também pode ser aplicado no back-end com frameworks como Ktor e Spring.

Cursos e certificações gratuitas

Certificados não substituem experiência prática, mas ajudam a organizar os estudos, comprovar dedicação e enriquecer o currículo, especialmente para quem está começando ou migrando para a área de tecnologia.

Como usar esta lista

Uma lista grande de links pode virar distração se não houver objetivo. Uma forma prática de aproveitar melhor estes recursos é separar por necessidade:

Para começar: escolha uma plataforma de estudo, como Curso em Vídeo, freeCodeCamp, DIO ou Rocketseat.
Para praticar lógica: use HackerRank, Exercism, Codewars ou LeetCode.
Para front-end: mantenha MDN, Can I Use, CodePen, CSS-Tricks e CSSBattle nos favoritos.
Para DevOps: estude Docker, Kubernetes, Terraform, GitHub Actions, Prometheus e Grafana.
Para carreira: acompanhe Remote OK, We Work Remotely, Remotar e Working Nomads.

Conclusão

O ecossistema de desenvolvimento muda rapidamente, mas bons fundamentos continuam sendo essenciais. Sites, ferramentas e plataformas ajudam a acelerar o aprendizado, mas o mais importante é praticar com consistência, criar projetos reais e consultar boas referências.

Salve esta página nos favoritos e volte a ela sempre que precisar estudar uma tecnologia, encontrar uma ferramenta, treinar uma habilidade ou buscar novas oportunidades na área de desenvolvimento e DevOps.

Não deixe de me pagar um café, faz um PIX: consultoria@carlosdelfino.eti.br de qualquer valor.