halo halo teman-teman semua kembali lagi di channel web programming Unpas bersama saya sandhika Galih kita akan melanjutkan playlist belajar nojs kita karena ini kita akan membahas sesuatu yang seru yaitu mengenai sebuah Framework yang dinamakan dengan express. js ada seperti biasa kita akan Awali dulu dari teori konsep dan definisi Apa itu express. js langsung aja teman-temannya yang pertama express.
js ini kalian bisa kunjungi website resminya dokumentasinya ada di Express js. com dan kalau kita lihat di websitenya itu taglinenya adalah face and opinion it at minimalis web Framework for nojs jadi Framework untuk wjs yang cepat Roshan opinionated ini apa tidak beropini kalian Deni maksud dari sini kita akan lihat ya di slide berikutnya dan juga minimalis jadi cepat minimalist and opinionated itu taglinenya katanya ya Nah secara lebih detil lagi express. js Ini adalah sebuah web Framework yang dibuat dia ojs terus juga di dalam ini menyediakan antarmuka yang minimal untuk kakas yang diperlukan dalam membuat sebuah aplikasi ceritanya dengan hanya Menuliskan beberapa baris kode Ajak kita sudah bisa membuat aplikasi yang sederhana kayak gitu nah lalu Express juga membantu pengelolaan aliran data dari server ke aplikasi Jadi kau di video Sebelumnya kan Kita udah coba tuh mengirimkan data dari browser kedalam aplikasi menggunakan cor modulnya nojs Nah kalau menggunakan ekspresi ini membantu agar hal tersebut bisa kita lakukan dengan lebih mudah lagi terus juga ini mendukung pembuatan mungkin istilah-istilah stek teknologi yang pernah kalian dengar seperti merk mint mefen ya ini artinya m yaitu mongodb eh yaitu express.
js lalu ra dan v-nya itu antara rectangular danfyu dan juga no CS Tia jadi mempelajari Express ini cocok banget ketika kita mau membuat aplikasi dengan teknologi seperti ini yang bikin hanya DJ holowaychuk pada tanggal 22 Mei 2010 tidak mudah cukup lama ya udah lebih dari 10 tahun ini Jadi itu beberapa penjelasan mengenai Express dan kalau misalkan kita lihat fitur-fitur didalamnya apa aja yang ditawarkan oleh expression yang pertama tadi kita udah bahas sedikit yaitu menangani request untuk berbagai metode http dengan mudah istilahnya ini membuat sebuah routing system atau laut Jadi kalau misalkan ada request dalam metode get terus juga ada request dalam metode post itu ditangani dengan mudah menggunakan ekspresi ini sehingga kedepannya kalau misalkan nanti kalian pengen bikin aplikasi race installnya ya Express juga bisa menangani itu dengan baik ya terus kita juga bisa bikin aplikasi yang memiliki konsep mvc ada model ada Fiu dan controller didalamnya tidak Express sudah mendukung itu terus juga terintegrasi dengan banyak sekali vioren dering engine jadi dia punya rendering engine atau mungkin istilahnya templating system untuk mengelola template komsel kan di laravel Mungkin kalian yang pernah pakai laravel mengenal ada yang disebut dengan glad kalau diekskresi ini banyak sekali yang bisa kita pilih nanti kita lihat templating engine atau rendering engine yang bisa kita pilih ada apa aja terus juga terkenal dengan middle weren't bisa kita pakai dengan mudah di dalam ekspresi ini apa itu mie dower mungkin itu akan kita bahas di dalam video yang spesifik ya jadi ini beberapa fitur ya masih ada fitur-fitur yang lain tentu saja yang nanti akan kita coba gunakan di dalam seri ini dan kalau misalkan kalian penasaran dan bertanya-tanya apa Ada enggak sih aplikasi-aplikasi besar atau aplikasi populer yang udah menggunakan Express di dalam production mereka kalau kita lihat di websitenya Express ini bisa ditunjukin ya bahwa ada banyak sekali website-website besar atau perusahaan-perusahaan besar yang sudah menggunakan Express di dalam aplikasinya contohnya the IBM ada Uber ada Fox Sport teh dan masih banyak lainnya di sini juga saya yakin masih banyak yang lain ini beberapa pengguna remora express. js Hai kalau misalkan kita lihat juga seberapa populer sih premo express. js ini kalau kalian lihat di NPM saat ini itu sedang diversi 4.
17. 3 to itu setiap minggunya ada 16,8 juta kali download katanya jadi itu banyak banget dan kalau kita ngintip repository nya digigit HAM itu yang ngasih Star itu udah sebanyak 50 2000 populer sekali yang pakai juga banyak ya jadi kelihatannya Cocok nih untuk kita pelajari nah terus selanjutnya ini saya mau bahas sedikit mengenai tadi ya di depan ada yang namanya an opinion n ini katanya di dalam dunia Framework yang ada itu terbagi menjadi dua ada Framework yang opinionated ada yang an opinion it opened itu artinya aturan-aturan dalam membuat sesuatu dari Framework tersebut dikasih tahu oleh remotenya Jadid tatacaranya udah jelas aturan-aturannya udah jelas yang disebut dengan opinion it at jadi hanya ada satu cara yang tepat untuk membuat sesuatu Hai katanya ada beberapa Framework yang seperti itu contohnya katanya kalau kalian tahu ada yang namanya Ruby on rails jadi kita udah dikasih tahu dengan jelas Bagaimana cara untuk membuat sesuatu langkah-langkahnya udah ada di satu sisi sangat memudahkan kita sebagai programmer udah ada panduannya di sisi yang lain itu jadinya kita Strike terbatas nah ini beda halnya dengan yang an opinion it at jadi karena tidak ada aturan yang baku untuk membuat sesuatu yang walaupun menurut saya tetep aja aturannya ada ya cuman kita lebih diberi kebebasan untuk membuat sesuatu gitu jadi lebih fleksibel kita bisa menentukan sendiri struktur aplikasinya struktur foldernya dan lain sebagainya dan katanya juga kita dapat dengan mudah melakukan bongkar-pasang middle were khususnya untuk ekspresi ini jadi di satu sisi itu memberikan keleluasaan pada programmer nya untuk membuat sesuatu tapi menurutnya disisi lain juga ada kekurangannya yaitu mungkin untuk yang baru belajar kebingungan ini sebagai cara yang bener yang mana gitu karena banyak orang melakukan sesuatu dengan cara-cara yang berbeda krunya ini maksud dari an opinion it at yang kita baca di dalam taglinenya expert selanjutnya adalah mengenai templating engine tadi saya sebut bahwa di Express ini memiliki banyak sekali templating engine yang udah terintegrasi istilahnya udah disupport oleh remotenya ya ini ada banyak banget ya kalau misalkan kalian lihat di websitenya ada yang namanya Pak Kemal ejb ada habs ini handle bars ya dan lain sebagainya mungkin nanti kita akan coba cari yang mana yang paling populer terus kita coba pakai di play list kita itu Lalu ada lagi mengenai database mungkin ada dari kalian yang nanya Pak apakah Express ini mendukung atau bisa terkoneksi ke database my SQL database postgre mongodb nah Ternyata kalau kita lihat di websitenya juga express. js itu dapat dengan mudah terkoneksi dan mengelola database database berikutnya ada Cassandra ada kau jdi bidan lain sebagainya ini usah khawatir kalau misalkan kalian sudah terbiasa menggunakan salah satu dari database ini Express gunakan untuk mengelola database TBC jadinya teman-temannya Jadi itu penjelasan singkatnya mungkin sampai sekarang kalian udah ada yang gak sabar pengen nyobain gimana sih implementasi dari Express ini Minimal kita mencoba untuk mengganti apa yang sudah kita buat dari aplikasi sebelumnya sehingga kita bisa lihat ternyata pakai ekspresi itu apakah lebih mudah atau malah lebih susah ya kalau kita lihat secara singkat penggunaannya tuh kayak gini kita Panggil dulu ekspresinya tentu saja nanti kita harus install dulu ekspresinya didalam aplikasi Note kita terus kita Panggil seperti biasa Rose cinta seperti ini kita Panggil dulu ekspresinya menjadi sebuah variabel Kita tentukan port-nya lalu kita Panggil lesson supaya aplikasinya bisa didapatkan nah lalu kita tentukan rautnya yang mungkin Secara umum kalau teman-teman bandingkan dengan apa yang kita buat di video sebelumnya mirip tapi ini lebih ringkas Jadi gimana kalau langsung aja kita coba implementasikan Framework Express ini sedalam webserver sederhana kita yang jadi langsung aja kita Hai Oke Langsung aja teman-teman yang pertama akan kita lakukan adalah kita duplikat dulu ingin folder dari webserver yang sudah kita buat di video sebelumnya yang supaya hilang kita duplikat aja ya simpan di dalam folder yang sama di desktop ya Kita kasih nama aja sekarang ini video ke-13 namanya Express webserver oke terus kita buka di Visual Studio code kita Oke sudah terbuka kita buka f.
de sekitar coba jalanin dulu ya cuma jalanin gue Terminal kita tulis hinode spasi FK resepnya udah jalan dipor 3011 kita lihat lu dah buka Chrome lalu kita tulis localhost titik dua Rp3. 000 Oke jadi sekarang ini tampil webserver kita yang sudah kita buat menggunakan cor modulnya noje ya kita punya halaman indeks atau halaman umumnya kita punya halaman about dan halaman contact us selain dari itu semua ditangani oleh halaman hop hip sudah jalan berarti kedua yang akan kita lakukan adalah membuka dokumentasinya Express jadi caranya kalian bisa PNPM lalu cari Express atau langsung aja kita ke websitenya Express js. com Ya sama aja nih Nah kalau sudah dibuka kita akan coba langsung install Express kedalam mesin kita caranya langsung aja kalian boleh ketik NPM install Express lalu disuruhnya kita kasih fleknya minus minus CV ini agar expression disimpan kedalam dependensi kita tapi kalau misalkan enggak pakai save pun dengan menggunakan node yang kita gunakan saat ini sudah otomatis di-save ke dalam dependensi jadi mau ditulis dashhex seperti ini atau tidak sama aja ya jadi akan kita lakukanlah ini tapi jangan lupa kita kasih versi kebetulan versi punya saya ini versi 4 17 1 eh Saya copy dulu NPM install kita balik ke sini lu yang matiin dulu servernya kontrol c dan nanti kita akan jalan ini enggak lagi pakai noted tapi kita akan coba pakai nonmoneter clear dulu lalu kita ketik NPM install atau langsung Jepri seri sudah copy Terus kita kasih ed4 17-1 biar sama ya kalian juga saya sarankan pake versi yang sama dengan yang saya lalu pencet enter kita tunggu instalasi dari ekspresinya supaya masuk ke dalam aplikasi kita coba kita matikan dulu ya terminalnya terus kita buka Said barnya kita lihat ada di pake dot Jason nari atau udah masuk ke dependensi nya sudah mandi pake cilok juga sudah ada ya berarti sudah masuk ada di dalam not moduls amannya oke sekarang sudah bisa kita pakai Hai jadi akan kita lakukan gini teman-teman kita akan membuat hal yang sama dengan apa yang sudah kita lakukan menggunakan kormo Duty nanti kita bisa lihat dan membandingkan lebih mudah mana penggunaannya ya Jadi ini supaya enggak hilang kita akan kasih komentar dulu semua blog programnya kalau boleh kontrol lalu pencet kontrol Flash Hai nanti di akhir akan kita hapus tapi supaya kita bisa lihat perbedaannya kita simpan sebagai komentar dulu ya Eh kita tutup Lagi sabarnya kontrol B ke atas kali acara pakai yang paling sederhananya dulu ya Cara pakainya kalian bisa lihat di getting started atau sebenarnya kalau tadi lihat di NPM itu udah ada nih jadi tapi kita coba sekarang gunakan dokumentasi yang ada di website Express resmi nya aja ya karena menurut saya ini sangat enak untuk dibaca agak beda dengan dokumentasinya nojs yang menurut saya agak susah untuk dibaca ya kita masuk getting started langsung kita ke installing harusnya udah ya Ini udah kita lakukan kita udah punya NPM ini hasil dari video sebelumnya itu udah dapet entry pointnya adalah f.
de Sebutkan indeks lalu kita udah install Lex kita pilih yang Hello world nah ini caranya menjalankan Express jadi kita Panggil dulu ekspresi apakah requirements Sukin ke-8 lo lalu variabel ini akan bertindak sebagai fashion yang harus kita jalankan jadi kita kasih kurung buka kurung tutup ya lalu kita masukkan ke dalam EF nanti ephiny akan kita gunakan oleh kita kasih tahu juga port-nya sama seperti modul http kita kasih tahu potnya ya atau ini gampang tinggal copy aja deh yang kalian blog terus kontrol c dan balik lagi ke codingan kita kita simpan di atas kita coba jalanin dulu pernah kita bahas satu persatu fungsi dari masing-masing save dulu kita sekarang buka lagi terminalnya kalau kita tulis note pasti F Ya sama aja ini ada exam prep listening at localhost ini tulisannya muncul gara-gara metlife nih kalian boleh ganti aja sih kalau mau Oke sekarang kita lihat dulu hasilnya balik ke sini kita refresh Oh ini error katanya ini otomatis kalau misalkan halamannya enggak ada routingnya di Arok yang ada rotinya itu adalah halaman root boleh pakai slash boleh Hai hello world selain dari itu enggak ada Jadi kalau routingnya enggak ada beda dengan modul http kalau modul http itu semua masuk ke perutnya atau yang utamanya ini hati-hati kalau saya ngomong root itu bisa maksud saya adalah root ini artinya halaman utama dari aplikasinya atau routinized besar bacanya bisa road bisa root Jadi sebetulnya hampir mirip pengucapannya Ini adalah cara kita untuk melakukan perutnya ini atau Laut dangkal slash itu adalah root dari website kita akhirnya enggak ada flash apa gitu ya Artinya ini adalah rootnya Oke ini bacanya gini setelah kita menjalankan efeknya lalu ketika ada request method get kehalaman root halaman utama makan jalankan fungsi berikut ini fungsinya adalah kirimkan responnya berupa tulisan hello world yes lain dari ini enggak Fani Nggak ada Eh ini enggak mau banget dibanding kita menuliskan yang ini kita terlihat server Halo pakai switch-case sekarang kita tulis begini untuk menangani satu raut Nah sekarang gimana kalau misalkan kita coba Bikin untuk salaman yang baru caranya ini boleh kalian copy yang boleh kontrol chat terus kontroversi atau kalo mau gampang di blog aja terus pencet aelt his bawah menjadi akan menduplikat seperti ini Sekarang kita ganti Gimana kalau halamannya mengarah ke flash about kita tulis disini ini adalah halaman about Hei harusnya nggak ada masalah ya ketika kita refresh lalu kita tulis disini slash about Oh bisa Kenapa nggak bisa karena harus di-restart servernya nah ini mulai agak ribet nih setiap kita melakukan perubahan pada f. de sini harus diganti makanya sekarang kita i saja yang namanya non-moneter nonmoneter caranya kalian tulis ini NPM install lalu kita akan install ROM Moni secara global Jaya kalian tulis masih mint g-pass Sinon Mal lalu enter sekarang kita bisa gunakan note mohon di aplikasi loopkita caranya kita keluar dulu kita enggak lagi tulis note spasi f tapi Newmont pasti have Hei diserang dia udah jalan di localhost port nya 3000 sama aja tapi kalau seri fresh ini udah jalan untuk saja ya tapi katanya nih dia akan ngelihat default nih default-nya dia akan melihat semua perubahan pada file javascrip msbs dan Jason Jadi kalau ada perubahan di ponsel tersebut enggak usah di restart server Hei sekarang kita bisa ke halaman root dan halaman About Us Hai kalau mau ke halaman kontak ya udah tinggal copy lagi ih nanti jadi kontak jadi ganti dikontak Oke jadi simpel ini nggak perlu kita restart server jalan Sip ya ini yang paling sederhana kita membuat raut ketika ada request lewat halaman web ini lewat browser web ini secara get ikan GTA kalau kita nulis sesuatu di browser alamat ya begitu kita enter itu kita mengirimkan request dengan metode get ke alamat ini tidak ada breakfast menggunakan metode cat makanya kita bisa tangani selain get juga banyak yang lainnya design pos bisa pot bisa Pets bisa delete dan lain sebagainya itu akan kita bahas di topik yang berbeda selanjutnya kita juga bisa menggunakan metode yang namanya Yus Yus jadi di sini untuk istilahnya menjalankan sebuah middleware kalau misalkan kita lihat dokumentasinya ini ya kita masuk ke Epi referensi yang versi 4 karena kita pakai yang versi 4 jadi 4-17 satu lalu kita cari aja di sini F lalu Ius nah ini katanya jadi dengan menggunakan You sini kita bisa memanggil sebuah middleware atau function karena nojs ini nanti semuanya bisa kita anggap sebagai middleware contohnyane argumen ada dua ada flash dan call backnya Jadi kalau misalnya saya tulis disini nyapres nya adalah slash begini atau kalau misalkan selesai itu sebetulnya Nggak ditulis pun dia udah default ya nih ini voltnya adalah rootnya Jadi kalian boleh tulis les coba Terus follbacknya colback yang sama kita bisa panggil request koma respon sama seperti yang diatas ini ya yang kita jalankan tulisan yang sama reef ten saya coba tulis rezeki Nia kita coba Kapan tes ini akan muncul kalau kita ke halaman root Tulis evilia Jangan lupa kalau menurut ini yang muncul hellowork bukan teh karena kita sudah tangkap di sini nah tapi kalau misalkan kita menuliskan sesuatu yang enggak ada nah dia masuknya ke teh ini maksudnya ini akan selalu dijalankan untuk request ataupun jadi tes ini akan selalu jalan untuk request apapun lo tapi kenapa tadi Pak Ketika saya tulis kosong jalannya yang lain ketika saya tulis about dijalanin yang lain itu karena kita nulis request sebelumnya jadi sebelum nyampe kesini udah keburu di jalan yang ini atau yang ini atau yang ini kita hati-hati jangan Simpan ini di paling atas kalau ini simpen di paling atas Hai request yang dibawanya nggak akan pernah dijalanin karena semua apapun yang kita tulis itu akan ditangkap oleh yusin Hai demo kemanapun tak bisa semua udah dicegat dulu sama Yus meskipun gak ada jadi makannya ini bisa kita gunakan untuk menangani ketika halamannya enggak ada sini di akhir saya kita menangani 404 kita kasih aja tulisan hanya kita pakai tank html khas 1404 mencontoh aja ya sebaiknya Nanti kalian buat halaman untuk masing-masing responnya Jadi kalau misalkan nggak ada dia akan tampil 404 Ya tapi kalau ada yang akan menjalankan raut yang ada tapi selain mengirimkan request jadi kita juga harus kasih tahu bahwa 404 ini mengirimkan status 404 juga Karena sekarang ini hanya tulisannya yang 404 kalau kita jalanin pakai inspect Klik Kanan inspect terus kita masuk ke Network kita refresh lagi klik refresh Saya klik add Hal ini karena requestnya SD terlihat statusnya 304 kita pengen statusnya Yang 404 makanya kita harus kasih di sini kasih race status 404 GTA supaya kasih tahu bahwa halaman ini enggak ada 40 4 itu kan B Vania jadi Nikon seri Freshcare lagi klik lagi sd-nya atau 40 40 ya jadi kita bisa tangani dengan mudah kalau misalkan halamannya enggak ada gak jadi itu kalau kita mau membuat sebuah routing yang sangat-sangat sederhana namun teman-temannya nih setiap kita bikin routing kita punya follback yang ada request dan respon ini tuh apa sih isinya apa sih gitu ya ini semua penjelasan Detailnya ada di dokumentasinya yang pertama ada fb-nya isinya apa aja hpnya ya terus ada request isinya apa aja respon isinya apa aja Apa itu request dan respon secara umum gini ya respon itu kan simpelnya adalah apa yang dikembalikan dari Express ketika kita mentarget tes atau alamat tertentu lah gitu ya jadi apa ini Niken sama ekspresinya makanya kita kasih respon request secara sederhana adalah apa yang dikirimkan ke Express nya jadi kalau respon apa yang dibalikin atau dikembalikan dari Express request itu apa yang dikirimkan ke Express nanti kita coba lihat satu-satu ya contohnya nih yang kita lakukan dari tadi adalah mengirimkan teks jadi kalau kita masuk ke halaman rootnya ini teks yang dikembalikan bukan halaman web rakitan oli syntex disini walaupun bisa kita paksa dia jadi tega TML Ini bisa juga loh jadi secara default yang dikembalikan memang teks yang udah diterjemahkan oleh browser aja di dokumen html tapi kita bisa juga ngirimnya enggak html misalnya kita mau ngirimin Jackson Nah kita punya namanya race. id Jason hanya ada disini semuanya ada direspon Jackson daya mati di sini kalian bisa lihat kita bisa ngirimin bentuknya sebuah objek di contoh simple adalah ketika kita kasih dia objek yang punya nama ya nulisnya objek aja nanti notasi objek jadi Jason Ya udah langsung diterjemahin kalau Jason itu enggak boleh nggak ada kutipnya gini harus pakai kutipdua tapi nanti perubahan itu akan dilakukan oleh si method Jazz ya sekarang Sandika browsing email saya kita mau ngirimin kontak nih gmail.
com dan terakhir nomor HP ini jadi kalau saya tulis begini sekarang yang dikembalikan oleh halamannya adalah Jason ya bentuknya djsn kalau kalian tampil enggak sama ini gara-gara Sayang install sebuah plugin atau extensions di Google Chrome yang namanya Jason view Jadi kalian boleh install juga nih kalau pengen langsung tampilannya berubah begini ketika yang ditampilkan adalah c jadi bisa yang lain selain Sen ya terus bisa juga Send file nah ini kalau misalkan kita mau mengembalikan isi dari sebuah file yang paling gampang adalah kalau kita punya file html misalkan ini saya pengen ini yang dikembalikan udah dalam bentuk format html eproxy lu deh lo caranya adalah dengan menggunakan crash. net File tapi cara nulisnya ada aturannya yang pertama adalah kita nulis relatives nya dulu ya karena ini ada di folder yang sama kita anggap aja ini ada di folder root nya jadi saya tulis titik slash indeks titik html nah tapi kita harus kasih tahu juga root nya tuh di mana dengan cara kita kirimkan sebuah objek yang namanya root Hai yang diisi dengan underscore underscore dear ne nah di rem ini adalah direktori tempat dimana file ini berada jadi kita ngasih tahu menurutnya itu adalah ya ini folder 13 Express webserver sehingga begitu saya tulis relatif pes-nya seperti ini berarti itu sudah relatif terhadap perutnya Indonesia harus gini ya Sehingga kau yang kita sif kita balik lagi ke browser kita kita refresh sudah Man ini udah ngambil dari file html kita kalau kalian tahu apa aja yang lain dari metode race ini ya kalian bisa lihat di sini ya tapi yang sekarang akan saya coba adalah mengganti semua respon dari tiap-tiap halaman about dan kontak ini dengan file-file yang sudah kita punya biar sama dengan webserver kita sebelumnya jadi ini bisa kita komentari kita duplikat aja deh pokoknya ih Simpan ke sini Hai Nikita ganti dengan out yang ini kita komentari juga lalu dibawahnya Kita Pe ganti dengan kontak jadi gampang banget deh daripada kita pakai switch-case seperti video sini sekarang kau kita jalanin halaman about dan halaman kontak udah jalan Oh ya udah ngambil pakai bootstrap ya karena disini kita punya bootstrap oke itu kalau misalkan mau menampilkan halaman-halaman web nya menggunakan method get yang mengembalikan isi dari file ini juga bisa kalian gunakan untuk mengambil isi dari file lain yang Static contohnya istighfar CSS menampilkan file gambar atau kalian punya file PDF ini ditampilkan Ini bisa juga menggunakan server karena sebetulnya untuk menampilkan halaman HTML atau tampilan ini kita enggak melakukan ini akan lebih bagus kalau nanti kita menggunakan review tapi itu akan kita bahas di video terpisah ya Jadi tuh mengenai respon sekarang kita pindah dulu sedikit ke request apa aja yang ada di dalam request terlihat kesini sekarang kita masuk ke request ada banyak ya Nah di sini contohnya kita bisa dapetin beasiswa rel kita bisa dapetin IP address dari orang yang melakukan request kita bisa dapetin parameter kalau misalkan ada di url-nya atau kita bisa mendapatkan query-string nya kalau misalkan orang nulisin query-string Deal ya wristwear kita tulis setelah tanda tanya terus kynya apa value-nya apa kita cobain Yah Coba ini kalau misalkan kita mau dapetin ID kalau kita nulis kan keren suka ada idenya bisa kan contohnya kita punya halaman produk dipotong Hai produk dengan AIDS satu misal ya jadi cara nulisnya adalah kita Panggil dulu e. p.
get ya tesnya ke halaman produk ini meski tangkap id-nya nanti ini akan digunakan sebagai play shoulder sehingga bisa ditangkap menjadi sebuah variabel selanjutnya kita Panggil colback vaksinnya request dan respon Apakah eropa action kita akan tangkap id-nya nanya kita tinggal gunakan params' Jadi kalau misalkan kita tulis gini rs. nu Hai terus kita kasih tulisan misalkan product-id Nah kita ambil dari track titik parange kalau kita tulis param saja Berarti semua parameter yang ada di url kita Coba deh cek dulu kita balik sini kita ke halaman produk satu oh salah Ya produk-produk ini error Oh ya karena saya pakai koma ya harusnya pakai tambah kalau kita jalanin Oh ternyata dia dapetnya objek berarti memang harus langsung kita panggil propertinya apa kita punya ID kita ambil params' ID Oh satu ini Masa ganti jadi 2020 kalau misalkan ada dua itu kan saya punya kategori juga disini Hai kategorinya ID kategorinya 10 ini bisa kita tangkap juga ya kekasihnya disini Smash kategori saat ini ID kategori kita jalanin jalan tapi kategorinya belum ya kategorinya kita tulis disini deh kita pakai template literal saja kekasih di sininya dollar kurung kurawal tutup kita kasih represent tertulis di sini kategori id-nya gabung dengan red kram ID card kita tutup praktik Oke kita lihat hasilnya save dulu kembali ke sini kita River ini enggak turunnya kita kasih hai hai Ayo kita dapat kategori idenya dapet dari params' yang kedua produk idenya dapet dari params' yang pertama itu ya Jadi kalau lagi request adalah apa yang dikirimkan ke Express respon adalah apa yang dikembalikan oleh expression kalau misalkan kita mau ngambil query-string Jadi ceritanya kategorinya nggak masuk sebagai param statusnya maunya gini seakan enggak pakai param tapi si kategorinya itu saya ngambilnya dari sini Ih kan produknya 20 terus habis itu pake tanda tanya ya kategori saya diisi dengan cus di kategorinya sepatu udah jalanin kategorinya and Design tadi udah kita hapus Soalnya gimana cara ambil shoes dan kategorinya ini kita enggak pakai params' tapi pake query yo yah jaraknya dari sini query kalau misalkan mau ngambil tulisnya requery titik nama query nya tadi kita tulis gurunya kategori jadi kita tulis disini resep query titik kategori hei Ada baik sedikit refresh dapet 20 dapat dari params' Uzbek part dari query yang jadi gampang banget kalau kita mau mengelola apa yang ada di dalam duel benar-benar sekali Anda bisa minimal paham penggunaan Simple dari request method get Ya silahkan kalian boleh tambahin lagi beberapa halaman sesuai kebutuhan kalian tapi terakhir ini saya mau coba gini gimana kalo misalnya kita punya navigasi ini di setiap halamannya misalnya Coba kalian buka indeks terus kita bikin sebuah navigasi dektoral kita punya gini links ya oke H3 kita tulis seling sit Ayo kita bikin pakai uel led aniekcute80 home yo wis kita mau ke halaman About Us di dekat lagi kita mau sekarang ke halaman kontak Hai seperti biasa aja Jadi sekarang diindeks harusnya anda tuh navigasinya sebentar kenapa oh salah salah harusnya jangan di dalam hal yang sama ya kita pisahkan dulu elp kita tutup twiceland satu lagi nah ini harusnya ke bawah gitu eh kan adanya di halaman home home home concert klikhost. com cyclical about hilang navigasinya gimana caranya ya kan harus di copy nih kita ke halaman about tapi halaman kontak kopi akan ribet nih udah ada sis di semua halamannya tuh of about ada kontak ada home ada karena alangkah lebih baik kalau misalkan ini bisa kita abstraksi yang bisa kita keluarin jadi satu bagian sendiri itu supaya Pak supaya Ketika saya punya halaman baru misalkan tadi halaman produk nih ini flash produk 10 misalnya yo wes rasah punya halaman produk saya nggak perlu ngopi ke semua halaman lele ini sangat ribet juga ya diinjeksi copy nanti wadah aman baru about ditambahin kan lebih enak kalo misalnya kita punya semacam template lah dan itu akan kita bahas di video berikutnya punthuk memanggil halaman kita enggak pakai Send file seperti ini tapi menggunakan konsep yang namanya Kyle atau templating enzim Oke teman-teman jadi mungkin itu penjelasan dan implementasi sederhana dari express.
js ya enggak usah khawatir masih ada banyak video kedepan untuk kita mengeksplorasi express.
