Iniciando com Mootools
mai0
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.