پاگ یا Pug که قبلاً با عنوان Jade شناخته میشد یک پردازشگر قالب HTML است که به برنامهنویسان اجازه میدهد که به صورت سریع و آسان، قالب HTML را به صورت کدی، کوتاه و خوانا تر بنویسند. در این مقاله، با مفاهیم اساسی Pug آشنا شده و به بررسی ویژگیهای آن پرداخته خواهد شد.
پاگ چیست؟
Pug، یک زبان قالببندی است که برای ساختاردهی و نمایش محتوای HTML بکار میرود. این زبان، به صورت کدی و خوانا تر از HTML است و به برنامهنویسان اجازه میدهد تا به سرعت و با سادگی، قالب HTML را بنویسند.
در پاگ، از فرمت خاصی برای توصیف قالب HTML استفاده میشود. برای مثال، معادل تگ `<div>` در پاگ، به صورت ‘ div ‘ بدون علامت های <> نوشته میشود. نیازی هم به تگ بسته یا تگ انتهایی مانند html نیست. مانند کد زیر :
salam
و حالا معادل همین کد در Pug >>>
doctype html
html
head
body
div
h1 salam
همچنین، در Pug، میتوانید از تعریف متغیر، قابلیت توریفیکیشن، و توابع شرطی نیز استفاده کنید. این ویژگیها، به برنامهنویسان اجازه میدهد تا به سرعت و با سادگی، قالب HTML را تغییر دهند و به روز رسانی کنند.
تاریخچه پاگ
این زبان یک زبان قالببندی شده در سمت سرور برای Node.js است که به کاربران این اجازه را میدهد تا قالبهای HTML خود را با استفاده از یک زبان ساده و خوانا تر ایجاد کنند.
ایده اصلی پشت ایجاد PugJS این بود که با استفاده از یک زبان ساده قالببندی شده، ایجاد قالبهای HTML را سادهتر و سریعتر کند. در سال ۲۰۱۰، Jade توسط تیم Forrst ایجاد شده است. در سال ۲۰۱۲، شرکت LearnBoost Jade را توسعه داد و نسخه ۱٫۰٫۰ را منتشر کرد.
در سال ۲۰۱۶، نام Jade به Pug تغییر کرد و Pug به صورت مستقل از LearnBoost منتشر شد. تغییر نام Jade به Pug به دلیل وجود نزاع در مورد نام Jade با شرکت Adobe بود که از نام Jade برای برخی از محصولات خود استفاده میکرد.
از آن زمان به بعد، Pug به طور گسترده در جامعه Node.js استفاده میشود و به یکی از محبوبترین زبانهای قالببندی شده در سمت سرور برای Node.js تبدیل شده است.
ویژگی های پاگ
1_ سادگی و خوانایی بالا
پاگ به برنامهنویسان اجازه میدهد تا به سرعت و با سادگی، قالب HTML را بنویسند. با داشتن پشتیبانی از تعریف متغیر، قابلیت توریفیکیشن، و توابع شرطی، Pug اجازه میدهد تا به راحتی، قالب HTML را تغییر دهید و به روز رسانی کنید.
2_ ساختار منظم
در Pug، کد HTML به صورت منظم و سازمانیافته نمایش داده میشود. این ویژگی، برای برنامهنویسان کار با کد HTML را آسانتر میکند و بهبود خوانایی کد را فراهم میکند.
3_ پشتیبانی از تعریف متغیر
در پاگ میتوانید متغیرها را تعریف کنید و از آنها در کد HTML خود استفاده کنید. این ویژگی، به برنامهنویسان اجازه میدهد که کد HTML را به سرعت و با سادگی، ویرایش کنند و به روز رسانی کنند.
4_ قابلیت وریفیکیشن ( تایید صحت و درستی یک سیستم )
Pug، به برنامهنویسان اجازه میدهد تا به راحتی، قالب HTML را توریفیکه کنند. با استفاده از این ویژگی، میتوانید به سرعت و با سادگی، کد HTML را به صورت توریفیکه شده نمایش دهید.
5_ توابع شرطی
میتوانید در پاگ از توابع شرطی استفاده کنید تا بهترین تجربه کاربری را برای کاربران فراهم کنید. این ویژگی، به برنامهنویسان اجازه میدهد تا به راحتی، کد HTML را به صورت شرطی نمایش دهند.