Pelatihan OOP JavaScript

Jul 14, 2024

Pelatihan OOP JavaScript

Pengenalan

  • Pemateri: Eko Kurniawan Khannedy
  • Pekerjaan: Teknikal di sebuah e-commerce besar di Indonesia
  • Konten: Video dan artikel programming di Programmer Zaman Now
  • Sosmed: Facebook, Instagram, YouTube, Telegram
  • Kontak mentor: Telegram dan email
  • Prasyarat: HTML, CSS, dan JavaScript dasar

Agenda Materi

  • Pengenalan OOP (Object-Oriented Programming)
  • Membuat class dan objek
  • Konsep inheritance
  • Iterables dan iterators
  • Prototype inheritance
  • Modern JavaScript (class, inheritance, methods)
  • Static class fields and methods
  • Error handling

Pengenalan Object-Oriented Programming

  • OOP adalah sudut pandang terpopuler dalam pemrograman berbasis objek
  • Banyak bahasa pemrograman yang mengadopsi OOP seperti Java, C++, Python
  • Konsep utama: objek dan class
  • Objek: data yang memiliki properti (atribut) dan method (fungsi)
  • Class: blueprint atau prototipe untuk membuat objek

Membuat Class dan Objek

  • Object: diperkenalkan sebagai blueprint dan prototipe dengan properti dan method
  • Class: digunakan sebagai cetakan
  • Konversi dari function ke object: menggunakan kata kunci new
  • Constructor: method untuk menginisialisasi properti
  • Method: fungsi yang ditambahkan dalam class untuk mengoperasikan objek
  • Parameter di constructor: digunakan untuk mengirim data saat pembuatan objek

Konsep Inheritance

  • Membuat class baru sebagai turunan dari class lain menggunakan kata kunci extends
  • Super constructor: digunakan untuk memanggil constructor dari superclass
  • Super method: digunakan untuk memanggil method dari superclass
  • Iterable dan iterator: spesifikasi ECMA script 6 yang memperbolehkan iterasi dengan for..of
  • Implementasi dengan definisi class yang mengikuti kontrak iterable dan iterator di JavaScript

Prototype Inheritance

  • Prototipe memungkinkan pewarisan properti dan method antara class
  • Pendekatan dengan cara mengatur Object.create() untuk mendasari class baru dari class lain

Static Class Fields and Methods

  • Static field: properti dari class, bukan instance dari objek
  • Static method: method yang dapat diakses tanpa membuat instance dari class
  • Penggunaan kata kunci static di dalam class

Error Handling

  • Try-Catch-Finally: untuk menangkap dan menangani error dalam JavaScript
  • Throw: melempar error secara manual menghilangkan eksekusi baris program di bawahnya
  • Custom Error Class: membuat class turunan dari class Error untuk definisi error kustom

Studi Kasus dan Penerapan

  • Contoh implementasi function, class, inheritance, iterator, static field dan error handling
  • Pembahasan kasus dan contoh implementasi coding menggunakan teknik modern ES6

Kesimpulan dan Materi Lanjutan

  • Materi lanjutan disediakan untuk menguasai JavaScript secara lebih mendalam:
    • JavaScript Standard Library: Memahami lebih dalam standar pustaka JavaScript
    • JavaScript Modules: Penggunaan modul dalam JavaScript modern
    • JavaScript DOM: Manipulasi Document Object Model
    • JavaScript Async: Penanganan asyncronus menggunakan Ajax, Promises, dll.
    • JavaScript Web APIs: Pemanfaatan API web terbaru

Semoga bermanfaat dan selamat belajar!