در این قسمت از وبسایت پرووید دوره آموزش برنامه نویسی با jQuery را به شما معرفی می کنیم. jQuery یک library کوچک و بسیار سریع و غنی JavaScript می باشد که در یک فایل تک با پسوند .js قرار داده شده است. به دست آوردن عملیاتی که با jQuery انجام می شوند با استفاده JavaScript زمان بیشتری خواهد گرفت. بنابراین jQuery می تواند سطح تولید توسعه و یا اصطلاحاً development productivity را افزایش بدهد. در این سری آموزشی که از وبسایت پرووید به شما ارائه می شود در رابطه با jQuery صحبت خواهیم کرد. مباحث از موضوعات بسیار ابتدایی تا سطح پیشرفته ادامه پیدا خواهند کرد. این آموزش به قسمت های مختلفی تشکیل شده است که در هر قسمت موضوعات متفاوت به همراه مثال های ساده و توضیحات شفاف ارائه خواهند شد.
کتابخانه jQuery چیست؟
کتابخانه jQuery در واقع یک کتابخانه جاوا اسکریپت است که به منظور ساده تر کردن عملیات کار کردن با HTML DOM مورد استفاده قرار می گیرند. موضوعاتی از قبیل Ajax و استفاده از انیمیشن ها در CSS و همچنین Event Handling با استفاده از کتابخانه jQuery با کدهای تمیز و ساده تری امکان پذیر است. کتابخانه jQuery به صورت Open Source و رایگان در اختیار برنامه نویسان قرار میگیرد و امروزه در بسیاری از وب سایت ها مورد استفاده قرار گرفته است. بر اساس تجزیه و تحلیل های سطح وب مشخص شده است که یکی از پرطرفدارترین و پر استفاده ترین کتابخانه های جاوا اسکریپت که در برنامههای تحت وب مورد استفاده قرار می گیرد همین jQuery می باشد.
با استفاده از Syntax مربوط به کتابخانه jQuery امکان پیمایش کردن یک سند HTML و یا همان DOM بسیار ساده تر خواهد بود. انتخاب کردن Element ها، ایجاد کردن انیمیشن ها، هندل کردن Event ها و کار کردن با Ajax و قابلیتهای مختلف آن به سادگی توسط jQuery امکانپذیر خواهد بود. علاوه بر این، با استفاده از کتابخانه jQuery امکان ایجاد کردن پلاگین های مبتنی بر کتابخانه جاوا اسکریپت امکان پذیر خواهد بود. این موضوع باعث میشود تا برنامه نویسان بتوانند از تعاملات بسیار سطح پایین گرفته تا عملیات بسیار سطح بالا کارهای مختلفی را به صورت کاملاً ماژولار پیادهسازی کنند.
برخی از قابلیت های کتابخانه jQuery
قابلیت ماژولار بودن در کتابخانه jQuery اجازه می دهد تا شما بتوانید وب اپلیکیشن ها و وب سایت های داینامیک را به سادگی ایجاد کنید. یکی از قابلیتهای بسیار مهم در jQuery امکان انتخاب کردن DOM Element ها و همچنین پیمایش کردن و تغییر دادن آنها میباشد. موتور انتخابگر و یا Select Engine که در jQuery مورد استفاده قرار می گیرد باعث می شود یک سبک برنامه نویسی جدید در اختیار برنامه نویس قرار بگیرد تا وی بتواند بسادگی با DOM مورد نظر خود تعامل برقرار کند. این موضوع بر روی دیگر کتابخانه های جاوا اسکریپت نیز تأثیر گذاشته است. برای مثال اگر با Dojo کار کرده باشید می دانید که موتور انتخابگر در این فریم ورک بسیار شبیه به jQuery خواهد بود.
علاوه بر این موضوع، در jQuery مکانیزمی برای Event Handling و یا مدیریت کردن رویداد ها نیز وجود دارد که فرای انتخاب کردن DOM Element ها و تغییر دادن آنها میباشد. انتصاب دادن Event ها و همچنین تعریف کردن Callback Function ها برای هندل کردن هر کدام از Event ها در یک مکان تک از کد و در یک مرحله تک و یکسان اتفاق خواهد افتاد. jQuery اجازه می دهد تا شما بتوانید با کدهای دیگری که با استفاده از جاوا اسکریپت نوشته شده اند نیز ارتباط برقرار کرده و علاوه بر این پراپرتی های CSS مربوط به HTML Element های مورد نظر خود را نیز تغییر بدهید.
یکی از اصول بسیار مهم در jQuery تفکیک کردن جاوا اسکریپت و HTML می باشد. با استفاده از کتابخانه jQuery شما می توانید این کار را به سادگی انجام داده و به جای کار کردن با HTML Attribute های موجود در DOM به صورت جداگانه با جاوا اسکریپت و jQuery کارهای مورد نظر خود را انجام بدهید. این موضوع باعث می شود تا کدهای HTML از کدهای جاوا اسکریپت تفکیک بگردند. علاوه بر این، کدهای نوشته شده با jQuery به مراتب کوتاه تر و تمیزتر از کدهای جاوا اسکریپت می باشد. قابلیت زنجیر کردن کدها در jQuery باعث می شوند تا برنامه نویس بتواند کارهای مورد نظر خود را به سادگی انجام بدهد.
موضوع آخر در رابطه با jQuery حذف شدن ناسازگاری های بین مرورگرهای مختلف می باشد. همانطور که می دانید موتورهای مربوط به جاوا اسکریپت مربوط مرورگرهای مختلف از لحاظ هایی با یکدیگر متفاوت هستند و این موضوع باعث می شود که کدهای مربوط به جاوا اسکریپتی که به سادگی در یک مرورگر اجرا می شوند در مرورگرهای دیگر دچار مشکل باشند. jQuery تمامی این ناسازگاریها را حل و فصل می کند و یک اینترفیس یک شکل در اختیار برنامه نویسانی قرار می دهد که بر روی مرورگرهای مختلف برنامه را اجرا می کنند. از این جهت برنامه نویس دیگر نیازی به نگرانی در رابطه با ناسازگاری بین مرورگرهای مختلف نخواهد داشت.
مخاطبین این دوره آموزشی
مطالب مربوط به این دوره آموزشی برای تمامی توسعه دهندگان وب که در Front-end فعالیت می کنند بسیار مفید خواهد بود. تمامی دوستانی که قصد یادگیری مباحث مربوط به jQuery در سطوح مختلف را دارند میتوانند از این آموزش متنی رایگان استفاده کنند. در این آموزش متنی مثال های عمده ای را برای شما در نظر گرفته ایم تا با استفاده از آنها بتوانید مباحث مربوط به jQuery را به صورت عملی قرار بگیرید. بنابراین اگر به هر شکلی در توسعه وب اپلیکیشن ها فعالیت می کنید می توانید از مباحث مطرح شده در این آموزش متنی بهره مند شوید.
پیش نیازها
برای درک هرچه بهتر مفاهیم مربوط به این دوره آموزشی بهتر است که دانش اندکی در رابطه با زبان برنامه نویسی جاوا اسکریپت را داشته باشید. در این رابطه می توانید از آموزش رایگان جاوا اسکریپت و برنامه نویسی وب و آموزش جاوا اسکریپت و طراحی وب دیدن کنید. دانش شما در رابطه با موارد مربوط به توسعه وب اپلیکیشن ها و موضوعاتی از قبیل HTML و CSS نیز می تواند بسیار مفید باشد. در این رابطه نیز توصیه میکنیم که از آموزش HTML5 و طراحی وب و بسته ی آموزش ویدیویی CSS دیدن بفرمایید.