Trabalho Sobre a Biblioteca JavaScript Mootools Suane de Moura Isnardi UC: Linguagens de Programação Análise e Desenvolvimento de Sistemas, 3º Semestre/Noite.

Apresentação em tema: "Trabalho Sobre a Biblioteca JavaScript Mootools Suane de Moura Isnardi UC: Linguagens de Programação Análise e Desenvolvimento de Sistemas, 3º Semestre/Noite."— Transcrição da apresentação:

1 Trabalho Sobre a Biblioteca JavaScript Mootools Suane de Moura Isnardi UC: Linguagens de Programação Análise e Desenvolvimento de Sistemas, 3º Semestre/Noite

2 Sumário Introdução...........................................................................3 Conceitos............................................................................4 Como Funciona..................................................................5 Compatibilidade.................................................................6 Cenários Propostos...........................................................7 Primeiro Cenário........................................................................7 Funções Utilizadas..................................................................................8 Segundo Cenário........................................................................9 Funções utilizadas.................................................................................10 Referências Bibliográfica.................................................11 2

3 Introdução Mootools é um framework de codigo aberto em JavaScript, utilizado para a criação de aplicações web. Características: ◦ Uma característica marcante é a qualidade de produção de animações é bastante difundida e e tem uma série de vantagens ◦ É um framework leve, modular e livre de erros ◦ Suportado por uma ampla comunidade, pois existem varios desenvolvedores que utilizam com sucesso e criam uma serie de componentes já prontos para utilizar nas pagias web, como calendários, editores de texto etc... 3

4 Conceitos Como visto, Mootoos é um framework JavaScript, que serve para criar facilmente o código javaScript independente do navegador, de uma forma rápida e direta 4

5 Como funciona Realizar o download da biblioteca basta acessar o site mootools.net/download Após realizado o download voce irá incluir em seu projeto o seguinte codigo, para a utilização do framework: 5

6 Compatibilidade Safari Internet Explorer Mozila Firefox Opera Camino 6

7 Cenários Propostos Primeiro Cenário – Codigo Fonte 7

8 Funções utilizadas no primeiro cenário A função $(), que foi utilizada para receber um objeto com um elemento da pagina As bibliotecas Element.js dentro do pacote chamado NATIVE  Método setOpacity(), para alterar a transparencia de um elemento.  Método setStyle(), para alterar qualquer estilo css do elemento. 8

9 Cenários Propostos Segundo Cenário – Codigo Fonte 9

10 Funções utilizadas no segundo cenário Este exemplo utiliza o módulo chamado Element.Dimensions.js, que tem dois métodos para fazer o deslocamento: Método scrollTo(): Serve para deslocar um elemento a uma nova posição. Método getSize(): Serve para obter as dimensões de um elemento. 10

11 Referências Bibliográficas “Manual Mootools “, Miguel Agel Alvarez, disponível em www.criarweb.com.br/manual- mootools/, acessado em junho 2013.www.criarweb.com.br/manual- mootools/ “Download Mootools“, Valério Proietti, disponível em mootools.net/download, acessado em junho 2013. “Jquery x Mootools”, Aaron Newton, disponível em www.jqueryvsmootools.com, acessado em junho 2013.www.jqueryvsmootools.com 11