Odak modu
Arama (Search) Alanı
Bu çalışmamızda Smartedu projemizin search
(arama) alanını oluşturacağız.
Kullanacağımız yöntem ise şu daha öncesinde kategori ile oluşturduğumuz filtrelemeyi query
den gelen "search" parametresiyle de birleştireceğiz. Önce query parametresini göndereceğimiz formu oluşturalım.
<form method="GET" id="site-searchform" action="/courses">
<div>
<input class="input-text form-control" name="search" id="search-k" placeholder="Search..." type="text">
<button id="searchsubmit" value="Search" type="submit"></button>
</div>
</form>
Şimdi oluşturduğumuz filtreyi query parametresiyle geliştirelim.
const query = req.query.search;
if(query) {
filter = {name:query}
}
if(!query && !categorySlug) {
filter.name = "",
filter.category = null
}
const courses = await Course.find({
$or:[
{name: { $regex: '.*' + filter.name + '.*', $options: 'i'}},
{category: filter.category}
]
}).sort('-createdAt').populate('user');
Kategorileri de sıralamak için:
<% for (let i=0; i< categories.length; i++) { %>
<li><a href="/courses?categories=<%= categories[i].slug %>"><%= categories[i].name %></a></li>
<% } %>
Sektörde en çok aranan yazılım becerilerini kazan
Yapay zeka desteği, birebir mentörlük saatleri, canlı dersler ve senin için özel hazırlanmış içeriklerle eksiklerini tamamla, düzenli geri bildirimler al ve öğrenme sürecini en verimli hale getir.
Yunus Emre Kabakcı
Patika+ mezunuPatika+ Fullstack Web Development Bootcamp mezunumuz Yunus Emre,
3 ay içinde Katar’dan aldığı teklif ile, global bir şirket olan Pavo Group’da işe başladı!
“İçerik zenginliği, mentor desteği, ileriye dönük bir network sağlaması ve dünyada en çok tercih edilen frameworkler üzerinden bir eğitim veriyor olması Patika+’ı tercih etmemin temel sebepleri oldu!“
Yorum yapabilmek için derse kayıt olmalısın!