Posts

Showing posts with the label javascript

Nodejs #1 : Belajar Nodejs Untuk Pemula

-
Image
Postingan kali ini saya akan sharing tentang nodejs, sudah banyak sekali yang menulis artikel dan tutorial node js tapi gak ada salahnya saya menulis juga tentang node js ini :D node js merupakan javascript runtime / sebuah platform untuk menjalankan javascript tanpa menggunakan browser, keren kan javascript bisa dijalankan tanpa browser :D. node js ini dibangun dengan runtime yang bernama V8 yang merupakan javascript runtime engine dari google chrome. dengan adanya node js ini memungkinkan kita untuk menjalankan javascript langsung dari sisi server ( server-side ) sama halnya dengan PHP. node js ini bisa berjalan di system operasi windows, linux dan mac OS. pada postingan ini saya akan menggunakan node js versi windows :D, jika belum punya installer-nya bisa di download langsung di websitenya https://nodejs.org/en/ jika sudah di download jangan lupa di install ya :D, setelah instalasi selesai kita siapkan sebuah folder disini saya membuat
1 comment
Read more

Menggunakan Wikipedia API Dengan P5 JS dan Bootstrap

-
Image
Pada postingan kali ini saya akan sharing menggunakan API wikipedia dengan P5.JS dan Bootstrap. pertama-tama kita buat folder dengan nama wiki-api dan didalamnya buat file index.html seperti berikut : <!DOCTYPE html> <html> <head> <title>Wikipedia API</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="p5.js"></script> <script src="p5.dom.min.js"></script> <script src="p5.sound.min.js"></script> <script src="script.js"></script> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container"> <a class="na
Post a Comment
Read more

Mengakses data JSON Menggunakan Javascript

-
pada posting  Sebelumnya saya sudah sharing cara mengakses JSON dengan php  kali ini saya akan sharing cara mengakses JSON menggunakan javascript, untuk projectnya kita menggunakan project yang sama, kita cuma menambahkan file baru yaitu produk.html <!doctype html> <html lang="en"> <head>   <!-- Required meta tags -->   <title>Javascript - JSON</title>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">   <!-- Bootstrap CSS -->   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body class="container">   <h1>Daftar Produk</h1><hr>   <div class="row
Post a Comment
Read more

Create Dynamic SAPUI5 Tiles With JSON

-
Image
Postingan kali ini saya akan sharing cara membuat menu tiles di SAPUI5 secara dinamis dengan menggunakan json, ok langsung saja kita buat project baru di eclipse jika belum tau cara membuat project baru sapui5 bisa dilihat  DISINI ,  1. New Project   2. Project Name   3. Create View -> javascript 4. Setelah klik tombol finish diatas maka akan langsung ter-create structure project sapui5 seperti berikut :index.view, index.controller dan index.html   sekarang kita tambahkah folder baru didalam folder WebContent dengan nama asset dan didalam folder asset kita buat dua buah folder dengan nama json dan icon lalu tambahkan file type json didalam folder json dengan nama tile.json dengan cara klik kanan di folder json dan pilih New->file lalu tuliskan nama file dan extensinya ( tile.json ) lalu finish , dan didalam folder icon tambah 2 buah gambar dengan nama 1.png dan 2.png (nama gambar gak harus sama :D) untuk iconnya say
Post a Comment
Read more

Membuat CRUD Sederhana Dengan Firebase Javascript dan Bootstrap

-
Image
Assalamu'alaikum warahmatullahiwabarokatuh, selamat malam teman-teman :D, pada postingan kali ini saya akan berbagi cara membuat CRUD sederhana dengan firebase dan javascript yang di kombinasikan dengan bootstrap css framework, pertama teman2 harus download bootstrap dulu, atau kalau sudah punya file-nya tidak perlu download :D, untuk mengikuti tutorial ini teman-teman harus punya account firebase jika belum langsung saja daftar atau lihat  DISINI  cara membuat account firebase. ok, teman2 buat folder dengan nama firebasejs atau apa saja terserah teman2, copy kan folder (css, js, fonts) yang ada pada bootsrap teman2 kedalam folder firebasejs. Setelah itu buat file baru didalam folder firebasejs dengan nama index.html dan tuliskan source code seperti berikut : <!DOCTYPE html> <html> <head>  <title>CRUD Firebase</title>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1,
1 comment
Read more