Belajar Babel Loader Javascript ES6
Apa itu babel atau babel.js? Babel merupakan suatu transpiler yang bertugas untuk merubah sintaks JavaScript modern (ES6+) jadi sintaks yang bisa didukung penuh oleh semua browser. JavaScript merupakan bahasa pemrograman yang berkembang sangat cepat. Komunitasnya besar, dan tiap tahun selalu terdapat versi yang baru. Tetapi perkembangan yang cepat tadi ternyata memerlukan waktu yang lama untuk diadaptasi oleh browser […]
Contoh Memakai API Dan Fetch di dalam Web Sederhana
Apakah Kamu telah berhasil menerapkan Fetch dalam menampilkan data dari API TheSportDB? Bila belum, ayo kita lakukan bersama-sama! Pada dokumentasi API mengungkapkan bahwa, agar mendapatkan daftar klub olahraga kita bisa memakai target url: https://www.thesportsdb.com/api/v1/json/1/searchteams.php?t=Arsenal Sebelum menuliskan langsung di proyek dengan fetch, biasakan saat akan mengonsumsi API biasakan untuk mencobanya memakai aplikasi Postman terlebih dulu. Bila target […]
Contoh Ajax Memakai Fetch
Seperti yang telah kita ketahui, fetch memanfaatkan promise dalam melakukan tugasnya, sehingga network request yang dibuat memakai fetch akan sering berjalan asynchronous. Pemakaian dasar dari fetch terlihat semacam ini: Network request dilakukan terhadap saat fungsi fetch() tereksekusi. fetch(“https://web-server-book-dicoding.appspot.com/daftar”) Bila request berhasil diproses oleh server, fungsi fetch() akan mengembalikan promise resolve dan membawa response object di dalamnya. Tetapi nilai response yang dibawa resolve belum sebagai data JSON yang kita perlukan, tetapi […]
Contoh Dasar Ajax Memakai XMLHttpRequest
XMLHttpRequest atau XHR merupakan objek yang tersedia di browser yang dipakai untuk membuat HTTP Requests memakai JavaScript. Sebab namanya kita mungkin berpendapat bahwa XHR cuma mendukung format data XML, namun nyatanya sekarang ini XHR bisa dipakai oleh banyak format, bukan cuma XML. Meskipun sekarang terdapat cara yang lebih modern yaitu memakai fetch, tetapi masih ada kok beberapa developer yang […]
Apa Itu JSON?
Sesudah kita mengetahui apa itu Web API dan cara pengujiannya memakai Postman, sekarang waktunya kita mempelajari suatu format yang sering dipakai dalam transaksi data memakai Web API, yaitu JSON. Jauh pada materi sebelumnya, atau bila Kamu telah mengikuti kelas Belajar Dasar Pemrograman Web, pastinya Kamu telah mengenal dan memakai JSON bukan? Pada materi saat ini kita […]
Apa itu Web API?
Web API Pada pengenalan modul ini kita telah paham bagaimana AJAX bisa menampilkan informasi yang dinamis pada aplikasi kita. Tetapi kita belum mengetahui dari mana sumber data itu berasal? Bagaimana cara mengaksesnya? Untuk menjawab itu semua, mari berkenalan dengan Web API. Web API (Application Programming Interface) merupakan interface yang disiapkan oleh penyedia data supaya data […]
Apa Itu Webpack?
What is Webpack? Pada hakikatnya webpack merupakan module bundler untuk aplikasi JavaScript modern. Saat webpack dijalankan pada proyek kita, di belakang layar webpack akan mengobservasi module apa saja yang kita pakai dan membuat modul-modul itu dibungkus jadi satu berkas (atau lebih). Dengan memakai webpack kita bisa bebas memakai module yang saling bergantungan. Webpack akan menggabungkan semua module […]
Apa Itu Shadow DOM?
Shadow DOM bisa mengisolasi sebagian struktur DOM di dalam komponen sehingga tidak bisa disentuh dari luar komponen atau nodenya. Ringkasnya kita dapat sebut shadow DOM sebagai “DOM dalam DOM”. Shadow DOM bisa membuat DOM Tree lain terbentuk secara terisolasi melalui host yang merupakan komponen dari regular DOM Tree (Document Tree). Shadow DOM Tree ini dimulai […]
Belajar Membuat Custom Element Dan Shadow DOM Dasar di Javascript
Ihsan Magazine – Saat ini kita akan mencoba belajar membuat Custom Element dasar di Javascript, apa itu Custom Element? Mudah nya Custom Element seperti kita Membuat Tag HTML baru untuk Front End Developer. Bisa untuk memperluas elemen bawaan HTML, dan masih banyak yang lain, dasarnya memakai Elements global dipakai untuk mengartikan elemen khusus dan mengajarkan […]
Contoh Nested Custom Element Di Javascript
Saat memakai custom element, mungkin terdapat kondisi di mana kita memerlukan custom element berada di dalam custom element lain. Misalnya, banyak website sekarang ini yang memperlihatkan data berupa daftar, entah itu daftar artikel maupun item belanja. Pada umumnya setiap daftar yang ditampilkan ditampung pada sebuah container <div>. Kemudian item yang sama ditampilkan secara berulang dengan data […]
