Ngobrolin Web Jadul - Ngobrolin WEB ep27

1:24Time, that time

1:26Time zone itu juga susah

1:28Itu tricky sekali ya luar biasa ya

1:30Salah satu masalah paling berat

1:32Jadi kalau nampilin time itu

1:34Biasanya sesuai

1:36Time, client time

1:38Atau server time

1:40Apalagi kalau situs kaya, situs lelang

1:42Susah tuh

1:44Ini kita baru ngomongin

1:46Cara nampilin atau manipulasi that time

1:48Belum kita

1:50Kita belum diminta untuk bikin

1:52Iya, belum diminta untuk bikin

1:54Time scene ya

1:56Itu aja udah susah banget

1:58Mereka belum bayang ya

2:00Gimana kabarnya temen-temen

2:02Ini ada dari

2:04Jogja Gayu

2:06Wah, asik

2:08Kelanganan ini, haloo

2:10Udah kenal ya, udah kenal

2:12Kenal Eka gak tuh

2:14Masih itu, coba

2:16Tanya-tanya

2:18Satu kota

2:20Kan satu kota

2:22Sebenernya Jogja itu

2:24JDJ

2:26Atau JDFC

2:28Atau semacamnya

2:30Biasa

2:34Masih kembali formasi

2:36Kita bertiga lagi

2:38Ada saya Riza, Arifan dan juga

2:40Ada Eka yang baru

2:42Merasakan menginjakan kaki

2:44Di Google Indonesia kemarin

2:46Gimana dong cerita dong

2:48Menengkap

2:50Di acara IWD

2:52International Women's Day sama temen-temen

2:54JDJ Jakarta dan Depok

2:56Wah, seru

2:58Baru pertama kali di kantor Google

3:00Terus norak lah foto-foto

3:02Kita waktu itu

3:08Waktu baru ditunjuk sebagai

3:10GDI, kita udah langsung ditodong ya sama

3:12Mas Yohan ya, untuk ngisi di kantor

3:14Google juga

3:16Nah kalau aneh

3:18Angkatan pandemi sih

3:20Nasib angkatan pandemi

3:22Kita sering dulu tuh

3:24Saya, kalau gak salah

3:28Dulu sebelum pandemi itu

3:30Kalo

3:32Sering minta bantuan Yohan atau Febri

3:34Atau Amo

3:36Kita mau untuk komunitas WordPress

3:38Eh mau ngadain di kantor Google dong, tolong

3:40Udah, dia disiapin tuh tempat

3:42Dikasi, diatur jamnya

3:44Di booking tempatnya

3:46Jakarta JS juga sering kan ya

3:48Waktu ada Yohan, sering

3:52Karena ada orang dalam, kalau sekarang udah gak ada

3:54Yohan udah gak

3:56Terus Febriya juga udah gak

3:58Tinggal Mas Danang lah

4:00Mas Danang kan nggak stay di Jakarta

4:02Staynya di Bandung

4:04Kalau mau bikin acara, gak ada yang masukin ke dalam

4:06Nah itu ada Mas Suni itu

4:10Dicet

4:12Udah langsung ini ya, udah langsung lempak ya

4:14Library

4:16Timezone favorite

4:18Kita pake

4:20Vanilla aja Mas

4:22Langsung dari web aja

4:24Iya

4:26Gak pake

4:28Udah pernah kita bahas kan Intel ya

4:34Udah sedikit

4:36Sudah, sudah pernah kita single sekali

4:40Tadi dulu tentang apa lupa? Kayaknya

4:42Internationalization

4:44Bukan, WIP ya?

4:46Gak tau bahkan, gue gak inget sih

4:48Kita pernah bahas that time atau enggak

4:50Kita berusul ke studio Ekstot lho

4:52Udah lupa ya

4:54Kita bahasa khusus Intel

4:56Internationalization

4:58Intel, terus ada warranty gitu ya

5:02That time belum, aman

5:04That time belum

5:06Masih bisa ya

5:08Tapi malam ini kita gak bahas

5:10Tentang that time

5:12Intel dan lain-lain, tapi kita akan bahas

5:14Kita bahas temanya agak kuburan

5:16Bikit ya, eh, agak horror

5:18Tentang kuburan teknologi

5:20Ada yang udah alam marhum

5:24Ada juga yang masih exist, tapi

5:26Ada yang sekarat

5:28Atau ada yang masih

5:30Masih hidup, tapi gak terlalu

5:32Beken

5:34Ini juga salah satu topik yang disarankan

5:36oleh penonton ya, salah satu penonton

5:38Jadi, kalau temen-temen punya

5:40Topik, ide topik, boleh langsung

5:42Di, apa, langsung

5:44Di, langsung buka aja

5:46Website-nya

5:48Kita butuh banyak

5:52Saran topik, supaya

5:54Bisa tau juga, temen-temen, intresnya kemana

5:56Dan kalau kita lagi bingung, kita bisa

5:58Tinggal ambil aja

6:00Apa, daftar topik

6:02Yang sudah cukup banyak, yang masih banyak ya

6:04Kita masih banyak bahasan-bahasan

6:06Belum lagi kita mau bahas TensorFlow.js kan

6:08Nunggu tesisnya Mas Doni

6:10Ya, makanya kita nyemangatin mas Doni

6:14Semoga lancar kan, segala macam

6:16Cepet sidang, abis itu kita live stream

6:18Langsung kita live streaming

6:20Kita ini, apa namanya

6:22Kita sidang

6:24Tesisnya dulu ya, jadi ada

6:26Prasidang, namanya kita prasidang

6:28Titip, pak, pak, ini

6:32Templating language ya

6:34Itu juga serutu, kaya pak, mustache

6:36Apa, blade

6:38Handlebars

6:40Fenomena templating language

6:42Nah, ditulis dulu

6:44Oke

6:46Kita akan bahas

6:48Teknologi-teknologi jadul yang ada

6:50Di web, baik itu yang sudah

6:52Almarhum, ataupun yang masih

6:54Exist, tapi sudah jarang dipakai

6:56Mungkin ada yang pakai, tapi kita gak tahu

6:58Dan mungkin sudah sangat jarang sekali ya

7:00Mungkin bergeser penggunaannya

7:02Sudah tidak common

7:04Nah, itu bahasa lebih tepatnya

7:06Cuma tidak un-hype ya

7:08Oke, kita mulai dari mana

7:10Yang paling

7:12Ini dulu kali ya, paling

7:14Head work dulu

7:16Kita coba tanya-tanya audience

7:18Nanti, coba bikinkan pertanyaannya

7:20Nanti audience bisa jawab

7:22Di

7:24Kolom komentar

7:26Dan kita lanjutkan

7:28Topiknya

7:30Maksudnya

7:32Saya tanya ini apa

7:34Top 3

7:36Teknologi yang pernah kalian pakai dulu

7:38Di web, tapi sekarang sudah

7:40Enggak pakai

7:42Iya

7:44Nah, ini sudah dibahas nih

7:46Nah, itu ada flash

7:48Flash

7:50Iyap

7:52Jaman dulu, ini kita kaya

7:54Kerita dongeng gitu ya

7:56Kakek dulu

7:58Tahun berapa itu kita pakai flash

8:00Tahun berapa kita pakai flash

8:02Sebelum adobe kan ya

8:04Sebelum adobe

8:06Macromedia

8:08Jadi dulu flash itu dibuat

8:10Macromedia

8:12Ini dia

8:14Jadi

8:16Sebenarnya awalnya itu

8:18Adalah software untuk bikin animasi

8:20R2

8:22Dan lain-lain, karena dia kan timeline

8:24Basis animasi gitu kan

8:26Grafis ya, ada layer-layernya

8:28Terus ada kaya apa

8:30Animasi kaya

8:32Timeline animasi

8:34Ada kaya keyframe kita bisa

8:36Twinning gitulah, misalnya dari atas

8:38Kebawah, kita setting keyframenya

8:40Dia bisa generate twinning sendiri

8:42Iya

8:44Dan ternyata banyak juga

8:46Yang menggunakan untuk design web

8:48Jadinya, karena

8:50Memang kemudahan di GUI-nya ya, gampang

8:52Gitu kan, bisa di drag and drop

8:54Bahkan bikin button pun pakai flash waktu dulu

8:56Ada full

8:58Web yang full flash

9:00Ada yang

9:02Web biasa, tapi misalkan buttonnya itu flash

9:04Karena ada animasi kalo on click

9:06Atau on hover dia akan

9:08Warnanya, effectnya macem-macem

9:10Blinking dan lain-lainnya

9:12Itu dibuat pakai flash

9:14Ada juga yang

9:16Full, jadi sebelum kita buka

9:18Begitu kita buka, misalkan www

9:20Ivancristianto.com gitu kan

9:22Tiba-tiba ada loading back

9:24Loading, satu

9:26Seluruh executable flash ya

9:28Berarti

9:30Tetapi itu

9:32Membutuhkan

9:34Flash extension

9:36Di browsernya

9:38Padahal kalo diingat-ingat

9:42Kalo kita bikin website

9:44Atau aplikasi web di

9:46Flash, itu

9:48Aksesibility nya gak ada

9:50Gak bisa diserah

9:52Sebetulnya, karena kan

9:54Bukan untuk itu

9:56Bukan untuk media web ya

9:58Cuma, mungkin dulu kan

10:00Dome, manipulasi dome

10:02Masih sulit

10:04Browser masih gak compact

10:06Satu sama lain ya, jadi ya udah

10:08Kebetulan ada teknologi flash

10:10Yang mana itu sebenernya gak salah, karena untuk

10:12Animasi dan game ya

10:14Cuma kan enak tuh buat developer

10:16Konsisten, ada eventnya

10:18Bisa bikin event on click

10:20Bisa bikin ini itu, bisa masukin text

10:22Ya udah, dipake aja

10:24Tapi emang sebenernya kayak gak sesuai code rednya aja

10:26Nah, disini udah disebutkan

10:28Bahwa flash itu akhirnya ketemu

10:30Ketemu user yang cocok, yaitu

10:32Di bagian multimedia

10:34Content dan

10:36Browser game

10:38Kalo dulu kita main game, pake flash itu

10:40Kayaknya umum ya

10:42Bahkan awalnya youtube pun itu masih flash

10:44Awalnya

10:46Youtube video itu awalnya masih flash

10:48Oh buat playing videonya

10:50Setiangnya itu ya flash berarti

10:52Dia bisa buat embed video

10:54Betul

10:56Akhirnya

10:58Di apa

11:00Flash ini secara resmi dibunuh

11:02Oleh Apple, karena Apple menyatakan

11:04Bahwa, kalo device

11:06Yang menggunakan flash

11:08Baterainya draining, baterainya cepet drop

11:10Habis baterai

11:12Jadi mereka gak mau

11:14Akhirnya mereka memutuskan

11:16Untuk

11:18Tidak mengizinkan flash di

11:20Apple device

11:22Ini 2010 ya

11:26Jadi, gue tuh punya

11:28Pengalaman aneh pake flash, justru dulu

11:30Belum programming

11:32Belum webdev sama sekali, belum programming

11:34Kayak 2008, 2009

11:36Ya, mulai 2006

11:38Gitu, pernah iseng

11:40Bujur flash, beli buku

11:42Dulu masih jaman, beli buku fisik

11:44Jaman aneh, udah dulu

11:46Pasti di itu ya, toga apa?

11:48Toga mas

11:50Nah tuh, yang kuliah jobnya masih tau

11:54Sekarang kayaknya udah gak ada deh

11:56Itu yang sampingnya ada cafe itu

11:58Tempatnya

12:00Toko buku, tempatnya buku murah

12:02Ya itu deh, pokoknya belajar flash

12:04Terus kayak yang 2008, 2009

12:06Masih kadang ada

12:08Freelancen kerjaan

12:10Bikin flash, tapi itu justru

12:12Gak dalam konteks pemerugaman

12:14Atau konteks web sama sekali

12:16Ya walaupun ada scriptnya kan

12:18Simple banget tuh, cuma event

12:20Buat munculin apa, terus

12:22Kayak pernah bikin yearbook

12:24Ke orang kuliah apa gitu

12:26Apapunnya dapat kerjaan random dari flash

12:28Cuma

12:30Pas itu malah dikompilenya

12:32Ke executable, ditaruh

12:34Ke CBR, jadi apa?

12:36Gitu, buka CBR

12:38Langsung, kayak langsung

12:40Keluar menu-nya, dan itu

12:42Mungkin, kalau dia pikir-pikir

12:44Sekarang, kocak juga sih, karena itu

12:46Kan konsep-konsep UI itu beberapa

12:48Ada disitu, jadi kayak event

12:50Ngeklik sesuatu, ngerender ini

12:52Kondisional event, itu hal-hal

12:54Yang mirip banget sama

12:56Pemerugaman UI, tapi secara gak sadar

12:58Bikin itu tanpa ngerti

13:00Sebelum

13:02Belajar pemerugaman atau web dev

13:04Yang sama sekali

13:06Kenangan tentang flash

13:08Ini kayak obituary gitu ya

13:10Tapi gak ada akses dom kan dia

13:12Dia cuman kayak kita taruh

13:14Oh gak bisa, dia kan isolated

13:16Dan yang membuat

13:18Flash itu menjadi powerful

13:20Dan juga banyak digunakan di web

13:22Adalah action script

13:24Action script ini

13:26Anjir, user name-nya

13:28Pori

13:30Wah, ngeri ya

13:32Action script ini

13:34Adalah cikal bakal dari

13:36IS3

13:38Kalau gak salah

13:40Oh

13:42Jadi dia awalnya kan

13:44Ya, JavaScript awalnya kan

13:46Dibuat untuk

13:48Membantu misalkan

13:50Validasi email di form

13:52Gitu kan

13:54Ketika on-click mungkin lari ke

13:56Halaman lain

13:58Yang sederhana-sederhana lah, gak ada interaksi

14:00Yang terlalu dibanai gimana kan

14:02Akhirnya

14:04Apa, action script ini

14:06Muncul dengan

14:08Syntax yang mirip-mirip dengan

14:10JavaScript, atau C line juice lah ya

14:12Si family gitu kan

14:14Dan akhirnya

14:16Gameplementation

14:18Oleh

14:20JavaScript menjadi, yang sekarang

14:22Menjadi JavaScript

14:24Gitu

14:26Kalau dulu dia

14:28Di gunakan ya untuk

14:30Ya, kita bisa buat bener-bener

14:32Animasi tanpa menggunakan

14:34GUI, kita bisa pakai action script

14:36Sebenarnya, tapi kan cape ya

14:38Harus bikin misalkan lingkaran

14:40Terus bikin kotak

14:42Dengan coding kan ya

14:44Bisa aja gitu, tapi cape, sama aja kayak

14:46Swift sekarang ya, atau

14:48Objektivisi dulu ya, kalau di

14:50Xcode gitu kan kita bisa pakai GUI

14:52Atau kita bisa pakai coding kan

14:54Kita bisa bikin button dengan coding

14:56Maksudnya, banyak orang ya

14:58Tinggal bikin button, tinggal di drag and drop

15:00Lebih gampang, gitu kan

15:02Jadi, itulah salah satu

15:04Yang saya pelajari juga, di action script

15:06Jadi awal-awal dulu belajar Flash

15:08Pengen bikin website keren

15:10Pake Flash kan, belajar action script

15:12Yang ternyata kepake

15:14Sampai sekarang

15:16Cuma kalau diliat Syntaxnya, JavaScript banget sih

15:18Maksudnya, apa

15:20Mirip banget sama JavaScript dan web

15:22API, ya kali saling

15:24Influence kali ya, itu di paling bawah

15:26Itu di wikinya

15:28Ada contohnya nggak?

15:30Ada, ada, di paling bawah

15:32Tapi dia mengedepankan

15:34Object-oriented ya

15:36Cuma Object-oriented aja, tapi

15:38Kalau dari Syntaxnya, kayak create text

15:40With the text

15:42Dan ini

15:44Ini TypeScript

15:46Ada type-nya

15:48Jadi ini kombinasi

15:50Kombinasi JavaScript

15:52Sama, apa ya

15:54PHP apa, C

15:56Lebih kerasi, kerasi

15:58Ya, C

16:00Cuma kalau C, kebalik

16:02Type-nya duluan

16:04Ini JavaScript sih ya

16:06TypeScript

16:08Dia kayaknya ngikutin

16:10Eigma script yang awal

16:12Tapi kemudian di

16:14Extend, atau

16:16Ditambah-tambahin gitu

16:18Karena kalau secara

16:20Syntax itu kayak var

16:22Itu kan dulu, zaman dulu untuk variable kan

16:24Var, terus new

16:26Terus, seperti this juga

16:28Menggunakan Syntax-syntax

16:30Yang sangat-sangat mirip dengan JavaScript

16:32Dan akhirnya malah menjadi

16:34Apa

16:36Menjadi

16:38Fondasi untuk

16:40Eigma script versi 3, kalau nggak salah

16:42Ya, diintegrasikan kali ya

16:44Diintegrasikan, iya

16:46Karena penggunanya banyak kan

16:48Pasti pas

16:50Eigma script dibikin kan, salah satu pertimbangannya

16:52Developer udah familiar atau belum

16:54Nah, mungkin karena dulu

16:56Banyak yang pakai, mungkin ya udahlah

16:58Biar developer senang

17:00Iya, betul

17:02Nah, ini juga salah satu kendala

17:04Dalam menggunakan Flash

17:06Kalau internet-nya lemot, lama banget loading-nya ya

17:08Kita nungguin

17:10Karena berat ya, karena dia binary kan sebetulnya kan

17:12Iya, dia nge-load semua

17:14Satu container di-load

17:16Semuanya, library-library-nya

17:18Semua di-download

17:20Baru bisa ditampilin

17:22Jadi beda banget ya kayak

17:24Filosofinya sama web, jaman sekarang kan lazy-load

17:26Semua kan, semua bisa dibikin

17:28Namun yang di-load itu

17:30Ininya ya, executable-nya ya

17:32Sedangkan library untuk

17:34Ngetranslate-nya ke, untuk bisa

17:36Dijalanin oleh browser

17:38Di-extension ya kan

17:40Sudah harus di-install dulu

17:42Oleh si computer client

17:44Iya

17:46Kalau ke-warnet terus gak ada extension-nya

17:48Bingung deh, tinggal kota kosong sama ada

17:50Lagu apa, lagu puzzle gitu

17:52Lagu puzzle gitu

17:54Nah, tuh, tuh ada komennya

17:56Flash plugin-nya dulu ya

17:58Flash player

18:00Ya, Flash player

18:02Nah, ngomongin Flash, ada temennya, Dreamweaver

18:04Di sini siapa?

18:06Pake Dreamweaver

18:08Saya dulu pake Dreamweaver

18:10Buat makromedia

18:12Dreamweaver jaman itu

18:14Iya, jadi kalau sudah

18:16Sudah

18:18Kalau nge-develop web

18:20Jaman itu kan masih HTML4

18:22Kebawah ya, HTML4

18:24Masih serba table layout

18:26Itu, jadi kalau

18:28Mau bangun web

18:30Bikin dulu table paling besar

18:32Terus bikin table yang pertama headed

18:34Terus table kecil, table-table, table-table

18:36Nasty table semuanya

18:38Terus kalau sudah ada kontennya overflow

18:40"Nih yang mana?"

18:42Iya, tapi

18:44Dreamweaver itu

18:46Drag-n-drop

18:48Sudah drag-n-drop

18:50Katanya sih

18:56Namun ya, nggak juga

18:58Ya, nggak bisa 100%

19:00Tapi kan secara konsep

19:02Aplikasinya

19:04Iya

19:06Si makromedia Dreamweaver ini punya saingan

19:08Punyanya Microsoft

19:10Front page

19:12Nah

19:14Kalau Dreamweaver

19:16Hasil HTML-nya cukup bagus

19:18Front page, gampang isinya banyak

19:20Aneh-aneh

19:22Tapi keduanya sama-sama bisa dilihat

19:24Code-nya, jadi kalau

19:26Orang-orang jaman dulu yang

19:28Gatau sama sekali itu apa

19:30Lagi belajar, tiba-tiba bisa ngintip

19:32Code-nya, pasti pertama bingung aget ini apaan

19:34Tapi lama-lama, oh oke

19:36Namun berkembang

19:38Setelah itu semuanya nggak pake

19:42Front page lagi, nggak pake Dreamweaver kayaknya

19:44Lanjut ke Notepad++

19:46Notepad++

19:48Yang logonya apa sih

19:50Cameleon

19:52Bunglon

19:54Bunglon

19:56Belum ada sublime

20:02Tapi penasaran dengan

20:04Kita bahas editor

20:06Tidak, penasaran dengan

20:12Trendnya ya

20:14Yang awalnya YCW, terus balik lagi ke text editor

20:16Atau ke code editor yang nggak YCW

20:18Karena YCW-nya

20:20Itu tadi agak repotin justru

20:22Malah tambah sulit

20:24Banyak sampahnya

20:26Padahal kita dibaginya

20:28Dengan cara ngedit kodenya

20:30Jadi ya setelah YCW kan

20:32Lama mungkin hype karena asik banget

20:34Kayak pake dokumen editor

20:36Kayak microsoft work nih

20:38Tinggal ketik masuk-masukin bisa wow

20:40Senangnya, terus abis itu kan biasa

20:42Kalau ada teknologi baru naik

20:44Terus kena isu, mulai pada turun

20:46Oh susah, kredit, tetap aja

20:48Kudu di edit dari HTML-nya

20:50Mendingan ketik sendiri gitu ya

20:52Ya udah lebih cepet dan lebih oke

20:54Ketik sendiri, ada syntax highlighting yang bagus

20:56Rapih

20:58Terus abis itu sekarang balik lagi

21:00Kalau apa, ada

21:02Ya balik maksudnya

21:04Sekarang yang next generation ya

21:06Kayak webflow

21:08Kayak webflow

21:10Ada Wix editor

21:12Oh yang baru yang punya

21:14Yang si itu, quick.io

21:16Ada kan builder ya

21:18Wix juga bikin itu

21:20Tapi buat react namanya

21:22Ah lupa, ada pokoknya yang buat react

21:24Ada yang drag and drop juga

21:26Bahkan ada yang dari Figma bisa langsung

21:28Digenerate jadi code

21:30Itu juga ada

21:32Ya, jadi

21:34Puter-puter aja tuh

21:36Trendnya ya

21:38Kayak client side

21:40Sama SSR dan lain-lain sih

21:42Muter-muter terus

21:44Kita balik lagi, ujung-ujungnya

21:46Semua balik ke film

21:48Nah, lanjut lagi

21:54Masih di satu

21:56Produk ya, dari si Adobe

21:58Ada yang tau Adobe R

22:00Tahu

22:02Adobe R ini adalah

22:04Versi awal dari

22:06Hybrid ya

22:08Jadi kalau mau bikin aplikasi

22:10Desktop, aplikasi mobile

22:12Itu Adobe ada produk

22:14Yang namanya Adobe R, jadi kita bisa pakai

22:16Flash, kita bisa pakai

22:18Action script, atau kita bisa pakai

22:20HTML, CSS

22:22Ini saingannya set for like ya

22:24Kalau di Microsoft itu set for like

22:26Ini tuh masih udah nggak dipake tapi

22:32Udah obsolete atau

22:34Udah ini kayaknya

22:36Udah dibunuh

22:38Soalnya kayaknya sempat ada period

22:40Berapa tahun gitu, kayak Adobe itu

22:42Push ini banget

22:44Dan bahkan misalnya mau pakai layanan

22:46Apa ya, Adobe yang

22:48XB ya, yang buat

22:50Prototype, yang dulu

22:52Cuma segala macem

22:54Pokoknya mau pakai kode Adobe apapun

22:56Harus lewat R

22:58Ingat banget tuh, masih belum terlalu lama

23:00Kayaknya ya, berapa tahun, ya 5 tahun

23:02Lantai yang lalu

23:04Kita harus install runtime-nya juga kan ya

23:06Satu

23:08Cuma satu executeable gitu

23:10Satu bannerina

23:12Iya, dia bisa di

23:14App Store, bisa Google Play juga ya

23:16Bisa multi platform ya

23:18Tapi berarti

23:20Oh iya, kayaknya sekarang udah nggak

23:22Gak pernah lihat lagi

23:24Udah nggak, kayaknya udah

23:26Udah selesai

23:28Jadi sebenarnya tadi

23:30Kalau si Flash tuh, apa?

23:32Dibunuhnya gara-gara pembunuh utamanya

23:34Si Apple, si Steve Jobs

23:36Nah, terus ya udah

23:38Kalau Safari nggak support kan, udah lewat

23:40Developer nggak mau, nah kalau si R ini

23:42Berarti sama Adobe-nya sendiri ya

23:44Bisa dibilang

23:46Kayak mulai diturunin, mulai nggak

23:48Di prioritas sama Adobe-nya sendiri

23:50Karena ada teknologi lain

23:52Yang mulai bekembang, HTML5

23:54Terus kemudian

23:56Web API

23:58Interactivity sudah mulai

24:00Bagus

24:02Ini kan udah 2019

24:04Kayaknya abis itu 2020

24:06Kayaknya ya udah, mending masuk kostum sekalian kali ya

24:08Web Assembly buat yang

24:10Apa

24:12Aplikasi web

24:14Salah satu pembunuhnya ini

24:16Cordova

24:18Yang hybrid juga

24:20Hybrid juga

24:22Jadi kita bisa nulis

24:24HTML, CSS, JavaScript

24:26Tapi untuk mobile

24:28Dia mungkin desktop belum bisa ya

24:30Untuk mobile, pada saat itu

24:32Sekarang mungkin udah bisa nih, udah ada logonya

24:34Pada saat itu, hanya untuk mobile

24:36Tapi bedanya adalah

24:38Bukan bedanya ya

24:40Yang menariknya adalah si Cordova ini

24:42Menyediakan API-API

24:44Yang mengaktifkan kapabilitas

24:46Misalkan kamera

24:48Kemudian GPS

24:50Astrolab Method

24:52Dan lain-lain

24:54Dia menyediakan API-nya

24:56Jadi bukan hanya HTML, CSS, JavaScript

24:58Kayak web yang dibundling jadi app

25:00Tapi juga ada kapabilitas-kapabilitas yang

25:02Hanya ada

25:04Jika pakai runtimenya Cordova

25:06Oh iya

25:08Yang lambat tahun tergantikan

25:10Gara-gara sekarang web juga kapabilitasnya udah

25:12Banyak banget kan

25:14Kalau dulu kan belum ada sama sekali kan

25:16Kita mau bikin aplikasi web

25:18Mobile itu harus

25:20Kalau nggak Android ya OOS dengan native

25:22Mereka muncul

25:24Dan

25:28Ya pakainya ya kayak kita bikin aplikasi web biasa

25:30Ya walaupun secara performa

25:32Agak itu ya

25:34Agak jengky

25:36Pasti lebih lambat karena dia ada

25:38Translations layer-nya kan

25:42Ya jadi dia kayak buka browser

25:44Terus ya udah

25:46Aplikasi kita jalan di browser itu

25:48Kalau aplikasi kita lambat pada saat

25:50Dia dibuka browser ya

25:52Dia juga ikutan lambat

25:54Tanpa dia ada ikutin

25:56Library-library-nya dia kan

25:58Jadi agak besar ukurannya

26:00Oh tetep ada base

26:02Kayak ada base JavaScriptnya berarti ya

26:04Ada kayak runtimenya

26:06Dia punya runtime sendiri kan

26:08Buat menerjemahkan

26:10Sekarang sudah tergantikan

26:12Reakt native

26:14Flutter

26:16Dulu di .NET

26:18Ada tuh namanya apa ya? Samarin

26:20Ya itulah

26:22Kayak kita flashback

26:26Lagi sedikit sebelum

26:28Adobe Air

26:30ActiveX

26:32Itu apa?

26:34Gak ngerti sama sekali

26:36Ini adalah bootcamp paling keren? Oh bukan ya salah

26:40Kalau ada inget nih

26:42ActiveX ini hanya ada di EA

26:44Di Windows

26:46Windows only ya

26:48Itu apa?

26:50Dia seperti

26:52Apa ya

26:54Bayangkan aja dia sama

26:56Seperti Flash tetapi dia sudah nembel

26:58Di Internet Explorer secara native

27:00Di download lagi

27:02Dan jaman itu kan

27:04Internet Explorer

27:06Salah satu

27:08Apa namanya

27:10Top 3 browser

27:12Jadi semua diship dengan

27:14ActiveX jadi semua yang pakai Windows dan EA

27:16Bisa menggunakan

27:18ActiveX teknologi

27:20Sama mirip dengan

27:22Tapi bukan kayak Flash ya tapi sudah ada kayak scriptingnya

27:24Jadi kayak

27:26Dia kayak ada library

27:28Dia kayak jadi jembatan

27:30Paling atas component object model

27:32Dan

27:34Library linking DLL

27:36DLL

27:38Jadi

27:40Kalau kita develop pakai

27:42VBScript

27:44Atau pakai

27:46Bahkan bisa pakai C# jaman itu

27:50Pakai Visual Studio itu ya

27:52Jadi kalau misalnya kita mau kayak connect ke

27:54Apa namanya

28:00Komponen-komponen yang ada di Windows

28:02Mau akses DLL-nya

28:04Kita akses DLL

28:06Contohnya seperti

28:08Mau akses

28:10Data yang dari Excel

28:12Itu bisa

28:14Bisa dari si

28:16ActiveX ini

28:18Akses ke Microsoft Access

28:20Ya kan

28:22Itu aplikasi di Windowsnya

28:24Sedangkan kita di web

28:26Tapi mau connect ke Access itu bisa pakai

28:28Di component object modelnya itu

28:30Itu sudah disini

28:32Yang jembatannya sama si ActiveX

28:34Itu kayak buat ekosistem

28:36Dia sendiri ya

28:38Jadi behavior-nya itu malah kayak

28:40Native

28:42Library ya

28:44Native Windows library kan

28:46Otomatis harus di Windows kan

28:48Tapi platform dia sendiri semua

28:50Nah, tapi ini ada nih

28:52Mozilla

28:54ActiveX control

28:56Was last update in 2005

28:58Script active

29:00For Netscape Navigator ternyata

29:02Ada yang bikin kayaknya

29:04Bahkan Google com juga bisa jalan ActiveX

29:06Tapi gak harus pakai semacam

29:08Plugin ya

29:10Nah, baru tau saya

29:12Nah

29:14ActiveX ini sama

29:16Java Applet itu

29:18Siapa yang duluan

29:20Buka aja Java Applet

29:22Gak tau, kayaknya

29:24Java Applet punya

29:26Punya Sun

29:28Ya, jadi

29:30Coba kita liat

29:32Java Applet, karena itu 1

29:3411, 12

29:36Ya, buat juga

29:38Jadi untuk

29:40Oh ini sebelum flash bahkan

29:42Sebelum flash

29:44Sebelum flash

29:4695, ini 12, 14, 19, 19

29:4817

29:501,995

29:56Face out

29:58Eka, kenapa Eka

30:00Iya, tadi sempat

30:02Ini hilang sebentar

30:04Oh hilang lagi

30:06Gimana, gimana

30:08Aman, aman

30:10Mulai dihilangkan

30:12Mulai dibunuh tahun 2013

30:14Bayangin

30:16Major web browsers begin to

30:18Face out support

30:20Sempat ada itu kan

30:22Kita kan kalau dulu install

30:24Browser, habis install browser

30:26Install Flash

30:28Install Java

30:30Kita install Java juga

30:32supaya Rana, Rana situsnya pakai

30:34Applet

30:36Ini sebelum flash

30:38Habis itu dia tergerus oleh flash

30:40Habis itu dia mati gitu kan

30:42Jadi ini tuh

30:44Sebetulnya untuk canvas ya, kayak untuk

30:46Apa sih? Buat

30:48Grafik

30:50Buat game, buat ini

30:52Buat apapun yang pakai Java

30:54Iya

30:56Tapi konsepnya sama ya

30:58Sandbox juga ya, jadi harus

31:00Kita nunggu download dulu kan

31:02Download loading dulu kan

31:04Iya, betul

31:06Jadi orang-orang ada banyak

31:08Yang bikin ya buat game

31:10Terutama yang interaksi ya

31:12Interactivity

31:14Ya, buat interactif

31:16Tapi

31:18Kita harus punya

31:20Berarti sama ya sama Flash ya

31:22Kurang lebih ya, cuma teknologinya berbeda

31:24Iya karena

31:26Ingat gak, sekarang kita coba

31:28Tarik berang merah, ActiveX bikin sendiri

31:30Java bikin sendiri

31:32Flash bikin sendiri

31:34Silverlight nanti

31:36Ya itu aja

31:38Lanjutinnya Silverlight

31:40Lanjut lagi Adobe Air

31:42Tapi akhirnya kan

31:44Bercabang-cabang semua kan

31:46Dan proprietary, sebagian

31:48Ya ada yang punya perusahaan

31:50Flash kan punya perusahaan

31:52Apa tadi yang di EE doang

31:54Punyanya Microsoft

31:56Akhirnya para

31:58Kompany-kompany itu sudah mulai

32:00Kok kita kayaknya

32:02Bikin sendiri-sendiri gak ada yang jadi

32:04Akhirnya

32:06Terjadilah konsorsium

32:08Kembali lagi kita ke topic kita

32:10Web standar

32:12Web standar

32:14Keuntungannya menggunakan satu

32:16Standar yang gak

32:18Dimiliki salah satu pihak

32:20Doang

32:22Oke

32:24Nah

32:26Terus abis itu, kita ngomongin apa lagi nih

32:28Ngomongin

32:30Tentang

32:32Ada yang tulis Gwt itu, paling terakhir

32:34Gwt apaan sih

32:36Google Web Toolkit

32:38Google Web Toolkit

32:40Itu apa?

32:42Kita modingnya pakai Java, jadi HTML, bener gak?

32:44Kalau gak salah JavaScript

32:46Library juga kan itu

32:48Itu kan dulu Gmail

32:50Gmail bikinnya pakai Gwt

32:52Gwt, Google Web Toolkit

32:54Topik jebakan umur

32:56Tapi masih muda kok

33:00Masih muda

33:02Kebalikannya, udah tua cuma

33:04Belajar webdivnya telat

33:06Jadi gak pernah jebakan umur

33:12Gwt, Google Web Toolkit

33:14Jadi Java itu dulu

33:16Seinfluensial itu ya

33:18Walaupun sekarang gak direkli

33:20Dipakai di teknologi web

33:22Tapi menginspir

33:24Macam-macam program library

33:26Yang jadi pionir

33:28Interaktifitas web

33:30Dia kan ada 3 kan

33:32Java Enterprise

33:34G2II

33:36Ada Java Standard Edition

33:38Yang buat desktop

33:40G2ME

33:42Java Mobile Edition

33:44Yang Enterprise kayaknya masih

33:46Yang sekarang

33:48G2SE ya tentu masih dipakai juga

33:50J2EE

33:52G2EE

33:54G2EE yang Enterprise

33:56G2SE yang biasa

33:58Bahkan kayak game kayak Minecraft gitu

34:00Masih pakai Java

34:02Terus yang G2ME

34:04Bertransformasi menjadi Android

34:08Terus jaraknya

34:10Iya kan Android Java kan

34:12Tapi dia gak pakai G2ME

34:14Gak pakai G2ME Standard maksudnya

34:16Dia pakai forkingnya

34:18Dulu kok gak salah Gwt

34:24Gwt ini sayangannya sama

34:26XTGS deh kalo gak salah

34:28Karena saya barengan

34:30Kalo waktu belajar

34:32Gwt

34:34Tapi sebelum itu sebelum saya

34:36Tapi aku sisi deh

34:38Kalo gak salah ya

34:40Karena dulu setau saya itu XTGS

34:42Berdiri sendiri

34:44XTGS ini adalah

34:46Framework

34:48Tapi yang Enterprise yang berbayar ya

34:50XTGS ya

34:52Ada yang gratis

34:54Ada yang gratis

34:56Itu berbayar kok tapi start

34:58Retail

35:00Ada yang download ada yang buy

35:02Oh itu kayaknya

35:04Yang bayar kali ya udah ada

35:06UI komponennya

35:08Sama kayak ini Tailwind sama Tailwind UI

35:10Mau pakai Tailwind sendiri

35:12Boleh

35:14Tapi harus ngolah lagi

35:16Mau plug and play

35:18Beli UI-nya

35:20Ini juga

35:22Kalo denger ceritanya

35:24Mas Arya Hidayat ya

35:26Yang dulu kerja di Senca

35:28Jadi zaman dulu XTGS itu udah ada

35:30State Management dan lain-lain

35:32State Management

35:34Jadi kayak berulang aja

35:36Bener-bener

35:38Yang build Senca

35:40Saya salah tadi

35:42Tapi dulu saya pakenya gratis

35:44Oh iya gratis

35:46Ini bajakan ya

35:48Enggak

35:50Ada Community

35:52Community Edition-nya

35:54Iya itu tailwind sama tailwind UI

35:56Kirain ngerental

35:58Di tempat si dibajatan itu loh

36:00Digejayan

36:02Digejayan

36:04Banyak dimana-mana

36:06Ini

36:08Inside Joke ya

36:10Bagi orang yang tidak tinggal di Joke-nya nggak tahu

36:12Joke-nya Bandung lah Bandung juga adil

36:16Orang Jakarta doang kayaknya yang nggak tahu

36:18Nah temennya XTGS

36:20Ya sebelum ini sebelum era jQuery kan

36:22Temennya XTGS ada namanya MUTULS

36:24Yep MUTULS

36:26Oh MUTULS pernah denger sih

36:28Karena dia UI juga ya

36:30Masih hidup kan

36:32Masih-masih-masih

36:34Ya ini jQuery sekali

36:38Contribute

36:42Ini GitHub-nya masih

36:442017

36:46Ya lumayan

36:486 tahun lalu

36:506-7 tahun

36:5212 tahun

36:54Isunya ada yang ini nggak sih

36:56Open masih mau

36:58Januari 2021 masih ada yang isu

37:02Nggak ada yang jawab

37:04Kalo ke inside

37:08So isunya deh Deprecate MUTULS

37:10Itu isu ketiga dari atas

37:12Network

37:18Forks

37:20Ya pasti banyak loh

37:22Itu 561

37:24Ada yang vokan di atas kanan

37:26Ya misalnya kita di kantor

37:30Atau tempat kerja dapet legacy code

37:32Ya nggak dapet buy in

37:34Rewrite dari awal

37:36Pakai teknologi yang baru mau nggak mau ya

37:38Vokan

37:40MUTULS

37:42Tadi ada yang menyebutkan salah satu

37:46Topik juga nih

37:48Salah satu yang

37:50Sekarang masih itu ya

37:52Itu IONIQ

37:54Jadi abis Cordova

37:56Muncul lagi IONIQ

37:58IONIQ itu dulu

38:00Hanya untuk angular

38:02Sekarang kompal ke custom element deh

38:04Ke web component

38:06Sekarang semua framework bisa

38:08Kayak Astral gitu

38:10Sekarang IONIQ

38:12Bukannya bikin mobil sekarang

38:14Apa itu

38:16Bukan mobil

38:18Brand ya

38:20Brand mobil

38:22Oh iya

38:24Di zaman itu juga ada namanya CloudFusion

38:26Betul, tapi gua nggak pernah pake ini CloudFusion

38:28Cloud ya, cold

38:30ColdFusion

38:32Ya nggak pernah pake

38:34Ini berarti

38:36Equivalent sama PSP

38:38Skripting lanjut lah ya

38:40Jadi backendnya ya

38:42Dan itu

38:44Ya PSP

38:46Ya itu dari makromedia

38:48Jadi sudah terintegrasi dengan

38:50Dreamweaver

38:52Oh makromedia dulu complete banget

38:54Berarti ya

38:56Complete sebelum dirusak

38:58Sebelum dirusak

39:00Wah ini ke proversi nih

39:06Semoga nggak ada orang yang memakromedia ya

39:10Eh nggak ada orang adobe ya

39:12Ini yang pengguna

39:16Ini yang pengguna nih

39:18Gimana nasi pecah di aku sih

39:20Mau dirusak juga

39:24Jadi makin bagus

39:26Dibunuh pelan-pelan

39:28XHTML

39:32XHTML apa? DHTML

39:34Dulu ada DHTML

39:36Duh itu sempat nyari

39:38Terus baca, terus nggak ngerti

39:40Terus ah udah, budo amat

39:42Ada DHTML, ada XHTML

39:44DHTML itu sebenarnya kayaknya

39:46Ya buat client side interactivity

39:48Juga kayak buat

39:50Alert atau to come to my website

39:52Terus dulu yang nge-trend

39:54Ngarang right click dong

39:56Diblokir right click nya biar nggak

39:58Mopi atau

40:00Mopi content atau nge-save image

40:02Tapi syntaxnya sih kayaknya

40:04Ya mirip javascript standard

40:06Javascript ya gue

40:08Jadi dari syntax udah

40:10Javascript basically

40:12Itu teknologi apa ya

40:14DHTML, XHTML

40:16Maksudnya itu dari mana ya

40:18Kan non-standard ya

40:20Kalau yang

40:22Kalau saya DHTML kurang

40:24Begitu ngerti gimana

40:26Kalau XHTML nya itu dia kayak ada

40:28HTML tetapi diextend

40:30Pake XML syntax rule

40:32Itu sih maksudnya

40:36Untuk

40:38Dulu sih diciptakan supaya interrupt

40:40Dan data format

40:42Tapi gimana

40:44Ceritanya gue nggak tahu sih

40:46Dulu nya gimana tapi sekarang udah nggak

40:48Dipake lagi sudah outdated

40:50Kalau deh DHTML itu

40:52Sebenernya cuma

40:54Cuma terminologi doang

40:56Kalau DHTML dynamic XHTML

40:58XHTML apa nih

41:00Ini kayaknya cuma

41:02Basuits doang deh

41:04DHTML itu

41:06Adalah

41:08Kawasan

41:10Di muka sebelum kita masuk ke

41:12HTML CSS Javascript yang kita kenal

41:14Sekarang dengan interactivitas

41:16Terus ada Ajax

41:18Nah itu masuk di HTML dulu

41:20XHTML HTTP request

41:22Bisa request

41:24Bisa konika API

41:26Kalau dulu kan setiap kali kita mau

41:28Update yang ada di halaman kan

41:30Harus refresh

41:32Biar kalin dengan cara

41:34Biar kalin dengan cara

41:36Kita setiap

41:38Berapa detik kita refresh gitu kan

41:40Refresh manual gitu kan

41:42Auto refresh

41:44Perspektif Ajax

41:46Asynchronous Javascript ya

41:48Itu pertama katanya Javascript

41:50Kan by default sebetulnya

41:52Synchronous, thread blocking

41:54Sekarang bisa dibikin asynchronous

41:56Itu ada satu lagi itu

41:58Yang terakhir itu Soap

42:00Nah itu juga

42:02XHTML HTTP request

42:04Ada pake Soap

42:06Protocol

42:08Protocol buat

42:10Semacam REST API gak? Bener gak sih?

42:12Simple Object Assess Protocol

42:14Like XHTML base

42:16Seperti untuk XHTML

42:18Tapi

42:20Dia lebih

42:22Lebih kecil gitu

42:24Ceritanya

42:26Gak itu ya, gak bertahan lama ya

42:30Tergerus oleh

42:32JSON dan REST API

42:34Beda-beda

42:38Dia bedanya kayak RPC kan

42:40Beda, oh baru ngerti

42:42RPC, Remote Procedure Call

42:44Jadi

42:48Dia

42:50Gimana ya caranya, kayak

42:52Dia narik

42:54Terus dia

42:56Yang dikirimkan itu cuma basisnya doang

42:58Protokolnya, eh apa, prosedurnya gitu

43:00Udah

43:02Udah gak ini lagi

43:04Sudah gak paham lagi

43:06Sudah

43:08Udah digantikan dengan REST API

43:10Udah digantikan

43:12Iya banyak

43:14Langsung hilang tiba-tiba

43:16Karena REST API

43:18Dan JSON ternyata lebih

43:20Makes sense, daripada XML

43:22Susah

43:24Partingnya

43:26Kecuali yang

43:28Di environment Java itu masih banyak menggunakan

43:30XML

43:32Terutama kayak konfigurasi dan lain-lainnya

43:34Kalau sekarang kan banyak kan

43:36Kalau gak JSON

43:38Formatnya YAML

43:40Atau format-format yang baru yang lain

43:42Oke, tadi kita

43:44Ngomongin beberapa produk-produk ya

43:46Sekarang kita agak shifting sedikit

43:48Ke

43:50Komponen-komponen atau elemen-elemen

43:52HTML yang dulu

43:54Sering dipakai

43:56Yang udah, masih ada

43:58Tapi udah jarang dipakai

44:00Yang paling, yang pertama

44:04Yang kepikiran adalah Markui

44:06Markui

44:08Ada yang tau gak, ini fungsinya

44:10Buat apa

44:12Ini jubah-jubah kan umur nih

44:14Markui

44:16Ini kutuk banget sih

44:20Element, element ngacu banget

44:22Masa sih, dulu gue sering

44:24Pake ini untuk supaya interaktif

44:26Supaya menarik ya

44:28Kayaknya dulu itu

44:30Breakthrough banget pada jamannya

44:32Textnya bisa jalan

44:34Hanya dengan, tanpa, maksudnya tanpa

44:36Upload atau tanpa teknologi

44:38Ini masih jalan gak sih?

44:40Masih

44:42Hari Selasa kemarin

44:44Waktu saya demo-in

44:46HTML, CSS, JavaScript, saya kenalin

44:48Markui

44:50Walaupun yang lain pada gak tau kan, ya kita liatin

44:52Jalan gitu

44:54Itu masih jalan

44:56Tapi ada issue

44:58Useability kan, disini nih

45:00Tapi menarik ya, maksudnya browser

45:02Berarti backwards compatibility-nya

45:04Beneran dipikirin banget

45:06Bahkan element yang beneran agak useless

45:08Dan ya, ganggu

45:10Tetep aja di, sekian

45:12Sekian 10 tahun update

45:14Tetep dipake

45:16Dulu sangat

45:18Sering digunakan kalo untuk iklan

45:20Kayak

45:22Iklan baris gitu, nah itu sering tuh

45:24Muncul kayak gitu

45:26Situs berita di Indonesia

45:28Setus berita, betul

45:30Kayak di TV

45:32Bagian bawah itu jadi keren, oh iya

45:34Dan bukan, maksudnya

45:36Interaktifitas yang kayak gitu tuh

45:38Unexpected banget, bisa

45:40Cuma pake

45:42HTML element kan

45:44Tanpa harus scripting lainnya

45:46Iya

45:48Dulu juga ada konteks yang berbeda

45:50Mungkin dulu kan layar

45:52Computer kan gak sebesar

45:54Sekarang ya, yang ukurannya sudah

45:56720p, 1080p

45:58Bahkan 4K gitu kan

46:00Budeh, lebar gitu kan

46:02Kodo kan kecil-kecil, kita mau tulis panjang-panjang

46:04Kan susah, jadi kalo dibikin bisa scrolling

46:06Otomatis kan bisa dibaca, bener

46:08Ini si, si apa nih

46:10Damar, damar

46:12Biar kayak TV di bagian bawah itu kan jadi kebaca

46:14Kan tekstnya, tanpa mengganggu

46:16Mungkin

46:18Content utamanya

46:20Makanya ada

46:22Markie, terus apa lagi

46:24Table

46:26Jadi sebenernya table dengan

46:28Caveat nih

46:30Table, namanya, nama elementnya

46:32Aja table, ya harusnya

46:34Kan buat menampilkan data yang

46:36Tabular, ya

46:38Statistik atau semacamnya, jadi kan

46:40Mungkin karena mindsetnya

46:42Perspektifnya, cara pikirnya beda banget ya

46:44Antara, kayak misalnya

46:46Kalo flash atau apa

46:48Itu kan buat, dia punya environment

46:50Dia punya sandbox sendiri, sedangkan

46:52Kalo web itu kan

46:54Basisnya dokumen, dan harus semantik

46:56Masing-masing ada fungsinya, kayak

46:58Heading element, ya ada fungsinya

47:00Button, ada fungsinya buat dipencet

47:02Nah, ini table juga sama kan

47:04Dulu tuh table disalahkan

47:06Untuk bikin layout, karena

47:08Dulu tuh belum bisa tuh bikin kolom di kiri

47:10Text di kanan

47:12Eh, di tengah

47:14Float left, gitu ya

47:16Dulu float pun kayaknya belum ada ya

47:18Ini kan jaman HTML kan

47:20Soalnya

47:22Soalnya doang

47:24Itu kan sebenernya bukan konten buat

47:26Table, tapi

47:28Element table-nya, disalah gunain buat

47:30Layout

47:32Nah, ini pelakunya ya

47:34Dreamweaver sama front page ini

47:36Bener-bener

47:38Bahkan kalo pake Adobe Photoshop

47:40Kita bisa nge-slice image nih

47:42Image di Photoshop, di-slice

47:44Otomatis di-export, jadi

47:46HTML, dan aset-asetnya

47:48Yang bisa langsung dibuka dari

47:50Macromedia, udah jadi tabel

47:52Gimana tadi?

47:54Ada satu lagi, temennya

47:56Udah di-slicing, image-image nya

47:58Di-slicing, ditaro ke table

48:00Jadi kayak image gede gitu

48:02Tapi ada tabel-tabelnya, terus ada image map

48:04Ada inget gak, yang image map

48:06Jadi, image bisa di-clink

48:08Ke halaman berikutnya, jadi kayak anchor

48:10Tapi di image

48:12Oh iya, iya, iya

48:14Jadi misalkan, image-nya ada

48:16Ukurannya berapa ya, 800 x 800

48:18Misalkan, kalo kita klik di tengah

48:20Dia menuju ke halaman A

48:22Klik di kanan, dia menuju halaman B

48:24Itu ada namanya image map

48:26Jadi di-mapping image-nya

48:28Ada tambahan satu lagi

48:30Lu belum ada pemahaman aksesibilitas ya berarti

48:32Ada tambahan satu lagi

48:34Dengan model seperti ini, pake namanya

48:36Frame, jadi satu table

48:38Menunya halaman sendiri

48:40Frame sendiri

48:42Atasnya frame sendiri, jadi kalo di-click

48:44Di menu, yang diganti halaman ini

48:46Ngerti, makanya sampe sekarang

48:48Masih ada attribute target ya

48:50Di-encor, di A-element

48:52Kayaknya dulu target itu bisa dipake

48:54Buat frame targetnya kan

48:56Kalo gak salah ya

48:58Dan salah satu situs internet banking

49:00Bank di Indonesia masih pake lho

49:02Oh masih, iya

49:06Itu yang mana, yang initialnya

49:08BCA ya

49:10Initial itu

49:16BCA

49:18Masih lho

49:20Tapi masih working

49:22Working fine dan stable

49:24Itu programmer yang

49:26Web engineer yang

49:28Dapat deprecated

49:30Not, bukan deprecated

49:32Codenya yang degasi kayak gitu

49:34Yang mau dipapain lagi

49:36Cuma bisa maintain

49:38Apalagi banking kali ya

49:40Maksudnya kan, ngapain juga diubah-ubah

49:42Buat jadi lebih modern

49:44Ya mereka memperkuatkan security

49:46Atau apalah server side-nya

49:48Kalo teknologi front-endnya masih mau pake

49:50Frame ya, asal masih dengan

49:52Tidak ada complain

49:54Transaksi tetep lancar

49:56Yaudah

49:58Ada pertanyaan yang serupa

50:00Gimana kalo yang masuk ke situs bank itu

50:02Yang diserahkan untuk memaintain situs

50:04Internet banking-nya, ayo

50:06Ayo jawabnya gimana

50:08Minta bayaran lebih

50:10Besar

50:12Cuma kan, itu maksudnya tergantung

50:16Kita gimana ya

50:18Kalo kita masuk ke perusahaan yang besar

50:20Apalagi keuangan kan

50:22Harus prudens itu

50:24Kita gak bisa expect

50:26Terlalu breakthrough, kalo kita pengen adventure

50:28Ya masuknya ke startup

50:30Semacamnya lah biar bisa nyoba-nyoba

50:32Teknologi yang lucu-lucu

50:34Tapi juga sekarang banyak

50:36Bank, apalagi kan semenjak ada

50:38Bank digital kan banyak

50:40Bank-bank yang tradisional pun membuat

50:42Kayak subunit

50:44Untuk bank kita kan

50:46Kecuali division produk baru, seru itu

50:48Dan itu juga

50:50Pake teknologinya kekinian, lumayan kekinian

50:52Karena bikin perus

50:54Tapi kalo yang legacy kan

50:56Kayaknya susah capet baikin buat

50:58Ya karena

51:00Pertama, usernya udah banyak

51:02Terus kemudian

51:04Para accounting-accounting

51:06Itu kan sudah terbiasa tuh

51:08Export atau copy-paste

51:10Sudah ada formula-formulanya

51:12Dia udah siapin, kalo mau diroba ya

51:14Kacau semua tuh

51:16Ya tetep ada

51:18Pasarnya ya

51:20Orang developer yang

51:22Masih

51:24Menguasai teknologi-teknologi

51:26Legacy, itu masih ada

51:28Ya banyak mungkin engga ya, tapi ada

51:30Dan masih bisa di-hire juga

51:32Jadi ya

51:34Itu gimana dong

51:36Kalo kedepannya kayak

51:38Kayak

51:40Dari sisi yang punya

51:42Coding Bootcamp nih kan

51:44Yang diajarin kan teknologi-teknologi baru tuh

51:46Berarti

51:48Gak dapat dong pasar yang

51:50Yang pakai teknologi

51:52Bukan di sana

51:54Cuman

51:56Yang menarik adalah

51:58Di approach juga sama

52:00Perbankan, sama

52:02Perusahaan-perusahaan enterprise yang

52:04Bahkan secara teknologi

52:06Gak diajarkan di Bootcamp

52:08Dengan satu alasan

52:10Kan kedepannya mungkin dia bisa bikin baru lagi

52:12Bikin produk baru mungkin kan

52:14Gimana gimana alasannya

52:16Mereka sudah kehabisan

52:18Talent pool, jadi mau gak mau, suka gak suka

52:20Mereka hire

52:22Alasannya praktikal ya

52:24Ya, teknologinya gak peduli

52:26Yang penting bisa programming

52:28Abis itu mungkin mereka, kalo mereka mau join

52:30Ya mereka harus di-training dengan

52:32Teknologi-teknologi yang digunakan di perbankan

52:34Yang tidak terlalu hype

52:36Tapi itu mungkin

52:38Secara gak langsung kan evolusi juga

52:40Pelan-pelan ya, kayak ada

52:42Tarik-menarik antara pasar, pasar

52:44Disini maksudnya

52:46Programmer yang siap di-hire dan

52:48Berskill dengan employer

52:50Yang se-tradisional apapun

52:52Misalnya walaupun menggunakan teknologi lama

52:54Mau gak mau kan itu juga ketemu

52:56Lama-lama ya ketarik, maju juga kan

52:58Iya betul

53:00Jadi

53:02Tetep ada pasarnya

53:04Tetep ada orang-orang yang

53:06Memang bertahan di teknologi yang

53:08Itu ya, teknologi yang sudah boring

53:10Saya juga punya pengalaman

53:12Itu pernah lagi nyari

53:14Web developer

53:16Tahun apa ya? 2012 ya

53:18Sama banget

53:202012

53:22Terus

53:24Nyari web developer

53:26Terus ada yang apply dan

53:28Begitu sampai interview

53:30Dia bilang dia hanya bisa

53:32Satu teknologi yaitu Delphi

53:34Dan desktop

53:36Itu 2012

53:38Tapi itu bisa buat begin web

53:40Oh itu pula, kenapa dia apply

53:42Udah diperkaitkan, makanya kenapa dia apply

53:44Dan dia

53:46Mungkin bekerjanya di perusahaan

53:48Dia freelance

53:50Dan dia nanggannya Delphi masih

53:52Masih pakai, tapi itu udah diperkaitkan

53:54Udah gak diperbarui lagi oleh

53:56Si Borlan-nya

53:58Namun saya lebih

54:00Apresiasi situs yang

54:02Masih mempertahankan situs

54:04Yang

54:06Dengan teknologi lama tapi masih di maintain

54:08Ketimbang punya situs

54:10Tetapi

54:12Disutdown, bukan

54:14Disutdown, webnya disutdown

54:16Disuruh semua ke

54:18Mobile bank juga

54:20Ini

54:22Perbankan yang itu ya

54:24Yang suka menyarankan untuk mandi sendiri ya

54:26Yang disuruh hidup ya, live in

54:32Gitu kan, live in, tetapi

54:34Apa namanya

54:36Webnya malah dimatiin

54:38Iya

54:40Kalau yang sering ada di mall itu malah

54:42Gak ada

54:44Gak pernah ada web app sama sekali

54:46Gak ada web app sama sekali

54:48Mending begitu

54:50Daripada

54:52Web, tapi webnya

54:54Dimatiin

54:56Dan disuruh semua pakai

54:58Mobile

55:00Kan jadi gimana gitu

55:02Iya, apalagi sebagai

55:04Enak web ya, sedih ya

55:06Sedih

55:08Mendingan ke yang tadi

55:10BCA itu

55:12Walaupun masih main

55:14Tapi ada webnya

55:16Masih di maintain

55:18Cuma kalau di front-end

55:20Karena browser itu tadi backwards compatible

55:22Ya beneran, gak apa-apa sih ya

55:24Kalau kayak frame kan

55:26Gak ada pengaruh negatifnya

55:28Cuma kalau kita bikin halaman baru

55:30Misalnya, ya udah, karena itu udah

55:32Gak perlu lagi, karena udah bisa

55:34Client-side interactivity

55:36Nah, saya punya pertanyaan

55:38Apa bedanya frame sama iframe?

55:40Iframe you are external ya?

55:44External ya iframe

55:46Kalau frame itu

55:48Frame itu cuma

55:50Di spesifikasi HTML4

55:52Kalau gak salah frame itu bahkan gak ada sih

55:54Di HTML5

55:56Oh iframe inline frame

55:58Oh gitu

56:00Bedanya apa inline?

56:02Terus kayaknya kalau

56:04Frame itu cuma bisa kayak satu

56:06Harus bisa, harus menuhin

56:08Layar gitu ya?

56:10Kayaknya, tapi iframe itu

56:12Gak mesti external ya

56:14Kalau frame itu

56:16Kayaknya gak bisa external

56:20Ada jawaban dari Stack Overflow

56:24Frame itu

56:26Harus dipakai dalam frame set

56:28Ini bukan, Stack Overflow-nya

56:34Bedanya adalah

56:36Oh iya, iframe itu

56:40Bisa ditaruh di tengah-tengah, suka-suka

56:42Posisinya ditaruh ke mana aja

56:44Sementara kalau frame itu harus

56:46Kayak menuhin layar, jadi entah

56:48Menuhin width atau height

56:50Pokoknya harus

56:52Satu bagian

56:54Layout

56:56Kalau frame itu harus bagian dari frame set

57:02Nah aneh-aneh aja

57:04Yang ada

57:06Isu sekuritasnya di

57:08Iframe atau iframe juga ada

57:10Kayaknya sama itu kan

57:12Ada masalah

57:14Kita bisa manipulasi

57:16Something-something gitu

57:18Kan dulu kan sebelum ada course kan dia bisa

57:20Bisa

57:22Bisa diinjek iframe

57:24Untuk ngambil cookie kan

57:26Oh iya bener-bener

57:28Sebelum ada course

57:30Sebelum ada

57:32Dengan cara navigasi ke source

57:34Source value-nya ya

57:36Jadi dari script yang

57:38Dijelankan di dalam iframe bisa ngambil

57:40Cookies yang ada di

57:42Parent webpage-nya jaman

57:44Dulu, sekarang udah gak bisa

57:46Oke

57:48Nah ada dua item

57:50Lagi yang

57:52Cukup jadul dan mungkin sekarang udah jarang

57:54Dipakai, yang pertama adalah

57:56GIF

57:58Yang kedua adalah MIDI

58:00Ada yang ngalamin gak

58:02Buka word terus tiba-tiba ada musik

58:04Musiknya cuma monoponik itu monoponik

58:06Oh iya pernah-pernah belajar

58:08Tapi MIDI masih banyak yang pakai lho

58:10Masih-masih apalagi buat game kan

58:12Usage-nya buat apa? Oh iya

58:14Buat game, makes sense sih

58:16Dan dia file-nya kecil kan karena dia

58:18Itu kan monoponik gitu kan

58:20Itu makes sense banget

58:22Usage yang bagus buat game

58:24Kalau dulu kan soalnya apa ya

58:26Dulu internet masih mahal, pakai data

58:28Belum ada atau masih mahal

58:30Dulu penyimpanan bahkan storage itu

58:32Kan dulu masih pakai floppy disk

58:34Atau pakai apa?

58:36USB juga masih mahal, masih 128

58:38Mega kan

58:40Jadi kalau mau dengerin lagu

58:42Itu dulu sempet

58:44Ada, sempet ngalamin lah dulu note-note

58:46MIDI

58:48Oder MB3

58:50MB3 setelahnya kan

58:52Dengerinnya pakai WinM

58:54Ya cuma

58:56Maksudnya buat background music di halaman

58:58Kan sekarang juga misalnya ada iklan

59:00Atau video atau apa kan ya udah

59:02Play video biasa aja, gak usah MIDI-MIDI-an

59:04Iya kan HTML5 udah ada tag

59:06Audio kan, udah gampang kan

59:08Kalau dulu kan belum ada

59:10Walaupun sekarang masih dipakai sih MIDI

59:12Masih dipakai untuk berbagai keperluan

59:14Gitu

59:16Notif, bunyi notifikasi atau apa

59:18MIDI masih

59:20On GIF sekarang

59:22Ada apa? Ber-regenerasi

59:24Dia yang ikutin jaman

59:26Jadi memes

59:28Tapi kalau dulu kan

59:30GIF itu banyak dipakai untuk

59:32Ya untuk animasi

59:34Untuk apa

59:36Short animation lah ya

59:38Short animation kan

59:40Tapi sekarang

59:42Video juga dulu

59:44Kita convert jadi GIF dulu kan

59:46Karena dulu si HTML

59:48Belum bisa video

59:50Belum bisa

59:52Tag video belum bisa kan

59:54Tag video belum ada

59:56Terus memutar video itu susah

59:58Harus pakai plugin

1:00:00Harus install mpeg something gitu

1:00:02Makanya si youtube awalnya

1:00:04Juga munculnya dari Flash dulu kan

1:00:06Biasanya .flv

1:00:08.flv betul

1:00:10Terus GIF

1:00:12Juga jadi salah satu alternatif

1:00:14File format untuk menampilkan video

1:00:16Ada yang lebih pendek

1:00:20Tapi sekarang

1:00:22Harapannya temen-temen jangan pakai GIF lagi

1:00:24Untuk video ya, terutama untuk video

1:00:26Gak usah pakai GIF lagi, karena pakai mp4 aja udah

1:00:28Cuma kecil dan udah bagus

1:00:30Kalau GIF tuh

1:00:32Sekarang malah kayaknya hidup lagi

1:00:34Buat social media reaction ya

1:00:36Kayak misalnya

1:00:38Di apalah twitter, facebook

1:00:40Atau bahkan di whatsapp

1:00:42Atau discord, aplikasi chat itu

1:00:44Kayaknya reactionnya banyak di GIF

1:00:46Padahal mungkin sebetulnya lebih

1:00:48Kalau dari size

1:00:50Lebih kecil, sekarang lebih kecil mp4

1:00:52Kalau untuk 2 detik

1:00:543 detik ya

1:00:56Kalau

1:00:58Kalau

1:01:00Di compare, gak juga sih

1:01:02GIF nya kepanjangan juga

1:01:04Jadi gede banget, kalau frame nya banyak

1:01:06Lebih kecil mp4

1:01:08Dulu juga GIF

1:01:10Cukup terkenal, dipakai

1:01:12Gara-gara dia bisa transparan

1:01:14Dulu jpeg gak bisa transparan kan

1:01:16Sebelum ada png ya

1:01:18Sebelum png terkenal

1:01:20Hanya ada 2 yaitu

1:01:22JPEG dan juga GIF

1:01:24Nah itu nyamung ke

1:01:26Ada tuh teknologi

1:01:28Teknik, lebih ke teknik

1:01:30Yang udah punah

1:01:32Jadi dulu banget kan css belum bisa

1:01:34Css belum bisa

1:01:36Rounded corner

1:01:38Belum bisa shadow

1:01:40Makanya, nah ini versi

1:01:42Barunya nih yang di atas

1:01:44Terus yang bawah

1:01:46Nah sekarang tuh, sekarang yang di atas kan

1:01:48Yang border radius, box shadow

1:01:50Nah kalau jaman dulu nih

1:01:52Harus

1:01:54Slesing dulu ya

1:01:56Slesing yang ujung

1:01:58Yang ujung

1:02:00Sama ujung sini dibuat

1:02:02Tengah tengahnya warna biasa ya

1:02:04GIF atau table ya

1:02:06Masih ingatin dulu

1:02:08Pake shadow, penahnya juga harus pake kan

1:02:10Karena biar ada shadow nya

1:02:12Pilih 5 5 images

1:02:14Keempat sebut, sama buat

1:02:16Garis nya apa, garis yang bershadow nya

1:02:18Bayangkan dulu bikin button

1:02:20Kayak gini, susahnya minta ampun ya

1:02:22Sekarang tinggal css aja

1:02:24Sekarang tinggal ngetik 2 baris

1:02:26Kalau di klik, kalau di klik dia ada

1:02:28Animasinya kayak ke pencak

1:02:30Waduh itu tadi

1:02:32Gambarnya bukan lijip kan ya

1:02:34Biasanya ini 5 gabar, berarti kan

1:02:36Harus bikin 5 lagi

1:02:38Warnanya berubah sedikit

1:02:40Terus dia agak ke pencet

1:02:42Panjang ya

1:02:46Kalau web front-end dulu

1:02:48Kayaknya lebih ke penyalahgunaan

1:02:50Semua ya, kayak table

1:02:52Table sendiri kan element table

1:02:54Gak salah, karena kita pake buat

1:02:56Data tabular, tapi itu kayak

1:02:58Di atal atalan montir dipake

1:03:00Buat play out

1:03:02Sebenernya saya gak menyebutnya

1:03:04Ke penyalahgunaan, karena belum ada

1:03:06Itu teknik yang benar

1:03:08Itu teknik yang benar jaman itu

1:03:12Life hack jaman dulu ya

1:03:14Workaround karena memang belum ada

1:03:16Nah, ini juga kan sebetulnya gambar kan

1:03:18Sekarang kita masih pake gambar

1:03:20Tapi kan buat nampilin

1:03:22Sesuatu, misalnya e-commerce

1:03:24Produk yang dijual, ya kita harus nampilin

1:03:26Gambarnya itu jelas, nah kalau ini

1:03:28Itu tadi kan akal-akalan

1:03:30Nakalin, harusnya buat bikin

1:03:32Shadow atau rounded corner

1:03:34Jadi pake gambar yang dipotong-potong

1:03:36Jadi web developer jaman dulu itu

1:03:40Berarti kreatif banget ya

1:03:42Ya mungkin programmer

1:03:44Programmer apapun sih

1:03:46Cuma ini kayak yang beneran akal-akalannya

1:03:48Itu aneh-aneh aja

1:03:50Adalah gitu pixel shoe

1:03:54Satu, jadi konon

1:03:56Terus CSS itu kan box modelnya

1:03:58Cara merender box modelnya itu

1:04:00Masih belum konsisten

1:04:02Antar browser, jadi kayak misalnya

1:04:04Dulu kalau cuma bikin

1:04:06Gif kosong, itu ukurannya

1:04:08Itu behavior-nya bisa lain-lain banget

1:04:10Nah, jadi

1:04:12Diakali dengan

1:04:14Gif satu kali satu

1:04:16Pixel, transparan buat

1:04:18Ngeganjel si elemen itu

1:04:20Biar ukurannya expected

1:04:22Biar streamline, standar

1:04:24Kayaknya separah itu

1:04:28Jadi itu beneran image yang

1:04:30Gak ada kerjaannya apa-apa

1:04:32Cuma satu pixel transparan aja

1:04:34Biar spacingnya standar

1:04:38Gif satu kali satu namanya

1:04:42Iya, ini dia

1:04:44Nah, sebetulnya sih

1:04:50Gif satu kali satu ini

1:04:52Dia hidup lagi, muncul lagi, reinkarnasi

1:04:54Cuma buat tujuan lain kan

1:04:56Itu sering buat tracking

1:04:58Dia si gifnya itu dari origin lain

1:05:02Kayak buat ngirim analytics

1:05:04Itu yang di email biasanya

1:05:06Terus sekarang kelihatannya diperketap lagi

1:05:10Ngirim kukis

1:05:12Antar origin itu kayak

1:05:14Dibikin gak semudah gitu

1:05:16Jadi kayaknya si gif satu kali satu

1:05:18Ini beneran dia gak bisa mati deh

1:05:20Mungkin besok-besok muncul lagi

1:05:22Buat tujuan lain lagi

1:05:24Ini bahayu juga bener nih

1:05:26Web jadul itu masih pake BR ya

1:05:28Kalau sekarang kayaknya udah gak ada yang pake BR

1:05:30BR itu ada fungsinya

1:05:32Line break

1:05:34Jadi kalau misalnya satu blok alamat

1:05:36Alamat atau text

1:05:38Yang emang harus ada

1:05:40Interus satu line

1:05:42Cuma mungkin dulu dipake buat apa ya

1:05:44Buat spacing juga kali ya

1:05:46Buat spacing

1:05:48Iya, BRnya kebanyakan

1:05:50Kalau BRnya cuma satu sih gak apa-apa

1:05:52Tapi ini BRnya untuk taruh fitur

1:05:54BRnya cuma gitu

1:05:56Karena margin dulu behaviornya

1:05:58Gak konsisten ya

1:06:00Margin top gitu misalnya

1:06:02Bukan, karena pake team weaver

1:06:04Supaya bisa

1:06:06Bisa turun ya pake

1:06:08Enter, enter, enter

1:06:10Jadilah banyak BRnya

1:06:14Gitu loh

1:06:16Terus begitu ada yang ganti phone

1:06:18Tiba-tiba BRnya jadi berubah

1:06:20Ukurannya jadi

1:06:22Ngaco tuh webnya

1:06:24Phone jaman dulu

1:06:26Pake apa ya, makanya bisa

1:06:28Phone dari

1:06:30Standard ya

1:06:32Iya yang

1:06:34Di device

1:06:36Bisa loading phone external kan dulu ya

1:06:38Belum, nah HTML4

1:06:40Itu tagnya

1:06:42Elementnya namanya phone kalau gak salah ya

1:06:44Lupa deh, phone atau text atau apa gitu

1:06:46Punya

1:06:48Coba kita lihat ya

1:06:50Oh ada

1:06:52Di MDN ada

1:06:54MDN mana

1:06:56Itu paling atas tadi

1:06:58Ini

1:07:00Udah ada logo tempat sampahnya

1:07:02Oh iya

1:07:04Tapi ya masih bisa

1:07:06Gak ada contoh ya

1:07:08Gak dikasih contoh

1:07:10Biar gak di pake

1:07:12Gak dikasih contoh

1:07:16Jadi itu satu tag khusus

1:07:18Untuk font tertentu ya

1:07:20Yang lainnya tetap sama, fontnya semua sama

1:07:22Terus tiba-tiba ada satu font yang berbeda

1:07:24Dia pake element font gini ya

1:07:26Kalau sekarang udah pake CSS aja

1:07:28Udah ya

1:07:30NBSP betul

1:07:32Ini temennya BR nih

1:07:34Spasi-spasi

1:07:36Supaya

1:07:38Supaya ngasih jarak

1:07:40Kalau ngasih vertical

1:07:42Space, enter-enter

1:07:46Udah NBSP itu kan bagian dari Unicode

1:07:48Sebenernya ya, dia punya tujuan sendiri

1:07:50Non-breaking space

1:07:52Ada greater than, ada less than juga kan

1:07:54Webjadul pake jQuery

1:07:56JkaJadul juga masih jQuery

1:07:58Nah ini bisa jadul

1:08:00Ini masih agak modern

1:08:02Kalau jQuery itu

1:08:06Adalah salah satu ini ya

1:08:08Yang ikut merekolusi

1:08:10Dunia web juga kan

1:08:12Yang awalnya sulit banget

1:08:14Orang gak ada yang mau gitu kan

1:08:16Ya jangan susah-susah lah gitu

1:08:18Terus abis itu muncul jQuery ini kan

1:08:20Sampai akhirnya si JavaScript

1:08:22Menyadari bahwa dia kurang

1:08:24Developer experience-nya kurang

1:08:26Bagus akhirnya dia

1:08:28Menyentek sedikit-sedikit

1:08:30IS yang baru

1:08:32JQuery dan jQuery UI

1:08:34Masih ini ya

1:08:36Masih

1:08:38Masih hidup kan

1:08:40Masih-masih

1:08:42Kayak kita pernah bahas

1:08:44Pas di Almanak, web Almanak

1:08:46Itu deh kayak pengguna-ngguna

1:08:48Masih banyak yang pake, betul-betul

1:08:50Coba kita lihat GitHubnya ya

1:08:52Saya dulu pake nih

1:08:54Buat mobile version

1:08:56Dari sebuah website berita

1:08:58Masih 5 hari yang lalu

1:09:00Masih

1:09:02Dan ekosistemnya tuh kayaknya

1:09:04Misalnya WordPress itu sampai

1:09:06Versi berapa juga masih pake jQuery ya

1:09:08Kalau gak salah

1:09:10Back-end-nya masih

1:09:12Back-end administration-nya masih pake jQuery

1:09:14Ya udah, berarti dia gak bakal punah

1:09:16Dalam waktu dekat ini

1:09:18Ya

1:09:20Yang menariknya adalah

1:09:22Oh, maintenance mode tuh

1:09:24Udah gak ada fitur baru kali

1:09:26Yang menarik adalah

1:09:28Kenapa jQuery itu

1:09:30Kalau di Statistik, misalkan

1:09:32Kalau orang lihat downloadnya atau

1:09:34Pokoknya kalau di

1:09:36Statistik atau di

1:09:38Survey-survey itu masih banyak yang

1:09:40Menggunakan jQuery dan cukup besar

1:09:42Karena salah satunya

1:09:44Kalau dulu kita pake

1:09:46Plugin tertentu, dia

1:09:48Melekat ke jQuery versi berapa

1:09:50Kadang-kadang satu website itu bisa

1:09:52Menggunakan 2 jQuery, jQuery versi 2

1:09:54Sama jQuery versi 3

1:09:56Bahkan bisa lebih

1:09:581.4 sama jQuery 1.4 sama 2

1:10:00Biasanya digabung tuh

1:10:02Gue gak tau kenapa tuh

1:10:04Akhirnya begitu

1:10:06Statistiknya muncul itu satu website

1:10:08Menggunakan setidaknya 2 jQuery

1:10:10Bayangkan, jadi kali 2

1:10:12Ada faktor pengalinya

1:10:14Makanya dia tetap tinggi

1:10:16Ya dan dimana ada ekosistem tuh

1:10:22Dimana ada plugin lah, atau DIM

1:10:24Atau apalah

1:10:26Cms admin dashboard

1:10:28Dimana ada ekosistem kayak gitu kan

1:10:30Itu gak mungkin secepat itu

1:10:32Semua beneran rewrite ulang dari awal

1:10:34Jadi ya emang gak bakal mati

1:10:36Dalam waktu dekat

1:10:38Yang punah cuma anggul

1:10:40Dan dia kompal

1:10:42Anggular 1 yaitu

1:10:44Sebelum diambil Google

1:10:46Gak apa-apa

1:10:48Kan sudah berubah jadi

1:10:50View, loh

1:10:52Yang bikin

1:10:54Yang bikin

1:10:56Yang bikin tuh

1:10:58Pembuatnya View

1:11:02Jadi waktu itu F1U itu intern

1:11:04Di Google

1:11:06Buat anggular 1

1:11:08Habis itu dia selesai internnya

1:11:10Dia bikin View, anggular 1nya

1:11:12Di rewrite ke anggular 2

1:11:14Tapi anggular itu punya jasa yang cukup besar

1:11:16Karena dia yang memperkenalkan

1:11:18Salah satu framework yang memperkenalkan

1:11:20Test di frontend

1:11:22Jasmine, pakai Jasmine

1:11:24Sekarang jadi Jazz kan

1:11:26Walaupun sekarang mulai tergrowth

1:11:28Dengan Vtes

1:11:30Muka juga

1:11:32Muka sebelumnya

1:11:34Udah gitu kan sekarang anggular yang baru

1:11:36Apa

1:11:38Si

1:11:40Autornya ya atau foundernya

1:11:42Kan bikin framework baru

1:11:44Dengan perspektif yang

1:11:48Beda banget

1:11:50Kalau framework jQuery

1:11:52Ada yang ingat gak sih

1:11:54Headbone

1:11:56Headbone

1:11:58Yang itu kan

1:12:00Bwortus masih pakai make bone

1:12:02Jadi masih

1:12:04JQuery

1:12:06Dulu ada

1:12:08Knockout GS

1:12:10Ada Raktiv

1:12:16Yang bikin Rich Harris

1:12:18Yang kemudian jadi spell

1:12:20Apa lagi ya

1:12:28Mungkin kalau jQuery ini

1:12:30Keunggulannya dia kumpal

1:12:32Jadi aman

1:12:34Dojo

1:12:36Dojo masih update lho

1:12:38Dojo toolkit ya

1:12:40Underscore masih

1:12:44Pake ya

1:12:46Tapi itu bukan framework

1:12:50Itu library yang mempersiapkan

1:12:52Utility function itu

1:12:54Dojo toolkit

1:12:561.17

1:12:58Wah ini beneran siara kuburan

1:13:00UI library ini

1:13:022022 setahun yang lalu ya

1:13:04Regression in memory

1:13:06Masih lumayan aktif

1:13:08Lumayanlah

1:13:12Oh iya Lodash itu juga tuh

1:13:14Underscore dulu

1:13:16Habis itu diperbaiki oleh Lodash

1:13:18Yang lebih modern

1:13:20Dan lebih ringan katanya ya

1:13:24Karena sekarang dipisah

1:13:26Terus habis itu baru muncul yang tadi ya

1:13:30Moment GS yang gede-gede gitu kan

1:13:32Ember? Ember?

1:13:34Masih pake gak?

1:13:36Ember udah jarang

1:13:38Ember enggak dengar

1:13:42Ember dulu lumayan terkenal

1:13:44Karena dia

1:13:46Full stack juga ya maksudnya lengkap

1:13:48Oh ini si mascotnya direkrit

1:13:50Sama Golang ya? Kayaknya mascotnya mirip

1:13:54Mootools

1:13:56Mootools udah tadi

1:13:58Yui

1:14:00Yui

1:14:02Yahoo user interface

1:14:04Ya Yahoo user interface

1:14:06Yahoo itu sekarang masih ada

1:14:10Atau nggak aja nggak tahu

1:14:12Kayaknya dulu sempet itu banget

1:14:14Nah pertanyaannya prototype itu

1:14:16Frame-mo nggak sih?

1:14:18Prototype.js

1:14:20Oh nggak tahu

1:14:22Kita masih ada tuh

1:14:24Kalau diininya masih

1:14:26Kita kan masih bisa pake prototype kan

1:14:28JavaScript object prototype itu masih ada

1:14:30Tapi dulu ada prototype

1:14:32Prototype.js framework itu ada

1:14:34Oh nggak tahu, nggak pernah pake

1:14:36Prototype.js

1:14:38Buketan

1:14:40Bukan object prototype ya

1:14:42Oh iya ada beneran

1:14:48Gila

1:14:50For amuse user interface

1:14:52Mantap

1:14:542015

1:14:58Oke

1:15:00Rest in peace

1:15:02Rest in peace

1:15:04Prototype ini kayak gimana

1:15:06Kayaknya bentuknya

1:15:10Nggak pernah sih

1:15:12Kayaknya ini jadi dasarnya prototype

1:15:16Di JavaScript object

1:15:18Iya

1:15:20Ini kan masih ada kan

1:15:22Iya diadopti

1:15:24Di ECMAScript jadi standardized

1:15:26OpenSUN dia mati

1:15:28Orang udah jadi

1:15:30Di ECMAScript

1:15:32Berarti mirip-mirip sama kayak CoffeeScript ya

1:15:34Dan masih kayaknya langsung

1:15:36Disupport sama JS engine

1:15:38Masih bisa kan

1:15:40Kita udah install prototype

1:15:42Sama kayak CoffeeScript kan

1:15:46Dulu terkenal karena

1:15:48Syntaxnya yang

1:15:50Singkat-singkat kan

1:15:52Kayak

1:15:54Aerofunction itu dari

1:15:56CoffeeScript

1:15:58Sekarang CoffeeScriptnya ya

1:16:00Hidup segan mati tamang

1:16:02Masih ada tapi nggak tahu update atau nggak

1:16:04Tapi mungkin dari perspektif

1:16:06Developernya nggak apa-apa juga ya

1:16:08Maksudnya mereka ya seneng

1:16:10Karena bayangin deh

1:16:12Syntax yang mereka bikin

1:16:14Ikut diadopti

1:16:16Bahkan diadopti jadi standard

1:16:18Dan mereka nggak usah report maintain program

1:16:20Itunya sendiri kan

1:16:22Kalau nggak salah si CoffeeScript juga ada

1:16:24Versi baru terakhir

1:16:26Ini Tag Center, ada yang pakai Tag Center

1:16:28Eh sampai sekarang tuh kalau

1:16:30Di Github markdown nih

1:16:32Kita pakai Tag Center itu masih jalan loh

1:16:34Nah kan bener CoffeeScript

1:16:36Masih update loh

1:16:38Karena si CoffeeScript 2

1:16:40Ini kapan ya

1:16:44Apa dia updatenya

1:16:46GSX, cool ya GSX

1:16:50Mantap

1:16:52Terus apa lagi

1:16:56With you juga ya

1:16:58A few JavaScript features

1:17:00Have been intentionally omitted

1:17:02For future compatibility

1:17:04Berarti ini tuh

1:17:06Dimaintain intinya buat

1:17:08Compatibility aja ya

1:17:12Berarti ke depannya makin banyak teknologi

1:17:14Yang diadopti jadi standard

1:17:16Makin banyak yang

1:17:18Workaround atau akal-akalan gitu makin banyak

1:17:20Yang punah ya berarti

1:17:22Anthem JS juga jadul

1:17:26Itu apa sih

1:17:28Itu test

1:17:30Sudah di close

1:17:32Tapi masih bisa dipakai

1:17:34Dulu di close, sekarang

1:17:36Udah dibuka lagi

1:17:40Scriptable Headless Browser

1:17:42Jaman dulu tuh

1:17:46Untuk automatic testing

1:17:48Sebelum ada

1:17:50Sipres dan temen-temen

1:17:52Paphetier

1:17:56Sipres

1:17:582020

1:18:00Terakhir, Sipres

1:18:02Terus yang

1:18:04Yang dari Microsoft

1:18:06Yang baru

1:18:08Playwright

1:18:10Ini cikal bakalnya

1:18:14Paphetier

1:18:16Terakhir di update 2020

1:18:18Itu Mas Arya yang

1:18:20Membuat

1:18:22Jadi Mas Arya itu

1:18:24Awalnya kan dia kontribusi ke

1:18:26NahatML

1:18:28NahatML itu di KDE

1:18:32Environment Linux

1:18:34Dia bikin browser engine

1:18:36Akhirnya jadi webkit

1:18:38Kemudian dia bikin

1:18:40Ini untuk testing

1:18:42Anthem JS untuk testing

1:18:44Terima kasih teman-teman

1:18:56Yang sudah ada

1:18:58Membagikan teknologi-teknologi

1:19:00Jadulnya di chat ya, udah ketahuan umur

1:19:02Masih-masih

1:19:04Termasuk itu umur kita

1:19:06Jangan lupa kalau ada

1:19:12Topik atau saran

1:19:14Atau apapun bisa ke

1:19:16Bit.ly/

1:19:18Dan juga mungkin

1:19:22Kita akan

1:19:24Kembali lagi minggu depan

1:19:26Dengan topik yang berbeda tentunya

1:19:28Dan kita

1:19:30Udah nih, aja langsung ya

1:19:32Terima kasih

1:19:34Semuanya, sampai ketemu lagi

1:19:36Minggu depan, bye bye