pug ne demek?

İşte Pug hakkında markdown formatında bilgi:

Pug (eski adıyla Jade)

Pug, Node.js için geliştirilmiş, HTML'e derlenen yüksek performanslı bir şablon motorudur. Temiz ve okunabilir bir sözdizimi sunarak HTML kodunu daha hızlı ve kolay bir şekilde yazmanızı sağlar.

Temel Özellikleri:

  • Sözdizimi: HTML'den daha az kodla aynı yapıyı oluşturmanıza olanak tanıyan, girintilere dayalı basit ve okunabilir bir sözdizimine sahiptir.
  • Dinamik İçerik: JavaScript ifadelerini kullanarak dinamik içerik ekleyebilirsiniz. (Dinamik İçerik)
  • Tekrar Kullanılabilirlik: Şablonları ve blokları kullanarak kod tekrarını azaltabilir, tekrar%20kullanılabilirlik sağlayabilirsiniz.
  • Filtreler: Markdown, CoffeeScript gibi diğer dilleri doğrudan Pug içinde kullanmanıza olanak tanıyan filtreleri destekler.
  • Genişletilebilirlik: Kendi filtrelerinizi ve eklentilerinizi oluşturarak Pug'ı ihtiyaçlarınıza göre özelleştirebilirsiniz. (Genişletilebilirlik)
  • Performans: Pug, hızlı derleme süreleri ve optimize edilmiş HTML çıktısı ile yüksek performans sunar.

Kullanım Alanları:

  • Web uygulamalarının ön yüzü (frontend) geliştirme.
  • Statik site oluşturucular (static site generators).
  • E-posta şablonları oluşturma.
  • Diğer HTML tabanlı projeler.

Avantajları:

  • Daha hızlı geliştirme süreci.
  • Daha okunabilir ve bakımı kolay kod.
  • Kod tekrarının azalması.
  • Dinamik içerik oluşturma kolaylığı.
  • Yüksek performans.

Örnek:

doctype html
html(lang="en")
  head
    title Pug Örneği
  body
    h1 Merhaba, Dünya!
    p Bu bir Pug şablonudur.

Bu Pug kodu, aşağıdaki HTML'i oluşturur:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Pug Örneği</title>
  </head>
  <body>
    <h1>Merhaba, Dünya!</h1>
    <p>Bu bir Pug şablonudur.</p>
  </body>
</html>