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.

Nenhum Comentário

Nenhum Comentário

Nenhum comentário ainda.

Deixe um comentário

RSS feed for comments on this post