ওয়েবসাইট কীভাবে কাজ করে: হুডের নিচে কী আছে তা শিখুন

ওয়েবসাইট বানাতে অনেক টেকনোলজি লাগে। কন্টেন্ট ম্যানেজমেন্ট সিস্টেম, ফ্রেমওয়ার্ক, ভিন্ন স্ক্রিপ্টিং এবং প্রোগ্রামিং ল্যাঙ্গুয়েজ, পেমেন্ট সিস্টেম... সব kiểu জিনিস!

আপনি যদি জানতে চান আপনার প্রিয় ওয়েবসাইট কীভাবে কাজ করে, বা দেখতে চান কোনো সাইট কেউ যেনে স্কেচি কিছু ব্যবহার করছে কিনা, তবে এই আর্টিকেল আপনাকে হুডের নিচে তাকিয়ে দেখতে কয়েকটি উপায় দেখাবে কীভাবে সেটি তৈরি হয়েছে।

ওয়েবসাইটের কোড দেখুন (View the Website's Code)

আপনি যদি ডেভেলপার না হন, বা শুরুর ধাপে থাকেন, তবে আপনি बेटার প্রোগ্রামিংর সিক্রেট শিখতে যাচ্ছেন। অন্যের কোড তাকান। আমরা আপনাকে Chrome Developer Tools ব্যবহার করে সেটি কীভাবে করবেন তা দেখিয়েছি।

ChromeDevTools আপনাকে একটি সাইটের HTML, JavaScript, এবং CSS কোড দেখতে সাহায্য করবে, সেটি কী কী সোর্স কনসাম করছে তা খুঁজে বের করতে সাহায্য করবে, সেইসাথে ব্রাউজারে একটি সাইটের লোডিং পারফরম্যান্স চেক করার উপায়ও। সকল মেজর ওয়েব ব্রাউজারের কিছু ভার্সন ডেভেলপার টুলস হিসেবে উপলব্ধ রয়েছে।

BuiltWith

BuiltWith.com হলো একটি প্রফেশনাল-লেভেল রিসোর্স যা সাইটের গভীরে গিয়ে সেগুলো যেসব টেকনোলজি ব্যবহার করে সেটি দেখে। বর্তমানে, তারা ৬৭৩ মিলিয়নও বেশি ওয়েবসাইট কভার করে এবং সংখ্যা বেড়ছে। সাইটের পিছনের মূল আইডিয়া ছিল সফটওয়্যার সেলস-এ থাকা মানুষের জন্য লিড জেনারেট করতে সাহায্য করা।

অ্যাডভান্সড ফিচারগুলো শুধু পেইড সাবস্ক্রিপশনের মাধ্যমে উপলব্ধ, কিন্তু কেউ BuiltWith.com-এ যেতে পারে, একটি ওয়েবসাইট অ্যাড্রেস, টেকনোলজি নাম, বা কিওয়ার্ড এন্টার করে, এবং একটি ডিটেইলড টেকনোলজি প্রোফাইল পেতে পারে। ফ্রি অ্যাকাউন্টে সাইন আপ করলে আপনি দিনে পাঁচটি ডিটেইলড লুকআপ করতে পারবেন।

Netcraft Site Report

Netcraft ১৯৯৫ সাল থেকে ওয়েব ডেভেলপারদের জন্য একটি রিসোর্স। ২৫ বছরের তাদের এক্সপার্টাইজ Netcraft-এর ফ্রি Site Report টুলে দেখা যায়। এটি একটি টেকনোলজি রিপোর্টকে একটি "who owns the site" ব্যাকগ্রাউন্ড রিপোর্টের সাথে কম্বাইন করে, যাতে আপনি সাইটের একটি থরো ওভারভিউ পান। আপনি জানবেন সেটি কোথায় হোস্টেড, কে মালিক, প্লাস কিছু ডোমেইন ইতিহাস।

Netcraft Site Report অনুলিমিটেড লুকআপ আলাউড করে বলে মনে হয়।尽管如此, সেটি শুধু তখনই ব্যবহার করুন যখন আপনার সত্যিকারের দরকার। এটি একটি ফ্রি রিসোর্স এবং ডেভেলপার কমিউনিটি চায় এটি সেভাবে থাকুক।

W3Techs' Sites Info

W3Techs' Sites Info টুল অন্যদের থেকে কিছুটা আলাদা কাজ করে। তারা একটি ডাটাবেস মেইন্টেইন করে, কিন্তু শুধু সেই সাইটগুলোর জন্য যেগুলো ইতিমধ্যে টুলটির মাধ্যমে চেক হয়েছে। আপনি যদি এমন একটি সাইট চেক করেন যেটি আগে চেক হয়নি, তবে এটি ইনস্ট্যান্টলি সাইটটি ক্রল করবে।

প্রদত্ত রিপোর্ট অন্যান্য সার্ভিসগুলোর চেয়ে কম ইন-ডেপথ, কিন্তু এখনও ইনসাইটফুল। আপনি পাবেন কোন CMS, প্রোগ্রামিং ল্যাঙ্গুয়েজ, ওয়েব সার্ভার, এবং হোস্টিং প্রোভাইডার একটি সাইট ব্যবহার করে। W3Techs Firefox এবং Chrome-এ ব্রাউজার এক্সটেনশনও প্রদান করে যাতে আপনি শুধু এক ক্লিক বা ট্যাপে সাইট চেক করতে পারেন।

Wappalyzer

আপনি যদি একটি ব্রাউজার প্লাগইন পছন্দ করেন একটি সাইটের টেকনোলজি চেক করার জন্য, Wappalyzer Firefox, Chrome, এবং Edge-এ প্লাগইন দেয়। প্লাগইনগুলো ফ্রি, ইজি টু ইউজ, এবং একটি ইজি টু রিড ডিজাইনে লে আউট করা। রিপোর্টে যেকোনো টেকনোলজিতে ক্লিক করলে সেটি আপনাকে তার এক্সপ্লানেশনে নিয়ে যাবে, যা চমৎকার যদি সেটি কিছু এমন কীচু খুঁজে পায় যা আপনি আগে দেখেননি।

Wappalyzer একটি ইউনিক ফিচার অফার করে একটি ওয়েবসাইটের জন্য এলার্ট তৈরি করার ক্ষমতা। তারা সাইটটি ডেইলি চেক করে এবং আপনাকে ইমেইল করে যদি সে কোনো চেঞ্জ ডিটেক্ট করে। এলার্টটি আপনাকে Wappalyzer-এ একটি ফ্রি অ্যাকাউন্ট তৈরি করতে হবে এবং মাসে ১০ ক্রেডিট খরচ হবে।

কিন্তু আপনি প্রতি মাসে ৫০ ক্রেডিট ফ্রি পাবেন এবং একটি এলার্ট কেবল ১০ ক্রেডিট খরচ করে ৩০ দিনের জন্য। তাই Wappalyzer Alerts মূলত ফ্রি যদি আপনি ৫ বা তার কম সাইট মনিটর করেন।

Webspotter

Webspotter-এর সব সার্ভিস ছাড়া একটি পেইড সার্ভিস, কিন্তু সেটি ঠিক আছে। তাদের ফ্রি Webspotter Chrome এক্সটেনশন সেটি কভার করে। Webspotter এক্সটেনশন Wappalyzer-এর মত, কিন্তু এর কিছু ভিন্ন ফিচার রয়েছে। লিস্ট করা প্রতিটি টেকনোলজির পাশে টেকনোলজি সম্পর্কে স্ট্যাটিস্টিক্স, সেই টেক ব্যবহার করা ওয়েবসাইটের লিস্ট, এবং টেকের অফিসিয়াল ওয়েবসাইটের লিংক রয়েছে।

একটি আরও আকর্ষণীয় ফিচার হলো Webspotter-এর একটি ওয়েবসাইট থেকে ইমেইল কনট্যাক্ট, সোশ্যাল মিডিয়া লিংক, SEO অ্যানালিটিক্স, এবং অন্যান্য কোম্পানি ইনফরমেশন বের করার ক্ষমতা। যদিও সেটি আপনাকে সাইট কীভাবে তৈরি হয়েছে সেটি বলে না, তবে এটি অনলাইন মার্কেটিং উদ্দেশ্যে বা এমনকি জব হান্টিং-এও উপকারী হতে পারে।

WordPress Theme Detector

হয়তো, আপনি ওয়েব ডেভেলপমেন্টে এতো আগ্রহী নন কিন্তু আপনি একটি WordPress সাইট বানাচ্ছেন এবং অন্য জায়গায় দেখা ফিচারগুলো অন্তর্ভুক্ত করতে চান। WordPress Theme Detector Chrome ব্রাউজার প্লাগইন ডাউনলোড করুন।

WordPress Theme Detector শুধু আপনাকে বলবে না কোন WordPress থিম একটি সাইট ব্যবহার করছে, বরং এটি বলবে কোন WordPress প্লাগইনগুলো সেটি ব্যবহার করছে। এছাড়া এটা দেখাবে কে থিম বা প্লাগইন তৈরি করেছে এবং সেগুলো কোথায় পাওয়া যাবে সেটির লিংক প্রদান করবে। এটা আপনার WordPress সাইটে 당신이 প্রশংসা করা এলিমেন্টগুলো অন্য সাইট থেকে ইনকর্পোরেট করা খুব সহজ করে দেয়।

ওয়েবসাইট কীভাবে কাজ করে শিখুন (Learn How Websites Work)

হ্যাঁ, ইন্টারনেটের যেকোনো ওয়েবসাইটে ডাইভ ইন করে সেটি কীসbyggে তৈরি হয়েছে তা দেখতে এতটাই সহজ। এই টুলগুলো থেকে দুই বা তার বেশি ব্যবহার করার চেষ্টা করুন, কারণ কিছু অন্যগুলোর চেয়ে ভিন্ন জিনিস পিক আপ করে। আপনি একটি সাইটে যা দেখেন তার অধিকাংশ আসলে আপনার কম্পিউটারে রেন্ডার হয়। এটাই কারণ যে সেটি তাকিয়ে দেখতে সহজ। এটাই কারণও যে আপনাকে আপনার ওয়েবসাইট যতটা সম্ভব সিকিউর বানাতে হবে। আপনার গভীর ডাইভিং এবং আপনি কী পেলেন বা বানালেন তা আমাদের জানান।