In building an application on the frontend side, we should bind the data to display in the user interface, how to get the data object in JavaScript. In this article, we can learn to access values on an object in JavaScript.

1. Dot notation

const object = {
  "num": 1,
  "str": "Hello World",
  "obj": {
    "x": 5
  }
};

const value = object.obj.x;
console.log(value); // result : 5

2. Bracket notation

const object = {
  "num": 1,
  "str": "Hello World",
  "obj": {
    "x": 5
  }
};

const value = object["obj"]["x"];
console.log(value); // result : 5

3. Destructuring syntax

const object = {
  "num": 1,
  "str": "Hello World",
  "obj": {
    "x": 5
  }
};

const { num, str} = object;
console.log(num, str); // result : 1 "Hello World"

Thank you for reading the article. hopefully, this can help.
you can learn more about technic get data objects using JavaScript on this link URL (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_objects)

Jika anda ingin mengembalikan data mysql ada beberapa yang bisa kita lakukan dimulai dari cara mengembalikan data via phpmyadmin dengan menguploadkan file yang berektensi .sql lalu nanti akan diproses.

Namun ada kendala jika melalukan proses mengembalikan data via phpmyadmin yaitu terbatasnya ukuran yang bisa di upload. berikut dibawah ini adalah yang sering terjadi jika kita mengupload file yang berekstensi .sql dengan ukuran melebihi maksimal file yang sudah ditentukan.

Lalu bagaimana cara mengantisipasi permasalah error ketika mengembalikan data mysql melalui upload file .sql di phpmyadmin. yang anda bisa lakukan adalah menggembalikan data via command prompt.

Langkah-langkah yang bisa dilakukan untuk mengembalikan data MySQL via command prompt adalah sebagai berikut :

1. Kita asumsikan bahwa kita akan mengembalikan data MySQL berasal dari folder D:\folder_name\nama_file.sql , buka command prompt anda, lalu arahkan command prompt ke direktori folder diatas.

$ cd d:\folder_name

2. Jika sudah berada didalam direktori dimana file .sql anda disimpan. langkah selanjutnya ketikan perintah ini di command prompt anda

$ mysql -u root -p

3. Jika sudah biasanya akan muncul popup form untuk mengisikan password jika tidak ada password yang di input ketikan enter, lalu akan lanjut ketahapan selanjutnya. jika database anda belum dibuat anda bisa mengetikan perintah di command prompt dengan perintah berikut ini :

$ mysql > create database nama_database_anda;

4. Jika database sudah terbuat, kita akan menggunakan database yang sebelumnya kita buat sebagai tempat untuk menampung data yang akan dikembalikan. langkah selanjutnya adalah mengetikan perintah

$ mysql > use nama_database_anda;
$ mysql > source nama_file.sql

5. Lalu enter, maka proses mengembalikan data MySQL anda akan di proses dan data anda sudah berhasil dikembalikan.

Semoga membantu ya.

Pada artikel ini akan dijelaskan bagaimana cara mengembalikan data cadangan pada database mongodb. Untuk mengembalikan data cadangan kita bisa menggunakan tools yang disediakan oleh mongodb official yang dimana di dalam database tools ini akan ada beberapa layanan yang bisa gunakan seperti :

Database tools : mongodump, mongoexport, mongofiles, bsondump, mongoimport, mongorestore, mongostat, mongotop.

Dari semua tools yang disebutkan pada artikel ini kita hanya akan membahas tentang penggunaan mongorestore dimana tools ini bisa mengembalikan cadangan database yang sebelumnya disimpan kedalam file archive .zip/.tar/.rar.

1. Pastikan kamu sudah menginstal database tools yang kalian bisa unduh disini (Download), jika kamu sudah menginstall database tools kamu bisa masuk ke command prompt. untuk mengecek apakah tools sudah ada, anda bisa mengetikan perintah berikut di command prompt untuk mengetahui versi dari tools mongorestore.

$ mongorestore --version 

2. Jika tools yang kamu install sudah sesuai untuk mengembalikan data cadangan mongodb, yang kita bisa lakukan adalah mengetikan perintah berikut

$ mongorestore /dir:D:\Folder\Data-kamu

Semoga membantu ya teman-teman.

Vue (cara pengucapannya /vjuː/, seperti view) adalah sebuah kerangka kerja nan progresif untuk membangun antarmuka pengguna dan Vue sangat mampu memberikan dan mendukung Single Page Application yang canggih ketika dikombinasikan dengan perkakas modern dan dukungan pustaka lain.

Pada artikel ini akan membahas bagaimana mengubah nomor port pada Vue, Vue secara default sudah menetapkan nomor port nya yaitu 8080 atau 8081 tergantung nomor port sudah terpakai atau belum, Namun disini kita bisa mengubah default tersebut dengan nomor port yang kita inginkan.

Untuk mengubah default port pada Vue CLI ada dua cara yang sifatnya sementara (temporary) dan permanen (permanent).

A. Temporary
Untuk cara ini nomor port bisa dengan mudah diubah dengan cara mengetikan perintah berikut ketika menjalankan proyek vue.

npm run serve -- --port 4000

B. Permanent
Sedangkan untuk cara yang sifatnya permanent nomor port bisa dengan mudah diubah dengan cara membuat file config yang di simpan di root folder dan menambahkan kode konfigurasi, untuk langkah-langkahnya adalah sebagai berikut :
a. Buat file baru vue.config.js lalu file tersebut disimpan di root folder project.
b. Buka file vue.config.js yang sebelumnya dibuat, lalu ketikan kode konfigurasi seperti berikut ini:

module.exports = {
  devServer: {
     port: 4000
  }
}

Itu adalah dua cara yang bisa dilakukan untuk mengubah port bawaan Vue CLI yang biasa nya mempunyai nomor port 8080/8081, menjadi nomor port yang anda inginkan.

noted : nomor port disini bisa dirubah dengan kebutuhan nomor port berapa yang akan digunakan.

Webp adalah format gambar terbaru yang dibuat khusus untuk website, asal mula lahirnya format terbaru ini berasal dari proyek yang di akuisisi oleh Google dan pertama rilis pada tanggal 30 september 2010.

Format gambar .webp ini juga diklaim bisa menkompres gambar 24%-35% lebih kecil dari format gambar (.png & .jpg) dan bisa mempertahankan kualitas gambar yang sangat baik seperti gambar asli sebelum di kompres, webp juga support di Google Chrome, Firefox, Edge, the Opera browser, dan banyak tools and software libraries.

Lalu bagaimana proses kerja dari format .webp, webp bekerja menggunakan predictive coding untuk proses encode pada sebuah gambar, Predictive coding menggunakan nilai yang ada didalam blocks yang saling berdekatan yang disebut pixels, dan lalu melakukan proses encodes pada blocks yang berbeda.

Untuk menggunakan atau mengimplementasikan format .webp ini pada website bisa dengan mengunduh converter/tools, yang bisa di install pada sistem operasi Linux, Macos atau Windows, detail lengkap nya bisa mengunjungi halaman dokumentasi webp.

Berikut ini adalah sekilas tutorial bagaimana proses konversi file (.png atau .jpg) menjadi format .webp, pada tutorial singkat ini menggunakan sistem operasi windows.

1. Sebelum memulai untuk melakukan konversi dari file .png atau .jpg ke .webp kamu bisa menginstall terlebih dahulu file precompiled web di windows kamu. Pastikan kamu sudah melakukan setup system environment nya agar ketika kamu memanggil perintah cwebp di command line bisa berjalan.
2. Berikut adalah perintah yang bisa dipakai untuk mengkonversi semua file yang berekstensi file tertentu misal (.png atau .jpg) yang ingin di konversi ke file dengan ekstensi .webp.

Sedangkan untuk perintah yang bisa dipakai untuk menkonversi satu file (.png atau .jpg) saja kamu bisa menggunakan perintah berikut ini

itulah sekilas trik dan tips yang bisa membantu performa website, semoga berguna dan mengakselerasikan kinerja website.

Prestashop adalah e-commerce platform pilihan para pelaku bisnis terutama yang menjual berbagai macam barang dagangan baik pakaian, makanan dll secara online. Prestashop berlisensi open source, dan dikategorikan sebagai e-commerce platfrom (freemium).

Pada artikel ini akan membahas sedikit tips dan trick bagaimana memindahkan Prestashop yang dikembangkan dari localhost ke server production.

Langkah-langkah yang kamu harus lakukan adalah :

• Backup terlebih dahulu database yang berada di localhost kamu, lalu import ke dalam layanan database yang ada di server baru kamu.
• Jika sudah melakukan backup, pindahkan seluruh source code yang ada di localhost kamu ke dalam server.
• Jika seluruh source code sudah dipindahkan ke dalam server, pastikan kamu sudah mengkonfigurasi file yang berada di direktori /app/config/parameters.php

• Kamu tinggal mengubah database_name, database-user, database_password .
• Setelah langkah-langkah tersebut sudah dilakukan, kamu sudah bisa mengakses prestashop di server baru kamu.

Sering kali ketika kita melakukan perubahan struktur table, membuat table ataupun menyalin table di database. pasti akan ada sedikit masalah yang muncul baik itu masalah error ataupun kompatibilitas dari struktur lama ke struktur baru.

ini adalah sebuah kejadian error yang saya alami ketika melakukan penyalinan struktur table di database lama ke database baru. dimana pada proses nya saya mempunyai sebuah database lama dengan beberapa table dan struktur table yang berbeda-beda, disini saya akan menyalin salah satu table beserta strukturnya ke database baru. dan terjadi masalah terhadap database MySQL nya, lalu ini adalah pesan masalah tersebut yang saya terima.

1030 — Got error 176 “Read the page with wrong checksum” from storage engine Aria

Lalu apa yang menyebabkan pesan masalah tersebut?
setelah mencoba mencari-cari berbagai solusi di beberapa forum seperti stackoverflow dan yang lain nya, akhirnya saya menemukan sebuah thread yang memiliki permasalah yang sama.

lalu apa yang menyebabkan permasalahan tersebut?
ternyata penyebabnya adalah terkait privelege atau proses berjalan nya aria engine di MySQL — (Aria is a storage engine for MySQL® and MariaDB. It was originally developed with the goal of becoming the default transactional and non-transactional storage engine for MariaDB and MySQL)-Aria FAQ

setelah saya mengetahui sumber masalahnya berikut adalah langkah-langkah untuk mengatasi masalah tersebut, ini adalah langkah-langkah nya :

1. Pilih database mysql, di halaman phpmyadmin.

2. Lalu pilih table db, lalu checklist kotak di sebelah kiri

3. Lalu scroll kebawah dan temukan dropdown dengan nama with selected, lalu pilih repair table seperti gambar dibawah ini

4. Tunggu sampai proses repair table selesai

Baca artikel lainnya :
#1 | Frontend — Perbedaan Properties ::after & ::before
#1 | Fundamentals Algoritma — Tokenize String
#1 | Tech Infrastructure — Cloud Platform Gratis

Kali ini saya akan membahas tentang bagaimana cara membuat sebuah timestamp di footer dinamis, dimana biasanya timestamp di footer itu statik dan tidak otomatis update ketika atau saat perpindahan tahun.

Berikut adalah kode yang bisa teman-teman coba, saya menggunakan Javascript murni untuk membuatnya berikut adalah kodenya :

<footer>
  <script>
    document.write(new date().getFullYear());
  </script>
</footer>

dan hasilnya akan jadi seperti ini,

2019

dan contoh yang lainnya bisa teman-teman seperti berikut ini :

<footer>&copy; name company, since 1994
 <script>
   document.write("- " + new Date().getFullYear());
 </script>
</footer>

dan hasilnya akan jadi seperti ini,

© name company, since 1994 – 2019

itulah yang bisa saya bahas, semoga bermanfaat, dan untuk detail penggunaan metode date() ini bisa cek disini , selamat mencoba! 😃