cssblog.ir logo

کتابخانه جی کوئری یکی از پر استفاده‌ترین کتابخانه‌های موجود در سطح اینترنت و در میان اپلیکیشن‌های تحت وب می‌باشد. این کتابخانه امکان انتخاب ساده و سریع عناصر از طریق سلکتورهای CSS آنها فرآهم می‌نماید و علاوه بر آن، شامل متدهای بسیار مفیدی می شود که برای انجام کارهای مختلفی همچون تغییرمحتوا و HTML عناصر، تعامل با کاربر از طریق رویدادها، افکت ها و انیمیشن‌ ها و نمایش/عدم نمایش عناصر کاربرد دارد که لیست کاملی از API آن را می توانید در این صفحه مشاهده نمایید. 

من هم در این دوره سعی داشته‌ام که به شکل سریع و مفید، نحوه استفاده از کتابخانه جی‌کوئری را آموزش دهم و سپس به تدریج به معرفی متدهای مهمی آن بپردازم. امیدوارم که این دوره نیز همانند دوره‌های قبلی مورد پسند شما قرار گیرد.

جهت دسترسی به کدهای ایجاد شده در طی این دوره repository مخصوصی را در github بوجود آوردم.  

فهرست مطالب دوره

۰

مقدمه دوره آموزش جی کوئری

صحبت های اولیه درباره محتوا و مزیت های این دوره

۰۱:۰۲
۱

دانلود و تست صحت عملکرد جی کوئری

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

۰۲:۴۱
۲

اولین استفاده از کتابخانه جی کوئری

تعریف Event Listener برای نمایش یک alert ساده در هنگام کلیک

۰۵:۵۸
۳

اعتبارسنجی (validation) ساده فرم با جی‌کوئری

معرفی متدهایی برای خواندن مقدار فیلدهای ورودی، حذف و اضافه کلاس، رویدادهای مربوط تایپ و متد on

۲۶:۳۹
۴

روش های مختلف نمایش و مخفی ساختن عناصر با جی کوئری

معرفی متدهای مختلف جی کوئری که در نمایش/مخفی ساختن عناصر کاربر دارند

۱۱:۱۹
۵

ساختن تب (Tab) با کمک کتابخانه جی‌کوئری

ایجاد عملکرد تب با استفاده از جی کوئری

۱۶:۰۲
۶

ساخت یک برنامه ساده با استفاده از جی کوئری

برنامه ساده ای جهت اضافه کردن مقدار یک فیلد ورودی به داخل یک لیست

۲۶:۲۹
۷

نحوه استفاده از انیمیشن ها در جی کوئری

متد animte و نحوه استفاده از آن برای دادن انیمیشن به تغییرات مشخصه های CSS یک عنصر

۰۷:۲۴
۸

بهینه سازی عملکرد jQuery

معرفی روشی کاربردی و بهینه سازی عملکرد سلکتورهای جی کوئری

۰۵:۱۸
۹

استفاده جی کوئری در کنار کتابخانه ProgressBar.js جهت نمایش نوار وضعیت

استفاده از کتابخانه ای جهت نمایش نوارهای وضعیت (Progress Bars) بهمراه جی کوئری

۱۳:۴۵
۱۰

آموزش پلاگین نویسی برای جی کوئری

آموزش موضوع بسیار مهم پلاگین نویسی در قالب یک مثال

۱۴:۳۷
۱۱

صحبت پایانی

۰۲:۵۳

هزینه دوره

این دوره تنها به ازای پرداخت وجه قابل مشاهده می‌باشد. پس از خریداری دوره به تمامی قسمت‌های آن دسترسی خواهید داشت.

۱۶,۰۰۰ تومان
خرید

میزان پیشرفت شما

شما تاکنون هیچ قسمتی از این دوره را به اتمام نرسانده‌اید

شما <% completed.length %> قسمت از <% totalLessons %> قسمت این دوره را به اتمام رسانده‌اید

تبریک! شما تمام قسمت های این دوره را به اتمام رسانده‌اید.

نیازمندی های پیشنهادی

برای اینکه روند اصولی و صحیح آموزش را طی کنید، پیشنهاد می‌کنیم که قبل از فراگیری این دوره، از تسلط بر مفاهیم این دوره ها مطمئن شوید

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

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

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند

دوره‌های پیشنهادی

ممکن است به دوره‌های زیر نیز علاقه‌مند باشید