Skip to main content

Pengenalan JSON

Halo! IT Corner Rabu untuk minggu ini, saya belajar tentang pengenalan JSON. Tidak perlu lama-lama, kita langsung saja ke materinya.


Arti JSON yaitu JavaScript Object Notation. JSON ini bukan bahasa pemrograman, tapi suatu format file untuk menyimpan data. Walaupun namanya ada JavaScript, format ini cuman sintaksnya berasal dari sintaks objek dalam JavaScript. Format ini biasa digunakan untuk mengirim data antara komputer satu dengan komputer lain karena tidak tergantung pada satu bahasa.


Di JavaScript, misal suatu situs web ingin mengirim informasi ke server. Di situ dapat menggunakan JSON. Contoh sederhananya seperti ini:

const obj = {
  nama: "Jamal Sulaiman bin Omar Nabil",
  umur: 20,
  kota: "Surabaya"
}
const stringify = JSON.stringify(obj);


Untuk kebalikannya yaitu menerima data dari server ke situs web, misalnya data yang diterima bernama "data", contoh sederhananya seperti berikut:

const parsed = JSON.parse(data);


Sampai ini saja untuk pengenalan JSON. Jumpa lagi di blog selanjutnya!

Labels:

Comments

Post a Comment

Popular posts from this blog

Form Input | HTML

Halo guys! Hari ini saya sebagai pemateri mengajari tentang elemen input yang bisa digunakan dalam elemen form. Langsung saja kita membahas materinya. Jadi elemen input itu memiliki beberapa jenis berdasarkan typenya. Jenisnya itu ada banyak, namun saya akan membahas yang text, radio, checkbox, submit, dan button saja. Elemen input yang typenya text digunakan untuk mengisi data dalam bentuk teks. Jenis ini hanya ada satu baris untuk mengisi data, namun bisa overflow untuk mengakomodasi text yang panjang. Input yang typenya radio hanya membolehkan user untuk memilih satu jawaban dari beberapa opsi pilihan. Jadi, jenis ini sama dengan pilihan ganda. Seterusnya, elemen input yang typenya checkbox membolehkan user memilih lebih dari satu opsi dari beberapa opsi pilihan. Jenis ini sama dengan pilihan ganda kompleks. Selanjutnya input yang typenya submit biasa digunakan untuk mengirimkan data yang telah diisi ke server. Jenis ini seringkali ditemui dalam elemen form. Terakhir yang typenya bu...
Post a Comment
Read more

Login & Registration Form | Project

Halo! Hari ini saya membuat project tentang form login dan registrasi. Sebenarnya ini sama saja dengan yang blog materi HTML Form itu, tapi yang ini lebih lengkap dengan tambahan form login. Versi yang baru ini lebih bagus dari versi yang lama dengan UI-nya yang lebih elegen serta fitur redirect untuk login di bagian kanan atas. Versi ini mengurangi tujuh jenis input menjadi tiga, yaitu hanya email, username, dan password. Untuk password-nya sendiri, akan dicek apakah password-nya minimal 8 karakter. Untuk bagian login-nya, terdapat redirect untuk registrasi di kanan atas juga serta di bawah tombol "Masuk". Di sini juga terdapat link jika pengguna lupa password-nya. Untuk inputnya sendiri hanya ada dua, yaitu yang atas untuk email atau username, dan yang bawah untuk password. Tidak lupa juga, UI kedua form ini saya mengambil inspirasi dari beberapa website seperti Roblox, Pixiv, Twitter (X), dan Github. Itu saja untuk blog ini tentang project login dan registration form. Samp...
Post a Comment
Read more

SVG | HTML

Halo! IT Corner hari ini saya mempelajari tentang SVG dalam HTML. Apa itu SVG? Nah, SVG itu sebuah grafik yang scalable, artinya jika diperbesar atau diubah ukurannya tidak akan hilang kualitas gambarnya. SVG dibuat dengan menggunakan elemen <svg>. Elemen ini digunakan sebagai wadah untuk grafik-grafiknya. Setelah itu, diberi ukuran, misalnya 500px × 500px. Untuk grafiknya sendiri ada beberapa jenis sebagai berikut. Grafik yang pertama adalah lingkaran yang dibuat dengan elemen <circle>. Untuk atributnya ada cx , cy , r , fill , stroke , dan  stroke-width . Atribut cx dan cy adalah posisi koordinatnya. Atribut r adalah radiusnya. Atribut fill adalah warna dalamnya. Atribut stroke adalah warna bordernya, dan stroke-width adalah ketebalan bordernya. Grafik kedua adalah persegi panjang yang dibuat dengan elemen <rect>. Untuk atributnya ada  x ,  y ,  width , height ,  fill ,  stroke , dan  stroke-width . Atribut  x  dan...
Post a Comment
Read more