Kelebihan dan Kekurangan AngularJS JavaScript Terpopuler

JavaScript paling populer tahun 2016 ini salah satunya adalah Angular JS yang merupakan front-end framework JavaScript yang dikembangkan pertama kali oleh Google Misko Hevery dan Adam Abrons. Dengan keunggulan Framewrok JavaScript ini dan banyaknya fitur-fitur yang powerful dari AngularJS, dalam proses pengembangan atau pembuatan aplikasi menjadi sangat mudah, maupun untuk seorang pemula sekalipun. Selain itu framwork JavaScript Angular JS merupakan open source yang bebas digunakan oleh siapapun tanpa harus membayar alias gratis.

Angular Js juga merupakan JavcaScript Framework yang memiliki data terstruktur dalam pengembangan dan pembuatan website dinamis. Sangat cocok bagi kamu yang ingin memasuki dunia web designer hanya bermodal HTML dan Angular JS. Beberapa fitur utama yang di andalkan oleh Angular JS dan kelebihan dari Angular JS membuat JavaScript Framework yang satu ini menjadi populer dikalangan web designer.

Bagian – bagian utama yang dimiliki framwork AngularJS seperti berikut :

1. ng-app yang berfungsi sebagai pen-definisi arahan dan link dari aplikasi Angular JS ke html.
2. ng-model berfungsi untuk arahan data dari aplikasi Angular JS ke input kontrol html.
3. ng-bind berfungsi sebagai arahan data dari aplikasi Angular JS ke tag html.

Berikut kami jelaskan beberapa fitur utama yang diunggulkan dalam framework AngularJS sebagai berikut :

1. JavaScript Framework Angular JS merupakan sebuah framework yang sangat efisien dalam dan mengembangkan Rich Internet Applications (RIA).
2. JavaScript Framework Angular JS merupakan aplikasi MVC (Model, View, Controller).
3. Dengan menggunakan Aplikasi yang berbasis Angular JS bisa diakses dari semua web browser.
4. Framework Angular JS merupakan framework JavaScript Open Source alias gratis, dan memiliki komunitas pengembang aplikasi yang banyak.

Beberapa Fitur Core yang dimiliki Angular JS antara lain :

1. Data binding yang berfungsi untuk sinkronisasi data antara Model dan View yang dimiliki Angular JS.
2. Scope adalah suatu objek yang mengacu pada sebuah model, sebagai perekat antara Controller dan View.
3. Controller Merupakan kumpulan dari fungsi-fungsi javascript yang dibuat dalam Angular JS.
4. Model View Whatever yang artinya Angular JS tidak mengimplementasikan MVC secara umum, melainkan sesuatu yang lebih dekat sebagai MVVM (Model View View Model).

Keuntungan menggunakan Angular JS seperti berikut :

• Dengan menggunakan Angular JS dalam pembuatan aplikasi akan memudahkan developer, karena AngularJS sendiri memiliki kemampuan dalam membuat Single Page Application dengan cepat dan mudah.
• Framework Angular JS mampu berinteraksi dengan HTML dan memilki kemampuan data binding pada html dengan efesiensi yang tinggi.
• Angular JS Menyediakan Dependency Injection (DI) dimana akan memungkinkan sang developer menulis beberapa komponen dan code yang terpisah satu sama lain. Kita hanya perlu memanggil komponen tersebut jika diperlukan dan bisa digunakan secara berulang.
• Dengan menggunakan Angular JS sebagai pengembang aplikasi sang developer dapat membuat fungsi dan code yang lebih baik dan lebih ringkas.

Diatas merupakan beberapa keunggulan yang dimiliki oleh Angular JS, keunggulan lainnya masih banyak dan tidak akan muat jika dituliskan semuanya. Jika ingin mengetahui semua keunggulan yang dimiliki oleh Angular JS bisa langsung praktek dan debugging. Namun ada beberapa kelemahan yang dimiliki oleh Angular JS sendiri. Apa kelemehan Angular JS?

Kekurangan yang dimiliki Oleh AngularJS :

• Autentikasi server yang kurang aman.
• Jika menggunakan web browser dan mendisable fungsi javascript, maka aplikasi tidak akan berjalan. Jadi hanya tergantung dari jenis aplikasi browser yang digunakan.

Jika kamu berminat untuk belajar Angular JS secara serius dan tekun, kamu bisa langsung subscribe media social ngehh.id untuk mendapatkan tutorial – tutorial terbaru dari ngehh.id tentang JavaScript Angular JS berbahasa Indonesia terbaru setiap hari secara gratis. Terima kasih :)

JavaScript Library Terbaik dan Populer yang Paling Banyak digunakan

Bahasa Pemrograman JavaScript yang dikembangkan pertama kali oleh Netscape (dan kemudian Mozilla), sudah bayak membantu dalam proses pengembangan aplikasi website yang kompleks. Dengan bertambah populernya aplikasi berbasis website untuk sekarang ini JavaScript juga semakin ikut berkembang, dikarenakan JavaScript sangat membantu dan bisa membuat aplikasi web dinamis dan JavaScript juga dapat dengan mudah dikombinasikan dengan CSS, selain itu sangat ampuh dikembangkan untuk pembuat web berbasis flash, seperti website game flash.

Library JavaScript dikembangkan untuk membantu sang webmaster dalam mengembangkan aplikasi yang dibangunnya. Dalam kesempatan ini, ngehh.id akan membahas beberapa library javaScript paling populer dan paling banyak digunakan dalam pembuatan aplikasi website. Apa saja contoh Library JavaScript itu?

Library JavaScript Paling Populer Maret s/d April 2016

#1. jQuery

Library JavaScript paling banyak digunakan di indonesia maupun dunia oleh web developer yang pertama versi ngehh.id adalah jQuery, bagi kamu seorang webmaster yang sudah lama menjejaki dunia pengembangan aplikasi website mungkin sudah tidak asing lagi dengan nama jQuery, dimana kamu bisa dengan mudah dalam membuat web dinamis.

Keunggulan dari library jQuery ini adalah proses yang sangat cepat dan dengan ringkas dalam menyederhanakan dokumen traversing, event handling, animating, dan AJAX interactions dalam proses pengembangan aplikasi website dengan waktu minimum. Saat tulisan ini dipublish, jQuery sudah sampai pada versi 2.2.3, kamu bisa menggunakan library JavaScript ini dengan gratis, silahkan download pada situs resminya di http://code.jquery.com/jquery-2.2.3.min.js

Cara Menggunakan jQuery

Bagi kamu yang masih pemula dalam menggunakan jQuery jangan khawatir, kita akan membahas cara menggunakannya bersama – sama, pertama silahkan download jQuery versi terbaru yang sudah disiapkan pada link diatas. Simpan library tersebut di localhost, pastikan struktur folder aplikasi kamu seperti gambar dibawah ini.

Dan tuliskan seluruh code JavaScript berikut simpan dengan nama index.html :

<html>
<head>
    <title>Belajar JavaScript</title>
    <script src="jquery-2.2.3.min.js"></script>
</head>
<body>
    <button class="button">Sembunyikan</button>
    <h2 id="pesan">Hello World!</h2>
<script>
$().ready(function(){
    $(".button").click(function(){
        $("#pesan").hide();
    });
});
</script>
</body>
</html>

#2. Bootstrap

Apa yang dimaksud dengan Bootstrap?? Bootstrap merupakan salah satu framework yang paling populer dan mampu mengatasi kesulitan programmer dalam mendesain tampilan website seperti yang diinginkan. Framework Bootstrap dilengkapi dengan segala kebutuhan kamu dalam mendesain tampilan aplikasi maupun javascript yang dibutuhkan.

Dengan segala keunggulan Bootstrap ini membuat framework bootsrap begitu populer, selain itu tampilan yang disediakan Bootstrap juga sudah responsive, sehingga mengoptimalkan tampilan aplikasi kamu dalam versi desktop maupun mobile. Saat tulisan ini dipublish, bootstrap sudah mencapai versi v3.3.6, kamu bisa mendownload bootstrap di http://getbootstrap.com/getting-started/#download

Cara Menggunakan Bootstrap

Download Bootstrap dan extrak di localhost, dan pastikan struktur folder project kamu seperti gambar berikut :

Tuliskan seluruh code berikut untuk memulai membuat aplikasi pertama kamu menggunakan bootstrap dan simpan dengan nama index.html

<html>
<head>
    <title>Belajar Bootstrap</title>
    <link href="css/bootstrap.css" rel="stylesheet" media="screen"/>
</head>
<body>
    <h2 id="pesan">Hello World!</h2>
    <!-- Include More Bootstrap class -->
</body>
</html>

Untuk tutorial lebih lanjut tentang pemrograman berbasis web dan desktop silahkan subscribe ngehh.id menggunakan email agar kamu bisa mendapatkan tutorial terbaru dari kami secara gratis dan update setiap hari.

terima kasih

6 Bahasa Pemrograman untuk Membuat Game Android, IOS dan Desktop

Kamu hoby dalam mengembangkan atau membuat game berbasis Android, IOS atau Desktop? Kamu juga lagi nyari referensi buat belajar membuat game – game tersebut? Jawabannya Cuma satu kata “YA”, kamu bisa belajar di situs ngehh.id belajar membuat game Android, IOS, Web Game, Game Flash dan game Desktop sampai ngehh ! dengan berlangganan dengan kami melalui email secara gratis kamu akan mendapatkan tutorial dan tips terbaru dalam pelajaran membuat game yang akan diupdate setiap hari. Pembuatan game yang kami khususkan adalah embuat game berbasis Android dengan menggunakan Unity3D Engine dengan bahasa pemrograman C# (C Sharp).

Sesuai judul postingan tentang bahasa pemrograman yang cocok untuk para developer game kami akan menjelaskan secara singkat jenis bahasa pemrograman apa yang mungkin cocok buat kamu disana. Berikut daftar bahasa program dan contoh game yang dihasilkan dari berbagai bahasa pemrograman.

#1 Bahasa Pemrograman C++

Bahasa pemrograman C++ merupakan bahasa program tingkat tinggi, yang mana para developer game Desktop sangat banyak menggunakan bahasa pemrograman C++ ini untuk membangun dan mengembangkan aplikasi game berbasis Desktop. Bahasa pemrograman C++ merupakan perkembangan dari bahasa C dengan perkembangan yang menambahkan beberapa konsep-konsep baru seperti class dengan sifat-sifatnya seperti inheritance dan overloading.

Kamu bisa mencoba belajar dan membuat game kesuakaan kamu dengan menggunakan bahasa pemrograman C++. Contoh game populer yang dikembangkan menggunakan bahasa pemrograman C++ seperti Crysis 2 dan Crayon Physics Deluxe.

#2 Bahasa Pemrograman C# (C Sharp)

Bagi kamu pengembang aplikasi Desktop mungkin sudah tidak asing lagi dengan bahasa pemrograman C#, bahasa C# banyak mengadopsi syntax dari C++ merupakan pemrograman baru yang diciptakan oleh Microsoft. Bahasa pemrograman C# bisa digunakan untuk membangun berbagai macam jenis aplikasi, seperti aplikasi berbasis windows (desktop) maupun aplikasi berbasis web bahkan bahasa pemrograman juga bisa membuat aplikasi berbasis web services.

Selain beberapa keunggulan C# diatas, dengan menggunakan aplikasi pembuat game terkenal Unity3D Engine kita bisa menggunakan bahasa pemrograman C# sebagai bahasa program untuk membuat game Android, IOS dan Desktop. Beberapa game populer yang dibangun dari unity3D menggunakan pemrograman C# sudah pernah kami bahas di web ngehh.id ini seperti game LiloCity dari Agate Studio.

#3 Bahasa Pemrograman Java

Bahasa pemrograman Java merupakan bahasa pemrograman yang dapat membuat seluruh bentuk aplikasi, desktop, web, mobile serta aplikasi game android dan desktop. Sebagaimana dibuat dengan menggunakan bahasa pemrograman konvensional yang lain. Bahasa Pemrograman Java merupakan bahasa pemrograman yang berorientasi objek (OOP-Object Oriented Programming). Kelebihan bahasa pemrograman java diantaranya dapat dijalankan pada berbagai platform sistem operasi seperti windows, linux dan Mac OS.
Bahasa Pemrograman Java juga sangat cocok bagi kamu yang ingin membangun sebuah game atau mengembangkan game berskala besar dengan basis game desktop, web games dan mobile games seperti Android dan untuk IOS.

Contoh game yang dibangun menggunakan bahasa pemrograman Java seperti game Spiral Knights.

#4 Actionscript 3.0

 Seperti kita ketahui, ActionScript 3.0 merupakan bahasa pemrograman berorientasi objek seperti halnya bahasa pemrograman khusus pembuatan game lainnya. Tujuan dalam pengembangan bahasa pemrograman ActionScript 3.0 merupakan untuk menciptakan bahasa pemrograman yang ideal dalam proses membangun aplikasi Internet dengan cepat.

Bahasa pemrograman Actionscript 3.0 biasa digunakan para pengembang aplikasi web games yang menggunakan format Game Flash. Beberapa contoh aplikasi game yang dibuat menggunakan bahasa pemrograman Actionscript 3.0 seperti Game Shopping Paradise yang ada di web Facebook.com dan masih banyak web game lainnya yang dibangun menggunakan pemrograman Actionscript 3.0.

#5 JavaScript

Bahasa pemrograman JavaScript selain dikembangkan dalam aplikasi web juga sangat powerfull untuk dikembangkan dalam script web game, selain javascript juga didukung oleh PHP dan HTML. Contoh game yang dibuat dengan menggunakan gabungan dari ketiga bahasa pemrograman tersebut seperti game Football Saga.

#6 Bahasa Pemrograman Objective-C

Objective-C  juga merupakan bahasa pemrograman yang bisa kamu gunakan dalam mengembangkan aplikasi game yang menggunakan Mac OS.

Dari penjelasan dan contoh bahasa pemrograman serta aplikasi game yang dibuat dari bebebrapa bahasa pemrograman bisa kita simpulkan bahwa dalam pembuatan game baik berbasis Android, IOS maupun game Desktop tidak terpokok pada satu bahasa program. Kamu bisa belajar membuat game kesukaanmu dengan mencoba daftar bahasa program diatas, serta kuasailah satu bahasa program terlebih dahulu sehingga lebih mudah jika ingin migrasi menggunakan bahasa program yang lain.

Belajar AngularJs "Hello World" Bahasa Indonesia Khusus Pemula

Seperti tulisan kami sebelumnya tentang Javacript Framework AngularJs yang mana famework besutan google ini sangat populer baik di indonesia maupun di dunia, selain karena memiliki keunggulan dalam banyaknya perogrammer dan developer menggunakan JavaScript AngularJs membuat Dokumentasi yang lengkap mengenai masalah – masalah yang berkaitan dengan AngularJs. Selain Dokumentasi yang lengkap juga sangat banyak tersedia Ebook – Ebook gratis buatan komunitas pencinta AngularJS tentang cara belajar AngularJs bahkan video tutorial belajar AngularJs juga sangat banyak di Youtube.

Langsung saja kita praktek belajar membuat Aplikasi "Hello World" dengan AngularJS, persiapan yang perlu kamu siapkan sebelumnya kamu tentunya sudah menginstall webserver di localhost menggunakan XAMPP, dan download AngularJS disitus resminya https://angularjs.org/ saat tulisan ini ditulis versi stabil dari AngularJs adalah versi AngularJS v1.5.2.

Jika semua persiapan sudah lengkap, mari kita lanjutkan belajarnya. Buat folder baru di server XAMPP kamu, dan beri nama "AngularJS" (biar lebih rapih). Dalam folder AgularJS, buat file baru dengan nama "angular.min.js" yang berisi code JavaScript AngularJS yang sudah kamu download sebelumnya. Selanjutnya buat file baru dengan nama "index.html", yang berfungsi untuk menampilkan applikasi Hello World kita di tampilan layar nantinya.

Struktur folder pada server

Tuliskan code html berikut dalam file index.html

<!DOCTYPE html>
    <html ng-app>
        <head>
            <title>Mari Belajar Angular JS</title>
            <script src="angular.min.js" type="text/javascript"></script>
        </head>
    <body>
        <p>Your Name <input type="text" ng-model="yourname" /></p>
        <p>Hello {{ yourname }}</p>
    </body>
</html>

Jika berhasil akan terlihat seperti ini :

Penjelasan Singkat :

Fungsi "ng-app" AngularJS pada Tag HTML

Kita bisa melihat "ng-app" yang dituliskan dalam tag HTML, menurut kamu apakah fungsi dari ng-app tersebut? Jawabannya dengan mendeklarasikan ng-app dalam sebuah tag pada HTML yang artinya akan memberitahukan AngularJS dimana dia akan berjalan. Seperti contoh diatas, AngularJS berada dalam tag <html> dan dia akan berjalan diseluruh bagian dari tag tersebut. Seandainya jika dalam kasus lain kita membuat "ng-app" berada dalam tag lain seperti berada pada tag <div>, maka AngularJS hanya akan berjalan pada tag tersebut. Berikut contoh penggunaannya :

<!DOCTYPE html>
    <html>
        <head>
            <title>Mari Belajar Angular JS</title>
            <script src="angular.min.js" type="text/javascript"></script>
        </head>
    <body>
        <div ng-app>
           <!--
           code AngularJS kamu disini !
           -->
        </div>
    </body>
</html>

Fungsi "ng-model" AngularJS
Yang dimaksud dengan atribut ng-model pada AngularJS adalah Atribut yang digunakan untuk mendefinisikan sebuah model, dimana AngularJS merupakan framework berbasis MVC. Pada contoh penggunaan atribut ng-model diatas dengan nama "yourname" yang berfungsi Ketika value dari textbox bersangkutan dimodifikasi, maka value dari model ng-model tersebut juga ikut berubah. Sedangkan perintah {{ yourname }} akan berguna untuk menampilkan data pada model "yourname" tersebut ke layar.


Pelajaran singkat diatas mungkin membuat kita semakin penasaran dalam belajar AngularJS kedepannya, oh iya, jika cara belajar AngularJs langsung di localhost membuat kamu boring, sekarang kamu juga bisa lho belajar online, dengan memanfaatkan sebuah website yang interaktif buatan Levi Botelho yang bertujuan untuk mempermudah user dalam belajar tanpa harus ribet mencari hostingan atau menggunakan hostingan di localhost. Selain itu juga disediakan ducument yang lengkap serta step by step cara belajar AngularJS framework JavaScript ini. Langsung saja kunjungi website resminya "Learn Angular".

Sampai jumpa pada pelajaran ngoding sampai ngeh di ngehh.id tentang pembuatan aplikasi AngularJS selanjutnya.

7 JavaScript Frameworks Paling Populer Tahun 2016 yang Wajib di Pelajari

Jika kamu seorang developer website atau aplikasi desktop, kamu wajib mengetahui perkembangan – perkembangan teknologi yang sedang berkembang atau lagi naik daun untuk saat ini, melakukan riset rutin akan membantu kamu dalam menemukan jalan ke waktu mendatang. Dengan seiring perkembangan zaman, perkembangan teknologi juga makin pesat, aplikasi website umumnya menggunakan komunikasi data yang semakin kompleks, maka akan diperlukan Bahasa Pemrograman yang lebih handal dalam menangani kasus tersebut dimana kita akan menyerahkan kepada JavaScript.

Sebelum memulai belajar JavaScript, ada baiknya kamu mengenal beberapa Framework JavaScript paling populer dan wajib kamu pelajari pada tahun 2016 ini, seperti yang sudah kami rangkum dan jelaskan secara singkat dibawah ini :

AngularJS

Sudah kenalkah kamu dengan AngularJS? AngularJs adalam framework javascript yang berbasis open-source dan dirilis oleh Perusahaan raksasa Google pada tahun 2009 silam.

AngularJS merupakan sebuah framework yang solid yang akan digunakan untuk membangun web app, tidak berbeda jauh dengan framework javascript pada umumnya, AngularJS menggunakan konsep MVC (Model, View, Controller), meskipun menggunakan implementasi yang berbeda dengan konsep asli MVC.

ReactJS

ReactJS merupakan pustaka JavaScript yang digunakn untuk membuat UI (User Interface). React JS hanya mengurusi semua hal yang berkaitan dengan tampilan dan logika di sekitarnya. React JS dikelola oleh perusahaan raksasa Facebook, Instagram dan komunitas – kumnitas developer perusahaan besar lainya, dan React JS digunakan untuk mengatasi tantangan yang dihadapi dalam mengembangkan aplikasi satu halaman. Facebook, Instagram dan situs ternama lainnya menggunakan React JS sebagai JavaScript Frameworknya pada tahun 2016 ini.

Meteor

Meteor merupakan sebuah platform yang dibangun di atas Node.js untuk membangun aplikasi web yang real-time. Meteor bekerja di antara database aplikasi kamu dan antarmuka (frontend) user dan akan memastikan kalau keduanya senantiasa selaras.
Karena dibangun di atas Node.js, Meteor menggunakan JavaScript baik pada sisi client maupun server. Terlebih lagi, Meteor juga dapat men-share kode antar-environment. Meteor dikembangkan untuk menangani secara otomatis kerumitan-kerumitan dan kesulitan umum yang ditemukan dalam pengembangan aplikasi web.

KnockoutJS

KnockoutJS merupakan Framework JavaScript yang menggunakan pola MVVM untuk menghasilkan manipulasi UI (User Interface). KnockoutJS dikembangkan untuk membantu mengatasi permasalahan pengembangan aplikasi yang kompleks .

KineticJS

Kinetic.js merupakan sebuah Framework JavaScript, Kinetic JS mengembangkan 2d konteks dengan memungkinkan deteksi kinerja tinggi untuk aplikasi desktop dan aplikasi mobile.

jQuery

jQuery merupakan sebuah Library Javascript yang lebih cepat dan ringkas serta dapat menyederhakan document traversing, event handling, animating, dan AJAX interactions untuk pengembangan aplikasi web dengan cepat.

Fabric.js

Fabric.Js merupakan Framework JavaScript yang bekerja pada elemen HTML5. Dengan menggunakan Fabric.js, kamu bisa dengan mudah dalam membuat dan mengisi benda-benda di atas kanvas HTML5, misalnya seperti objek bentuk geometris sederhana empat persegi panjang, lingkaran, elips, poligon, atau bentuk yang lebih kompleks yang lainnya.

Jika kamu mencari JavaScript Framework terbaik yang bisa kamu gunakan akan sangat sulit untuk memilih diantara ratusan framework JavaScript yang sedang populer atau lagi naik daun, kamu hanya perlu menggunakan JavaScript Framework yang sesuai dengan kebutuhan kamu.