در بخش قبل در مورد عناصر DOM صحبت و توضیحاتی در مورد چگونگی ایجاد آنها ارائه کردیم ، اکنون تا حدی با جی کوئری آشنا شده اید ، اگر به وب سایت jquery.com مراجعه کرده باشید ، می توانید به انواع مختلف از نمونه های کد های این زبان دسترسی داشته باشید و آشنایی بیشتری با آنها پیدا کنید.
اما در ادامه به بحثی می رسیم که مربوط به اکثر زبان ها می شود و داشتن و یا نداشتن این قابلیت ، آینده آن زبان را مشخص می کند.
چگونه jQuery را توسعه دهیم؟!
یکی از مواردی که می تواند نقطه قوت یا ضعف یک زبان برنامه نویسی باشد ، قابلیت توسعه آن زبان است . همانطور که در بخش های قبل نیز مشاهده کردید تابع اصلی و پوششی جی کوئری این قابلیت را دارد تا تعداد زیادی ازتوابع و نیاز هایی که یک طراح وب در طراحی نیاز دارد برایش به ارمغان آورد و به دفعات زیاد نیز مورد استفاده قرار گیرد. تمامی قابلیت های که این تابع برای ما می تواند ایجاد کند همه از قبل در کتابخانه جی کوئری نوشته شده اند و به نوعی مورد استفاده قرار گرفتن آنها توسط سازندگان جی کوئری پیش بینی شده است.
اما همگان می دانند که هر کتابخانه ای هرچند از همه لحاظ کامل به نظر رسد ، اما باز هم ممکن است روزی برسد که شخصی تقاضای موردی را کند که در آن کتابخانه موجود نباشد ، آن وقت به نظر شما تکلیف چیست؟!
شاید این دلیلی باشد که تا به حال هیچ کتابخانه ای ادعای کامل بودن و رفع تمامی نیاز های کاربران خود را نکرده است. البته ممکن است به انجام رساندن این ادعا با صرف وقت و کار زیاد امکان پذیر باشد ولی در اینجاست که فاکتور فضا و حجم از بین می رود. افزودن مواردی جدید به کتابخانه ممکن است تا حدی باعث کاملتر شدن آن شود ولی نمی توان افزایش حجم را فدای کامل شدن کتابخانه کرد ، مخصوصا اینکه این روز ها حجم و فضای اشغال شده توسط یک برنامه خود تبدیل به فاکتور مهمی در موفقیت برنامه ها و اسکریپت ها شده است.
خوشبختانه نویسندگان جی کوئری به مواردی که در بالا به آنها اشاره شد توجه داشته اند و با مصرف انرژی و صرف وقت راه حل این مشکل را پیدا کرده اند! بر این اساس جی کوئری به نحوی طراحی و پیاده سازی شده است که به راحتی بتوان توابع مورد نیاز برخی از طراحان وب که به صورت معدود مورد استفاده قرارمی گیرند ، به سادگی نیز در دسترس ایشان قرار گیرد.
با استفاده از قابلیت توسعه جی کوئری می توان از امکانات قدرتمندی که ممکن است کمتر در یک طراحی وب مورد نیاز شود ، استفاده کرد.
بگذارید تا با ارائه مثالی این مسئله را بازتر کنیم. فرض کنید جی کوئری در حالت استاندارد از هیچ تابعی برای غیر فعال کردن گروهی از عناصر صفحه ، پشتیبانی نکند و در صفحه نیز از فرم (form) های مختلف استفاده کرده ایم که هر کدام از عناصر با یک کلاس خاص تعریف شده اند ، به صورت استاندارد باید از این دستور استفاده کرد:
$("form#myForm input.special").disable();
اما توجه داشته باشید که تابع disable در برنامه وجود ندارد و اجرای این دستور همراه با خطا خواهد بود ، باید خودمان با توجه به خاصیت توسعه پذیری جی کوئری تابع مورد نظر را بنویسیم:
$.fn.disable = function() {
return this.each(function() {
if (typeof this.disabled != "undefined") this.disabled = true;
});
}
تعداد زیادی از دستورات جدید در این مثال استفاده شده است که شاید آشنایی زیادی با آنها نداشته باشید ، اما نگران نباشید ، در بخش های بعد کاملا به معرفی آنها خواهیم پرداخت.
در ابتدا عبارت$.fn.disable به این معنی است که با استفاده از .fn$ در حال توسعه جی کوئری ومعرفی تابعی جدید با نام disable هستیم ، در داخل آن تابع this به گروهی از توابع DOM اشاره می کند که نیاز به استفاده از آنها داریم و سپس به کمک تابع ()each می توان عملیات مورد نظر خود را به گروهی از عناصر موجود در صفحه تخصیص دهیم. به تابع ()each تابع دیگر پاس می دهیم که توسط آن عملیات مورد نظر خود را انجام می دهیم. برای هر عنصر چک می کنیم که آیا خاصیت disabled را دارند و یا نه ، در صورت غیر فعال بودن ، وضعیت آنها را true تنظیم می کنیم ، سپس نتایج در هر بارانجام عملیات توسط تابع ()each بازگردانده می شود ، با این حساب تابعی که نوشته شده قادر خواهد بود تا از خاصیت های دیگری نیز پشتیبانی کند ، به عنوان مثال بعد از غیر فعال کردن عناصر مورد نظر ، کلاس مشخصی نیز به آنها نسبت دهیم:
$("form#myForm input.special").disable().addClass("moreSpecial");
جالب است نه؟! بسیاری از خاصیت های که به صورت پیش فرض در جی کوئری تعریف نشده اند ، امروزه توسط توسعه دهندگانی که بر روی جی کوئری فعالیت می کنند نوشته می شوند که آنها را اصطلاحا “پلگین” های جی کوئری می نامند.

پویا سلیمی - ضمیمه کلیک روزنامه جام جم شماره 190

در بخش قبل درباره انعطاف پذیری جی کوئری صحبت کردیم و یکی دیگر از قابلیت های تابع اصلی جی کوئری را معرفی کردیم ، اکنون می خواهیم به صورت مستقیم و با استفاده از مطالبی که در بخش های قبل آموزش داده ایم به ایجاد عناصر DOM بپردازیم و مثال های در این زمینه جهت درک بهتر مسئله ، ارائه دهیم.
حتما تا به حال ، با گذشت زمان و مرور مثال های متنوع به کاربرد های مهم تابع اصلی جی کوئری ()$ پی برده اید اکنون می توانید به وضوح دریابید که نویسندگان جی کوئری از معرفی گروهی از نام های مختلف برای توابع و عملکرد های اصلی این زبان اجتناب کرده اند و آن قدر تابع اصلی این زبان را انعطاف پذیر طراحی کرده اند که از آن می توان به طرق مختلف استفاده کرد و تقریبا تمامی فرامین مورد نظری که یک طراح وب در طرح خویش نیاز دارد را ، این تابع انجام می دهد.
اما یکی دیگر از وظیفه هایی که می خواهیم در این بخش در مورد تابع اصلی جی کوئری ()$ معرفی و به آن بپردازیم ایجاد عناصر DOM با استفاده از این تابع و پاس دادن رشته ای از عناصر که در آن از کد های html استفاده شده است به این تابع جهت استفاده در بدنه اصلی صفحه مورد نظر است.

به عنوان مثال ، با استفاده از تکه کد زیر می توانیم یک پاراگراف را به عنوان یک عنصر DOM ایجاد کنیم که در آن رشته ای وجود دارد که متن مورد نظر ما به همراه کد های html مورد نظر قرار دارد:
$("

در این صفحه شما می توانید نحوه کارکرد مثالی که به آن اشاره کردیم را بهتر درک کنید. همانطور که در تصویر نیز مشاهده می کنید ، بخشی که فلش شماره 1 به آن اشاره می کند ، طرز صحیح معرفی جی کوئری به مرورگر را نشان می دهد. به محلی که فلش شماره 3 اشاره می کند دقت کنید ، به عنوان مثال می خواهیم بعد از این پاراگراف ، پاراگرف دیگری را با استفاده از عناصر DOM ایجاد کنیم و پارگراف اول را به اصطلاح دنبال کنیم و بعد از نمایشش دهیم.
در قسمت صفحه و در جایی که فلش شماره 2 به آن اشاره می کند ، کنترل کننده ای را ایجاد کرده ایم که بعد از اینکه عناصر DOM در ابتدای فراخوانی صفحه بارگذاری شدند به سرعت عمل می کند و وقفه کمی برای انجام این کار به وجود می آید ( در بخش های قبل توضیحاتی در اینباره ارائه کردیم) ، این وقفه آنقدر کوتاه است که کاملا از دید شما مخفی می ماند.
با عملکرد کنترل کننده ، دستوری که ایجاد کرده ایم اجرا می شود و پاراگرافی که می خواهیم بعد از پاراگراف اول نمایش داده شود ، در صفحه ظاهر می شود!
نتیجه اجرای این دستور در مرورگر به صورت زیر خواهد بود:

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

پویا سلیمی - ضمیمه کلیک روزنامه جام جم شماره 189

در بخش قبل درباره قدرتی که jQuery در پوشش دادن عناصر یک صفحه از خود نشان می دهد ، صحبت کردیم ، اکنون می خواهیم درباره توابع و ابزار های مفیدی که jQuery در اختیار طراحان وب قرار می دهد صحبت کنیم.

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

البته در اینجا باید با این نکته اشاره کنیم که ، ما اکنون هدفمان این نیست که به کارکرد و عملکرد این توابع در این بخش بپردازیم و هر کدام از آنها را معرفی کنیم ، بلکه به دلیل اهمیت آنها و اینکه در برخی مثال های که در ادامه مبحث به آنها اشاره و استفاده خواهیم کرد ، اکنون آنها را معرفی می کنیم و توضیحاتی در مورد نحوه کارکرد آنها می دهیم و در جای خود به معرفی و بررسی این توابع خواهیم پرداخت.
نشانه گذاری هایی که برای این توابع استفاده شده است ، شاید در ابتدا کمی عجیب برای شما به نظر برسد. بگذارید تا بحث را با ذکر مثالی باز تر کنیم ، به عنوان مثال ، برای قطع زائده های (trimming) یک رشته فراخوانی یک تابع به صورت زیر کفایت می کند:
$.trim(some string);
به یاد داشته باشید که کاراکتر $ به عنوان یک شناسه عمل می کند ، اگر استفاده از کاراکتر $ کمی برای شما عجیب و پیچیده است ، می توانید از روشی دیگر که قبلا هم به آن شاره شده است استفاده کنید:
jQuery.trim(some string);
دراین مثال کاملا می توانید به این نکته پی ببرید که استفاده از تابع trim می تواند به دو روش استفاده شود ، استفاده از کاراکتر $ و یا استفاده از کلمه jQuery در ابتدای فرا خوانی تابع مورد نظر.
توجه کنید که این عناصر در مستندات jQuery به عنوان utility functions شناخته و معرفی می شوند با اینکه همانطور که مشاهده کردید روش استفاده از آنها دقیقا همانند همان نمونه معروفی است (()$) که پیشتر به آن اشاره شد.می توانید برای دسترسی به لیست کامل مستندات jQuery به این آدرس docs.jquery.com مراجعه کنید.
در بخش های بعد بیشتر در مورد معرفی و استفاده از این توابع صحبت می کنیم ، اما بگذارید اکنون در مورد یکی دیگر از وظایفی که توابع در jQuery بر عهده دارند صحبت کنیم.

حاضر سازی و اداره یک سند
زمانی که در مورد جاوااسکریپت نامحسوس صحبت کردیم به این نکته اشاره کردیم که این روش تاکید زیاد بر روی جدا سازی حالت ها و رفتار یک عنصر از ساختار همان عنصر به طرزی نامحسوسی دارد ، همینطور به این نکته اشاره کردیم که می توان از خارج از یک صفحه کنترل کاملی بر روی هر کدام از عناصر موجود در صفحه داشت.
برای دستیابی به این هدف ، ما نیاز به راهی داریم تا عناصر DOM صفحه به صورت کامل بارگذاری و یا اصطلاحا “لود” شوند قبل از آنکه عملایت مورد نیاز بر روی آنها انجام شود.
در مثال ایجاد سطر های راه راه در یک جدول ، جدولی یا جداولی که می خواهیم سطرهای آن به صورت یک در میان با رنگ های متفاوت نمایش داده شوند ، باید کاملا در صفحه لود شوند تا عناصر DOM بر روی آنها بتوانند عمل کنند.
روش سنتی که برای این کار انجام می شود استفاده از اداره کننده onload در زمان لود صفحه برای دستیابی به این هدف است ، این روش باعث می شود بعد از اینکه صفحه کاملا لود شد عملایت خواسته شده بر روی عناصر صفحه انجام شود.
دستوری که جهت نمایش “راه راه” سطر های یک جدول مورد استفاده قرار می گیرد ، چیزی شبیه به این دستور خواهد بود:
window.onload = function() {
$("table tr:nth-child(even)").addClass("even");
};
استفاده از این خط دستور باعث می شود تا بعد از اینکه صفحه کاملا لود شد ، سطرهای جدول مورد نظر ، به صورت یک در میان با رنگ متفاوت نمایش داده شود.
شاید به عنوان یک کاربر معمولی که از یک صفحه وب بازدید می کنید بارها به این نکته برخورد کرده باشید و هیچ وقت به این نکته توجه نکرده باشید که این عملا یک نقص بزرگ در صفحاتی است که بارها از آن بازدید کرده اید.
در هفته بعد در مورد راه حلی که jQuery در اختیار طراحان وب جهت حل این مشکل قرار می دهد صحبت خواهیم کرد و مثال های نیز در همین زمینه ارائه خواهیم کرد.
پویا سلیمی - ضمیمه کلیک روزنامه جام جم شماره 187

در ادامه بحث پوششی که jQuery به عناصر یک صفحه می دهد که در بخش قبل به قسمت های از آن اشاره کردیم ، اکنون به توضیحات مفصل تری در اینباره می پردازیم.

طبق مثالی که قبلا به آن اشاره کردیم با استفاده از دستور
$("p a")
می توان به کلیه عناصر لینک   که درعنصر

قرار دارند دسترسی پیدا کرد. به این خاصیت jQuery ، پوشش jQuery می گویند.
بگذارید تا به عنوان مثال بخواهیم عنصر

در بخش پیشین توضیحاتی درباره خصوصیات جاوااسکریپت و دلایلی که باید رویداد های یک عنصر را از خود آن عنصر جدا کنیم را ارائه کردیم ، جاوااسکریپت نامحسوس را معرفی کردیم و مثالی برای درک بهتر این مسئله آوردیم ، اکنون به سراغ مهارت ها و توانایی های بنیادی jQuery می رویم.

بنیاد jQuery
jQuery از پایه بنای کار بر روی جدا سازی اطلاعات و وقایع عناصر یک صفحه از بدنه اصلی آن صفحه قرار داده است به نحوی که اگر بدنه اصلی صفحه HTML را در سطح پایین فرض کنیم ، عملایاتی که jQuery بر روی عناصر صفحه انجام می دهد در سطح بالای بدنه اصلی صفحه HTML قرار خواهد گرفت.

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

پوشش jQuery
زمانی که Css به عنوان یک ابزار طراحی در وب ارائه شد و به طراحان این امکان را می داد تا طراحی و فرم دهی صفحات وب را از بدنه جدا کنند ، نیاز به راهی بود تا به صورت مستقیم به گروهی از عناصر یک صفحه از طریق یک فایل Css خارجی ، دسترسی داشته باشیم. روشی که در اینجا توسعه و بسط داده شد ، استفاده از انتخابگر ها بود که استفاده از آنها باعث می شد که به طور مختصر کنترل عناصر موجود در صفحه HTML را بدست بگیریم.
برای مثال ، انتخابگر p a در یک فایل Css به تمامی عناصر لینک () در صفحه اشاره می کند که در داخل تگ

قرار داشته باشند. jQuery نیز چنین قدرتی به ما می دهد که توسط انتخاب گرها به عناصر مختلف صفحه دسترسی داشته باشیم ، البته . jQuery نتنها چنین امکانی به ما می دهد ، بلکه ، کمک می کند تا دستوراتی که کاملا در مرورگر های مختلف اجرا نمی شود نیز به طور معمول اجرا و نمایش داده شود.
انتخاب گری که ما در بخش های قبل مثال زدیم (nth-child) برای نمایش “راه راه” ردیف های یک جدول مثال خوبی از انتخابگر های معرفی شده در CSS3 می باشد.
برای کنترل گروهی از عناصر در یک صفحه ما از دستور زیر استفاده می کنیم:

$(selector)
ویا این دستور:

jQuery(selector)
البته شما بیشتر با نمونه اول در دستورات مواجه خواهید شد که به دلیل کوتاهی و سادگی استفاده از آن است.
به عنوان نمونه برای بدست آوردن کنتل تمامی عناصر لینک () که در داخل تگ

در یک صفحه قرار دارند می توان از کد زیر استفاده کرد:

$("p a")
تابع ()$ در اصل یک شیئ از جاوا اسکریپت را که حاوی یک آرایه از عناصر DOM که با انتخابگر منطبق است را بر می گرداند. این شیئ دارای تعداد زیادی از روش های از پیش تعیین شده است که می توانند بر گروهی از عناصر انتخاب شده تاثیر بگذارد.
در بخش بعد توضیحات بیشتری در مورد قدرتی که jQuery در پوشش دادن عناصر یک صفحه می تواند به طراحان وب دهد ، ارائه خواهیم کرد.

پویا سلیمی - ضمیمه کلیک روزنامه جام جم

این روز ها دنیای وب و اینترنت مدام در حال تغییر است و هر روز فناوری جدیدی عرضه می شود. دنیای وب سایت ها و وبلاگ ها نیز از این تغییرات مستثنی نیستند و با ورود تکنولوژی 0.2 Web تغییرات زیادی را در طراحی و پیاده سازی سایت ها و وبلاگ ها مشاهده می کنیم.

جاوا اسکریپت‌

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

جاوا اسکریپت یک زبان سمت سرویس گیرنده (کلاینت ساید) است ، از این رو برای اجرای این زبان چنانچه تنها مرورگر وب شما قابلیت اجرای این زبان را داشته باشد کافی است. به عبارتی برای اجرای دستورات مرتبط با این زبان، سرور اشغال نمی شود و تمام دستورات بر روی رایانه کاربران بارگذاری و اجرا می شوند.

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

کالبد را بشناسیم‌

با وجود توصیفات بالا ، مفهموم فریم ورک (Framework) در زبان جاوا اسکریپت به وجود آمد. فریم ورک ها در برنامه های دیگر نیز به یاری برنامه نویسان می آیند و کار آنها را ساده تر می کنند.

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

قدرت و سرعت‌

همانطور که قبلا هم اشاره شد در برنامه نویسی باید به دو نکته توجه خاصی داشت :

• 1- قدرت انجام کار
• 2- سرعت پاسخگویی در انجام وظایف‌

از این رو فریم ورک های مختلف و گوناگونی توسط توسعه دهندگان جاوا اسکریپت ارائه شده است که معروف ترین و پرکاربرد ترین آنها عبارتند ازJQuery ،Prototype ،MooTools و فریم‌ورک معروف یاهو که YUI نام دارد .

بر اساس آمار و نظرات طراحان وب،JQuery از محبوبیت بیشتری در میان طراحان وب برخوردار است و اگر می خواهید این گفته به شما ثابت شود ، پیشنهاد می کنیم به ساختار سایت های جدیدی که طراحی شده اند نگاهی بیندازید! در کد نویسی هر فریم ورک نحوه و ساختار خاصی وجود دارد که اگر با جی کوئری آشنایی داشته باشید ، می توانید به سادگی به این نکته پی ببرید.

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

جواب این سوال ساده است! قبلا هم اشاره کردیم که هدف از ارائه فریم ورک های جدید به دست آوردن سرعت بالا و در عین حال قدرت کامل در انجام وظایفی است که طراح یا برنامه نویس به آنها نیازمند است.

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

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

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

پویا سلیمی - ضمیمه کلیک روزنامه جام جم

در مقاله قبل توضیحات مختصری در مورد وب 2 و ابزار های مورد نیاز جهت طراحی و پیاده سازی یک سایت وب دویی ارائه کردیم ، در مورد زبان جاوااسکریپ و انواع فریم ورک های که تحت این زبان ارائه شده اند نیز توضیح دادیم. چند مورد از معروفترین فریم ورک های جاوا اسکریپت معرفی شدند و توضیحات مختصری درباره آنها داده شد و دلایل انتخاب jQuery به عنوان قدرتمندترین فریم ورک حال حاضر جاوا اسکریپ ارائه شد که همین دلایل باعث انتخاب jQuery برای معرفی و آموزش در این بخش می باشند. اما در ادامه می خواهیم به صورت کاملا پایه ای به معرفی و استفاده از تکنیک های که jQuery در اختیار یک طراح وب قرار می دهد بپردازیم.

معرفی jQuery
معرفی jQuery به عنوان زبانی که نیاز به دانش سطح بالای برنامه نویسی ندارد ، توسط فعالان و توسعه دهندگان وب ، باعث شد که جاوا اسکریپت به طور کلی اعتبار از دست رفته خود را با ارائه تکنولوژی جدید و موارد کاربری تحت وب بار دیگر بدست آورد.
این زبان با سرعت زیادی توسعه داده شد و توسعه دهنگان آن مبنای سرویس دهی آن را بر اساس تکنولوژی سمت سرویس گیرنده (کلاینت ساید) تنظیم کردند ، هدف آنان ایجاد زبانی بر مبنای جاوااسکریپ ولی همراه با قدرت و سرعت بیشتر و درعین حال دسترسی کامل و سریع به کتابخانه های مورد نیاز جاوا اسکریپت جهت حل مشکلات نمایش یک صفحه وب در مرورگر های مختلف بود. این زبان روش های جدید و نوینی را در اختیار طراحان وب قرار داد تا با کمک عواملی دیگر ، نسخه ای جدید از وب را معرفی کنند.
با وجودیکه jQuery مدت زیادی نیست که به عنوان یک ابزار کارآمد به طراحان و برنامه نویسان وب معرفی شده است ولی همانند یک طوفان با سرعت زیادی جوامع آنلاین توسعه دهنده گان و طراحان وب را در نوردید و توانست توجه مدیران سایت هایی نظیر MSNBC جهت استفاده از این زبان در ساختار سایت خود را جلب کند و یا در پروژه های کد بازی نظیر SourceForge ، Trac و Drupal مورد استفاده قرار گیرد.
در مقایسه با دیگر ابزار ها که توجه ویژه ای به ساختار هوشمند و کارا در استفاده از تکنیک های جاوا اسکریپت دارند ، jQuery توانایی تغییر مسیری را دارد که طراحان وب در مورد ایجاد یک صفحه وب در ذهن خود می پروانند. خیلی سریعتر از قبل و با کمتر درگیری با توابع و عملکرد های پیچیده جاوا اسکریپت که عموما و در زمان های قبل استفاده می شد ، طراحان وب قادر خواهند بود با استفاده از اطلاعاتی که به طور معمول در مورد طراحی وب دارند (CSS و XHTML) عناصر صفحات وب را ایجاد و مدیریت کنند.

چرا jQuery؟
اگر شما مدت زمانی را صرف ایجاد بخشی پویا در صفحه خود کرده باشید ، حتما به این نکته توجه کرده اید که دائما باید از یک الگو برای یک عنصر در چند جای مختلف استفاده کنید تا بتوانید مجموع آنها را به یک روش و رویه مشخص نمایش دهید. شما می تونید بعضی از آنها را پنهان کنید و یا برخی دیگر را آشکار کنید ، می توانید یک کلاس مشخص CSS برای عنصر مورد نظر انتخاب و ایجاد نماید و یا از خواصیت های هر عنصر به صورت جدا جدا و تک به تک استفاده کنید و مقادیر متفاوتی را به آنها نسبت دهید ولی تنها با استفاده از یک خط از کد های jQuery می توان تمام آنچه را که مورد نیاز داشته اید را در زمانی خیلی کوتاه ایجاد کند.
سازندگان jQuery برای این زبان کتابخانه ای در نظر گرفته اند که باعث می شود کار های پیچده که به صورت عمومی مورد استفاده طرحان وب قرار می گیرد در کوتاه ترین زمان ممکن و به ساده ترین صورت ممکن در اختیار ایشان قرار گیرد.
برای مثال ، برخی از طراحان از جاوااسکریپت برای نمایش “راه راه” ردیف ها و یا ستون های یک جدول استفاده می کنند.
تغییر رنگ هر ردیف یا ستون خود به تنهایی نیاز به نوشتن چندین خط دستور و کد است ولی تنها با استفاده از یک خط از دستور jQuery می توان به هدف مورد نظر رسید:
$("table tr:nth-child(even)").addClass("striped");

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

پویا سلیمی - ضمیمه کلیک روزنامه جام جم