KEMBAR78
Dart for Java Developers | PDF
Yakov Fain, profile picture
Uploaded byYakov Fain
PDF, PPTX2,092 views

Dart for Java Developers

Dart is a productive way to develop future JavaScript apps today. It comes with a complete set of development tools and will help ease development of EcmaScript 6 in 2016. Dart simplifies development by allowing optional variable types and single inheritance for classes. It supports concurrency without threads. Popular IDEs like IntelliJ, WebStorm, and Eclipse support Dart development. Code can run in the Dart VM for fast feedback or compile to JavaScript to run in browsers.

Download as PDF, PPTX
© 2015 Farata Systems Dart for Java Developers Yakov Fain, Farata Systems
Farata Systems and SuranceBay surancebay.comfaratasystems.com
Our First Dart App: Easy Insure http://easy.insure
Why Learn Google Dart • Dart is a productive way to develop future JavaScript apps today • Comes with a complete set of dev tools • Will help you to ease into the EcmaScript 6 developement in 2016
Dart: Java Simplified • Program with classes and/or with functions • You can, but don’t have to declare variable types. • Any class is an interface • No data access qualifiers • Single-threaded but supports concurrency • No checked exceptions • No autoboxing/unboxing • IDEs: Dart Editor, IntelliJ IDEA, WebStorm, Eclipse Sublime Text… • Write in Dart and run either in Dart VM or as JavaScript on any browser
Why Developing with Dart VM ? • Developing in Dart is more productive than in JavaScript. A static code analyser shows errors as you type. • Instanteneous feedback from the VM - no bytecode is generated for running in Dart VM. • During development there’s no need to transpile code to JS as in GWT. • Your program can run standalone in Dart VM. • Production deployment is done in JavaScript.
The Dart App Entry Point A single entry point to any Dart app is a function main():
 main() {
 print('Hello world!');
 }
The Dart App Entry Point A single entry point to any Dart app is a function main():
 main() {
 print('Hello world!');
 } Or with command-line arguments:
 import 'package:args/args.dart';
 
 main(List<String> args) {
 
 final parser = new ArgParser();
 argResults = parser.parse(args);
 
 List<String> someArgs = argResults.rest;
 
 print(‘Got the argument ${someArgs[0]}');
 
 }
Checked Mode main() {
 print('Adding numbers: ${add (2,3)}');
 print('Adding strings: ${add ("Hello ","World")}');
 }
 
 add (num a, num b){
 
 return a+b;
 }
Importing Packages • SDK comes with libraries whose names start with dart:
 
 • You can add packages in the directory packages of your project are app dependencies. Imports start with package: import 'dart:math'; import 'package:args/args.dart';
Dart Libraries • dart:core • dart:async • dart:math • dart:io • dart:html • dart:mirrors • dart:convert
Package Dependencies • Dart package manager is called pub • Dependencies are specified in the file pubspec.yaml. • Package versions are locked in the file pubspec.lock. name: stock_quote_console
 version: 0.0.1
 description: A stock quote app
 environment:
 sdk: '>=1.0.0 <2.0.0'
 dependencies:
 args: any
 dev_dependencies:
 unittest: any pubspec.yaml The central repo pub.dartlang.org has 1000+ packages 12
Selected pub commands • pub get - retrieves packages (dependencies) • pub upgrade - upgrades packages and regenerates pubspec.lock • pub serve - starts dev http server • pub run - runs Dart scripts using dependencies from pubspec.yaml • pub build - generates and copies assets into the build dir • pub global - run Dart packages installed anywhere on the computer, pub.dartlang.org, or GitHub
Demo Functions-only app 
 Using pub to get dependencies 
 Command-line arguments IDEA module: StockQuoteConsole
Dart Classes • Name class files in small letters with _ as a word separator • Constructors support short syntax for variable initializations • No keywords for public, protected, private. • If a var name start with _ it’s private on a library level • No method overloading • Getters and setters are specified with get and set keywords
Class Stock class Stock {
 String _symbol;
 double _price;
 
 Stock (this._symbol);
 
 double get price => _price==null?
 _price=getFromYahoo():_price;
 
 set price(double value){
 _price = value;
 }
 
 String get symbol => _symbol;
 
 set symbol(String value){ // some other processing may go here 
 _symbol = value;
 }
 } private vars constructor lazy getter setter
Class Stock class Stock {
 String _symbol;
 double _price;
 
 Stock (this._symbol);
 
 double get price => _price==null?
 _price=getFromYahoo():_price;
 
 set price(double value){
 _price = value;
 }
 
 String get symbol => _symbol;
 
 set symbol(String value){
 _symbol = value;
 }
 } private vars constructor lazy getter setter Stock stock = new Stock("IBM"); 
 var price = stock.price;
Constructors short form named optional param class Customer { 
 int _id;
 String name;
 
 Customer(this._id, this.name);
 
 Customer.taxExempt(int id, String name){
 // Do something lowering taxes
 } Customer.optName(this._id, {this.name});
 
 
 factory Customer.mafia(int id, String name){
 if (name == "Don Carleone") 
 return new Customer.taxExempt(id, name);
 else 
 return new Customer(id, name);
 }
 } factory
Cascade Operator .. • Avoid repeating the object name • You can use method cascades .. on any object. • Every .. refers to the original object, not to the result of the previous method. querySelector('#abutton') // Get an object 
 ..text = 'Confirm' // Use its members
 ..classes.add('important')
 ..onClick.listen((e) => window.alert('Confirmed!'));
Exceptions • All exceptions are unchecked • You can throw any objects: 
 
 throw “Something happened”; try {
 
 // Do stuff here
 
 } on NoSuchMethodError catch (e) {
 
 print(‘Error: ${e.stackTrace}');
 } on RangeError catch (e) {
 
 print(‘Error: ${e.stackTrace}');
 } on TypeError catch (e) {
 
 print(‘Error: ${e.stackTrace}');
 } catch (e) {
 
 print('$e');
 }
Code Structure Package Libraries Classes Functions Abstract
 classes Mixins deploy and version import
Libraries library stock_quote;
 
 import 'dart:math';
 import 'dart:io';
 import 'package:args/args.dart';
 
 part "stock.dart";
 part "stock_quote_generator.dart";
 
 main(List<String> args) { … } part of stock_quote;
 
 class Stock { …
 } part of stock_quote;
 
 class StockQuoteGenerator {
 
 … } Combine classes and top-level functions into libraries.
Demo • Classes • Getters • Setters • Libraries IDEA module: StockQuoteClassesConsole
Mixins • Mixin is a class with functionality that can be added to another class using the with keyword • You can add multiple mixins to the class declaration class Bond extends Security with TradeReporter{ 
 } Java 8 interfaces are not mixins. They can’t have state.
class Bond extends Security 
 with TradeReporter{ 
 double faceValue;
 DateTime maturityDate;
 
 Bond(String name): super(name);
 
 } Mixin Sample class Security{
 
 String name;
 
 Security(this.name);
 
 } class Stock extends Security{
 
 String symbol;
 double previousClosingPrice;
 
 Stock(String name): super(name);
 
 }
class Bond extends Security 
 with TradeReporter{ 
 double faceValue;
 DateTime maturityDate;
 
 Bond(String name): super(name);
 
 } Mixin Sample class Security{
 
 String name;
 
 Security(this.name);
 
 } class TradeReporter{
 
 String whereToReport;
 
 reportMuniBondTrade(name){
 print('Trade for municipal bond $name has been reported to $whereToReport');
 }
 
 reportCorpBondTrade(name){
 print('Trade for corporate bond $name has been reported to $whereToReport');
 }
 } class Stock extends Security{
 
 String symbol;
 double previousClosingPrice;
 
 Stock(String name): super(name);
 
 }
class Bond extends Security 
 with TradeReporter{
 
 double faceValue;
 DateTime maturityDate;
 
 Bond(String name): super(name);
 
 } A Mixin Sample class Security{
 
 String name;
 
 Security(this.name);
 
 } class TradeReporter{
 
 String whereToReport;
 
 reportMuniBondTrade(name){
 print('Trade for municipal bond $name has been reported to $whereToReport');
 }
 
 reportCorpBondTrade(name){
 print('Trade for corporate bond $name has been reported to $whereToReport');
 }
 } Bond bond = new Bond('Metropolitan Transportation');
 bond.whereToReport = "SEC"; // from mixin
 bond.reportMuniBondTrade('Metropolitan Transportation'); // from mixin class Stock extends Security{
 
 String symbol;
 double previousClosingPrice;
 
 Stock(String name): super(name);
 
 }
Demo Mixins IDEA module: TradingMixins
Web Apps Development <!DOCTYPE html>
 
 <html>
 <head>
 <title>My Web App</title>
 </head>
 
 <body>
 Your HTML content goes here 
 <script type="application/dart" src=“main.dart"></script> </body>
 </html>
 For development with Dartium <script data-pub-inline src="packages/browser/dart.js"></script>

Web Apps Deployment <!DOCTYPE html>
 
 <html>
 <head>
 <title>My Web App</title>
 </head>
 
 <body>
 Your HTML content goes here 
 <script src=“main.dart.js"></script>
 </body>
 </html>
 For deployment, manually precompile you code with dart2js
 
 or add a transformer to pubspec.yaml dependencies:
 browser: any
 dart_to_js_script_rewriter: any
 transformers:
 - dart_to_js_script_rewriter
Running Dart Web App 1. From a command line:
 
 Run pub serve and refresh the Web page 2. From IDEA: 
 
 Right-click on your index.html file and run it in any Web browser
Running Web app with pub serve Running 
 pub serve Visiting
 localhost:8080 
 in Dartium Visiting
 localhost:8080 
 in Chrome
Working with DOM in a Browser <body>
 Enter Symbol: :
 <input id=“#enteredSymbol" type="text">
 
 
 <script type="application/dart" src="main.dart"></script>
 <script data-pub-inline src="packages/browser/dart.js"></script>
 </body> import 'dart:html';
 
 
 void main() {
 
 InputElement enteredSymbol = querySelector(“#enteredSymbol"); }

Event Handling myHtmlElement.onChange.listen(myEventHandler); void myEventHandler(Event e){
 // Handle event here 
 } Element myHtmlElement = querySelector(“#myElementID");
A Simple Stock Quote Web App <body>
 Enter Symbol: :
 <input id="enteredSymbol" type="text" placeholder="AAPL, IBM, or MSFT">
 
 <span id="priceQuote"></span>
 
 <script type="application/dart" src="main.dart"></script>
 <script data-pub-inline src="packages/browser/dart.js"></script>
 </body> import 'dart:html';
 import 'package:stock_quote_simple_web/stock.dart';
 import 'package:stock_quote_simple_web/stock_quote_generator.dart';
 
 StockQuoteGenerator generator = new StockQuoteGenerator();
 
 InputElement enteredSymbol;
 SpanElement priceQuote;
 
 void main() {
 
 enteredSymbol = querySelector(“#enteredSymbol"); priceQuote = querySelector(‘#priceQuote'); 
 enteredSymbol.onChange.listen(showPrice); 
 }
 
 void showPrice(Event e){
 Stock stock = generator.getQuote(enteredSymbol.value);
 priceQuote.text = "$${stock.price.toStringAsFixed(2)}";
 } Event listener Event handler DOM search
Demo Web app 
 Working with DOM
 Event Handling IDEA module: StockQuoteSimpleWeb name: stock_quote_simple_web
 version: 0.0.1
 description: >
 An absolute bare-bones web app.
 environment:
 sdk: '>=1.0.0 <2.0.0'
 dependencies:
 browser: any
 transformers:
 - $dart2js:
 commandLineOptions: [--minify, --show-package-warnings] pubspec.yaml
Debugging Dart Web App • In Chromium: 
 
 - Open Chrome Development Tools, enable JavaScript sourcemaps
 
 - Set breakpoints, refresh. • In IntelliJ IDEA: 
 
 - Install the extension JetBrains IDE Support in Chromium.
 
 - Set the breakpoint in IDEA in Dart code and run your HTML file in the debug mode.
Async Programming • Use Future objects • Use async and await keywords Future, async, and await are for asynchronous execution.
 For parallel execution use isolates.
Calling function Slow function Callbackthen( ); Call Future Result Async Processing: Futures
Async Processing: Futures Calling function Slow function Callbackthen( ); callingFunction(){
 
 Future future = slowOperation("IBM");
 
 future
 .then((result){ // handle result here
 });
 }
 
 slowOperation(stockSymbol){
 
 return new Future.delayed( const Duration(seconds: 10), () {
 return "$stockSymbol is a great investment!";
 }); } Call Future Result
Error Handling in Future Objects • A Future represents a deferred result of a function call. • Register callbacks for success and errors: doStuff()
 .then(callbackForSuccess)
 .catchError(callBackForError); void callbackForSuccess() {
 //...
 }
 
 void callbackForError(Error error){
 // ...
 }
Demo Web app
 
 Asyncronous processing using Future IDEA module: StockQuoteFuture
Asynchronous Processing with async and await • A function with async modifier immediately returns a Future • The code after await will wait for the result • You can have several sequential operations with await • The code flow is easier to read comparing to callbacks, e.g. you can place all awaits in the try/ catch block if need be. callingFunction() async{
 
 var result = await slowOperation(arg);
 // the code will be suspended until 
 // the result is returned 
 // Handle the result here 
 }
 
 slowOperation(stockSymbol){
 
 return new Future.delayed( const Duration(seconds: 10), () {
 return "$stockSymbol is a great investment!";
 }); }
Demo Asyncronous processing using async and await IDEA module: StockQuoteAsyncAwait
AJAX:HttpRequest var path = 'myData.json';
 
 HttpRequest.getString(path)
 .then((data) {
 // do something with data
 })
 .catchError((Error error) {
 print(error.toString());
 }); The HttpRequest class from dart:html is used for AJAX operations 
 from a Web browser: The package http.dart can be used on both the client and server.
Demo AJAX and JSON IDEA module: StockQuoteWebJSON
Concurrency with Isolates • Isolates are units of secure execution • The code can only access classes/values located in the same isolate • Each isolate has its own heap - no shared memory • The code in separate isolates can execute in parallel • Isolates can communicate by sending each other messages via send and receive ports
Isolates: Standalone vs Web Browser Standalone Apps 
 
 - run isolates in parallel using available CPU cores - isolates can be created by invoking spawn() or spawnUri() Web Browser Apps - run isolates in Dart VM or as JavaScript Web workers - isolates can be created by invoking spawnUri()
Isolates: Standalone vs Web Browser Standalone Apps 
 
 - run isolates in parallel using available CPU cores - isolates can be created by invoking spawn() or spawnUri() Web Browser Apps - run isolates in Dart VM or as JavaScript Web workers - isolates can be created by invoking spawnUri() Use spawnUri() to dynamically load code
Demo Parallel execution with isolates
 Using multiple CPU cores IDEA modules: IsolatesConsole and IsolatesWeb
Demo 1. Reading a large JSON file with HttpRequest - GUI doesn’t freeze 2. Running a long Dart loop with async - GUI freezes 3. Running a long Dart loop in isolate - GUI doesn’t freeze IDEA module: FrozenAsyncOrIsolate
Dart-WebSocket-Java Dart client’s getting data pushed by the GlassFish server: main() {
 
 var output = querySelector('#output');
 
 WebSocket ws = new WebSocket(
 'ws://localhost:8080/GlassfishWebsocketDart_war_exploded/clock');
 
 ws.onOpen.listen((event){
 
 output.text = "Connected";
 
 });
 
 ws.onMessage.listen((event){
 
 output.text = event.data;
 
 });
 
 }
Java EE WebSocket Endpoint @ServerEndpoint("/clock")
 public class WebSocketClock {
 
 static ScheduledExecutorService timer =
 Executors.newSingleThreadScheduledExecutor();
 
 private static Set<Session> allSessions;
 
 DateTimeFormatter timeFormatter =
 DateTimeFormatter.ofPattern("HH:mm:ss");
 @OnOpen
 public void showTime(Session session){
 allSessions = session.getOpenSessions();
 
 // start the scheduler on the very first connection
 // to call sendTimeToAll every second
 if (allSessions.size()==1){
 timer.scheduleAtFixedRate(
 () -> sendTimeToAll(session),0,1,TimeUnit.SECONDS);
 }
 }
 
 private void sendTimeToAll(Session session){
 allSessions = session.getOpenSessions();
 for (Session sess: allSessions){
 try{
 sess.getBasicRemote().sendText("Local time: " +
 LocalTime.now().format(timeFormatter));
 } catch (IOException ioe) {
 System.out.println(ioe.getMessage());
 }
 }
 }
 }
Demo Pushing data from a Java EE server to the Dart client using WebSocket protocol IDEA module: GlassfishWebSocketDart The detailed description of this demo is here: http://bit.ly/1DeulKX
Dart Tools 1. IDEs: Dart Editor, and plugins for all major IDEs 2. dart2js is a Dart-to-JavaScript transpiler and a tree-shaker 3. pub is a dependency management, development server and build tool. 4. gulp is a task manager. It’s an analog of Grunt or Gradle. 5. Dartium is a Web Browser for developers. 6. Dump-Info Visualizer allows to inspect the generated JavaScript. 7. Observatory is Dart profiler. 8. AngularDart is a port of AngularJS framework.
Links • Code samples from this demo: https://github.com/Farata/dart • Dart Style Guide https://www.dartlang.org/articles/style-guide • Dart API docs: https://api.dartlang.org • Try Dart: https://dartpad.dartlang.org • Hands-on labs: darlang.org/codelabs • List of languages that compile to JS: http://bit.ly/1FGHtPT • NYC Dart meetup: http://www.meetup.com/Dart-Users-Group
More Links • Our Dart/Java app: https://easy.insure • Farata Systems: faratasystems.com • Twitter: @yfain • email: yfain@faratasystems.com • Personal blog: yakovfain.com • The book Java for Kids: 
 http://yfain.github.io/Java4Kids/ 


More Related Content

PDF
Seven Versions of One Web Application
byYakov Fain
 
PDF
Intro to JavaScript
byYakov Fain
 
PDF
Speed up your Web applications with HTML5 WebSockets
byYakov Fain
 
PDF
Test Driven Development with JavaFX
byHendrik Ebbers
 
PDF
DataFX - JavaOne 2013
byHendrik Ebbers
 
PDF
DataFX 8 (JavaOne 2014)
byHendrik Ebbers
 
PDF
JavaFX8 TestFX - CDI
bySven Ruppert
 
PDF
vJUG - The JavaFX Ecosystem
byAndres Almiray
 
Seven Versions of One Web Application
byYakov Fain
 
Intro to JavaScript
byYakov Fain
 
Speed up your Web applications with HTML5 WebSockets
byYakov Fain
 
Test Driven Development with JavaFX
byHendrik Ebbers
 
DataFX - JavaOne 2013
byHendrik Ebbers
 
DataFX 8 (JavaOne 2014)
byHendrik Ebbers
 
JavaFX8 TestFX - CDI
bySven Ruppert
 
vJUG - The JavaFX Ecosystem
byAndres Almiray
 

What's hot

PDF
Intro to node.js - Ran Mizrahi (28/8/14)
byRan Mizrahi
 
PDF
Developing Modern Java Web Applications with Java EE 7 and AngularJS
byShekhar Gulati
 
PDF
Angular 2 - The Next Framework
byCommit University
 
PPT
React native
byMohammed El Rafie Tarabay
 
PDF
Intro To JavaScript Unit Testing - Ran Mizrahi
byRan Mizrahi
 
PDF
Commit University - Exploring Angular 2
byCommit University
 
PDF
JavaFX Pitfalls
byAlexander Casall
 
PDF
TypeScript for Java Developers
byYakov Fain
 
PDF
JavaFX Enterprise (JavaOne 2014)
byHendrik Ebbers
 
PDF
Effective JavaFX architecture with FxObjects
bySrikanth Shenoy
 
ODP
Dependency Injection, Zend Framework and Symfony Container
byDiego Lewin
 
PPTX
Zend Studio Tips and Tricks
byRoy Ganor
 
PDF
Android MvRx Framework 介紹
byKros Huang
 
PDF
Create Your Own Framework by Fabien Potencier
byHimel Nag Rana
 
PPTX
Angular2 + rxjs
byChristoffer Noring
 
PDF
JavaOne - The JavaFX Community and Ecosystem
byAlexander Casall
 
PDF
The JavaFX Ecosystem
byAndres Almiray
 
PPTX
Scaladays 2014 introduction to scalatest selenium dsl
byMatthew Farwell
 
PDF
JavaFX in Action (devoxx'16)
byAlexander Casall
 
Intro to node.js - Ran Mizrahi (28/8/14)
byRan Mizrahi
 
Developing Modern Java Web Applications with Java EE 7 and AngularJS
byShekhar Gulati
 
Angular 2 - The Next Framework
byCommit University
 
React native
byMohammed El Rafie Tarabay
 
Intro To JavaScript Unit Testing - Ran Mizrahi
byRan Mizrahi
 
Commit University - Exploring Angular 2
byCommit University
 
JavaFX Pitfalls
byAlexander Casall
 
TypeScript for Java Developers
byYakov Fain
 
JavaFX Enterprise (JavaOne 2014)
byHendrik Ebbers
 
Effective JavaFX architecture with FxObjects
bySrikanth Shenoy
 
Dependency Injection, Zend Framework and Symfony Container
byDiego Lewin
 
Zend Studio Tips and Tricks
byRoy Ganor
 
Android MvRx Framework 介紹
byKros Huang
 
Create Your Own Framework by Fabien Potencier
byHimel Nag Rana
 
Angular2 + rxjs
byChristoffer Noring
 
JavaOne - The JavaFX Community and Ecosystem
byAlexander Casall
 
The JavaFX Ecosystem
byAndres Almiray
 
Scaladays 2014 introduction to scalatest selenium dsl
byMatthew Farwell
 
JavaFX in Action (devoxx'16)
byAlexander Casall
 

Viewers also liked

PPT
Cours java smi 2007 2008
byKhalil Lechheb
 
PDF
Integrating consumers IoT devices into Business Workflow
byYakov Fain
 
PDF
Introduction àJava
byChristophe Vaudry
 
PDF
Java(ee) mongo db applications in the cloud
byShekhar Gulati
 
PDF
Bonnes pratiques des applications java prêtes pour la production
byCyrille Le Clerc
 
PDF
Angular2 Development for Java developers
byYakov Fain
 
PPTX
AngularJS for Java Developers
byLoc Nguyen
 
PDF
RESTful services and OAUTH protocol in IoT
byYakov Fain
 
PDF
Reactive Thinking in Java
byYakov Fain
 
PDF
Overview of the AngularJS framework
byYakov Fain
 
PDF
Angular 4 for Java Developers
byYakov Fain
 
PDF
Angular 2 for Java Developers
byYakov Fain
 
PDF
Reactive programming in Angular 2
byYakov Fain
 
ODP
Introduction to Angular 2
byKnoldus Inc.
 
PDF
Reactive Thinking in Java with RxJava2
byYakov Fain
 
PDF
Building Universal Applications with Angular 2
byMinko Gechev
 
ODP
Java 7 - Fork/Join
byZenika
 
Cours java smi 2007 2008
byKhalil Lechheb
 
Integrating consumers IoT devices into Business Workflow
byYakov Fain
 
Introduction àJava
byChristophe Vaudry
 
Java(ee) mongo db applications in the cloud
byShekhar Gulati
 
Bonnes pratiques des applications java prêtes pour la production
byCyrille Le Clerc
 
Angular2 Development for Java developers
byYakov Fain
 
AngularJS for Java Developers
byLoc Nguyen
 
RESTful services and OAUTH protocol in IoT
byYakov Fain
 
Reactive Thinking in Java
byYakov Fain
 
Overview of the AngularJS framework
byYakov Fain
 
Angular 4 for Java Developers
byYakov Fain
 
Angular 2 for Java Developers
byYakov Fain
 
Reactive programming in Angular 2
byYakov Fain
 
Introduction to Angular 2
byKnoldus Inc.
 
Reactive Thinking in Java with RxJava2
byYakov Fain
 
Building Universal Applications with Angular 2
byMinko Gechev
 
Java 7 - Fork/Join
byZenika
 

Similar to Dart for Java Developers

PPTX
Dart programming language
byAniruddha Chakrabarti
 
PDF
Introduction to Dart
byRameshNair6
 
PPTX
App_development55555555555555555555.pptx
bysameehamoogab
 
PPTX
Dart the Better JavaScript
byJorg Janke
 
PDF
Dart workshop
byVishnu Suresh
 
PDF
Dart
byAndrea Chiodoni
 
PDF
OWF12/PAUG Conf Days Dart a new html5 technology, nicolas geoffray, softwar...
byParis Open Source Summit
 
PPTX
pembelajaran tentang dart dalam bahasa inggris
byReza120164
 
PDF
Dart
byanandvns
 
PPTX
Dart, unicorns and rainbows
bychrisbuckett
 
PPTX
Dart Programming.pptx
byAnanthalakshmiN4
 
PPTX
Dart structured web apps
bychrisbuckett
 
PDF
Dart the better Javascript 2015
byJorg Janke
 
PDF
Discover Dart - Meetup 15/02/2017
byStéphane Este-Gracias
 
PDF
Discover Dart(lang) - Meetup 07/12/2016
byStéphane Este-Gracias
 
PPTX
Dartprogramming
byAli Parmaksiz
 
PPTX
Bringing your app to the web with Dart - Chris Buckett (Entity Group)
byjaxLondonConference
 
PPT
No JS and DartCon
byanandvns
 
PDF
Structured Apps with Google Dart
byJermaine Oppong
 
PPTX
Dart ppt
byKrishna Teja
 
Dart programming language
byAniruddha Chakrabarti
 
Introduction to Dart
byRameshNair6
 
App_development55555555555555555555.pptx
bysameehamoogab
 
Dart the Better JavaScript
byJorg Janke
 
Dart workshop
byVishnu Suresh
 
Dart
byAndrea Chiodoni
 
OWF12/PAUG Conf Days Dart a new html5 technology, nicolas geoffray, softwar...
byParis Open Source Summit
 
pembelajaran tentang dart dalam bahasa inggris
byReza120164
 
Dart
byanandvns
 
Dart, unicorns and rainbows
bychrisbuckett
 
Dart Programming.pptx
byAnanthalakshmiN4
 
Dart structured web apps
bychrisbuckett
 
Dart the better Javascript 2015
byJorg Janke
 
Discover Dart - Meetup 15/02/2017
byStéphane Este-Gracias
 
Discover Dart(lang) - Meetup 07/12/2016
byStéphane Este-Gracias
 
Dartprogramming
byAli Parmaksiz
 
Bringing your app to the web with Dart - Chris Buckett (Entity Group)
byjaxLondonConference
 
No JS and DartCon
byanandvns
 
Structured Apps with Google Dart
byJermaine Oppong
 
Dart ppt
byKrishna Teja
 

More from Yakov Fain

PDF
Type script for_java_dev_jul_2020
byYakov Fain
 
PDF
Web sockets in Angular
byYakov Fain
 
PDF
Using JHipster for generating Angular/Spring Boot apps
byYakov Fain
 
PDF
Using JHipster for generating Angular/Spring Boot apps
byYakov Fain
 
PDF
Reactive Streams and RxJava2
byYakov Fain
 
PDF
Using JHipster 4 for generating Angular/Spring Boot apps
byYakov Fain
 
PDF
Java Intro: Unit1. Hello World
byYakov Fain
 
PDF
Running a Virtual Company
byYakov Fain
 
PDF
Princeton jug git_github
byYakov Fain
 
PDF
Surviving as a Professional Software Developer
byYakov Fain
 
PDF
Becoming a professional software developer
byYakov Fain
 
Type script for_java_dev_jul_2020
byYakov Fain
 
Web sockets in Angular
byYakov Fain
 
Using JHipster for generating Angular/Spring Boot apps
byYakov Fain
 
Using JHipster for generating Angular/Spring Boot apps
byYakov Fain
 
Reactive Streams and RxJava2
byYakov Fain
 
Using JHipster 4 for generating Angular/Spring Boot apps
byYakov Fain
 
Java Intro: Unit1. Hello World
byYakov Fain
 
Running a Virtual Company
byYakov Fain
 
Princeton jug git_github
byYakov Fain
 
Surviving as a Professional Software Developer
byYakov Fain
 
Becoming a professional software developer
byYakov Fain
 

Recently uploaded

PPTX
TREC_2024_Lateral_Reading_Purpose_and_Need.pptx
byGichxIocHiIvdug
 
PDF
Buying, Aged Twitter Accounts_ The Secret to Instant Growth.pdf
byBEST IT SMM
 
PDF
WHMCS Croster 2.1.2 Nulled Pre Activated
byCroster 2.1.2 Nulled
 
PPTX
Hathway_Fiber_Bajaj_wi-Fi_Best internet_
byHATHWAY FIBER INTERNET SERVICE PROVIDER in Bajaj enclave
 
PDF
Reality Drift: Cultural and Academic Footprints Across Media, Classrooms, and...
byDr. Samuel Wellington
 
PDF
kjhhhhhhhhhhhhhhhhhhhhhhhhhhhhhkjhkkkkkkkkkkkkkkkkjh
bybishnoijordan29
 
PPTX
Pembagian kelompok menentuan tema yntuk paud.pptx
bywiwiktriwahyuni13
 
PPTX
一比一原版(StuttgartH毕业证书)斯图加特工程应用技术大学毕业证办理成绩单学历认证
by办硕士文凭昆士兰科技大学学历认证【Q微号:1954 292 140】QUT毕业证成绩单
 
PPTX
Viva_Digitally_Online_Meeting_Presentation.pptx
byHubraSEO
 
PPTX
UNIT –I community health CHN P.B.Sc ppt.pptx
byDr.Anjalatchi Muthukumaran
 
PPTX
Generating-Patterns: Arithmetic Sequences, Arithmetic Mean,
byChanelleObate
 
PDF
Dark Humanism 200 Principles for living a life in shadow
byhikariaoki1
 
PDF
The 13 satanic codes for Self Power and Sovereignty
byhikariaoki1
 
PDF
Nome completo de Laurence Gregory Watkins
bydiariodocentrodomundo
 
PPTX
The First Internet Message was sent on 29 Oct 1969. However . . .
byBob Mayer
 
PDF
Unlocking-the-Future-AI-Software-Development-Services.pdf
byPrologicTechnologies
 
PPTX
Presentation contoso chart 1 2 3 4 5 6 7 8
byJohannReyes3
 
PPTX
Protection from Cyber attacks and Security Firewall
byAjayTiwari684365
 
TREC_2024_Lateral_Reading_Purpose_and_Need.pptx
byGichxIocHiIvdug
 
Buying, Aged Twitter Accounts_ The Secret to Instant Growth.pdf
byBEST IT SMM
 
WHMCS Croster 2.1.2 Nulled Pre Activated
byCroster 2.1.2 Nulled
 
Hathway_Fiber_Bajaj_wi-Fi_Best internet_
byHATHWAY FIBER INTERNET SERVICE PROVIDER in Bajaj enclave
 
Reality Drift: Cultural and Academic Footprints Across Media, Classrooms, and...
byDr. Samuel Wellington
 
kjhhhhhhhhhhhhhhhhhhhhhhhhhhhhhkjhkkkkkkkkkkkkkkkkjh
bybishnoijordan29
 
Pembagian kelompok menentuan tema yntuk paud.pptx
bywiwiktriwahyuni13
 
一比一原版(StuttgartH毕业证书)斯图加特工程应用技术大学毕业证办理成绩单学历认证
by办硕士文凭昆士兰科技大学学历认证【Q微号:1954 292 140】QUT毕业证成绩单
 
Viva_Digitally_Online_Meeting_Presentation.pptx
byHubraSEO
 
UNIT –I community health CHN P.B.Sc ppt.pptx
byDr.Anjalatchi Muthukumaran
 
Generating-Patterns: Arithmetic Sequences, Arithmetic Mean,
byChanelleObate
 
Dark Humanism 200 Principles for living a life in shadow
byhikariaoki1
 
The 13 satanic codes for Self Power and Sovereignty
byhikariaoki1
 
Nome completo de Laurence Gregory Watkins
bydiariodocentrodomundo
 
The First Internet Message was sent on 29 Oct 1969. However . . .
byBob Mayer
 
Unlocking-the-Future-AI-Software-Development-Services.pdf
byPrologicTechnologies
 
Presentation contoso chart 1 2 3 4 5 6 7 8
byJohannReyes3
 
Protection from Cyber attacks and Security Firewall
byAjayTiwari684365
 

Dart for Java Developers

  • 1.
    © 2015 FarataSystems Dart for Java Developers Yakov Fain, Farata Systems
  • 2.
    Farata Systems andSuranceBay surancebay.comfaratasystems.com
  • 3.
    Our First DartApp: Easy Insure http://easy.insure
  • 4.
    Why Learn GoogleDart • Dart is a productive way to develop future JavaScript apps today • Comes with a complete set of dev tools • Will help you to ease into the EcmaScript 6 developement in 2016
  • 5.
    Dart: Java Simplified •Program with classes and/or with functions • You can, but don’t have to declare variable types. • Any class is an interface • No data access qualifiers • Single-threaded but supports concurrency • No checked exceptions • No autoboxing/unboxing • IDEs: Dart Editor, IntelliJ IDEA, WebStorm, Eclipse Sublime Text… • Write in Dart and run either in Dart VM or as JavaScript on any browser
  • 6.
    Why Developing withDart VM ? • Developing in Dart is more productive than in JavaScript. A static code analyser shows errors as you type. • Instanteneous feedback from the VM - no bytecode is generated for running in Dart VM. • During development there’s no need to transpile code to JS as in GWT. • Your program can run standalone in Dart VM. • Production deployment is done in JavaScript.
  • 7.
    The Dart AppEntry Point A single entry point to any Dart app is a function main():
 main() {
 print('Hello world!');
 }
  • 8.
    The Dart AppEntry Point A single entry point to any Dart app is a function main():
 main() {
 print('Hello world!');
 } Or with command-line arguments:
 import 'package:args/args.dart';
 
 main(List<String> args) {
 
 final parser = new ArgParser();
 argResults = parser.parse(args);
 
 List<String> someArgs = argResults.rest;
 
 print(‘Got the argument ${someArgs[0]}');
 
 }
  • 9.
    Checked Mode main() {
 print('Addingnumbers: ${add (2,3)}');
 print('Adding strings: ${add ("Hello ","World")}');
 }
 
 add (num a, num b){
 
 return a+b;
 }
  • 10.
    Importing Packages • SDKcomes with libraries whose names start with dart:
 
 • You can add packages in the directory packages of your project are app dependencies. Imports start with package: import 'dart:math'; import 'package:args/args.dart';
  • 11.
    Dart Libraries • dart:core •dart:async • dart:math • dart:io • dart:html • dart:mirrors • dart:convert
  • 12.
    Package Dependencies • Dartpackage manager is called pub • Dependencies are specified in the file pubspec.yaml. • Package versions are locked in the file pubspec.lock. name: stock_quote_console
 version: 0.0.1
 description: A stock quote app
 environment:
 sdk: '>=1.0.0 <2.0.0'
 dependencies:
 args: any
 dev_dependencies:
 unittest: any pubspec.yaml The central repo pub.dartlang.org has 1000+ packages 12
  • 13.
    Selected pub commands •pub get - retrieves packages (dependencies) • pub upgrade - upgrades packages and regenerates pubspec.lock • pub serve - starts dev http server • pub run - runs Dart scripts using dependencies from pubspec.yaml • pub build - generates and copies assets into the build dir • pub global - run Dart packages installed anywhere on the computer, pub.dartlang.org, or GitHub
  • 14.
    Demo Functions-only app 
 Usingpub to get dependencies 
 Command-line arguments IDEA module: StockQuoteConsole
  • 15.
    Dart Classes • Nameclass files in small letters with _ as a word separator • Constructors support short syntax for variable initializations • No keywords for public, protected, private. • If a var name start with _ it’s private on a library level • No method overloading • Getters and setters are specified with get and set keywords
  • 16.
    Class Stock class Stock{
 String _symbol;
 double _price;
 
 Stock (this._symbol);
 
 double get price => _price==null?
 _price=getFromYahoo():_price;
 
 set price(double value){
 _price = value;
 }
 
 String get symbol => _symbol;
 
 set symbol(String value){ // some other processing may go here 
 _symbol = value;
 }
 } private vars constructor lazy getter setter
  • 17.
    Class Stock class Stock{
 String _symbol;
 double _price;
 
 Stock (this._symbol);
 
 double get price => _price==null?
 _price=getFromYahoo():_price;
 
 set price(double value){
 _price = value;
 }
 
 String get symbol => _symbol;
 
 set symbol(String value){
 _symbol = value;
 }
 } private vars constructor lazy getter setter Stock stock = new Stock("IBM"); 
 var price = stock.price;
  • 18.
    Constructors short form named optional param classCustomer { 
 int _id;
 String name;
 
 Customer(this._id, this.name);
 
 Customer.taxExempt(int id, String name){
 // Do something lowering taxes
 } Customer.optName(this._id, {this.name});
 
 
 factory Customer.mafia(int id, String name){
 if (name == "Don Carleone") 
 return new Customer.taxExempt(id, name);
 else 
 return new Customer(id, name);
 }
 } factory
  • 19.
    Cascade Operator .. •Avoid repeating the object name • You can use method cascades .. on any object. • Every .. refers to the original object, not to the result of the previous method. querySelector('#abutton') // Get an object 
 ..text = 'Confirm' // Use its members
 ..classes.add('important')
 ..onClick.listen((e) => window.alert('Confirmed!'));
  • 20.
    Exceptions • All exceptionsare unchecked • You can throw any objects: 
 
 throw “Something happened”; try {
 
 // Do stuff here
 
 } on NoSuchMethodError catch (e) {
 
 print(‘Error: ${e.stackTrace}');
 } on RangeError catch (e) {
 
 print(‘Error: ${e.stackTrace}');
 } on TypeError catch (e) {
 
 print(‘Error: ${e.stackTrace}');
 } catch (e) {
 
 print('$e');
 }
  • 21.
  • 22.
    Libraries library stock_quote;
 
 import 'dart:math';
 import'dart:io';
 import 'package:args/args.dart';
 
 part "stock.dart";
 part "stock_quote_generator.dart";
 
 main(List<String> args) { … } part of stock_quote;
 
 class Stock { …
 } part of stock_quote;
 
 class StockQuoteGenerator {
 
 … } Combine classes and top-level functions into libraries.
  • 23.
    Demo • Classes • Getters •Setters • Libraries IDEA module: StockQuoteClassesConsole
  • 24.
    Mixins • Mixin isa class with functionality that can be added to another class using the with keyword • You can add multiple mixins to the class declaration class Bond extends Security with TradeReporter{ 
 } Java 8 interfaces are not mixins. They can’t have state.
  • 25.
    class Bond extendsSecurity 
 with TradeReporter{ 
 double faceValue;
 DateTime maturityDate;
 
 Bond(String name): super(name);
 
 } Mixin Sample class Security{
 
 String name;
 
 Security(this.name);
 
 } class Stock extends Security{
 
 String symbol;
 double previousClosingPrice;
 
 Stock(String name): super(name);
 
 }
  • 26.
    class Bond extendsSecurity 
 with TradeReporter{ 
 double faceValue;
 DateTime maturityDate;
 
 Bond(String name): super(name);
 
 } Mixin Sample class Security{
 
 String name;
 
 Security(this.name);
 
 } class TradeReporter{
 
 String whereToReport;
 
 reportMuniBondTrade(name){
 print('Trade for municipal bond $name has been reported to $whereToReport');
 }
 
 reportCorpBondTrade(name){
 print('Trade for corporate bond $name has been reported to $whereToReport');
 }
 } class Stock extends Security{
 
 String symbol;
 double previousClosingPrice;
 
 Stock(String name): super(name);
 
 }
  • 27.
    class Bond extendsSecurity 
 with TradeReporter{
 
 double faceValue;
 DateTime maturityDate;
 
 Bond(String name): super(name);
 
 } A Mixin Sample class Security{
 
 String name;
 
 Security(this.name);
 
 } class TradeReporter{
 
 String whereToReport;
 
 reportMuniBondTrade(name){
 print('Trade for municipal bond $name has been reported to $whereToReport');
 }
 
 reportCorpBondTrade(name){
 print('Trade for corporate bond $name has been reported to $whereToReport');
 }
 } Bond bond = new Bond('Metropolitan Transportation');
 bond.whereToReport = "SEC"; // from mixin
 bond.reportMuniBondTrade('Metropolitan Transportation'); // from mixin class Stock extends Security{
 
 String symbol;
 double previousClosingPrice;
 
 Stock(String name): super(name);
 
 }
  • 28.
  • 29.
    Web Apps Development <!DOCTYPEhtml>
 
 <html>
 <head>
 <title>My Web App</title>
 </head>
 
 <body>
 Your HTML content goes here 
 <script type="application/dart" src=“main.dart"></script> </body>
 </html>
 For development with Dartium <script data-pub-inline src="packages/browser/dart.js"></script>

  • 30.
    Web Apps Deployment <!DOCTYPEhtml>
 
 <html>
 <head>
 <title>My Web App</title>
 </head>
 
 <body>
 Your HTML content goes here 
 <script src=“main.dart.js"></script>
 </body>
 </html>
 For deployment, manually precompile you code with dart2js
 
 or add a transformer to pubspec.yaml dependencies:
 browser: any
 dart_to_js_script_rewriter: any
 transformers:
 - dart_to_js_script_rewriter
  • 31.
    Running Dart WebApp 1. From a command line:
 
 Run pub serve and refresh the Web page 2. From IDEA: 
 
 Right-click on your index.html file and run it in any Web browser
  • 32.
    Running Web appwith pub serve Running 
 pub serve Visiting
 localhost:8080 
 in Dartium Visiting
 localhost:8080 
 in Chrome
  • 33.
    Working with DOMin a Browser <body>
 Enter Symbol: :
 <input id=“#enteredSymbol" type="text">
 
 
 <script type="application/dart" src="main.dart"></script>
 <script data-pub-inline src="packages/browser/dart.js"></script>
 </body> import 'dart:html';
 
 
 void main() {
 
 InputElement enteredSymbol = querySelector(“#enteredSymbol"); }

  • 34.
    Event Handling myHtmlElement.onChange.listen(myEventHandler); void myEventHandler(Evente){
 // Handle event here 
 } Element myHtmlElement = querySelector(“#myElementID");
  • 35.
    A Simple StockQuote Web App <body>
 Enter Symbol: :
 <input id="enteredSymbol" type="text" placeholder="AAPL, IBM, or MSFT">
 
 <span id="priceQuote"></span>
 
 <script type="application/dart" src="main.dart"></script>
 <script data-pub-inline src="packages/browser/dart.js"></script>
 </body> import 'dart:html';
 import 'package:stock_quote_simple_web/stock.dart';
 import 'package:stock_quote_simple_web/stock_quote_generator.dart';
 
 StockQuoteGenerator generator = new StockQuoteGenerator();
 
 InputElement enteredSymbol;
 SpanElement priceQuote;
 
 void main() {
 
 enteredSymbol = querySelector(“#enteredSymbol"); priceQuote = querySelector(‘#priceQuote'); 
 enteredSymbol.onChange.listen(showPrice); 
 }
 
 void showPrice(Event e){
 Stock stock = generator.getQuote(enteredSymbol.value);
 priceQuote.text = "$${stock.price.toStringAsFixed(2)}";
 } Event listener Event handler DOM search
  • 36.
    Demo Web app 
 Workingwith DOM
 Event Handling IDEA module: StockQuoteSimpleWeb name: stock_quote_simple_web
 version: 0.0.1
 description: >
 An absolute bare-bones web app.
 environment:
 sdk: '>=1.0.0 <2.0.0'
 dependencies:
 browser: any
 transformers:
 - $dart2js:
 commandLineOptions: [--minify, --show-package-warnings] pubspec.yaml
  • 37.
    Debugging Dart WebApp • In Chromium: 
 
 - Open Chrome Development Tools, enable JavaScript sourcemaps
 
 - Set breakpoints, refresh. • In IntelliJ IDEA: 
 
 - Install the extension JetBrains IDE Support in Chromium.
 
 - Set the breakpoint in IDEA in Dart code and run your HTML file in the debug mode.
  • 38.
    Async Programming • UseFuture objects • Use async and await keywords Future, async, and await are for asynchronous execution.
 For parallel execution use isolates.
  • 39.
    Calling function Slowfunction Callbackthen( ); Call Future Result Async Processing: Futures
  • 40.
    Async Processing: Futures Callingfunction Slow function Callbackthen( ); callingFunction(){
 
 Future future = slowOperation("IBM");
 
 future
 .then((result){ // handle result here
 });
 }
 
 slowOperation(stockSymbol){
 
 return new Future.delayed( const Duration(seconds: 10), () {
 return "$stockSymbol is a great investment!";
 }); } Call Future Result
  • 41.
    Error Handling inFuture Objects • A Future represents a deferred result of a function call. • Register callbacks for success and errors: doStuff()
 .then(callbackForSuccess)
 .catchError(callBackForError); void callbackForSuccess() {
 //...
 }
 
 void callbackForError(Error error){
 // ...
 }
  • 42.
    Demo Web app
 
 Asyncronous processingusing Future IDEA module: StockQuoteFuture
  • 43.
    Asynchronous Processing withasync and await • A function with async modifier immediately returns a Future • The code after await will wait for the result • You can have several sequential operations with await • The code flow is easier to read comparing to callbacks, e.g. you can place all awaits in the try/ catch block if need be. callingFunction() async{
 
 var result = await slowOperation(arg);
 // the code will be suspended until 
 // the result is returned 
 // Handle the result here 
 }
 
 slowOperation(stockSymbol){
 
 return new Future.delayed( const Duration(seconds: 10), () {
 return "$stockSymbol is a great investment!";
 }); }
  • 44.
    Demo Asyncronous processing usingasync and await IDEA module: StockQuoteAsyncAwait
  • 45.
    AJAX:HttpRequest var path ='myData.json';
 
 HttpRequest.getString(path)
 .then((data) {
 // do something with data
 })
 .catchError((Error error) {
 print(error.toString());
 }); The HttpRequest class from dart:html is used for AJAX operations 
 from a Web browser: The package http.dart can be used on both the client and server.
  • 46.
    Demo AJAX and JSON IDEAmodule: StockQuoteWebJSON
  • 47.
    Concurrency with Isolates •Isolates are units of secure execution • The code can only access classes/values located in the same isolate • Each isolate has its own heap - no shared memory • The code in separate isolates can execute in parallel • Isolates can communicate by sending each other messages via send and receive ports
  • 48.
    Isolates: Standalone vsWeb Browser Standalone Apps 
 
 - run isolates in parallel using available CPU cores - isolates can be created by invoking spawn() or spawnUri() Web Browser Apps - run isolates in Dart VM or as JavaScript Web workers - isolates can be created by invoking spawnUri()
  • 49.
    Isolates: Standalone vsWeb Browser Standalone Apps 
 
 - run isolates in parallel using available CPU cores - isolates can be created by invoking spawn() or spawnUri() Web Browser Apps - run isolates in Dart VM or as JavaScript Web workers - isolates can be created by invoking spawnUri() Use spawnUri() to dynamically load code
  • 50.
    Demo Parallel execution withisolates
 Using multiple CPU cores IDEA modules: IsolatesConsole and IsolatesWeb
  • 51.
    Demo 1. Reading alarge JSON file with HttpRequest - GUI doesn’t freeze 2. Running a long Dart loop with async - GUI freezes 3. Running a long Dart loop in isolate - GUI doesn’t freeze IDEA module: FrozenAsyncOrIsolate
  • 52.
    Dart-WebSocket-Java Dart client’s gettingdata pushed by the GlassFish server: main() {
 
 var output = querySelector('#output');
 
 WebSocket ws = new WebSocket(
 'ws://localhost:8080/GlassfishWebsocketDart_war_exploded/clock');
 
 ws.onOpen.listen((event){
 
 output.text = "Connected";
 
 });
 
 ws.onMessage.listen((event){
 
 output.text = event.data;
 
 });
 
 }
  • 53.
    Java EE WebSocketEndpoint @ServerEndpoint("/clock")
 public class WebSocketClock {
 
 static ScheduledExecutorService timer =
 Executors.newSingleThreadScheduledExecutor();
 
 private static Set<Session> allSessions;
 
 DateTimeFormatter timeFormatter =
 DateTimeFormatter.ofPattern("HH:mm:ss");
 @OnOpen
 public void showTime(Session session){
 allSessions = session.getOpenSessions();
 
 // start the scheduler on the very first connection
 // to call sendTimeToAll every second
 if (allSessions.size()==1){
 timer.scheduleAtFixedRate(
 () -> sendTimeToAll(session),0,1,TimeUnit.SECONDS);
 }
 }
 
 private void sendTimeToAll(Session session){
 allSessions = session.getOpenSessions();
 for (Session sess: allSessions){
 try{
 sess.getBasicRemote().sendText("Local time: " +
 LocalTime.now().format(timeFormatter));
 } catch (IOException ioe) {
 System.out.println(ioe.getMessage());
 }
 }
 }
 }
  • 54.
    Demo Pushing data froma Java EE server to the Dart client using WebSocket protocol IDEA module: GlassfishWebSocketDart The detailed description of this demo is here: http://bit.ly/1DeulKX
  • 55.
    Dart Tools 1. IDEs:Dart Editor, and plugins for all major IDEs 2. dart2js is a Dart-to-JavaScript transpiler and a tree-shaker 3. pub is a dependency management, development server and build tool. 4. gulp is a task manager. It’s an analog of Grunt or Gradle. 5. Dartium is a Web Browser for developers. 6. Dump-Info Visualizer allows to inspect the generated JavaScript. 7. Observatory is Dart profiler. 8. AngularDart is a port of AngularJS framework.
  • 56.
    Links • Code samplesfrom this demo: https://github.com/Farata/dart • Dart Style Guide https://www.dartlang.org/articles/style-guide • Dart API docs: https://api.dartlang.org • Try Dart: https://dartpad.dartlang.org • Hands-on labs: darlang.org/codelabs • List of languages that compile to JS: http://bit.ly/1FGHtPT • NYC Dart meetup: http://www.meetup.com/Dart-Users-Group
  • 57.
    More Links • OurDart/Java app: https://easy.insure • Farata Systems: faratasystems.com • Twitter: @yfain • email: yfain@faratasystems.com • Personal blog: yakovfain.com • The book Java for Kids: 
 http://yfain.github.io/Java4Kids/