DesenvolvimentoBootstrap - Responsa, responsável e responsivo

Bootstrap – Responsa, responsável e responsivo

-

Publicidade

Bootstrap - Responsa, responsável e responsivoO uso de um framework robusto, com bibliotecas bem resolvidas e sempre em evolução. Para designers e programadores

Para iniciarmos essa conversa, é necessário esclarecer alguns pontos:

1º – Um bom desenvolvedor não deve ficar dependente de um framework por diversas razões, como por exemplo: Ser descontinuado.

2º – Um framework não deve controlar o desenvolvedor, mas deve servir como base de desenvolvimento de suas aplicações, caso contrário tudo o que for feito será com a mesma interface.

3º – Seja criativo, use mais do framework, participe da comunidade, dê novas ideias, sugira, critique e adapte. E depois disso tudo, documente.

4º – Tudo que for dito nessa coluna é a única verdade para os desenvolvedores, ou não.

Vamos ao interessante.

Quem não se lembra dos momentos de extensos códigos para criar formulários, fazer as validações, ajustar as janelas modais e deixar tudo agradável? E depois da navegação móvel se popularizar. Quem não se viu obrigado a criar duas versões da mesma interface?

Nesse artigo vamos conhecer o Bootstrap. Uma ferramenta desenvolvida pelos criadores do Twitter e que com certeza vai reduzir o tempo de desenvolvimento dos códigos HTML.

A ferramenta é um framework front-end que já possui integrado uma biblioteca jquery bem extensa, uma biblioteca de css bem organizada e escrita, além de componentes e elementos visuais.

 

Manual para desenvolvedores

A vantagem (para quem não lê em inglês) é que a documentação já foi completamente traduzida para o português (link: http://globocom.github.io/bootstrap/index.html). Obs: existem uma nova versão, mas o manual ainda é em inglês (http://getbootstrap.com/).

A ferramenta já foi adotada por algumas empresas famosas e tem demonstrado um ótimo desempenho, tanto na sua estrutura de escrita, quanto ao tamanho dos arquivos gerados.

Alguns templates para WordPress por exemplo, se baseiam na estrutura adotada pelo boobtstrap, sem contar algumas aplicações famosas da globo.com e o próprio Twitter.

 

RESPONSA

 

Inicialmente é complicado adaptar-se ao framework, principalmente quando tratamos de Design Responsivo, pois os grids deixam de possuir larguras fixas para trabalhar com porcentagem. Com um pouco de domínio em css é possível fixar a largura máxima de uma página em pixels e trabalhar os outros objetos de maneira responsiva.

Mas se você for paciente, ler atentamente o manual e observar os exemplos, se sairá bem. O melhor é que a maior parte dos componentes, ao menos os mais importantes, já foi criada por outros desenvolvedores, isso garante a longevidade do framework, já que tendencia ao uso popular e a padronização dos códigos.

É possível utilizar os plugins javascript do Bootstrap sem sequer executar uma linha de javascript. Os plugins podem ser chamados através do  atributos data. Desta forma fica descrito no html a função daquele elemento, como por exemplo se um link deve comportar-se como modal.

 

RESPONSÁVEL

O Bootstrap usa uma vasta biblioteca jquery que tem sua implantação facilitada. No site oficial, o desenvolvedor pode personalizar as funções que irá realizar o download.

Toda ferramenta é escrita em HTML 5, a documentação é bem detalhada, o código é limpo e os exemplos podem ser usados como pontapé inicial, até que você domine o código.

Com a mesma cara? Acho que não!

A facilidade não pode tornar-se preguiça. O framework deve nos servir como ponto de partida para uma aplicação e a sua personalização deve ser ainda maior para que os aplicativos ganhem personalidade.  Parece uma tarefa simples, mas não é. Principalmente por ser bacana, leve, simples de aplicar e funcional. É utopia! Mas cuidado, pois no final, o site da empresa de cosméticos fica igual ao sistema interno de cadastro de usuários.

Isso prova que para um desenvolvedor adaptar-se a um framework é preciso mais do que força de vontade, é preciso ter conhecimento técnico.

 

 

RESPONSIVO

O ponto alto é a preocupação com usuários de diferentes dispositivos, fazendo o uso de comandos css para a criação de layouts fluídos e responsivos.

Se a visualização for em tela wide, tablet ou mobile, não importa, o front end se adapta para exibir o conteúdo de forma limpa e organizada.

Praticamente todos os elementos no Bootstrap são dados pelo grid que vai de 1 a 12, que pode ser responsivo ou não, dependendo apenas de incluir alguns arquivos css que controlam essa característica.

Bootstrap integra com Django, com Rails, com WordPress, tem ótimos templates para venda, tem plugins para jQuery e ainda integra com o jQuery UI e originalmente em LESS, ele também tem uma versão para Sass.

Oficialmente

Aqui onde trabalho, adotamos essa ferramenta para padronizar o desenvolvimento das nossas aplicações e estamos adaptando para as nossas necessidades. Começamos a documentar esses ajustes para oficializar uma versão própria.

Minhas recomendações são: Faça o download da ferramenta e experimente. Indico a versão adaptada pela Globo.com

Links Relacionados:

Bootstrap Globo.com
Boostrap Oficial
jQuery UI Bootstrap
Datapicker
Bottsnip
Drag and Drop

Thiago Neveshttp://www.thiagoneves.ppg.br
Desde 1999 eu trabalho com projetos de mídia interativa. Com experiência em comunicação integrada e desenvolvimento de produtos digitais, planejamento estratégico, marketing digital, gerenciamento e desenvolvimento front-end, e-commerce e sistemas nas mais diversas tecnologias e integração de sistemas e tecnologia mobile.

6 COMMENTS

    • Pois é meu nobre, eu já conhecia a ferramenta a bastante tempo, mas sempre fui resistente por alguns conflitos (bobos, diga-se de passagem) que se chocavam com meu próprio senso de ética.
      Mas me libertei disso! E hoje é bootstrap! E vale comentar que também esta me poupando de muita dor de cabeça, já as horas de sono…. 🙁

Latest news

Gerenciador de senhas: saiba como fortalecer a segurança de TI da sua empresa em 2024

Um gerenciador de senhas é uma ferramenta projetada para armazenar, organizar e gerenciar senhas de forma segura. Mas podemos mostrar que ele vai muito além disso!

Software para MSPs: indo além do preço ao procurar pelas ferramentas certas

Confira 5 dicas essenciais para escolher as melhores plataformas para compor o monitoramento e segurança da infraestrutura de TI dos seus clientes

Rápido, seguro e nativo: Chrome chega ao Windows no Snapdragon

"Projetamos o navegador Chrome para ser rápido, seguro e fácil de usar em desktops e dispositivos móveis, e estamos sempre procurando maneiras de levar essa experiência a mais pessoas", disse Hiroshi Lockheimer, Senior Vice President, Google.

Convergir segurança física e TI garante maior proteção para instalações, redes e negócios

Hoje, com o aumento das violações de dados em todo o mundo e as regulamentações de privacidade evoluindo rapidamente, é mais importante do que nunca que segurança física e TI trabalhem juntas para proteger instalações e infraestrutura de rede.
Publicidade

Evoluindo de modelos LLM para modelos LAM

Os modelos LAMs marcam um avanço fundamental na inteligência artificial, transcendendo as capacidades convencionais de geração de texto dos LLMs. Ao contrário dos LLMs que respondem com texto, os LAMs captam a intenção por trás da linguagem humana, decifrando objetivos complexos. Eles então traduzem esses objetivos em ações do mundo real, como por exemplo, filtrar e-mails com base em suas tarefas agendadas.

O impacto da IA generativa nas memórias RAM e SSDs: Um olhar sobre o futuro do hardware

Algoritmos de IA otimizados podem reduzir o uso de RAM ao aplicar técnicas como computação distribuída e processamento eficiente de dados, garantindo uma melhor utilização da memória disponível. Da mesma forma, um uso eficiente dos SSDs pode minimizar o impacto das operações de entrada/saída (I/O) no desempenho.

Must read

Gerenciador de senhas: saiba como fortalecer a segurança de TI da sua empresa em 2024

Um gerenciador de senhas é uma ferramenta projetada para armazenar, organizar e gerenciar senhas de forma segura. Mas podemos mostrar que ele vai muito além disso!

Software para MSPs: indo além do preço ao procurar pelas ferramentas certas

Confira 5 dicas essenciais para escolher as melhores plataformas para compor o monitoramento e segurança da infraestrutura de TI dos seus clientes
- Advertisement -

You might also likeRELATED
Recommended to you