jquery-toad
Version:
jQuery TOAD - O velho e querido jQuery
117 lines (116 loc) • 9.41 kB
HTML
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery TOAD</title>
<link rel="icon" href="images/jquery-toad-icon.png">
<link rel="stylesheet" href="https://unpkg.com/bootstrap@4.1.2/dist/css/bootstrap.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
<link rel="stylesheet" href="https://unpkg.com/highlightjs@9.10.0/styles/github-gist.css">
<link rel="stylesheet" href="style/toad.css">
<script>
var __TOAD__ = 'TOAD';
</script>
</head>
<body data-controller="main">
<main role="main">
<div class="container">
<div class="toad-main-box bg-light border-dark">
<div class="toad-logo-box"><img class="img-fluid" src="images/jquery-toad-logo.png" alt="Logo jQuery TOAD"></div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"><a class="navbar-brand" href="index.html">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Alterna navegação"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="main-menu">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"><a class="nav-link" href="motivacao.html">Qual a motivação?</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="submenu-documentacao" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Documentação</a>
<div class="dropdown-menu" aria-labelledby="submenu-documentacao">
<h6 class="dropdown-header">TUTORIAIS</h6><a class="dropdown-item" href="tutorial-quickstart.html">Guia de início rápido</a><a class="dropdown-item" href="tutorial-mvc.html">O padrão MVC</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header">CONCEITOS</h6><a class="dropdown-item" href="conceito-variavel-toad.html">A variável <kbd>__TOAD__</kbd></a><a class="dropdown-item" href="conceito-modulo.html">Modularização</a><a class="dropdown-item" href="conceito-componente.html">Componentes</a><a class="dropdown-item" href="conceito-utilitario.html">Utilitários</a><a class="dropdown-item" href="conceito-configuracao.html">Configurações</a><a class="dropdown-item" href="conceito-constante.html">Constantes</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="toad-content-box col-md-10 offset-md-1">
<h1 class="display-4 text-center">Qual a motivação?</h1>
<p class="lead">Como eu disse antes: jQuery TOAD (<strong>T</strong>he <strong>O</strong>ld <strong>A</strong>nd <strong>D</strong>ear) é, antes de mais nada, meu tributo ao <i>velho e querido jQuery</i>.</p>
<p class="lead">
Durante muitos anos essa maravilhosa biblioteca tem servido e contribuído para a popularização e evolução da Internet.
Sem nenhuma dúvida contribuiu para a criação de inúmeros padrões que estão disponíveis hoje em todos os navegadores web.
E é inclusive difícil você achar algum site ou sistema web que não a utilize <i>(Tem dúvidas? Pressione <kbd>F12</kbd> no seu navegador agora e digite <code>$</code> pra ver o que acontece)</i>
Sem contar os inúmeros <i>plugins</i> espalhados por toda web que nos ajudam no nosso "dia-a-dia".
</p>
<p class="lead">
Porém, há hoje quem diga que <i>jQuery</i> já não é mais tão necessário.
Ingratos! (kkk, brincadeira. Só que não.).
Que isso gente! Vejam a versão 3.0 aí, e como ela continua vivíssima!
</p>
<p class="lead">
Mas o fato é que realmente hoje, já não há mais tanta dificuldade pra fazer uma aplicação eficiente e bonita somente com HTML, CSS e JavaScript puramente.
Mas isso pra quem é um bom programador JavaScript.
</p>
<p class="lead">
Acredito eu, que um dos maiores responsáveis por tornar jQuery no que ela se tornou, foi o fato de que:
<i>"Com jQuery até quem não era expert em JavaScript poderia criar coisas incrivelmente fáceis"</i>.
</p>
<p class="lead">
Não podemos negar o fato de que hoje existe uma enorme base de código em produção que já usa jQuery eficientemente há anos, e ainda vão estar funcionando por vários outros anos.
E convenhamos, não dá pra dizer que só quem mantém essas aplicações são programadores experts em JavaScript.
</p>
<p class="lead">
Não estou aqui dizendo que jQuery é pra <i>"não experts"</i>.
Mas sim que jQuery permite que se possa ter uma equipe de desenvolvedores sem tanta experiência em programação front-end, mas que desenvolvem e mantém ótimas aplicações.
Também não estou falando de manter somente aplicações legadas, inúmeros projetos estão iniciando hoje ainda e com jQuery como base.
</p>
<p class="lead">
É muito bom, fácil, produtivo, além de trazer inúmeros benefícios criar aplicações completas no front-end, as <i>SPA's</i>, e usar todo o poder do JavaScript nos navegadores,
pra isso recorremos ao Angular, Ember, Vue, e companhia.
Mas na realidade, será que você realmente precisa de tudo isso? Ou, será que eles se aplicam ao seu cenário?
Ou o "velho e querido jQuery" dá conta sozinho?
Ou ainda, será seu site ou aplicação não vai precisar funcionar no IE 8? (veja bem!).
</p>
<p class="lead">
Durante muito tempo eu uso o jQuery em inúmeras aplicações que desenvolvo (até hoje), mas sempre negligenciei a forma como organizava meu código.
Normalmente cada projeto era um projeto.
Não estou dizendo que escrevia/organizava meu código porcamente. Não! Só estou dizendo que nunca precisei seguir padrões tão à risca como faço com aplicações Angular, Ember, etc.
</p>
<p class="lead">
Esse meu "projeto tributo" foi motivado por uma necessidade de contribuir com a comunidade jQuery, tentando devolver um pouco de tudo que a jQuery já me proporcionou.
Essa não é apenas uma biblioteca, é na verdade uma proposta de arquitetura para aplicações que usam jQuery.
Por isso quero deixar aqui também alguma documentação de como você pode criar aplicações web, construindo peças com o uso da jQuery e juntando elas em suas páginas de forma eficiente sem requerer outras bibliotecas para isso.
</p>
<p class="lead">
A idéia é que, seguindo essa proposta, você possa construir sua aplicação com todo o poder que a jQuery já te dá.
E que de quebra a manutenção fique mais fácil.
Que seja mais simples você identificar uma porção da sua aplicação, seja para corrigir um problema ou para melhorá-la.
</p>
<blockquote class="blockquote text-center">
<p class="lead mb-0"><strong>MUITO OBRIGADO JQUERY !</strong></p>
<footer class="blockquote-footer">agradecido
<cite class="text-info" title="Erlimar Silva Campos">Erlimar Silva Campos</cite>
</footer>
</blockquote>
</div>
</div>
</div>
</main>
<footer class="text-secondary bg-light border-dark toad-footer-box">
<div class="container">
<p class="lead text-center" data-gui="copyright"></p>
<div class="my-2 my-lg-0 text-center"><a class="btn btn-secondary" target="_blank" href="https://github.com/e5r/jquery-toad" role="button" title="@e5r/jquery-toad"><i class="fab fa-github"></i></a> <a class="btn btn-info" target="_blank" href="https://erlimar.wordpress.com" role="button" title="erlimar.wordpress.com"><i class="fab fa-wordpress-simple"></i></a> <a class="btn btn-primary" target="_blank" href="https://twitter.com/erlimar" role="button" title="@erlimar"><i class="fab fa-twitter"></i></a> <a class="btn btn-danger" target="_blank" href="https://www.youtube.com/channel/UC6zPtVBfcAdkzq7-dpSlhdw" role="button" title="E5R Development Team"><i class="fab fa-youtube"></i></a>
</div>
</div>
</footer>
<script src="https://unpkg.com/jquery@3.3.1/dist/jquery.js"></script>
<script src="https://unpkg.com/bootstrap@4.1.2/dist/js/bootstrap.js"></script>
<script src="https://unpkg.com/highlightjs@9.10.0/highlight.pack.js"></script>
<script src="lib/jquery-toad.js"></script>
<script src="app/components/code-block-component.js"></script>
<script src="app/components/copyright-component.js"></script>
<script src="app/components/demo-component.js"></script>
<script src="app/controllers/main-controller.js"></script>
</body>
</html>