No mundo do desenvolvimento de software, a eficiência e a agilidade são cruciais. Ferramentas como bibliotecas e frameworks nos ajudam a alcançar esses objetivos, mas é importante saber a diferença entre elas. O conceito principal é a Inversão de Controle.
Uma biblioteca é uma coleção de código pré-escrito, como funções ou classes, que resolvem problemas específicos. Você as usa para adicionar funcionalidades ao seu projeto, chamando-as diretamente quando precisa. Você tem o controle total sobre o fluxo da sua aplicação.
Você chama a biblioteca: O seu código decide quando e como usar as funções da biblioteca.
Foco: Reutilizar código para tarefas específicas.
Exemplo prático: jQuery
O jQuery é uma biblioteca JavaScript. Ele simplifica tarefas comuns como manipular elementos HTML, lidar com eventos e criar animações. Em vez de escrever 10 linhas de código JavaScript para esconder um elemento, você pode usar uma única linha com jQuery: $('#meu-elemento').hide();. O controle da aplicação continua com você, que apenas "pega emprestado" o poder do jQuery.
Um framework é uma estrutura completa que define as regras e o fluxo de trabalho de uma aplicação. Ele impõe uma arquitetura e um padrão de interação. Em vez de você chamar o framework, ele é que chama o seu código quando necessário, um conceito conhecido como Inversão de Controle.
O framework chama o seu código: O framework gerencia o fluxo da aplicação e chama suas funções e classes no momento certo.
Foco: Fornecer uma estrutura robusta para construir uma aplicação inteira.
Exemplo prático: Bootstrap
O Bootstrap é um framework front-end. Ele fornece um "esqueleto" com estilos CSS e funcionalidades JavaScript já prontas para criar interfaces responsivas. Você não chama o Bootstrap para exibir um botão. Em vez disso, você adiciona a classe .btn a um elemento HTML, e o framework "identifica" essa classe e aplica todos os estilos e comportamentos associados a ela. O Bootstrap gerencia a apresentação e o layout, enquanto você apenas insere seus elementos dentro da sua estrutura.
Para entender de forma simples:
Uma biblioteca é o que você usa no seu código.
Um framework é o que usa o seu código.
Pense da seguinte forma:
Com uma biblioteca, você contrata um especialista (o código da biblioteca) para te ajudar em uma tarefa específica. Você ainda está no comando.
Com um framework, você se muda para uma casa já construída (o framework) com cômodos pré-definidos. Você pode mobiliar e decorar a casa do seu jeito, mas a estrutura e a planta são fixas.
Máscaras - Bibliotecas - jquery - Para formulários
Para funcionar o plugin, é necessário inserir a url do jquery no elemento script
Passo 1 - Clicar aqui para acessar, copiar e colar a url no elemento script antes do body.
Exemplo: <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
Passo 2: Acessar aqui para pegar a biblioteca - jquery mask plugin
copiar a url e colar no script antes do body
Exemplo: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
Passo 3 - Acessar a Documentação aqui: Máscaras para adicionar ao script.
Obs.: Colar entre o elemento Exemplo: <script> $('.cep').mask('00000-000'); </script>
Obs.: Usar classe .cep ou id #cep vinculado ao imput
Alternativa Front-End para receber o formulário sem Back-End