• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Cadius que es_moo_tools_
 

Cadius que es_moo_tools_

on

  • 1,644 views

 

Statistics

Views

Total Views
1,644
Views on SlideShare
1,233
Embed Views
411

Actions

Likes
0
Downloads
2
Comments
0

12 Embeds 411

http://epplestun.blogspot.com 243
http://epplestun.blogspot.com.es 86
http://epplestun.blogspot.ru 29
http://www.slideshare.net 15
https://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com 14
http://epplestun.blogspot.com.ar 7
http://epplestun.blogspot.mx 7
http://epplestun.blogspot.fr 4
http://epplestun.blogspot.co.uk 2
http://translate.googleusercontent.com 2
http://epplestun.blogspot.pt 1
http://epplestun.blogspot.in 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Cadius que es_moo_tools_ Cadius que es_moo_tools_ Presentation Transcript

    • Iván Rodríguez Twitter: @epplestun http://epplestun.blogspot.com
    • ¿Qué es MooTools? MooTools es un framework JavaScript compacto, modular y orientado a objetos. Permite escribir aplicaciones potentes, flexibles, ”cross- browser” y elegantes facilmente. Versión estable actual: 1.2.4 http://www.mootools.net
    • Navegadores soportados
    • Webs que usan MooTools ape - ajax push engine w3c cnet bing joomla vimeo palm nintendo phpMyAdmi n gamespot tv. com ferrari formula1 jeep powerset quizlet p aris envies netvibes
    • Estructura de MooTools MooTools Core Core, Native, Class, Element, Utilities, Fx, Request MooTools More Core, Class, Native, Element, Form, Fx, Drag, Request, Utilities, Interface, Localization
    • Documentación y ejemplos Documentación del core (núcleo) http://mootools.net/docs/core Documentación de plugins y mejoras del framework http://mootools.net/docs/more Demos http://demos.mootools.net/
    • Ejemplo de uso de Class var Animal = new Class({ initialize: function(age) { this.age = age; } }); var Cat = new Class({ Extends: Animal, initialize: function(name, age) { this.parent(age); //will call initalize of Animal this.name = name; } }); var myCat = new Cat('Micia', 20); alert(myCat.name); //Alerts 'Micia'. alert(myCat.age); //Alerts 20. http://jsfiddle.net/SWRHN/
    • Ejemplo de uso de Browser if(Browser.Platform.mac) { alert('The user uses Mac'); } if(Browser.Platform.win) { alert('The user uses Windows'); } if(Browser.Platform.linux) { alert('The user uses Linux'); } alert(Browser.Platform.name); http://jsfiddle.net/3yYt7/
    • Ejemplo de uso de Element var link = new Element('a', { 'href' : 'http://www.biko2.com', 'text' : 'Biko2' }).addClass('link').addEvent('click', function(e) { e.stop(); window.open(this.href); }); document.id(document.body).adopt(link); http://jsfiddle.net/KfE58/
    • Repositorio de plugins Forge Forge es el repositorio oficial de plugins de MooTools y está estrechamente integrado con GitHub. http://mootools.net/forge/ Guía para publicar un plugin http://mootools.net/forge/how-to-add http://mootools.net/forge/plugin-guidelines
    • Seguimiento de errores Lighthouse Lighthouse es el sistema que utiliza MooTools para localizar los errores de su desarrollo. https://mootools.lighthouseapp.com
    • Probando nuestro código jsfiddle jsfiddle es una página que nos permite probar y compartir nuestro código sin necesidad de descargar las librerías de MooTools. http://jsfiddle.net/
    • Usar MooTools sin descargarlo Google AJAX Libs MooTools está incluida en las librerías Ajax de Google, por lo que se puede cargar desde sus servidores. http://code.google.com/apis/ajaxlibs/documentation/index. html#mootools
    • Lo nuevo de MooTools 1.3 Slick, nuevo motor de selectores CSS (puro JavaScript). Posibilidad de hacer: new Element("input#someID.someClass1.someClass2[disabled=true]"); En lugar de: new Element("input", {"id": "someID", "class": "someClass1 someClass2", "disabled": true}); Adios a las funciones globales $chk, $pick ... Cambio en el manejo de tipos y método from añadido a todos los tipos Packager, genera tu propio MooTools
    • Webs y libros de referencia Webs http://www.mootools.net http://www.clientcide.com http://mootorial.com http://davidwalsh.name Libros http://www.amazon.com/MooTools-Essentials- JavaScript-Development-Firstpress/dp/1430209836