Página 12: Bibliotecas, templates e estrutura - Frontend
/pt/criacao-de-sites/javascript/content/
Bibliotecas, templates e estrutura - Frontend
Para o desenvolvimento da web, nem sempre é necessário começar do zero, podemos construir sobre bases que encontramos livremente na rede.
Nas páginas anteriores apresentamos as três principais tecnologias da web: HTML, CSS e JavaScript. Cada uma tem sua própria complexidade e, ser capaz de dominar todas demora um pouco mas felizmente graças ao espírito aberto da web, podemos encontrar bases para iniciar um desenvolvimento.
Bibliotecas
No software, uma biblioteca (library) é um componente reutilizável que facilita certas tarefas de programação. Dependendo da tecnologia, pode ser um conjunto de funções ou objetos. Ao integrar uma biblioteca ao nosso projeto, teremos acesso a funcionalidades que levaria muito tempo e que na biblioteca foram bem projetadas e testadas previamente.
Templates
No contexto do desenvolvimento web, um template refere-se a uma estrutura de arquivos estabelecida para um site, na qual é necessário apenas modificar e adaptar determinados dados.
Estrutura
Uma estrutura (frameworkva) vai um pouco mais além, embora possa oferecer opções semelhantes a bibliotecas ou templates. A diferença está no fato de que ela propõe um modelo, ou seja, uma maneira particular de desenvolver software. Por esse motivo, uma estrutura é acompanhada de conceitos que devem ser bem entendidos para serem usados.
Frontend refere-se aos componentes visíveis para o usuário: páginas, estilos e scripts.
Backend refere-se aos não visíveis como bancos de dados e servidores web.
Na prática, não é tão fácil diferenciar bibliotecas, tampletes e frameworks, por isso é importante consultar a documentação e ter certeza do que elas nos oferecem e quais são as necessidades do nosso projeto. Abaixo mencionamos alguns que estão disponíveis gratuitamente na rede.
jQuery
jQuery é uma biblioteca de JavaScript que facilita trabalhar com um documento html. Existem duas bibliotecas adicionais que são jQuery UI para componentes visuais e jQuery móvel focado em smartphones.
Materialize
Materialize é uma estrutura para desenvolvimento web baseada no conceito de Google Material Design. Inclui componentes visuais, animações e até mesmo paletas de cores.
Bootstrap
Bootstrap é uma estrutura para desenvolvimento web orientada para o design responsivo. Foi desenvolvido dentro do Tweeter e mais tarde lançado como open source.
Angular
AngularJS é uma estrutura do Google que amplia os elementos html para facilitar o desenvolvimento de aplicações web dinâmicas.
Backbone
BackboneJS é uma estrutura focada na sincronização de mudanças de dados com a forma como elas são apresentadas e seu envio para o servidor em caso de ser um site dinâmico.
Design responsivo
Amazium e
Gridism são estrutura css para design responsivo, fornecem uma estrutura html e estilos predefinidos para projetar um site com um modelo de grade (
grid).
Templates html
Existem vários sites que oferecem templates html gratuitos, a
Tooplate oferece uma coleção de modelos para sites com download gratuitos, bem como a
HTMLTemplates entre outros.
Para usar uma estrutura ou biblioteca de frontend, basta baixar seus arquivos no seu projeto e referenciá-los nas páginas através de tags link para folhas de estilo e script para código JavaScript.
/pt/criacao-de-sites/dominio-e-hospedagem/content/
