Belajar NodeJS | 15. Express View Engine
Вставка
- Опубліковано 9 лют 2025
- Membahas mengenai View Engine EJS pada framework Express
---
EJS
ejs.co/
ExpressJS
expressjs.com/
NodeJS
nodejs.org/
NPM (Node Package Manager)
www.npmjs.com/
Git
git-scm.com/
---
🔥 SUPPORT WPU 🔥
👕 Beli Hoodie & T-Shirt di WPU Coding Gear Official Store 👕
shopee.co.id/w...
🎓 Ikuti KELAS ONLINE "Full Stack Web Designer" 🎓
fullstackdesig...
👾 Gabung Server Discord WPU 👾
/ discord
Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
saweria.co/san...
karyakarsa.com...
---
📢 FOLLOW SOCIAL MEDIA 📢
/ sandhikagalih
/ sandhikagalih
github.com/san...
---
UNIVERSITAS PASUNDAN BANDUNG
www.unpas.ac.id/
www.if.unpas.ac...
terimakasih dan #janganlupatitikkoma!
@sandhikagalih
buat layouting manual bisa pak,
sc di js nya :
app.use("/", (req, res) => {
res.render("v_template", {
title: "MyWeb",
page: "Home",
vContent: "content/home", //ini view yang di bikin variable
});
});
dihtmlnya :
*ini tanpa tambahan modul express-ejs-layout
Klaw bang shandika yang ngajarin materi susah jadi terasa lebih mudah dipahami. Semangat terus ngajarnya yah kang 😁👍
Terimakasih pak, semoga amal jariyah nya dibulan puasa ini dilipatgandakan
terima kasih pak, masuk ke watch later buat ditonton selesai pulang kerja :D
Biasanya kalau liat tutorial pasti tak skip2. sampe gak tak lanjutin part-part lain. beda dengan tutorial dari mas sandhika, gak pernah tak skip. bahkan tak ulang2 kalau ada yang terlewat / lupa.
25:37 beda pak. Kalau partial buat diinclude. Kalau layout buat di extend. Saya pribadi lebih suka view engine pug, karena ada built-in fitur layout ini 😁
oalah kebalik berarti pemahaman saya, terimakasih ya sudah dikoreksi..
saya kurang sreg sama pug sejak jaman masih jade, karena sintaksnya terlalu simple sehingga tidak mirip html
alternatifnya mungkin bisa pakai handlebars
Alhamdulillah, serasa belajar secara langsung, terimakasih pak sandhika.
Kita tidak boleh skip iklan demi pak dhika
Formating ejs kaya eskrim, karena %> ada cup dan bola eskrim wkwk.
Terimakasih pak dika ilmunya 👍🔥
makasih pak dhika! Bulan puasa jadi gak gabut dan bermanfaat nambah ilmu baru hehe
gasabar nonton video selanjutnya, tapi udah ngantuk wkwk, lanjut besok dahh middleware nya.
oiya makasihh ya pak dhika udah buat video ini hehehe
Ada notif
Cuss nonton
Makasih ilmunya pak dosen
Ada notif langsung nonton, mantap
pak upload 2 kali dalam seminggu edisi bulan ramadhan wkwk
Makasih banyak mas sandhika
Lanjut mongo pak😁
Ga ngerti bagian 35:18, ini ngirim layout, tapi di file .ejs nya pakai body ko bisa jalan? magic kah?? saya pake express terbaru sih.. tapi ga masalah harusnya.. ada yang bisa bantu jelaskan? Di file saya views nya ga ketemu katanya...
Trimakasih pak galih, nanti request data table server side menggunakan ejs pak galih
Mantapp Pak Dika
Sehat Selalu
Jadi ke inget sistem method di CI
Terimakasih Pak
makasih ilmunya bang
Klo pake react ini lebih enak lagi kayaknya
Pak penjelasan tentang imagemagick dong😁🙏
surabaya hadir pak 🤡
Lanjut pak
kek blade di laravel yah pak 😁
Mantap pak 🌟
🔥🔥🔥🔥🔥
Bang, playlist node js ini harus dipelajari semua? Sebagai prasyarat belajar react js? Kalau belajar sampai episode 13 aja gimana ya? 😅😅😅
Soalnya bingung ada express js juga yang bikin pusing...
Mohon bls bang. Trims 🙏🙏🙏
Mirip banget dengan method view di codeigniter 3 😀
Mantep pak👍
req penggabungan nodejs dan react pak
pak dika , ada khusus react js dan react native gak pak
Pak Dika, mau nanya
Kenapa saat saya ketik %= tidak langsung membuat syntax echo, padahal saya sudah meng install ejs language support
pak mau tanya
kenapa pada main-layout.ejs yang di panggil ``,
sedangkan pada app.js yang ditulis `layout: "layouts/main-layout"`
Kan sudah dijelaskan di menit 30:00 dimana jika kita menggunakan "
Mantap
Untuk yang nanya apakah bisa menggunakan React sebagai template engine atau tidak, saat ini (Januari 2024), library React-Express tidak ada yang maintain dan sudah deprecated.
Keren parah sih.
itu di list template engine ada nama React
apa React yang di maksud itu FrameWork React ?
@@ProudShapeID kalo react berarti jsx dong
halo pak sandhika
pak mau tanya kalau pakai bootsrap kenapa css nya tdk ke load yha pak
pakai ejs nya
jdi tampilanyna tnpa css
pak, boleh minta daftar semua VSCode extension yang bapak gunakan utk tutorial NodeJs? saya pengguna VSCode baru. . .
pak, nama reponya di github untuk kelas ini apa ya?
PAK CRUD EXPRESS JS , MYSQL/MONGO PAK..
SARANGEEEEEEEEE
Izin bertanya, metode tersebut apa bisa dimasukkan react?
Agak bingung di bagian
karena _linking_-nya pakai _property_ layout.
Sedangkan _property_ lain seperti _title_ langsung bisa diakses menggunakan sintaks
itu build in dari express-ejs-layouts, coba aja dicek di doc nya.. tapi emg rada ga makesense sih wkwk
@@xoxoxoxo1995 makasih bang ingfonya, awalnya juga bingung kok bisa gitu
apakah templating engine ini yang digunakan library seperti next.js untuk ssr ?
pak kalo saya gunakan if dengan kondisi array kosong, error
variable is not defined
gimana ya pak?
pak kalau aplikasi kita berbasis WEB server gini menggunakan nodejs, gimna cara menyembunyikan file2 yg seharusnya gk boleh di akses sama client/user
apakah view engine bisa menggunakan blade kak?? seperti di laravel
kalau di indonesia apakah masih banyak yg pake template ejs ini pak ?
maksih
Failed to lookup view "layout" in views directory. Ini kenapa ya?
Pake Vue pak Dosen....
Kalau mau belajar node js, ini ada playlistnya dari Web Programming UNPAS
ua-cam.com/play/PLFIM0718LjIW-XBdVOerYgKegBtD6rSfD.html
Cara hostingnya gimana ya kak
Hadir
indent di file .ejs nya kok berantakan ya di vscode nya ...?
Sistem layout yang lebih bagus mendingan React aja kayaknya...
@Alif Riow nah jadi bisa lansung handle frontend atau disebut fullstack
ko ngga bisa install nodemon ya ? saya pakai os linux ubuntu .
Pake sudo karena npm kalo pake flags -g (global) dia nyimen binary nya di /usr/bin yang dimana perlu akses root
Apakah pengguna react bisa skip episode ini pak?
up
Cara pake css sendiri gimana?
Kalau yang error could not find the include file "layouts/header.ejs gimana solusinya ya pak
Di routing cba folder sma file ny udh bner blm mas
prettier agak ngeselin 😆
Permisi bang,
saya mendapat masalah yg sama, ketika disave berantakan & syntax highlighting tidak bekerja di code
apakah sudah menemukan solusinya?
saya cari2 belum dapat.
@@dewabumi6071 apakah sudah instal Etension EJS language support?
@@dewabumi6071 biasa nya si ada code yang kurang
🤯
78056 John Parks
rada aneh pas -body dan key layout tiba tiba terhubung
ternyata ada di docsnya express-ejs-layouts
app.get('/', function(req, res) {
res.render('the-view', { layout: 'specific-layout' });
});
sekali kali buat yang praktis bos, seperti react js atao node js payment dengan gopay ovo..
belajar lah mau buat payment mau nya cepet aja, orang aja buat payment rata rata 1bulan paling cepet elu mau enak nya aja, kalau mau cepet lagi bayar orang
@@damartripamungkas lah ada masukan malah km rempong. Pasti sangat bermanfaat itu.
@@maxmaksum4673 lah ada masukan yg jelas malah gk mau terima? sudah saya jelaskan di atas kalau mau cepet BELAJARRRRRR kalau mau cepet lagi BAYAR ORANGGG
pak dika kan ngajarin dasar" bang, payment emang sepraktis itu?? lucu ah pengennya langsung yang instan aja
makin kesini pusing saya pak
Kok gak pake View Engine React pak? Keknya lebih bagus dari Ejs `menurut saya.
Frontend : Reactjs
Backend : Expressjs..
Ini buat sarana belajar aja, Pak Dika juga tau lebih bagus pake Framework Front End (React/Vue/angular) untuk mengolah tampilan
@@wildanrizky5229 bang minta wa dong , mau tanya" boleh ga
@@ridhoakbar3634 tanya apa?
@@wildanrizky5229 misal nih ada template bootstrap, nah yg pertama dibuat itu backend dulu pake nodejs, atau front end dulu pake react
Dan kalo pake react kita ga perlu lagi ejs?
.
Terima kasih pak