- প্রগতিশীল ওয়েব অ্যাপস ডেস্কটপে আসছে
- জেনেরিক সেন্সর এপিআই অ্যাক্সিলোমিটার, জাইরোস্কোপ এবং আরও অনেক কিছুর মতো ডিভাইস সেন্সরে অ্যাক্সেস পেতে সহজ করে তোলে।
- এবং
BigIntবড় পূর্ণসংখ্যার সাথে কাজ করা সহজ করে তোলে।
এবং আরো অনেক আছে!
আমি পিট লেপেজ । চলুন ডুব দিয়ে দেখি Chrome 67-এ ডেভেলপারদের জন্য নতুন কী আছে!
পরিবর্তনের সম্পূর্ণ তালিকা চান? Chromium সোর্স রিপোজিটরি পরিবর্তনের তালিকা দেখুন।
ডেস্কটপ PWAs
ডেস্কটপ প্রগ্রেসিভ ওয়েব অ্যাপস এখন ChromeOS 67-এ সমর্থিত, এবং আমরা ইতিমধ্যেই Mac এবং Windows-এর সমর্থনে কাজ শুরু করেছি। একবার ইন্সটল হয়ে গেলে, সেগুলি অন্যান্য অ্যাপের মতোই চালু হয় এবং অ্যাড্রেস বার বা ট্যাব ছাড়াই একটি অ্যাপ উইন্ডোতে চলে। পরিষেবা কর্মীরা নিশ্চিত করে যে তারা দ্রুত এবং নির্ভরযোগ্যভাবে, অ্যাপ উইন্ডো অভিজ্ঞতা তাদের একীভূত বোধ করে। এবং তারা আপনার ব্যবহারকারীদের জন্য একটি আকর্ষক অভিজ্ঞতা তৈরি করে।
শুরু করা আপনি ইতিমধ্যেই আজ যা করছেন তার থেকে আলাদা নয়। আপনার বিদ্যমান প্রগতিশীল ওয়েব অ্যাপের জন্য আপনি যে সমস্ত কাজ করেছেন তা এখনও প্রযোজ্য , আপনাকে কেবল কিছু অতিরিক্ত বিরতি পয়েন্ট বিবেচনা করতে হবে।
যদি আপনার অ্যাপ স্ট্যান্ডার্ড PWA মানদণ্ড পূরণ করে, তাহলে Chrome beforeinstallprompt ইভেন্টের আগে ফায়ার করবে, কিন্তু এটি স্বয়ংক্রিয়ভাবে ব্যবহারকারীকে প্রম্পট করবে না। পরিবর্তে, ঘটনা সংরক্ষণ করুন; তারপরে, কিছু UI যোগ করুন - যেমন একটি ইনস্টল অ্যাপ বোতাম - ব্যবহারকারীকে জানাতে আপনার অ্যাপ ইনস্টল করা যেতে পারে। তারপর, যখন ব্যবহারকারী বোতামটি ক্লিক করে, সংরক্ষিত ইভেন্টে কল প্রম্পট; Chrome তারপর ব্যবহারকারীকে প্রম্পট দেখাবে। তারা অ্যাড ক্লিক করলে, ক্রোম তাদের শেল্ফ এবং লঞ্চারে আপনার PWA যোগ করবে।
আমার Google I/O আলোচনা দেখুন যেখানে জেনি এবং আমি একটি ডেস্কটপ প্রগতিশীল ওয়েব অ্যাপ তৈরি করার সময় আপনাকে যে প্রযুক্তিগত এবং বিশেষ ডিজাইনের বিবেচনার কথা ভাবতে হবে সে সম্পর্কে বিস্তারিতভাবে আলোচনা করি।
এবং, আপনি যদি ম্যাক বা উইন্ডোজে এটির সাথে খেলা শুরু করতে চান - একটি পতাকা সহ কীভাবে সমর্থন সক্ষম করবেন তার বিশদ বিবরণের জন্য সম্পূর্ণ ডেস্কটপ প্রগ্রেসিভ ওয়েব অ্যাপ পোস্টটি দেখুন।
জেনেরিক সেন্সর API
ইমারসিভ গেমিং, ফিটনেস ট্র্যাকিং এবং অগমেন্টেড বা ভার্চুয়াল রিয়েলিটির মতো অভিজ্ঞতা সক্ষম করতে অনেক অ্যাপে সেন্সর ডেটা ব্যবহার করা হয়। এই ডেটা এখন জেনেরিক সেন্সর API ব্যবহার করে ওয়েব অ্যাপে উপলব্ধ।
এপিআই শীর্ষে নির্মিত কংক্রিট সেন্সর ক্লাসের একটি সেট সহ একটি বেস সেন্সর ইন্টারফেস নিয়ে গঠিত। একটি বেস ইন্টারফেস থাকা কংক্রিট সেন্সর ক্লাসের জন্য বাস্তবায়ন এবং স্পেসিফিকেশন প্রক্রিয়াকে সহজ করে। উদাহরণস্বরূপ, জাইরোস্কোপ ক্লাসটি অতি ক্ষুদ্র!
const sensor = new Gyroscope({frequency: 500});
sensor.start();
sensor.onreading = () => {
console.log("X-axis " + sensor.x);
console.log("Y-axis " + sensor.y);
console.log("Z-axis " + sensor.z);
};
মূল কার্যকারিতা বেস ইন্টারফেস দ্বারা নির্দিষ্ট করা হয়, এবং Gyroscope শুধুমাত্র কৌণিক বেগ প্রতিনিধিত্বকারী তিনটি বৈশিষ্ট্যের সাথে এটিকে প্রসারিত করে। Chrome 67 অ্যাক্সিলোমিটার, জাইরোস্কোপ, ওরিয়েন্টেশন সেন্সর এবং মোশন সেন্সর সমর্থন করে।
ইন্টেল জেনেরিক সেন্সর API এবং নমুনা কোডের বেশ কয়েকটি ডেমো একত্র করেছে এবং তারা ওয়েবের জন্য সেন্সর আপডেট করেছে! সেপ্টেম্বর থেকে আপনার যা জানা দরকার তার সাথে পোস্ট করুন।
BigInt এস
BigInt s হল জাভাস্ক্রিপ্টের একটি নতুন সংখ্যাসূচক আদিম যা নির্বিচারে নির্ভুলতার সাথে পূর্ণসংখ্যাগুলিকে উপস্থাপন করতে পারে। বড় পূর্ণসংখ্যা আইডি এবং উচ্চ-নির্ভুলতার টাইমস্ট্যাম্পগুলি জাভাস্ক্রিপ্টে Numbers হিসাবে নিরাপদে উপস্থাপন করা যায় না, যা প্রায়শই বাস্তব-বিশ্বের বাগগুলির দিকে পরিচালিত করে (কারণ আমরা প্রায়শই এর পরিবর্তে স্ট্রিং হিসাবে এই জাতীয় সংখ্যাগুলি উপস্থাপন করি)।
let max = Number.MAX_SAFE_INTEGER;
// → 9_007_199_254_740_991
max = max + 1;
// → 9_007_199_254_740_992 - Yay!
max = max + 1;
// → 9_007_199_254_740_992 - Uh, no?
BigInt s এর সাহায্যে, আমরা নিরাপদে পূর্ণসংখ্যার গাণিতিক সঞ্চয় করতে পারি এবং উপচে পড়া ছাড়াই সম্পাদন করতে পারি। আজ, বৃহৎ পূর্ণসংখ্যার সাথে কাজ করার অর্থ সাধারণত আমাদের একটি লাইব্রেরি অবলম্বন করতে হবে যা BigInt এর মতো কার্যকারিতা অনুকরণ করবে।
let max = BigInt(Number.MAX_SAFE_INTEGER);
// → 9_007_199_254_740_991n
max = max + 9n;
// → 9_007_199_254_741_000n - Yay!
যখন BigInt ব্যাপকভাবে উপলব্ধ হয়ে যায়, তখন আমরা এই রান-টাইম নির্ভরতাগুলিকে নেটিভ BigInts এর পক্ষে বাদ দিতে সক্ষম হব। শুধু নেটিভ ইমপ্লিমেন্টেশনই দ্রুততর নয়, এটি লোড টাইম, পার্স টাইম এবং কম্পাইল টাইম কমাতে সাহায্য করবে কারণ আমাদের সেই অতিরিক্ত লাইব্রেরি লোড করতে হবে না।
এবং আরো!
এইগুলি বিকাশকারীদের জন্য Chrome 67-এর কয়েকটি পরিবর্তন, অবশ্যই, আরও অনেক কিছু আছে।
ক্রেডেনশিয়াল ম্যানেজমেন্ট এপিআই ক্রোম 51 থেকে সমর্থিত, এবং শংসাপত্র তৈরি, পুনরুদ্ধার এবং সংরক্ষণের জন্য একটি কাঠামো প্রদান করে। এটি দুটি শংসাপত্রের প্রকারের মাধ্যমে এটি করেছে: PasswordCredential এবং FederatedCredential । ওয়েব প্রমাণীকরণ API একটি তৃতীয় শংসাপত্রের ধরন যোগ করে, PublicKeyCredential , যা ব্রাউজারগুলিকে একটি প্রাইভেট/পাবলিক কী জোড়া দিয়ে একটি ব্যবহারকারীকে প্রমাণীকরণ করার অনুমতি দেয় যেটি একটি প্রমাণীকরণকারী দ্বারা তৈরি করা হয় যেমন একটি নিরাপত্তা কী, ফিঙ্গারপ্রিন্ট রিডার বা অন্য কোনো ডিভাইস যা ব্যবহারকারীকে প্রমাণীকরণ করতে পারে। Chrome 67 ডেস্কটপে USB পরিবহনের মাধ্যমে U2F/CTAP 1 প্রমাণীকরণকারী ব্যবহার করে API সক্ষম করে।
WebAuthn পোস্টের সাথে Eiji-এর শক্তিশালী প্রমাণীকরণ সক্ষম করা থেকে এটি সম্পর্কে আরও জানুন।
Google I/O একটি মোড়ক
আপনি যদি I/O তে পৌঁছাতে না পারেন, অথবা আপনি করতে পারেন, কিন্তু সমস্ত ওয়েব আলোচনা না দেখেন, তাহলে Google I/O-এর সমস্ত সাম্প্রতিক সম্পর্কে জানতে ক্রোম এবং ওয়েব প্লেলিস্ট দেখুন!
DevTools-এ নতুন
Chrome 67-এ DevTools-এর জন্য নতুন কী আছে তা জানতে, Chrome DevTools-এ নতুন চেক আউট করতে ভুলবেন না।
সদস্যতা
তারপর, আমাদের YouTube চ্যানেলে সাবস্ক্রাইব বোতামে ক্লিক করুন, এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷
আমি পিট লেপেজ, এবং Chrome 68 রিলিজ হওয়ার সাথে সাথে, আমি আপনাকে বলতে এখানে থাকব -- Chrome এ নতুন কি!