Web Components, PWA, CSR 
عنوان گروه یا کانال:

Web Components, PWA, CSR


توضیحات: اجتماع دوست داران معماری های استاندارد Build modern apps using Web Components (Polymer, lit-element, lit-html, ...), PWA (Progressive Web App), CSR (Client Side Rendering) لینک گروه https://t.me/joinchat/B6o5vkSULkgl4sI1Dpk5hQ
شناسه: @
تعداد اعضا: 90
شیده ۱۲۸۵۹۶

https://github.com/Polymer/lit-html
برای شروع می خوام یک کتابخانه معرفی کنم که مشکلی یا بهتره بگیم نیازی را برطرف می کنه که در اکثر اپ ها با استفاده از معماری هایی مانند virtual-dom یا v-dom حل می شوند. ولی در حالت استاندارد شما می تونید با استفاده از این کتابخانه بسیار بسیار سبک (1.7k) که از یکی از استانداردهای اضافه شده به es6 یا همون ES2015 به نام JavaScript template literals استفاده می کنه. به همین دلیل مشکلاتی نظیر اشغال رم زیاد، اضافه شدن یک لایه مابین کدهای اپ و dom و ... را نخواهید داشت وبه همین دلیل می تونه بسیار به سبک شدن وب اپ کمک کنه.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

البته باز تصمیم گیری نسبت به استفاده از کتابخانه با خود شما هست و کلا می تونید با تسلط کافی به Template literals با امکانات زیاد این بخش نیتیو در مرورگرها استفاده کنید.
صادق ۸۹۳۳۸

چرا فقط وب موبایل هم اوکی کنید
شیده ۱۲۸۵۹۶

چرا فقط وب موبایل هم اوکی کنید
کلا اگر بریم جلو متوجه میشید در همه جا قابل استفاده هست و محدودیتی نداره
صادق ۸۹۳۳۸

دیبا ۱۳۷۸۰۸

اوکی
شما با جاوا کار میکنید ؟
صادق ۸۹۳۳۸

اره توسعه دهنده اندروید
دیبا ۱۳۷۸۰۸

کلا اگر بریم جلو متوجه میشید در همه جا قابل استفاده هست و محدودیتی نداره
خب بعد نسبت به ری اکت نیتیو که این همه روش مانور میدن چطور هست ؟
صادق ۸۹۳۳۸

ری اکتیو خوبه.ولی به نظر من این تکنولوژی های مثل ری اکت نیتیو یه دوره ای دارن یه طب تاب خوبی دارن بعد از یه مدتی طب تابش کم تر میشه ولی درکل هیچی نمیتونه جایگزین نیتیو اندروید بشه.
دیبا ۱۳۷۸۰۸

ری اکتیو خوبه.ولی به نظر من این تکنولوژی های مثل ری اکت نیتیو یه دوره ای دارن یه طب تاب خوبی دارن بعد از یه مدتی طب تابش کم تر میشه ولی درکل هیچی نمیتونه جایگزین نیتیو اندروید بشه.
خب اونطوری که برای اپ اندروید و iOS و ... باید جدا کار کرد کاملا
صادق ۸۹۳۳۸

خب اونطوری که برای اپ اندروید و iOS و ... باید جدا کار کرد کاملا
این برای تیم های کوچک و بودجه کمتر ری اکت خوبه ولی برای شرکت های بزرگ خیر.
شیده ۱۲۸۵۹۶

دقیقا یکی از خوبی های وب اپ با معماری PWA این هست که میشه روی هر پلتفرمی که مرورگر قابلیت اجرایی داره اپلیکشین را داشته باشیم. البته خوب مسلما هنوز جای کار داره و باید کم و کاستی ها را قبول کنیم ولی استانداردی هست که در حال تکمیل شدن هست و در آینده حرف های زیادی برای گفتن خواهد داشت.
عزیزه ۶۴۲۸۸

دقیقا یکی از خوبی های وب اپ با معماری PWA این هست که میشه روی هر پلتفرمی که مرورگر قابلیت اجرایی داره اپلیکشین را داشته باشیم. البته خوب مسلما هنوز جای کار داره و باید کم و کاستی ها را قبول کنیم ولی استانداردی هست که در حال تکمیل شدن هست و در آینده حرف های زیادی برای گفتن خواهد داشت.
سلام برای یادگیری PWA باید از کجا شروع کرد؟
شیده ۱۲۸۵۹۶

سلام برای یادگیری PWA باید از کجا شروع کرد؟
البته تجربه های موفق زیادی در استفاده از pwa ها هست ولی من چندتا مثال از بزرگان میفرستم که بیشتر اعتماد کنید.

https://www.pinterest.com/
https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154

https://mobile.twitter.com
https://lite.twitter.com
https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html

https://web.telegram.org
https://pwa.rocks/

کلا اصلا هم کار سختی برای رسیدن به معماری pwa نیست فقط کافیه مستندات در کروم یا فایرفاکس را بخونید.
https://developers.google.com/web/progressive-web-apps/
https://developer.mozilla.org/en-US/Apps/Progressive

سعی می کنم بازتر کنیم این قضیه را با کمک بنده و دوستان دیگر.
عزیزه ۶۴۲۸۸

البته تجربه های موفق زیادی در استفاده از pwa ها هست ولی من چندتا مثال از بزرگان میفرستم که بیشتر اعتماد کنید.

https://www.pinterest.com/
https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154

https://mobile.twitter.com
https://lite.twitter.com
https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html

https://web.telegram.org
https://pwa.rocks/

کلا اصلا هم کار سختی برای رسیدن به معماری pwa نیست فقط کافیه مستندات در کروم یا فایرفاکس را بخونید.
https://developers.google.com/web/progressive-web-apps/
https://developer.mozilla.org/en-US/Apps/Progressive

سعی می کنم بازتر کنیم این قضیه را با کمک بنده و دوستان دیگر.
مرسی
شیده ۱۲۸۵۹۶

کارگاهی با مضمون معرفی چند استاندارد وب به خصوص web component چند ماه پیش در دانشگاه زند شیراز به درخواست مجمع برنامه نویسان شیراز برگزار کردم که خالی از لطف نیست اسلایدهای مربوطه را بذارم. ولی بدلیل اینکه پشت هر اسلاید کلی مطلب هست باز هر کدام را مجبوریم باز کنیم و مطالعه عمیق تری داشته باشیم.

البته باز بگم دوستان خودشون هم می تونن مقاله یا مطلب به صورت لینک ساده هم باشه که در طول روز مطالعه کردند، به اشتراک بذارن یا معماری، ابزار جدیدی معرفی کنند که در راستای استانداردهای وب باشه.
محمدطاهر ۱۲۰۹۸۸

تشکر. من خودم بلد نیستم ولی اینطور که اطلاع دارم مثل اینکه دیجیکالا یکی از نمونه های موفق این تکنولوژی تو دنیاست 😀 کنجکاو شدم دنبالش کنم
شیده ۱۲۸۵۹۶

تشکر. من خودم بلد نیستم ولی اینطور که اطلاع دارم مثل اینکه دیجیکالا یکی از نمونه های موفق این تکنولوژی تو دنیاست 😀 کنجکاو شدم دنبالش کنم
دقیقا کسب و کارهایی خوب ایرانی نظیر اسنپ هم داره به این سمت میره. البته جای کار دارن اونا هم و مطمئن هستم بدلیل تازه بودن هنوز متخصص های خوبی ندارن چون مشکلات زیاد داره وب اپ هاشون.
app.snapp.ir
محمدطاهر ۱۲۰۹۸۸

دقیقا کسب و کارهایی خوب ایرانی نظیر اسنپ هم داره به این سمت میره. البته جای کار دارن اونا هم و مطمئن هستم بدلیل تازه بودن هنوز متخصص های خوبی ندارن چون مشکلات زیاد داره وب اپ هاشون.
app.snapp.ir
بسیار عالی 👏
شیده ۱۲۸۵۹۶

یکی از راه های ساده برای تشخیص معماری PWA در هر سایتی این هست که بدونیم اون سایت از مهمترین قسمت قضیه یعنی service worker ها استفاده می کنه یا نه. برای اینکار پس از لود کامل سایت در dev tools کروم در تب application در بخش Service Workers می تونید ببینید که آیا اون اپ (وب سایت یا وب اپلیکیشن) چیزی رجیستر کرده یا نه.
البته بخش های دیگه ای هم نیاز هست و نمیشه گفت چون sw را رجیستر کرده پس حتما pwa را کامل پیاده کرده ولی خوب به عنوان اولین نشانه هست.
شیده ۱۲۸۵۹۶

شیده ۱۲۸۵۹۶

یک نمودار مقایسه ای در بحث حجم اپ در معماری ها و دیوایس های مختلف در پلتفرم pinterest.com تفاوت معناداری وجود داره که قابل چشم پوشی نیست.
یک نمودار مقایسه ای در بحث حجم اپ در معماری ها و دیوایس های مختلف در پلتفرم pinterest.com تفاوت معناداری وجود داره که قابل چشم پوشی نیست.
شیده ۱۲۸۵۹۶

در بین دوستان کسی هست هنوز از معماری server side rendering یا ssr در برابر client side rendering یا csr در شرایطی که هدف وب اپ هست، حمایت کنه؟
در بین دوستان کسی هست هنوز از معماری server side rendering یا ssr در برابر client side rendering یا csr در شرایطی که هدف وب اپ هست، حمایت کنه؟
شیده ۱۲۸۵۹۶

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

https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/
كی ارمین ۱۰۳۱۸۳

سلام دوستان
در مورد pwa کمک میخواستم ازتون

من هیچی از این معماری نمیدونم و مشتاق اینم که در موردش اطلاعات کسب کنم

اگر یه خلاصه ی کوتاه در موردش بهم بگین و رفرنس ( رفرنس های ) معتبری هم در این زمینه بهم معرفی کنین ممنون میشم

مرسی از کمکتون🙏🌹
عزیزه ۶۴۲۸۸

سلام دوستان
در مورد pwa کمک میخواستم ازتون

من هیچی از این معماری نمیدونم و مشتاق اینم که در موردش اطلاعات کسب کنم

اگر یه خلاصه ی کوتاه در موردش بهم بگین و رفرنس ( رفرنس های ) معتبری هم در این زمینه بهم معرفی کنین ممنون میشم

مرسی از کمکتون🙏🌹
سلام این خیلی خوبه
https://developers.google.com/web/progressive-web-apps/
كی ارمین ۱۰۳۱۸۳

راستش من یک موضوع باید ارائه بدم به استادم و دوست دارم عنوان جدیدی باشه

الان با مواردی همچون

ssr : server side rendering
csr : client side rendering
pwa : Progressive Web App

آشنا شدم و سوالی که الان برام پیش اومده این هست که از کدوم میتونم شروع کنم ؟ یعنی آیا اینا ترتیبی دارن برای یادگیریشون؟
كی ارمین ۱۰۳۱۸۳

سلام این خیلی خوبه
https://developers.google.com/web/progressive-web-apps/
ممنون از شما🙏
عزیزه ۶۴۲۸۸

ممنون از شما🙏
خواهش میکنم من خودمم تازه دارم با این مفاهیم اشنا دارم میشم ایشالله دوستان که بیشتر کار کردن جوابتون رو میدن 🌹
كی ارمین ۱۰۳۱۸۳

خواهش میکنم من خودمم تازه دارم با این مفاهیم اشنا دارم میشم ایشالله دوستان که بیشتر کار کردن جوابتون رو میدن 🌹
ممنونم
ایشالله 🙏
كی ارمین ۱۰۳۱۸۳

راستش من یک موضوع باید ارائه بدم به استادم و دوست دارم عنوان جدیدی باشه

الان با مواردی همچون

ssr : server side rendering
csr : client side rendering
pwa : Progressive Web App

آشنا شدم و سوالی که الان برام پیش اومده این هست که از کدوم میتونم شروع کنم ؟ یعنی آیا اینا ترتیبی دارن برای یادگیریشون؟
ببخشید اگر سر فرصت راهنماییم کنین ممنون میشم

باتشکر 🌹

@OmidHekayati
شیده ۱۲۸۵۹۶

ببخشید اگر سر فرصت راهنماییم کنین ممنون میشم

باتشکر 🌹

@OmidHekayati
درود
این مباحث یکم نیاز به پیش زمینه داره و من نمی دونم از کجا باید شروع کنم که شما باز در درک کلی معماری مشکلی نداشته باشید.
مثلا در مباحث مقایسه دو معماری csr و ssr شما اگر از قدیم دولوپر باشید و با زبان هایی مثل php آشنا باشید که می دونید هدف اصل در آن زبان ها این بود که کلیه فرآیند تولید markup ها در سمت سرور انجام بشه و به مرورگر کاربر ارسال بشه و در اونجا هیچ منطقی logic انجام نمی گرفت و صرفت بحث parse اون کدها بود و تبدیل به چیزی به نام dom و بعد تبدیل dom به render tree و بعد از اون نمایش به کاربر. یعنی در معماری ssr اگر نیاز به تغییر حتی یک عدد کوچک در صفحه بود می بایستی کل فرآیند از ابتدا در سمت سرور انجام میشد.
در ادامه با آمدن کتابخانه هایی مثل jQuery یکسری از فرآیندهای تغییر اومد توی مرورگر که میشه گفت در این حالت شما نیاز به توسعه و نگهداری کد در سمت سرور و کاربر همزمان میشدید یعنی تلفیق دو معماری csr, ssr بود. در ادامه با توجه به ورود نیازمندی های بیشتر و رفتن وب به سمت اپلیکیشن بودن تا صرفا محتوای خام بودن و رابطه بیشتر اپ با کاربر معماری های نوینی مثل SPA یا Single Page Application بوجود آمد ولی باز به صورت استاندارد نبود و هر کسی یک مدل پیاده سازی میکرد و بدلیل نبود یک هدف واحد خیلی از نیازمندی ها مثل push notification هم در دسترس نبود. با تکمیل این نیازمندی ها معماری PWA پا به عرصه گذاشت که میشه گفت هر نیازمندی که در مرورگر برای یک اپلیکیشن در سطح نیتیو شما لازم دارید به شما میده. البته هنوز جای اضافه شدن api داره برای دسترسی های خیلی خاص ولی میشه گفت بالای 98% از نیازمندی ها اتصال به سخت افزار هم حداقل در مرورگر کروم آماده به خدمت هست.
كی ارمین ۱۰۳۱۸۳

درود
این مباحث یکم نیاز به پیش زمینه داره و من نمی دونم از کجا باید شروع کنم که شما باز در درک کلی معماری مشکلی نداشته باشید.
مثلا در مباحث مقایسه دو معماری csr و ssr شما اگر از قدیم دولوپر باشید و با زبان هایی مثل php آشنا باشید که می دونید هدف اصل در آن زبان ها این بود که کلیه فرآیند تولید markup ها در سمت سرور انجام بشه و به مرورگر کاربر ارسال بشه و در اونجا هیچ منطقی logic انجام نمی گرفت و صرفت بحث parse اون کدها بود و تبدیل به چیزی به نام dom و بعد تبدیل dom به render tree و بعد از اون نمایش به کاربر. یعنی در معماری ssr اگر نیاز به تغییر حتی یک عدد کوچک در صفحه بود می بایستی کل فرآیند از ابتدا در سمت سرور انجام میشد.
در ادامه با آمدن کتابخانه هایی مثل jQuery یکسری از فرآیندهای تغییر اومد توی مرورگر که میشه گفت در این حالت شما نیاز به توسعه و نگهداری کد در سمت سرور و کاربر همزمان میشدید یعنی تلفیق دو معماری csr, ssr بود. در ادامه با توجه به ورود نیازمندی های بیشتر و رفتن وب به سمت اپلیکیشن بودن تا صرفا محتوای خام بودن و رابطه بیشتر اپ با کاربر معماری های نوینی مثل SPA یا Single Page Application بوجود آمد ولی باز به صورت استاندارد نبود و هر کسی یک مدل پیاده سازی میکرد و بدلیل نبود یک هدف واحد خیلی از نیازمندی ها مثل push notification هم در دسترس نبود. با تکمیل این نیازمندی ها معماری PWA پا به عرصه گذاشت که میشه گفت هر نیازمندی که در مرورگر برای یک اپلیکیشن در سطح نیتیو شما لازم دارید به شما میده. البته هنوز جای اضافه شدن api داره برای دسترسی های خیلی خاص ولی میشه گفت بالای 98% از نیازمندی ها اتصال به سخت افزار هم حداقل در مرورگر کروم آماده به خدمت هست.
ممنون از راهنمایی کاملتون و بخصوص وقتی که صرف این راهنمایی کردین 🙏

راستش کمتر از یک ماهه که با php برنامه نویسی سرور ساید رو شروع کردم

پس باید در این زمینه تحقیق بیشتری بکنم

یکی از دوستان به من منبعی معرفی کردن

امکانش هست شما هم طبق تجربه ای که دارین بهم رفرنسی معرفی کنین تا بره منی که در حال حاضر خیلی مبتدیم خوب باشه

بازم ممنون ازتون
كی ارمین ۱۰۳۱۸۳

و یا چه راهکاری رو به من معرفی میکنین ؟
شیده ۱۲۸۵۹۶

ممنون از راهنمایی کاملتون و بخصوص وقتی که صرف این راهنمایی کردین 🙏

راستش کمتر از یک ماهه که با php برنامه نویسی سرور ساید رو شروع کردم

پس باید در این زمینه تحقیق بیشتری بکنم

یکی از دوستان به من منبعی معرفی کردن

امکانش هست شما هم طبق تجربه ای که دارین بهم رفرنسی معرفی کنین تا بره منی که در حال حاضر خیلی مبتدیم خوب باشه

بازم ممنون ازتون
کلا یادتون باشه یادگیری یک زبان جدید اصلا کار سختی نیست و تسلط به اون زبان وقتگیر هست. پس در انتخاب زبان دقت کنید و با توجه به نیازمندی هاتون زبان را انتخاب کنید.
مثلا زبان php در صورتی که صرفا بخواد پاسخگوی درخواست ها به صورت داده خام یا همون وب سرویس باشه بنظر شخص بنده اصلا گزینه مناسبی نیست.
كی ارمین ۱۰۳۱۸۳

کلا یادتون باشه یادگیری یک زبان جدید اصلا کار سختی نیست و تسلط به اون زبان وقتگیر هست. پس در انتخاب زبان دقت کنید و با توجه به نیازمندی هاتون زبان را انتخاب کنید.
مثلا زبان php در صورتی که صرفا بخواد پاسخگوی درخواست ها به صورت داده خام یا همون وب سرویس باشه بنظر شخص بنده اصلا گزینه مناسبی نیست.
بله دقیقا همینطوره
شیده ۱۲۸۵۹۶

در مورد رفرنس هم بنظرم پیشنهاد کنم که سطح مطالعه خودتون را به شدت بالا ببرید. البته منم همراه با دیگر دوستان سعی می کنیم با مقالات خوبی که روبرو میشیم در اینجا به اشتراک بگذاریم که دیگران هم استفاده کنند.
در دنیای علم وقتی به هر کلمه ای برخورد می کنید باید کنجکاو باشید و حداقل بدونید اون کلمه چی میگه. متاسفانه این مدل جنگجو بودن را به ما در سیستم آموزشی یاد نمیدن و اولش هم کار سختی هست ولی اگر عادت کنید زیاد مطالعه کنید به راحتی بعد از چند ماه میبینید که به نقطه ای رسیدید که خیلی راحت هر چیزی را خیلی سریع تر از قبل مفهوما یاد میگیرید.
كی ارمین ۱۰۳۱۸۳

در مورد رفرنس هم بنظرم پیشنهاد کنم که سطح مطالعه خودتون را به شدت بالا ببرید. البته منم همراه با دیگر دوستان سعی می کنیم با مقالات خوبی که روبرو میشیم در اینجا به اشتراک بگذاریم که دیگران هم استفاده کنند.
در دنیای علم وقتی به هر کلمه ای برخورد می کنید باید کنجکاو باشید و حداقل بدونید اون کلمه چی میگه. متاسفانه این مدل جنگجو بودن را به ما در سیستم آموزشی یاد نمیدن و اولش هم کار سختی هست ولی اگر عادت کنید زیاد مطالعه کنید به راحتی بعد از چند ماه میبینید که به نقطه ای رسیدید که خیلی راحت هر چیزی را خیلی سریع تر از قبل مفهوما یاد میگیرید.
بله درسته ممنون 🌹
خوشبختانه همین فیچرو منم دارم ولی درمورد معماری های ssr , csr و pwa هیچ مطالعه ای نداشتم و این شد که کنجکاو شدم
محمدطاهر ۱۲۰۹۸۸

ممنون از راهنمایی کاملتون و بخصوص وقتی که صرف این راهنمایی کردین 🙏

راستش کمتر از یک ماهه که با php برنامه نویسی سرور ساید رو شروع کردم

پس باید در این زمینه تحقیق بیشتری بکنم

یکی از دوستان به من منبعی معرفی کردن

امکانش هست شما هم طبق تجربه ای که دارین بهم رفرنسی معرفی کنین تا بره منی که در حال حاضر خیلی مبتدیم خوب باشه

بازم ممنون ازتون
دوست عزیز بنده کتاب php from novice to ninja رو که خوندم از site point خیلی دوست دارم و توصیه می کنم بهتون ولی نمی تونم بگم بهترین کتابه چون کتاب های دیگه رو هم باید دید تا بشه مقایسه درست کرد. ولی حتما حتما یک دیدی بهش بندازید من که واقعا عاشق نویسنده ش شدم...
دیبا ۱۳۷۸۰۸

درود
این مباحث یکم نیاز به پیش زمینه داره و من نمی دونم از کجا باید شروع کنم که شما باز در درک کلی معماری مشکلی نداشته باشید.
مثلا در مباحث مقایسه دو معماری csr و ssr شما اگر از قدیم دولوپر باشید و با زبان هایی مثل php آشنا باشید که می دونید هدف اصل در آن زبان ها این بود که کلیه فرآیند تولید markup ها در سمت سرور انجام بشه و به مرورگر کاربر ارسال بشه و در اونجا هیچ منطقی logic انجام نمی گرفت و صرفت بحث parse اون کدها بود و تبدیل به چیزی به نام dom و بعد تبدیل dom به render tree و بعد از اون نمایش به کاربر. یعنی در معماری ssr اگر نیاز به تغییر حتی یک عدد کوچک در صفحه بود می بایستی کل فرآیند از ابتدا در سمت سرور انجام میشد.
در ادامه با آمدن کتابخانه هایی مثل jQuery یکسری از فرآیندهای تغییر اومد توی مرورگر که میشه گفت در این حالت شما نیاز به توسعه و نگهداری کد در سمت سرور و کاربر همزمان میشدید یعنی تلفیق دو معماری csr, ssr بود. در ادامه با توجه به ورود نیازمندی های بیشتر و رفتن وب به سمت اپلیکیشن بودن تا صرفا محتوای خام بودن و رابطه بیشتر اپ با کاربر معماری های نوینی مثل SPA یا Single Page Application بوجود آمد ولی باز به صورت استاندارد نبود و هر کسی یک مدل پیاده سازی میکرد و بدلیل نبود یک هدف واحد خیلی از نیازمندی ها مثل push notification هم در دسترس نبود. با تکمیل این نیازمندی ها معماری PWA پا به عرصه گذاشت که میشه گفت هر نیازمندی که در مرورگر برای یک اپلیکیشن در سطح نیتیو شما لازم دارید به شما میده. البته هنوز جای اضافه شدن api داره برای دسترسی های خیلی خاص ولی میشه گفت بالای 98% از نیازمندی ها اتصال به سخت افزار هم حداقل در مرورگر کروم آماده به خدمت هست.
البته به نظرم در سطح pwa در اینده web assembly جای جاوا اسکریپت رو خواهد گرفت به عنوان فرمت اصلی اجرایی وب
دیبا ۱۳۷۸۰۸

یعنی یکجور هایی بر می گرده به نیتیو
مهدا ۱۷۷۵۶۶

البته به نظرم در سطح pwa در اینده web assembly جای جاوا اسکریپت رو خواهد گرفت به عنوان فرمت اصلی اجرایی وب
خیلی وقته اومده توی کار ولی هنوز هیچ تهدیدی ایجاد نکرده
شیده ۱۲۸۵۹۶

بنظرم بنده هم بهتره زود قضاوت نکنیم و فکر هم نمی کنم web assembly برای جایگزین شدن با js در دنیای وب معرفی شده.
WebAssembly is a way of taking code written in programming languages other than JavaScript and running that code in the browser.

هدف این ابزار مانند دیگر ابزارها در ابتدای به کار مشخص می باشد. ولی آینده را هم نمی تونیم ببینیم و شاید مثل js که یک ابزار برای رفع نیازهای مشخص در مرورگر بود ولی با معرفی node.js رفت سمتی که اصلا هیچ کس در ابتدا بهش فکر هم نمیکرد، نمی خوام بگم اشتباه هست یا درست این قضیه ولی کلا به این قضیه اعتقاد دارم هر ابزاری را بهر کاری ساختند و بردن به کار دیگر مشکلات پیش بینی نشده ای را مطمئنا خواهد داشت.
در هر حال مستندات زیادی موجود نیست و هنوز خیلی ابهامات برطرف نشده است. و خیلی زود هست که حتی ما بخوایم در این مورد بحث کنیم. بنظرم در استانداردهایی که جنبه استفاده تجاری حداقل در ایران برای ما داره بمونیم و انرژی را به این سمت ها هدایت کنیم.
https://hacks.mozilla.org/2017/02/a-cartoon-intro-to-webassembly/
شیده ۱۲۸۵۹۶

دوستان می خوام نظرتون را راجع به یک قضیه بدونم.

الان حدود 3 سال هست که از معرفی و استانداردسازی http2 و ساپورت کلیه مرورگرها و سیستم عامل ها میگذره ولی میشه گفت هیچ یک از کسب و کارهای ایرانی حتی حرفی از انتقال به این پروتکل نمیزنند!! سرعت ارسال دیتا در این پروتکل نسبت به http1.1 حداقل دو برابر می باشد!!!
یعنی سطح علمی متخصصان و مدیران در این کسب و کارها اینقدر پایین هست که حتی بعد از گذشت 3 سال هیچ برنامه ای دیده نمیشه؟ نمیشه دیگه گفت وقت نداشتن و برنامه های توسعه مهم تری داشتن!!!

خیلی از پیچیدگی ها پیاده سازی در http2 دیگر نیاز نیست. مثلا گذاشتن داده های مختلف در دامنه یا ساب دامنه های مختلف که هنوز می بینیم همه دارن از قوانین بسیار قدیمی برای بالا بردن سرعت انتقال داده به سوزر استفاده می کنند.
دیبا ۱۳۷۸۰۸

مشکل از اونها نیست
دیبا ۱۳۷۸۰۸

ماژول های زبان های برنامه نویسی اکثرا خودشون رو آپدیت نمی کنن متاسفانه
شیده ۱۲۸۵۹۶

بنظرم دلیل منطقی و درستی نیست. پلتفرم های دیوار، دیجی کالا، اسنپ و ... همگی از وب سرور nginx دارن استفاده می کنند که در همان سال ابتدایی یعنی 2015 از http2 پشتیبانی می کنه. تازه همه هم با هر درخواستی کاربر را به پروتکل امن انتقال میدن که پیش نیاز اولیه ارتقا به http2 هست.
دیگر دوستان اگر اطلاع یا ایده دقیق تری دارن به اشتراک بذارن.
شیده ۱۲۸۵۹۶

بنظرم دلیل منطقی و درستی نیست. پلتفرم های دیوار، دیجی کالا، اسنپ و ... همگی از وب سرور nginx دارن استفاده می کنند که در همان سال ابتدایی یعنی 2015 از http2 پشتیبانی می کنه. تازه همه هم با هر درخواستی کاربر را به پروتکل امن انتقال میدن که پیش نیاز اولیه ارتقا به http2 هست.
دیگر دوستان اگر اطلاع یا ایده دقیق تری دارن به اشتراک بذارن.
شیده ۱۲۸۵۹۶

یکی از ویژگی هایی که خیلی وقت بود دولوپرها در دنیای وب خواستارش بودن و به روش های مختلفی مانند sass نیازشون را پاسخ میدادن CSS custom properties یا همون CSS variables بود که در حال حاضر در تمام مرورگرها به صورت کاملا استاندارد موجود هست که می تونیم ازش حداکثر استفاده را داشته باشیم.
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables

یکی از استفاده های این ویژگی برای بحث تمپلیت هست که براحتی می تونید به صورت لحظه ای این امکان را به کاربر بدید که خودش رنگ بندی وب اپ شما را در دست داشته باشه. مثلا از حالت روز (روشن) به شب (تاریک) تغییر بده.
بیشتر از این توضیح نمیدم چون می دونم خیلی از دوستان با انواع تکنیک های این ویژگی براحتی یا آشنا هستند یا با مطالعه خلاقیت های زیادی باهاش خواهند داشت.
شیده ۱۲۸۵۹۶

یک مورد استفاده از این ویژگی همراه با شخصی سازی تمپلت را اینجا می تونید بببینید. این مقادیر در هرجا استفاده بشه فقط لازمه مثلا برای تغییر رنگ متن ها در یکجا تغییر را اعمال کنید و در همه جا اون تغییر اعمال میشود.
https://github.com/SabzCity/SabzCityElements/blob/master/a-style.js
البته روش های پیاده سازی متفاوت می تونه انجام بشه صرفا مثال هست.
صادق ۸۹۳۳۸

دوستان می خوام نظرتون را راجع به یک قضیه بدونم.

الان حدود 3 سال هست که از معرفی و استانداردسازی http2 و ساپورت کلیه مرورگرها و سیستم عامل ها میگذره ولی میشه گفت هیچ یک از کسب و کارهای ایرانی حتی حرفی از انتقال به این پروتکل نمیزنند!! سرعت ارسال دیتا در این پروتکل نسبت به http1.1 حداقل دو برابر می باشد!!!
یعنی سطح علمی متخصصان و مدیران در این کسب و کارها اینقدر پایین هست که حتی بعد از گذشت 3 سال هیچ برنامه ای دیده نمیشه؟ نمیشه دیگه گفت وقت نداشتن و برنامه های توسعه مهم تری داشتن!!!

خیلی از پیچیدگی ها پیاده سازی در http2 دیگر نیاز نیست. مثلا گذاشتن داده های مختلف در دامنه یا ساب دامنه های مختلف که هنوز می بینیم همه دارن از قوانین بسیار قدیمی برای بالا بردن سرعت انتقال داده به سوزر استفاده می کنند.
من در این حوزه تخصص ندارم ولی سایت ها که این کار رو نمیکنن حتما یه دلیلی داره که این کار رو نمیکنن.شاید به خاطر رتبه بندی سئو سایت یا دلایل امنیتی و ... باشه.
شیده ۱۲۸۵۹۶

من در این حوزه تخصص ندارم ولی سایت ها که این کار رو نمیکنن حتما یه دلیلی داره که این کار رو نمیکنن.شاید به خاطر رتبه بندی سئو سایت یا دلایل امنیتی و ... باشه.
دلیل امنیتی که اصلا نداره!! اتفاقا یکی از پیش نیازهای http2 برای اتصال در مرورگر وجود ارتباط امن با tls هست که اگر نباشه اصلا اون ارتباط http2 نخواهد بود. پس این قضیه منتفی هست به طور قطع.
در مورد سئو هم باز یکی از فاکتورهای حیاتی که اینروزا گوگل در الگوریتم هاش داره میگه رتبه بهتری میده به وب سرورهایی که ارتباط امن فقط به کاربر بدن و http را با 302 به https منتقل کنند. این لینک معتبر هست و الان میدم خدمتتون.
اگر باز موردی در فکرتون هست بگید شاید جواب همون باشه ولی این دو مورد نیست
دیبا ۱۳۷۸۰۸

دلیل امنیتی که اصلا نداره!! اتفاقا یکی از پیش نیازهای http2 برای اتصال در مرورگر وجود ارتباط امن با tls هست که اگر نباشه اصلا اون ارتباط http2 نخواهد بود. پس این قضیه منتفی هست به طور قطع.
در مورد سئو هم باز یکی از فاکتورهای حیاتی که اینروزا گوگل در الگوریتم هاش داره میگه رتبه بهتری میده به وب سرورهایی که ارتباط امن فقط به کاربر بدن و http را با 302 به https منتقل کنند. این لینک معتبر هست و الان میدم خدمتتون.
اگر باز موردی در فکرتون هست بگید شاید جواب همون باشه ولی این دو مورد نیست
البته tls جزو استاندارد http2 نیست. توی مرورگر ها این اجازه داده نمیشه
شیده ۱۲۸۵۹۶

البته tls جزو استاندارد http2 نیست. توی مرورگر ها این اجازه داده نمیشه
درسته منظورم همین بود که اگر ارتباط امن نباشه مرورگر اجازه به برقراری h2 نمیده
شیده ۱۲۸۵۹۶

https://webmasters.googleblog.com/2014/08/https-as-ranking-signal.html
از سال 2014 اسن قضیه بوده. از 2017 به صورت قطع گوگل تائید کرد و از 2018 هم قرار بر این شده که کلا سایت های بدون ارتباط امن به کاربر اخطار داده بشه
دیبا ۱۳۷۸۰۸

دوستان می خوام نظرتون را راجع به یک قضیه بدونم.

الان حدود 3 سال هست که از معرفی و استانداردسازی http2 و ساپورت کلیه مرورگرها و سیستم عامل ها میگذره ولی میشه گفت هیچ یک از کسب و کارهای ایرانی حتی حرفی از انتقال به این پروتکل نمیزنند!! سرعت ارسال دیتا در این پروتکل نسبت به http1.1 حداقل دو برابر می باشد!!!
یعنی سطح علمی متخصصان و مدیران در این کسب و کارها اینقدر پایین هست که حتی بعد از گذشت 3 سال هیچ برنامه ای دیده نمیشه؟ نمیشه دیگه گفت وقت نداشتن و برنامه های توسعه مهم تری داشتن!!!

خیلی از پیچیدگی ها پیاده سازی در http2 دیگر نیاز نیست. مثلا گذاشتن داده های مختلف در دامنه یا ساب دامنه های مختلف که هنوز می بینیم همه دارن از قوانین بسیار قدیمی برای بالا بردن سرعت انتقال داده به سوزر استفاده می کنند.
البته این سوال از اولش هم فکر می کنم ربطی به موضوع گروه نداشت
شیده ۱۲۸۵۹۶

البته این سوال از اولش هم فکر می کنم ربطی به موضوع گروه نداشت
بنظرم چون جزئی از استانداردهای وب هست می تونه سوالی خوبی باشه. البته بیشتر قصد این بود که اگر کسی اطلاع دقیقی داشت بگه و اینکه در کنارش با این پروتکل یعنی http2 هم به عنوان یک زیرساخت برای معماری PWA آشنا بشیم. که حتما من وقت میذارم به صورت یک پست معرفیش می کنم. البته دوستان دیگر هم می تونن اینکارو انجام بدن در هر زمینه ای
شیده ۱۲۸۵۹۶

چون این بحث باز شد و بهتره ربط پروتکل http2 را در مباحث وب بدونیم این لیستی از مواردی هست که در صورت استفاده از این پروتکل برای پیاده سازی وب اپ دیگه نیاز به تفکر بهشون نیست.
CSS sprites, CSS/JS files concatenation
Cookie-less domains
Domain Sharding
CSS/JS Inlining or base64 images

البته به صورت قطع نمیشه راجع به هیچ چیز حرف زد و ممکنه باز در جایی نیاز باشه از این تکنیک های بالابردن بهره وری هنوز هم استفاده بشه ولی بالای 99% بنده میگم نیاز نیست.
https://blog.dareboost.com/en/2016/11/http2-changes-for-front-end-development/
شیده ۱۲۸۵۹۶

درود به دوستان عزیز
خوب در ادامه مباحث و معرفی استانداردها می خوام یک چیز را معرفی کنم که دوستان بتونن خیلی سریع نتیجه را در کسب و کارشون ببین و در اینجا با بقیه به اشتراک بذارن.
دوستانی که کسب و کار راه اندازی شده دارن، براحتی در کمتر از نیم ساعت با استفاده از این آموزش
https://developer.mozilla.org/en-US/docs/Web/Manifest
یک فایل manifest بسازن و آدرس اون را در هد فایل ارسالی به مرورگر کاربر قرار بدن. مثلا اینجوری

البته پسوند می تونه json هم باشه.
فقط یادتون باشه که باید سایت روی https به کاربر خدمات بده در غیر اینصورت این فایل manifest عمل نخواهد کرد. اگر certificate ندارید یا تمایل ندارید هزینه کنید می تونید از مدل مجانی که همه مرورگر ها هم ساپورتش می کنند استفاده کنید.
https://letsencrypt.org

لطفا اگر تجربه یا آمار در اضافه کردن این manifest به سایت خود دارید در میان بگذارید. چون آمار در بین کاربران ایرانی اصلا وجود نداره که بشه دقیق تصمیم گرفت.
شیده ۱۲۸۵۹۶

اگر هم اپ آندروید یا ios آماده ای دارید که عملکردی فراتر از وب اپ برای کاربر انجام میده و می خواین مرورگر به کاربر پیشنهاد بده در فایل manifest قسمت زیر که اگر شما هم تعریف نکنید به صورت پیش فرض false هست همیشه را تغییر دهید
"prefer_related_applications": false
و در بخش related_applications با استفاده از راهنما اپ ها را تعریف کنید.
اینجوری هدایت کاربر به اپ از طریق جست و جوی در سایت ها نیز خیلی راحت تر میشه
ناهید ۷۸۷۳۵

ممنون بابت مطالب خوبتون
شیده ۱۲۸۵۹۶

خواهش می کنم. امیدوارم مفید باشه. دیگر دوستان هم مشارکت کنند و تجربه هاشون را در ززمینه های مختلف به اشتراک بگذارند.
شیده ۱۲۸۵۹۶

درود
برای دوستانی که علاقه به دیدن ویدیو بیشتر از خواندن متن دارند پیشنهاد می کنم کانال های تخصصی در یوتیوب را حتما دنبای کنند. به طور مثلا کانال دولوپرهای کروم خیلی صحبت های خوبی درش میشه و تمام ویدیوهای معرفی و آشنایی با تکنولوژی ها و ترند ها روز درش پیدا میشه.
https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw
و اگر هم وقت بیشتری دارید و علاقه در تمامی زمینه های برنامه نویسی این یکی حالت کلی تری داره از تیم گوگل.
https://www.youtube.com/channel/UC_x5XG1OV2P6uZZ5FSM9Ttw
شیده ۱۲۸۵۹۶

در ادامه مباحث PWA یکی از موارد مهم بعد از تعریف manifest بحث این هست که اپ ما به صورت آفلاین/اینترنت کم سرعت هم عملکردی قابل قبول داشته باشه.
تکنولوژی معرفی شما و در دستپذیری ما service worker نام داره. برای اینکه بتونیم باهاش ارتباط برقرار کنیم یکی از بهترین کتابخانه های موجود برای استفاده workbox باز از تیم کروم هست.
https://github.com/GoogleChrome/workbox

البته نکته ای خالی از لطف نیست که بگم خیلی راحت در هر زبان برنامه نویسی ما می تونیم از پایه خودمون کد بزنیم ولی باید در نظر گرفت کتابخانه های موجود کلی تجربه درشون وجود داره که نیاز نیست ما از اول اونا را تجربه کنیم. فقط در صورتی نیاز به تجربه از صفر هست که می خوایم یک ابزار با نیازمندی های متفاوت داشته باشیم.
شیده ۱۲۸۵۹۶

یکی از مواردی که شاید برای توسعه یک وب اپ در محیط لوکال به مشکل بخورید بحث نبود وب سرور لوکال هست که اگر به صورت مستقیم فایلی پروژه را باز کنید به مشکلات فراوانی برخورد می کنیم و در خیلی از شرایط اصلا توسعه محصول امری غیر ممکن خواهد شد. این مشکل را می تونید در کروم با نصب این افزونه حل کنید
https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=en

اگر یادتون باشه مثلا گفتیم در pwa ما نیاز هست حتما پروتکل امن روی وب سرور داشته باشیم ولی کروم در localhost این مورد را فاکتور گرفته و اجازه میده بدون وجود valid tls certificate به توسعه محصولتون بپردازید.
بهنام ۱۰۹۱۰۶

نوشته جدید من در ویرگول:

چرا وب اپ های پراگرسیو آینده وب سایت های ایرانی است؟
http://vrgl.ir/8hFyJ

#PWA
@angular_Iran
ناهید ۷۸۷۳۵

نوشته جدید من در ویرگول:

چرا وب اپ های پراگرسیو آینده وب سایت های ایرانی است؟
http://vrgl.ir/8hFyJ

#PWA
@angular_Iran
👍👍👍
ناهید ۷۸۷۳۵

Workbox  |  Google Developers
https://developers.google.com/web/tools/workbox/
بهنام ۱۰۹۱۰۶

“Progressive Web Apps on iOS are here 🚀” @firt https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7
بهنام ۱۰۹۱۰۶

Addy Osmani (@addyosmani) Tweeted:
Service Workers shipped in Safari for iOS 11.3!! Modern support for offline-caching & network resilience coming to millions more users. https://t.co/U3Q8HNuT2p https://twitter.com/addyosmani/status/979606651429822464?s=17
بهنام ۱۰۹۱۰۶

خبر خوب اینکه پشتیبانی از (فعلا سرویس ورکر) پراگرسیو وب اپ ها به iOS 11.3 هم اضافه شده 🎊
حكمت ۲۴۷۱۱۹

ناهید ۷۸۷۳۵

شیده ۱۲۸۵۹۶

درود دوستان
امیدوارم سال خوبی را شروع کرده باشید. متاسفانه تلگرام پر شده از اسپمر. سعی می کنم پیام های غیر مرتب را سریعا پاک کنم تا حد امکان.
بهنام ۱۰۹۱۰۶

درود دوستان
امیدوارم سال خوبی را شروع کرده باشید. متاسفانه تلگرام پر شده از اسپمر. سعی می کنم پیام های غیر مرتب را سریعا پاک کنم تا حد امکان.
سلام
نظر من اینکه گروه های این چنینی رو ببریم رو گیتر یا اسلک یا فروم تا مطالب برای همه در دسترس باشه در هر زمان و برای هر کسی
شیده ۱۲۸۵۹۶

سلام
نظر من اینکه گروه های این چنینی رو ببریم رو گیتر یا اسلک یا فروم تا مطالب برای همه در دسترس باشه در هر زمان و برای هر کسی
قبول دارم پلتفرمی مثل اسلک امکانات بیشتری داره ولی در جامعه هایی مثل خیلی از گروه ها و ما به شدت استفاده از این امکانات نسبت به امکانات پلتفرم تلگرام بلااستفاده خواهد بود. در هر حال نیازمندی ارتباط برقرار کردن و همینطور شناسایی افراد در یک حوزه مدنظر هست که پلتفرم ها همه این امکانات پایه را دارند.
اگر نیاز فراتری را شما احساس می کنید خوشحال میشم بگید تا با همفکری دیگر دوستان در صورت لزوم پلتفرم دیگر را نیز در برنامه ارتباطی یکدیگر بذاریم.
بهنام ۱۰۹۱۰۶

در کل ایده اینه که تولید محتوا به جای اینکه تو dark web باشه مث تلگرام بیاد رو surface web
شیده ۱۲۸۵۹۶

در کل ایده اینه که تولید محتوا به جای اینکه تو dark web باشه مث تلگرام بیاد رو surface web
بنظرم یکم استفاده از این موضوعات اینجا درست نیست. در هر حال تلگرام هم نسخه وب داره و اسلک هم نسخه سیستم عامل های مختلف.
کلا هم من ندیدم هیچ محتوایی در اسلک توسط هیچ موتور جست و جویی مثل گوگل ایندکس بشه. پس عملا تفاوتی در این قسمت وجود نداره
بهنام ۱۰۹۱۰۶

اره درسته. فروم ها گزینه مناسب تریه
بهنام ۱۰۹۱۰۶

و البته داشتن دورهمی ها (مثل تهران جی اس) و ارایه
شیده ۱۲۸۵۹۶

در مورد دورهمی ها بنده خودم در شیراز هستم و در هر فرصتی پیش اومده سعی کردم به دیگر دوستان ترندهای استاندارد دنیای وب را معرفی کنم.
شیده ۱۲۸۵۹۶

راستی در مورد اسلک آیا جامعه مهندسان نرم افزار شناخته شده فارسی سراغ دارن دوستان؟
شیده ۱۲۸۵۹۶

درود
تا حالا دقت کردید اپ یوتیوب روی مرورگر کروم و نیتیو آندروید فقط اگر یکبار با فیلترشکن باز بشه از دفعات بعد بدون هیچ مشکل و فیلترشکنی باز میشه!!
دلیل هم این هست که گوگل کلا داره در پلتفرمش از پروتکل quic بجای tcp استفاده می کنه که خودش هم این استاندارد را تعریف کرده و بخاطر همین هم یوتیوب فعال شده چند مدت و نتونستند هنوز فیلترش کنن. این پروتکل فقط روی کروم فعلا پیاده سازی شده.

خوب حالا ارتباط این قضیه با معماری PWA چی هست!! نکته جالب این هست به صورت پیش فرض مثل http2 اول مرورگر هیچی از سرور نمی دونه و ترجیحا با پایه ای ترین نوع ارتباط درخواست خودشو ارسال می کنه ولی اگر در جواب اول سرور ارتقا به پروتکل های دیگر را پیشنهاد یا درخواست داد مرورگر هم ارتباط را به اون پروتکل ارتقا میده! پس وقتی یکبار در service worker نوع ارتباط ثبت میشه از دفعات بعد هم بدون نیاز به ارتباط ساده اولیه دیگه تمام دروخاست با quic شکل میگیره بخاطر همین هم یوتیوب فعلا بدون فیلتر باز میشه. ولی اگر یک صفحه ناشناس در کروم باز کنید میبینید باز این قضیه ارتباط اولیه وجود داره و اپ بدون فیلترشکن باز نخواهد شد.

پس اگر در سمت سرور خود از ارتباطاتی نظیر http2 استفاده می کنید با تعریف sw براحتی می توانید علاوه بر لود سریع تر فایل های آفلاین شده محتوای آنلاین را بدون نیاز به اون ارتباط اولیه که به شدت کند هست بگیرید.

در مورد پروتکل quic هم دوستانی که علاقه دارن مطالعه کنند جالب هست این پروتکل و داره از یکی از نظریه هایی صحبت می کنه که بنده به شخصه بسیار بهش عقیده دارم و مسلما دنیای آینده هست و اون این هست که بیایم تا جای امکان منطق های مورد نیاز اپ هامون را از کرنل دور کنیم و اینجوری به شدت اپ ها بهینه میشه.
امیدرضا ۹۷۸۹۵

درود
تا حالا دقت کردید اپ یوتیوب روی مرورگر کروم و نیتیو آندروید فقط اگر یکبار با فیلترشکن باز بشه از دفعات بعد بدون هیچ مشکل و فیلترشکنی باز میشه!!
دلیل هم این هست که گوگل کلا داره در پلتفرمش از پروتکل quic بجای tcp استفاده می کنه که خودش هم این استاندارد را تعریف کرده و بخاطر همین هم یوتیوب فعال شده چند مدت و نتونستند هنوز فیلترش کنن. این پروتکل فقط روی کروم فعلا پیاده سازی شده.

خوب حالا ارتباط این قضیه با معماری PWA چی هست!! نکته جالب این هست به صورت پیش فرض مثل http2 اول مرورگر هیچی از سرور نمی دونه و ترجیحا با پایه ای ترین نوع ارتباط درخواست خودشو ارسال می کنه ولی اگر در جواب اول سرور ارتقا به پروتکل های دیگر را پیشنهاد یا درخواست داد مرورگر هم ارتباط را به اون پروتکل ارتقا میده! پس وقتی یکبار در service worker نوع ارتباط ثبت میشه از دفعات بعد هم بدون نیاز به ارتباط ساده اولیه دیگه تمام دروخاست با quic شکل میگیره بخاطر همین هم یوتیوب فعلا بدون فیلتر باز میشه. ولی اگر یک صفحه ناشناس در کروم باز کنید میبینید باز این قضیه ارتباط اولیه وجود داره و اپ بدون فیلترشکن باز نخواهد شد.

پس اگر در سمت سرور خود از ارتباطاتی نظیر http2 استفاده می کنید با تعریف sw براحتی می توانید علاوه بر لود سریع تر فایل های آفلاین شده محتوای آنلاین را بدون نیاز به اون ارتباط اولیه که به شدت کند هست بگیرید.

در مورد پروتکل quic هم دوستانی که علاقه دارن مطالعه کنند جالب هست این پروتکل و داره از یکی از نظریه هایی صحبت می کنه که بنده به شخصه بسیار بهش عقیده دارم و مسلما دنیای آینده هست و اون این هست که بیایم تا جای امکان منطق های مورد نیاز اپ هامون را از کرنل دور کنیم و اینجوری به شدت اپ ها بهینه میشه.
چه جالب
ممنون از شیر کردن این اطلاعات
مهرخ ۱۰۴۲۳۷

درود
تا حالا دقت کردید اپ یوتیوب روی مرورگر کروم و نیتیو آندروید فقط اگر یکبار با فیلترشکن باز بشه از دفعات بعد بدون هیچ مشکل و فیلترشکنی باز میشه!!
دلیل هم این هست که گوگل کلا داره در پلتفرمش از پروتکل quic بجای tcp استفاده می کنه که خودش هم این استاندارد را تعریف کرده و بخاطر همین هم یوتیوب فعال شده چند مدت و نتونستند هنوز فیلترش کنن. این پروتکل فقط روی کروم فعلا پیاده سازی شده.

خوب حالا ارتباط این قضیه با معماری PWA چی هست!! نکته جالب این هست به صورت پیش فرض مثل http2 اول مرورگر هیچی از سرور نمی دونه و ترجیحا با پایه ای ترین نوع ارتباط درخواست خودشو ارسال می کنه ولی اگر در جواب اول سرور ارتقا به پروتکل های دیگر را پیشنهاد یا درخواست داد مرورگر هم ارتباط را به اون پروتکل ارتقا میده! پس وقتی یکبار در service worker نوع ارتباط ثبت میشه از دفعات بعد هم بدون نیاز به ارتباط ساده اولیه دیگه تمام دروخاست با quic شکل میگیره بخاطر همین هم یوتیوب فعلا بدون فیلتر باز میشه. ولی اگر یک صفحه ناشناس در کروم باز کنید میبینید باز این قضیه ارتباط اولیه وجود داره و اپ بدون فیلترشکن باز نخواهد شد.

پس اگر در سمت سرور خود از ارتباطاتی نظیر http2 استفاده می کنید با تعریف sw براحتی می توانید علاوه بر لود سریع تر فایل های آفلاین شده محتوای آنلاین را بدون نیاز به اون ارتباط اولیه که به شدت کند هست بگیرید.

در مورد پروتکل quic هم دوستانی که علاقه دارن مطالعه کنند جالب هست این پروتکل و داره از یکی از نظریه هایی صحبت می کنه که بنده به شخصه بسیار بهش عقیده دارم و مسلما دنیای آینده هست و اون این هست که بیایم تا جای امکان منطق های مورد نیاز اپ هامون را از کرنل دور کنیم و اینجوری به شدت اپ ها بهینه میشه.
👏👏👏👌
شیده ۱۲۸۵۹۶

درود
در خیلی از جلسات دوستان از من سوال می کنند چرا اینقدر به استاندارد بودن هر چیزی اهمیت میدم و به نوعی دیگر صحبت های خودم مانند تفکر ناب lean thinking و چابک بودن agile را زیر سوال میبرم. گفتم برای جواب به دوستان این مطلب خلاصه را بنویسم و با دیگر دوستان هم به اشتراک بذارم.
اگر به یک کابین هواپیما دقت کنیم می بینیم با اینکه سالیان زیادی هست که کنترل هایی مانند فرمان به صورت دیجیتالی هدایت می شود ولی هنوز تغییرات در ساختار کابین با احتیاط بسیار اعمال می شود. دلیل هم بسیار واضح هست چون تغییرات در فرآیند خلبانی بسیار کار پیچیده ای است. دلیل هم بسیار واضح هست چون با جان انسان ها مربوط هست و هرگونه تغییری که باعث ایجاد خطا بشود قابل بخشش نیست.
همین قضیه در صنایع دیگر هم مشاهده میشه ولی در هر صنعتی که به استانداردها دقت نشده یعنی تجریه های سالیان زیادی را اون تولید کننده از دست داده و خودش داره یکبار دیگه اون تجارب را امتحان می کنه و مصرف کننده های اون تولید کننده بهای اشتباهات را می پردازند. مسلما براتون آشنا هست که در صنعت خودرو دقیقا این مشکل با جان انسان ها می باشد ولی در ایران اصولا رعایت نشدن استانداردها جزئی از گوشت و خون صنایع شده.
در صنعت تکنولوژی اطلاعات و ارتباطات هم دقیقا همین قضیه وجود داره حتی خیلی مواقع با جان انسان ها هم سر و کار داریم ولی بیشتر از جان با وقت آنها درگیر هستیم. باز هم براتون آشنا باید باشه که وارد فلان اداره یا سازمان بشید و بگن سیستم قطع هست و کاری نمی تونیم انجام بدیم تا مجدد وصل بشه.

به طور قطع اگر فعالان این حوزه مانند دیگر صنایع به استانداردها توجه ویژه ای داشته باشند به شدت سطح کیفیتی کار ارتقا می یابد. شما را به دیدن و تفکر بیشتر این عکس و ویدیو دعوت می کنم.
شیده ۱۲۸۵۹۶

Airbus A380 Cockpit
Airbus A380 Cockpit
بهنام ۱۰۹۱۰۶

NGINX 1.13.9 Introduces HTTP/2 Server Push HTTP/2 Server Push lets a server pre-emptively push resources to a client, anticipating that the client may soon request those resources
https://buff.ly/2omFsVx
شیده ۱۲۸۵۹۶

درود دوستان
یک مطلب در یک گروه منتشر شد و بنده یک جوابیه دادم که لازم دیدم اینجا هم در موردش اگر لازم شد بحث بشه.
شیده ۱۲۸۵۹۶

https://github.com/kamranahmedse/developer-roadmap

یه roadmap خوب برای برنامه نویس های وب
شیده ۱۲۸۵۹۶

قصد زیر سوال بردن کلی این مطالب به عنوان مسیر راه یا همون roadmap نیست ولی واقعا دوستان دقت کنید هر کسی با بازنشر یک مطلب اشتباه داره در گناه اون کسی که بدون علم کافی به تولید علم میپردازه مقصر هست.
اولین و مهمترین نکته ای که در این نوشته هست بحث جداسازی devops هست که اصولا همه دارن اشتباه می کنند. کشورهای دیگر مطابق صحبت دوستان بهتر شدن ولی هنوز متاسفانه داریم شاهد بازنشر مطالب بسیار اشتباه از مفهوم devops هستیم. این مفهوم در اصل صرفا یک فرهنگ مهندسی نرم افزار هست نه یک شاخه عملی از آن.
https://en.wikipedia.org/wiki/DevOps
هر کسی در هر تیمی از یک سازمان باید این فرهنگ و فرهنگ های و چارچوب هایی مانند agile را درون رفتار خودش نهادینه کنه نه اینکه اسم خودشو بذاره یک devops کار مثلا!! اشتباه محض هست این کار.
ناصر ۱۲۰۵۹۲

قصد زیر سوال بردن کلی این مطالب به عنوان مسیر راه یا همون roadmap نیست ولی واقعا دوستان دقت کنید هر کسی با بازنشر یک مطلب اشتباه داره در گناه اون کسی که بدون علم کافی به تولید علم میپردازه مقصر هست.
اولین و مهمترین نکته ای که در این نوشته هست بحث جداسازی devops هست که اصولا همه دارن اشتباه می کنند. کشورهای دیگر مطابق صحبت دوستان بهتر شدن ولی هنوز متاسفانه داریم شاهد بازنشر مطالب بسیار اشتباه از مفهوم devops هستیم. این مفهوم در اصل صرفا یک فرهنگ مهندسی نرم افزار هست نه یک شاخه عملی از آن.
https://en.wikipedia.org/wiki/DevOps
هر کسی در هر تیمی از یک سازمان باید این فرهنگ و فرهنگ های و چارچوب هایی مانند agile را درون رفتار خودش نهادینه کنه نه اینکه اسم خودشو بذاره یک devops کار مثلا!! اشتباه محض هست این کار.
تازه درخواست استخدام devops کار هم اومده😂
شیده ۱۲۸۵۹۶

خوب مسلما همه با بحث static import در es6 آشنایی دارند، توضیحات تکمیلی هم اینجا هست.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

ولی ایمپورت داینامیک کد یکی از ترندهایی هست که خیلی جاها می تونه کمک فراوانی کنه. البته هنوز پشتیبانی در مرورگرها خیلی خوب نیست و فقط کروم 63 به بعد داره ولی مسلما در آینده نزدیک در مرورگرهای دیگه هم پشتیبانی میشه.
https://developers.google.com/web/updates/2017/11/dynamic-import
شیده ۱۲۸۵۹۶

کمتر از چند روز دیگه پلیمر ورژن 3 معرفی میشه و میشه گفت ورژن آخر پلیمر خواهد بود!!
البته دلیل هم این هست که به صورت موازی دارن روی پروژه ای به نام lit-element کار می کنند که کاملا چیزی میشه که با تمامی استانداردهای تعریف شده تطابق پیدا می کنه و با استفاده از lit-html هم به کلی فضای ساخت custom element ها را دگرگون می کنه.
پیشنهاد می کنم یک نگاهی به رپو این پروژه بندازید
https://github.com/Polymer/lit-element
بهنام ۱۰۹۱۰۶

#آگهی‌استخدام
  - مسلط به Javascript , Jquery
  - مسلط به HTML5 و CSS3
  - آشنا به فریم‌ورک  Angularjs
  - آشنا با git
  - علاقمند به کار در محیط استارتاپی و کار گروهی
@sajad_khodaei
#آگهی‌استخدام
- مسلط به Javascript , Jquery
- مسلط به HTML5 و CSS3
- آشنا به فریم‌ورک Angularjs
- آشنا با git
- علاقمند به کار در محیط استارتاپی و کار گروهی
@sajad_khodaei
اسفندیار ۲۸۰۰۵۱

🌍 استارتاپدیا . دانشنامه استارتاپی ایران
☄️ سنجه های دزدان دریایی - قسمت 6

❤️ دانشنامه استارتاپدیا رو به دوستاتون معرفی کنید...
👇👇
@Teami_me
🌍 استارتاپدیا . دانشنامه استارتاپی ایران
☄️ سنجه های دزدان دریایی - قسمت 6

❤️ دانشنامه استارتاپدیا رو به دوستاتون معرفی کنید...
👇👇
@Teami_me
اسفندیار ۲۸۰۰۵۱

🌍 استارتاپدیا . دانشنامه استارتاپی ایران
☄️ سنجه های دزدان دریایی - قسمت 6

❤️ دانشنامه استارتاپدیا رو به دوستاتون معرفی کنید...
👇👇
@Teami_me
🌍 استارتاپدیا . دانشنامه استارتاپی ایران
☄️ سنجه های دزدان دریایی - قسمت 6

❤️ دانشنامه استارتاپدیا رو به دوستاتون معرفی کنید...
👇👇
@Teami_me
اسفندیار ۲۸۰۰۵۱

💪 باید عملت رو وارد احساساتت کنی ، نه اینکه احساست رو وارد عملت کنی ...

👨‍💻👩‍💻 ارتباط بگیر و سریع تیم استارتاپی خودت رو بساز !
👇👇👇
@Teami_bot
💪 باید عملت رو وارد احساساتت کنی ، نه اینکه احساست رو وارد عملت کنی ...

👨‍💻👩‍💻 ارتباط بگیر و سریع تیم استارتاپی خودت رو بساز !
👇👇👇
@Teami_bot
شیده ۱۲۸۵۹۶

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

برای این موارد دو استانداردی که معروف به حذف پسورد از دنیای اینترنت هستند می تونه کمک شایانی به تیم های توسعه محصولات در این دو بخش کنه که حداقل درک اولیه درستی بدست بیاورند.
https://fidoalliance.org/
https://www.w3.org/TR/webauthn/
این دو استاندارد در دو لایه مختلف در حال استانداردسازی هستند. یکی دنیای شبکه و وب و دیگری در سطح مرورگرها.