Mengukur Waktu Eksekusi Sebuah Blok Kode Javascript dengan Console.Time()

Berawal dari rasa penasaran saya ingin mengetahui mana yang lebih cepat antara for..in, for, dan map() untuk mengiterasi array di Javascript, saya mencari tutorial melalui mesin pencari untuk mencari teknik yang saya inginkan tersebut. Akhirnya saya menemukan teknik tersebut yaitu console.time(). Secara teknis sebuah blok kode yang akan Anda periksa harus diapit oleh console.time(‘nama-pengenal-blok-kode’) dan console.timeEnd(‘nama-pengenal-blok-kode’).

Dengan mengandalkan Firefox dan Chrome, saya mulai mencoba membuat kode Javascript seperti berikut. (simpan dengan nama file forvsmap.js):

Baca lebih lanjut

Iklan

Selayang Pandang Javascript dan NodeJS

Di pelatihan OSTRIC edisi Juli 2014 pada tanggal 19 Juli 2014 kemarin saya mencoba menyampaikan tentang NodeJS dasar. Dan memang hal yang menarik adalah ketika peserta sendiri sering kebingungan antara NodeJS dengan Javascript yang biasa digunakan di browser.

Oleh karena itu sebelum mengenalkan NodeJS saya berikan pengantar terlebih dahulu tentang Javascript, berhubung sebagian teman – teman di OSTRIC belum pernah mencoba Javascript. Di dalam slide yang berjudul Selayang Pandang Javascript dan NodeJS ini saya mencoba menyampaikan:

  • Apa itu Javascript
  • Hello World Javascript
  • Kondisional di Javascript
  • Pengulangan di Javascript
  • Fungsi di Javascript
  • Callback
  • Menangani Event di Javascript
  • Manipulasi DOM Sederhana
  • Validasi Form Sederhana
  • Apa itu nodeJS
  • Hello World NodeJS
  • Request Handling
  • Koneksi NodeJS ke RDBMS MySQL
  • Menampilkan Halaman HTML dengan Swig
  • Mengirim Data dari Form Swig
Selayang Pandang Javascript dan NodeJS

Selayang Pandang Javascript dan NodeJS

Jika Anda tertarik dengan slide tersebut, Anda dapat melihat dan mengunduhnya disini: Slide Selayang Pandang Javascript dan NodeJS di Slideshare. Semoga bermanfaat, dan cobalah untuk mengulik lagi NodeJS di kampus, dirumah, atau dikantor Anda :D.

Modul Pengenalan Dasar NodeJS

Pada tanggal 12 Juli 2014, POSS UPI mengadakan pelatihan internal yang mengangkat dua topik yaitu pelatihan dasar Mozilla Thunderbird dan pelatihan dasar NodeJS. Pelatihan dasar Mozilla Thunderbird membahas bagaimana kita dapat memanfaatkan Thunderbird untuk keperluan email dan social media. Pada pelatihan dasar NodeJS, membahas bagaimana membangun sebuah website lowongan kerja sederhana dengan NodeJS tanpa menggunakan web framework tertentu.

Modul Pengenalan Dasar NodeJS dari POSS UPI

Modul Pengenalan Dasar NodeJS dari POSS UPI

 

Tertarik untuk belajar NodeJS? Sebelum Anda mengunduh modulnya. Mari kita lihat daftar isi tentang Modul NodeJS tersebut: Baca lebih lanjut

URL Routing di NodeJS

URL Routing adalah sebuah cara dimana aplikasi web akan menerima request dari user yang direpresentasikan melalui URL. URL tersebut akan berbentuk sebuah string yang dipisahkan dengan tanda “/” setelah nama domain, dan akan menunjuk kepada suatu proses di aplikasi web tersebut. Tentunya URL ini memerlukan sebuah parameter yang dilewatkan secara langsung atau melalui query string yang biasanya ditangkap dengan metode GET.

Di bawah ini merupakan contoh URL Routing di NodeJS yang telah saya coba. Simpan kode berikut dengan nama routing-sample.js:

Baca lebih lanjut

Akses MySQL di NodeJS

Dengan menggunakan package node-mysql yang dibuat oleh felixge. Saya mencoba membuat ulang sebuah source code untuk mengakses database di MySQL dengan NodeJS. Berikut source code tersebut:

var mysql = require('mysql')
var connection = mysql.createConnection({
    host:'localhost',
    user:'root',
    password:"toor",
    database:'jobspool'
});

connection.connect();

function list_jobs_category(rows){
    console.log('hello world');
    console.log(rows);
}

// get all category
connection.query('select * from jobs_category', function(err, rows, fields){
    list_jobs_category(rows);
});

connection.end();

Sedangkan untuk hasil dari eksekusi source code diatas adalah sebagai berikut:

root@ridwanbejo-Aspire-4738G:/home/ridwan/NodeJS Mania/labs/node-jobspool# node app.js
hello world
[ { id_category: 1, name: ‘Informatic Engineering’ },
{ id_category: 2, name: ‘Data Mining’ },
{ id_category: 3, name: ‘Accountancy’ },
{ id_category: 4, name: ‘Statistic’ },
{ id_category: 5, name: ‘Pharmacy’ },
{ id_category: 6, name: ‘Health’ } ]
root@ridwanbejo-Aspire-4738G:/home/ridwan/NodeJS Mania/labs/node-jobspool#

Semoga bermanfaat :D.

Mencoba Pengulangan untuk Iterasi Data di AngularJS

Coba – coba akhirnya makin tergoda :D, jika sebelumnya saya mencoba untuk menggunakan ng-model di setiap field di form kini saya telah mencoba bagaimana melakukan sebuah pengulangan (looping) di AngularJS. Karena AngularJS ini menggunakan directive, maka directive yang digunakan untung pengulangan adalah data-ng-repeat.

Directive data-ng-repeat digunakan untuk melakukan iterasi terhadap sebuah array atau dataset. Anda dapat mengulang elemen pada DOM yang sama layaknya melakukan pengulangan dengan server side scripting biasa. Tentunya data yang akan diiterasi harus dimuat terlebih dahulu sebelum melakukan pengulangan dengan data-ng-repeat. Untuk memuat data di halaman yang sudah diinisialisasi dengan AngularJS, Anda dapat menggunakan data-ng-init untuk memuat array yang akan Anda iterasi.

Mari kita coba membuat pengulangan data tersebut. Simpan source code dibawah ini dengan nama repeat.html. Jangan lupa sertakan AngularJS beserta file repeat.html tersebut. Berikut adalah source code yang berisi contoh pengulangan data tersebut:

Baca lebih lanjut

Berkenalan dengan ng-model di AngularJS

AngularJS merupakan salah satu framework untuk membangun single page application yang tentunya ditulis dengan menggunakan Javascript. Dengan AngularJS, Anda dapat membangun sebuah aplikasi tanpa melibatkan server side scripting di halaman view. Salah satu teknik yang digunakan di AngularJS adalah menggunakan directive.

Dalam tulisan ini saya akan mencoba memperkenalkan tiga directive dasar yang dimiliki AngularJS. Berikut adalah directive
yang akan digunakan dalam contoh aplikasi yang menggunakan AngularJS:

Baca lebih lanjut