دوره مجازی جاوااسکریپت (جلسه 19): انیمیشن ها ، متدهای فیلترینگ و پیمایش در جی کوئری

- visibility ۲۰ mode_comment

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

مطالب مطرح شده در این جلسه عبارتند از :

  • پیمایش  تگ های html با استفاده از کدهای جی کوئری
  • یاداوری ساختار درختی تگهای موجود در صفحات وب
  • معرفی متدهای فیلترینگ
  • متدهای first, last, eq, not, filter و ...
  • معرفی متدهای متفرقه
  • مشکل تداخل کدها، دلیل آن و روش های رفع آن
  • متد noConflict و نحوه جلوگیری از تداخل کدهای شما با کدهای دیگر
  • انتقال اشیاء دریافت شده توسط جی کوئری به یک آرایه جاوااسکریپت
  • معرفی انیمیشن ها در جی کوئری
  • متد hide و show : مخفی سازی و نمایش مجدد یک تگ در صفحه وب
  • متد fadeIn و fadeOut و fadeToggle: انیمیشن های fade در جی کوئری
  • متد های slideUp , slideDown و slideToggle : انیمیشن های اسلاید در جی کوئری
  • متد animate و ایجاد انیمیشن های دلخواه در جی کوئری
  • متدهای کار روی انیمیشن ها
  • متد های stop , delay , finish  و ...
  • توابع callBack در جی کوئری و کاربرد آن ها
  • صدازدن زنجیروار متدها در کوئری - jquery method chaining
  • معرفی متد و رویداد hover و نحوه کار با آن
info توجه

این مطلب یک جلسه از دوره جاوااسکریپت و جی کوئری می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره جاوااسکریپت و جی کوئری

comment دیدگاه کاربران
Mehdi Zeynali

سلام
استاد نحوه زوم کردن توی php storm چجوریه ؟

وحید صالحی

سلام کلید ctrl رو نگه داری و با wheel موس زوم رو کم یا زیاد کنید

Mehdi Zeynali

مرسی
بقیه نرم افزار های اینطوری اند ولی این نشد

کیوان علی محمدی

برو قسمت تنظیمات و گزینه Change font size (Zoom) with Ctrl+MouseWheel رو فعال کن.

nader70

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

لقمان آوند

تنها نه. حتما باید یه زبون سمت سرور مثل php یا asp.net هم استفاده بشه .

ehsan69

سلام دکتر لقمان و خسته نباشی
لطفاً توی این دوره هم به مانند دو دوره ی html و php، فریم ورک های جاوا اسکریپت رو هم معرفی نمایید.
باتشکر

لقمان آوند

این پیشنهاد رو بررسی می کنیم. شاید مختصری در این مورد صحبت کردیم .

hassani

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

لقمان آوند

ممنون حسنی جان .
چشم حتما … اگر امکانش بود مثال easing هم میزنیم …

hassani

سلام استاد گرامی.
یه ماشین حساب رو کدنویسی کردم ببینیدش:
http://s6.picofile.com/file/8206207650/calculator.rar.html
چطوره؟
برای رادیکال نمیدونستم باید چیکار کنم.
در ضمن تصویر اون گلی که در بخش شکلک های کامنت ها بود رو بذارید .اینقدر براتون گل گذاشتم که گلاتون تموم شد؟ 😀 😀 😀

لقمان آوند

ممنون حسنی جان
کارت خیلی خوبه و روز به روز داری پیشرفت میکنی . رادیکالم وقت بزاری میدونی چیکارش کنی . الان داری نتیجه همون وقت گذاشتنای خودتو میبینی …
گلامون تموم شد. حالا سفارش دادیم ماه آینده میرسن ;D

hassani

اگه پیشرفتی در کار هست به خاطر تدریس خوب و کامل شماست.همونطور که قبلا گفته بودم من از جاوااسکریپت میترسیدم وقتی کدهاشو میدیدم ولی الان مشتاقم بقیه آموزش ها رو ببینم و پروژه های بیشتری رو کدنویسی کنم.
تشکر از تیم سون لرن

لقمان آوند

ممنون از لطف شما

na3r

لطفا url این صفحه رو اصلاح کنید : js-s19 —> js-s18
من به اشتباه افتادم ..!
ممنون.

لقمان آوند

ممنون
تصحیح شد

mehdi karimi

سلام
استادتو جی کوئری متد delay قبل متد css جواب میده ؟ چون هرچی امتحان کردم که بعد چند ثانیه تاخیر تغییرات سی اس اس اعمال بشه نشد
اینم کدم :

وحید صالحی

خیر دوست عزیز ابتدا یه عملی باید صورت بگیره تا تاخیر و delay روش اعمال بشه در ضمن په نیازی به این ار هست!!!؟

مجید زارعی هوشیار

سلام…تشکر از آموزش های خوبتون…………همیشه حسرت اینو میخورم کاشکی زود تر با سایت شما آشنا میشدم. بخصوص شخص آقای دکتر آوند …واقعا خسته نباشید…
یه سوال داشتم بحث های پیشرفته کلاس ها هم در جاوا اسکریپت وجود داره…………interface و abstract و…. ؟

لقمان آوند

سلام و ممنون از لطفتون
به صورت مستقیم خیر مباحثی مثل abstract و interface نداره ولی میشه یه جورایی شبیه سازیشون کرد …

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.