آموزش نکات و ترفندهای jQuery 1

سرفصل ها و درس ها

نکات و ترفندهای DOM DOM Tips and Tricks

• معرفی دوره Course Introduction

• مقدمه Introduction

• استفاده از CDN با یک بازگشت Using a CDN with A Fallback

• نسخه ی نمایشی: قرار دادن CDN و Fallback در عمل Demo: Putting a CDN and Fallback into Action

• کار با انتخابگرها Working with Selectors

• نسخه ی نمایشی: نکات و ترفندهای انتخابگر Demo: Selector Tips and Tricks

• نسخه ی نمایشی: ایجاد یک انتخابگر سفارشی Demo: Creating a Custom Selector

• محدود کردن تعاملات DOM Limit DOM Interactions

• نسخه ی نمایشی: تکنیک های دستکاری DOM Demo: DOM Manipulation Techniques

• بررسی اینکه آیا عنصری وجود دارد یا خیر Checking if an Element Exists

• نسخه ی نمایشی: آیا عنصری وجود دارد؟ Demo: Does an Element Exist?

• find() در مقابل filter() find() vs. filter()

• نسخه ی نمایشی: find() و filter() در Action Demo: find() and filter() in Action

• استفاده از تابع end() با Chaining Using the end() Function with Chaining

• نسخه ی نمایشی: حرکت به سمت بالا در زنجیره با end() Demo: Moving Up the Chain with end()

• استفاده از یک شی با متدهای ستر Using an Object with Setter Methods

• نسخه ی نمایشی: انتقال اشیا به روش های ستتر Demo: Passing Objects to Setter Methods

• از کلاس های بیش از سبک ها استفاده کنید Use Classes Over Styles

• نسخه ی نمایشی: از Classes Over Styles استفاده کنید Demo: Use Classes Over Styles

• خلاصه Summary

نکات و ترفندهای رویداد Event Tips and Tricks

• بررسی نسخه Version Check

• مقدمه Introduction

• .on() به جای .bind() .on() Instead of .bind()

• نسخه ی نمایشی: .on() به جای .bind() Demo: .on() Instead of .bind()

• .on() به جای .live() یا .delegate() .on() Instead of .live() or .delegate()

• نسخه ی نمایشی: .on() به جای .live() یا .delegate() Demo: .on() Instead of .live() or .delegate()

• رسیدگی به هیئت رویداد Handling Event Delegation

• نسخه ی نمایشی: مدیریت رویداد نمایندگی Demo: Handling Event Delegation

• فضای نام رویدادهای شما Namespacing Your Events

• نسخه ی نمایشی: فضای نام رویدادهای شما Demo: Namespacing Your Events

• ثبت رویدادها قبل از آماده شدن DOM Registering Events Before DOM Ready

• نسخه ی نمایشی: ثبت رویدادها قبل از آماده شدن DOM Demo: Registering Events Before DOM Ready

• استفاده مجدد از روش موجود به عنوان کنترل کننده رویداد Reusing Existing Method as Event Handler

• نسخه ی نمایشی: استفاده مجدد از روش موجود به عنوان کنترل کننده رویداد Demo: Reusing Existing Method as Event Handler

• ایجاد رویدادهای سفارشی Creating Custom Events

• نسخه ی نمایشی: ایجاد رویدادهای سفارشی Demo: Creating Custom Events

• تعیین ورودی کاربر Determining User Input

• نسخه ی نمایشی: تعیین ورودی کاربر Demo: Determining User Input

• تعیین اینکه آیا رویداد توسط کاربر راه اندازی شده است یا خیر Determine If Event was Triggered by User

• نسخه ی نمایشی: تعیین کنید که آیا رویداد توسط کاربر راه اندازی شده است یا خیر Demo: Determine If Event was Triggered by User

• درست به موقع Just-In-Time Initialization

• نسخه ی نمایشی: درست به موقع Demo: Just-In-Time Initialization

• خلاصه Summary

نکات و ترفندهای آژاکس و داده Ajax and Data Tips and Tricks

• مقدمه Introduction

• نحوه استفاده از Ajax Promises How to use Ajax Promises

• نسخه ی نمایشی: کار با Ajax Promises Demo: Working with Ajax Promises

• ادغام تماس های jQuery Ajax Consolidating jQuery Ajax Calls

• نسخه ی نمایشی: ادغام تماس های jQuery Ajax Demo: Consolidating jQuery Ajax Calls

• حل چندین تماس Ajax با when() Resolving Multiple Ajax Calls with when()

• نسخه ی نمایشی: حل چندین تماس Ajax با when() Demo: Resolving Multiple Ajax Calls with when()

• نسخه ی نمایشی: ارسال یک آرایه از Promises به when() Demo: Passing an Array of Promises to when()

• اضافه کردن هدر به درخواست آژاکس Adding Headers to an Ajax Request

• نسخه ی نمایشی: دستکاری هدرهای درخواست Ajax Demo: Manipulating Ajax Request Headers

• مبدل های سفارشی آژاکس Custom Ajax Converters

• نسخه ی نمایشی: ایجاد و استفاده از یک مبدل سفارشی Ajax Demo: Creating and using a Custom Ajax Converter

• ذخیره داده ها با تابع data(). Storing Data with the data() Function

• نسخه ی نمایشی: با استفاده از تابع data(). Demo: Using the data() Function

• کار با داده های HTML5-* ویژگی ها Working with HTML5 data-* Attributes

• نسخه ی نمایشی: استفاده از attr() و data() با ویژگی های data-* HTML5 Demo: Using attr() and data() with HTML5 data-* Attributes

• خلاصه Summary

نکات و ترفندهای کاربردی Utility Tips & Tricks

• مقدمه Introduction

• با استفاده از روش $.map Using the $.map Method

• نسخه ی نمایشی: با استفاده از روش $.map Demo: Using the $.map Method

• با استفاده از روش $.grep Using the $.grep Method

• نسخه ی نمایشی: با استفاده از روش $.grep Demo: Using the $.grep Method

• با استفاده از روش $.type Using the $.type Method

• نسخه ی نمایشی: با استفاده از روش $.type Demo: Using the $.type Method

• Feature Detect Not $.browser Detect Feature Detect Not $.browser Detect

• نسخه ی نمایشی: تشخیص ویژگی نه $.browser Detect Demo: Feature Detect Not $.browser Detect

• با استفاده از شی $.Callbacks Using the $.Callbacks Object

• نسخه ی نمایشی: با استفاده از شی $.Callbacks Demo: Using the $.Callbacks Object

• زمان و نحوه استفاده از jQuery.noConflict When and How to use jQuery.noConflict

• نسخه ی نمایشی: زمان و نحوه استفاده از jQuery.noConflict Demo: When and How to use jQuery.noConflict

• با استفاده از روش $.extend Using the $.extend Method

• نسخه ی نمایشی: با استفاده از روش $.extend Demo: Using the $.extend Method

• خلاصه Summary