TUTORIAL JAVASCRIPT OOP (BAHASA INDONESIA)

Поділитися
Вставка
  • Опубліковано 14 лип 2024
  • Pada course ini kita akan belajar Pemrograman Berorientasi Object menggunakan JavaScript. Kita juga akan belajar tentang konsep prototype, constructor function, error handling sampai iterable dan iterator.
    #javascript #js #javascriptOOP
    JOIN PREMIUM : ua-cam.com/users/ProgrammerZam...
    DISCORD PREMIUM : • Post
    Slide : docs.google.com/presentation/...
    Source Code : github.com/ProgrammerZamanNow...
    Materi Video :
    00:00:00 - Pendahuluan
    00:02:22 - Pengenalan OOP
    00:10:20 - Membuat Constructor Function
    00:18:01 - Property di Constructor Function
    00:23:41 - Method di Constructor Function
    00:27:27 - Parameter di Constructor Function
    00:30:34 - Constructor Inheritance
    00:36:54 - Prototype
    00:50:23 - Prototype Inheritance
    01:01:56 - Class
    01:04:58 - Constructor di Class
    01:08:19 - Property di Class
    01:10:34 - Method di Class
    01:15:04 - Class Inheritance
    01:21:17 - Super Constructor
    01:28:04 - Super Method
    01:33:11 - Getter dan Setter di Class
    01:37:46 - Public Class Field
    01:44:42 - Private Class Field
    01:50:10 - Private Method
    01:53:54 - Operator instanceof
    02:00:30 - Static Field
    02:06:21 - Static Method
    02:09:02 - Error
    02:15:29 - Error Handling
    02:26:14 - Membuat Class Error
    02:32:32 - Iterable dan Iterator
    02:47:13 - Materi Selanjutnya
    Donasi :
    Saweria : saweria.co/ProgrammerZamanNow
    Social Media :
    Instagram : / programmerzamannow
    Facebook : / programmerzamannow
    Telegram : t.me/ProgrammerZamanNow
    UA-cam : / programmerzamannow
  • Наука та технологія

КОМЕНТАРІ • 140

  • @1809ines
    @1809ines 2 роки тому +15

    Terima kasih mas eko, materinya sangat jelas dan lengkap. Saya juga suka struktur pernjelasannya, mulai dari awal dan dijelaskan secara detail sehingga pemula seperti saya lebih mudah untuk memahami. Sekali lagi terima kasih! Keep up the great work

  • @haiffy
    @haiffy 8 місяців тому +5

    Aku bingung dah, kuliah 5 semester belajar HTML/CSS, Python, PHP, MySQL, & Java (untuk android dev & OOP). Itu pun cuma dasar-dasarnya. Ngga ada disuruh belajar JS yang notabene bahasa yg paling sering digunakan saat ini. Jadi video ini sangat membantu banget

    • @ryanfadillasilva8066
      @ryanfadillasilva8066 Місяць тому

      kuliah biasanya memang gitu, kita cuman dapet kulitnya aja atau dasar dasarnya, kalau mau dapet daging nya atau ilmu yg lebih dalam, sudah jelas belajar sendiri, ikut UKM atau ikut kursus.

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

    Terimakasih pak eko. ilmu mahal yang diberikan dengan gratis. sukses selalu

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

    Alhamdulillah, berkah,, belum selesai javascript yg durasi 8 jam,, pindah kesini lagi,, pokoknya thanks you very very.

  • @fitriaintani544
    @fitriaintani544 2 роки тому +2

    keren! terima kasih banyak ilmunya😄

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

    Terima kasih, sangat mudah dipahami om, mantap🙏

  • @farisalvaro2059
    @farisalvaro2059 8 місяців тому +1

    panjang umur orang baik yang berbagi ilmu, sangat berguna sekali mas eko terimakasih 🥰

  • @ridho-8531
    @ridho-8531 Рік тому

    terima kasih mas eko atas ilmunya ,materi jelas dan lengkap ,urutan ny pun terarah

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

    Ini yang ku tunggu2 bang, terima kasih banyak

  • @nafil._
    @nafil._ Рік тому

    terima kasih ilmunya mas eko. sangat mudah dipahmi unutk pemula.

  • @yogawanadityapratama
    @yogawanadityapratama 8 місяців тому

    Terima kasih atas ilmu nya mas eko, ilmu mahal ini. Bisa dapet gratis di youtube

  • @djaksel597
    @djaksel597 2 роки тому +2

    Mengulang Java script lagi ...biar gak lupa ...
    Terimakasih sudah mengulangi jav script... Di tunggu video selanjutnya ...👍👍👍

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

    Alhamdulillah, jazakallah Khoir Mas

  • @mediaonline5616
    @mediaonline5616 2 роки тому +6

    karena iseng nonton video ini, saya dapat kerjaan, pas banget interview nya tentang OOP di javascript,
    Terima kasih banyak mas eko

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

      ohh ini yang di IG mas eko wkwkwkw, alhamdullilah broo keren. jadi makin niat buat dalamin js

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

      Dapet kerja dmn brow

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

    terima kasih pak eko, smoga sehat selalu dan rezeki nya makin lancarr

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

    terimakasih ilmunya yang sangat bermanfaat mas eko, semoga sehat selalu😃

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

    terimakasih materinya,mudah dipahami mas Eko....

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

    Izin menyimak dan ikut belajar Kang Eko 🙏

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

    terima kasih pak eko, semoga ilmunya bermanfaat :)

  • @mtoharim315
    @mtoharim315 8 місяців тому

    terimakasih mas eko ilmunya semoga mas eko dan keluarga sehat-sehat dan di limpahkan rezeki. sekai lagi reimakasih

  • @falerymustika167
    @falerymustika167 3 місяці тому

    Salam kenal dan terima kasih, Bang Eko dan tim. Sebagai QA yang sebelumnya akrab dengan Java dan C++, topik OOP ini memang cukup menarik bagi saya. Terbaik 👍

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

    akhirnya saya lebih paham tentang Class

  • @guejuga7573
    @guejuga7573 20 днів тому

    Terimakasih atas waktunya🙏

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

    Ahirnya keluar juga...Trimakasih Ilmunya kang eko..

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

    Terima kasih banyak mas eko atas ilmunya semoga sehat dan berkah selalu dan panjang umurnya serta di mudahkan rezekinya dan setelah itu amin main ya

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

    Akhirnya bisa akses jg

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

    Terima kasih videonya bang

  • @yusufhamdani2229
    @yusufhamdani2229 10 місяців тому

    The best teacher is here

  • @user-sc6pg9mf7p
    @user-sc6pg9mf7p 3 роки тому +1

    wah.. makasih mas

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

    3 SKS ini, bro. mantap

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

    sangat mudah dipahami bang Eko, mantap🙏

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

    Terimakasih

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

    siappp hehe

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

    Terimakasih kaka

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

    Kereeen

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

    Mantul

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

    mantap mas

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

    sangat jelas dan lengkap pembahasannya. di kira bakal sama OOP bahasa pemrograman yang lain ternyata salah. memang harus belajar ulang lagi dari dasar tentang javascript ini. agar tau dasar dan paham bagaimana bekerjanya library React, vue, angular, dll.

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

      yapp

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

      owh gitu ya.

    • @rianrafli9795
      @rianrafli9795 10 місяців тому

      bukannya cukup functional react?

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

      @@rianrafli9795 react juga bisa implementasi OOP.

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

    Thank you, bro...

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

    yg saya pahami
    function Person(){}
    sama dengan
    class Person {
    constructor(){}
    }

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

    mantap bang

  • @moh.alamsyahadikartanegara2688
    @moh.alamsyahadikartanegara2688 3 роки тому +1

    makasih ilmunya bang!

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

    izin download kang

  • @mamlzy
    @mamlzy 2 роки тому +2

    Ditunggu materi Javascript Web API nya kang!

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

      kayaknya langsung ke node js nya deh itu

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

    *terbaik kang eko, aku muridmu yg selalu belajar from scratch di channel PZN*

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

    Kirain video baru, rupanya punya member premium dijadiin gratis 😂

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

    trma ksh pak

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

    Makasih pak eko

  • @nandopookey9195
    @nandopookey9195 10 місяців тому

    Makasih bang

  • @imil6798
    @imil6798 6 місяців тому

    Semoga ada pembahasan terkait teknik / siasat / metode kodingan script javascript dengan sintaks terbaru yang mana browser lawas masih bisa ngekesekusi kode tersebut.

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

    Bang Eko, Trimakasih Kuliah Online nya
    jujur saja, ini better dari pada dosen saya yang mengajar dikampus .
    saya sedang belajar React, jadi saya mulai dengan Javascript .
    mohon Materi ReactJS nya yang bang.
    Masuuuukkkk bang Ekooooooo!!!!

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

    makasih mas Eko.
    request Typescript donk mas eko. dan semoga penerapan dalam rest API nanti ada.

    • @ProgrammerZamanNow
      @ProgrammerZamanNow  2 роки тому +2

      typescript nanti akan dibuat setelah nodejs

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

      @@ProgrammerZamanNow siap, di tunggu dengan setia mas eko. senpai...

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

    Kak, di bagian membuatclasserror, parameter fieldnya nggak kebaca, jadi undefined (Terjadi error di field undefined), kenapa ya? Barangkali ada yg bisa ngasih solusi...

  • @wawanneutron
    @wawanneutron 2 роки тому +41

    Kang udemy nya tambahin course algoritma dan struktur data javascript dong

  • @meigiyanto3633
    @meigiyanto3633 2 роки тому +5

    Kang, mau nanya... memang benar ya kalau OOP JavaScript tidak lebih baik dari fungsional programming untuk JavaScript. Ada yang bilang kalau OOP JS susah dimaintenant sehingga beresiko dan berpotensi timbul banyak bug pada program.

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

      Bisa ke typescript

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

      @@dharmaputra7394 masa iya harus langsung ke Typescript untuk OOP nya

  • @irtupradasya4029
    @irtupradasya4029 3 місяці тому

    Maaf pak mau tanya untuk extension supaya kebuat otomatis new file yang udah ada tagnya namanya apa?

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

    Gass jadi JS developer :v

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

    mau tanya mas kalo mau bikin 1 fungsi buat request api mengunakan constructor function bagus nga mas? atau ada rekomendasi yg lain mas, terimakasih mas eko

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

    kapan akan ada kelas untuk react js mas eko?

  • @user-ds2gg4jn8e
    @user-ds2gg4jn8e 4 місяці тому

    Pak mau tanya, untuk MERN itu pembelajarannya di channel ini apa saja?

  • @4amzlf808
    @4amzlf808 2 роки тому

    gg gaming

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

    Setahun lebih dalam kegelapan di OOP dan bisa paham dengan 3 hari di PZN. Terima kasih mas Eko

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

      cpt bgt ,aku mlh 3 minggu sialll

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

    Pa eko boleh minta link discordnyaa, sy udah daftar ikut coursenya yg di udemy. Haturnuhun sebelumnya

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

    43:55
    1:03:04
    1:16:15 extend
    1:26:47 super costructor
    1:30:42 super method

  • @StoryWa-bc3um
    @StoryWa-bc3um 2 роки тому

    Javascript dom dong bang 🙂

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

    Pak eko minggu depan java resful dong😢😢

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

    36:48 bang pada menit ini berati yang di dahulukan itu Employe ya bang knp , padahal function punya manager , ngerti gk maksud ku bg kek , saat di console itu firtname dulu baru lasname , padahal kan punya manager bang dan manager ini itu properti nya lasname dulu , tolong di jawab bang

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

    iterebel iterator itu luar biasa wkwk

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

    Bang mau nanya, kalo saya gabung premium yt (39k), apakah sy bisa ngakses video yang dilabel in khusus pelanggan? Misalnya JS Async, saya belum pernah beli membership yt soalnya

  • @falerymustika167
    @falerymustika167 3 місяці тому

    Spoiler alert: Materinya baru mulai di chapter "Class". Yang sebelumnya pengantar. 😅

  • @aryaazqal5791
    @aryaazqal5791 9 місяців тому

    Absen. finished bulan lalu

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

    Knp browser mendadak blank saat saya menjalankan code dari materi iterable dan iterator?
    Bagaimana solusinya?

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

    Pak semua videonya digratiskan dong, saya kan miskin ya, jadi minta tolong jangan hanya buat pelanggan saja, terimakasih

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

    izin mas mau tanya, kalau beli course di udemy apakah bisa dapet sertifikat nya ?

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

      iya, di udemy ada sertifikat nya

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

      @@ProgrammerZamanNow makasih mas udah jawab, tinggal nunggu diskon 99k lagi auto beli nih hehe

  • @bimarizqyramadhan126
    @bimarizqyramadhan126 6 місяців тому

    ya allah minimal dikasih tau lah kalau javascript terbaru tuh mulai dari 01:01:56 jadi berasa sia2 belajar kemarin

    • @fernandasyah3616
      @fernandasyah3616 5 місяців тому

      Gasia sia bro biar tau aja, tp kan itu juga ttep work yg lama ga sia sia la

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

    field dalam class itu sama bukan ya dengan property pada class ?

    • @IamAry-jm4ev
      @IamAry-jm4ev 7 місяців тому

      iya field itu properti dan nilainya disebur field

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

    38:53

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

    pak eko pengertian dari extends itu ap pak

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

      Extends digunakan sebagai tanda bahwa class ini menginherit/menuruni dari class parent. contoh class Manager extends Employee, artinya class Manager adalah turunan dari class Employee. semoga bisa dimengerti 😄

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

    50:00

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

    terlalu cepat pak eko menjelasknya, saran juga sekalian ada latihanya pak

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

    Wih, baru pagi tadi mau lihat yang oop tapi berbayar

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

    Kang licence u webstrom nya dapat dimana?

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

    59:10 ngoding JS itu kayak punya pacar binal, diajak bener hayuk diajak ngawur hayuk juga... 🤪

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

    1:02:00 class

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

    Mantap
    Semangat gotong royong

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

    bang materi struktur data(linked list,stack queue,dll )

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

      Nah betul, next sharing materi algoritma dan struktur data juga Pak Eko

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

    Kalau udah beli membership untuk Tutorial Javascript, apakah semua video premium bisa ditonton, Mas Eko?

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

    1:10:38

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

    2:45:18

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

    Apa bedanya Class dengan Function yang mereturn sebuah object?

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

      Class kan object oriented, sedangkan function yg mereturn cuma sebuah function.
      Ya ciri ciri class yg ada this this gitu
      Sedangkan function biasa yg mereturn pake tanpa this, cuma const const biasa

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

      @@rifqypratamaputra3657 Lah di property² & method² pada object yg direturn oleh function itu pun juga bisa ngakses this pada object tersebut

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

      @@ilhamvocalovi6879
      Difference between a constructor function and class
      The class keyword in javascript is very similar to a constructor function in the following manner:
      They are both using javascript's prototypal inheritance system
      They are both used to create objects with the following syntax: new myObj(arg1, arg2)
      Constructor functions and classes are very alike can often be used interchangeably based on preference. However, javascript's private fields to classes is functionality which cannot be implemented by constructor functions (without scope hacks)
      eference. However, javascript's private fields to classes is functionality which cannot be implemented by constructor functions (without scope hacks)

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

      @@ilhamvocalovi6879 intinya kalo class bisa buat function di dalem class gtu wkwk

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

      @@rifqypratamaputra3657 Pertanyaan gw bedanya Class dengan function yg mereturn sebuah object, bukan perbedaan class sama function constructor zz

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

    Rest

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

    Kok JS OOP lagi ?

  • @zmaula4771
    @zmaula4771 5 місяців тому +1