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

КОМЕНТАРІ • 97

  • @sigmakocheng
    @sigmakocheng 3 роки тому +24

    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

  • @daily_football6574
    @daily_football6574 2 роки тому +12

    Klaw bang shandika yang ngajarin materi susah jadi terasa lebih mudah dipahami. Semangat terus ngajarnya yah kang 😁👍

  • @humaedikh7518
    @humaedikh7518 3 роки тому +4

    Terimakasih pak, semoga amal jariyah nya dibulan puasa ini dilipatgandakan

  • @RianY2K
    @RianY2K 3 роки тому +3

    terima kasih pak, masuk ke watch later buat ditonton selesai pulang kerja :D

  • @pasukankhusus3164
    @pasukankhusus3164 2 роки тому +3

    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.

  • @kangzoel8717
    @kangzoel8717 3 роки тому +15

    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 😁

    • @sandhikagalihWPU
      @sandhikagalihWPU  3 роки тому +6

      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

    • @kangzoel8717
      @kangzoel8717 3 роки тому +3

      alternatifnya mungkin bisa pakai handlebars

  • @gerobakTekTerk
    @gerobakTekTerk Рік тому

    Alhamdulillah, serasa belajar secara langsung, terimakasih pak sandhika.

  • @FixFakta
    @FixFakta 2 роки тому +1

    Kita tidak boleh skip iklan demi pak dhika

  • @sanjaya_doang492
    @sanjaya_doang492 3 роки тому +5

    Formating ejs kaya eskrim, karena %> ada cup dan bola eskrim wkwk.
    Terimakasih pak dika ilmunya 👍🔥

  • @weebtech3525
    @weebtech3525 3 роки тому

    makasih pak dhika! Bulan puasa jadi gak gabut dan bermanfaat nambah ilmu baru hehe

  • @rin-zx4on
    @rin-zx4on 2 роки тому

    gasabar nonton video selanjutnya, tapi udah ngantuk wkwk, lanjut besok dahh middleware nya.
    oiya makasihh ya pak dhika udah buat video ini hehehe

  • @bagusbudisatoto1280
    @bagusbudisatoto1280 3 роки тому

    Ada notif
    Cuss nonton
    Makasih ilmunya pak dosen

  • @pforpajri
    @pforpajri 3 роки тому

    Ada notif langsung nonton, mantap

  • @fauzan5448
    @fauzan5448 3 роки тому +2

    pak upload 2 kali dalam seminggu edisi bulan ramadhan wkwk

  • @troublemarker9924
    @troublemarker9924 3 роки тому

    Makasih banyak mas sandhika

  • @baihaqrahmadani3436
    @baihaqrahmadani3436 3 роки тому

    Lanjut mongo pak😁

  • @Novia5555
    @Novia5555 3 роки тому +2

    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...

  • @arieumarella6592
    @arieumarella6592 3 роки тому

    Trimakasih pak galih, nanti request data table server side menggunakan ejs pak galih

  • @muhammadirfansuherman8157
    @muhammadirfansuherman8157 3 роки тому

    Mantapp Pak Dika
    Sehat Selalu

  • @nateenese
    @nateenese 3 роки тому +2

    Jadi ke inget sistem method di CI

  • @aulafirdaus1341
    @aulafirdaus1341 3 роки тому

    Terimakasih Pak

  • @TheOwl-zg6si
    @TheOwl-zg6si 2 роки тому

    makasih ilmunya bang

  • @alimassidik3541
    @alimassidik3541 Рік тому

    Klo pake react ini lebih enak lagi kayaknya

  • @kangclaim835
    @kangclaim835 3 роки тому +1

    Pak penjelasan tentang imagemagick dong😁🙏

  • @rickydamarsaputra8033
    @rickydamarsaputra8033 3 роки тому

    surabaya hadir pak 🤡

  • @informationunfaedah7071
    @informationunfaedah7071 3 роки тому

    Lanjut pak

  • @iknowuknow4354
    @iknowuknow4354 3 роки тому

    kek blade di laravel yah pak 😁

  • @faqihafdaludin
    @faqihafdaludin 3 роки тому

    Mantap pak 🌟

  • @trafalgarlaw2699
    @trafalgarlaw2699 Рік тому

    🔥🔥🔥🔥🔥

  • @yasirzaka5842
    @yasirzaka5842 7 місяців тому

    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 🙏🙏🙏

  • @nasyikhqusyairy5738
    @nasyikhqusyairy5738 3 роки тому

    Mirip banget dengan method view di codeigniter 3 😀

  • @m.kaisar01
    @m.kaisar01 3 роки тому

    Mantep pak👍

  • @rubahsoft9595
    @rubahsoft9595 3 роки тому

    req penggabungan nodejs dan react pak

  • @ahmadfajar9541
    @ahmadfajar9541 3 роки тому +1

    pak dika , ada khusus react js dan react native gak pak

  • @jeangunnhildr2966
    @jeangunnhildr2966 Рік тому +1

    Pak Dika, mau nanya
    Kenapa saat saya ketik %= tidak langsung membuat syntax echo, padahal saya sudah meng install ejs language support

  • @daffahanz1540
    @daffahanz1540 3 роки тому +5

    pak mau tanya
    kenapa pada main-layout.ejs yang di panggil ``,
    sedangkan pada app.js yang ditulis `layout: "layouts/main-layout"`

    • @RazerSCYNescafe
      @RazerSCYNescafe 3 роки тому +7

      Kan sudah dijelaskan di menit 30:00 dimana jika kita menggunakan "

  • @manusiaapi5634
    @manusiaapi5634 3 роки тому

    Mantap

  • @LangitAmaravati
    @LangitAmaravati Рік тому

    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.

  • @rakazakaria4954
    @rakazakaria4954 3 роки тому +1

    Keren parah sih.
    itu di list template engine ada nama React
    apa React yang di maksud itu FrameWork React ?

    • @ridhoakbar3634
      @ridhoakbar3634 2 роки тому

      @@ProudShapeID kalo react berarti jsx dong

  • @retnojaya9335
    @retnojaya9335 2 роки тому

    halo pak sandhika
    pak mau tanya kalau pakai bootsrap kenapa css nya tdk ke load yha pak
    pakai ejs nya
    jdi tampilanyna tnpa css

  • @hafizhadinigiandra5830
    @hafizhadinigiandra5830 3 роки тому +1

    pak, boleh minta daftar semua VSCode extension yang bapak gunakan utk tutorial NodeJs? saya pengguna VSCode baru. . .

  • @KAPISTA
    @KAPISTA 3 роки тому +2

    pak, nama reponya di github untuk kelas ini apa ya?

  • @rengginang1595
    @rengginang1595 3 роки тому

    PAK CRUD EXPRESS JS , MYSQL/MONGO PAK..
    SARANGEEEEEEEEE

  • @Giburozu
    @Giburozu Рік тому

    Izin bertanya, metode tersebut apa bisa dimasukkan react?

  • @owenlie
    @owenlie 3 роки тому +9

    Agak bingung di bagian
    karena _linking_-nya pakai _property_ layout.
    Sedangkan _property_ lain seperti _title_ langsung bisa diakses menggunakan sintaks

    • @xoxoxoxo1995
      @xoxoxoxo1995 3 роки тому

      itu build in dari express-ejs-layouts, coba aja dicek di doc nya.. tapi emg rada ga makesense sih wkwk

    • @waksunari3132
      @waksunari3132 Рік тому

      @@xoxoxoxo1995 makasih bang ingfonya, awalnya juga bingung kok bisa gitu

  • @minecrawlerarmor
    @minecrawlerarmor 3 роки тому

    apakah templating engine ini yang digunakan library seperti next.js untuk ssr ?

  • @MANGUNICREATIVE
    @MANGUNICREATIVE 3 роки тому

    pak kalo saya gunakan if dengan kondisi array kosong, error
    variable is not defined
    gimana ya pak?

  • @nullpx9548
    @nullpx9548 2 роки тому

    pak kalau aplikasi kita berbasis WEB server gini menggunakan nodejs, gimna cara menyembunyikan file2 yg seharusnya gk boleh di akses sama client/user

  • @waycambas150
    @waycambas150 3 роки тому

    apakah view engine bisa menggunakan blade kak?? seperti di laravel

  • @regoedwar1293
    @regoedwar1293 2 роки тому

    kalau di indonesia apakah masih banyak yg pake template ejs ini pak ?
    maksih

  • @nadyamumtazah9431
    @nadyamumtazah9431 3 роки тому

    Failed to lookup view "layout" in views directory. Ini kenapa ya?

  • @bhaktipratama8400
    @bhaktipratama8400 3 роки тому +1

    Pake Vue pak Dosen....

  • @bruh-sb2bs
    @bruh-sb2bs Рік тому

    Kalau mau belajar node js, ini ada playlistnya dari Web Programming UNPAS
    ua-cam.com/play/PLFIM0718LjIW-XBdVOerYgKegBtD6rSfD.html

  • @aanhasyimali3430
    @aanhasyimali3430 11 місяців тому

    Cara hostingnya gimana ya kak

  • @neko.samurai
    @neko.samurai 3 роки тому

    Hadir

  • @adeputra575
    @adeputra575 3 роки тому

    indent di file .ejs nya kok berantakan ya di vscode nya ...?

  • @RizaHariati
    @RizaHariati 3 роки тому

    Sistem layout yang lebih bagus mendingan React aja kayaknya...

    • @ridhoakbar3634
      @ridhoakbar3634 2 роки тому +1

      @Alif Riow nah jadi bisa lansung handle frontend atau disebut fullstack

  • @AndiOgie
    @AndiOgie 3 роки тому +1

    ko ngga bisa install nodemon ya ? saya pakai os linux ubuntu .

    • @armandwipangestu
      @armandwipangestu 2 роки тому

      Pake sudo karena npm kalo pake flags -g (global) dia nyimen binary nya di /usr/bin yang dimana perlu akses root

  • @tsarm___
    @tsarm___ 2 роки тому +1

    Apakah pengguna react bisa skip episode ini pak?

  • @apayanamanyaadayangpunyaid9800
    @apayanamanyaadayangpunyaid9800 3 роки тому

    Cara pake css sendiri gimana?

  • @AgusSalim-ys6rf
    @AgusSalim-ys6rf 3 роки тому

    Kalau yang error could not find the include file "layouts/header.ejs gimana solusinya ya pak

    • @titiktaka_shooter
      @titiktaka_shooter 3 роки тому

      Di routing cba folder sma file ny udh bner blm mas

  • @antonysyah79
    @antonysyah79 3 роки тому

    prettier agak ngeselin 😆

    • @dewabumi6071
      @dewabumi6071 3 роки тому

      Permisi bang,
      saya mendapat masalah yg sama, ketika disave berantakan & syntax highlighting tidak bekerja di code
      apakah sudah menemukan solusinya?
      saya cari2 belum dapat.

    • @antonysyah79
      @antonysyah79 3 роки тому

      @@dewabumi6071 apakah sudah instal Etension EJS language support?

    • @ridhoakbar3634
      @ridhoakbar3634 2 роки тому

      @@dewabumi6071 biasa nya si ada code yang kurang

  • @mnailannabil1138
    @mnailannabil1138 3 роки тому

    🤯

  • @LynchNatividad
    @LynchNatividad 4 місяці тому

    78056 John Parks

  • @yogaasfianto7238
    @yogaasfianto7238 2 роки тому

    rada aneh pas -body dan key layout tiba tiba terhubung

    • @yogaasfianto7238
      @yogaasfianto7238 2 роки тому

      ternyata ada di docsnya express-ejs-layouts
      app.get('/', function(req, res) {
      res.render('the-view', { layout: 'specific-layout' });
      });

  • @maxmaksum4673
    @maxmaksum4673 3 роки тому +3

    sekali kali buat yang praktis bos, seperti react js atao node js payment dengan gopay ovo..

    • @damartripamungkas
      @damartripamungkas 3 роки тому

      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

    • @maxmaksum4673
      @maxmaksum4673 3 роки тому

      @@damartripamungkas lah ada masukan malah km rempong. Pasti sangat bermanfaat itu.

    • @damartripamungkas
      @damartripamungkas 3 роки тому

      @@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

    • @varga172
      @varga172 3 роки тому

      pak dika kan ngajarin dasar" bang, payment emang sepraktis itu?? lucu ah pengennya langsung yang instan aja

  • @HenryChristian-s9s
    @HenryChristian-s9s Рік тому

    makin kesini pusing saya pak

  • @abiihutabarat1426
    @abiihutabarat1426 3 роки тому +2

    Kok gak pake View Engine React pak? Keknya lebih bagus dari Ejs `menurut saya.
    Frontend : Reactjs
    Backend : Expressjs..

    • @wildanrizky5229
      @wildanrizky5229 2 роки тому

      Ini buat sarana belajar aja, Pak Dika juga tau lebih bagus pake Framework Front End (React/Vue/angular) untuk mengolah tampilan

    • @ridhoakbar3634
      @ridhoakbar3634 2 роки тому

      @@wildanrizky5229 bang minta wa dong , mau tanya" boleh ga

    • @wildanrizky5229
      @wildanrizky5229 2 роки тому

      @@ridhoakbar3634 tanya apa?

    • @ridhoakbar3634
      @ridhoakbar3634 2 роки тому

      @@wildanrizky5229 misal nih ada template bootstrap, nah yg pertama dibuat itu backend dulu pake nodejs, atau front end dulu pake react

    • @ridhoakbar3634
      @ridhoakbar3634 2 роки тому

      Dan kalo pake react kita ga perlu lagi ejs?

  • @t.m.shalahuddin6170
    @t.m.shalahuddin6170 3 роки тому

    .

  • @nabillaaaaa
    @nabillaaaaa 3 роки тому

    Terima kasih pak