Let's play Dart!
Jana Moudrá @Janamou +JanaMoudra www.moudra.net
Juicymo
#dfua

Let's write a Web App...

No fairy tales today

What is Dart?
#dfua

Language
Easy to learn
Modular
Great tools

Language
Easy to learn
Modular
Great tools
Let's learn Dart in
a few minutes

class Person {
String name;
int age;
Person(this.name, this.age);
}
Person person = new Person("Peter", 18);
Easy to learn

class Person {
var name;
var age;
Person(this.name, this.age);
}
var person = new Person("Peter", 18);
Types are optional

var name; //is null
int count; //is null
Default value
no undefined in Dart

if (name is String) {
print("$name is String");
}
Checking types

Person person = new Person();
person.name = "Peter";
person.age = 18;
person.hairColor = "brown";
Normal developer life

Person person = new Person()
..name = "Peter"
..age = 18
..hairColor = "brown";
Hello .. operator

Me + Dart
=
Productivity
#dfua

Great docs
Tools and libraries
async/await
Null-Aware operators

pub

name: my_super_app
version: 0.1.0
description: My super application!
dependencies:
args: any
pubspec.yaml

name: my_super_app
version: 0.1.0
description: My super application!
dependencies:
args: any
pubspec.yaml
$ pub get
Resolving dependencies...
Got dependencies!

dart:async, dart:collection, dart:convert,
dart:core, dart:developer, dart:html, dart:indexed_db,
dart:io, dart:isolate, dart:js, dart:
math, dart:mirrors, dart:svg, dart:
typed_data, dart:web_audio,
dart:web_gl, dart:web_sql

HttpRequest
.getString("animals.json")
.then(feedAnimals);
Before async/await era

feedAnimals(await HttpRequest
.getString("animals.json"));
We can do it better

if (person != null) {
person.sayHello();
}
Null everywhere...

person?.sayHello();
Hello Null-Aware

person?.sayHello();
Hello Null-Aware
and that's not all...

Not only for
client side
#dfua

Not only for
client side
server side command line mobile
#dfua

Client side
Web Browser
Compiles to JavaScript
Lots of libraries

Server side
Dart VM
Lots of frameworks
Integration with databases
App Engine, Firebase etc...

Command line

On mobile?

On mobile
Fletch
Flutter

Fletch
Flutter
dartlang.org/mobile flutter.io
On mobile

Developer
Utilities
#dfua

Tests rule the world code
Package test
test("Person is Jana", () {
Person person = new Person("Jana");
expect(person.name, equals("Jana"));
});

Documentation for everything
/**
* [ProcessResult] represents the result of
* running a non-interactive process started with
* [Process.run] or [Process.runSync].
*/
class ProcessResult {

Dartdoc

Observatory is your best friend
Profiling Dart code
Code coverage
Debugging memory leaks
...

Observatory

That's not all!
Stagehand
dartfmt
Grinder
… and more on pub.dartlang.org

Why should I
use Dart?
#dfua

#IJSAWTC

I Just Sit
And
Write The Code!

I Just Sit
And
Write The Code!
for client for server for command line

Let's play Dart tomorrow
Dart Code Lab
Sat, 14:50 - 15:30, Community hall
#dfua

Jana Moudrá @Janamou +JanaMoudra www.moudra.net
Juicymo
Questions?
#dfua

Image credits
● Matthew Keefe, cc,
https://www.flickr.com/photos/60243770@N00/3123775954/
● Mari Wirta, cc
https://www.flickr.com/photos/64194626@N03/6292870807/
● jenny downing, cc, https://www.flickr.
com/photos/7941044@N06/3990391143/
● Kjetil Korslien, cc
https://www.flickr.com/photos/kjetikor/8484119632/
● Kārlis Dambrāns, cc
https://www.flickr.com/photos/janitors/16524906898