topik Javascript

Ini dia yang kamu cari

Ada 77 artikel dalam topik Javascript.

Menggambar Objek dengan Perulangan dan Fungsi Random di HTML5 Canvas

Menggambar Objek dengan Perulangan dan Fungsi Random di HTML5 Canvas

Pada artikel pengenalan HTML5 Canvas sebelumnya, kita sudah belajar cara menggambar objek-objek dasar seperti titik, garis, persegi, lingkaran, dan segitiga. Objek digambar hanya sekali saja. Bagaimana kalau kita ingin menggambar banyak objek dan digambar secara acak? Untuk menjawab pertanyaan ini, kita harus menggunakan perulangan dan fungsi random(). Lebih jelasnya, mari kita bahas… Menggambar Objek dengan PerulanganPada contoh di artikel sebelumnya, kita sudah pernah menggambar persegi dua kali. <script type="text/javascript"> var canvas = document.

JSON itu Apa Sih? dan Apa Gunanya dalam Pemrograman?

JSON itu Apa Sih? dan Apa Gunanya dalam Pemrograman?

Segala hal yang perlu kamu ketahui tentang JSON. Apa itu JSON, dan apa gunanya dalam pemrograman?

Mengenal HTML5 Canvas untuk Pemrograman Grafis dan Game

Mengenal HTML5 Canvas untuk Pemrograman Grafis dan Game

Sebelum kedatangan HTML5, Game dan elemen multimedia lainnya disajikan dalam browser menggunakan Flash. Banyak game berbasis Flash yang bisa dimainkan melalui browser. Bahkan Flash juga digunakan untuk memutar video. Seingat saya dulu…tanpa Flash Player, kita tidak bisa memutar video di Youtube. Namun semuanya berubah setelah kedatangan HTML5… 1 HTML5 membawa banyak elemen baru yang menggantikan tugas Flash dalam browser. Salah satunya adalah canvas. Apa itu Canvas?Dalam dunia nyata, canvas sering digunakan untuk menggambar dan melukis.

Apa itu WebAssembly?

Apa itu WebAssembly?

Saat pertama kali mendengar kata WebAssembly, saya kira kita akan membuat web dengan bahasa assembly. Ternyata bukan. Sekitar dua minggu yang lalu saya mendapatkan kiriman link milis melalui channel @reddit_programming tentang pengumuman WebAssembly. WebAssembly akan segera tersedia di Firefox dan Google Chrome bulan ini dan benar saja, Firefox dan Google Chrome merilis versi terbarunya. Firefox 52 Rilis dengan Dukungan WebAssembly dan Peningkatan Sync Google Chrome 57 Rilis dengan Dukungan WebAssembly dan Spesifikasi CSS Gird Baru Lalu apa sebenarnya WebAssembly itu?

Animasi Gambar dengan Javascript

Animasi Gambar dengan Javascript

Saya sempat mengira, kalau animasi stiker di facebook menggunakan gif, ternyata bukan. Animasi tersebut menggunakan javascript dengan mengubah posisi background. Coba saja klik kanan pada stikernya, kemudian pilih inspect element, maka kita akan mendapatkan kode seperti ini. Terlihat pada kode di atas, stikernya menggunakan background image. Ketika kita membuka background tersebut, kita akan mendapatkan gambar seperti berikut ini. Sekarang, bagaimana kalau kita coba membuatnya. Kode HTMLBuat kode HTML untuk menampilkan stikernya.

Cara Membuat Halaman Github untuk Repositori

Cara Membuat Halaman Github untuk Repositori

Pada tulisan sebelumnya, saya pernah membahas tentang cara membuat halaman Github untuk profil individu dan organisasi. Nah, kali ini kita akan membuat halaman github untuk proyek atau repositori. Jadi sebenarnya, setiap proyek atau repositori di Github itu bisa dijadikan halaman Github (Github Pages). Pastikan di dalam proyek berisi file web statis seperti HTML, CSS, dan Javascript. Membuat repositoriBuatlah repositori dengan nama apa saja, kemudian di dalamnya berisi file web statis. Setelah itu, upload ke github.

Membuat AMP Image Generator dengan Vuejs

Membuat AMP Image Generator dengan Vuejs

P.S: Ini adalah artikel lama tentang bagaimana saya membuat AMP Generator untuk digunakan pada Blogger (Blogspot) Hari ini saya baru berkenalan dengan Vue.js. Saya sudah mendengar tentang Vue.js dari beberapa teman dan forum. Tapi, saya belum berani untuk mulai mencobanya. Awalnya saya ingin membuat sebuah alat untuk kebutuhan saya sendiri, yaitu alat yang bisa membuat tag amp-img secara otomatis melalui url gambar. Karena masih banyak artikel di blog ini yang belum disunting dan belum valid AMP.

4 Cara Menulis Kode Javascript pada HTML yang Wajib Kamu Ketahui

4 Cara Menulis Kode Javascript pada HTML yang Wajib Kamu Ketahui

Baru belajar Javascript? ..dan masih bingung dengan cara menulis Javascript di HTML? Tenang! Saya akan menjelaskannya. Ada 4 cara menulis kode Javascript pada HTML. Dari keempat cara ini, ada yang biasa dan sering digunakan.. ..ada juga yang ‘aneh’, jarang digunakan sih tapi masih work! Apa saja keempat cara itu? Mari kita bahas: 1. Menulis Javascript pada Tag <script>Penulisan kode Javascript menggunakan tag <script> adalah cara umum yang digunakan. Tag <script> dapat kita buat di dalam tag <head> maupun <body>.

7 (Bahasa) Pemrograman yang Dapat Dilakukan Langsung di Ubuntu

7 (Bahasa) Pemrograman yang Dapat Dilakukan Langsung di Ubuntu

Apa saja bahasa pemrograman yang bisa kamu langsung pakai di Ubuntu?