Frameworks HTML, CSS e JavaScript. É bom usar

Você tem usado algum framework front-end ultimamente?

Essa pergunta é interessante e eu a faço aqui para você leitor, porque me assusto com o número de “developers” profissionais e bons de serviço que conheço que não os utilizam. E isso acaba se tornando um assunto gostoso de se discutir.

Existem diversas pessoas, inclusive do back-end, que preferem não utilizar frameworks em seus projetos principalmente pelo fato de não conhecerem nenhum e simplesmente não ter o interesse de conhecer. E aí a justificativa mais ouvida acaba sendo a famosa: “Prefiro fazer tudo na unha”. Paciência!

Nesse post não tenho a intenção de defender a utilização ou não dos frameworks, sejam eles para back-end ou front-end. Mas o ponto que eu gostaria de abordar é no quanto você ou sua equipe perdem em agilidade e eficiência quando optam por não adotá-los. Quantos front-ends vejo a cada novo projeto re-implementarem centenas de linhas de códigos redundantemente para criar regras de grid de layout, deixar os componentes de formulário mais “sexy’s”, criar efeitos de animação e por aí vai.

Bom, uma das principais características dos frameworks é fornecer algumas tarefas corriqueiras já pré-implementadas e permitir que você comece o seu trabalho em cima de uma base. Por exemplo, em 99% dos seus projetos você vai necessitar de um esquema com grids para dispor os elementos na página. Por que então não implementar isso uma única vez e sempre ir reutilizando? Por que não estilizar todos os componentes de formulários e reutilizar futuramente? Isso vai possibilitar ganho de tempo e recurso sempre que um novo projeto for iniciado.

Não quer utilizar os frameworks existentes? Ótimo, implemente o seu próprio. Crie suas regras padrões para grid, formulários, tabelas, listas e etc.

Mas se você quer utilizar vão aqui 2 boas dicas.

Twitter Bootstrap (http://getbootstrap.com/)

Criado por Mark Otto and Jacob Thornton. Oferece componentes semelhantes aos utilizados no próprio site do Twitter. Permite a utilização de tipografias, formulários, botões, menus, navegação dentre outros. Possibilita ainda a utilização de extensões javascripts implementados em cima do jQuery.

Locaweb Style (http://developer.locaweb.com.br/locawebstyle)

“Uma biblioteca de elementos e comportamentos em CSS e Javascript para facilitar a produção de layouts.” diz o seu slogan. Liderado pelo Diego Eis (http://www.tableless.com.br), começou como uma biblioteca para padronização dos produtos da Locaweb mas rapidamente foi disponibilizado para toda a comunidade. Assim como o Twitter Bootstrap (aliás, foi baseado nele), fornece diversos elementos já prontos para utilização.

Particularmente tenho utilizado bastante o Twitter Bootstrap e ele tem me ajudado de forma significativa. Está bem mais fácil desenvolver de forma ágil sites/sistemas compatíveis com todos os navegadores, versões responsives, interatividades com usuário, e etc. Assim me sobra mais tempo para pensar nas regras de negócios e outras coisas complexas.

Espero que através desse post eu te incentive a pelo menos pensar mais uma vez na utilização de um framework front-end.

E para você que utiliza? Qual utiliza? Em quais aspectos ele tem te ajudado no dia-a-dia?

Deixe seu comentário.

Abs!

Rafael Wendel Pinheiro

É formado em Sistemas de Informação, pós-graduado em Sistemas de Banco de Dados e mestre em Educação com foco em Tecnologias Sociocomunitárias. Trabalha como professor de ensino técnico e tecnológico no Instituto Federal de Educação, Ciência e Tecnologia de São Paulo ministrando disciplinas nas áreas de programação, banco de dados, desenvolvimento de projetos e engenharia de software.

Posts relacionados