Como usuário, sempre me entusiasmei com a tecnologia, mas desta vez quis explorar mais a fundo. Então, resolvi descobrir como são criados sites, aplicativos ou plataformas que usamos diariamente. Essas ferramentas nos ajudam nas tarefas em casa, no trabalho ou simplesmente para entretenimento. É emocionante ver que, a partir de linhas de código, você pode dar vida a algo. Então, decidi aprender desenvolvimento web por conta própria.

Tenho aprendido por meio de tutoriais online, documentação HTML e CSS de sites como W3schools e Pluralsight, que descobri ter muitas informações para iniciantes. Nesses sites encontrei explicações, fundamentos e considerações que precisam ser consideradas ao iniciar esse caminho, como o uso correto dos elementos HTML, tornar nosso código acessível, responsividade e como escrever nosso código da melhor maneira possível. .

Usando o Flexbox para criar um layout responsivo

Existem várias maneiras de criar layouts e, para este exemplo, decidi aprender a usar o Flexbox. Acho que é uma tecnologia CSS rápida e fácil de aprender e permite criar um layout responsivo com apenas algumas linhas de código. O importante é entender como os elementos estão alinhados e justificados dentro dos containers. Depois de entendê-lo, será mais fácil colocar os componentes de acordo com o projeto.

Pensando em acessibilidade desde o início

Este é um tema que eu realmente gosto, e é porque como criadores de software, devemos garantir que o que estamos criando (aplicativos, sites, plataformas, etc.) seja inclusivo. O que quero dizer com isso? Não se trata apenas de escrever linhas de código e fazer o produto funcionar. Devemos considerar que existem pessoas que precisam de nossa ajuda para entender o produto ou serviço que desejam navegar, pessoas que precisam de tecnologia assistiva como os leitores de tela.

E isso começa com a escrita do código, que deve ser simples, compreensível e capaz de transmitir o significado de nossos serviços a todos os usuários, para que possam interagir com nossas interfaces do início ao fim sem nenhum problema. Você já experimentou navegar em seu site ou plataforma usando apenas o teclado? Sem usar um mouse? Ou você usou um leitor de tela? Você viu como este leitor descreve ao usuário o código que você escreveu anteriormente? Convido você a fazê-lo. Usei um leitor de tela depois de terminar o layout, e foi muito interessante. Isso me deu uma nova perspectiva e faz você pensar sobre como é importante escrever um bom código e torná-lo o mais descritivo possível.

Algumas das maneiras que aprendi a tornar o código acessível incluem o uso dos elementos HTML corretos em vez de divs, tornando os textos representativos da imagem mais descritivos, usando áudio, legendas, contraste de cores (você pode usar paletas de cores). Falarei mais sobre paletas de cores mais adiante. Por enquanto, foi isso que aprendi e implementei.

Em resumo, acredito que a tecnologia deve ser uma aliada das pessoas, algo que nos ajude a resolver os desafios do dia a dia, algo que facilite nossas tarefas, não algo que limite, exclua ou coloque barreiras. Então, estou animado para continuar aprendendo e fornecendo soluções para o futuro.