مدّتی پس از ارائه‌‌ی مفهوم PWA شرکت Google تصمیم گرفت شکاف بزرگی را که بین برنامه‌های غیر وبی و برنامه‌های وبی از نظر قابلیّت‌های ممکن وجود دارد از بین ببرد. در گذشته تفکر آن‌ها این بود که با روشی مثل Chrome App این شکاف را پر کنند، ولی تصمیم گرفتند به جای تمرکز روی یک …
نویسنده: مجتبی قاسم زاده تهرانی
برنامه‌نویس فرانت‌اند در پیامرسان گپ و نسیم رضوان. مدرس و عضو هیئت علمی مجموعه‌ی فراوین (farawin.com)
برنامه‌های وبی پیشرو – پوسته‌ی برنامه (App shell)
رایج‌ترین معماری برای بارگذاری سریع PWA و قابل اتّکا بودن آن معماری پوسته‌ی برنامه (یا app shell) است. پوسته‌ی برنامه شامل حدّاقل کد HTML، CSS و JavaScript لازم برای رابط کاربری برنامه است. اگر پوسته‌ی برنامه، یعنی همین فایل‌های html و css و js و تصاویر، در حافظه Cache ذخیره شود و در حالت Offline …
برنامه های وبی پیشرو – Web app manifest
پیش از این در بحث چیستی PWA گفتیم یک برنامه‌ی وبی پیشرو همانند نرم افزارهای غیر وبی در دستگاه کاربر قابل نصب است و آیکون آن در صفحه‌اصلی قابل نمایش خواهد بود و به صورت آفلاین هم کار می‌کند. در مورد چگونگی پیاده‌سازی برنامه به طوری که بتواند به صورت آفلاین هم اجرا شود قبلاً …
برنامه‌های وبی پیشرو – Service Worker
یکی از بزرگترین مشکلات در نرم افزارهای تحت وب نسبت به نرم‌افزارهای عادی مشکل قطعی اینترنت است، به طوری‌که اگر اتّصال کاربر به هر دلیل از اینترنت قطع شود دیگر نمی‌تواند با نرم افزار تحت وب کار کند، یا اینکه در مواقعی که سرعت اینترنت کند است کار با نرم‌افزار تحت وب عذاب‌آور خواهد شد. …
برنامه های وبی پیشرو – پیدایش PWA
چه کسی دوست ندارد برنامه‌ای که می‌سازد بدون دردسر خاصی روی دستگاه‌های مختلف، از ساعت و گوشی‌های هوشمند گرفته تا رایانه‌های رومیزی و حتّی تلویزیون‌های هوشمند اجرا شود؟ توسعه‌دهندگان نرم‌افزار همواره به فکر تولید برنامه‌هایی به صورت Cross-Platform بوده اند. از ابتدای پیدایش صنعت نرم افزار کارهای زیادی در این حوزه انجام گرفته است که …
عملگرهای منطقی
به سه عملگر || و && و ! در جاوااسکریپت عملگرهای منطقی می‌گوییم. عملگر || به معنی «یا» است (OR).عملگر && به معنی «و» است (AND).عملگر ! نیز به صورت NOT خوانده می‌شود. این عملگرها فقط منحصر به مقادیر بولین نیست، این عملگرها روی هر نوع دیتاتایپی قابل اعمال است و خروجی هم از هر …
تعامل با کاربر
در بخش اوّل این مجموعه قصد داریم در مورد خود زبان جاوااسکریپت صحبت کنیم، و به قابلیت‌هایی از این زبان که مخصوص محیط خاصی باشد نمی‌پردازیم. ولی ناچاراً به دلایلی که قبلاً گفتیم لازم است محیطی را برای اجرای کدهایی که می‌آموزیم داشته باشیم، و ما محیط مرورگر را انتخاب کردیم. لذا لازم است حداقل …
عمل‌ها و عملگرها
همه‌ی ما از دوران ابتدایی چهار عمل اصلی را یاد داریم. البته عمل‌های دیگری مثل «توان»، «جذر» و غیره نیز علاوه بر چهار عمل اصلی وجود دارد. این عمل‌ها که شامل جمع +، ضرب *، تفریق – و… می‌شود در برنامه‌نویسی هم حضور دارند. البته در جاوااسکریپت عملگرهای فراوان دیگری غیر از این‌ها هم وجود …
دیتاتایپ (Data type)
در جاوااسکرپیت می‌شود درون یک متغیّر هر نوع مقداری نگه داشت. مقدار متغیر ممکن است در یک لحظه «متن» باشد و در لحظه‌ای دیگر «عدد»، مثل این: به زبان‌های برنامه‌نویسی دارای این قابلیت، زبان‌های «dynamically type» گفته می‌شود. در این زبان‌ها مقادیر دارای نوع هستند (مثلاً متن، عدد یا چیز دیگری هستند)، ولی خود متغیّرها …
جاوااسکریپت مُدرن و “use strict”
زبان جاوااسکریپت همیشه به گونه‌ای طراحی می‌شود که نسخه‌ی جدید آن با نسخه‌ی قبلی سازگار باشد. زیرا اصلاً منطقی نیست که اسکریپت خاصی قبلاً نوشته شده و درست کار می‌کرده است، ولی بعد از به‌روز رسانی مرورگر از کار بیفتد. آن هم به خاطر تغییرات زبان جاوااسکریپت. مزیّت این کار خراب نشدن کدهای قدیمی است. …