پاورپوینت جی کوئری

بخشی از پاورپوینت

اسلاید 3 :

فهرست مطالب
جی کوئری چیست ؟
ویژگیهای jQuery
مزایا و معایب
چند نکته برای بهینه سازی و افزایش کارایی کدهای JQuery
آشنایی با کد نویسی در jQuery
چند مثال
منابع

اسلاید 4 :

جی کوئری چیست ؟
جی کوئری یک فریم ورک بسیار ساده و سریع از کتابخانۀ جاوا اسکریپت است که باعث سرعت بخشیدن در دسترسی، توازن، حرکت و آژاکس کردن صفحات HTML می شود. در سایت جی کوئری شعار اصلی جی کوئری این است :
جی کوئری برای این طراحی شده است که مسیر عوض شود و شما هم جاوا اسکریپت بنویسید.

اسلاید 5 :

ویژگیهای jQuery
ویرایش ظاهر صفحه (با CSS)
عکس العمل نشان دادن نسبت به فعالیت کاربر در یک صفحه وب
اضافه کردن انیمیشن به صفحه
آسان کردن جاوا اسکریپت
منوها
گالری تصاویر با جلوه های ویژه
چارت ها و نمودارها
امکان ارائه محیطی کابر پسند
و . . .

اسلاید 6 :

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

جامعه بسیار فعال، متنوع و رو به رشدی دارد.

کدباز و مجانی است.
مهارت به دست آمده از jQuery را در سکوهای دیگری غیر از داتنت هم میتوان استفاده کرد.
مهارت به دست آمده از jQuery را میتوان در مباحث دیگری غیر از آژاکس هم مورد استفاده قرار داد.

اسلاید 7 :

معایب jQuery
نیاز به مقدار زیادی یادگیری HTML، CSS، JavaScript و… دارد.

به احتمال خیلی زیاد نشود از بعضی کنترلهای ASP.NET به صورت معمول استفاده کرد.

اسلاید 8 :

چند نکته برای بهینه سازی و افزایش کارایی کدهای JQuery
۱٫ بروز باشید! آیا از متدها و تکنیکهایی استفاده می کنید که منسوخ شده اند؟
مثال : آیا شما تفاوت jQuery 1.3.2 و jQuery 1.4.2 را می دانید؟

2. آیا تنها کدهایی را که برای اجرا نیاز هست بارگزاری می کنید؟برخی توسعه دهنده ها تمام کدهای JQuery یک سایت را در تمام صفحات بارگذاری می کنند.صرف نظر از اینکه آیا از آن کدها در آنجا استفاده می کنند یا خیر.
۳٫ تست واحد (Unit Testing)
Jquery مانند یک زبان برنامه نویسی هست که ممکن است باگ داشته باشد.

اسلاید 9 :

چند نکته برای بهینه سازی و افزایش کارایی کدهای JQuery(ادامه)
4 : کدهای JQuery تان را محک بزنید
کدتان چقدر سریع است؟


5 : با فشرده سازی فایل JS زمان بارگزاری را کمینه کنید.
اگر می خواهید صفحاتتان سریع تر بارگزاری شود تمام اسکریپت ها را در یک فایل قرار دهید و آن را فشرده کنید. به این منظور می توانید از منابع زیر استفاده کنید:

http://jscompress.com/ http://www.halmatferello.com/lab/wp-js/

اسلاید 10 :

چند نکته برای بهینه سازی و افزایش کارایی کدهای JQuery(ادامه)
7 : Window.load
حقیقت این است که برنامه با استفاده از Window.load بهینه تر می شود. علت این است که document.ready در طول زمان رندر صفحه (در حالی که اشیاء هنوز در حال بارگزاری هستند) اجرا می شود و این موجب کمی واماندگی در صفحه می شود. شما می توانید با قرار دادن توابع در رویداد load وقتی تمام اشیاء فراخوانی شدند در HTML بارگزاری کنیدتا میزان مصرف CPU را در زمان بارگزاری صفحه کاهش دهید

8 ٫ استفاده از JavaScript در کنار JQuery

اسلاید 11 :

آشنایی با کد نویسی در jQuery
مثال : ساختن یک جعبه که با کلیک کردن محو شود

مرحلۀ اول دریافت فریم ورک جی کوئری

مرحلۀ دوم لینک کردن فریم ورک جی کوئری در فایل HTML

روش اول :
 

اسلاید 12 :

آشنایی با کد نویسی در jQuery (ادامه)
روش دوم :
jQuery همچنین می تواند از طریق Google AJAX Libraries API در صفحه بارگذاری شود.

روش چهارم :
مایکروسافت همچنین jQuery را بر روی سرویس AJAX CDN (سرویسی است که با توجه به موقعیت جغرافیایی شما درخواست را به نزدیکترین سرور به محل زندگی شما راهنمایی می کند) میزبانی می کند.
 

اسلاید 14 :

آشنایی با کد نویسی در jQuery (ادامه)
مرحله سوم :