مقدمه

باسلام خدمت کاربران محترم پی وی لرن و دوستان عزیزی که با آموزش jQuery موبایل همراه ما هستند.جی کوئری موبایل از کتابخانه‌های جی‌کوئری است که برای ایجاد اپلیکیشن‌های موبایل تحت وب استفاده می‌شود. پایه اصلی این فریم‌ورک Html ، Css ، JavaScript و jQuery می‌باشد؛ در نتیجه بر روی اکثر سیستم‌ عامل‌ های مطرح گوشی‌ های هوشمند و تبلت‌ ها قابل اجرا است . با توجه به طراحی برنامه برای گوشی‌ های هوشمند و تبلت‌ ها، مشخص است که اساس کار آن برای ارتباط با کاربر سیستم لمسی است. بر این اساس ما بررسی اجمالی آموزش jQuery موبایل ، ویژگی های جی کوئری موبایل و معایب و مزایای آن و پیش نیازهایی که برای این آموزش نیاز است را مورد بررسی قرار خواهیم داد.

بررسی اجمالی آموزش jQuery موبایل

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

از ویژگی های جی کوئری و jQueryUI برای ارائه ویژگی های API برای برنامه های کاربردی تلفن همراه استفاده می کنند.

این آموزش به شما اصول اولیه چارچوب جی کوئری موبایل را آموزش می دهد. ما همچنین درباره برخی مفاهیم مربوط به jQuery Mobile مفصل بحث خواهیم کرد.

این پروژه توسط تیم پروژه جی کوئری در سال ۲۰۱۰ توسعه داده شد و در جاوا اسکریپت نوشته شده است.

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

توجه به این نکته مهم است

این آموزش برای مبتدیان آماده شده است تا به آن ها کمک کند چارچوب اساسی jQuery Mobile را درک کنند.

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

در ادامه بررسی اجمالی آموزش jQuery موبایل را خواهیم داشت تا هرچه بیش تر با آن آشنا شوید.

پیش نیازها برای جی کوئری موبایل

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

چارچوب jQuery Mobile سرگرم کننده خواهد بود و از آن لذت خواهید برد.

چرا از jQuery Mobile استفاده می کنید؟

جی کوئری برنامه های وبی را ایجاد می کند که بر روی دستگاه های تلفن همراه، لپ تاب و دسکتاپ مشابه عمل می کنند.
این سازه با چارچوب های دیگر مانند PhoneGap، Whitelight و غیره سازگار است.
این مجموعه ای از ورودی های متناسب با نوع تماس و ویدجت های UI را فراهم می کند.
پیشرفت مترقی قابلیت های منحصر به فردی را برای تمامی دستگاه های موبایل، تبلت و پلت فرم های رومیزی به ارمغان می آورد و  صفحه های موثر لود و پشتیبانی وسیع تری را به همراه می آورد.

ویژگی های جی کوئری موبایل

جی کوئری در هسته jQuery ساخته شده است و از شعار Write less, do more جی‌کوئری پیروی می‌کند. زیرا به طور اتوماتیک صفحات وب را زیبا کرده و ظاهری کاربردی را به نمایش می گذارد که به طور یکسان در تمام دستگاه های موبایل کار می کند.
جی کوئری یک چارچوب منبع باز است و با cross-platform و همچنین cross-browser سازگار است.
جی کوئری در جاوا اسکریپت نوشته شده است و از ویژگی های هر دو jQuery و jQuery UI برای ساخت سایت های موبایل مناسب استفاده می کنند.
ادغام HTML5، CCS3، jQuery و jQuery UI در یک چارچوب برای ایجاد صفحات با حداقل اسکریپت است.
این شامل سیستم ناوبری آژاکس است که از انتقال صفحات متحرک استفاده می کند. بعد از بیان ویژگی های جی کوئری موبایل به بیان مزایای آن می پردازیم.

مزایای جی کوئری موبایل

اگر شما در مورد ویژگی های HTML5،  CSS3 اطلاع داشته باشید، یادگیری و توسعه برنامه آسان است.
جی کوئری موبایل با کراس پلت فرم و کراس بروزر سازگار است بنابراین شما لازم نیست نگران نوشتن کد های مختلف برای رزولوشن های مختلف در دستگاه ها باشید.

(Cross-Platform به نرم افزارهایی گفته می شود که در چندین سکو (چندین سیستم عامل ) قابلیت اجرا دارند. Cross-Browser در واقع به این معناست که کد های HTML و CSS و کد های Client Side نوشته شده در یک وب سایت، به شکلی نوشته شوند که در تمامی مرورگرها Browsers به یک فرم دیده شده و قابل اجرا باشند)

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

(گوگل به سایت های که از تکنولوژی ریسپانسیو در طراحی سایت استفاده می‌کنند لقب موبایل فرندلی می‌دهد، یعنی در این سایت ها وقتی کاربری با تلفن همراه، تبلت و لپ‌تاپ وارد یک صفحه از سایت می‌شود ابعاد سایت متناسب با رزولوشن صفحه نمایش کاربر تغییر می‌کند.)

پس از بیان ویژگی های جی کوئری موبایل در قسمت بعد به معایب آن خواهیم پرداخت.

معایب jQuery موبایل

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

خب تا اینجا در بررسی اجمالی آموزش jQuery موبایل ویژگی های جی کوئری موبایل و معایب آن را هم بیان نمودیم.

بخش های مختلف این آموزش

دراین آموزش هر جلسه مبحثی را دنبال خواهیم نمود که نمونه هایی از آن ها عبارت است از :

تنظیمات jQuery mobile و نحوه دانلود jQuery Mobile و دانلود کتابخانه جی کوئری از CDNs

صفحات در jQuery mobile و DOM Cache در جی کوئری موبایل

آیکون ها در jQuery mobile

تنظیم انتقال و پیکربندی جهانی و افکت های انتقال درjQuery mobile

لایوت ها و ابزارک ها در جی کوئری موبایل

رویدادها و فرم ها و ایجاد تم ها در در جی کوئری موبایل

کلاسهای CSS جی کوئری و توضیحات آن ها

ویژگی های داده در جی کوئری

و…

از جمله موضوعاتی هستند که ما دنبالش هستیم تا بتوانیم ایجاد اپلیکیشن های موبایل را داشته باشیم.

کلام پایانی

همانطور که مشاهده نمودیم ،jQuery mobile دارای توابع و کلاس‌های مختلفی برای ساخت اپلیکیشن‌های موبایل است و از شعار Write less, do more  پیروی می‌کند.

با این فریم‌ ورک برای انجام هر کاری نیاز به حداقل میزان برنامه‌نویسی رو خواهیم داشت دلیلش رو هم این طور بیان نمودیم که جی کوئری موبایل به طور اتوماتیک صفحات وب را زیبا کرده و ظاهری کاربردی را به نمایش می گذارد که به طور یکسان در تمام دستگاه های موبایل کار می کند.

در این بخش بررسی اجمالی آموزش jQuery موبایل رو بیان نمودیم و ویژگی های جی کوئری موبایل و معایب و مزایای آن و همچنین پیش نیازهای این آموزش را مورد بررسی قرار دادیم.

در ادامه به تنظیمات جی کوئری موبایل خواهیم پرداخت. همرا ما با ادامه آموزش ها باشید.

این پست را ارزیابی کنید
    QR:  آموزش jQuery mobile
    به اشتراک بگذارید