AngularDart Architecture

AngularDart (yang biasanya kita sebut hanya Angular dalam dokumentasi ini) adalah framework untuk membuat aplikasi client side dengen HTML dan Dart. Kita bisa install library / Dependency yang telah tersedia melalui packet management Pub Tools.

Kita menulis aplikasi Angular dengan membuat template HTML dengan Angular, menulis class component untuk mengelola template tersebut, menambahkan logika aplikasi dalam service, dan mengemas component dan service dalam module.

Setelah kita menjalankan aplikasi, Angular mengambilalih, untuk menampilkan konten aplikasi kita di browser dan menanggapi interaksi pengguna sesuai dengan petunjuk yang kita berikan.

Pada diagram Architecture diatas terdapat beberapa block dalam sebuah aplikasi yang dibanguny dengen framework Angular :

  • Module
  • Components
  • Templates
  • Metadata
  • Data Binding
  • Directives
  • Services
  • Dependency Injection (DI)

hyvercode

AngularDart Setup

Menyiapkan proyek AngularDart baru sangat mudah, dengan menggunakan Dart Tools, untuk meninstall Dart Tools di local environment kita membutukan SDK Dart SDK bisa kita dapatkan di website Dart Site. Cara install Dart bisa melihat article Cara install Dart dan IDE / editor kita bisa mengunakan editor seperti VS Code , Atom ,  Sublime Text , Notepad++ , Webstrom  dll. 

Setelah Dart terinstall maka kita aktifkan terlebih dahulu webdev dan stagehand , stagehand semacam project generator / template generator dengan perintah CLI seperti berikut :

 $ pub global activate webdev
 $ pub global activate stagehand

kemudian kita buat project dengan menggunakan project generator

$ mkdir quickstart
$ cd quickstart
$ stagehand web-simple
$ pub get

Jika kita mengunakan SDK dart yang bundle dengan SDK Flutter maka di awal perintah kita ketik flutter. untuk menjalankan project yang kita buat sebelumnya kita bisa lakukan dengan perintah berikut :

$ webdev serve

Contoh project tau source code pada tutorial ini bisa kita download di github AngularDart Quickstart.

hyvercode

AngulartDart Overview

Apa itu AngularDart..? AngularDart adalah framework ui unto Bahasa pemograman Dart yang fokus pada produktivitas, kinerja dan stabilitas. AngularDart dikembangkan ole Engineer Google, beberapa produce Google yang mengunakan AngularDart seperti Google AdWords dan Google AdSense, AngularDart memberikan aplikasi web yang cepat , terlepas menghindari potensi overhead dari fitar- fitar canggih yang ada pada web, AngularDart menangani ini dengan cara menganalisa dan mengoptimize code cebelum code kita build atau kita jalankan.

hyvercode