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

2020031323502200000abb4fd3bf7637506d2872ff1cb0 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

Contoh Ajax Memakai Fetch 2 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

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?

20200313225902ae266e132fb41907aef8dbcd4201c57c 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?

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?

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?

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

20200310192559e057df7d65da0d6b4369a31dfa0bcf60 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

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 […]