Love beautiful code? We do too.
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.
Unpublished comment
Viết câu trả lời