MooTools Brasil» Exemplos de javascripts http://mootools.com.br Tudo sobre MooTools, Javascript, CSS, Ajax Mon, 08 Mar 2010 16:02:45 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Iniciando com Mootools http://mootools.com.br/2009/05/iniciando-com-mootools/ http://mootools.com.br/2009/05/iniciando-com-mootools/#comments Sat, 23 May 2009 16:22:27 +0000 admin http://mootools.com.br/?p=55 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.

]]> http://mootools.com.br/2009/05/iniciando-com-mootools/feed/ 0