parsgreen.com
article

فریم ورک های آژاکس (Ajax Frameworks)

ajax-framework

اگر استفاده شما از آژاکس و برنامه نویسی وب به امورات روزمره و در حد رفع نیاز محدود می شود، شاید خواندن ادامه این مطلب چندان هم برایتان ضروری نباشد، اما اگر می خواهید تا مرز حرفه ای شدن در آژاکس (یا به عبارتی صحیح تر، تا مرز استفاده حرفه ای از آژاکس)  پیش بروید، ناگزیر باید با فریم ورک های آن آشنا شوید، چرا که خیلی از کارهای پیچیده، با کدنویسی ساده آژاکس، محقق نمی شود و نیاز به کتابخانه ها و توابع آماده که آن را به اصطلاح فریم ورک می گویند داریم، به همین خاطر در ادامه آموزش های مقدماتی، این مطلب را اختصاص داده ایم به آشنایی با فریم ورک های آژاکس (Ajax Frameworks) تا بیش از پیش و با نگاهی بازتر بتوانیم از تمام قابلیت های این تئوری نوین وب، استفاده کنیم.

فریم ورک (Framework) چیست؟


فریم ورک (Framework) در اصطلاح کلی، معمولا به معنی کتابخانه ای از توابع یا ویژگی های آماده و انعطاف پذیر یک زبان برنامه نویسی است که به جهت تسهیل در روند کدنویسی ایجاد می شود، به این صورت که به جای اینکه در هر برنامه توابع را جداگانه بنویسند، توابعی انعطاف پذیر، برای مقاصد مختلف در قالب یک بسته ارائه می کنند و بر آن نام فریم ورک می نهند، اما بحث فریم ورک در آژاکس از این حالت هم فراتر می رود، فریم ورک های آژاکس قابلیت اتصال به سرور و کار با اشیاء XMLHttpRequest را دارند و معمولا برای ساخت برنامه هایی با رابط کاربری (interface) زیبا و دارای افکت های ویژه،  در وب به کار می روند.

فریم ورک های آژاکس چه قابلیت هایی دارند؟


اینکه استفاده از یک فریم ورک آژاکسی، چه قابلیت هایی در اختیار مان قرار می دهد، شاید به نوعی هدف و ضرورت استفاده از آن را مشخص می کند، برای صفحات معمولی و کاربردهای عادی، شاید استفاده از فریم ورک ها، آن هم با سرعت فعلی و کیفیت پائین اینترنت در ایران، کار درستی نباشد و موجب به دردسر افتادن خیلی از کاربران شود، اما برای پروژه های پیشرفته تر که نیاز به جلوه های ویژه، مثل افکت های خاص یا قابلیت های زیبا و کاربر پسند دارد، می تواند گزینه ضروری و مناسب تلقی شود، از طرفی در ادامه خواهیم دید، شیوه هایی وجود دارد که با آن می توان به فرض از یک فریم ورک پر کاربرد استفاده کرد تا با یک بار بارگذاری آن در حافظه مرورگر، دیگر کاربر برای بازدید از سایت های دیگر با فریم ورک مشابه، در انتظار بارگذاری مجدد آن نباشد.

پر کاربرد ترین فریم ورک های آژاکس


اینکه از چه فریم ورکی باید استفاده کنیم، مسئله بسیار مهمی است، چرا که انتخاب اشتباه، می تواند دوباره کاری های زیادی را سبب شود و آرامش شما را بر هم زند! به همین دلیل توصیه می شود از فریم ورک هایی استفاده کنید که پرکاربرد و به روز باشند، در زیر لیستی جهت نمونه ارائه می شود.

jQuery


jQuery یا به فارسی جی کئوری، در واقع یک کتابخانه از توابع جاوا اسکریپتی با پشتیبانی از آژاکس است،  یادگیری این فریم ورک بسیار آسان و کاربردی است و مثال های زیادی برای کار با آن وجود دارد، در واقع شعار برنامه نویسان jQuery کم بنویس و کارهای زیاد انجام بده (Write Less, Do More) است!، این فریم ورک در آدرس jquery.com در دسترس است و کافی است آن را دانلود و در صفحه خود به صورت یک فایل جاوا اسکریپتی معمولی ایمپورت کنید، سپس می توانید از دستورات آن که چندان هم سخت نیستند، استفاده نمائید.

کتابخانه گوگل یا  googleapis


یکی دیگر از پرکاربردترین کتابخانه های توابع و کلاس ها در آژاکس توسط تیم توسعه وب گوگل جهت استفاده عموم ارائه شده است که به مجموع آنها googleapis می گویند (api مخفف application programming interface به طور ساده به معنی الگوهایی از توابع، اشیاء، کلاس ها و... به صورت استاندار و آماده است که برای توسعه سایر امکانات یک نرم افزار و کمک به یک پارچه سازی آنها از نظر ساختاری، مورد استفاده قرار می گیرد)، بیشتر سایتهایی که از فریم ورک های آژاکس استفاده می کنند، ترجیح می دهند از این سورس آماده بهره بگیرند، چرا که کافی است کاربر یک بار از سایتی با این کتابخانه دیدن کند، از آن پس فایل فریم ورک در حافظه مرورگر ذخیره شده و در بارگذاری های بعدی به سرعت لُود می شود، این کتابخانه آژاکسی گوگل، در آدرس های مستقیم به فایل آن قابل دسترسی است، مثلا کد زیر آدرس نسخه 1.7.1 آن است که باید آن را در صفحه خود ایمپورت کنید (یا حتی فایل را دانلود کرده و از سرور خود، فراخوانی نمائید).
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
همچنین بد نیست به آدرس https://developers.google.com/closure نیز سری بزنید (البته متاسفانه در حال حاضر این لینک برای IP های ایران مسدود است).

کتابخانه آژاکسی مایکروسافت


برای کسانی که به زبان ASP برنامه نویسی می کنند، امکانات بسیار خوبی در زمینه توابع آژاکسی و کتابخانه های از پیش طراحی شده توسط شرکت مایکرسافت ارائه شده است که در آدرس asp.net/ajax قابل دسترسی است.

سایر فریم ورک های آژاکس


در پایان این مطلب بد نیست اشاره ای داشته باشیم به سایر فریم ورک های مرتبط با آژاکس، از جمله کتابخانه Mootools در آدرس mootools.net، کتابخانه Prototype  در آدرس prototypejs.org و همچنین کلاس (در حال تکمیل شدن) Tiny Ajax برای PHP در آدرس codeigniter.com/wiki/TinyAjax؛ به یاد داشته باشید که استفاده از فریم ورک در آژاکس اگرچه به خودی خود یک ضرورت نیست، اما برای کسانی که مخصوصا به جلوه های ظاهری اهمیت زیادی می دهند و سرعت، استحکام و سبکی کار در درجه دوم برایشان قرار می گیرد، می تواند بسیار رهگشا باشد.
sectionدسته بندی: آموزش مقدماتی » Ajax
related مطالب بیشتر:
» نمایش پیام و تصویر در حال بارگذاری (loading) در آژاکس (ajax)
» آشنایی با برنامه نویسی آژاکس (ajax)، تئوری نوین وب
» ارسال و دریافت اطلاعات با متد get و post در آژاکس (ajax)
» نمایش و ذخیره اطلاعات فایل با آژاکس (Ajax)
» نمایش افکت fade in با آژاکس (ajax)
commentنظرات (۱۰ یادداشت برای این مطلب ارسال شده است)
نویسنده: احسان
زمان: ۱۸:۲۴:۵۸ - تاریخ: ۱۳۹۱/۰۹/۰۸
نوشته ها تون خیلی عالی بود خدا خیرت بده
نویسنده: وحید
زمان: ۰۰:۲۵:۰۸ - تاریخ: ۱۳۹۲/۰۴/۱۷
سلام
من تقریبا نصف مطالب رو خوندم همه چی داره ولی بد نیست یه قسمت دیگه زیر تیتر بهینه سازی اضافه کنین
مثلا تیتر امنیت یا کدهای ایمنی یا نکته های امنیتی خلاصه در مورد امنیت کامل یک وبسایت لطفا
پاسخ: 
سلام
ممنون از پیشنهاد ارزشمند شما، در صورت امکان اضافه خواهد شد.
نویسنده: خلیل
زمان: ۱۳:۱۹:۳۵ - تاریخ: ۱۳۹۲/۰۷/۲۷
ممنون خیلی خوب بود . اره میتونین در منوی درختی سمت راست بعد از دانستنی ها یه صفحه در موضوع امنیت اضافه کنین که خیلی خیلی بهتر میشه چون موضوع امنیت بیشتر به کار میره . البته یه پیشنهاد بود . بازم ممنون
پاسخ: 
خیلی ممنون از پیشنهاد ارزشمند شما، در صورت امکان اضافه خواهد شد.
نویسنده: Ali
زمان: ۲۲:۵۶:۴۹ - تاریخ: ۱۳۹۳/۰۳/۲۸
سلام
ممنون از مطالب جالبتون...
من میخوام یک برنامه با آژاکس بنویسم که با در حین چت کردن متن رو همونجا نمایش بده
میتونین یه بخش به عنوان مثال های کاربردی بزنین؟ اگه ممکن باشه چند تا برنامه ساده با آجاکس رو توش بزارین ؟
متشکر از شما
پاسخ: 
سلام
طراحی سیستم چت نیاز به داشتن دانش و آشنایی در حد حرفه ای با مباحث مختلف جاوا اسکریپت و ترکیب آن با Ajax، PHP و MySQL است، متاسفانه نمی توان برای این مورد برنامه یا نمونه ساده ای نوشت! ذاتا پیچیده است و مباحث زیادی را شامل می شود، اگر به دنبال نمونه های ساده هستید، در آموزش های مقدماتی و در خلال مطالب به صورت موردی نمونه هایی وجود دارد.
نویسنده: مهدی
زمان: ۱۶:۴۸:۴۸ - تاریخ: ۱۳۹۳/۰۵/۲۳
بازم عالی
نویسنده: CHRIS-7
زمان: ۰۶:۴۴:۵۲ - تاریخ: ۱۳۹۴/۰۱/۱۰
با سلام - دوستان بنده چگونه می توانم از آژاکس برای انجمن SMF استفاده کنم - من کدها را در فایل دیگری نوشته اما می خوام آن فایل را فراخوانی کنم - ساده تر بگویم می خوام پستی را که می دهم بتوانم بدون بارگذاری مجدد پیش نمایش پست را مشاهده کنم.
با تشکر
پاسخ: 
سلام
سوال کلی است! ابتدا باید درک درستی از Ajax و قابلیت های آن داشته باشید، در کنار این موضوع باید با ساختار کدنویسی سیستم مدیریت محتوای انجمن نیز آشنا باشید، به عبارت دیگر بدون بررسی دقیق نمی توان راه حل ساده ای ارائه کرد!
نویسنده: CHRIS-7
زمان: ۲۰:۴۲:۲۱ - تاریخ: ۱۳۹۴/۰۱/۱۹
ممنون بنده توانستم با دانش خود مشکلم را حل کنم.
با تشکر از شما و سایت بسیار مفید و کاربردیتان.
نویسنده: وحید الوندی
زمان: ۱۴:۴۱:۰۳ - تاریخ: ۱۳۹۵/۰۱/۱۲
من برای اولین بار یک فریم ورک ساده css با نام رکسانا توسعه دادم که بر پایه scss است شما با معرفی این فریم ورک بنده را در توسعه و پیشرفت اولین فریم ورک ایرانی کمک کنید
لینک توضیحات
http://goo.gl/mO9jzJ
نویسنده: linkody
زمان: ۱۴:۰۸:۴۴ - تاریخ: ۱۳۹۵/۰۵/۱۷
استفاده از ajax تو همه زبان های برنامه نویسی یه جوره؟ یعنی همونطوری که توی asp براش کد میزنیم تو php هم میزنیم؟
پاسخ: 
بله، استفاده از قابلیت AJAX به زبان برنامه نویسی سمت سرور ارتباط مستقیمی ندارد!
نویسنده: مهدی
زمان: ۱۷:۴۰:۱۱ - تاریخ: ۱۳۹۵/۰۸/۰۸
googleapis چه جوری تلفظ میشه؟
پاسخ: 
تلفظ فارسی: "گوگل اپیز" تلفظ اصلی:
https://translate.google.com/#en/fa/googleapis

https://www.youtube.com/watch?v=gZTn6AQDy1g




more لطفا دقت کنید که یادداشت های زیر منتشر نشده و حذف خواهند شد:
- یادداشت های خارج از موضوع این مطلب.
- سوالات کلی، غیر ضروری و مشکلاتی که هیچ تلاشی برای رفع آن نکرده باشید.
- نظرات حاوی کدها و اسکریپت های خیلی طولانی (به طور مثال کد کامل قالب وبلاگ).

5 × 2
 refresh
آگهی
seonab.com
طراحی نرم افزار اندروید
رنگین کمان عکس
Ranginkamaan.com

آرشیو عکس های باکیفیت با موضوعات متنوع...