جلسه ۲۷ : ۹ توصیه کاربردی در کوردوا

• جزئیات
• نوع محتواآموزش تصویری

.مقدمه

با سلام خدمت کاربران گرامی سایت پی وی لرن و کاربرانی که علاقمند به فراگیری دوره آموزش کوردوا هستند. در جلسه گذشته  پلاگین whitelist و کاربرد های آن را به شما معرفی نمودیم. در این جلسه که آخرین جلسه از دوره آموزش کوردوا است ۹ توصیه کاربردی در کوردوا را به عنوان حسن ختام به شما ارائه می کنیم.

۹ توصیه کاربردی در کوردوا

همان طور که می دانید از کوردوا برای ساخت برنامه های هیربدی موبایلی (hybrid mobile app) استفاده می شود.
بهتر است چنین موضوعی را قبل از شروع پروژه هایتان در نظر داشته باشید.
در ادامه ۹ توصیه کاربردی در کوردوا را که می توان برای توسعه برنامه ها (apps) از آن ها بهره گرفت معرفی می کنیم.

۱- استفاده از برنامه Single Page Apps

توصیه می شود از این برنامه در کلیه برنامه های کوردوا استفاده نمایید.
Single Page Apps از مسیریاب client-side و navigation loaded در single page استفاده می کند که معمولاً به صورت (index.html) است.
در کل این فرآیند AJAX فرآیند مسیر یابی را انجام می دهد.
احتمالا متوجه شده اید که تقریبا هر پلاگین کوردوا باید منتظر بماند تا دستگاه آماده شود تا بتوان از آن استفاده نمود.
با این اوصاف طراحی SPA به سرعت بارگذاری و بهبود عملکرد کلی بسیار کمک می کند.

۲- استفاده از Touch Events

از هنگامی که استفاده از کوردوا برای دنیای تلفن همراه متداول شده است؛ به جای click events از touchstart و touchend events استفاده می شود.
از آن جا که click events تاخیری  ۳۰۰ میلی ثانیه ای دارند بنابرین نمی توان آن ها را به صورت محلی و بومی به کار برد.
البته باید در نظر داشت که touch events ها نیز قابل پشتیبانی در هر پلتفرمی نیستند.

۳- استفاده از Animations

انمایش CSS Transitions همیشه بهتر از انیمیشن های جاوا اسکریپت است.
لذا توصیه می شود همواره از CSS Transitions به جای انیمیشن های جاوا اسکریپت استفاده نمایید.

۴- استفاده از storage

تا آن جا که می توانید از storage caching (قابلیت ذخیره سازی) استفاده کنید.
اتصالات شبکه تلفن همراه معمولا بد است.
بنابرین سعی کنید میزان استفاده از تماس های درون برنامه تان را کاهش دهید.
همچنین باید وضعیت آفلاین برنامه را مدیریت کنید، زیرا زمانی که دستگاه های کاربر آفلاین هستند ممکن است زمان موجود به هدر رود.

۵- استفاده از Scrolling

معمولاً کندترین قسمت از برنامه شما لیست scrolling است.
چندین راه برای بهبود عملکرد scrolling برنامه وجود دارد.
توصیه ما استفاده از scrolling محلی یا (native scrolling) است.
وقتی آیتم های زیادی در لیست هستند توصیه ما استفاده از loaders برای بارگذاری آن ها است.

۶- Images ها

Images ها تصاویر ممکن است موجب کند شدن سرعت برنامه های موبایل شوند.
توصیه می شود از شبه تصویر های سی اس اس یا (CSS image sprites) استفاده کنید.
سعی کنید تصاویر را کاملا جایگزین آن ها نمایید.

۷-  استایل های سی اس اس (CSS styles)

توصیه می شود از shadows و gradients ها اجتناب کنید، زیرا آنها زمان رندر صفحه را کاهش می دهند.

۸- ساده سازی

مرورگر DOM سرعت کندی دارد. بنابراین سعی کنید دستکاری DOM و عناصر DOM را به حداقل برسانید.

۹- آزمایش کردن

برنامه خود را در دستگاه ها و نسخه های مختلف سیستم عامل های مختلف تست نمایید تا از درستی آن مطمئن شوید.
به یاد داشته باشید که اگر برنامه شما در یک دستگاه خوب و بی وقفه کار می کند لزوماً به معنای آن نیست که در دیگر دستگاه ها و پلتفرم ها هم عمکرد خوبی داشته باشد.

کلام آخر

در این جلسه ۹ توصیه کاربردی در کوردوا را ارائه دادیم که می تواند در استفاده بهتر از کوردوا شما را یاری دهد.
این جلسه آخرین جلسه از دوره آموزش کوردوا است و امیدواریم که این دوره توانسته باشد مفید فایده واقع شود.
با پی وی لرن همراه باشید.