مجموعه آموزش‌ jQuery (جی کوئری)

یک صفحه وب که به صورت حرفه ای طراحی شده باشد دارای دو بخش کلی Client و Server است. بخش کلاینت شامل سه قسمت طراحی ساختار (HTML)، رنگ و لعاب (CSS) و منطق (JavaScript) است. کار با JavaScript کمی دشوار است چرا که اولا بر روی همه مرورگرها به یک شکل اجرا نشده و ثانیا منجر به تولید کدهای پیچیده و طولانی می شود و دادن جلوه های ویژه به عناصر صفحه وب را با دشواری همراه می کند.

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

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

با توجه به رشد روزافزون تکنولوژی AJAX در طراحی وب سایت ها، وب اپلیکیشن ها و استفاده از فریم ورک های مشهور جاوا اسکریپت (Java Script) نظیر Angular JS و همچنین استفاده موتور جستجوی Google از آن، تصمیم به تهیه آموزش کاربردی در این بخش جذاب از وب را گرفتیم. در این فرادرس، قصد داریم به صورت کاربردی استفاده از AJAX را با استفاده از کتابخانه مشهور جاوا اسکریپت که جی کوئری (jQuery) نام دارد را آموزش دهیم.

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

آموزش های مقدماتی تکنولوژی های مختلف برنامه نویسی تحت وب فراوان یافت می شوند و تعداد بسیار کمی از این آموزش ها به صورت کاربردی به این تکنولوژی ها می پردازند. به همین منظور، برای استفاده کاربردی از سه تکنولوژی HTML5 ,CSS3 و jQuery آموزشی را تهیه کردیم تا کاربرد این سه تکنولوژی وب را به صورت عملی تدریس نموده و زمینه استفاده کاربردی از مقدمات را فراهم نماییم. بخش یکم آموزش نیز بر همین مبنا پایه ریزی شده بود و مثال های متنوعی در آن ارائه شده بود. در این قسمت، مثال های متنوع تری را ارائه می کنیم تا تسلط شما بر استفاده کاربردی از این سه تکنولوژی افزایش یابد.