آموزش دوره کامل jQuery: از مبتدی تا پیشرفته!

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

معرفی Introduction

• به دوره کامل jQuery خوش آمدید! بیاموزید که این دوره چه کاری می تواند برای شما انجام دهد! Welcome To The Complete jQuery Course! Learn What This Course Can Do For You!

• نحوه استفاده از این دوره برای به دست آوردن حداکثر مزایای آن و یادگیری سریع جی کوئری How To Use This Course To Gain Its Maximum Benefits & Learn jQuery Quickly

• مروری سریع بر جاوا اسکریپت و جی کوئری A Quick Overview of JavaScript and jQuery

• مروری بر چارچوب های جاوا اسکریپت Overview of JavaScript Frameworks

• راه اندازی ویرایشگر Setting Up The Editor

• کد در GitHub قابل دسترسی است Code is Accessible on GitHub

جلوه ها - انیمیشن ها Effects – Animations

• راه اندازی پروژه جی کوئری Setting Up The jQuery Project

• محو شدن عناصر (و محو کردن مجدد آنها) Fading In Elements (and Fading Them Out Again)

• یک دام با fadeIn/fadeOut در مقابل fadeTo A Pitfall With fadeIn/fadeOut vs. fadeTo

• نمایش و پنهان کردن عناصر Showing And Hiding Elements

• عناصر کشویی به بالا و پایین Sliding Elements Up And Down

• عناصر متحرک Moving Elements

• خلاق باشید: انیمیشن های سفارشی! Get Creative: Custom Animations!

• انیمیشن های تاخیری و زنجیره ای Delaying and Chaining Animations

• انیمیشن های زمان بندی با استفاده از توابع پاسخ به تماس Timing Animations Using Callback Functions

• فعالیت کدنویسی: ایجاد لایت باکس ثبت نام! Coding Activity: Creating a Signup Lightbox!

انتخابگرهای عنصر Element Selectors

• استفاده از انتخابگرهای CSS در جی کوئری Using CSS Selectors in jQuery

• روش های جی کوئری برای پیمایش jQuery Methods for Traversal

• روش های jQuery برای فیلتر کردن jQuery Methods for Filtering

دستکاری DOM I - درج، جایگزینی و حذف عناصر Manipulating the DOM I – Inserting, Replacing and Removing Elements

• DOM چیست؟ What is the DOM?

• افزودن عناصر جدید به DOM Adding New Elements to the DOM

• جایگزینی عناصر و محتوا Replacing Elements and Content

• حذف عناصر و محتوا Removing Elements and Content

• دستکاری صفات و خصوصیات Manipulating Attributes and Properties

• فعالیت کدنویسی: ایجاد یک نمایش اسلاید تصویر! Coding Activity: Creating an Image Slideshow!

دستکاری DOM II - تغییر داده های عنصر و CSS Manipulating the DOM II – Changing Element Data and CSS

• تغییر ویژگی های CSS عناصر Changing the CSS Properties of Elements

• اضافه کردن یا حذف کلاس های CSS Adding or Removing CSS Classes

• تغییر داده های یک عنصر Changing the Data of an Element

• بازیابی و تغییر محتوای یک عنصر Retrieving and Changing the Content of an Element

رویدادهای I ‒ مدیریت رویدادهای ماوس و رویدادهای صفحه کلید Events I ‒ Handling Mouse Events & Keyboard Events

• رویدادها و رویدادها چیست؟ What are Events and Event Handlers?

• افزودن کنترل کننده های کلیک Adding Click Handlers

• اضافه کردن Hover Handlers Adding Hover Handlers

• اضافه کردن MouseEnter & MouseLeave Handlers Adding MouseEnter & MouseLeave Handlers

• اضافه کردن همان Handler برای چندین رویداد Adding the Same Handler for Multiple Events

• مدولار کردن کنترلرهای رویداد (دیگر هیچ عملکرد درون خطی وجود ندارد) Modularizing Event Handlers (No More Inline Functions)

• رویدادهای واگذار شده Delegated Events

• ارسال اطلاعات اضافی به رویدادها Passing Additional Data to Events

• فعالیت کدگذاری: ایجاد یک گالری تصاویر با پیش نمایش Lightbox Coding Activity: Creating an Image Gallery with Lightbox Preview

• مدیریت رویدادهای KeyDown و KeyUp Handling KeyDown & KeyUp Events

رویدادهای II - فرم‌ها Events II ‒ Forms

• رویدادهای تمرکز و تاری The Focus & Blur Events

• با استفاده از رویداد تغییر Using the Change Event

• مدیریت رویداد ارسال Handling the Submit Event

• فعالیت کدنویسی: تکمیل اعتبار فرم در ارسال Coding Activity: Complete Form Validation on Submit

• فعالیت کدگذاری: فرم بازخورد سریع Coding Activity: Fast Feedback Form

آژاکس با جی کوئری Ajax with jQuery

• آژاکس چیست؟ What is Ajax?

• واکشی یک فایل سرور با جی کوئری Fetching a Server File with jQuery

• بازیابی تصاویر فلیکر از طریق API Flickr (+ درک JSON) Retrieving Flickr Images Through the Flickr API (+Understanding JSON)

• فعالیت کدنویسی: بازیابی اطلاعات پوکمون از PokéAPI (یا جنگ ستارگان) Coding Activity: Retrieving Pokémon Data from The PokéAPI (Or Star Wars)

• فعالیت کدنویسی: بهبود Pokédex Coding Activity: Improving the Pokédex

نتیجه Conclusion

• خلاصه دوره و نتیجه گیری! در این دوره چه چیزهایی یاد گرفتیم؟ Course Summary and Conclusion! What Have We Learned In This Course?

• بیشتر می خواهید؟! سخنرانی پاداش ویژه ما را تماشا کنید و امروز با ما به یادگیری ادامه دهید! Want More?! Watch Our Special Bonus Lecture & Continue Learning With Us Today!