بعد از یادگیری جاوا اسکریپت , قصد داریم که آموزش جی کوئری را شروع کنیم.
کد نویسی با زبان جاوا اسکریپت می تواند سخت باشد، با وجود اینکه این زبان باز هم نسبت به بعضی از زبان ها ساده تر است ولی همچنان یک زبان برنامه نویسی است و بعضی از طراحان وب ، برنامه نویسی با JS را سخت می دانند.
کار با JavaScript کمی دشوار است چرا که اولا بر روی همه مرورگرها به یک شکل اجرا نشده و ثانیا منجر به تولید کدهای پیچیده و طولانی می شود و دادن جلوه های ویژه به عناصر صفحه وب را با دشواری همراه می کند.
بدین ترتیب کتابخانه ای از دستورات جاوا اسکریپت با نام جی کوئری (jQuery) پدید آمد که این مشکلات را حل می کند.
جی کوئری jQuery یک کتابخانه رایگان جاوا اسکریپت می باشد که هدف آن استفاده ساده تر از جاوا اسکریپت در سایت شما می باشد.
در واقع شما به کمک توابع موجود در جی کوئری می توانید دستورات جاوا اسکریپت را با کدهای ساده تر و کوتاه تر بنویسید. jQuery از مرورگرهای مختلف پشتیبانی می کند.
به کمک جی کوئری می توانید عناصر HTML موجود در صفحه را انتخاب و مدیریت کنید. به عناصر مختلف انیمیشن اضافه کنید و یا استایل آن ها را تغییر دهید و …
فریمورک های مختلفی از جاوا اسکریپت وجود دارد اما به جرات می توان گفت جی کوئری یکی از محبوبترین آن ها می باشد.
شعار جی کوئری “کدهای کمتر، اجرای بیشتر” (Write less, Do more) می باشد. و این شعار به معنای این است شما در هنگام کدنویسی نهایت لذت را از آن خواهید برد. (یعنی ممکن است برنامه ای که با جاوا اسکریپت حدودا ۳۰ خط میشه رو با ۵ خط در جی کوئری بنویسید جالبه نه!)
چرا jQuery ؟
فریمورک های جاوا اسکریپت زیادی وجود دارد ، اما جی کوئری (jQuery) دارای محبوبیت بیشتر بوده و قابلیت گسترش پذیری بالاتری دارد. بعضی از بزرگترین کمپانی هایی که از JQuery(جی کوئری) در وب استفاده کرده اند، عبارت اند از :
- Microsoft
- IBM
- Netflix
مهم ترین ویژگی های جی کوئری:
- سازگاری بالا با مرورگرها
- وجود پلاگین های متعدد در سطح وب
- کدنویسی ساده
- سمت کلاینت (Client side)
- متن باز
- پشتیبانی از Ajax
- پشتیبانی از انیمیشن و …
قبل از یادگیری JQuery
قبل از اینکه مطالعه ی آموزش جی کوئری را شروع کنید، شما باید دانش پایه ای(حداقلی) از موارد زیر را داشته باشید:
که به طور کامل آموزش پیشنیازهای بالا در سایت نت پارادیس قرار گرفته است.
در دوره آموزش جی کوئری چه چیزهایی فرا خواهیم گرفت ؟
این سری از آموزش جی کوئری تمام ویژگی های jQuery از جمله مکانیزم انتخابگرها (selector), سیستم مدیریت رویداد, متدهایی افکت برای ساخت رابط کاربری تعاملی مثل نمایش/مخفی کردن المان ها, متحرک سازی المان های صفحه وب و… را شامل می شود.
سپس بعضی از قابلیت های جالب دیگر جی کوئری مثل روش زنجیره ای متدها, انجام عملیات معمول دستکاری DOM مثل دریافت/ست کردن محتوا و مقادیر المان های HTML , افزودن/حذف المان ها یا خصوصیات آن ها, دریافت.سا کردن خصوصیات CSS یک المان, دریافت/ست کردن طول و عرض المان و… را خواهیم دید.
در نهایت, یکی از قدرمندترین ویژگی جی کوئری که پیمایش بین درخت DOM برای دریافت فرزند, والد و المان های خواهری است را آموزش می دهیم.
همچنین ویژگی هایی مثل فیلتر انتخاب المان ها, پیاده سازی Ajax برای دریافت اطلاعات از سرور و بروزرسانی محتوای صفحه بدون رفرش کردن آن و نحوه جلوگیری از ایجاد تداخل بین jQuery و دیگر کتابخانه های جاوااسکریپت را یاد می گیریم.
در قسمت بعدی آموزش جی کوئری , با نحوه استفاده از جی کوئری در صفحه وب شروع می کنیم. پس با ما همراه باشید