آشنایی با جی کوئری، کار با پلاگین های jquery و CSS

دسته بندی: جاوا اسکریپت
زمان مطالعه: 2 دقیقه
۰۶ اسفند ۱۳۹۳

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

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

  • معرفی یک سایت و ابزار برای بررسی قابلیت های پشتیبانی شده در مرورگرهای مختلف
  • توضیح کلی در مورد نحوه کدنویسی جاوااسکریپت
  • ذکر یک مثال جاوااسکریپت برای مخفی سازی پاراگراف با کلیک روی دکمه
  • آشنایی با جی کوئری و قواعد نوشتاری آن
  • ذکر مثال معادل جی کوئری برای مخفی سازی پاراگراف با کلیک روی دکمه و نمایش تفاوت دو مثال
  • ذکر مزیت های jquery نسبت به جاوااسکریپت خالص
  • ایا برای کار با جی کوئری حتما یادگیری جاوااسکریپت ضروریست؟
  • آموزش روش کار و استفاده از پلاگین ها و کتابخانه های جی کوئری و  CSS
  • استفاده از پلاگین ها در بطن پروژه جلسه 15 برای کاربردی بودن آموزش ها
  • آموزش نحوه جستجوی برای یافتن پلاگین های مفید جی کوئری و  CSS
  • نکات مهمی در مورد استفاده از پلاگین ها
  • چه زمانی از پلاگین ها استفاده کنیم و چه زمانی خودمان کدنویسی کنیم؟
  • آموزش کامل استفاده از 6 پلاگین کاربری (دانلود، مطالعه اسناد کمکی، نصب و استفاده)
  • پلاگین prefixfree : رهایی از بند ویژگی های پیشوندی مرورگرهای مختلف
  • پلاگین buttons.css : ایجاد دکمه های زیبا و متنوع به راحتی هر چه تمامتر
  • پلاگین hint.css : ایجاد تولتیپ های متنوع و قابل تنظیم
  • پلاگین fontAwesome : پلاگین و مجموعه عظیمی از آیکن های مورد استفاده در صفحات وب
  • پلاگین PrettyPhoto : پلاگینی جذاب و زیبا برای نمایش lightbox با ظاهری شیک
  • پلاگین ResponsiveSlides : پلاگینی کم حجم و کارا برای ایجاد اسلایدرهای واکنشگرا
  • آموزش نحوه استفاده از تنظیمات پلاگین ها
  • آموزش شخصی سازی دکمه های اسلایدر برای سازگاری با قالب و ایجاد ظاهر بهتر و شکیل تر
:: توجه

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

ثبت نام در آموزش طراحی وب سایت

نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

جلسات دوره

نظرات کاربران

محمد جواد عالمی

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

لقمان آوند

سلام
چک کردیم مشکلی نبود جناب عالمی
الان بررسی کنید

مهسا بیات

سلام و خسته نباشید.
از آموزش های عالیتون ممنونم.
حین استفاده از گالری slick با مشکلی مواجه شدم.هر چند که دقیقا مطابق با usage عمل کردم.
https://kenwheeler.github.io/slick/
فقط تعداد محدودی از گاری نمایش داده میشه و اسکرول میخوره.
ممنونم از همراهیتون

حسین ملهم

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

لقمان آوند

ارادتمندم جناب دکتر

فرزانه

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

لقمان آوند

سلام
می تونید این مقاله رو بخونید.

Esmail Muhmmadzade

سلام آقای دکتر آوند.
قبل از هر چیزی به خاطر آموزش های خوبتان ازتان سپاسگزارم.
من طبق دستوری که برای استفاده از plugin PrettyPhotoگفته بودید عمل کردم ولی جواب نگرفتم (باکس نمایش داده نشد) اما با خطایابی که داشتم متوجه شدم که این plugin با ورژن jQuery من سازگار نیست (آخرین ورژن jQuery) و بایستی حتما از ورژن های سازگاری که توی خود مستندات این plugin است استفاده کرد.
سوال کلی ام این است که آیا باید از plugin هایی استفاده کرد که محدودیتی در نوع ورژن های jQuery ندارند یا ترفندی برای رفع این قبیل مشکلات وجود دارد.
با آرزوی صحت و سلامتی برای شما و خانواده محترمتان
منتظر جوابتان هستم

راضیه حسین ابادی

ممکنه راهنمایی بفرمایید؟

لقمان آوند

اگر کدتون رو سمت وب دارید آدرس بدید که یه چک بکنیم.

راضیه حسین ابادی

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

لقمان آوند

!important رو هم در پدینگتون قرار بدید و چک کنید

آسیه جعفری

ازم registeration key میخواد که نمیدونم باید از کجا بیارمش میشه خواهش کنم راهنماییم کنید؟

لقمان آوند

سلام
گویا رایگان نیست و برای همین key می خواد

آسیه جعفری

ممنونم از پاسخ گویی سریع و آموزش های فوق العادتون واقعا عالی بودن

آسیه جعفری

من یه نرم افزاری دانلود کردم از این سایت ولی نمیدونم چطور کدش رو بگیرم این هم آدرس سایت https://cssslider.com/non-jquery-slider-1.html

Milad Hassani

به ترتیب قرار گرفتن لینک ها در تگ head توجه کنید
در نظر داشته باشید که فایل اصلی css شما باید قبل از تمامی فایل های جاوااسکریپت تعریف شود

وحید صالحی

برای ایم مورد باید به css ,html و جاوااسکریپت مسلط باشید در ضمن وقتی این همه چلاگین رایگان هست نیازی به کدنویسی از ابتدا نیست

آسیه جعفری

نمیخوام از پلاگین استفاده کنم در واقع میخوام ازش یاد بگیرم که چطور میتونم فقط با html و css یک اسلایدر ریسپانسیو و بهینه داشته باشم البته همراه با دکمه های کنترلی

لقمان آوند

بله پلاگین های جی کوئری زیادی وجود داره. این موارد رو ببینید.

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

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