DEV Community: Risyandi

#3 | Frontend — Three ways to access values on an object in JS

Risyandi — Fri, 19 May 2023 08:42:15 +0000

#3 | Frontend — Three ways to access values on an object in JS

source image : https://www.pexels.com/@dmitry-demidov-515774/

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)

Mengelola Beberapa Versi Bahasa Pemrograman Go Dengan Go

Risyandi — Thu, 24 Feb 2022 09:51:53 +0000

Source by : google.com

Berawal dari menjalankan sebuah proyek yang dimana setiap proyek aplikasi menggunakan beberapa versi Go yang lama dan yang terbaru, membuat kita akan kewalahan jika harus berpindah dari versi Go yang lama ke yang terbaru, apalagi jika akan mulai menjalankan nya didalam satu lingkungan kerja.

Untuk mempermudah dalam mengelola versi Go di dalam satu lingkungan kerja kita bisa menggunakan cara berikut, cara ini akan membantu kita untuk menginstall beberapa versi Go dalam satu lingkungan kerja sistem operasi Windows.

Pastikan kamu sudah menginstal bahasa pemrograman Go versi stable atau yang terbaru.
Pastikan kamu sudah melakukan setup system environment variable untuk destinasi path untuk Go.

Source by : images environment variable windows

Setelah semua dipastikan tersedia kita bisa mulai mengelola versi go. Secara default kita sudah memiliki Go dengan versi terbaru sebagai contoh secara default kita sudah menginstalkan Go versi 1.16. , Lalu kita mulai installkan versi lama yang misalkan kita ingin menginstalkan Go versi 1.9.
Untuk menginstal Go versi 1.9 itu kita bisa mengetikan perintah pada command line $ go get golang.org/dl/go1.9 lalu tekan enter.

Source by : folder in gopath

Lalu ketikan perintah pada command line $ go1.9 download untuk mendownload versi Go yang sebelumnya di inisiasi.
Setelah proses download versi Go1.9 selesai kamu bisa mengubah alias ketika kamu ingin menggunakn Go versi 1.9 ini dengan mengetikan perintah di command line $ alias go="go1.9" untuk mengecek perubahan alias Go versi lama kamu bisa mengecek nya dengan cara mengetikan perintah berikut di command line $ go1.9 version / go1.9 help dan jika kamu ingin mengecek default Go versi kamu bisa mengetikan perintah $ go version / go help.

Semoga cara ini membantu untuk mengelola beberapa versi Go pada lingkungan kerja yang sama.

Membuat Timestamp Footer Dinamis Dengan Javascript

Risyandi — Sat, 09 Feb 2019 09:12:50 +0000

Source by : pexels.com

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! 😃

Peran Adops (Ads Operations) Di Industri Iklan Digital

Risyandi — Mon, 20 Nov 2017 09:19:09 +0000

Images Magazine, Source by : Pexels.com

Membahas tentang peran, Peran adalah sebuah pandangan mengenai bagaimana kita seharusnya bertindak dalam situasi tertentu. Peran ada di setiap kehidupan sehari-hari kita, dimana setiap orang mempunyai peran nya masing-masing. Seperti di industri digital ada beberapa macam peran seperti (Design graphic, Software engineer, Finance, Sales) atau peran yang lainnya.

Kini kita akan membahas tentang peran seorang Adops di industri Iklan digital seperti (Digital Media/Brands/Digital Agency).

Peran Adops

Adops mengacu pada proses dan penggunaan sistem, Adops berperan untuk mendukung penjualan dan pengiriman iklan secara online.

Adops juga lebih spesifik pada proses alur kerja dan penggunaan perangkat lunak (software) yang digunakan untuk menjual iklan, memberi masukan tentang iklan yang berjalan, melayani, menargetkan iklan dan melaporkan hasil kinerja iklan.

Working , Source by : Pexels.com

Kemampuan yang harus dimiliki Adops

Seorang Adops harus memiliki kemampuan hard skill dan soft skill yang membantu kinerja nya, apa itu hard skill dan soft skill.

a. Hard skill merupakan penguasaan ilmu pengetahuan, teknologi, dan keterampilan teknis yang berhubungan dengan bidang ilmunya.

Bahasa Pemrograman Dasar (HTML, CSS, Javascript) Kenapa bahasa pemrograman? ya, karena bahasa pemrograman ada kaitannya dengan pekerjaan Adops karena didalam prosesnya adops akan menjalankan atau meng upload materi iklan dalam berbagai format misal (.html5, .jpg, .gif) dan Adops akan memasang atau mengimplementasikan beberapa script yang mempunyai fungsi sebagai tracker untuk dirinya dan bagi client. Untuk belajar bahasa pemrograman dasar tersebut bisa berkunjung ke beberapa situs e-learning seperti : w3school, tutorialspoint.
Design Grafis (Photoshop) Penguasaa design grafis berguna bila ada beberapa materi kreatif yang membutuhkan penyesuaian ukuran.
Menganalisa data & Visualisasi Data Hal ini diperlukan sebagai Adops karena setelah iklan selesai, tahapan terakhir adalah membuat sebuah laporan, laporan akan menjelaskan hasil dari iklan yang sudah di sampaikan kepada audience berupa jumlah (impression, click) yang sudah tersampaikan dan berapa presentase (CTR, IR) yang didapat. Laporan dapat berupa format excel ataupun report dalam format powerpoint.

b. Soft skill merupakan keterampilan seseorang dalam berhubungan dengan orang lain (interpersonal skills) dan keterampilan dalam mengatur dirinya sendiri (intrapersonal skills) yang mampu mengembangkan unjuk kerja secara maksimal.

Kemampuan memanajemen Di perlukan karena ketika seorang Adops bekerja, mereka akan mengerjakan beberapa project iklan yang berbeda secara bersamaan dan setiap project iklan tersebut mempunyai karakteristik dan tingkat kesulitan yang berbeda.
Kemampuan berkomunikasi Komunikasi adalah hal penting dalam koordinasi antara sales tim yang mendapatkan project iklan dan Adops sebagai tim yang akan mengoperasikan iklan. karena komunikasi yang baik adalah komunikasi yang mempunyai kesamaan persepsi dimana sales tim dapat mengetahui dan memahami upaya yang nanti akan di
Kemampuan menjalin hubungan dengan orang lain Menjalin hubungan dengan orang lain adalah suatu keharusan, karena manusia dilahirkan sebagai mahluk sosial dan saling memerlukan antara satu dengan yang lainnya. Makanya Adops harus menjalin hubungan dengan Tim designer, Tim Sales, Tim Finance. Agar setiap ada project iklan , project nya bisa berjalan dengan lancar.

Learning , Source by : Pexels.com

Jadi itu adalah peran dan kemampuan yang harus dimiliki seorang adops dalam industri iklan digital, lalu pentingkah peran adops dalam industri iklan digital?

Jawaban nya :

Iya penting, karena adops yang akan mengeksekusi Iklan, Mengoptimize Iklan, Memantau Jalannya Iklan, Dan Memberikan wawasan tentang iklan.