JAVASCRIPT LANJUTAN | 4.3 Latihan Filter, Map & Reduce

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น •

  • @oktapascal4348
    @oktapascal4348 5 ปีที่แล้ว +41

    Maaf pak hanya untuk saran, jika di tutorial ada kode yang harus ditulis oleh viewers seperti di menit 0:46, daripada harus di pause dulu mending bapak upload file mentahan yang berisikan kode untuk bisa diikuti ketika nonton tutorial bapak. nanti viewers hanya download file tersebut tanpa harus diketik dahulu. saya suka channel bapak sejak membahas OOP pada PHP

    • @sandhikagalihWPU
      @sandhikagalihWPU  5 ปีที่แล้ว +15

      ide bagus, saya upload sekarang!

    • @hajarsyef5490
      @hajarsyef5490 5 ปีที่แล้ว +14

      mending seperti ini aja pak jdi gk membuat kita yang baru belajar dan serius belajar jadi malas ketik kode, sekalian melemaskan jari kita, jd klo kita salah ketik dan terjadi erro kita belajar dri situ

    • @rakazakaria4954
      @rakazakaria4954 4 ปีที่แล้ว +3

      Mending tulis manual aja, jadi kita juga bisa lebih mengingat syntax program nya

    • @muhammadalfat984
      @muhammadalfat984 4 ปีที่แล้ว +1

      kalo masalah mending mah balik lagi ke pribadi sob, ada yg pingin ngetik ulang ada juga yang engga. Malahan, kalo code nya di share menjadi tantangan tersendiri untuk yg lagi belajar, apa mau ketik manual atau copas saja.

    • @kusanali5945
      @kusanali5945 4 ปีที่แล้ว +1

      lebih baik ketik manual. kalo mau di percepat emmet ada, yang penting itu code kita :D

  • @footballistaedit25
    @footballistaedit25 5 หลายเดือนก่อน +1

    Penjelasannya sangat mudah dipahami. Cara lain untuk nyari menit dan detik, kita bisa pake modulo

  • @iday7045
    @iday7045 ปีที่แล้ว +4

    Ini HTMLnya:
    Video Durations
    sfml dasar
    sfml part2
    qt5 dasar
    qt5 part2
    c++ dasar
    c++ part1
    c++ part2
    c++ part3
    c++ part4
    c++ part5


    Ini js nya :
    //Ambil element Video
    const Video = document.querySelectorAll("[data-duration-video]");
    const DisplayTotal = document.getElementById("total");
    //ubah element video tadi menjadi Array
    const dataVideo = Array.from(Video);
    //inisialisasi waktu dan jumlah video
    let totalSeconds =0;
    let jumlahVideo = 0;
    //pilih yang ingin di pilih
    const cppFindDuration = dataVideo.filter((video)=>{
    return video.textContent.includes("c++");
    }).map((item)=>{
    jumlahVideo +=1;
    // console.log(item.dataset.durationVideo);
    return item.dataset.durationVideo;
    }).map((duration)=>{
    const [minute,seconds] = duration.split(":");
    //console.log("menit: ",minute,"detik: ",second);
    /*totalDetik +=*/
    return (Number(minute)*60)+Number(seconds);
    // console.log("total: detik: "+totalDetik);
    }).reduce((totalS,seconds)=>{
    return totalS+seconds;
    });
    //definisikan dan konversikan waktu(detik/seconds)
    totalSeconds += cppFindDuration;
    const jam = Math.floor(totalSeconds/3600);
    const sisaDetik1 = totalSeconds % 3600;
    const menit = Math.floor(sisaDetik1/60);
    const sisaDetik2 = sisaDetik1%60;
    //hanya untuk melihat kecocokan
    console.log(cppFindDuration);
    console.log(totalSeconds);
    //melihat proses konversi
    console.log(jam);
    console.log(sisaDetik1);
    console.log(menit);
    console.log(sisaDetik2);
    //tampilkqn ke html
    DisplayTotal.textContent = `total video belajar c++: ${jumlahVideo}. total waktu menonton video: ${jam} jam ${menit} menit ${sisaDetik2} detik`;
    /*Note: aku sengaja merubah beberapa hal kecil terutama dalam kodenya, maksud dan tujuanya masih sama dan aku coding hanya dengan hp jadi maaf jika jelek kodenya*/

  • @RizaHariati
    @RizaHariati 3 ปีที่แล้ว +2

    jumlah video saya mah dari array.length aja pak... Sejauh ini video2nya sangat clear. Sangat bersaing dengan video2 bapak2 bule yang pake bayar itu.

  • @riveralight104
    @riveralight104 3 ปีที่แล้ว +6

    Prosesnya emang njelimet banget karena harus chaining High Order Function terus tapi pas bisa tampil itu rasanya puas banget. Makasih banyak pak dhika buat latihannya. Ternyata serumit ini cuma buat bikin total jam video dan detik hahaha.

  • @dimasrizkym
    @dimasrizkym 3 ปีที่แล้ว +22

    pas bagian ubah format jadi jam : menit : detik. bisa gunain kode dibawah, biar lebih simpel dan ga ngubah constnya jsLanjut
    const jam = Math.floor(jsLanjut/ 3600);
    const menit = Math.floor((jsLanjut% 3600) / 60);
    const detik = jsLanjut % 60;

    • @_jayantaka
      @_jayantaka 2 ปีที่แล้ว +1

      sama bwang ane pake ini dulu, taunya beda sama padika

    • @Orbitez
      @Orbitez 2 ปีที่แล้ว

      thanks bro jadi lebih simple diliat

  • @akhmadi3815
    @akhmadi3815 3 ปีที่แล้ว +1

    saya sangat berterima kasih untuk ilmunya,,,ini mah sepadan dengan kuliah satu semester malah lebih,,,,semoga tuhan yang membalas

  • @ahmadihsanullahrabbani8282
    @ahmadihsanullahrabbani8282 3 หลายเดือนก่อน

    terimakasih banyak pa dika, saya jadi mulai paham penggunaan javascript di html

  • @pudypay
    @pudypay 5 ปีที่แล้ว +22

    Di tunggu react, vue jsnya pak untuk framework

    • @NyomanSuryasa
      @NyomanSuryasa 6 หลายเดือนก่อน

      Iya pak, sukses selalu, di tunggu pembelajaran react sm vue frameworknya

  • @Duda-ke3uz
    @Duda-ke3uz 3 ปีที่แล้ว

    Saya suka contoh aplikasi yang seperti ini pak. Karena kami disini kan tujuannya mau belajar web, jadi kalau ada contoh-contoh yang seperti ini membuat kami semakin semangat

  • @junevenlee1979
    @junevenlee1979 4 หลายเดือนก่อน

    const jam = Math.floor(jsLanjut / 3600);
    const menit = Math.floor((jsLanjut % (jam * 3600)) / 60);
    const detik = (jsLanjut % (jam * 3600) - menit * 60);
    ini untuk bagian ubah format yaa... sama aja sih dengan punya pak dhika tapi ini versi pakai modulo

  • @fuadrivai1279
    @fuadrivai1279 5 ปีที่แล้ว +1

    Terimakasih banyak pak, sangat bermanfaat unt junior frontEnd

  • @hanmuid9387
    @hanmuid9387 4 ปีที่แล้ว +1

    Makasih pak, saya ulangin berkali-kali biar paham hehe
    Semoga sehat selalu pak

  • @abdillahputraal-iman1370
    @abdillahputraal-iman1370 9 หลายเดือนก่อน

    Kereen penyampaian materinya pak, Terima kasih atas Ilmuny :)

  • @AhmadAnwar31Aan
    @AhmadAnwar31Aan 5 ปีที่แล้ว +2

    Pak bikin video tantang cara membuat rancangan database dari suatu kasus dong, bagus keliatannya buat para programmer pemula :) , hanya sekedar saran aja sih : )

  • @rizalahmad7427
    @rizalahmad7427 5 ปีที่แล้ว +2

    Terimakasih pak... Semoga ilmunya bermanfaat.. 🙏🙏

  • @revadoniaprilio7709
    @revadoniaprilio7709 5 ปีที่แล้ว +3

    Pak lanjutin playlist laravel dong😁, bahas tentang authentication (login register) atau yang lainnya gitu pak

  • @ibeth2964
    @ibeth2964 5 ปีที่แล้ว +1

    Mantap pak dhika terima kasih

  • @fanydifia9977
    @fanydifia9977 5 ปีที่แล้ว +1

    lanjutkan js sampai ke akar2 nya pak

  • @jatnikaenjat6334
    @jatnikaenjat6334 5 ปีที่แล้ว +2

    Sangat bermanfaat pa semua videonya, saya suka download video2nya pa dika mohon ijin karna kouta terbatas 😅😅,

  • @khairulbahri3106
    @khairulbahri3106 5 ปีที่แล้ว +2

    Mantap pak dosen

  • @ihsannurulhabib9729
    @ihsannurulhabib9729 5 ปีที่แล้ว +1

    Mantul sekali pak

  • @amienulrana8597
    @amienulrana8597 4 ปีที่แล้ว +1

    Tetap semangat belajar walaupun tidak ngerti pembagian matematika nya

  • @YEFF05
    @YEFF05 3 ปีที่แล้ว +1

    mantap ...

  • @ahmadakhbarf7118
    @ahmadakhbarf7118 3 ปีที่แล้ว

    Terimakasih banyak pak atas ilmunya

  • @KawanLama_
    @KawanLama_ 8 หลายเดือนก่อน

    Thanks berat pak dika

  • @candrapurnawirawan3847
    @candrapurnawirawan3847 5 ปีที่แล้ว +1

    Mantul..

  • @nabillaaaaa
    @nabillaaaaa 4 ปีที่แล้ว +1

    Terima kasih pak

  • @andhika5787
    @andhika5787 3 ปีที่แล้ว +1

    ditunggu tutorial VUE js nya pak dika:)

  • @aldhanekai
    @aldhanekai 4 ปีที่แล้ว +1

    untuk mengetahui adanya text "JAVASCRIPT LANJUTAN", kayaknya lebih ideal pakai Regular Expression deh

    • @mrchronicle8197
      @mrchronicle8197 4 ปีที่แล้ว

      bisa pakai regex juga

    • @aldhanekai
      @aldhanekai 4 ปีที่แล้ว

      @@mrchronicle8197 hmmm bukannya Regular Expression itu regex?

    • @mrchronicle8197
      @mrchronicle8197 4 ปีที่แล้ว

      @@aldhanekai iya maksud saya emang bisa pake regex hahah, komennya emg rada ambigu

  • @ujangbrudin1554
    @ujangbrudin1554 3 ปีที่แล้ว

    canggih kieu euy

  • @guramezuku2294
    @guramezuku2294 ปีที่แล้ว

    Makasih pak Dhikaa

  • @maulanamalikibrahim2199
    @maulanamalikibrahim2199 2 ปีที่แล้ว

    mantap pak mudah dipahami

  • @papasheo9584
    @papasheo9584 ปีที่แล้ว

    pusing yaa balik dulu ke video sebelumnya dah kwkwkw

  • @faridrusdyanto4647
    @faridrusdyanto4647 4 ปีที่แล้ว +1

    Keren

  • @sahrulamri7859
    @sahrulamri7859 ปีที่แล้ว

    Pak bikin video browser object model dong

  • @achdyat4795
    @achdyat4795 5 ปีที่แล้ว +2

    padika buat tutorial SSO donk, single sign on jadi tidak login berkali kali ke berbagai layanan cukup satu akun saja tks responnya

  • @hanifakbar7237
    @hanifakbar7237 3 ปีที่แล้ว +1

    pak izin bertanya, cara mengatasi agar mudah mengingat kapan harus buka kurung dan kapan harus tutup kurung bagaimana ya pak?
    terimakasih salam ..

  • @JutaanUnboxing
    @JutaanUnboxing 4 ปีที่แล้ว +1

    lanjutttt

  • @ngaung9374
    @ngaung9374 2 ปีที่แล้ว +2

    cara simpel
    const jam = Math.floor(waktu / 3600);
    const menit = Math.floor(waktu % 3600 / 60) ;
    const detik = Math.floor(waktu % 3600 )% 60 ;

    • @odir8254
      @odir8254 ปีที่แล้ว

      Nah Sempat heran juga knpa di videonya gak pake modulus

  • @aldoanonym7527
    @aldoanonym7527 5 ปีที่แล้ว +1

    Web RTC dong master, d Indonesia belum ada yg bikin tutorial

  • @muhammadsofyansyah9571
    @muhammadsofyansyah9571 4 ปีที่แล้ว +3

    Knp gk pake dataset.data-duration kan di html nya Javascript Lanjutan

    • @moiskandar_
      @moiskandar_ 3 ปีที่แล้ว +2

      Saya juga masih kurang paham pada bagian ini.
      Kenapa penulisannya cukup dengan "dataset.duration" ya pak @sandhika ?
      kalau saya sengaja tak ganti menggunakan .getAttribute("data-duration"), supaya nanti ga bingung sendiri kedepannya :)

    • @robifirmansyah9049
      @robifirmansyah9049 2 ปีที่แล้ว

      @@moiskandar_ bang coba kirimin tulisan syntaksnya, sepertinya saya penasaran jika menggunakan getAttribute. terima kasih

    • @odir8254
      @odir8254 ปีที่แล้ว

      Masih menunggu jawaban juga nih

    • @Cinotoners
      @Cinotoners 7 หลายเดือนก่อน

      Itu karena "data" pada "data-duration" adalah data fiks yang tidak bisa kita ganti.
      Jadi misalkan kalau kita ingin bikin atribut data baru di html, kita harus menambahkan kata "data" diawalnya, contoh "data-waktu", "data-angka", "data-baju" dst.
      Nah key "data" inilah yang nantinya dibaca oleh javascript sehingga kita bisa pake fungsi(function) dataset pada javascript.
      Oleh karena itu, kita gaperlu menuliskan lagi "data-duration", cukup dengan "duration" aja karena datanya sudah dipahami javascript bahwa kita memanggil atribut dataset dari html
      Tapi ini hipotesis aja sih..

  • @kaizen7069
    @kaizen7069 5 ปีที่แล้ว +1

    wiihh.. bisa tau macem2 method darimana y pak? research dulu, lgsung browsing atau apa ?

  • @Dragonsoul567
    @Dragonsoul567 4 ปีที่แล้ว +2

    Maaf pak Dika mau tanya...kok pada codingan saya textContent.includes tidak di kenal browser ya....apa textContent di ambil dari library lain???

  • @aryaprima4698
    @aryaprima4698 2 ปีที่แล้ว

    Kapanpun matematika, pusing banget memang

  • @fahmy4you
    @fahmy4you 4 ปีที่แล้ว +1

    Kalau di android jadi nya NAN JAM NAN MENIT NAN DETIK
    itu gimana ngakalinnya pak

  • @it.sahroni
    @it.sahroni หลายเดือนก่อน

    sepertinya saya punya ide yg mungkin bisa membantu pak, gimana kalo playlist JavaScript DOM dimasukkan juga ke jalur belajar "Back-end Web Development : JavaScript"? karena mungkin banyak dari kita murid online Bapak yg baru mulai belajar Back-end Web di channel Bapak melanjutkan dari JavaScript dasar belum mengerti perihal DOM nya pak.

  • @muslimbarakah9531
    @muslimbarakah9531 5 ปีที่แล้ว +3

    Pak tolong bikin video tutorial cara membuat web pake google cloud dong pak..
    Setuju like

  • @naufalyasin1315
    @naufalyasin1315 3 ปีที่แล้ว +1

    const jsLanjut = videos.filter (video => video.textContent.includes('JAVASCRIPT LANJUTAN'));
    aku tulis itu kenapa ada pesan "videos.filter" is not a function ya? padahal console.log (videos); nya bekerja

    • @robifirmansyah9049
      @robifirmansyah9049 2 ปีที่แล้ว +1

      coba liat lagi di variabel videosnya. sudah ada method Array.from belum?

  • @andhikarmukti
    @andhikarmukti 2 ปีที่แล้ว

    pak saya merubah total detiknya jadi total hour nya kaya begini
    const totalHour = new Date(jsLanjut * 1000).toISOString().substr(11, 8)

  • @dedijunaedi8444
    @dedijunaedi8444 5 ปีที่แล้ว +1

    Maaf pak, mau tanya klo video web gis belum ada y untuk menampilkan latitude longitude dr Db ke google maps ? terima kasih.

    • @sandhikagalihWPU
      @sandhikagalihWPU  5 ปีที่แล้ว +1

      belum ada

    • @dedijunaedi8444
      @dedijunaedi8444 5 ปีที่แล้ว +2

      @@sandhikagalihWPU smoga kedepan ada tutorialnya.
      Karena kalau bapak yang jadi tutornya saya yg awam dengan php merasa teknik yang bapak berikan menarik dan mudah dipahami. Terima kasih smoga secepatnya ada tutorial web gis.
      Dan smoga bapak tambah sukses dan sehat slalu..
      Aamiin

  • @sidiqtoha3173
    @sidiqtoha3173 2 ปีที่แล้ว

    pak kalau backend perlu belajar js dom juga ?

  • @ramafajar5543
    @ramafajar5543 5 ปีที่แล้ว +2

    Pak gunanya atribut data-duration apa ya?

  • @odir8254
    @odir8254 ปีที่แล้ว

    11:06 kenapa dataset.duration bukannya dataset.data-duration, kan katanya sesuai namanya

    • @clwbola4826
      @clwbola4826 ปีที่แล้ว

      dataset itu methodnya, data itu attributenya , & duration itu nama datanya. koreksi kalau salah

  • @aryaadinulfadlan8998
    @aryaadinulfadlan8998 4 ปีที่แล้ว

    judul lagu closing nya apa pak? bagi yg tau mohon info

  • @azkiamima5733
    @azkiamima5733 2 ปีที่แล้ว

    wkwkwkkw salah langkah, ga tau ada parsefloat..
    jadiknya si array nya di ginikan
    return (parts[0] * 60) + (parts[1] / 1);

  • @nolep5555
    @nolep5555 3 ปีที่แล้ว

    itu properti yang di element li itu disebut apa ya?
    bukan class ataupun id baru liat saya

    • @musuhabadi2534
      @musuhabadi2534 2 ปีที่แล้ว

      kynya itu select elemen li nya pake atribut makanya pake kurung siku

  • @erlanggarizky4216
    @erlanggarizky4216 4 ปีที่แล้ว +1

    erlangga_hadir

  • @krisnakrisna837
    @krisnakrisna837 5 ปีที่แล้ว +1

    pak gmna kalo durasi videonya lebih dari satu jam pak ntar kan jadi 01:50:12 nah ntr detik nya gk keambil pak kan cma array 0 dan 1 aja?

    • @sandhikagalihWPU
      @sandhikagalihWPU  5 ปีที่แล้ว +2

      wah iya betul.. berati tinggal ditambah kondisi aja ketika menghitung detiknya 😊

  • @firhanyulianto4161
    @firhanyulianto4161 5 ปีที่แล้ว

    ionic dong sekali kali

  • @gimmegame0
    @gimmegame0 5 ปีที่แล้ว +1

    660 + '18' = 66018 :v

  • @annajmalbupy
    @annajmalbupy 4 ปีที่แล้ว +1

    kok saya jadi pusing memahami syntaknya pak T_T

  • @achdyat4795
    @achdyat4795 5 ปีที่แล้ว +2

    padika buat tutorial SSO donk, single sign on jadi tidak login berkali kali ke berbagai layanan cukup satu akun saja tks responnya