আমরা ইঞ্জিনিয়ার এবং কমিউনিকেটরদের একটি দল যারা নিবন্ধ এবং কোড নমুনা যেমন এই ওয়েবসাইট ওয়েব ফান্ডামেন্টাল এবং আমাদের একেবারে নতুন পোর্টাল web.dev তৈরি করে। আপনি আমাদের ইউটিউব চ্যানেলেও আমাদের কাজ দেখতে পারেন, এবং @ChromiumDev এ আমাদের অনুসরণ করতে ভুলবেন না :)
ফেব্রুয়ারী একটি ছোট মাস কিন্তু আমরা অবশ্যই বিষয়বস্তুতে ছোট নই। দল থেকে বড় রিলিজ দিয়ে শুরু করা যাক।
মুক্তি দেয়
ওয়ার্কবক্স
প্রেস অফ দ্যা হট, workbox-window 4.0 মাত্র কয়েকদিন আগে প্রকাশ করা হয়েছে । আপনারা যারা ইতিমধ্যে ওয়ার্কবক্স ব্যবহার করছেন, v3 থেকে v4 মাইগ্রেশন গাইডটি দেখুন। ভাবছেন কিভাবে আপনি আপনার বিদ্যমান প্রকল্পে ওয়ার্কবক্স ব্যবহার করতে পারেন? আপনার পছন্দের বান্ডলারগুলির সাথে সেগুলি ব্যবহার করার জন্য এখানে একটি নির্দেশিকা রয়েছে৷ ওয়ার্কবক্স কোন সমস্যা সমাধান করতে সাহায্য করে তা নিশ্চিত নন? স্টেট অফ দ্য ওয়েব শোতে পরিষেবা কর্মীদের এই সাক্ষাৎকারটি দেখুন।
lit-html এবং LitElement
পলিমার প্রকল্পের দলটি lit-html এবং LitElement - দুটি পরবর্তী প্রজন্মের ওয়েব ডেভেলপমেন্ট লাইব্রেরিগুলির স্থিতিশীল প্রকাশের জন্য ব্যস্ত রয়েছে। আপনি কি তাদের চেষ্টা করতে চান? LitElement গাইড 📝 দিয়ে শুরু করুন
বিশ্বস্ত ওয়েব কার্যকলাপ
Chrome 72 প্রকাশের সাথে সাথে, বিশ্বস্ত ওয়েব অ্যাক্টিভিটি (TWA) বাজারে প্রবেশ করেছে! টিডব্লিউএ আপনাকে একটি অ্যান্ড্রয়েড অ্যাক্টিভিটির ভিতরে পূর্ণ স্ক্রিন ক্রোম দিতে দেয়, যার অর্থ আপনি অ্যাপ-স্ফিয়ারে আপনার ওয়েব সামগ্রী আনতে পারেন📱 এই শুরু করার নির্দেশিকাটি দেখুন বা কীভাবে @svenbudak Google Play Store-এ তাদের PWA রেখেছেন তা পড়ুন!
পরবর্তী কি আসছে
দিগন্তে Chrome 73 স্থিতিশীল প্রকাশের সাথে ( মার্চ 12 ), আমাদের কভার করার জন্য প্রচুর উত্তেজনাপূর্ণ বৈশিষ্ট্য রয়েছে!
V8 - ক্রোমের জাভাস্ক্রিপ্ট ইঞ্জিনে Object.fromEntries এবং String.prototype.matchAll সহ একগুচ্ছ আপডেট রয়েছে। ভি 8 রিলিজ নোটটি দেখুন।
ওয়েবে অডিও এবং ভিডিও নিয়ে কাজ করছেন? হার্ডওয়্যার মিডিয়া কী সমর্থন এখানে রয়েছে এবং পিকচার-ইন-পিকচার উইন্ডোতে "এড এড়িয়ে যান" এখন অরিজিন ট্রায়ালে রয়েছে! আরও জানতে Chrome 73-এ অডিও/ভিডিও আপডেট দেখুন।
অরিজিন ট্রায়ালের কথা বললে, Fetch Priority সহ Fetch Priority- এর জন্য প্রস্তুত হন , ডেভেলপাররা একটি <script> , <img> , বা <link> এলিমেন্টের গুরুত্ব সেট করতে পারে যাতে ব্রাউজারকে সেগুলি কীভাবে লোড করতে হয়। এটি এখনও একটি পরীক্ষামূলক বৈশিষ্ট্য, তাই অনুগ্রহ করে চেষ্টা করে দেখুন এবং প্রতিক্রিয়া পাঠান!
রেন্ডারিং পারফরম্যান্স সবসময় আমাদের মনের উপরে থাকে। ক্রোমে 73 wheel এবং রুট টার্গেট (উইন্ডো, ডকুমেন্ট বা বডি) এ নিবন্ধিত mousewheel শ্রোতারা ডিফল্টরূপে প্যাসিভ শ্রোতা হবে, ডিফল্টভাবে দ্রুত চাকা স্ক্রলিং প্রদান করবে।
আমরা যেমন নতুন বৈশিষ্ট্যগুলিকে হ্যালো বলি, তেমনি আমাদেরকেও বিদায় জানাতে হবে, তাই Chrome 73-এর জন্য অবমূল্যায়ন এবং অপসারণগুলিও পরীক্ষা করতে ভুলবেন না!
নতুন উন্নয়ন
এখানে আমরা কাজ করছি এমন আরও কিছু জিনিস যা আপনার কাছাকাছি একটি ব্রাউজারে আঘাত করবে।
ক্রস-সাইট স্ক্রিপ্টিং প্রতিরোধে সাহায্য করার জন্য, আমরা বিশ্বস্ত প্রকার নামে একটি নতুন API তৈরি করছি । বিশ্বস্ত-প্রকার নির্বাচন করা (সামগ্রী নিরাপত্তা নীতির মাধ্যমে) DOM ইনজেকশন থেকে নথিটি লক ডাউন করবে। আমরা এই বিষয়ে আরও কোড উদাহরণ এবং নির্দেশিকা প্রদানের জন্য কাজ করছি, কিন্তু এর মধ্যে এটি ব্যবহার করে দেখতে দয়া করে বিশ্বস্ত প্রকারগুলি সম্পর্কে আরও পড়ুন ৷
ক্রোমে পিছনে এবং এগিয়ে বোতামে আঘাত করা শীঘ্রই সত্যিই দ্রুত হতে পারে! ব্যবহারকারী যখন নেভিগেট করে চলে যায় তখন আমরা মেমরিতে থাকা পৃষ্ঠাগুলিতে ক্যাশে করার জন্য একটি নতুন ব্যাক/ফরওয়ার্ড ক্যাশে অন্বেষণ করছি। এই পোস্টে ব্যাখ্যাকারী এবং bfcache এর একটি প্রোটোটাইপ দেখুন।
অবশেষে, ইন্টারসেকশন পর্যবেক্ষক v2 একটি লক্ষ্যের প্রকৃত "দৃশ্যমানতা" ট্র্যাক করার ধারণাটি উপস্থাপন করে।
আমরা কি সঙ্গে tinkering হয়
আমাদের কাজ ব্রাউজার বৈশিষ্ট্য শেষ হয় না! এছাড়াও আমরা ওয়েব অ্যাপ্লিকেশানের পারফরম্যান্সের দিকে নজর দিই, ওয়েব অ্যাপ্লিকেশানগুলি তৈরি করি এবং ওয়েব ডেভেলপারদের সর্বত্র সাহায্য করার বিভিন্ন উপায় সম্পর্কে চিন্তা করি৷ এই মাসে আমরা যে বিষয়গুলো নিয়ে টেঙ্কারিং করছি তার কিছু এখানে রয়েছে।
- ওয়েবে রেন্ডারিং
- ক্রোমে জাভাস্ক্রিপ্ট লোডিং অগ্রাধিকার
- জাভাস্ক্রিপ্ট প্রকল্পগুলি থেকে বড় আমদানি নিষিদ্ধ করুন৷
- ফাইল ওয়েব শেয়ার টার্গেট
- আপনার অ্যাপের জাভাস্ক্রিপ্টে একটি হট পাথকে WebAssembly দিয়ে প্রতিস্থাপন করা হচ্ছে
- নির্মাণযোগ্য স্টাইলশীট: বিজোড় পুনর্ব্যবহারযোগ্য শৈলী
- প্রগতিশীল প্রতিক্রিয়া
- ওয়েব স্টোরফ্রন্ট কর্মক্ষমতা সমস্যা
নতুন ভিডিও এবং পডকাস্ট
মার্টিন জাভাস্ক্রিপ্ট এসইও নামে একটি নতুন সিরিজ শুরু করছে, প্রথম পর্বটি হল কিভাবে গুগল সার্চ জাভাস্ক্রিপ্ট সাইটকে ইনডেক্স করে ! মেগিন সম্প্রতি একটি মিটআপে web.dev প্রকল্পের প্রতিফলন উপস্থাপন করেছেন। জেক এবং সুরমা নতুন HTTP203 পডকাস্ট পর্ব নিয়ে ফিরে এসেছেন যেখানে ইমেজ রোটেশন এক্সপেরিমেন্ট নিয়ে আলোচনা করা হয়েছে ।
এছাড়াও আমাদের YouTube চ্যানেলে "Chrome-এ নতুন" , "DevTools-এ নতুন কী আছে" এবং "The State of the Web" এর মতো নিয়মিত শো আছে।
বিশেষ চিৎকার-আউট
আপনি কি পুতুলের উদাহরণ দেখেছেন? আপনি হয়ত এটি এরিক বিডেলম্যানের টুইট "📯The 12 Days of Puppeteer 🤹🏻♂️🎁" থেকে দেখেছেন। এটি পাপেটিয়ার কোড নমুনাগুলির একটি দুর্দান্ত সংগ্রহ যা আপনাকে ব্রাউজার দিয়ে কী করতে পারে সে সম্পর্কে সৃজনশীলভাবে চিন্তা করতে দেয়৷ আপনি তাদের পরীক্ষা করা উচিত!
( আপনার নতুন প্রচেষ্টা এরিকের জন্য শুভকামনা! আমরা আপনাকে মিস করব!!)
মোড়ক উম্মচন
প্রথম মাসিক র্যাপ আপ কেমন লাগলো? আপনি যদি এটি উপভোগ করেন বা এটিকে উন্নত করার ধারনা থাকে তবে অনুগ্রহ করে আমাকে টুইটারে জানান @kosamari ✅
আপনি যদি এখানে প্রবর্তিত বৈশিষ্ট্যগুলি ব্যবহার করে নতুন কিছু তৈরি করে থাকেন বা আমাদের নিবন্ধের উপর ভিত্তি করে আপনার কোডবেসে কিছু পরিবর্তন করে থাকেন, তাহলে @ChromiumDev- এ আমাদের জানাতে ভুলবেন না।
মার্চ মাসে, আমাদের মধ্যে কয়েকজন ভারতে রওনা হয়েছে সেখানে মোবাইল ওয়েব অভিজ্ঞতা সম্পর্কে আরও জানার আশায় ✈️ আমরা সেখানে যা শিখি তা শেয়ার করার জন্য উন্মুখ!
আগামী মাসে দেখা হবে👋