Aula 5: Templates, bibliotecas e Plugins (Elementor)

Para o desenvolvimento da web, nem sempre é necessário começar do zero, podemos construir sobre bases que encontramos livremente na rede.

Templates ou temas

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.

Veja aqui uma lista enorme de templates para baixar e usar: https://monsterone.com/wordpress/wordpress-themes/ 

Bibliotecas

Uma biblioteca na programação de sites é um conjunto de código que pode ser reutilizado em diferentes projetos. Esse código pode ser usado para realizar tarefas comuns, como:

• Gerar formulários
• Enviar e-mails
• Criar gráficos
• Processar pagamentos
• Acessar dados de um banco de dados
• Executar animações

As bibliotecas são uma maneira de economizar tempo e esforço no desenvolvimento de sites. Elas permitem que os desenvolvedores se concentrem na lógica e no design do site, sem precisar reescrever código que já existe.

Para usar uma biblioteca em um site, é necessário importá-la no código. Isso pode ser feito de forma diferente, dependendo da linguagem de programação e da biblioteca.

Aqui está um exemplo de como importar a biblioteca jQuery em um site escrito em JavaScript:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Depois de importar a biblioteca, você pode usar suas funções e métodos no código do site. Por exemplo, para usar a função alert() do jQuery para exibir uma mensagem, você pode usar o seguinte código:

$(document).ready(function() {
  // Exibe uma mensagem de alerta
  alert("Olá, mundo!");
});

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.

Plugins

Um plugin na programação de sites é um pedaço de código que pode ser adicionado a um site para adicionar ou modificar funcionalidades. Plugins são uma maneira de adicionar recursos sem precisar editar o código do site original.

O que difere um plugin de uma biblioteca é que com ele você já tem toda a funcionalidade pronta para usar, basta configurar (se necessário) e já estará pronto no site, ao invés de uma biblioteca que é apenas um recurso para você mesmo criar as funcionalidades, desenvolvendo-as via programação.

Os plugins mais famosos para WordPress são: WooCommerce, Yoast SEO, Jetpack, Elementor:

• WooCommerce: Um plugin de comércio eletrônico que permite criar uma loja online.
• Yoast SEO: Um plugin de otimização de mecanismos de busca que ajuda a melhorar o posicionamento do site nos resultados de pesquisa.
• Contact Form 7: Um plugin de formulário de contato que permite aos visitantes do site enviar mensagens para o proprietário do site.
• Jetpack: Um plugin de produtividade que oferece uma variedade de recursos, incluindo backups, análise e armazenamento em nuvem.
• Elementor: Um plugin de construção de páginas que permite criar páginas personalizadas sem saber codificar.
• WPForms: Um plugin de formulário que oferece uma variedade de formulários, incluindo formulários de contato, formulários de inscrição e formulários de feedback.

A escolha do plugin ideal depende das necessidades do site. Se você está procurando um plugin para adicionar uma nova funcionalidade ao site, você precisará pesquisar os plugins disponíveis para encontrar aquele que atende às suas necessidades. Se você está procurando um plugin para melhorar o desempenho ou a segurança do site, existem alguns plugins populares que oferecem uma variedade de recursos.