O que é Bootstrap e quando devo usá-lo?

O software livre e de código aberto nos oferece várias alternativas para muitas coisas. Isso torna difícil saber qual é o melhor para usar. Vamos começar dizendo que se você não precisa de um site você não precisa saber o que é Bootstrap e quando deve ser usado.

Antigamente, para fazer um site você poderia se dar bem com um bloco de notas ou até mesmo um processador de texto, mas como vocêe as páginas ganhavam em interatividade e o conteúdo precisava ser atualizado com mais frequência, tornou-se necessário o uso de novas ferramentas para criá-los.

O que é Bootstrap e quando devo usá-lo?

Por um lado, surgiram editores visuais como Macromedia (mais tarde Adobe) Dreamweaver, que permitiam escrever código e editar visualmente o conteúdo. No Linux tínhamos ferramentas como Kompozer ou NVU que, embora não tivessem as mesmas funcionalidades, facilitavam bastante a tarefa.

Se você era bom em escrever código, não faltavam ferramentas. Anjuta ou Eclipse eram ambientes de desenvolvimento ideais para programadores experientes.

Com o tempo, os gerenciadores de conteúdo apareceram como WordPress Drupal o Joomla.  Esse tipo de software possibilitou desconsiderar a escrita de código para focar na criação de conteúdo.. Acabaram por ser a alternativa ideal para locais como Linux Adictos em que diversos autores atualizam constantemente o conteúdo.

Deixe-me explicar isso um pouco.

Do ponto de vista da codificação, uma página web inclui:

• Tipo de documento: Ele informa ao navegador qual versão do HTML está sendo usada.
• Recipiente HTML: Ele informa ao navegador o início e o fim do documento HTML e pode incluir informações adicionais, como o idioma.
• Recipiente de cabeça: Inclui informações úteis para o navegador e motores de busca, como o título da página, o autor, uma breve descrição do conteúdo e uma lista de termos relevantes. Além disso, informa ao navegador onde encontrar instruções sobre como renderizar o conteúdo na tela.
• Corpo do Recipiente: Aqui vai todo o conteúdo que o usuário verá no navegador.
• Declaração de roteiro: Ele informa ao navegador onde encontrar instruções em determinadas linguagens de programação, como Javascript ou PHP, que permitem adicionar interatividade ou enviar formulários por correio.

As diferentes partes de um documento dentro do contêiner Body são:

• Cabeçalho: É aqui que o título do site é exibido. Pode conter o logotipo, links, barra de navegação ou outras informações importantes.
• Navegação: Este container é usado para criar um menu de navegação que dá acesso às principais partes do site.
• Artigo: O nome é bastante descritivo da função. É usado para diferenciar diferentes tópicos em uma página da web. Por exemplo, este post que segue na página principal do Linux Adictos.
• Seção: Separe as diferentes partes de um artigo.
• A parte, de lado: Agrupa o conteúdo exibido na lateral da página.
• Rodapé: Mostra as informações na parte inferior da página. É frequentemente usado para exibir informações como direções, links para outros sites e repetir o menu.

Existem recipientes para marcar diferentes partes do texto como h (1 a 6) op que indicam títulos e parágrafos respectivamente.

Se não houvesse gerenciadores de conteúdo, cada vez que os autores de Linux Adictos Gostaríamos de publicar um artigo, teríamos que reescrever todo o código da página do zero.  Além disso, devemos atualizar manualmente a ordem da página principal e a lista de artigos por categoria.

E, se os administradores fizessem um redesenho ou surgisse um novo tamanho de tela, seria necessário atualizar as folhas de estilo.

O problema dos gerenciadores de conteúdo

Embora os gerenciadores de conteúdo sejam ideais nas condições que mencionamos, são um desperdício de recursos no caso de sites pouco atualizados, como sites corporativos ou informativos com poucas alterações.  Por outro lado, incluem a utilização de bases de dados e a sua popularidade faz com que sejam alvo de ataques frequentes, o que obriga à sua atualização.

No caso particular do WordPress, na minha opinião está se tornando bloatware. Cada vez mais temas exigem a instalação de complementos que, em muitos casos, cumprem a mesma função dos que você já instalou. E, a maioria dos melhores benefícios estão sob o método de pagamento. E, eles não são exatamente baratos.

É aqui que os frameworks de código aberto como o Bootstrap são úteis.  Pense no Bootstrap como uma caixa de peças de Lego que, em vez de construir coisas, são usadas para construir sites que se adaptam facilmente a todos os tamanhos de tela. Você não precisa reinventar a roda, pois ela vem com quase tudo que você precisa, como botões, ícones e temas. Mas, ao mesmo tempo, você tem flexibilidade para que seus designs não se pareçam com os outros.

No próximo artigo veremos como usá-lo.