Iniciando com Mootools

23
mai
0

Mootools é basicamente uma biblioteca contendo diversas funções de auxilio e que permite que você se concentre em criar os códigos ao invés de se preocupar com as diferenças entre os diversos navegadores e suas formas de programar javascript.

Com Mootools você terá um ambiente fácil de programar sem se preocupar com o javascript para os diversos navegadores, á API cuidará de todo o trabalho de compatibilidade e você só precisa criar aquilo que você precisa só que utilizando Mootools.

O que você precisa saber?

O ideal é que você tenha alguma noção de javascript, isso ajuda quando você deseja criar seus próprios scripts com Mootools, aqui vai um link para aprender um pouco de javascript http://www.javascript-tutorial.com.br/content-cat-1.html

Lembrando que para inserir scripts prontos com Mootools não é necessário que você saiba javascript mas uma noção e pelo menos um conhecimento de CSS e HTML são necessários.

Baixando Mootools

Pra baixar o Mootools é bem fácil, veja a página de downloads para saber como baixar no site oficial do Mootools.

Caso você esteja querendo aprender mais sobre a biblioteca do Mootools, e já tenha algum conhecimento avançado com javascript, eu sugiro baixar a versão sem compactação, desta forma você poderá ver como é feito por trás.

Adicionando em suas páginas

Pra adicionar o Mootools em suas páginas é bem simples, basta incluir as tags <script> dentro da tag <head>, coloque primeiro a biblioteca do Mootools e depois coloque o seu script com as instruções que utilizam a biblioteca, você pode colocar as instruções na própria página ou em um arquivo externo, segue um exemplo abaixo com arquivo externo.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
  <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Your title</title>
    <script type="text/javascript" src="mootools.js"></script>
    <script type="text/javascript" src="scripts.js"></script>
    <script type="text/javascript">
    // Códigos incorporados na própria página
    </script>
  </head>
  <body>....</body>
</html>

Escrevendo os seus próprios scripts

Agora que você já sabe adicionar a API do Mootools é hora de aprender a criar seus próprios scripts, leia alguns dos tutoriais e exemplos disponíveis aqui no site e não se esqueça de consultar a documentação.

Algo que eu geralmente recomento é executar os seus scripts dentro do evento domready isso irá garantir que o seu script seja executado assim que o html for carregado, antes mesmo das imagens serem carregadas, em breve maiores informações sobre isso.

O primeiro contato de um visitante

29
abr
1

Hoje tive o privilégio de receber o primeiro contato de um visitante.

Ele veio com uma dúvida, de início parecia ser algo relacionado ao Mootools mas fui analisando, indo linha por linha do script que ele me apresentou, utilizando algumas ferramentas básicas, tal como  o Firefox e o seu maravilhoso complemento Firebug, utilizei também o HTTP Analyser para monitorar o que exatamente estava sendo solicitado por HTTP.

No final identifiquei o problema, enviei os arquivos já modificados para ele, que rapidamente enviou para o site e fez as alterações necessárias para as demais páginas funcionarem.

Foi ótimo, de certa forma foi um desafio, e eu adoro desafio, me empenho legal e só termino quando resolvo.

Alessandro, obrigado por ter acessado o meu site e ter entrado em contato comigo, espero que volte sempre por aqui.

Obs.: Qualquer visitante que tiver com alguma dúvida é só falar, farei o possível para ajudar.