একসাথে আরও ভালো ওয়েব তৈরি করা
আমরা আপনাকে সুন্দর, অ্যাক্সেসযোগ্য, দ্রুত এবং নিরাপদ ওয়েবসাইট তৈরি করতে সাহায্য করতে চাই যা ক্রস-ব্রাউজার কাজ করে এবং আপনার সমস্ত ব্যবহারকারীদের জন্য। এই সাইটটি সেই যাত্রায় আপনাকে সাহায্য করার জন্য সামগ্রীর জন্য আমাদের বাড়ি, যা Chrome টিমের সদস্যদের দ্বারা লিখিত, এবং বহিরাগত বিশেষজ্ঞরা যারা ওয়েব ডেভেলপমেন্ট বিষয় যেমন অ্যাক্সেসিবিলিটি, পারফরম্যান্স, ডিজাইন এবং আরও অনেক কিছুতে বিশেষজ্ঞ।
বেসলাইন
ওয়েব প্ল্যাটফর্ম বেসলাইন ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্যগুলির জন্য ব্রাউজার সমর্থন সম্পর্কে তথ্যের স্বচ্ছতা নিয়ে আসে, কোন ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্যগুলি আজ আপনার প্রকল্পগুলিতে ব্যবহারের জন্য প্রস্তুত সে সম্পর্কে স্পষ্ট তথ্য প্রদান করে। web.dev-এ এখানে একটি নিবন্ধ পড়ার সময়, ব্যবহৃত বৈশিষ্ট্যগুলি যদি বেসলাইনের সমস্ত অংশ হয়, আপনি ব্রাউজার সামঞ্জস্যের স্তরে বিশ্বাস করতে পারেন।
এআই এবং ওয়েব
AI এর সাথে পারফরম্যান্ট, ওয়েব-প্রথম অভিজ্ঞতা বুঝতে এবং তৈরি করতে আপনাকে সাহায্য করার জন্য তৈরি সংস্থানগুলি আবিষ্কার করুন।
INP অপ্টিমাইজ করুন
নেক্সট পেইন্টের সাথে ইন্টারঅ্যাকশন (আইএনপি) এখন একটি কোর ওয়েব ভাইটাল মেট্রিক্স। আপনার সাইটের INP পরিমাপ এবং অপ্টিমাইজ করা শুরু করুন ।
অর্থপ্রদান & পরিচয়
পরিচয় এবং অর্থপ্রদান প্রক্রিয়াকরণের ক্ষেত্রে সর্বশেষ বৈশিষ্ট্য এবং সর্বোত্তম অনুশীলনগুলি পড়ুন।
ওয়েব প্ল্যাটফর্ম অন্বেষণ
ওয়েব প্ল্যাটফর্ম হল ব্রাউজার বৈশিষ্ট্য এবং APIগুলির একটি ক্রমাগত বিকশিত ইকোসিস্টেম যা বিকাশকারীরা ব্যবহার করা সহজ এবং আনন্দদায়ক ওয়েবসাইটগুলি তৈরি করতে ব্যবহার করতে পারে৷ web.dev-এ ওয়েব প্ল্যাটফর্মের প্রতিটি অংশে প্রবেশ করার জন্য এই পৃষ্ঠাগুলি হল আপনার গতিতে:
HTML
এইচটিএমএল হল ওয়েবের ডকুমেন্ট লেয়ার, পৃষ্ঠাগুলির গঠন এবং শব্দার্থ প্রদান করে।
CSS
CSS হল ওয়েবের প্রেজেন্টেশন লেয়ার, এবং এটি আপনাকে আপনার ওয়েব পৃষ্ঠাগুলিকে ঠিক সেরকম দেখতে দেয় যা আপনি চান৷
JavaScript
জাভাস্ক্রিপ্ট ওয়েব পৃষ্ঠাগুলিতে সমৃদ্ধ ইন্টারঅ্যাক্টিভিটি প্রদান করে, যা ডেভেলপারদের সমৃদ্ধভাবে ইন্টারেক্টিভ ওয়েবসাইট তৈরি করতে দেয় যা ব্যবহারকারীদের কাজ সম্পাদন করতে এবং লক্ষ্যগুলি পূরণ করতে সহায়তা করে।
ওয়েব প্ল্যাটফর্ম শিখুন
ওয়েব প্ল্যাটফর্মে নতুন? আমরা আপনাকে আচ্ছাদিত করেছি! এইচটিএমএল, সিএসএস, এবং জাভাস্ক্রিপ্টে নতুনদের জন্য বিশেষভাবে তৈরি করা এই কোর্সগুলির সাথে ওয়েব প্ল্যাটফর্মের প্রতিটি অংশে ডুব দিন৷
কোর্স
HTML শিখুন, HTML শিখুন
ডেভেলপারদের জন্য HTML এর একটি কঠিন ওভারভিউ, নবীন থেকে বিশেষজ্ঞ স্তরের HTML পর্যন্ত।
কোর্স
সিএসএস শিখুন
অ্যাক্সেসিবিলিটি থেকে জেড-ইনডেক্স পর্যন্ত সমস্ত কিছু কভার করে মডিউল সহ CSS-এর একটি নির্দেশিকা৷
ওয়েব ডেভেলপমেন্ট খবর আপ রাখুন
আমাদের ব্লগে নতুন ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্য, বেসলাইন, এআই, কোর ওয়েব ভাইটাল এবং আরও অনেক কিছুর আপডেট সহ ওয়েব ডেভেলপমেন্টের সর্বশেষ খবর রয়েছে। আমাদের ব্লগ পড়া সর্বশেষ ব্লগের সাথে আপ রাখুন.
CSS এবং UI ডিজাইন
এই মুহূর্তে আপনার কাজে ব্যবহার করার জন্য সর্বশেষ টিপস এবং কৌশলগুলি শিখুন৷
CSS ব্যবহার করে ব্যবহারকারীর পছন্দ অনুযায়ী টাইপোগ্রাফি অভিযোজিত করা
আপনার ব্যবহারকারীদের পছন্দ অনুসারে একটি ফন্ট মানিয়ে নিন, যাতে তারা আপনার সামগ্রী পড়তে সর্বাধিক স্বাচ্ছন্দ্য বোধ করে।
সমস্ত প্রধান ইঞ্জিনে নতুন CSS রঙের স্থান এবং ফাংশন
সমস্ত প্রধান ইঞ্জিন এখন নতুন CSS কালার স্পেস এবং ফাংশন সমর্থন করে। কীভাবে তারা আপনার ডিজাইনগুলিতে প্রাণবন্ততা আনতে পারে তা খুঁজে বের করুন।
উৎস মানচিত্র কি?
সোর্স ম্যাপ দিয়ে ওয়েব ডিবাগিং অভিজ্ঞতা উন্নত করুন।
CSS সাবগ্রিড
সাবগ্রিড এখন তিনটি প্রধান ইঞ্জিন জুড়ে আন্তঃচালনাযোগ্য। এটি কীভাবে ব্যবহার করবেন তা খুঁজে বের করুন।
Core Web Vitals
কোর ওয়েব ভাইটাল এবং অন্যান্য মেট্রিক্স বুঝে দ্রুত ওয়েবসাইট এবং অ্যাপ তৈরি করুন।
নেক্সট পেইন্টের সাথে মিথস্ক্রিয়া 12 মার্চ একটি মূল ওয়েব গুরুত্বপূর্ণ হয়ে ওঠে
নেক্সট পেইন্টের সাথে মিথস্ক্রিয়া আনুষ্ঠানিকভাবে একটি কোর ওয়েব ভাইটাল হয়ে উঠবে এবং 12 মার্চ প্রথম ইনপুট বিলম্ব প্রতিস্থাপন করবে।
,নেক্সট পেইন্টের সাথে ইন্টারঅ্যাকশন আনুষ্ঠানিকভাবে একটি কোর ওয়েব ভাইটাল হয়ে উঠবে এবং 12 মার্চ প্রথম ইনপুট বিলম্ব প্রতিস্থাপন করবে।
কিভাবে INP অপ্টিমাইজ করবেন
নেক্সট পেইন্ট মেট্রিকের সাথে ইন্টারঅ্যাকশনের জন্য কীভাবে অপ্টিমাইজ করবেন তা শিখুন।
আমাদের শীর্ষ Core Web Vitals সুপারিশ
ওয়েবের অবস্থার উপর ভিত্তি করে ওয়েবসাইটগুলির মূল ওয়েব ভাইটাল কর্মক্ষমতা অপ্টিমাইজ করার জন্য সর্বোত্তম অনুশীলনের একটি সংগ্রহ
LCP কিভাবে অপ্টিমাইজ করা যায় সে সম্পর্কে সাধারণ ভুল ধারণা
ইমেজ অপ্টিমাইজেশানের বাইরে দেখে এবং টাইম টু ফার্স্ট বাইট (টিটিএফবি) এবং রিসোর্স লোড বিলম্বের মতো কারণগুলি বিবেচনা করে সবচেয়ে বড় সামগ্রীপূর্ণ পেইন্ট (এলসিপি) অপ্টিমাইজ করার বিষয়ে সাধারণ ভুল ধারণাগুলি অন্বেষণ করুন।
প্রগতিশীল ওয়েব অ্যাপস
সক্ষম ওয়েব অভিজ্ঞতা তৈরি করুন।
PWA শিখুন
একটি কোর্স যা আধুনিক প্রগতিশীল ওয়েব অ্যাপ বিকাশের প্রতিটি দিককে ভেঙে দেয়।
TransformStream এখন ক্রস ব্রাউজার সমর্থিত।
এখন যেহেতু সাফারি, ফায়ারফক্স এবং ক্রোমে ট্রান্সফর্ম স্ট্রিমগুলি সমর্থিত তারা অবশেষে প্রাইম টাইমের জন্য প্রস্তুত৷
আশ্চর্যজনক অ্যাপের জন্য নতুন নিদর্শন
ক্লিপবোর্ড প্যাটার্ন, ফাইল প্যাটার্ন এবং উন্নত অ্যাপ প্যাটার্ন সহ আশ্চর্যজনক অ্যাপের জন্য নতুন প্যাটার্নের একটি চমত্কার সংগ্রহে ডুব দিন।
প্রোজেক্ট ফুগু এপিআই শোকেস
ক্রোম ডেভেলপারস সাইটে, সক্ষমতা APIগুলি অন্বেষণ করুন৷
সবার জন্য অ্যাক্সেসযোগ্য
স্থায়ী, অস্থায়ী বা পরিস্থিতিগত যাই হোক না কেন, প্রতিবন্ধী ব্যক্তিদের জন্য কীভাবে আপনার সাইটগুলি আরও অ্যাক্সেসযোগ্য করা যায় তা শিখুন।
অ্যাক্সেসযোগ্যতা শিখুন
আমাদের নতুন কোর্সটি একটি দুর্দান্ত এন্ট্রি পয়েন্ট এবং অ্যাক্সেসিবিলিটি বিষয়গুলির জন্য রেফারেন্স।
ওয়েব ডিজাইনের রঙের বৈসাদৃশ্য পরীক্ষা করা হচ্ছে
আপনার ডিজাইনের অ্যাক্সেসযোগ্য রঙের বৈসাদৃশ্য পরীক্ষা এবং যাচাই করার জন্য তিনটি সরঞ্জাম এবং কৌশলগুলির একটি ওভারভিউ।
একটি ওয়েবসাইটের জন্য প্রধান নেভিগেশন তৈরি করা
এই টিউটোরিয়ালটি বর্ণনা করে কিভাবে একটি ওয়েবসাইটের একটি অ্যাক্সেসযোগ্য প্রধান নেভিগেশন তৈরি করা যায়। আপনি শব্দার্থিক এইচটিএমএল, অ্যাক্সেসিবিলিটি এবং কীভাবে ARIA বৈশিষ্ট্যগুলি ব্যবহার করে কখনও কখনও ভালর চেয়ে বেশি ক্ষতি করতে পারে সে সম্পর্কে শিখতে পারেন।
কমিউনিটি হাইলাইট: মেলানি সুমনার
মেলানিয়ার সাথে আমাদের সাক্ষাত্কার পড়ুন, একজন সফ্টওয়্যার ইঞ্জিনিয়ার যিনি ডিজিটাল অ্যাক্সেসিবিলিটিতে বিশেষজ্ঞ।
পেমেন্ট এবং পরিচয়
পেমেন্টের জন্য সর্বশেষ কৌশল এবং সর্বোত্তম অনুশীলনগুলি খুঁজুন এবং ব্যবহারকারীদের নিরাপদে আপনার সাইট এবং অ্যাপগুলিতে লগ ইন করতে সহায়তা করুন৷
পাসওয়ার্ডহীন লগইন করার জন্য একটি পাসকি তৈরি করুন
পাসকিগুলি ব্যবহারকারীর অ্যাকাউন্টগুলিকে নিরাপদ, সরল, ব্যবহার করা সহজ করে তোলে।
একটি পাসকি দিয়ে সাইন ইন করুন
একটি সাইন ইন অভিজ্ঞতা তৈরি করুন যেটি পাসকি ব্যবহার করে এবং এখনও বিদ্যমান পাসওয়ার্ড ব্যবহারকারীদের মিটমাট করে।
ওয়েব পেমেন্ট ওভারভিউ
ওয়েব পেমেন্ট এবং তারা কিভাবে কাজ করে সে সম্পর্কে আরও জানুন।
পেমেন্ট এবং ঠিকানা ফর্ম সেরা অনুশীলন
আপনার ব্যবহারকারীদের যত দ্রুত এবং সহজে ঠিকানা এবং অর্থপ্রদানের ফর্মগুলি পূরণ করতে সহায়তা করে রূপান্তরগুলি সর্বাধিক করুন৷
বিকাশকারী নিউজলেটার
সরাসরি আপনার ইনবক্সে সর্বশেষ খবর, কৌশল এবং আপডেট পান।