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 :)

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.