Manfaatkan Kursus – Kursus Gratis di Udemy

Udemy adalah salah satu marketplace yang cukup diminati banyak orang dari berbagai dunia. Pekan ini saya sudah memanfaatkan berbagai course  yang sedang promo dalam rangka LearnFest 2017 di Udemy dengan harga $10 saja. Tentu saja ini sangat membantu sekali, karena kalau harus dibeli dengan harga asli bisa mencapai Rp. 10 juta. Cukup fantastis untuk membeli banyak kursus online.

Berikut ini saya mau berbagi kurasi daftar kursus gratis di Udemy yang sudah saya kumpulkan:

– Amazon Web Service

https://www.udemy.com/serverless-architecture-on-a…/learn/…/

https://www.udemy.com/cloud-computing-with-amazon-web-se…/…/

https://www.udemy.com/serverless-concepts/

https://www.udemy.com/aws-developer-associate-training/

https://www.udemy.com/linux-academy-aws-certified-solution…/

https://www.udemy.com/aws-essentials/

https://www.udemy.com/amazon-web-services-aws/

– Django

https://www.udemy.com/introdjango/learn/v4/

– PHP

https://www.udemy.com/creating-a-search-engine-in-…/learn/…/

https://www.udemy.com/learn-object-oriented-php-by-buildin…/

https://www.udemy.com/code-dynamic-websites/

https://www.udemy.com/ecommerce-website-in-php-mysqli/

https://www.udemy.com/chat-system-in-php-ajax/

https://www.udemy.com/php7-new-features/

https://www.udemy.com/practical-understanding-of-php-and-m…/

https://www.udemy.com/oop-object-oriented-programming-in-p…/

https://www.udemy.com/laravel-blog-development/

– Angular.js

https://www.udemy.com/angularjs-for-beginners-udemy/

https://www.udemy.com/maruti-angularjs/

https://www.udemy.com/quickstart-angularjs/

https://www.udemy.com/learn-angular-from-scratch/

– MongoDB

https://www.udemy.com/mongodb-essentials/

– MySQL

https://www.udemy.com/learn-database-design-with-mysql/

– Web Development

https://www.udemy.com/web-development-learn-by-doing-html5…/

https://www.udemy.com/learn-html5-programming-from-scratch/

https://www.udemy.com/build-your-first-website-in-1-week/

https://www.udemy.com/html5-fundamentals-for-beginners/

https://www.udemy.com/html-and-css-for-beginners-crash-cou…/

https://www.udemy.com/javascript-essentials/

Asli free a.k.a gak bayar tinggal modal waktu dan koneksi internet aja 😀.

Dan masih banyak lagi kursus lainnya seperti Android, Ruby on Rails, Java, Ruby, Linux, dan lain – lain yang gratis. tinggal search aja sesuai kebutuhan.

Iklan

Membuat Statistik Repo Github Sederhana dengan PhantomJS

Sudah lama saya tidak menulis lagi di blog sendiri. Karena saya sedikit banyak kerjaan di kantor, jadi saya harus mencari waktu luang yang tepat untuk ngulik lagi. Dan postingan kali ini bukan postingan tentang liburan. Saya ingin mencoba memperlihatkan lagi sebuah kemampuan yang dimiliki Phantom.js, sebuah teknologi yang diciptakan oleh Ariya Hidayat.

Sebelumnya saya membuat sebuah tulisan tentang “Mengukur Load Page Time Menggunakan PhantomJS”, nah sekarang saya ingin mencoba memperlihatkan sebuah kode Javascript yang dapat mengambil beberapa informasi di halaman sebuah repo Github seperti jumlah star, commit, fork, dan lainnya. Berikut adalah kode program tersebut, namai file tersebut dengan github-repo-stat.js:

Baca lebih lanjut

Ikut – Ikutan Ngebenchmark Web Framework

Coba – coba ikut – ikutan trend (ngebenchmark). Umumnya hasil benchmark yang diperlihatkan hanya sebatas “hello world”. Nah saya mencoba melakukan benchmark dengan sedikit modifikasi yang berbeda yaitu dengan menghasilkan output berupa JSON dan melakukan query yang sama terhadap tabel yang ada di http://sportsdb.org/sd/samples. Disini saya lakukan query terhadap tabel display_names dan melakukan query dengan limitasi 100 record. Dengan perintah yang sama saya salin ke beberapa framework dan mengujinya dengan apache benchmark.

Tentu saja hasil ini bukan hasil nyata, karena parameter yang dihitung hanya sedikit. Jadi bila ada yang penasaran dengan hasil pengamatan saya ini, silahkan tambah parameternya (misal pengaturan ulang web server dan konfigurasi lainnya) dan perlihatkan bagaimana hasil pengujian teman – teman.

Contoh output JSON yang digunakan untuk benchmark beberapa kombinasi web framework dan web server

Contoh output JSON yang digunakan untuk benchmark beberapa kombinasi web framework dan web server

Berikut adalah hasil pengujian beberapa framework (python, php, dan node.js) yang memperlihatkan hasil pengujian ketika diuji dengan banyaknya request 1000 dan konkurensi 50, 100, 250, 500, dan 1000 secara bergantian menggunakan apache benchmark. Apache saya naikan MaxRequstWorker-nya menjadi 1024, Nginx saya naikan worker_connections-nya menjadi 1024, dan untuk Gunicorn saya menggunakan worker sebanyak empat dan worker-connections sebanyak 1024:

Baca lebih lanjut

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

Memanfaatkan Fitur HTML5 LocalStorage di Browser

Pernahkah Anda mengira bahwa menyimpan data client dapat dilakukan selain di cookies? di HTML5 ini terdapat sebuah fitur baru yang dinamakan dengan LocalStorage. LocalStorage membantu pengembang web untuk menyimpan data user di browser yang user gunakan. Sekalipun browser dihentikan, data akan tetap tersimpan sampai data di LocalStorage dibersihkan. Sebagai pratinjau, silahkan simak kode program berikut, kemudian cobalah jalankan di browser Google Chrome terbaru:

<!DOCTYPE HTML>
<html>
    <head>
        <title>Local Storage Demo</title>
    </head>
    <body onload="muatPengaturan()">
        <div style="text-align:center;">
            <h1>Pengaturan Permainan</h1>
            <form>
                nama: <input type="text" id="nama" name="nama" placeholder="Nama.." /><br/>
                level: <select id="level" name="level">
                            <option value="mudah">Mudah</option>
                            <option value="normal">Normal</option>
                            <option value="sulit">Sulit</option>
                        </select> <br/>
                volume suara: <input type="range" id="suara" name="suara" onchange="console.log('suara berubah...')"/><br/>
                volume musik: <input type="range" id="musik" name="musik" onchange="console.log('musik berubah...')"/><br/>
                <input type="button" value="Simpan" onclick="simpanPengaturan();" />
            </form>
        </div>
    </body>
    <script type="text/javascript">
        
        function muatPengaturan(){
            document.getElementById('nama').value = localStorage.getItem('nama');
            document.getElementById('level').value = localStorage.getItem('level');
            document.getElementById('suara').value = localStorage.getItem('suara');
            document.getElementById('musik').value = localStorage.getItem('musik');
        }
        
        function simpanPengaturan(){
            nama = document.getElementById('nama').value;
            level = document.getElementById('level').value;
            suara = document.getElementById('suara').value;
            musik = document.getElementById('musik').value;
            
            localStorage.setItem('nama', nama);
            localStorage.setItem('level', level);
            localStorage.setItem('suara', suara);
            localStorage.setItem('musik', musik);
            
            return false;
        }
    </script>
</html>

Semoga bermanfaat 😀

Mengukur Load Page Time dengan PhantomJS

Sebelum membaca sebuah artikel yang berjudul   “What is Headless Browser?”   saya sedikit  bingung apa sih sebenarnya headless browser itu. Kemudian saya coba baca berulang kali dan saya dapat menangkap sebuah intisari bahwa headless browser adalah browser yang tak berwujud alias tidak mempunyai tampilan tapi dapat memanipulasi isi dari halaman web. Dengan headless browser Anda dapat melakukan berbagai pengujian terhadap halaman web yang terdiri dari DOM.

Salah satu headless browser yang ada saat ini adalah PhantomJS. Sebuah tools yang dibuat oleh Ariya Hidayat. Seorang ilmuwan di bidang telekomunikasi dan penggiat open source yang menurut kabar kini tinggal di Amerika Serikat. PhantomJS ini merupakan scriptable headless browser. Dibangun diatas WebKit, PhantomJS banyak digunakan oleh banyak vendor untuk menguji produk web mereka. Misalnya Twitter Bootstrap.

Dengan merujuk ke PhantomJS Quickstart, saya mencoba untuk mempelajari PhantomJS dengan cara menyalin ulang dan sedikit memodifikasi source code untuk mengukur load page time menggunakan PhantomJS (padahal mah cuma nambahin console.log 😀 haha). Berikut adalah source code untuk mengukur load page time menggunakan PhantomJS:

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