Terima kasih Pak, Fetch API ini sangat bermanfaat untuk http request ke backend API. Sangat ringan karena tidak perlu pake jquery lagi . Dan fetch akan banyak dipakai di penggunaan framework JS modern seperti React, Vue, Angular, atau Svelte :D .
Pak saya ingin bertanya, pada menit ke 7:39 kode imdbid yang saya check di console itu salah. Nah namun walau seperti itu saya lanjutkan sampai menit ke 18:12 dan itu pas saya cek consolenya , malahan ForEach nya gak bisa dibaca. nah jadi dari situ kira - kira gimana yah solusinya ? mohon balasanya pak :)
pak mau bertanya.pak saya kan uda buat web.menggunakan html css javascript dan php.nah saya hosting kan dan domain geratis.nah dulu kalo di akses lewat google cepat buka halaman web nya.nah uda berjalan 6 bulan di buka nya gk bisa sekarang.itu kenapa ya pak
sangat bermanfaat pak dika selamat malam pak dika Selamat malam semuanya mau tanya nih const container = document.querySelector('.movie'); container.innerHTML = card; Kalau misal kan saya ganti dengan document.querySelector('.movie').innerHTML = card; Tanpa membuat variabel baru , kekurangan nya cara tersebut apa ya..? thanks pak dika.. Thanks semuanya..
kelebihannya bisa menghemat kode jika hanya dipanggil sekali. kekurangannya ketika ingin dipanggil berkali-kali, kita harus ketik ulang kode untuk get element html nya, sedangkan jika dimasukkan ke variabel, kita tinggal panggil variabelnya.
@@sandhikagalihWPU saya masih belum paham. apa maksudnya langsung mengambil value dari object of array dari hasil pencarian yang user lakukan yg nama array nya Search seperti yang tampil di aplikasi Postman?
@@kyousukehasegawa6886 bentuk object yang dikirimkan oleh omdb (response) seperti ini : { "Search": [ { // film 1 }, { // film 2 }, // dst ] } yang kita butuhkan sebetulnya hanya isi dari "Search" nya saja yang bentuknya array of object : [ { }, { }, { }, .. ] jadi supaya mudah, kita simpan array of object tersebut ke variabel terpisah, dengan cara const movies = response.Search
@@sandhikagalihWPU maaf nih kalau saya nanya lagi, saya sudah mulai sedikit paham, cuma untuk lebih yakin kalau ga keberatan boleh minta contoh kasus lainnya ga pak?
@@sandhikagalihWPU akhirnya saya paham juga setelah nonton video bapak playlist API yg buat wpu hut (th-cam.com/video/UNjknizL2EI/w-d-xo.html) terima kasih banyak pak untuk penjelasannya.
Maaf Pak, mau tanya. waktu di bagian modalDetailMovie yang console.log(this) saya tidak muncul di console Pak, itu kenapa ya Pak? Mohon bantuannya Pak.
pak shandika mau nanya untuk pengunaan fetch apa ada fungsi beforenya kayak jquery ajax gitu pak jadi sebelum data return bisa manggil function before misal seperti loading gitu
pak saya ada kendala saat menggunakan fetch, malah value dari setiap property detailnya kaya nama, penerbit, plot, nilainya malah undefined, tapi setelah pakai ajax lagi, baru bisa lagi, kira-kira kenapa ya pa?
@@mhdrifqi6895ini gua udah bener params nya koh masih salah ya? Udh gua utak atik tetep undifined gimana ya? Apa api nya yg bermasalah? Bagian search gua aman muncul semua gambarnya sm tittle nya tp waktu show detail nilainya undifined padahal udh bener param nya
pak mau tanya dong kenapa tampilan live server saya berbeda (gambarnya yang harusnya ditengah malah dari besar ke kecil padahal codingannya sudah sama semua tidak ada typo) dan ketika di klik pada modal tidak muncul? udah stuck 3 hari ni pak mohon bantuannya :')
pak, ko saya terdapat error ya di baris 76, console bilangnya: 'Uncaught (in promise) ReferenceError: showCards is not defined at main.js:76 at Array.forEach () at main.js:76' padahal saya sudah samakan persis dgn codingan bapak. Terima kasih pak
Pak sandhika mau nanya nih Saya sudah belajar javaScript dan stuck berhenti di materi DOM saja, dan saya berfikir kalau belajar backend terlebih dahulu baru lanjut ke jQuery. Nah diseri javascript lanjutan ini bapak bilang dadah sama jQuery karena pakai native saja sudah cukup Pertanyaannya kalau saya belajar jQuery masih worth it nggak? Terima kasih sebelumnya pak🙏
Belajar jquery supaya kamu paham kalo2 dapet projek untuk mengelola program yg sudah ada yg sudah pakai jquery sebelumnya, OK.. Belajar jquery supaya kedepannya bisa bikin program / aplikasi baru, JANGAN! gunakan saja manipulasi dom dengan vanilla javascript
@@sandhikagalihWPU terima kasih pak atas jawabanya 🙏 Sepertinya harus belajar jQuery terlebih dahulu,soalnya kemungkinan semacam project perusahaan masih menggunakan libary jQuery.
Terima kasih Pak, Fetch API ini sangat bermanfaat untuk http request ke backend API. Sangat ringan karena tidak perlu pake jquery lagi .
Dan fetch akan banyak dipakai di penggunaan framework JS modern seperti React, Vue, Angular, atau Svelte :D .
setiap video js lanjutan ny sangat membantu nih pak, sambil belajar buat web gis menggunakan librari leaflet js, nyambung banget pokoknya.
Saya respek dengan penempatan iklan yang pak sandika berikan. Iklan nya ditaruh disaat materi sudah selesai ( 18:36 ) jadi tidak menggangu video
Terima kasih banyak atas ilmunya. semoga berkah
Terima kasih pak dhika, semoga sehat dan sukses selalu, salam #ngodingpintar 😇
Nah ini materi yang dinanti, jempol dah
berkah selalu ilmunya pak dika
Pa Dika, kapan tutorial node js dirilis?
Setujuu node js
Udh tuh :v
@@AbdurahmanFajri24 iya, hehehe, 1 tahun yang lalu
pro tip: you can watch movies on flixzone. Been using it for watching a lot of movies recently.
@Eduardo Payton definitely, I have been watching on Flixzone for since december myself :)
Cara menghapus axios dengan cara ini, materi yang bagus pak ditunggu materi lainnya.
Semoga berkah pak dosen online ku
pak kapan tutorial node js nya?
Pak saya ingin bertanya, pada menit ke 7:39 kode imdbid yang saya check di console itu salah. Nah namun walau seperti itu
saya lanjutkan sampai menit ke 18:12 dan itu pas saya cek consolenya , malahan ForEach nya gak bisa dibaca.
nah jadi dari situ kira - kira gimana yah solusinya ? mohon balasanya pak :)
sama euy
coba cek, apakah elemen yang diambil sudah benar, saya juga seperti itu ternyata pas di cek kembali ternyata pengambilan elemennya salah
@@kikiagustin mksdnya elemen apa yah? saya juga sama duh ForEach nya ga kebaca
@@muhammadfarhannudin5582 elemen itu tag html kang, saya h1 dan yang lainnya
ILMU MAHAL PAKKK, rispek pak dhikaaa dosen onlenkuh
Pa Dikha request ngobar sambil menerapkan GIT nya
kenapa di menit 14:32 saya harus menggunakan setTimeOut baru bisa terpanggil, butuh pencerahan
Mantap pak semangat terus
akhirnya bisa mengikuti sampai disini
Javascript ini typenya ada yang modern dan jadul ecmascript5 ecmascript 6 jika pakai yg modern membuat masalah baru yaitu browser jadul tidak support
makanya dibuat babel, untuk spport browser jadul
Sesulit itu ya update browser v:
Fetch kurang lengkap kalau gk pakai async/await 😆... Btw thanks pak untuk video nya hehe
makasih pak Dhikaa
Suatu hari nanti bikin tutorial Accelerated Mobile Pages(AMP) ya pak
Masih belajar CSS nyimak aja
Mantap pak tutornya, tolong dong buat tutorial tentang web socked ??
Jagan pernah di skip yaa kawan2 iklan nya 😁 itu bentuk trimakasih kita ke pa dika
pak mau bertanya.pak saya kan uda buat web.menggunakan html css javascript dan php.nah saya hosting kan dan domain geratis.nah dulu kalo di akses lewat google cepat buka halaman web nya.nah uda berjalan 6 bulan di buka nya gk bisa sekarang.itu kenapa ya pak
Lebih mudah menggunakan fetch seperti nya,
pak dika, request pembuatan sistem keranjang laravel pak.
Terima kasih pak
gak ngerti 8:23 kenapa console log response.json() tetep hasilnya promise bukannya json
hasilnya akan json hanya jika fetch-nya sudah resolve
sangat bermanfaat pak dika
selamat malam pak dika
Selamat malam semuanya
mau tanya nih
const container = document.querySelector('.movie');
container.innerHTML = card;
Kalau misal kan saya ganti dengan document.querySelector('.movie').innerHTML = card;
Tanpa membuat variabel baru , kekurangan nya cara tersebut apa ya..?
thanks pak dika..
Thanks semuanya..
kelebihannya bisa menghemat kode jika hanya dipanggil sekali. kekurangannya ketika ingin dipanggil berkali-kali, kita harus ketik ulang kode untuk get element html nya, sedangkan jika dimasukkan ke variabel, kita tinggal panggil variabelnya.
semakin kedini, semakin mudah di copas😀
lanjutkan pak
Belajar lagi 😁😁
mau tanya pak, kalo ditaruh di front end gitu api key nya bisa diketahuin orag lain ya dong pak?
biar ga diketahuin orang lain bagaimana ya pak?
10:05
const movies = response.Search;
response.Search itu maksudnya apa ya?
Data yang dikembalikan dari omdb api
@@sandhikagalihWPU saya masih belum paham.
apa maksudnya langsung mengambil value dari object of array dari hasil pencarian yang user lakukan yg nama array nya Search seperti yang tampil di aplikasi Postman?
@@kyousukehasegawa6886 bentuk object yang dikirimkan oleh omdb (response) seperti ini :
{
"Search": [
{
// film 1
},
{
// film 2
},
// dst
]
}
yang kita butuhkan sebetulnya hanya isi dari "Search" nya saja yang bentuknya array of object :
[ { }, { }, { }, .. ]
jadi supaya mudah, kita simpan array of object tersebut ke variabel terpisah, dengan cara
const movies = response.Search
@@sandhikagalihWPU maaf nih kalau saya nanya lagi, saya sudah mulai sedikit paham, cuma untuk lebih yakin kalau ga keberatan boleh minta contoh kasus lainnya ga pak?
@@sandhikagalihWPU akhirnya saya paham juga setelah nonton video bapak playlist API yg buat wpu hut (th-cam.com/video/UNjknizL2EI/w-d-xo.html)
terima kasih banyak pak untuk penjelasannya.
Hadir pak 😁
Mau tanya pak. Saya akses omdbapi kenapa ada keterangan "gas been blocked by CORS policey: No 'Access-Control-Allow-Origin" ya?
buka nya coba pake live server
Maaf Pak, mau tanya. waktu di bagian modalDetailMovie yang console.log(this) saya tidak muncul di console Pak, itu kenapa ya Pak? Mohon bantuannya Pak.
sama saya juga gak bisa
samaaa
Sudah bisa kah ? Saya juga sama
pak shandika mau nanya untuk pengunaan fetch apa ada fungsi beforenya kayak jquery ajax gitu pak jadi sebelum data return bisa manggil function before misal seperti loading gitu
dibahas dimateri sebelumnya yaitu promise ditonton aja.
dibahas dimateri sebelumnya yaitu promise ditonton aja.
Mantapz
ini kok undefined semua ya setelah di pencet show detail nya di modal nya
pak kelas premium yg backend kapan rilis?
pak saya ada kendala saat menggunakan fetch, malah value dari setiap property detailnya kaya nama, penerbit, plot, nilainya malah undefined, tapi setelah pakai ajax lagi, baru bisa lagi, kira-kira kenapa ya pa?
Parameternya ada yg salah kyknya tuh bg
@@mhdrifqi6895ini gua udah bener params nya koh masih salah ya? Udh gua utak atik tetep undifined gimana ya? Apa api nya yg bermasalah?
Bagian search gua aman muncul semua gambarnya sm tittle nya tp waktu show detail nilainya undifined padahal udh bener param nya
Good pak
pak udah ngk bisa diambil class modal-detail-button yang ada di javascript jadi null pak
Di button buat detail nya udah dikasih atribut data-imdbid?
Msih bnyak yg hrus di pelajari pak ya, sebelum ke nodejs?😔
Sabar, sedikit lagi ya 😁🙏🏼
@@sandhikagalihWPU ok pak 😆
@@sandhikagalihWPU ga sabar pa
@@sandhikagalihWPU React dong pak :(
@@enrico1317 node js aja belom udh react bae wkwk
Saya suka fetch nya. Tapi kurang suka cara ngambil dom nya kalo vannila 😊
@sup soman3 siapa ya :v
@sup soman3 wanjay. Jangan lupa sukreb channel ane ,:v
pak mau tanya dong kenapa tampilan live server saya berbeda (gambarnya yang harusnya ditengah malah dari besar ke kecil padahal codingannya sudah sama semua tidak ada typo) dan ketika di klik pada modal tidak muncul?
udah stuck 3 hari ni pak mohon bantuannya :')
Izin menjawab, mas coba JQuery di Bootstrap getting started nya diganti alias pakai semua yang ada di Bootstrap getting started
pak ajarin design pattern.
kalau disimpulkan berarti kita lebih baik menggunakan fetch, daripada menggunakan library external(JQuery) pak?
betul
kayak nya lebih pake async / await pak dosen
Aku baru kelar belajar javascript dasar kmrn.. skrg langsung lanjut ke vidio lanjutan yg ini gpp kan?😅
Sama kok
dokumentasi javasript di mna ya ?
Dari dasar pemrograman selesai ke DOM dulu apa ke Javascript lanjutan dulu ya?
DOM dulu
@@sandhikagalihWPU Ookee siapp hatur nuhun🙏🏻🙏🏻
pak react js nya dong pak
pak, ko saya terdapat error ya di baris 76, console bilangnya:
'Uncaught (in promise) ReferenceError: showCards is not defined
at main.js:76
at Array.forEach ()
at main.js:76'
padahal saya sudah samakan persis dgn codingan bapak. Terima kasih pak
function showCards(m){
return `
${m.Title}
${m.Year}
Show Details
`
}
silahkan ditambahkan di script.js semoga membantu
@@erikkazama4151 terimakasi gan achirnya bisa setelah ditambhakan kode ini
Saya anggota astiSkipSkip club dan anggota tontonBerulangUlang club HADIRRR Menonton
pak , bapak belajar dimana ;( bisa sejago ini
saya ko ngga bisa yang di menit 15.59 iyaa. dapet id nya itu undefined terus. adakah yang bisa bantu ?
Di button buat detail nya udah dikasih atribut data-imdbid?
15:59
kok saya saat show detail hasil nya undefined ya???
Sama kak ...
@@sigitarya592 cek url nya. saya juga begitu
Aq g bisa ngikutin krna video sebelumnya aq cari g ada
Punten pak, saya terhalang CORS
pak mau nanya dong, kalau misalnya saya fetch API orang lain yang dan API itu di cegah oleh CORS oleh browser, itu gmn cara ngecegahnya ya? makasi
coba pasang cors anywhere di alamat url nya, bisa copas codenya sbb:
const omdbURL = 'www.omdbapi.com/?apikey=*&s=avengers' ;
fetch(`cors-anywhere.herokuapp.com/${omdbURL}`)
.then(response => response.json())
.then(response => console.log(response));
tanda * ganti dengan omdb api key anda
didalam method fetch calling URL address punyanya omdb menggunakan backtick dan template literal
Semoga sukses
Pak sandhika mau nanya nih
Saya sudah belajar javaScript dan stuck berhenti di materi DOM saja, dan saya berfikir kalau belajar backend terlebih dahulu baru lanjut ke jQuery.
Nah diseri javascript lanjutan ini bapak bilang dadah sama jQuery karena pakai native saja sudah cukup
Pertanyaannya kalau saya belajar jQuery masih worth it nggak?
Terima kasih sebelumnya pak🙏
Belajar jquery supaya kamu paham kalo2 dapet projek untuk mengelola program yg sudah ada yg sudah pakai jquery sebelumnya, OK..
Belajar jquery supaya kedepannya bisa bikin program / aplikasi baru, JANGAN!
gunakan saja manipulasi dom dengan vanilla javascript
@@sandhikagalihWPU terima kasih pak atas jawabanya 🙏
Sepertinya harus belajar jQuery terlebih dahulu,soalnya kemungkinan semacam project perusahaan masih menggunakan libary jQuery.
Kalo boleh bang contoh source codenya di bagi ke deskripsi hehehe 😅😅 nice tutorial bang
E-Commerce gak jadi ya..??
Mudah mudahan di buatkan frontend ecomerce, untuk lanjutan video sistem login lengkap menggunakan Codeigniter.,amiin
Dikelas premiumnya ada
saya gagal menggunakan fetch
Modalsnya masih pakek jquery pak :v
Coding nya susah amad
belajar dari dasar bro,kalo lu langsung loncat kesini ga bakal paham
@@gufrnn4700 ok bro
@@gufrnn4700 bro lo ada nomor wa ngak??
@@tint4_hit4m64 buat apaan
ketigax
Bang buat grup wa