ডেভ চিটশিট — HTTP, MIME, কী কোড ও রেগেক্স

ডেভ চিটশিট — HTTP, MIME, কী কোড ও রেগেক্স কী?

ডেভ চিটশিট হলো একটি বিনামূল্যের, ব্রাউজারে চলা দ্রুত রেফারেন্স যা চারটি ডেভেলপার লুকআপ টেবিলকে একটি অনুসন্ধানযোগ্য উইজেটে একত্র করে। ফ্রন্ট-এন্ড ও ব্যাক-এন্ড ডেভেলপার, QA ইঞ্জিনিয়ার এবং শিক্ষার্থীরা এটি ব্যবহার করেন যখন তাদের মনে রাখতে হয় 422 মানে কী, একটি .webp ছবির জন্য MIME টাইপ কী, একটি তীর চাপলে কোন key মান চালু হয়, অথবা একটি ইমেল যাচাই করার রেগেক্স। HTTP ট্যাব সাধারণ 2xx, 3xx, 4xx ও 5xx স্ট্যাটাস কোডকে তাদের অফিসিয়াল কারণ বাক্যাংশসহ তালিকাভুক্ত করে; MIME ট্যাব ফাইল এক্সটেনশনকে Content-Type মানের সাথে ম্যাপ করে; কী কোড ট্যাব Enter, Escape ও ArrowUp-এর মতো JavaScript KeyboardEvent.key স্ট্রিং দেখায়; এবং রেগেক্স ট্যাব প্রতিটির জন্য একটি সংক্ষিপ্ত নোটসহ পেস্ট করার জন্য প্রস্তুত প্যাটার্ন সংগ্রহ করে। অনুসন্ধান বাক্স সক্রিয় ট্যাবকে তৎক্ষণাৎ ফিল্টার করে, ফলাফল গণনা জানায় কতগুলো এন্ট্রি মিলেছে, এবং প্রতিটি সারিতে একটি কপি বোতাম থাকে। আউটপুট বাক্স ফিল্টার করা সারিগুলোকে সিরিয়ালাইজ করে যাতে আপনি সেগুলো অন্য একটি টুলে পাঠাতে পারেন। যেহেতু উইজেটটি শুধুমাত্র JavaScript দিয়ে রেন্ডার হয়, এই লেখাটিই হলো ইনডেক্সযোগ্য বর্ণনা: একটি HTTP স্ট্যাটাস কোড রেফারেন্স, একটি MIME টাইপ টেবিল, একটি JavaScript কী কোড তালিকা এবং একটি রেগেক্স চিটশিট, সবই ক্লায়েন্ট-সাইডে।

ডেভ চিটশিট — HTTP, MIME, কী কোড ও রেগেক্স কীভাবে ব্যবহার করবেন

1. একটি ট্যাব বেছে নিন: HTTP স্ট্যাটাস, MIME টাইপ, কী কোড, বা রেগেক্স।
2. সক্রিয় ট্যাবকে কোড, নাম বা প্যাটার্ন অনুযায়ী ফিল্টার করতে অনুসন্ধান বাক্সে টাইপ করুন।
3. সারিগুলো দেখুন এবং ফলাফল গণনা পড়ে জানুন কতগুলো এন্ট্রি মিলছে।
4. যেকোনো সারিতে Copy ক্লিক করে তার মান (নাম, MIME টাইপ, কী, বা প্যাটার্ন) কপি করুন।
5. একসাথে সব ফিল্টার করা এন্ট্রি নিতে আউটপুট বাক্সের Copy বোতাম ব্যবহার করুন।

উদাহরণ

অনুসন্ধান: 429

429  Too Many Requests

অনুসন্ধান: webp

.webp  image/webp

ট্যাব: রেগেক্স, অনুসন্ধান: email

^[^\s@]+@[^\s@]+\.[^\s@]+$

সচরাচর জিজ্ঞাসিত প্রশ্ন

কোন HTTP স্ট্যাটাস কোডগুলো অন্তর্ভুক্ত?

সব শ্রেণির মধ্যে সবচেয়ে সাধারণগুলো: 2xx সফলতা (200, 201, 204), 3xx রিডাইরেক্ট (301, 302, 304, 307, 308), 4xx ক্লায়েন্ট ত্রুটি (400, 401, 403, 404, 405, 409, 410, 418, 422, 429), এবং 5xx সার্ভার ত্রুটি (500, 501, 502, 503, 504), প্রতিটি তার মানক কারণ বাক্যাংশসহ দেখানো হয়েছে।

key মান এবং কী কোডের মধ্যে পার্থক্য কী?

এই টুলটি আধুনিক KeyboardEvent.key স্ট্রিং তালিকাভুক্ত করে, যা একটি কী-এর মানুষের কাছে অর্থপূর্ণ মান — উদাহরণস্বরূপ Enter, Escape, বা ArrowUp। স্পেস কী একটি একক স্পেস অক্ষর রিপোর্ট করে, যা এখানে ␣ চিহ্ন হিসেবে দেখানো হয়েছে। key স্ট্রিং হলো সেটাই যা আপনি event.key === 'Enter'-এর মতো ইভেন্ট হ্যান্ডলারে তুলনা করেন।

আমি কি এই রেগেক্স প্যাটার্নগুলো সরাসরি ব্যবহার করতে পারি?

হ্যাঁ। প্রতিটি প্যাটার্ন মানক JavaScript রেগুলার-এক্সপ্রেশন সিনট্যাক্সে লেখা, যা new RegExp('...')-এর ভেতরে বা স্ল্যাশের মাঝে পেস্ট করার জন্য প্রস্তুত। এগুলো ব্যবহারিক সূচনা বিন্দু — উদাহরণস্বরূপ একটি সরল ইমেল বা URL যাচাই — সম্পূর্ণ যাচাইকারী নয়, তাই আপনার সঠিক প্রয়োজন অনুযায়ী এগুলো পর্যালোচনা করুন।

অনুসন্ধান কীভাবে কাজ করে?

অনুসন্ধান শুধুমাত্র সক্রিয় ট্যাব ফিল্টার করে এবং একটি সারির যেকোনো জায়গায় মেলে: কোড, নাম, MIME টাইপ, কী, রেগেক্স শিরোনাম, বা প্যাটার্ন নিজেই। এটি কেস-অসংবেদনশীল, তাই 'JSON', 'not found', বা '404' টাইপ করলেই তালিকা সঙ্গে সঙ্গে সংকুচিত হয়, এবং ফলাফল গণনা সরাসরি আপডেট হয়।

কোনো কিছু কি কোনো সার্ভারে পাঠানো হয়?

না। প্রতিটি টেবিল টুলে বেক করা একটি স্থির তালিকা, এবং সমস্ত ফিল্টারিং ও কপি করা সম্পূর্ণরূপে আপনার ব্রাউজারে ঘটে। আপনি যা অনুসন্ধান করেন তা আপলোড, লগ বা কোথাও পাঠানো হয় না, তাই একবার লোড হওয়ার পর চিটশিটটি অফলাইনে কাজ করে।