آموزش MooTools (بخش اول)

آموزش موتولز که دوست خوبم سینا فتحی اونو آماده کرده است رو رو شروع می کنم، امیدوارم که مفید واقع بشه.

1-مقدمه
با ظهور و گسترش وب2 ، لزوم پرداختن به مقوله ی طراحی و نحوه ی تعامل با کاربران به یکی از دغدغه های طراحان سایت، تبدیل شده است. در این راستا بیشتر طراحان از زبان جاوا اسکریپت به منظور ایجاد پویایی در سایت ها استفاده می کنند. یکی از مشکلاتی که زبان جاوا اسکریپت در این زمینه دارد، سختی کار با آن می باشد. این امر طراحان را به این امر واداشت که کتابخانه ای به منظور توسعه جاوا اسکریپت طراحی کنند. در اواخر سال 2005 اولین کتابخانه جاوا اسکریت با نام Prototype عرضه شد، که به دلیل معایبی که داشت، (برای مثال سازگاری پایین با انواع مرورگرها) هرگز مورد اقبال عمومی قرار نگرفت. پس از آن کتابخانه های زیادی در این رابطه ایجاد شدند که پرطرفدارترین آنها JQuery می باشد.
Mootools 1.2 یک کتابخانه ی قدرتمند و در عین حال سبک جاوا اسکریپت می‌باشد که به منظور سهولت توسعه جاوا اسکریپت طراحی شده است. از جهتی می توان موتولز را به عنوان توسعه دهنده CSS در نظر گرفت. برای مثال CSS امکان تغییر یک ویژگی از hover را فراهم می‌کند، جاوا اسکریپت قابلیت استفاده از رویدادهای دیگری را فراهم می کند (مانند click، MouseOver، KeyStokes و …) و موتولز این کار را بسیار ساده می کند.
در این مقاله فرض بر این است که خواننده هیچ آشنایی قبلی با Mootools و JavaScript ندارد. اما آشنایی مقدماتی با CSS و HTML الزامی است.
به علاوه، موتولز علاوه بر تغییر ویژگی‌های یک المنت، قابلیت هایی دارد که به طراحان امکان افزودن پویایی به صفحات وب را می دهد. البته قابلیت های موتولز در این موارد خلاصه نمی شود و امکانات دیگری همچون استفاده از توابع، آرایه ها، ارث بری و… را فراهم می کند.
1-1- مزایا
مهمترین مزایایی که موتولز نسبت به سایر کتابخانه های جاوا اسکریپت دارد، شامل موارد زیر است:
• سبک
• کم حجم
• سازگاری بالا: پشتیبانی از مرورگرهای IE 6+، Firefox، Safari، Opera، Camino
• سریع
• استفاده نسبتاً آسان
• طراحی ماژولار
• شیء گرا