Criação de Sites: Bibliotecas, templates e estrutura

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.

Tampletes

No contexto do desenvolvimento web, um tamplete 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

é uma estrutura para desenvolvimento web baseada no conceito de Google Material Design. Inclui componentes visuais, animações e até mesmo paletas de cores.

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

é uma estrutura do Google que amplia os elementos html para facilitar o desenvolvimento de aplicações web dinâmicas.

Backbone

é 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

e são estrutura css para design responsivo, fornecem uma estrutura html e estilos predefinidos para projetar um site com um modelo de grade (grid).

Tampletes html

Existem vários sites que oferecem tampletes html gratuitos, a oferece uma coleção de modelos para sites com download gratuitos, bem como a 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/