Reallife experience with Dart

Reallife experience with Dart ViennaJS @Sgoettschkes https://stocksnap.io/photo/LTB7BB80VH

blitzlicht Improve communication by asking simple questions. 1. Ask one
question 2. Have people answer in their own words 3. Get insights

blitzlicht in Action

Code example

Code example Websockets

Code example void connect(String url) { WebSocket.connect(url).then((WebSocket websocket) { websocket.pingInterval
= new Duration(seconds: 5); websocket.listen(process, onDone: reconnect, onError: reconnect); }); }

Code example void process(String message) { Map data = JSON.decode(message);
// ... do something }

Code example API

Code example import 'package:redstone/redstone.dart' as app; void main() { app.start();
}

Code example @app.Group('/api/blitzlichts') class BlitzlichtService { @app.Route('/:id') read(String id, @Repo()
Repository repo) async { Blitzlicht blitzlicht = await repo.findOne(where.id(new ObjectId.fromHexString(id))); return blitzlicht.toMap(); } }

Code example AngularDart

Code example import 'package:angular2/platform/browser.dart'; import 'package:blitzlicht/client/app_component.dart'; void main() { bootstrap(AppComponent);
}

Code example <head>  <script async src="main.dart" type="application/dart"
type=" application/dart"></script> <script async src="packages/browser/dart.js" type="text/javascript" ></script>  </head>

Code example <body> <blitzlicht> <p>Loading ...</p> </blitzlicht> </body>

Code example @Component( directives: const [ROUTER_DIRECTIVES], providers: const [ROUTER_PROVIDERS], selector:
'blitzlicht', templateUrl: 'app_component.html') @RouteConfig(const [ const Route( path: '/', name: 'Index', component: IndexComponent, useAsDefault: true), ]) class AppComponent implements OnInit { Future<Null> ngOnInit() async { print('THIS IS BLITZLICHT'); } }

Code example import 'package:angular2/core.dart'; import 'package:angular2/router.dart'; @Component( directives: const [ROUTER_DIRECTIVES],
selector: 'index', templateUrl: 'index_component.html') class IndexComponent {}

Summary https://pixabay.com/en/milky-way-andromeda-stars-galaxy-923801/

https://www.dropbox.com/s/6z5aiwa8l09g2pa/86H.jpg

Reallife experience with Dart

Reallife experience with Dart

Sebastian

More Decks by Sebastian

Other Decks in Programming

Featured

Transcript