Bootstrap: por onde começar?
Alguns motivos para você usá-lo no seu projeto
O que é o Bootstrap?
“Bootstrap é um framework web com código-fonte aberto para desenvolvimento de componentes de interface e front-end para sites e aplicações web usando HTML, CSS e JavaScript, baseado em modelos de design para a tipografia, melhorando a experiência do usuário em um site amigável e responsivo”
Foi criado entre os anos 2010 e 2011 por dois desenvolvedores do twitter Mark Otto (@mdo) e Jacob Thornton (@fat) que eram muito apaixonados por CSS, com o intuito de disponibilizar uma maior solução de otimização durante a produção de layouts responsivos.
Ok, isso todo mundo já sabe e vem escrito em qualquer site de busca no Google, certo? Mas por que você deveria utilizar o Bootstrap? Por que dar preferência a ele?
Motivos para você utilizar o Bootstrap em seus projetos:
- Mobile First: A técnica do mobile First é justamente o que o nome já diz, pensar antes em dispositivos menores primeiramente e isso evita bastante problemas de resolução e compatibilidade.
- Tempo: o Bootstrap já criou várias formas de desenvolvimentos com flexibilidade desde o início, tem uma variedade de plug-ins já prontos e construiu uma comunidade open source que facilita nossa vida, por que NÃO usar, sabe?
- Comunidade: o framework demora um tempo pra amadurecer e ficar estável e isso é feito de acordo com a necessidade da comunidade. Como esta é bastante ativa, sempre temos melhorias e novidades.
- Flexibilidade: ele unifica dentro dele CSS, JS, e HTML. Juntando todas essas tecnologias ele proporciona vários tipos de personalização, guia de estilo e derivados. Isso ajuda aquela galera que é mais dev que designer. Com boas integrações e facilitadores.
- Personalização: é possível fazer download de temas e quebrar eles todinhos, você pode modificar COMPLETAMENTE o tema completo até que fique de acordo com suas preferências.
- Documentação: a documentação presente na internet é bastante completa e explicativa. Todas as suas dúvidas e necessidades vão estar ali, fáceis de ser resolvidas. Eu uso este framework há alguns anos e o auxílio de uma boa documentação me fez permanecer nele.
- Aprendizado: ele é um aprendizado importante até pra quem já atua há bastante tempo na área. Os padrões adotados por ele ficaram, melhoram a experiência do usuário. E mesmo que você não tenha conhecimentos avançados, você pode brincar, mudar algo e criar mesmo assim. Fora que você já aprende noções boas de navegação e melhora a vida do usuário que já está acostumado com este tipo de padrão.
O Bootstrap se tornou ao longo dos anos uma das ferramentas mais importantes para a criação de websites. Isto porque seus padrões seguem os princípios de usabilidade e as tendências de design para interfaces, melhorando a vida do usuário e tornando a navegação mais intuitiva. Mais um ponto relevante é que sua padronização permite que os sites tenham um melhor aspecto, sendo uma forma de criar páginas visivelmente mais agradáveis. E todo mundo sabe que quanto melhor o design de uma página, maior a taxa de satisfação dos usuários e acessos.
Como posso começar a usar o Bootstrap?
Primeiro, sinta-se confortável para mexer com HTML e CSS: eles, junto do JavaScript, são os pilares do Bootstrap. O domínio é necessário porque, por mais que já existam classes e funções prontas, pode ser que seja necessário fazer alterações pontuais e nada melhor do que conseguir entender bem as funcionalidades. Segundo, leia bastante a documentação no próprio site deles. (https://getbootstrap.com/)
Na prática, basta ver a maneira mais confortável de colocá-lo em seu projeto e fazer um link para à sua folha de estilo em seguida. Dei uma palestra na semana passada onde sugeri que as pessoas começassem utilizando-o em modo CDN.
Esses são os motivos e contextos em que utilizo o Bootstrap. Esta ferramenta tem ajudado muito minha vida desde que decidi voltar para a área e por isso a defendo bastante. Quer saber mais? Fala comigo nas minhas redes sociais!