Ngobrolin EcmaScript 2025
Ringkasan Episode
Bantu KoreksiEpisode ini membahas ECMAScript 2025, standar terbaru untuk JavaScript. Diskusi dimulai dengan perbandingan responsivitas tombol darurat di Jepang vs Indonesia, dan pembahasan tentang prioritas P0 dalam tiket software development. Topik utama menjelaskan sejarah mengapa kita menggunakan istilah ECMAScript instead of JavaScript - masalah trademark karena JavaScript adalah merek dagang Oracle. JavaScript berasal dari Netscape yang kemudian diakuisisi oleh Sun Microsystems lalu Oracle. Standar ECMAScript dikembangkan oleh ECMA (badan standarisasi) dan diimplementasikan oleh browser/engine masing-masing. Fitur-fitur baru di ECMAScript 2025 meliputi: import JSON secara native tanpa loader tambahan, iterator helper methods (map, filter, take, drop, toArray) yang sebelumnya hanya ada di Array, new Set methods, perbaikan RegExp seperti regex.escape dan regex modifiers, Promise.try untuk menangani promise secara lebih aman, dan 16-bit floating point untuk machine learning. Juga dibahas Dr. Axel Rauschmayer, penulis buku gratis tentang JavaScript yang sangat produktif dalam blogging dan training.
Poin-poin Utama
- •ECMAScript adalah standar spesifikasi JavaScript, dinamakan demikian karena 'JavaScript' adalah trademark milik Oracle
- •JavaScript berasal dari Netscape, diakuisisi Sun Microsystems, lalu Oracle memiliki trademark-nya
- •Import JSON modules secara native sekarang memungkinkan import file JSON langsung tanpa loader atau transpiler tambahan
- •Iterator helper methods (map, filter, take, drop, toArray) sekarang tersedia untuk semua iterator, tidak hanya Array
- •RegExp mendapatkan peningkatan seperti regex.escape untuk escaping teks dan regex modifiers yang bisa diletakkan di depan pattern
- •Promise.try menyediakan cara yang lebih aman untuk consume promise tanpa khawatir error jika value bukan promise
- •16-bit floating point ditambahkan untuk keperluan machine learning dan operasi vector di client-side
- •New Set methods menyediakan fungsi tambahan untuk manipulasi data yang unik
- •Dr. Axel Rauschmayer adalah expert JavaScript yang produktif menulis buku gratis dan artikel tentang ECMAScript
- •Minggu depan akan ada bedah situs (site review) untuk website milik Eka
[musik]
Dapatkan hanya di Dominesia
[musik]
Halo-halo-halo Selamat malam
[musik]
Keren, keren sound effect nya beda
Yang sama
Biar beda dong
Apa kabar, apa kabar semua
Apa kabarnya semuanya
Semoga sehat-sehat
Semoga sehat-sehat
Kita kali ini rekaman tapi by the time kita
Ini tayang saya mungkin lagi
Pulang kampung ya
Makan malam kali ya
Lagi makan malam pastinya
Sedap
Oh makanya pikirannya itu Dano Utoba ya
Dano Utoba
[ketawa]
Iya
Jadi karena Ivan berhalangan
Jadi kita rekaman di hari Jumat malam
4 Juli 2025
Nanti akan tayang di hari Selasa
Tetap ya Selasa
Karena Selasa malam waktunya
Ngobrolin web
Yey, sincron
Lihat transkrip lengkap (2089 segmen lagi)
[tepuk tangan]
Susah banget sincron
Konduh-konduh dulu
Delay itu nyata, Ci
Delay itu nyata, iya
Seperti episode-episode sebelumnya
Episode ke 137
Episode ke 138
Iya off by one error
Off by one error
Ini kita masih kolaborasi dengan Dominesia
Jadi kalo temen-temen
Yang mau
Cobain Cloud VPS
Saya juga pengen coba nih
Bisa dapet diskon
50%
Baik itu untuk pembelian baru
Ataupun pembelian, temen-temen yang udah pernah
Registrasi, udah pernah pake
Itu masih dapet diskon juga
Kemarin kita nego lagi
Kalau sebelumnya kan hanya pembelian baru
Sekarang yang
Udah bikin akun baru lagi
Oh berarti gausah bikin akun cloning
Karena
Alasan utamanya
Episode kita itu
Apa namanya
Evergreen
Tayangnya itu
Yang nonton ya
Gak berapa banyak
Tapi kalo misalnya
Diakumulasikan jadi banyak banget
Dan topiknya evergreen banget
Jadi ada aja yang
Nonton setahun depan
Masih relevan
Dan meskipun nonton episode kita yang pertama
Masih relevan
Iya, dan kalo kita
Kalo kita ngiklan disini
Ya seterusnya ga bakal
Berubah kan
Udah nempel
Bisa dipake ulang
Jadi kalo temen-temen tertarik mencobain
VPS ya
Bisa pake VPS yang turbo
Jadi diskon nya hanya berlaku untuk yang turbo
Gak berlaku untuk yang echo
Cloud VPS echo
Yang Eka?
Belum ada, belum bikin VPS
Eka itu paket
Server nya satu aja udah
Gak bisa ditambah
CPU nya satu, memori nya 1GB
Fokonya semua nya 1GB
Storage nya
1GB juga
Bisa buat apa 1GB
Jaman sekarang
Namanya VPS Eka
VPS Eka
Jadi terima kasih banyak buat
Dominesia untuk kolaborasinya ya
Kan lupa kan
Promocode nya
Ngobrolin VPS DN
Ngobrolin
Kemudian Virtual Private Server
VPS
Dan Dominesia DN
Silahkan pakai
Karena kalo temen-temen pakai
Mereka aware bahwa
Ini datangnya dari ngobrolin web ya
Siapa tau bisa diperpanjang
Mudah-mudahan
Kalo suka dengan
Podcast kita, support kita
Support nya
Di like juga
Kalo gak suka, support kita juga gak apa-apa
Walaupun gak suka
Kalo gak suka, boleh di komen ya
Gak sukanya
Feedback nya apa
Kalo suka, kabarin keluargaan ya
Kalo tidak suka, kabarin kami
Apa sih itu?
Kayak di warung, kayak di rumah makan
Kalo supir ini ugal-ugalan
Silahkan hubungi
Silahkan hubungi
Tapi beneran dihubungi
Gak ada yang jawab
Gak ada yang jawab
Ngomongin soal hubungi-hubungi begitu
Saya punya pengalaman pribadi nih
Saat anak saya
Masuk ke toilet
Tau kan kalo misalnya toilet yang
Disable
Disable plus
Keluarga biasanya
Ada di mall
Disable plus keluarga
Jadi memang
Satu toilet itu kan kalo kita bawa
Anak kan nipet ya
Satu anak cewek, satu anak cowok, terus toiletnya mau kemana
Kalo misalnya kita
Toiletnya disable plus
Keluarga gitu kita bisa masuk satu toilet
Terus akhirnya beres-beresin untuk anak semua
Barengan
Istri gitu
Cubicle nya lebih besar gitu ya
Bisa masuk wheelchair, bisa masuk
Iya, iya bagus
Jadi memang ada tempat ganti popo
Lengkeplah ya
Nah, bedanya dengan
Di Indonesia dan di Jepang
Anak saya kan suka pencet-pencet button
Apalagi kalo buttonnya warna merah
Kalo
Di Indonesia dipencet
To button, kagak ada yang jawab
Anak gua udah pencet-pencet
Eh, nonono gitu kan
Terus kagak ada yang jawab
Kalo di Jepang begitu
Kalo dipencet, datang petugasnya
Ketuk, "Are you okay?"
"Hello mother, are you okay?"
Dia pake bahasa Jepang lah gitu
Terus di jawab juga pake mikrofon
Itu
"Emergencinya apa?"
Gak sampe 5 detik
Dijawab dan ada yang datang
Ketuk
Jangan-jangan
Jangan-jangan
Tombol lift juga kaya gitu
Jangan-jangan di Indonesia
Pancet, abit-abit
Abit-abit
Yang paling
Tombol itu juga sama
Tombol diparkiran
Kalo misalnya ada error
Dipencet-pencet itu kagak ada
Tombol bantuan
Cuma kalo kayak emergency button gitu
Bukannya ada SOP-nya ya
Atau sebenernya bebas
Harusnya ada
Itu kan potential life-threatening ya
Maksudnya abit-abit misalnya ada
Orang kenapa-napa beneran di dalam situ
Pencet, dengan pikir bakal
Ada bantuan
Kalo di Indonesia kejadiannya di hotel dan di mall
Gak ada response
Kalo yang di Jepang waktu itu anak saya main ini itu
Di stasiun
Stasiun, ya toilet umum di stasiun
Wow
Mungkin
Ada penyebabnya
Orang Indonesia itu iseng-iseng
Mungkin dulu
Ya anak gue kan iseng
Tapi kan iseng tetap di Jawa mas
Iya itu kan anak Indonesia iseng
Anak Jepang ga iseng
Mungkin 10 kasus, 9 iseng
Tapi 1 serius
Urusan nyawa, bahkan mahal nih
Iya
Nah itu berikutnya juga decoding ya
Tapi dulu ngalamin gak
Kalo satu buat patah bisa
Gimana-gimana
Dulu ngalamin gak nelpon
Kebakaran, nge-prank
Daman dulu kan, di telfon umum tuh
Nge-prank, itu yang bikin
Yang bikin males orang itu mungkin
Kalau dulu kan
Cuma pernah nyoba koin
Di ikut benang, pernah
Terus yang
Cetekannya di pencet
Misalnya 08
Ininya 8 kali, pernah nyoba
Biar katanya bisa gratis
Itu mitos sih
Kalo kembali ke pekerjaan
Ticket itu kan ada priority
P1 itu high priority
Kalo P0 itu artinya urgent
Kayak
Lepaskan semua
Yang kamu lakukan, fokus kesini
Fokus kesitu
Dan kalo di company saya bekerja
Ya P0 itu beneran
Serius
Kalo di Indonesia
Kalo di Indonesia, semua P0
Semua P0
P0, P0
Gak ada yang urgent
Gak, cuma penasaran
Ivan kasuh P0 itu
Pernah alamin beneran atau engga
Dan itu kejadian apa yang dianggap
Justified
Urgent
Something down
Di production
Yang
Membuat efek ke
Business directly
Kalo misalnya ada page yang ilang
404 itu gak P0
Tapi kalo
Mati gak bisa diakses
Mati gak bisa diakses itu P0
Tapi itu infrastruktur bukan ke kita
Ada yang satu lagi
Ngebug
Misalnya
Multi site ya
Multi site itu kan 1 site itu 1 negara
Contohnya 1 market 1 negara
Kalo misalnya
Yang Hongkong dan China nyala
Tetapi Singapore dan Taiwan
Mati gak bisa diakses
Biasanya
Error 500
Itu P0
Secara infrastruktur dia aman
Server up
Gak ada masalah
Tetapi secara code
Mungkin ada yang fatal error
Tapi hanya efek
Partial bukan entire site
Nah itu bukan urusan
Infrastruktur itu urusan
Coding
Urusan
Aplikasi bahasanya
Application level
Dan saya sering bikin
P0
Biar seru ya biar gak ngantuk
Biar semangat
Tadinya lagi ngantuk
Tadinya disambil nonton
Boreng ya
P0 terlama saya
P0 terlama saya itu pernah seminggu
Kurang waktunya
Karena gak solve solve
Seminggu
Panik semua gitu
Dan itu masalahnya
Intermittent gitu
Intermittent jadi
Itu mungkin sih sulit ditangkap
Gak sulit di
Ya sulit
Di reproduce ya
Kita tahu
Tapi masalahnya apa gitu bisa tiba-tiba
Kadang gak terkirim
Wah seminggu
Pusing
Roadhouse nya ada dua
Nanti lah bahas
Sekali kalau nanti kita baca
Waktu cerita horror
Cerita horror
Gue juga ada sih kasus yang mirip
Gini bisa dibilang P0 juga
Tapi intermittent
Dan ternyata penyebabnya
Unik ya nanti kapan-kapan
Dibahas
Penyebabnya unexpected
Maka yang gak sembarangan kan
Standard-standard itu harus dipatuhi
Kalau di Indonesia kalau ada standard yang
Red button tuh emergency ya harus emergency
Kalau di ticketing itu
Ada priority
Ada yang pakai urgent highest
High normal
Ada yang pakai P1 P2 P3
Dan P0
Ya tergantung ya
Nah standard
Makanya standard itu penting
Makanya kita hari ini bahasnya
Standard ngomongin standard
Topik kita malam ini
Adalah tentang
ECMAScript
Standard
Jangan protes dulu
Dulu kan pernah di episode 8
Ada gak ya yang sampai afal
Episode 8 itu ECMAScript berapa ya
Iya kita pernah bahas ECMAScript
Cuma ECMAScript yang
General ya yang secara umum
Kalau kali ini kita bahas
Yang update terbaru
Update terbaru dan mungkin
Setahun sebelumnya
Atau yang akan datang
Yang belum bisa dibahas
Proposalnya yang menarik-narik
Oh oke
Kalau ada waktu
Ya jadi mungkin sebelum itu
Kita bahas dulu tentang ECMAScript
Nah ECMAScript itu apa
Hubungannya sama JavaScript apa
Jangan-jangan temen-temen
Ada yang belum tau atau belum
Terlalu hamiliar ECMAScript itu apa
Ayo Adit
Kalau jaman dulu tuh
Taunya pakenya cuma
Kayak ISnext
IS6 itu
Yang terkenal
ECMAScript IS6 kan
Pertama kali denger IS6 karena
Pertama kali ada Ero Function
Iya ada Ero Function
Ternyata Ero Function bukan
Bukan dari IS6 awalnya ya
Bukan
Lima
Ya pokoknya pas JavaScript mulai modern lah
Hypenya
Terus di prefix apa
Bukan prefix ini preset
Itu kan biasanya ditulis IS
2015
ISnext
Nah dulu tuh ada apa ya
Ada kebingungan jadi ada yang menggunakan
IS
3, 5, 6, 7
Dan seterusnya ada yang menggunakan tahun
2018
2019
Sampai sekarang 2025
Akhirnya kayaknya sekarang
Orang lebih memilih menggunakan tahun aja ya
Biar lebih gampang ya
Karena pusing hitungnya kan
Pusing hitung juga IS berapa ya
iOS aja mulai
Ke depan sudah 26
Jadi kan
iOS kan main OS sekian
iOS nya sekian, iPad OS nya sekian
Bingung juga mereka ngurusin
Versi nya akhirnya
Disamaratkan
Main OS
Sekarang kan Sequoia kan 15
iOS kan 14, terus iPad OS
Beda sih, terus akhirnya
Nanti next release 26
Terus 27
Better jadi tahun
100 tahun lagi bakal masalah sih
Tapi yaudah itu masalah
Manusia 100 tahun lagi
Itu gata si
Tom
Eh, Tim Cook
Itu urusan CEO selanjutnya
Ga urusan gue
Tim selanjutnya itu bukan
Directly selanjutnya
100 tahun lagi kan mereka pusing
Ya, jadi
ECMAScript itu
Standard ya, seperti yang Ivan bilang ya
Standard
Standard
Spesifikasi
Spesifikasi
ECMAS sendiri itu
ECMA ternyata dia badan
Standardisasi yang bukan cuma ngurusin si
JavaScript ini, tapi macam-macam
Kayak spesifikasi teknologi
Yang sebetulnya gue juga
Ga paham sepenuhnya
Cuma emang mereka adalah
Badan spesialis
Standardisasi
Bikin spesifikasi standards
Teknologi standards
Satu kodak mereka adalah
ECMAScript ini
Nah, mungkin temen-temen notice kenapa
ECMAScript apa hubungannya sama JavaScript
Ternyata JavaScript itu
Dulunya kan di Netscape ya
Netscape
Ya, Netscape, betul
Dan itu dulu dipatenkan
Jadi maksudnya JavaScript itu
Kata-kata JavaScript itu
Ga bisa digunakan sembarangan
Oleh public, lucu ya
Ini sebenarnya yang kita pakai
Sekarang ya apa
Ya sekarang secara informal
Emang kita bilangnya JavaScript
Tapi sebetulnya yang kita pakai sekarang itu
Namanya ECMAScript
Ya scriptnya ECMAScript
Yang di standardisasi oleh ECMAScript
Kita itu maksudnya saat
Nulis pakai
Pakai
Riek Kalia
Kalau saya masih
Nulis masih pakai Vanilla
Maksudnya gimana
JavaScript, Vanilla, apa
Vanilla, JavaScript itu kan ya
ECMAScript
Gitu ya, bukan
Bukan, ECMAScript itu
Spesifikasi kan
Jadi misalnya kita bikin array
Atau bikin set atau apapun itu
Itu ada speknya
Itu semua itu secara resmi
ECMAScript dari ECMAScript
Spesifikasinya ECMAScript
Kemudian implementasinya
Bebas tuh, kebetulan
Dan si masing-masing
Browser termasuk Node.js
Dan runtime yang lain, Deno dan lain-lain
Masih menggunakan JavaScript
Sekarang kan Deno, kayak Deno dan Bun
Juga malah udah pakai TypeScript kan
Jadi TypeScript
Juga kompilasi
Ke JavaScript
Dan sebetulnya secara resmi
Kita gak bisa pakai
Kita gak bisa pakai stilah JavaScript kan
Oh iya
TypeScript itu kan
Subsepnya JavaScript ya
Tapi
Yang mengatur standarisasinya kan
Mau saya pertanyaan iPhone tadi kan
Iya maksudnya
Kalau secara kode kan bisa vice versa
Misalnya kita
Maksudnya
JavaScript engine itu kan
Itu kompal apa?
Interpreter ya?
Interpreter
Tetap bisa menjalankan
TypeScript meskipun tanpa
Di kompil
Maksudnya
TypeScript ternyata bisa jalan kan
Langsung, gak perlu transpilasi
Gak perlu di transpile
Intinya kan bisa jalan
Karena dia cuma
Maksudnya
Cuma type checkingnya aja gak jalan
Gitu kan ya
Tetapi secara standarisasi
Penulisannya itu
Gak diatur kan dalam TypeScript
Mereka punya badan sendiri kan
Enggak, gak diatur
Kan masing-masing
Masing-masing browser
Dan masing-masing runtime juga
Terserah kan, mau implementasi
Kayak gimana kan, gak diatur
Ya maksudnya penggunaannya
Di TypeScript kan
Penggunaannya di TypeScript
Kurang tahu sih
TypeScript yang ngatur siapa ya?
Microsoft
Oh
TypeScript itu adalah
Bahasa pemograman yang dikembangkan
oleh Microsoft
Dan spesifikasinya itu
Tidak open source
Oh, gitu
Iya, jadi gak bisa lihat isi
Dalemannya si TypeScript
Untuk misalkan
Mau implementasi kayak linter gitu
Linter kursus TypeScript tuh, susah
Implementasinya, karena gak ada spesifikasinya
Yang dikeluarkan oleh Microsoft
Semi open source lah ya
Jatuhnya ya
Terserah kan, berdasarkan
Output yang bisa diobserve
Itu kayak di
Retro
Misalnya ada test case banyak banget
Reversing engineering bisa
Tapi gak bisa fully
Implementasi
Mungkin yang Eka sebutkan
Istilah JavaScript gak bisa dipakai
Secara legal
Memang iya
Karena JavaScript itu
Adalah trademarknya dari Oracle
Makanya ada ini
Oh, Oracle
Sampai ada petisinya
Iya, ada petisinya
Kayak kita tuh
Surat terbuka
Minta, tolong dong
JavaScript ini
Oracle juga udah gak main-main
JavaScript kan, dia main Java mungkin
Iya, JavaScript kan
Udah jauh dari dunianya dia kan
Dia sebenernya gak butuh
Dia cuma gak dapet duit dari situ ya
Agak, sebenernya agak unik ya
Karena, kalau gak salah ya
Koreksi kalau salah, kan tadinya
Netscape, abis Netscape
Itu kalau gak salah Netscape dibeli sama
Sun Microsystem
Abis itu Sun dibeli sama Oracle
Jadi ini turun-temurun sebenernya
Ini warisan
Dan mereka punya pergab browser sendiri
Yang kompetisi
Kalau sekarang kan
Sebetulnya tujuannya ada patent
Yang gini kan, misalnya mereka punya browser
Punya keunggulan bahwa JavaScript
Cuma ada di sini, Google bikin Chrome
Atau Apple bikin Safari
Gak bisa meng-claim produk browser mereka
Bisa jalanin JavaScript
Ya walaupun bisa
Runtimenya bisa memproses
ECMAScript, cuma gak bisa branding JavaScript
Ini bahkan mereka
Si Oracle pun gak dapet keuntungan
Dari branding sama sekali ya
Iya, iya bener ya
Ternyata ada di sini ya
Oracle, saya belum baca
Ternyata emang iya
Karena memang si Netscape ini kan
Mematenkan istilah JavaScript kan
Makanya
Kalau ini gak tembus, ada kemungkinan
Nama JavaScript tidak digunakan
Jadi mungkin bisa menggunakan
Nama ECMAScript mungkin
Make sense ya
ECMAScript
Atau Mocha
Sejarah informal ya tetep aja
Mau di Chrome, mau di Apple Safari
Firefox
Pulau lain di Indonesia lah
Sumatera script
Bali script
Borenevski
Oh ternyata ada
Oracle itu punya
GraalVM
Yang bisa mengeksoksi JavaScript
Cuma itu aja kayaknya
Dan itu cukup jauh ya
Far from canonical
JavaScript implementation
Nah itu engine KV8
JavaScript core, spider monkey
Apa
Bisa menjalankan
JavaScript, runtime JavaScript
Tapi gak bisa mengklaim
Mereka bisa jalanin
JavaScript
Menarik ya
Iya dunia legal menarik
Ini yang
Inisiasi yang tadi surat
Apa, melepaskan
Embel-embel JavaScript
Dari Oracle itu salah satunya
Si Deno
Yang bikin Deno, Rian Dal
Supaya, ya supaya gak perlu
Ganti nama kan beberapa tahun yang lalu
Sempat ada wacana kan
Mendingan kita ganti nama aja
Daripada
Bermasalah dengan ini, karena ini kan
Gak ada kepentingan
Maksudnya gak punya budget untuk
Legal dan lain-lain, kalau Oracle
Mungkin punya ya budgetnya ya
Kan komunitas ya jatuhnya ya
Susah kan
Nah, hubungannya apa
Sama ini, jadi
Bedanya kalau CSS kan
Memang beneran murni punya komunitas
Maksudnya CSS itu kan
Gak secara privat dipatinkan
Perusahaan mana pun, jadi ya bisa kan
CSS2, CSS3, CSS4
Setiap
Setiap tahun ada update
Update di spesifikasinya selalu dipublish
Dengan CSS sekian
Ada apa
Serinya, dan akhirnya
Abis itu bakal diimplementasi
Sama masing-masing per rendering
Engine di browser
Nah, kalau si JavaScript ini
Gak bisa bilang JavaScript 2025
2026 dan seterusnya
Kita cuma bisa bilang
ECMAScript, makanya itu
Kalau di setting-settingan itu
Selalu pakai
ISnext atau IS2025
Gak akan ada
ISnext atau IS2025
Karena masalah
Legal
Ini lucu juga nih kalimat ini
Di paragraph ini
Oracle refuse to give up JavaScript
Mark for this use
So it was decided the
Legis would be called ECMAScript instead
Microsoft happily offered this script
But Brandon Icke
The creator of JavaScript
And co-signatory of this letter
Wrote in 2006
ECMAScript
Was always unwanted trade name
That sound like a skin disease
Kayak apa? Penyakit kulit
Kayak penyakit kulit
Penyakit kulit
Panung ya
Eksema
ECMAScript
Tapi yang
Di dalam kurung diatasnya juga lucu sih
Microsoft nawarin gitu
Ini ada yang pakai nama JavaScript? Boleh loh
Yang lain semua
Dulu kan
Yang sebenernya kan JavaScript
Itu kan hanya dipakai di Netscape
Microsoft bikin sendiri namanya
Jscript
Setiap dia
Bikin bahasa sendiri
Akhirnya
Yang menang
Netscape karena penggunanya lebih banyak
Akhirnya JavaScript jadi
Diadokasi ke semua
Browser ya kan
Cuma tetep aja kalau cek image nya sih
Jscriptnya Microsoft itu
Gak laku
Dikasih gratis gak laku
Ya udah sih pakai aja
Oh engga
Gak mau
Sedih ya
Jadi Microsoft sedih banget
Sekarang udah bolsin ya bikin typescript
Oh iya jadi
Merajai ya VS Code
Yang nge-noding pakai VS Code gitu ya
Branden Egg itu nge-noding nya pakai apa dia ya?
Oh dia pakai
Nggak tau itu
Oke lanjut lanjut lanjut
Jadi
Eggmascript sebenernya pada dasarnya
Adalah standar
Atau spesifikasi
Yang bisa
Diimplementasi dengan berbagai
Apa ya
Berbagai
Assumsi
Bukan asumsi apa sih
Cara masing-masing lah
Yang penting tujuannya
Input nya sama
Harus mengikuti spesifikasi itu ya
Sama LATML, LTSS
Jadi maksudnya yang bikin unik dari
Ecosystem web kan
Bahasa-bahasa yang digunakan
Sifatnya spesifikasi kan
Jadi ya itu kalau mau
Ada yang pengen iseng bikin
Rendering engine dari awal pakai
Rust atau kayak kemarin siapa yang
Lagi lebih sehat
Iseng bikin browser baru
Ya boleh
Asal diikuti spesifikasi
Sama kayak web consortium kan
Web API
Ya sama web API
Terus GraphQL juga
Spesifikasi
Jadi GraphQL itu ada implementasi
Macam-macam
Di open source kan dari si Facebook
Iya open source
Spesifikasinya open source
Si Facebook bikin
Labirasi namanya GraphQL juga
Dengan spesifikasinya namanya GraphQL
Jadi agak rancu, cuman kan ada
Terpati yang menggunakan kayak misalkan
Apollo, Apollo itu kan menggunakan
GraphQL
Compatibel sama GraphQL
Walaupun produknya namanya Apollo
Walaupun ujung-ujungnya ada Apollo, GraphQL
REST API juga standar kan
Iya REST API juga
Standar
REST dengan REST full
Benar
Kita pernah bahas itu gak sih?
REST API
Belum ya
Belum
Ada juga yang
Ada yang gak memahami istilah
API itu sendiri juga ada
Yang menganggap API itu adalah
REST API
Padahal ada ya
GraphQL, SOAP
API itu apa kapanyaannya?
Application Programming Interface
Programming Interface
Jadi gak apa
Gak hanya anak BKN aja
Yang bikin API
Pro N juga kalau mau
Aplikasinya dikonsum oleh aplikasi
Yang lain harus bikin interface juga
Itulah API
Kalau REST API baru
Sekarang pakai TypeScript pun bisa bikin
API dan TypeScript
Ada cerita
Kena ngomong soal API ada cerita yang
Unik nih, saya pernah
Di satu project
Modingnya
Bikin strukturnya itu
Kayak ada
Ada misalnya
Controller ya
Controller yang untuk
Business logic, tapi di atas itu
Saya bikin API
Dan saya menyebutnya namanya API
Nah
Dan API yang saya, jadi ada layer
Yang akan
Memanggil business logic
Memanggil database, tapi itu API
Tidak ada fungsin-fungsin helper-helpernya
Dan itu jadi kayak
Mempermudah
Untuk programming
Apa, kelas-kelas
Yang lain lah di satu source code base
Nah, saya menyebutnya
Tapi saya gak mau
Itu bukan helper sebenarnya, helper itu utility
Kalau ini kan API
Nah, tujuannya adalah
API ini
Kalau misalnya controller yang manggil
Contohnya bisa dari CLI
Bisa dari res API
Dari res, res controller
Bisa dari
Form atau business logic
Yang lain yang manggil untuk
Mengubah sesuatu, tapi
Manggil API yang sudah
Saya buat
Jadi, 3
Layer, 3 hal di atas ini
Kan beda ya
CLI, res, API
Res API endpoint
Maksudnya, dan ada controller
Biasa yang
Kalau ada
Subit button, mengubah
Something gitu ya
Yang di atas ini, memanggil
API yang saya buat
Ada yang nanya, itu kenapa namanya
API gitu
Karena
Bukan pemahamannya
Karena pemahaman dia mungkin
Semuanya harus model view controller
Model view controller
Dan res API
Saya bilang, bukan
API ya API
Saya mengekspos
Membuat satu layer
Satu layer logic
Supaya 3 aplikasi yang di atas
Dari CLI, res API
Sama controller lain
Satu logic aja yang gue maintain
Satu di sini doang
Jadi, mau lu robah dari CLI
Mau lu robah dari res API
Hasilnya pasti sama
Karena
Logic yang dipakai, satu
Jadi ibaratnya abstraction
Daripada bikin logic dari CLI
Beda, logic dari res API
Abstraction yang diterima banyak client
Betul
Dan dia bertanya
Tapi dia belajar, jadi menarik
Ya bagus ditanya
Daripada Dima aja, tapi
Tiba-tiba namanya diganti
Bukan ya
Kemarin itu di Twitter sempat ada yang rame
Jadi ada cerita
Di satu kantor kan
Pas ngomongin front-end
Terus mentornya bilang
Coba kamu bikinin API dong
Buat
Biar gampang
Aksesnya
Saya kan front-end bukan back-end
Jadi asumsi
Mungkin buat
Beberapa orang, API itu adalah res
API yang biasanya
Dikejakan oleh anak back-end
Padahal API itu
Ya
Interface
Yang digunakan untuk
Ya itu kan
Biar macam-macam client bisa
Lewat si API layer itu
Buat
Melakukan suatu operasi
Berarti disimit di luas
Interface di OOP pun
Beda lagi artinya
Beda lagi, ya masing-masing beda
Oke kita balik ke ECMAScript 2025
Jadi
Apa aja yang baru
Di ECMAScript 2025
Kita liat sama-sama
Hero
Import JSON
Sebenernya yang lain, agak-agak ngerti gitu
Fitur favorit
Yang jelas, sangat berguna buat
Banyak orang, ini sih
Yang lain macam-macam itu kayak
Kalau nggak bisa dulu
Import JSON, itu baik
Susah minta ampun, harus install loader
Install apa?
Harus baca file-nya, terus JSON
JSON parse kan?
Enggak, pakai apa?
Pakai transpiler
Bisa
Kalau misalnya
Browser, client-side, terus install
Loader dulu, biasanya kalau
Ecosystem
Kalau apa?
Sebelum fit itu yang terkenal apa?
Transpiler
Webpack
Pakai webpack plugin
Supaya bisa baca JSON
Ada plugin tambahannya jaman itu
Sebagai
Seorang yang sering membaca data dari
Makin enak ya
Makin sedikit
Dependensi yang harus di install
Sebagai orang yang sering
Membaca data
Dami dari JSON
Ini sangat membantu sekali
Jadi kita tinggal import seperti ini
Langsung natively, secara native bisa
Dibaca dan datanya
Diritkan ke JSON
JSON itu kepake selain
Data dummy, test, fixture
Kalau pakai apa?
Kalau pakai JSON
Baca JSON juga
Harus wiring lagi
Harus pakai loader ya
Anak Yamel
Iri enggak sih ini import
Atribut dari JSON module
Gua juga pengen import atribut dari
Yamel
Anak Yamel jarang main
JavaScript kayaknya
Tapi
Salah satu yang
Format data yang
Menjadi terkenal, salah satunya JSON
Kalau dulu kan JSON hanya digunakan
JavaScript ya
Tapi sekarang kayak Python, udah ada
JSON loadernya otomatis
Pokoknya hampir semua bahasa udah bisa
Baca JSON secara gampang
Mungkin dulu punya
Konfigurasi file masing-masing dan
Sekarang udah
JSON udah seperti
Universal ya
Karena
Tapi JSON tuh nggak ada
Gini ya, dia cuma bisa
Mengenali data type
String
Bisa number dan bolean
Bisa nambahkan bolean
Date tapi nggak bisa kan
Date nggak bisa
Makanya kan ada extra-extra
Ada tambahannya, ada JSON P
Ada JSON B
JSON C
Ada turunannya
Kecuali Java ya, Java masih
XML nggak sih
Oh ya, kenapa XML nggak lakuin ya
Sekarang ya, susah ya
Iya ya, RCPI kan padahal
Sebenernya bisa pakai XML
Bisa pakai JSON, apalagi
Bisa pakai apa? Cuma dua itu ya
Males sekali, buka tutup
Saya mau nanya dulu sama penonton
Nanti kalau penonton yang nanya
Kalau pakai RCPI itu, sukanya pakai
JSON atau XML?
Saya nggak pernah lihat
Ada yang pernah pakai XML
Ada, ada
Ada, cuma nggak pernah lihat aja
Siapa tuh?
Yang review buku itu apa? Goodreads ya?
Oh, Goodreads
Kayaknya itu RCPI aja masih
XML deh
Dari tahun berapa saja
Oh, mungkin sekarang udah ya
SSO single sign on untuk
IDP itu
masih pakai
Identity Provider, masih pakai
XML
Ada nggak sih yang masih pakai
XML sebagai
RCPI, sebagai return data
Return string
String untuk
API, RCPI ya
Kayaknya di web masih ada, config
Masih, masih ada
Ada, cuma nggak umum saja
Apalagi kan kalau
Kalau JavaScript, gimana
Mau parsing XML?
Lebih sulit di parsing ya
Ya, ada
Pastinya saya pakai library
Kalau parsing nggak bisa, tapi baca bisa
Ya, kalau baca kan teks semua
Abis itu kan harus diparsing
Kalau JSON kan udah otomatis
Kalau import dari XML kayaknya nggak ada
Jangan digunakan
Oke
Ini sangat membantu
Untuk JSON module
Udah umum ya
Kenapa?
Apa itu yang
Kayak remote, RPC
RPC, RPC
JRPC itu kan XML kan
Proto, protobuf
Kenapa RPC?
Ya protobuf, tapi dikirim kan XML kan?
Binary
Binary ya
Lanjut, lanjut
Binary, binary
Oke, JSON udah
Ini sangat membantu, ini yang kita impi-impikan
Dari lama ya
Sekarang udah nggak perlu pakai
Extra
Terpaktilah ya
Kemudian yang kedua, iterator
Kayaknya juga berguna sih
Tahun ini relatif lebih
Lebih berguna buat banyak orang ya
Yang tahun lalu, nanti kita lihat deh
Gua nggak paham gitu share
Ya maksudnya penggunaannya spesifik
Low level itu
Ya low level
Dan ini juga bakal matiin
Kayak helper-helper
Library ya
Apapun lah
Karena jadi lebih gampang pakai
Bukannya udah ada ya, belum ya
Array.values kan dulu bisa kan?
Ya bentar, yang baru, yang mana?
Drop take itu kayaknya baru deh
Nah, tuh tuh tuh, ada tulisannya
Some of iterator helper method
Work like array method with the same names
Method that return iterator
Iterator the filter, map
Sama flat map
Method that return booleans
Iterator that sum, iterator that every
Method that return other value
Iterator that sign juga udah ada
Reduce juga udah ada
Method that return no value
For each juga udah ada
Udah semua ya?
Other iterator helper
Are unique to iterators
Got drop
Drop kayaknya baru deh
Take juga baru kayaknya ya
To array juga
Ini kan iterator ini
To array udah lama
Nggak, ini kelihatannya
Setelah di drop, setelah di take kan
Mungkin apa, masih
Datanya tuh kayak bolong-bolong
Atau apa, jadi
Bisa di jadiin to array, jadi
Ray yang rapih
Setelah di filter atau
Yaitu setelah di drop
Then take
Yang mana yang baru ya?
Kayaknya drop sama take deh
Drop sama take ya
Kalau to array udah lama ya
Nah bawahnya ada penjelasannya lagi
How are iterator
Methods and improvement over
Array methods
Bisa digunakan
In the iterable data structure
Nah ini mungkin
Implementasinya kayak note list gitu bisa
Kalian, itu kan iterable
Tapi itu bukan array kan, maksudnya
Data type-nya kalau di browser
Web API itu kan note list
Misalnya document, note query selector
All, div gitu
Mungkin loh, belum nyoba
Don't create
Intermediate array
Kalau
JavaScript
Literal, yang objek
Objek literal, itu termasuk iterable nggak?
Key value store?
Nggak ya?
Itu masuknya set nggak ya?
Set atau
Gak tahu
Oke
Lanjut-lanjut
Nah kalau yang kedua ini
Agak nggak ngerti sih maksudnya apa
Tapi mungkin performance efficiency
Kali ya?
Hmm
Iterator method
Don't create intermediate arrays
And compete data incrementally
This is useful for large
Amount of data
With iterator method
All methods are applied to the first
Value then to second value
Etc. With array method
The first method is applied to all
Values, then the second method
Is applied to all result
Jujur sih ini kalau nggak
Ada contohnya nggak ngerti sih
Maksudnya keuntungannya apa
Dari, dan yang baru tuh
Apa
Ya nanti deh sambil cari-cari
Contohnya
Ya
Mari kita lanjut, yang ketiga
Ada new set method
New set ini
Biasanya untuk mencari
Yang unik ya?
Dulu tuh bisa bikin iya
Bisa pakai set
New set
Ini standar sih biasanya
Kalau implementasi yang umum ya
Misalnya ada posting atau apa
Terus kita pengen
Ngumpulin apalah cuma pengen
List of categories
Daripada array filter
Reduce posting bisa
Langsung bikin set aja
Pakai set, dan set itu
Unique
Set itu unik ya, unik
By default
List ya, atau array ya
By default dia unik
Oke
Yang keempat dan seterusnya itu berhubungan
Dengan regex
Yang pertama regex.escape
Jadi
Ada pepatah loh
Yang mengatakan
Kalau
Kalau ada sumur di radang
Ya, kalau kamu
Solve problem dengan menggunakan
Regex
Kamu itu hanya akan menambah problem baru
Masalah baru
Menyelesaikan masalah dengan masalah
Masalah
Tapi sejak ada AI coding assistant
Ya ga serum itu sih
Ya either memudahkan
Atau malah bikin renjem lagi
Karena regex buat tanya AI
Lebih ngaco lagi
Mungkin
Kalau Java kan ada teklannya
Right once
Run anywhere
Kalau regex apa
Right once
You forget that
Forget how it works
Sama kayak katanya bahasa pemogaman
Oh iya bener
Itu
Siapapun yang nulis bahasa pemogam
Setelah dia tulis
Dan
Misalnya dibaca selanjutnya
Hanya Tuhan yang tahu
Waktu
Waktu dia nulis
Hanya si programmernya dan
Tuhan yang tahu
Hanya Tuhan yang tahu
Alias si programmernya juga ga tahu cara
Kerjanya gimana
Perl itu right once
Read never
Regex itu
Awal mulanya dari
Perl
Makanya punya kesamaan
Karena kan Perl itu kan
Bahasa pemogaman untuk
Bagus yang apa
Di peruntukan awalnya untuk
Script kan atau untuk string
Untuk manipulasi string
Operasi string
Akhirnya dia bikin regex dan di
Adoptasi sama bahasa yang lain
Right once, read never ya
Gak bisa baca
Jadi ini ada escape
Right only
Right only, sekali tulis doang
Escape text so that
Can be used inside
A regular expression
Kayaknya escape character ya
Ga begitu ngerti juga
For example
The following code
Remove all occurring text inside
STR that are not quoted
Oh itu contohnya
Ini escape ya
Ga ngerti
Remove unquoted text
Itu dia mendeteksi semua quote
Oh semua jenis quote
Yang setelah tanda-tanda
Seru itu
Yang diambil yang
Di dalamnya aja ya
Remove unquote yes
Iya tapi kalau misalnya
Remove yes yang tidak diapit
Oh ini doang yang di
Tanda tanda
Tanda tanda
Tanda itu apa
Lebih kecil pentung itu kan namanya
Look back
Dia harus diapit oleh quote
Bahasan ini
Argumentnya adalah textnya
X apa yang diapit
By quote
Yang mau di target
Yang pun ini mah
Masukin ke cursor rules
Atau windsurf rules atau
Dan lain-lain rules
Ini kita bisa bikin episode sendiri
Tentang regex, perlu ga sih
Ya boleh
Cuma kayaknya
Dulu itu kayaknya niat banget berusaha belajar
Cuma besoknya
Berusaha review lagi
Udah lupa
Enaknya
Kalau saya belajar regex itu
Saya belajar sih ya pak
Tools yang saya pake itu regex101.com
Iya
Mengerti
Iya
Ya minimal separohnya lah
Ya misalnya belajar CSS pertama
Kopas dari web2dev atau apa
Habis itu besoknya ya udah langsung
Makin lama makin
Skill improve kita bisa langsung
Sediri semua
Nah ini regex tuh kayaknya ga ada perkembangan
Lama-lama jadi ya udahlah
Ngundang siapa ya?
Google developer expert
In regex technology ga ada
Specifik sekali
Iya
Tapi sudah ada AI enak sih
Bisa tanya aja
Double check dan suruh breakdown
Betul
5 ada regex lagi
Tentang
Regular expression
Pattern modifiers
Modifiers itu apa ya?
For example
Following regular expression
Flag I is only
Apply to hello
Iya ini kan I itu
In case sensitive ya
Iya case sensitive
Jadi case sensitive
Jadi case sensitive
Jadi kalo
X kecil hello nya besar
X kecil lagi dia akan menjadi true
Karena hello nya besar kan
Ini kan
Kalo yang keduanya apa
Bedanya? Sama tapi
Input nya kecil
Hasilnya adalah true karena
Dia ga peduli huru besar atau huru kecil kan
Oh itu
In case sensitive
Jadi tidak case sensitive
Ga peduli
Apa namanya
Urus besar atau urus kecil
Nah ini dia ga peduli
Urus besar atau urus kecil tapi X nya besar
Sementara disini X nya kan kecil nih
Jadi dia ga masuk
Ga masuk kriteria
Itu adalah
Modifier ya
Iya modifier
Kalo dulu kan modifier nya hanya bisa di belakang
Hanya bisa di belakang, sekarang bisa di depan juga
Iya
Lanjut
Ke number 6
Duplicate name capture groups
We can now
Use the same group name twice
As long as it appears
In different alternative
Regular expression nya
Character
Kemudian kita kasih
Nama ini ya
A plus
Pokoknya depannya A
Apapun belakangnya
Apapun depannya
Tapi tetap character
Oke
Terus yang kedua ini di kelompokan lagi
Group kan
Capture group
Itu tanda kurung ya
Itu capture group
Jadi capture group itu bisa
Dua-duanya ya
Bisa mendapat ini
Atau ini kan
Karena ada tanda ini ya
Modifier V itu apa ya baru pertama kali
Ga tau
Coba liat regex
Tanya AI
Regex 101
Modifier V itu apa
Instance nya
Meru tau ada V
Iya
Regex
Regex
Modifier
V
Yang keluar
Regex
Regex
Modifier E
Modifier S
M
X
Verbus apa ya
Verbus
Asal nebak aja
Dan juga sih ga tau ya
Tapi kan
Regex ya
Ga tau
Gitu lah pokoknya ya
Jadi dia katanya bisa namanya
Sama dua kali
Walaupun alternatifnya beda
Namanya, nama apa nih
Dot groups ya
Ini ya maksudnya
Oh
Charge
Ini dua-duanya charge kan
Nama group nya
New regular
New addition mas
Iya
Makanya baru pertama kali denger juga
Ya jadi group
Group ini dinamakan charge
Group ini juga dinamakan charge
Karena ini ada atau
Buka tuh link nya
Tuh apa tuh
Wuh panjang banget
Highlight nya
Highlight sama search
Plus kayaknya ngambil cookies nya
Yang mas Riza dari Bang BCA nya
Pasti bisa
Ini ya
Allow string literal
To be used within character class using
The /q
Backslash q ya
Iya iya iya iya
Soal tahu aja
Oh ini juga menarik nih
Menarik ya
Try
Apa ini apa ini
Nggak ngerti soalnya
Menjelasan singkatnya
Nanti cek di proposal nya aja
Jadi intinya kalau kita mengonsum
Apa kita
Jelanin await
Suatu function yang pakai promise
Terus ada dot
Dan yang sering
Misalnya
Fetch
Dot then data
Trus data baca json nya
Data panah return
Data dot json
Trus dot
Then baru
Di return result baca
Json nya trus dot catch
That finally ya gitulah
Itu kan standar ya
Kita bisa consume
Pake promise
Resolve atau reject
Kalau resolve ya sampe
Habis kalau reject
Ketemu catch case nya
Tapi kalau misalnya kita jalanin itu
Disync function
Bukan asynchronous
Kan pasti error nya itu kan
Dot then is not defined
Atau apa ya
Karena itu synchronous
Dia misalnya
Error ya langsung error
Tapi gak ada then-then nya kan
Pasti pernah deh
Agak sulit dijelasin tapi
Mungkin lama-lama kebayang
Pasti semua developer yang baru
Belajar asynchronous tuh
Pernah ketemu error
Karena sebenernya
Pemanggilan fungsinya itu tidak asynchronous kan
Jadi dot then itu gak ada
Jadi sekarang
Pakai try
Apakah dia promise
Atau gak kalau promise dia masuk sini
Makin gitu ya gak error gitu ya
Dan dulu
Maksud saya sebelum ini masuk
Ada library nya namanya
P-try
Promise try
Jangan-jangan dia yang bikin
Dia bikin
Cuma maksud saya
Dia seneng karena
Bisa mempensionkan
Library ini
Satu npm sendiri
Khusus
Buat ini doang
Ya kayak dulu kan ada notefetch
Sekarang kita udah gak perlu notefetch lagi kan
Nah itu
Maksudnya liat di dalemnya tuh try yang
Synchronous
Oh si mas
Apertar anjing ini
Sulit dibaca namanya cuma inget
Apertar anjing
Iya ini dia banyak
Aplikasi yang dia bikin
Ada universe nya
Ada universe nya
Kalau saya belajar promise
Jaman dulu itu
Semuanya saya bikin
Finalnya itu
Di finalnya itu saya selalu bikin
Kayak sukses message
Data anda berhasil disimpan
Atau sukses fully
Call apa gitu
Di dalam try catch gak sih
Enggak ya
Kalau jaman kuliah
Supaya kelihatan
Program saya itu selalu jalan
Try catch
Terus di finalnya itu
Dibikin data berhasil disimpan
Ya data berhasil disimpan
Wait bentar guys
Bentar ini kan satu
Library
Ini source code nya index.js doang nih
Ini doang nih
Ini doang
Try
Nggak perlu pakai library kali
Same kayak
Is odd is even
Cuma 5 baris
Itunya yang
TSX nya kan ada
Mungkin lebih
TS nya doang
Itu definition
Definition kan
Ya bagus juga kali
Iya sih
Cuman kan kadang-kadang kan
Kalau ngeliat, wah ini gimana cara bikinnya
Tanya gini doang
Ya udah kopi aja
Dicolong aja
Dicolong, maksudnya di kopi
Kopi, taro di library something gitu kan
Itu baca aja
Baca aja test casenya
Library yang begini yang bagus
Jadi satu fungsi
Nggak banyak macam-macam lagi
Iya sih
Cuman kan mengurangi
Resiko, mengurangi
Kalau tiba-tiba dia butuh duit
Terus dia matiin gimana
Mati aplikasi kita
Sekarang udah
Masuk ECMAScript
Iya, sekarang udah masuk ECMAScript
Cuma maksudnya
Itu sesimpel itu
Dari test casenya kan kita bisa liat
Cara kerjanya kan, ya udah kayak gitu tuh
Gitu aja, tinggal di copy paste ya
Oke, anyway kita balik lagi sekarang
Jadi sekarang juga udah nggak perlu karena
Udah nggak perlu, udah bakal dipikir-pikir yang itu
Udah nggak dipakai lagi
Dan terakhir
Ada 16 bit
Floating point
Ini kayaknya nggak begitu
Kayak buat kita yang
Sehari-harinya ngerjain web
Ini kayaknya kepake banget
Kalau untuk machine learning deh
Yes, machine learning
TensorFlow.js ya
Senova yang
Transformer.js, nah itu mungkin kepake
Kalau kita buat hitung-hitung
Mungkin memproses Vector kali ya
Vector, ya itu dia
Khusus Vector
Misalnya dari client side, dari browser
Meng-convert Vector buat di-store
Database mungkin kepake
Tapi tetap aja juga nggak ngerti
Yang ngerti detailnya
Jadi ibaratnya
Ini adalah tipe data
Baru lah ya
16 bit floating point berarti
Emang sebelumnya nggak ada ya
Dulu float 32 kali ya
Atau float 8
Nggak tahu ya, float
Float berapa ya, dulu nggak ada float kan
Oh floating point-nya, kan
JavaScript number doang
Oh iya-iya
JavaScript kan integer sama
Float kan bedanya cuma
Bisa diparse doang, parse integer
Parse float kan
Aslinya number
Tapi kita belum pernah
Ngebahas angka ya
Belum, itu juga
Bisa
Angka, maksudnya tipe data angka
Ya apapun yang
Berhubungan sama angka ya
Kayak jenis data, integer, float
Maksimalnya berapa
behavior-nya gimana
Terus kalau kita nge-store data
Angka yang nominalnya besar
Itu best practice-nya gimana
Kalau kita
Nge-store decimal itu
Handling-nya kayak gimana
Itu kan bisa fatal banget kan
Iya bener, kalau decimal
Sekian floating point, terus
Dikurangin sekian, tiba-tiba ada yang
Itu ya, berkurang ya
Atau lebih gitu ya, dibulatkan
Terus misalnya kita salah
Kita nge-store-nya salah
Ya banking atau penjualan
Atau apa, atau pajak atau teks
Atau apa, nanti nombok
Yang suruh ganti kita di telopernya lagi
Kalau kita mau nyimpan nominal
Rupiah pakai apa, kalau mau nyimpan
Nominal dollar atau
Mata uang lain pakai apa
Beda-beda ya
Kayaknya gak akan
Bikin decimal
Mungkin maksudnya tau
Separaturnya kali ya
Gak, bisa kan kalau dollar kan ada
Koma kan
Rupiah kan ada koma
Berarti kan itu masuk dalam handling decimal kan
Rupiah pun, kalau misalnya ada
Auto hitungan, misalnya pajaknya
4,32%, maka
Eventually bisa ketemu koma
Iya sih, bener-bener-bener
Ya itulah
Saldo di bank aja ada koma ya tau
Ya, karena kan
Bunganya 0,01%
Bunganya
Iya, maka kalau nanti kita kena
Denominalisasi
Denominalisasi
Kan jadi seribunya hilang, maka yang semua
Yang koma-koma di belakang itu
Hilang
Berarti simpannya pakai
Cara aja ya
String, setiap kali itu
Di-part saja, di-convert
Saldo Anda 10.563 rupiah
2,35
Ditambah string 1
Jadi ditambah 1 itu
Nombor
Tambah 1 digit, tambah seribu dong
Tambah 1 juta
Enak banget
Infinite money cheat
Sudah, jadi
Ada buku gratis, apa tuh
Total 8
Total 8
Apa ya, fitur baru
Buat ECMAScript 2025
Kalau teman-teman tertarik nih
Yang bikin bloknya lumayan terkenal ya
Doktor
Doktor apa dokter ya
Dia member of
Some kind of
DR, DR ini dokter ya
Doktor, bukan dokter
Doktor
Dia gak bisa ngoperasi orang, biasanya
Operasi JavaScript
Iya, dia banyak
Bikin buku ya
Cukup produktif dan gratis
Kalau di mailing listnya
Tc39 atau
Semacamnya, kayaknya
Kayaknya
Sepertinya
Beliau ini
Bekerja di bidang
Edukasi atau dan
Research and development
Gitu deh
Dan standarisasi
Ada lho
Orang yang membetikan dirinya
Hanya khusus standarisasi
Ini aja kita baca
PSD ya
University of Muni
UM ya
Di UM ya
Doktor sih
Dokter sih, dokter aja
Dokter
Basa Indonesia
Dibilangnya dokter
Kalau dokter itu yang
Medical
Dan
Dan gak ada ini supaya
Pasti supaya temen-temen tahu
D, D kecil, R kecil itu dokter
Medical doctor
Oh, D nya kecil ya kalau medical doctor
Iya, medical doctor itu D nya kecil
R nya kecil
Kalau philosophy doctor, kalau S3
Itu D nya besar
R nya kecil
D besar, R besar tuh gak ada
Gak ada
Yang namanya kecil R besar
Namanya Donnie Richard
Itu boleh
Itu ala ya kalau di kecil R besar
Tapi dia gak nyebutin
Pekerjaan nya sekarang ya
Dari 2011
Di jaman internet startup
'99
'99
Emang '99 sudah ada startup ya
Ada
Itu dot com bubble, dot com boom
Yang dulu
Winter dulu, tahun '99
Kan
Itu 2000
Ya, '99, 2000 beda setahun
Kan
Setahun tuh
Berarti mas
Tapi
Semuanya nungguin orang setahun gak berasa
Nungguin, kalau nungguin
Orang setahun tuh lama loh
Nungguin orang setahun
Curhat nih
Menanti jawaban seseorang
Nungguin, nungguin gitu
Dijak makan
Gak ngapa-ngapain ya selama satu tahun
Menanti tuh kebanyakan
Manis banget menanti
Menanti
Bahasanya politis banget
Enggak, menanti tuh manis kan
Coba aja beli di mall
Menanti
Menanti
Apa itu?
Itu yang teh-tih itu
Gak pernah ke mall ya sama
Maaf
Tadi kirain class setan, pokoknya beneran ya
Jangan pake support ini, ini kan bukan class setan
Episod ini disponsor
Minuman kita semua
Menanti ya
Mau jadi disponsor kan
Oh beneran, beneran, ada lagi
Ada, ada brandnya
Menanti, plus sama Leo Buru
Ada, pernah tahu
Cuma gak, gak kepikiran sampai sana
Oh kalau gue bahasan gak tahu
Ada brand kayak gitu sih
Kirain, kirain class setan
Jadi dia kerjaannya semenjak 2011
Hanya blogging doang ya
Sama nulis buku ya
Sama training
Nah itu training, gak tau ya
Kalau di luar sana kelihatannya
Ya dia kan reputable
Beneran ekspertis sama reputasinya
Udah gak di raguin lagi
Ecek-ecek sih
Ya kalau orang-orang kayak gitu tuh beneran
Bisa hidup dari training sama
Konsultansi kayaknya
Konsultansi deh
Termasuk ya
Kayaknya gitu
Kita nyiruan sih
Sampai apa
Cari profesi orang yang kerjanya apa
Gue tadi udah buka ya, cuma tentang jefaskrip
Yang gak ada kerjaan
Gak ada life-nya
Gak bisa life-nya
Kayaknya dia memang
Ini sih training sih
Pekerjaan utamanya training makanya
Dia cukup aktif, ada newsletter
Newsletter-nya ada dua lagi
Bukunya banyak
Ya itu kan buat membangun reputasi kan
Bahkan bukunya gratis
Jadi maksudnya
Ya udah dia
marketing toolsnya ini
Ya marketing toolsnya
Jadi ada
Ada berapa buku tadi dia
Yang terbaru ya yang tadi ya
Buku ini exploring jefaskrip yang
IS 2025 edition
Wah enak juga ya bikin buku satu
Yang exploring
Jefaskrip tapi yang edisi 2025
2026-2027
Iya-iya cuma
Gratis bukunya jadi ya
Tetap aja tiap tahun dia nge-update
Tapi gak dapet duit dari situ
Iya cape ya, nge-update terus
Tapi kan dapet duit dari tempat lain
Sekalian buku, sekalian bikin
Explore, sekalian bikin
Material
Benar
Oke, cukup untuk
Jefaskrip 2025
Tadi kan masih penasaran tuh
Iterator helpers-nya apa
Dibuka aja bentar
Biar gak penasaran
Kita topik terakhir
Malam ini adalah tentang
Iterator helpers
Wait, mana tadi ininya
Ini
Langsung scroll ke contoh-contohnya aja
Motivation gak usah ya
Mana
Oh yang ditambahkan
Dotmet
Jadi, dan itu
For iterators, jadi maksudnya
Tadinya tuh sebelumnya cuma
Buat array kan
Oh, sekarang bisa buat semua iterator
Nah, motivationnya
Scroll ke atas dulu
Tadi ada di motivation
Iterators are a useful way
They like helpers
Which make them as easy to use as arrays
Nah, kejawab kalau nanti kita kan
Masih agak skip, mana yang baru ini
Nah, ini maksudnya selama ini
Helper-helper metodnya itu cuma ada di array
Padahal ada iterators lainnya
Yang bikin sulit di proses
Nah dulu, gak dulu sih
Maksudnya selama ini kan developer gak kalahin iterator
Dibikin jadi array dulu
Di proses pakai metod yang ada, dibalikin lagi
Nah, sekarang gak usah
Biasanya saya pakai array dot values
Terus isinya
Iterator saya, collectionnya saya
Collection baru dot map
Karena kalau collection dot mapnya
Gak bisa
Gak ada
Now it makes sense and it is useful
Dan sekarang
Dan mungkin buat beberapa orang
Jarang ada yang menggunakan iterator juga
Biasanya array aja gitu kan
Ya langsung kan
Aku udah tau, array dot
For each langsung
Array dot values
Array dot map, array filter
Ya kayak
Kalau yang simple banget, pasti
Pernah ketemu note list kan
Kalau lagi document dot query selector
Oh, nah itu kan iterator tapi bukan array
Sama ini harus array dot
Chrome
Oh, jadi ini dia
Dibikin mirip seperti array ya
Fungsi-fungsinya ya
Metod-metodnya ya
Dot map, dot filter
Terus tadi ada take, reduce
Semuanya berarti baru ya
Berarti bisa
Note list itu bisa sekarang pakai
Udah bisa, udah bisa pakai
Lebih tepatnya collections itu
Sudah bisa jadi
Apapun iterator itu apa aja
Gak ngefal juga sih
Tapi ya itu tinggal googling aja lah
Nggak mesti array
Mantap, mantap
Intinya itu, udah
Oke, seperti biasa
Sebelum mudahan kita
Voting dulu
Untuk minggu depan
Yang voting kita sendiri
Kita mau bahas
Apa, buat
Masa depan
Ini mau apa
By top
Atau yang baru
Ini udah selesai
Apa nih
Bedasitus ada yang baru nggak
Eh bedasitus masih baru ya
Oh boleh
Dia balas ya, coba
Dia balas nggak sih
Yang kemarin kita nemu ada masalah
Oh nggak ada
Tapi masih tuh
Endnya
Masih, kan udah nggak dipakai juga
Iya, tapi tetep aja
Panikannya sudah selesai
Oke
Itu kan pakai content full
Atau semacamnya, masih jalan
Masih bisa dipikir
Nah gue bikin
Gue bikin website
Pake Astro Server Island
Buat AI
Boleh, boleh, boleh
Sekali-kali punya public site
Tolong dibudah, nanti gue submit
Di Instagram deh
Baiklah, berarti minggu depan
Kita bahas, kita bedasitus lagi
Oke
Ya sudah, kalau begitu
Ini deploy ke
Deploy ke Domain Asia
Deploy ke
Ini deploynya ke mana
Varsela, biar cepet
Varsela ya
Kirain pakai Astro nggak ke Varsela ya
Bebas, gampang
Ya tinggal
Ini kan contoh aja mau diganti ke
Netlify, ke VPS
Domain Asia
Masih hilang nggak sih
Masih
Sekarang
Sekarang mereka rebrand
Mereka rebrand
Lebih AI friendly
Kan gue masih subscribe ke newsletternya
Jadi kayak bikin MCP servernya
Mereka yang duluan bikin
Terus jadi poinnya kayak
AI assisted coding friendly gitu
Mereka pivot ke arah situ
Ya nggak tahu sukses atau nggak
Oke, oke, oke
Cukup
Berarti minggu depan kita akan
Bahas bedasitus lagi ya
Kita bedasitus EKA ya
Oh beda
Situsnya EKA ya, bukan beda
Situsnya EKA
Tuh jangan sayanya
Ya kita bukan dokter
Kita bukan dokter
Dokter bukan, dokter bukan
Kita bukan dokter, bukan dokter
Bukan dokter juga sayang
Kita bukan siapa-siapa
Kita hanya
Debu
Udah, udah, udah
Cukup, cukup, terima kasih
Selamat malam, sampai jumpa minggu depan
Bye bye
Apakah Anda baru pertama kali melihat
Tayangan dan halaman ini?
Mungkin telah kesekian kali melihat
Untuk membandingkan kembali dengan lainnya?
Jika Anda mencari tahu mengenai
Layanan web hosting terbaik, kami
Pastikan Anda berada di tempat yang tepat
Dengan Domainesia dapatkan pengalaman
Memunakan layanan web hosting yang
Lebih baik
Dengan SSD berperforma tinggi dalam
Infrastruktur cloud yang telah dioptimalkan
Untuk kebutuhan personal maupun bisnis
Teknologi ini memungkinkan Anda
Memperoleh layanan yang lebih stabil
Serta proteksi dari korupsi data
Hosting Domainesia juga telah mendukung
Node.js, Python, Ruby, Go, PHP, Java
Serta binary Linux
Lebih dari 200.000 pelanggan
Telah mempercayakan layanan hosting
Di Domainesia
Deskripsi asli dari YouTube
Selasa malam waktunya #ngobrolinweb! Malam ini kita akan ngobrolin tentang fitur baru EcmaScript yang baru dirilis tahun 2025 ini. Apa saja fitur barunya? Yuk mari disimak! ----------------------------------------------------------------------------------- Bergabung menjadi anggota elit di kanal ini: https://www.youtube.com/channel/UCHhAlFGFCGgIusQkQIqJLYw/join Donasi dapat meningkatkan kualitas kanal ini: 💰 https://karyakarsa.com/rizafahmi/tip 💸 https://saweria.co/rizafahmi -------------- Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Episode Terkait
4 Des 2024
Persiapan DevFest Surabaya
Episode ini membahas persiapan dan agenda DevFest Surabaya 2024, acara tahunan Google Developer Group (GDG) Surabaya yan...
28 Mei 2024
Mengintip Masa Depan Web AI: Apa yang Disiapkan Google?
Episode ini membahas update terbaru dari Google I/O 2024 dengan fokus utama pada Web AI atau on-device AI. Pembahasan di...
23 Okt 2024
Ngobrolin JavaScript Bangkok
Episode ini membahas pengalaman tim Ngobrolin WEB menghadiri JavaScript Bangkok Conference 2.0.1 di Bangkok, Thailand. R...
Suka episode ini?
Episode baru setiap Selasa malam. Dengarkan lewat YouTube, Spotify, atau feed podcast favoritmu.
Memuat komentar dari GitHub Discussions...
Jika komentar tidak muncul karena ekstensi privasi / adblocker, kamu bisa berdiskusi langsung di GitHub Discussions .