Como centralizar uma div?

Aviso: IA foi usada para traduzir este texto do original escrito em English aqui

Um tópico comum de discussão e meme entre desenvolvedores web é como centralizar uma div. Com o passar dos anos e agora que a IA domina a internet, decidi usar IA para criar um desafio pessoal com o objetivo de me introduzir a diferentes linguagens de programação de UI e plataformas-alvo

Com IA posso aprender mais coisas

Explique de uma forma diferente, você pode ter perguntado isso para uma IA. Quando se trata de código, a IA pode construir aplicações inteiras, mas mais importante ainda, ela pode explicar assuntos complexos em várias perspectivas diferentes, o que ajuda muito quando estamos aprendendo algo novo. E acredito que ainda preciso entender a arquitetura de um projeto para guiar completamente a IA na construção de código para mim, caso contrário, corro o risco de entrar em loops de erro sem solução, o artesão ainda precisa dominar seu ofício.

Não é só sobre IA

É sobre usar IA para aprender novas linguagens de programação, novas plataformas-alvo e, por fim, sair da minha bolha centrada na web. Não vou dominar completamente cada uma dessas plataformas, mas vou me apresentar a elas e, espero, aprender lições valiosas dessa experiência que posso usar para construir UIs de alta qualidade - no final, posso até valorizar mais a importância da web

O Plano

O plano é me introduzir em todas as principais plataformas:

Mantendo o escopo pequeno sem mergulhar muito fundo no buraco do hábito

Originalmente pensei que seria uma tarefa fácil, mas depois de completar o desafio no iOS com Swift UIKit, me aprofundei demais nos detalhes do Flutter, sua natureza multi-plataforma e minha experiência anterior com React Native me fez questionar seus internos e perdi o foco do meu objetivo original que é simplesmente "centralizar uma div"

Isso me fez perceber que se quero terminar este desafio, preciso seguir o plano e reduzir o escopo para primeiro atingir o objetivo, e quando for hora de compartilhar o que aprendi, preciso entender mais sobre a plataforma e seus internos para explicar em mais detalhes, mas devo fazer isso com cautela porque posso me prender em detalhes e criar uma experiência de aprendizado avassaladora, interface gráfica como conhecemos hoje é uma ciência de mais de 50 anos e não vou compreender tudo facilmente para explicar um único framework GUI

Seguindo em frente

Decidi que vou escrever sobre a experiência no meu blog, isso deve me ajudar a seguir o plano porque escrever ajuda muito a organizar o conhecimento, este é o primeiro artigo, meio que explicando a jornada até agora e acredito que devo estar escrevendo sobre Swift UIKit e Flutter em breve

Vou terminar com um post no blog que explica o desafio e links para cada plataforma e linguagem explicando "como centralizar uma div" nessas plataformas e deve ser um projeto de descoberta divertido

Saindo da bolha web

Devo dizer que acredito que GUIs são o futuro, porque são o ponto de entrada dos humanos para o mundo digital e computação, minha motivação final é entender GUIs como um desafio abstrato da ciência da computação, não quero passar minha vida preso nos desafios da plataforma web com CSS, quero entender o que faz uma UI, os princípios fundamentais que tornam todas as UIs possíveis, como cada plataforma aborda esse desafio fundamental e assim por diante.

Obrigado por ler

Se você gostou do desafio ou está curioso, pode me encontrar no 𝕏 em @imfelquis, me pergunte qualquer coisa, também tenho um email na minha página 404, vamos manter contato e nos conectar, confira minha lista de links para outros links de redes sociais.