Imam Syafii

Imam Syafii

Network Administrator Server Administrator Full Stack Programmer Web Developer
Imam Syafii

Blog

5 Trik Yang Harus Kamu Ketahui Sebagai Frontend Developer

5 Trik Yang Harus Kamu Ketahui Sebagai Frontend Developer

1. Word-Wrap

word-wrap adalah salah satu fungsi  untuk menyesuaikan antara text dengan lebar area text tersebut. Jadi kita tidak perlu scroll ke kanan-kiri untuk membaca text yang sekiranya kepanjangan. Untuk lebih jelasnya teman-teman lihat source dibawah ini :

5 Trik Yang Harus Kamu Ketahui Sebagai Frontend Developer

 

2. Writing-Mode

writing-mode mengubah alignment teks sehingga dapat dibaca dari atas ke bawah atau dari kiri ke kanan, tergantung pada bahasa. Misalnya kita ingin menambahkan beberapa teks yang dibaca dari atas ke bawah dan dari kanan ke kiri, seperti ini:

5 Trik Yang Harus Kamu Ketahui Sebagai Frontend Developer

 

3. Console.Table()

console.table() memungkinkan kita untuk mencatat data ke konsol dalam bentuk tabel. Dibutuhkan data argumen wajib yang dapat berupa array atau objek dan columns parameter opsional . Jika data argumennya adalah array, ia mencatat data sebagai tabel dengan setiap elemen dalam array sebagai baris dalam tabel.

Kolom pertama dalam tabel akan diberi label (index). Jika data adalah array, maka nilainya akan menjadi indeks array. Tetapi jika data adalah sebuah objek, maka nilainya akan menjadi nama properti.

5 Trik Yang Harus Kamu Ketahui Sebagai Frontend Developer

 

4. Datalist

datalist digunakan untuk menyediakan fitur pelengkapan otomatis pada elemen formulir. Ini memberikan daftar opsi yang telah ditentukan kepada pengguna untuk memilih data. Tag datalist diperkenalkan di HTML5.

Tag <input> yang berisi atribut "list". Nilai atribut "list" ditautkan dengan id datalist.

5 Trik Yang Harus Kamu Ketahui Sebagai Frontend Developer