Pug.js — সহজ ভাষায় পরিচিতি

Pug.js কী ?

Pug.js হলো একটি টেমপ্লেট ইঞ্জিন। সহজভাবে বললে, এটা দিয়ে আপনি সহজ ও কম শব্দে HTML তৈরি করতে পারবেন।
HTML যেখানে অনেক ট্যাগ লিখে কাজ করতে হয়, সেখানে Pug-এ শুধু ইনডেন্টেশন (লাইন সাজিয়ে) দিয়েই পেজ তৈরি করা যায়।

আগে এর নাম ছিল Jade, পরে নাম পরিবর্তন করে Pug রাখা হয়েছে।

একবারের কথা,
HTML ছিল এক বিশাল বড় ফরমাল লেখার ভাষা।
যেমন কিছু একটা দেখাতে চাইলে বলতে হতো:

<div><h1>আমার সাইটে স্বাগতম</h1></div>

বারবার খুলতে হতো <div> তারপর আবার বন্ধ করতে হতো </div>।
একটার ভেতর আরেকটা, আরেকটার ভেতর আরেকটা —
একটা বড় কাহিনি!

তখন এল Pug নামের এক বুদ্ধিমান ছোট্ট ছেলে।
সে বলল —

"আমি এত ঝামেলা করবো না।
আমি শুধু সাজিয়ে লিখবো, আর বাকিটা আমি নিজেই বুঝে নেব।"

তাই সে লিখল:

div
  h1 মার সাইটে স্বাগতম

ব্যস! কোনো < > ব্র্যাকেট, কোনো ক্লোজিং ট্যাগ লাগল না!
Pug নিজেই বুঝে নিল, কী বানাতে হবে।

তারপর থেকে যারা Node.js বা Express.js দিয়ে ওয়েবসাইট বানায়,
তারা ভাবে —

"HTML-এ এত ঝামেলা!
তার চেয়ে চল Pug ব্যবহার করি — কম লেখায় বেশি কাজ হবে।"

আর Pug-এর মাধ্যমে:

• সহজে ভেরিয়েবল বসানো যায় (যেমন ইউজারের নাম),
• if/else দিয়ে শর্ত বসানো যায় (যেমন লগইন করলে কিছু দেখাও, না করলে অন্য কিছু),
• লুপ দিয়ে অনেক জিনিস একসাথে দেখানো যায় (যেমন প্রোডাক্ট লিস্ট)।

সবকিছু ছোট্ট ছোট্ট লাইনে সাজিয়ে রাখা যায়।
কোডও হয় পরিষ্কার, চোখের জন্য আরামদায়ক।

• Pug হলো একটা স্মার্ট উপায় HTML লেখার।
• বড় বড় Node.js প্রজেক্টে এটা কোড ম্যানেজ করা সহজ করে।
• কম সময়ে, পরিষ্কার কোডে সুন্দর ওয়েবপেজ বানাতে সহায়তা করে।
• যারা ডাইনামিক ওয়েব অ্যাপ বানাতে চান, তাদের জন্য এটা খুবই উপকারী।

শেষ কথা:
Pug মানে —
"কম লিখো, পরিষ্কার লেখো, আর দ্রুত সুন্দর ওয়েবপেজ তৈরি করো।"