آموزش جی کوئری برای طراحان وب

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

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• نحوه استفاده از پرونده های تمرینی How to use the exercise files

• چالش ها Challenges

1. مقدمه jQuery 1. jQuery Introduction

• jQuery یک کتابخانه JavaScript است jQuery is a JavaScript library

• چه موقع از jQuery استفاده کنیم When to use jQuery

• گزینه های دیگر برای jQuery Alternatives to jQuery

• از کدام نسخه استفاده کنید Which version to use

• نحوه نصب jQuery How to install jQuery

• منابع مرجع Reference Materials

2. مفاهیم اساسی 2. Essential Concepts

• تنظیم توابع Set up functions

• عناصر را انتخاب کنید Select elements

• کد کوتاه تر با زنجیر زدن Shorter code with chaining

• از کلاسها استفاده کنید Use classes

• DOM را اصلاح کنید Modify the DOM

• چالش: بازخورد فرم Challenge: Form feedback

• راه حل: بازخورد فرم Solution: Form feedback

3. این در جی کوئری آسانتر است 3. It's Easier in jQuery

• الزام آور رویداد Event binding

• مقادیر را بخوانید و تنظیم کنید Read and set values

• ویژگی ها و خصوصیات Attributes and properties

• چالش: فرم تماس پویا Challenge: Dynamic contact form

• راه حل: فرم تماس پویا Solution: Dynamic contact form

4- یک پلاگین را ادغام کنید 4. Integrate a Plugin

• با Colorbox یک گالری بسازید Build a gallery with Colorbox

• افزونه را اولیه کنید Initialize the plugin

• گزینه های گالری را تغییر دهید Change gallery options

• چالش: تبدیل به نمایش به صورت اسلاید Challenge: Convert to slideshow

• راه حل: تبدیل به نمایش پرده ای Solution: Convert to slideshow

5. انیمیشن 5. Animation

• جاوا اسکریپت یا CSS برای انیمیشن JavaScript or CSS for animation

• انیمیشن های ساده Simple animations

• خواص عددی را تحریک کنید Animate numeric properties

• سهولت Easing

• سبد خرید را با انیمیشن تقویت کنید Enhance a shopping cart with animation

• چالش: بهبود انیمیشن Challenge: Improve the animation

• راه حل: انیمیشن را بهبود ببخشید Solution: Improve the animation

نتیجه Conclusion

• مراحل بعدی: افزونه ها Next steps: Plugins

• مراحل بعدی: jQuery Next Steps: jQuery

• مراحل بعدی: JavaScript Next Steps: JavaScript