Perkembangan teknologi mobile saat ini mengarah kepada Progressive Web Applications atau PWA. Teknologi ini berbasis pada telnologi web yaitu HTML, CSS dan Javascript. Salah satu bagian dari teknologi web ini adalah HTML. Di sini kita perlu memhami bagaimana struktur dan object dalam HTML sehingga kita dapat melakukan pemrograman yang efektif dan efisien dalam mengembangkan aplikasi mobile berbasis PWA.
Ketika sebuah halaman web diload oleh browser maka akan membentuk DOM atau Document Object Module. Perkembangan selanjutnya adalah HTML DOM di mana HTML DOM ini adalah start object dan programming interface untuk HTML yang dapat diakses melalui Javascript.
Gambar untuk modelling DOM adalah seperti di halaman https://www.w3schools.com/js/js_htmldom.asp :
Dengan menggunakan bahasa pemrograman Javascript maka
- Semua HTML elemen adalah object
- DOM HTML mendefinisikan property dari semua elemen HTML
- DOM HTML mendefiniskan method untuk mengakses semua elemen HTML
- DOM HTML mendefinisikan semua event untuk semua elemen HTML
Jadi dengan DOM HTML ini kita dapat melakukan get, add, change, add atau delete suatu atau beberapa elemen HTML. Dengan DOM HTML ini kita akan melihat serupa tree atau phon dari elemen-elemen HTML. Menggunakan bahasa Javascript kita dapat membaca, menulis atau memanipulasi DOM. Kita juga dapat melihat tampilan yang berbasis object atau dalam bahasa Inggris disebut Object Oriented Representation.
Kita perlu memahami dengan baik mengenai HTML DOM karena kita akan banyak berinteraksi dengan HTML DOM saat kita melakukan pemrograman dengan Javascript ini. Saat ini pemrograman dengan Javascript sedang berkembang terutama dalam aplikasi mobile PWA (Progressive Web Application), dengan demikian programmer saat ini mau tidak mau harus menguasai HTML DOM dengan baik.
Untuk memulai belajar mengenai DOM ada baiknya memulai di https://www.w3schools.com/jsref/dom_obj_attributes.asp
dan https://www.w3schools.com/js/js_htmldom.asp .
Informasi lebih lanjut silahkan mengunjungi:
1. https://www.w3schools.com/js/js_htmldom.asp .
2. https://www.w3schools.com/js/js_htmldom_methods.asp
3. https://www.w3schools.com/whatis/whatis_htmldom.asp
4. https://www.w3schools.com/jsref/dom_obj_attributes.asp
Kunjungi www.proweb.co.id untuk menambah wawasan anda.