Jade là gì?

Jade là 1 template engine hay một dạng framework giúp việc viết code HTML nhanh và gọn hơn nhiều lần so với cách viết bình thường. Khi sử dụng Jade bạn sẽ cảm thấy hứng thú cảm giác như đang lập trình chứ ko phải viết HTML đơn thuần. Bạn cũng không cần phải viết các dấu mở hay đóng tag HTML rắc rối và cũng không phải viết lại nhiều lần 1 đoạn HTML do đó jade giúp giảm thời gian và sự khó chịu của bạn khi viết code HTML.

Ưu điểm và Nhược điểm của Jade

Ưu điểm

  • Dễ tiếp cận, dễ sử dụng.
  • Code HTML gọn gàng, dễ đọc.
  • Có nhiều tính năng hay, giúp tăng tối đa tốc độ phát triển website.

Nhược điểm

  • Tutorial, tài liệu không có nhiều, nên ban đầu sẽ mất một ít thời gian để làm quen.
  • Quá trình cài đặt hơi bối rối với những người mới làm quen.

Ví dụ thực tế

Cách viết HTML bình thường

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Jade</title>
    <script type="text/javascript">
      if (foo) {
         bar(1 + 5)
      }
    </script>
  </head>
  <body>
    <h1>Jade - node template engine</h1>
    <div id="container" class="col">
      <p>You are amazing</p>
      <p>
        Jade is a terse and simple
        templating language with a
        strong focus on performance
        and powerful features.
      </p>
    </div>
  </body>
</html>

Cách viết HTML sử dụng Jade

doctype html
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript').
      if (foo) {
         bar(1 + 5)
      }
  body
    h1 Jade - node template engine
    #container.col
      if youAreUsingJade
        p You are amazing
      else
        p Get on it!
      p.
        Jade is a terse and simple
        templating language with a
        strong focus on performance
        and powerful features.

Rõ dàng là các bạn thấy việc sử dụng Jade đã ko phải đóng mở các tag HTML nữa rồi và trong code có cả if else hay bạn có thể tạo mảng, vòng lặp gán giá trị như viết code backend rất thú vị và tiện lợi phải không nào.

Kết

Việc bạn sử dụng jade để cắt giao diện thiết kế website chắc chắn nó sẽ tuyệt vời hơn HTML, thời gian tiết kiệm sẽ giúp bạn sáng tạo, sẽ có những website mà bạn sẽ tự hào khi bạn đã làm quen với code trên jade.

Viết câu trả lời

Drop Images