Belajar Shadow DOM Dasar Untuk Web Components
Halaman website yang ditampilkan terbentuk dari HTML. HTML sangat membantu kita karena ia cukup mudah dipelajari dan digunakan. HTML mudah dipahami oleh kita namun tidak untuk mesin. sehingga terciptalah DOM (Document Object Model) sebagai penghubung antara HTML dengan bahasa pemrograman. …
Belajar Web Component Dasar
Banyak Web Front-End Framework pada saat ini mempromosikan kemampuannya dalam meminimalisir kode yang berulang karena menerapkan teknik components dan modules. Component jadi hal yang sangat populer karena dengannya, kita dapat mudah memasang dan mempreteli kumpulan element (component) pada website. Component bersifat reusable, sehingga…
Belajar Node JS Dasar (Import dan Export)
Potongan kode dalam materi ini: Export dan Import dalam Node.js:https://repl.it/@dicodingacademy/163-02-export-import-nodejs?lite=true Export dan Import banyak Nilai dalam Node.js:https://repl.it/@dicodingacademy/163-02-multiple-export-nodejs?lite=true Export dan Import dalam ES6:https://repl.it/@dicodingacademy/163-02-exporting-importing-single-value-es6?lite=true Export dan import banyak Nilai dalam ES6:https://repl.it/@dicodingacademy/163-02-exporting-importing-multiple-value-es6?lite=true Jika aplikasi kita akan terus berkembang, tentu kita tidak bisa menuliskan…
Apa itu Async-Await Syntax Javascript
Pembahasan terakhir mengenai asynchronous operator kali ini adalah penggunaan sintak async/await. Apa itu? Seperti yang sudah kita ketahui, pada JavaScript callback dan Promise merupakan teknik yang digunakan selama kita berurusan dengan proses asynchronous. Namun penulisan kode akan sedikit berbeda dari proses synchronous. …
Apa itu Promise di Javascript
Promise merupakan salah satu fitur penting dari ES6. Promise ini dapat menggantikan peran callback dengan menggunakan ciri khas fungsi .then-nya itu. Tapi mengapa fitur ini dinamakan dengan “Promise” alias “Janji”? Fitur ini berfungsi seperti namanya, yaitu untuk membuat janji. Mari kita…
Belajar tentang Class didalam Javascript
Potongan kode pada materi ini: https://repl.it/@dicodingacademy/163-02-class?lite=true Dalam paradigma Object-Oriented Programming (OOP), class merupakan sebuah blueprint yang dapat dikembangkan untuk membuat sebuah objek. Blueprint ini merupakan sebuah template yang di dalamnya menjelaskan seperti apa perilaku dari objek itu (berupa properti ataupun method). Paradigma OOP selalu digambarkan…
Belajar Function Dasar Javascript Hingga Arrow Function
Potongan kode pada materi ini: Arrow Function:https://repl.it/@dicodingacademy/163-02-arrow-function?lite=true Default Parameters: https://repl.it/@dicodingacademy/163-02-default-parameter?lite=true Fungsi merupakan bagian penting dari bahasa pemrograman. Sebelum ES6, JavaScript tidak melakukan improvisasi yang signifikan pada penulisannya. Hal ini membuat JavaScript terlihat monoton padahal fungsi sendiri banyak sekali dituliskan ketika kita…
Spreading Operator and Rest Parameter Javascript
Potongan kode pada materi ini: Spreading Operator: https://repl.it/@dicodingacademy/163-02-spreading-operator?lite=true Rest Parameter:https://repl.it/@dicodingacademy/163-02-rest-parameter?lite=true Masih membahas mengenai array, ES6 memiliki dua fitur menarik untuk membantu pengelolaan parameter fungsi dan arrays menjadi mudah, yakni spreading operator dan rest parameter. Spreading Operator Spreading operator dituliskan dengan three…
Belajar Destructuring Object & Array Javascript
Potongan kode pada materi ini: Object Destructuring: https://repl.it/@dicodingacademy/163-02-destructuring-object?lite=true Array Destructuring: https://repl.it/@dicodingacademy/163-02-destructuring-array?lite=true Literasi objek dan array adalah dua hal yang paling banyak digunakan dalam mengelola data di JavaScript. JSON (JavaScript Object Notation) merupakan data format paling populer yang digunakan dalam transaksi data saat…
Belajar Template Literals Javascript
ES6 menawarkan kemudahan bagi developer dalam mengelola nilai string. Sebelum ES6, cara lama dalam menggabungkan nilai string adalah dengan menggunakan operator (+). const user = { firstName: “Dimas”, lastName: “Saputra”, age: 18} console.log(“Nama: ” + user.firstName + ” ” + user.lastName + “, Umur: ” +…