Forem: Josimar Costa

Construindo uma rede social de estudos com IA: desafios e aprendizados

Josimar Costa — Sun, 12 Apr 2026 21:20:18 +0000

Criar uma plataforma de estudos já é desafiador. Criar uma rede social focada em aprendizado, com integração de inteligência artificial, leva esse desafio para outro nível.

O Enturmando nasceu com uma proposta simples: conectar estudantes. Mas evoluiu para algo maior — um ambiente onde tecnologia e colaboração se unem para melhorar a forma como as pessoas aprendem.

Acessar: https://enturmando.com.br

Neste post, compartilho alguns dos principais desafios que enfrentei ao desenvolver a plataforma e como a IA se tornou peça central nessa jornada.

🧩 O desafio: manter o foco em um ambiente social

Redes sociais são, por natureza, distraentes.

Então a pergunta foi: como criar uma rede social que incentive o foco, e não o contrário?

A solução não foi apenas limitar funcionalidades, mas redesenhar a experiência:

Interações com propósito (discussões, dúvidas, compartilhamento de conteúdo)

Menos estímulos irrelevantes

Ferramentas que incentivam produtividade

🤖 IA como camada de produtividade

A inteligência artificial não foi pensada como “feature de marketing”, mas como infraestrutura de aprendizado.

Algumas decisões importantes:

IA integrada diretamente no fluxo de estudo (não separada)

Respostas rápidas e objetivas (evitando excesso de informação)

Ferramentas práticas, não apenas conversacionais

Hoje, a IA no Enturmando resolve problemas reais do estudante:

Geração de planos de estudo personalizados

Resumos automáticos de conteúdos

Criação de flashcards para revisão ativa

Mapas mentais para organização do conhecimento

Simulados para validação de aprendizado

Correção de redações com feedback imediato

⚙️ Desafios técnicos

Alguns dos principais desafios no desenvolvimento:

Performance vs. custo de IA Chamadas a modelos podem ser caras e lentas. Foi necessário:

Otimizar prompts

Reduzir chamadas desnecessárias

Pensar em cache e reaproveitamento

Experiência do usuário IA pode ser poderosa, mas também confusa. Então:

Interfaces simples foram prioridade

Evitei expor complexidade técnica

Foco em “1 clique = resultado útil”

Contexto e personalização A IA só é útil se entender o usuário:

Histórico de estudos

Objetivos

Nível de conhecimento

📈 O maior aprendizado

O maior insight foi simples:

IA não substitui o estudo. Ela potencializa quem já quer aprender.

Ferramentas só funcionam quando reduzem fricção.
Se a IA complica, ela falha.

🚀 Próximos passos

Ainda há muito a evoluir:

Melhor personalização com base em comportamento

Recomendações inteligentes de conteúdo

Maior integração entre comunidade e IA

💬 Conclusão

Construir o Enturmando tem sido um exercício constante de equilíbrio entre:

social vs. foco

tecnologia vs. simplicidade

automação vs. controle do usuário

Acredito que o futuro da educação passa por isso:
plataformas que unem pessoas + inteligência artificial de forma prática.

Entendendo e Implementando o Scroll Infinito com JavaScript

Josimar Costa — Mon, 22 Jul 2024 16:01:44 +0000

O que é Scroll Infinito?

Você já deve ter visto sites como lojas online em que ao descer a página os produtos vão aparecendo de forma continua. Outro exemplo é o do endless.horse, ele pode parecer simples mas é um excelente exemplo para demonstrar a funcionalidade do "Scrolls infinito". Ao acessar o site, você vê um cavalo, mas ao rolar a página para baixo, percebe que as pernas do cavalo continuam a crescer indefinidamente, e nunca se chega aos pés do cavalo.

Implementando Scroll Infinito

Esta funcionalidade é amplamente utilizada no desenvolvimento moderno. Podemos ver o scroll infinito em ação nas principais redes sociais, como Twitter, Facebook e especialmente no Instagram, onde o conteúdo parece nunca acabar à medida que rolamos a página.

Neste artigo, vou demonstrar uma implementação básica dessa funcionalidade. No entanto, esta abordagem não aborda questões como problemas com consultas demoradas, implementação de cache e outras soluções necessárias para aplicações em produção. Ainda assim, este é um ponto de partida para entender como podemos implementar esse recurso.

Passo 1: Decida onde adicionar a funcionalidade de scroll infinito

Primeiro, decida onde você vai adicionar a funcionalidade de scroll infinito. Será uma lista de postagens ou de imagens? Também será necessário decidir de onde virão os dados. Para este exemplo, vamos usar imagens de uma API básica, o Random Fox API.

Passo 2: Crie seu arquivo HTML

Crie o arquivo HTML e inclua um contêiner para suas imagens de raposas aleatórias.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fox Images</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 class="header">Fox Images</h1>
<div class="container"></div>
<script src="script.js"></script>
</body>
</html>

Passo 3: Crie seu arquivo CSS

Para este exemplo, manteremos a folha de estilos bem simples.

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.header {
  font-size: 32px;
  color: black;
  text-align: center;
  font-family: Verdana, sans-serif;
}

img {
  width: 400px;
  height: 400px;
  margin: 4px;
  object-fit: cover;
}

Passo 4: Crie seu arquivo JavaScript

Selecione o contêiner e pegue a URL da Random Fox API. Não se esqueça de linkar seus arquivos JavaScript e CSS no HTML.

const container = document.querySelector('.container');
const URL = "https://randomfox.ca/images/";

function getRandomNumber() {
  return Math.floor(Math.random() * 100);
}

function loadImages(numImages = 6) {
  let i = 0;
  while (i < numImages) {
    const img = document.createElement('img');
    img.src = `${URL}${getRandomNumber()}.jpg`;
    container.appendChild(img);
    i++;
  }
}

loadImages();

Passo 5: Adicione o Evento de Scroll

Para implementar a funcionalidade de scroll infinito, adicione este event listener:

window.addEventListener('scroll', () => {
  if (window.scrollY + window.innerHeight >= document.documentElement.scrollHeight) {
    loadImages();
  }
});

Se a soma de scrollY e innerHeight for maior ou igual a scrollHeight, significa que chegamos ao fim do documento e, portanto, precisamos carregar mais imagens.

Conclusão

Sua página agora deve estar funcional com a técnica de scroll infinito. Aqui está um desafio para você: tente refazer este projeto usando uma outra API de sua escolha, implemente também algum estilo mais elaborado para exibir seus items. Boa sorte!

Aprimorando suas habilidades com Git e GitHub

Josimar Costa — Sun, 21 Jul 2024 14:00:33 +0000

Este artigo para iniciantes aborda comandos e conceitos que são essenciais para desenvolvedores que desejam elevar seu nível de programação utilizando um sistema de controle de versão.

Primeiramente iremos entender o que é o GIT e o GITHUB:

Git é um sistema de controle de versão distribuído que permite aos desenvolvedores rastrear e gerenciar alterações no código-fonte ao longo do tempo. Ele foi criado por Linus Torvalds em 2005 para ajudar na coordenação do desenvolvimento do kernel do Linux. Aqui estão alguns conceitos chave sobre o Git:

Controle de Versão Distribuído: Cada desenvolvedor tem uma cópia completa do repositório, incluindo todo o histórico de alterações, em sua máquina local.
Snapshots: Ao invés de armazenar diferenças entre versões, o Git armazena uma "foto" completa de cada versão do código, o que facilita a restauração de estados anteriores.
Branching e Merging: Git permite criar ramificações (branches) para trabalhar em funcionalidades ou correções de bugs de forma isolada, e depois mesclá-las (merge) de volta ao ramo principal.
Staging Area: Antes de confirmar alterações (commits), elas são adicionadas a uma área intermediária chamada de área de staging, permitindo um controle granular sobre quais mudanças serão incluídas no commit.

GitHub é uma plataforma de hospedagem de código-fonte baseada na web que utiliza o Git como sistema de controle de versão. Ela oferece uma série de funcionalidades adicionais que facilitam a colaboração e o gerenciamento de projetos de software:

Repositórios Remotos: GitHub permite que desenvolvedores hospedem repositórios Git na nuvem, facilitando o acesso e a colaboração de qualquer lugar.
Forking: Usuários podem criar uma cópia de um repositório (fork) para realizar mudanças sem afetar o repositório original.
Pull Requests: Um pull request é uma proposta de integração de mudanças de um repositório forkado ou de uma ramificação para outro, permitindo revisões de código e discussões antes de mesclar as mudanças.
Issues e Projetos: GitHub oferece ferramentas para rastreamento de bugs, solicitações de funcionalidades e gerenciamento de tarefas através de issues e projetos.
Integrações e Actions: GitHub Actions permite a automação de fluxos de trabalho, como integração contínua e entrega contínua (CI/CD), diretamente no repositório.

Agora que já entendemos o que é cada um desses elementos vamos conhecer um pouco dos principais conceitos e comandos utilizados na manipulação deles.

Configurações do Git:

git config é usado para ajustar as configurações do Git, tanto a nível global quanto local.

  git config --global user.name "Seu Nome"
  git config --global user.email "seu.email@example.com"

Status e Área de Staging:

git status exibe o estado do diretório de trabalho e da área de staging, mostrando quais mudanças foram ou não preparadas para commit.
A área de staging é um espaço intermediário onde você pode preparar mudanças antes de confirmar.

  git add <arquivo>
  git commit -m "mensagem"

Commits e Push:

git commit captura um snapshot das mudanças atualmente preparadas.
git push envia o conteúdo do repositório local para um repositório remoto, geralmente no GitHub.

  git push origin main

Branches e Merges:

git branch permite criar e gerenciar ramificações no seu projeto.
git merge integra linhas de desenvolvimento independentes.

  git branch nome_da_branch
  git checkout -b nome_da_branch
  git merge nome_da_branch

Pull Requests e Resolução de Conflitos:

Um pull request é uma proposta de integração de mudanças de uma ramificação para outra, facilitando a revisão e discussão das alterações.
Conflitos de merge ocorrem quando alterações diferentes são feitas na mesma linha de um arquivo ou quando um arquivo editado por uma pessoa é excluído por outra. É necessário resolver todos os conflitos antes de concluir um merge.

Revertendo Alterações:

git reset é uma ferramenta versátil para desfazer mudanças, com três modos principais: --soft, --mixed e --hard.

  git reset --soft
  git reset --mixed
  git reset --hard

Clonando e Atualizando Repositórios:

git pull busca e baixa conteúdo de um repositório remoto, atualizando imediatamente o repositório local para corresponder a esse conteúdo.
git clone cria uma cópia de um repositório existente.

  git pull nome_do_repositorio
  git clone nome_do_repositorio

Este artigo oferece as ferramentas e conhecimentos necessários para aprimorar seu uso do Git e GitHub, tornando-o um desenvolvedor mais eficiente e eficaz. Pratique regularmente para dominar esses conceitos e comandos.

A Relação Entre Processos Ruins e o Desenvolvimento de Sistemas Ineficazes

Josimar Costa — Wed, 17 Jul 2024 14:10:11 +0000

Introdução

Em muitas organizações, a implementação de novos sistemas tecnológicos é vista como uma solução mágica para diversos problemas operacionais. No entanto, a realidade é que sistemas de tecnologia, por mais avançados que sejam, não conseguem agregar valor a uma organização cujos processos internos estão falhos ou mal estruturados. A relação entre processos ruins e o desenvolvimento de sistemas ineficazes é intrínseca e pode levar a um ciclo de frustração, desperdício de recursos e falta de melhoria real.

Análise da Situação

Processos Ineficientes e Falhas na Implementação de Sistemas

Quando uma organização possui processos internos deficientes, a tentativa de automatizá-los ou melhorá-los com a implementação de novos sistemas tecnológicos pode amplificar os problemas existentes. Um processo mal definido, quando automatizado, simplesmente realiza uma má prática de maneira mais rápida e consistente, mas não resolve a raiz do problema.

Falta de Alinhamento entre Negócio e Tecnologia

Em muitas organizações, há uma desconexão significativa entre as áreas de negócio e a equipe de TI. As necessidades reais do negócio podem não ser compreendidas corretamente pelos desenvolvedores de sistemas, resultando em soluções que não atendem às demandas operacionais ou estratégicas da empresa.

Resistência à Mudança

Processos ruins frequentemente estão enraizados na cultura organizacional. A mudança para novos sistemas muitas vezes enfrenta resistência dos funcionários, que podem estar acostumados com os métodos antigos, apesar de suas ineficiências. Sem uma mudança cultural e um engajamento adequado dos funcionários, a implementação de novos sistemas pode falhar.

Exemplo Prático

Considere uma empresa de logística que enfrenta problemas de atraso na entrega de produtos. A solução imediata poderia parecer a implementação de um novo sistema de gerenciamento de entregas. No entanto, se os processos de planejamento de rotas, gestão de estoque e comunicação com motoristas estiverem falhos, o novo sistema apenas digitalizará esses problemas, sem realmente melhorar a eficiência das entregas.

Como lidar com esta questão

Para garantir que o desenvolvimento de novos sistemas realmente agregue valor, é crucial primeiro melhorar os processos internos. A seguir, uma linha de ação sugerida:

Avaliação e Mapeamento de Processos

Realize uma avaliação completa dos processos internos existentes. Identifique pontos de ineficiência, gargalos e redundâncias. Utilize metodologias como mapeamento de processos e análise SWOT para ter uma visão clara das áreas que precisam de melhoria.

Reengenharia de Processos

Com base na avaliação, redesenhe os processos internos para torná-los mais eficientes e alinhados com os objetivos estratégicos da organização. A reengenharia de processos pode incluir a simplificação de etapas, a eliminação de atividades redundantes e a redefinição de responsabilidades.

Engajamento dos Stakeholders

Envolva todos os stakeholders relevantes no processo de melhoria. Isso inclui desde a alta gestão até os funcionários que executam os processos no dia a dia. O engajamento é essencial para garantir que as mudanças sejam compreendidas e aceitas por todos.

Treinamento e Desenvolvimento

Ofereça treinamento adequado aos funcionários sobre os novos processos e, eventualmente, sobre os novos sistemas a serem implementados. Um bom programa de capacitação pode reduzir a resistência à mudança e aumentar a eficiência operacional.

Implementação de Sistemas

Com os processos internos bem definidos e otimizados, a implementação de novos sistemas pode ser realizada de forma mais eficaz. Os sistemas devem ser desenvolvidos ou escolhidos com base nas necessidades específicas dos novos processos, garantindo que agreguem valor real à organização.

Monitoramento e Melhoria Contínua

Após a implementação dos novos sistemas, estabeleça um processo de monitoramento contínuo para avaliar o desempenho e identificar áreas para melhorias futuras. A melhoria contínua deve ser um componente central da cultura organizacional.

Conclusão

Melhorar processos internos antes de desenvolver sistemas é uma abordagem estratégica que pode transformar a eficiência e a eficácia de uma organização. Ao focar primeiro na otimização dos processos, as organizações podem garantir que os sistemas implementados realmente agreguem valor e conduzam a melhorias sustentáveis e significativas.

A Síndrome do Impostor na Programação: Quando o Sucesso Parece uma Fraude

Josimar Costa — Wed, 05 Jun 2024 09:27:01 +0000

A Síndrome do Impostor é um fenômeno psicológico que afeta muitos estudantes e profissionais da programação, gerando sentimentos de inadequação e dúvida sobre suas próprias habilidades. É comum sentir que suas conquistas são resultado de sorte ou de engano, ao invés de mérito próprio.

Causas da Síndrome do Impostor

Pressão por Conhecimento Constante: A necessidade de estar sempre atualizado com as novas tecnologias pode ser esmagadora.
Comparação com Outros: Comparar-se constantemente com colegas pode levar à sensação de não estar à altura.
Medo de Falhar: O medo de cometer erros ou falhar em projetos pode paralisar.
Falta de Reconhecimento: A ausência de feedback positivo pode reforçar a sensação de inadequação.

Esses fatores podem resultar em burnout, baixa autoestima e evitação de novos desafios.

Dicas para Superar a Síndrome do Impostor

Reconheça Seus Sentimentos: Entender que é comum sentir-se como um impostor é o primeiro passo para superá-los. Aceite esses sentimentos sem se deixar dominar por eles.
Compartilhe com Colegas: Falar sobre suas inseguranças com outros desenvolvedores pode ser extremamente reconfortante. Muitas pessoas na área passam ou passaram por isso.
Estabeleça Metas Realistas: Definir metas alcançáveis e celebrar cada conquista, por menor que seja, ajuda a construir confiança ao longo do tempo.
Aprenda com seus Erros: Encarar os erros como oportunidades de aprendizado, e não como falhas, é crucial para o crescimento profissional.
Busque Orientação: Ter um mentor pode fornecer a perspectiva e o apoio necessários para enxergar seu progresso e suas habilidades de forma mais clara.
Pratique Autocompaixão: Seja gentil consigo mesmo. Todos cometem erros e isso faz parte do processo de aprendizado e crescimento.

Conclusão

Enfrentar a Síndrome do Impostor é essencial para o sucesso e bem-estar na carreira de programação. Lembre-se de que suas habilidades são valiosas, independentemente dos desafios enfrentados. Acredite em si mesmo e continue avançando – você é mais capaz do que imagina!

Configurando Ferramentas de Desenvolvimento no Ubuntu em ambiente corporativo

Josimar Costa — Wed, 22 May 2024 17:18:29 +0000

Neste tutorial, para ambientes que rodam atrás de um proxy corporativo. Esse guia é especialmente útil para desenvolvedores que trabalham em ambientes corporativos com restrições de rede.Vamos passar por um processo detalhado de configuração de certificados,proxy, Docker e outras ferramentas essenciais no Ubuntu 22.04

Adicionando Certificados

Primeiro, precisamos adicionar certificados à nossa máquina.

Passo 1: Instalar `ca-certificates`

sudo apt-get install -y ca-certificates

Passo 2: Baixar e Copiar o certificado padrão do seu ambiente corporativo, copie o certificado para o diretório correto:

sudo cp ssl_ca.crt /usr/local/share/ca-certificates/ssl_ca.crt

Passo 3: Atualizar os Certificados

sudo update-ca-certificates

Configurando o Proxy

Passo 1: Editar o Arquivo `/etc/environment`

Adicione as seguintes linhas no arquivo:

export http_proxy="username:password@<proxy-url>:<proxy-port>"
export https_proxy="username:password@<proxy-url>:<proxy-port>"
export no_proxy="127.0.0.1"

Passo 2: Ativar o Proxy

source /etc/environment

Passo 3: Editar o Arquivo `/etc/apt/apt.conf.d/proxy.conf`

Adicione as linhas abaixo:

Acquire::http::Proxy "http://username:password@<proxy-url>:<proxy-port>";
Acquire::https::Proxy "https://username:password@<proxy-url>:<proxy-port>";

Passo 4: Atualizar o Sistema Operacional

sudo apt-get update

Instalando Docker e Docker Compose

Passo 1: Remover Versões Anteriores

sudo apt-get remove docker docker-engine docker.io
sudo apt-get update

Passo 2: Adicionar a Chave GPG Oficial do Docker

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg

Passo 3: Adicionar Repositório do Docker no APT

sudo add-apt-repository \
   "deb [arch=amd64] https://download.docker.com/linux/ubuntu \
   $(lsb_release -cs) \
   stable"
sudo apt-get update

Passo 4: Instalar o Docker

sudo apt-get install docker-ce

Passo 5: Configurar Docker para Executar sem `sudo`

sudo usermod -aG docker ${USER}

Passo 6: Configurar Proxy para o Docker

Crie o diretório docker.service.d:

sudo mkdir -p /etc/systemd/system/docker.service.d

Crie o arquivo http-proxy.conf:

sudo touch /etc/systemd/system/docker.service.d/http-proxy.conf

Adicione as linhas abaixo no arquivo criado:

[Service]
Environment="HTTP_PROXY=http://usuario:senha@<proxy-url>:<proxy-port>"
Environment="HTTPS_PROXY=http://usuario:senha@<proxy-url>:<proxy-port>"

Reinicie o Docker para carregar o proxy:

sudo systemctl daemon-reload
sudo systemctl restart docker

Passo 7: Instalar Docker Compose

sudo curl -L "https://github.com/docker/compose/releases/download/1.15.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose

Configurar Proxy para npm

Execute os seguintes comandos:

npm config set strict-ssl false
npm set proxy http://username:password@<proxy-url>:<proxy-port>
npm set https-proxy http://username:password@<proxy-url>:<proxy-port>

Configurar Proxy para Git

git config --global http.proxy http://username:password@<proxy-url>:<proxy-port>

Seguindo esses passos, você terá configurado adequadamente certificados, proxy, Docker, Docker Compose e outras ferramentas de desenvolvimento no Ubuntu. Este guia deve ajudar a garantir que seu ambiente de desenvolvimento esteja pronto para uso em um cenário corporativo.

Forem: Josimar Costa

Construindo uma rede social de estudos com IA: desafios e aprendizados

Entendendo e Implementando o Scroll Infinito com JavaScript

O que é Scroll Infinito?

Implementando Scroll Infinito

Passo 1: Decida onde adicionar a funcionalidade de scroll infinito

Passo 2: Crie seu arquivo HTML

Passo 3: Crie seu arquivo CSS

Passo 4: Crie seu arquivo JavaScript

Passo 5: Adicione o Evento de Scroll

Conclusão

Aprimorando suas habilidades com Git e GitHub

A Relação Entre Processos Ruins e o Desenvolvimento de Sistemas Ineficazes

Introdução

Análise da Situação

Exemplo Prático

Como lidar com esta questão

Conclusão

A Síndrome do Impostor na Programação: Quando o Sucesso Parece uma Fraude

Causas da Síndrome do Impostor

Dicas para Superar a Síndrome do Impostor

Conclusão

Configurando Ferramentas de Desenvolvimento no Ubuntu em ambiente corporativo

Adicionando Certificados

Passo 1: Instalar ca-certificates

Passo 2: Baixar e Copiar o certificado padrão do seu ambiente corporativo, copie o certificado para o diretório correto:

Passo 3: Atualizar os Certificados

Configurando o Proxy

Passo 1: Editar o Arquivo /etc/environment

Passo 2: Ativar o Proxy

Passo 3: Editar o Arquivo /etc/apt/apt.conf.d/proxy.conf

Passo 4: Atualizar o Sistema Operacional

Instalando Docker e Docker Compose

Passo 1: Remover Versões Anteriores

Passo 2: Adicionar a Chave GPG Oficial do Docker

Passo 3: Adicionar Repositório do Docker no APT

Passo 4: Instalar o Docker

Passo 5: Configurar Docker para Executar sem sudo

Passo 6: Configurar Proxy para o Docker

Passo 7: Instalar Docker Compose

Configurar Proxy para npm

Configurar Proxy para Git

Passo 1: Instalar `ca-certificates`

Passo 1: Editar o Arquivo `/etc/environment`

Passo 3: Editar o Arquivo `/etc/apt/apt.conf.d/proxy.conf`

Passo 5: Configurar Docker para Executar sem `sudo`