Desenvolvimento
Ferramentas e dicas
Embedded Files
React
React
React Native Reanimated: lib para criar animações no React Native.
Usehooks-ts : React hook library, ready to use, written in Typescript.
Ahooks.js: A high-quality & reliable React Hooks library.
React TypeScript Cheatsheets: Cheatsheets for experienced React developers getting started with TypeScript.
Web
Web
Plataformas Gratuitas para Hospedagem de Sites Web
Plataformas Gratuitas para Hospedagem de Sites Web
Essas plataformas permitem hospedar aplicações web estáticas ou dinâmicas gratuitamente, sendo ideais para projetos de alunos, portfólios e protótipos de sistemas:
Vercel: ideal para aplicações front-end estáticas e frameworks como Next.js, React, Vue ou Svelte. Possui suporte a CI/CD, deploy via GitHub e preview automático de branches. No plano gratuito, oferece 100 GB de largura de banda por mês, 1 GB de armazenamento e 100 execuções por dia em funções serverless. Acesse: https://vercel.com
GitHub Education (GitHub Pages): oferece acesso a diversas ferramentas gratuitas. Com o GitHub Pages, é possível hospedar sites estáticos diretamente a partir de um repositório. É fácil de subir, mas é muito limitada para frameworks e outras interações. A hospedagem é gratuita e ilimitada para sites estáticos com repositórios públicos, usando até 1 GB de armazenamento por repositório e 100 GB de transferência mensal. Acesse: https://education.github.com
Google Firebase Hosting: proporciona hospedagem segura e rápida para sites estáticos, com suportve a HTTPS, CDN global e integração com os demais serviços do Firebase. É ótimo para integrar com outros serviços da Google, como Google Authentication. O plano gratuito (Spark) inclui 1 GB de armazenamento, 10 GB de transferência por mês e SSL gratuito. Acesse: https://firebase.google.com/products/hosting
Netlify: plataforma semelhante ao Vercel, com deploy automático via Git, suporte a funções serverless e preview de pull requests. Ideal para projetos no estilo JAMstack. O plano gratuito oferece 100 GB de largura de banda por mês, 300 minutos de build mensais, e 125 mil invocações mensais para funções serverless. Acesse: https://www.netlify.com
Surge oferece uma solução muito simples para a hospedagem de sites estáticos, com deploy realizado via linha de comando, sem necessidade de configurar repositórios Git. Excelente para iniciantes. A versão gratuita oferece hospedagem ilimitada de projetos estáticos, com subdomínios .surge.sh e sem limites documentados de largura de banda para uso moderado. Acesse: https://surge.sh
Render (Static Sites) também permite a hospedagem gratuita de sites estáticos, com integração via Git, deploy automático e HTTPS incluído. É uma opção robusta e moderna para projetos web. No plano gratuito, permite até 100 GB/mês de transferência, 0,5 GB de armazenamento, e subdomínio render.com. Acesse: https://render.com
Railway: além de bancos de dados, a Railway permite hospedar aplicações web back-end ou fullstack com deploy automático via GitHub. O plano gratuito oferece US$ 5 por mês de uso gratuito, o que equivale a cerca de 500 horas de uso leve. Inclui suporte a variáveis de ambiente, build automatizado e integração com serviços de dados. Acesse: https://railway.app
Ferramenta para criar domínio
Ferramenta para criar domínio
Registro.br: serviço oficial para registro de domínios com terminações .br, como .com.br, .edu.br, .org.br, entre outros. É mantido pelo NIC.br e oferece uma plataforma simples para consulta, registro e gerenciamento de domínios. Os valores partem de R$ 40,00 por ano, e é possível configurar DNS e redirecionamentos. Acesse: https://registro.br
SEO (Search Engine Optmization)
SEO (Search Engine Optmization)
SEO (Search Engine Optimization) é o conjunto de práticas e técnicas voltadas para melhorar a visibilidade de um site nos mecanismos de busca, como o Google. Um bom SEO ajuda a página a aparecer nas primeiras posições dos resultados de pesquisa, atraindo mais visitantes de forma orgânica (sem anúncios pagos). Isso envolve otimizações técnicas, qualidade do conteúdo, velocidade do site, usabilidade, acessibilidade e outros fatores que influenciam a experiência do usuário e a indexação pelas ferramentas de busca. A seguir, uma seleção de ferramentas gratuitas que auxiliam na análise e melhoria do SEO:
SEO Site Checkup: realiza uma análise completa de SEO em qualquer site, incluindo velocidade, mobile-friendliness, meta tags, uso de palavras-chave e muito mais. Exibe um relatório detalhado com sugestões práticas de melhorias. Acesse: https://seositecheckup.com
Google Analytics: ferramenta gratuita do Google que fornece dados detalhados sobre o tráfego do site, comportamento de usuários, taxas de conversão e outras métricas essenciais para decisões baseadas em dados. Acesse: https://marketingplatform.google.com/about/analytics
BROWSEO: permite visualizar qualquer site como os mecanismos de busca o enxergam, destacando títulos, headings, links e estrutura HTML, ajudando a identificar problemas de rastreabilidade. Acesse: https://www.browseo.net
Copyscape: detecta conteúdo duplicado na internet, essencial para garantir originalidade e evitar penalizações nos rankings do Google por plágio ou conteúdo repetido. Acesse: https://www.copyscape.com
Woorank: fornece uma avaliação geral de SEO, usabilidade, redes sociais e performance técnica. Apresenta um score e lista de recomendações com foco em marketing digital. Acesse: https://www.woorank.com
PageSpeed Insights: ferramenta oficial do Google que mede a velocidade de carregamento de páginas, tanto em dispositivos móveis quanto desktop, com recomendações para otimização de desempenho e acessibilidade. Acesse: https://pagespeed.web.dev
W3C Markup Validator: valida a estrutura HTML e XHTML de uma página, identificando erros de marcação que podem afetar acessibilidade, SEO e compatibilidade entre navegadores. Acesse: https://validator.w3.org
XML Sitemaps Generator: gera automaticamente um sitemap.xml para o seu site, essencial para ajudar mecanismos de busca a entenderem a estrutura e navegabilidade das páginas. Acesse: https://www.xml-sitemaps.com
GTmetrix: analisa a velocidade de carregamento e performance técnica do site com base nas métricas do Google Lighthouse e Web Vitals. Gera relatórios visuais com recomendações detalhadas. Acesse: https://gtmetrix.com
Pingdom Tools: permite testar o tempo de carregamento do site a partir de diferentes regiões do mundo, identificando gargalos de performance e recursos que afetam a velocidade. Acesse: https://tools.pingdom.com
Banco de dados
Banco de dados
MongoDB Atlas (Cloud): oferece até 512 MB gratuitos para a criação de bancos de dados NoSQL (documentos), ideal para aplicações modernas que utilizam JSON como estrutura de dados. Acesse: https://www.mongodb.com/cloud/atlas
Elastic Cloud: permite a criação gratuita de um cluster com 200 MB para teste com o Elasticsearch, útil para dados não estruturados e análise de logs, textos e buscas em tempo real. Acesse: https://www.elastic.co/cloud
DataStax Astra DB: banco Cassandra como serviço, com um plano gratuito de até 80 GB de armazenamento. Cassandra é um banco NoSQL distribuído, excelente para escalabilidade horizontal. Acesse: https://www.datastax.com/astra
Oracle Cloud Free Tier: oferece um plano gratuito com 2 bancos de dados autônomos (até 20 GB cada) e suporte a SQL e PL/SQL, ideal para praticar com bancos de dados relacionais corporativos. Acesse: https://www.oracle.com/cloud/free
Railway: permite criar instâncias PostgreSQL em segundos, com plano gratuito que inclui até 500 horas/mês e 1 GB de armazenamento por projeto. Ideal para testes e protótipos rápidos. Acesse: https://railway.app
Render: oferece PostgreSQL gerenciado gratuito com 512 MB de armazenamento, ótimo para projetos de pequeno porte e aprendizado. Acesse: https://render.com
Postgres x MySQL - Caso Uber: neste artigo, os engenheiros de software da Uber exploram algumas das desvantagens que encontraram com o Postgres e explicam a decisão de construir Schemaless e outros serviços de backend sobre o MySQL para adaptação de um backend em microsserviços.
APIs
APIs
Ferramentas Online Gratuitas para Prática de Bancos de Dados
Ferramentas Online Gratuitas para Prática de Bancos de Dados
Para auxiliar no desenvolvimento, teste e documentação de APIs RESTful, seguem abaixo algumas ferramentas gratuitas úteis para estudantes e desenvolvedores:
Postman: plataforma completa para desenvolvimento, testes e colaboração em APIs. Possui versão online, aplicativo de desktop e plugin para VSCode, permitindo que equipes compartilhem requisições, coleções e testes. Acesse: https://www.postman.com
Bruno: ferramenta open source para desktop focada em testes de APIs REST. Tem funcionalidades muito semelhantes ao Postman, mas não possui versão online. Acesse: https://github.com/usebruno/bruno
Insomnia: alternativa ao Postman, também voltada para testes de APIs, com destaque para uma interface escura moderna e suporte a ambientes e variáveis. Acesse: https://insomnia.rest
Swagger (Swagger UI): ferramenta que permite documentar APIs automaticamente a partir de especificações OpenAPI, oferecendo uma interface interativa onde é possível testar requisições diretamente. Acesse: https://swagger.io/tools/swagger-ui
Ferramentas para criar fake APIs
Ferramentas para criar fake APIs
Para simular APIs pode utilizar as ferramentas abaixo:
strapi.io: (+indicada) Permite construir API e modelagem de dados de forma simples. É mais customizável que as outras ferramentas. Tem uma interface Cloud que facilita a criação e manutenção dos endpoints. https://strapi.io/cloud
Dica rápida para criar: npx create-strapi-app@latest my-mock-api --quickstart
jsonplaceholder: Rotas fáceis com dados mockados para posts, comments, albums, photos, tasks (to do) e users. Ainda é possível usar todos os métodos HTTP. Ferramenta ótima para testar. Segue o guia: https://jsonplaceholder.typicode.com/guide/
reqres: Bem fácil de usar. Já tem os endpoints prontos para Usuários e alguns de redes sociais. https://reqres.in/
Surveys Stackoverflow
Surveys Stackoverflow
Quais as tecnologias mais usadas no desenvolvimento de software? Quanto ganha um profissional de acordo com a linguagem de programação? Como as pessoas estão usando as ferramentas de IA? Essas e outras perguntas são levantadas nesse survey anualmente, que é muito interessante para profissionais da área.
Survey Stackoverflow 2024: Em maio de 2024, mais de 65.000 desenvolvedores responderam à pesquisa anual sobre programação, as tecnologias e ferramentas que usam e querem aprender, IA e a experiência dos desenvolvedores no trabalho.
Achou algo errado ou quer contribuir com um novo item?
Envie um e-mail com a sugestão ou correção: lana.mesquita@ufc.br .
Muito obrigada por colaborar. 🙂↕️
Page updated
Google Sites
Report abuse