{"id":9764,"date":"2020-03-25T04:10:29","date_gmt":"2020-03-25T07:10:29","guid":{"rendered":"https:\/\/geekblogti.wpengine.com\/?p=9764"},"modified":"2024-09-24T18:28:05","modified_gmt":"2024-09-24T21:28:05","slug":"o-que-e-bootstrap-e-sera-que-ainda-vale-a-pena","status":"publish","type":"post","link":"https:\/\/www.geekhunter.com/pt/blog\/o-que-e-bootstrap-e-sera-que-ainda-vale-a-pena\/","title":{"rendered":"O que \u00e9 Bootstrap e ser\u00e1 que ainda vale us\u00e1-lo em 2020?"},"content":{"rendered":"\n

O Bootstrap \u00e9 um framework web<\/em> gratuito e open source<\/em> capaz de oferecer padr\u00f5es para o desenvolvimento HTML<\/a>, CSS e JavaScript<\/a>. Com esta tecnologia \u00e9 poss\u00edvel criar sites responsivos e \u201cmobile first\u201d de forma r\u00e1pida e profissional. <\/p>\n\n\n\n

O que \u00e9 Bootstrap e para que serve?<\/h2>\n\n\n\n

Para resolver os problemas de devs como voc\u00ea, que n\u00e3o tem mais paci\u00eancia para as sintaxes de sempre do CSS, esse framework \u00e9 uma \u00f3tima pedida.\u00a0\u00a0<\/p>\n\n\n\n

Al\u00e9m disso, o Bootstrap, que se encontra em sua vers\u00e3o de n\u00famero 4, ainda conta com uma ampla gama de plugins em JavaScript<\/a>\/JQuery que facilitam a implementa\u00e7\u00e3o de coisas como menu-dropdown, modais, slides, entre outras coisas de forma simples, s\u00f3 com pequenas mudan\u00e7as no c\u00f3digo, sem precisar de uma salada de scripts.<\/p>\n\n\n\n

Por que n\u00e3o usar um framework JavaScript<\/a> que s\u00f3 simplifica o processo deixando tudo mais r\u00e1pido e pr\u00e1tico? \u00c9 disso que se trata e para isso que serve o Bootstrap!<\/p>\n\n\n\n

Como o Bootstrap surgiu?<\/h2>\n\n\n\n

Criado em 2010 pelos profissionais do Twitter, Mark Otto e Jacob Thornton, como uma solu\u00e7\u00e3o para os desafios de padroniza\u00e7\u00e3o que eles enfrentaram durante o desenvolvimento da interface do usu\u00e1rio. <\/p>\n\n\n\n

Curiosidade: antes de se tornar open source, o Bootstrap era conhecido como Twitter Blueprint. <\/em><\/p>\n\n\n\n

Em 2011, foi lan\u00e7ado como c\u00f3digo aberto e, desde ent\u00e3o, s\u00f3 evoluiu at\u00e9 se tornar o framework de desenvolvimento front-end mais popular do planeta. <\/p>\n\n\n\n

Mas, de uma forma bem direta, como \u00e9 a base do funcionamento do Bootstrap?<\/p>\n\n\n\n

Para quem \u00e9 destinado?<\/h2>\n\n\n\n

No final das contas, \u00e9 sobre simplicidade. <\/p>\n\n\n\n

Se voc\u00ea j\u00e1 tem uma equipe de front-end\/designers dedicados a fazer melhorias em seu site ou se voc\u00ea \u00e9 um desenvolvedor que prima por construir uma plataforma com tempo de sobra para cuidar de cada detalhe, pode ser que o Bootstrap n\u00e3o seja o ideal para o seu modelo de trabalho.<\/p>\n\n\n\n

Agora, se o seu neg\u00f3cio exige escalabilidade, processos r\u00e1pidos e tem pouco tempo a perder ou voc\u00ea \u00e9 um desenvolvedor sem tempo nem para ir ao banheiro, o Bootstrap pode ser uma excelente sa\u00edda!<\/p>\n\n\n\n

Lembrando que seu principal objetivo \u00e9 economizar tempo do que n\u00e3o \u00e9 prioridade e concentrar os esfor\u00e7os no que deve ser feito. <\/p>\n\n\n\n

Agora que voc\u00ea j\u00e1 entendeu o b\u00e1sico, ser\u00e1 se ainda vale usar o Bootstrap em 2020?<\/p>\n\n\n\n

Por que usar o Bootstrap?<\/h2>\n\n\n\n

O n\u00famero de sites criados usando o Bootstrap s\u00f3 aumenta. O framework se tornou muito popular e vamos falar agora sobre quais os principais motivos disso:<\/p>\n\n\n\n

F\u00e1cil de Usar<\/h3>\n\n\n\n

Como diriam os antigos: \u00e9 mel na chupeta! <\/p>\n\n\n\n

Mexer com o Bootstrap n\u00e3o requer que voc\u00ea seja um g\u00eanio em computa\u00e7\u00e3o, tudo nele \u00e9 simples e a curva de aprendizado dele \u00e9 bem suave. <\/p>\n\n\n\n

Al\u00e9m disso, \u00e9 bastante adapt\u00e1vel. Voc\u00ea pode us\u00e1-lo junto com o CSS, LESS ou tamb\u00e9m com Sass. <\/p>\n\n\n\n

Responsividade<\/h3>\n\n\n\n

Agora, como diriam os mais novos: esse \u00e9 responsa!<\/p>\n\n\n\n

Com o passar dos anos, os dispositivos m\u00f3veis est\u00e3o cada vez mais presentes em nossa rotina e para manter a audi\u00eancia engajada em seu site \u00e9 fundamental que ele seja responsivo. <\/p>\n\n\n\n

Integra\u00e7\u00e3o Simples<\/h3>\n\n\n\n

Pode ser simplesmente integrado, juntamente com outras plataformas e estruturas distintas, em novos sites ou em projetos j\u00e1 existentes. <\/p>\n\n\n\n

Voc\u00ea tamb\u00e9m pode utilizar elementos espec\u00edficos do Bootstrap junto com o seu CSS atual.<\/p>\n\n\n\n

\u00c9 r\u00e1pido<\/h3>\n\n\n\n

A velocidade no desenvolvimento \u00e9 um dos principais benef\u00edcios da utiliza\u00e7\u00e3o do Bootstrap.<\/p>\n\n\n\n

Ao inv\u00e9s de codar <\/em>do zero, esse framework permite que voc\u00ea use padr\u00f5es prontos j\u00e1 pr\u00e9-codificados. Isso sem contar que voc\u00ea pode at\u00e9 comprar temas de Bootstrap prontos e alter\u00e1-los para atender \u00e0s suas necessidades, para desenvolver seu website o r\u00e1pido poss\u00edvel.<\/p>\n\n\n\n

\u00c9 personaliz\u00e1vel<\/h3>\n\n\n\n

Dependendo do seu projeto, voc\u00ea pode selecionar somente o que \u00e9 fundamental para o seu caso. <\/p>\n\n\n\n

Voc\u00ea s\u00f3 precisa marcar todos os utilit\u00e1rios, responsivos ou b\u00e1sicos e aspectos que n\u00e3o precisa:<\/p>\n\n\n\n