Introduction à dart

DART
Yohan BESCHI – Développeur Java
@yohanbeschi
+Yohan Beschi
2013-02-13 Introduction à DART 1

Pourquoi ce talk ?
CellTable<User> table = new CellTable<User>(); }
});
TextColumn<User> idColumn = new TextColumn<User>() { columnSortHandler.setComparator(firstNameColumn,
@Override new Comparator<Tester.User>() {
public String getValue(User user) { public int compare(User o1, User o2) {
return user.id; if (o1 == o2) {
} return 0;
}; }

TextColumn<User> firstNameColumn = new TextColumn<User>() { if (o1 != null) {
@Override return (o2 != null) ? o1.firstName.compareTo(o2.firstName) : 1;
public String getValue(User user) { }
return user.firstName; return -1;
} }
}; });
columnSortHandler.setComparator(lasteNameColumn,
TextColumn<User> lastNameColumn = new TextColumn<User>() { new Comparator<Tester.User>() {
@Override public int compare(User o1, User o2) {
public String getValue(User user) { if (o1 == o2) {
return user.lastName; return 0;
} }
};
if (o1 != null) {
TextColumn<User> ageColumn = new TextColumn<User>() { return (o2 != null) ? o1.lasteName.compareTo(o2.lasteName) : 1;
@Override }
public String getValue(User user) { return -1;
return user.age; }
} });
}; columnSortHandler.setComparator(ageColumn,
new Comparator<Tester.User>() {
idColumn.setSortable(true); public int compare(User o1, User o2) {
firstNameColumn.setSortable(true); if (o1 == o2) {
lastNameColumn.setSortable(true); return 0;
ageColumn.setSortable(true); }

table.addColumn(idColumn, "ID"); if (o1 != null) {
table.addColumn(firstNameColumn, "First name"); return (o2 != null) ? o1.age.compareTo(o2.age) : 1;
table.addColumn(lastNameColumn, "Lats name"); }
table.addColumn(ageColumn, "Age"); return -1;
}
ListDataProvider<User> dataProvider = new ListDataProvider<User>(); });
dataProvider.addDataDisplay(table); table.addColumnSortHandler(columnSortHandler);
table.getColumnSortList().push(firstNameColumn);
List<User> list = dataProvider.getList();
for (User user : USERS) {
list.add(user);
}

ListHandler<User> columnSortHandler = new ListHandler<Tester.User>(list);
columnSortHandler.setComparator(idColumn,
public int compare(User o1, User o2) {
if (o1 == o2) {
return 0;
}

if (o1 != null) {
return (o2 != null) ? o1.id.compareTo(o2.id) : 1;
}
return -1;


Pourquoi ce talk ?
CellTable<User> table = new CellTable<User>(); }
});
TextColumn<User> idColumn = new TextColumn<User>() { columnSortHandler.setComparator(firstNameColumn,
@Override new Comparator<Tester.User>() {
public String getValue(User user) { public int compare(User o1, User o2) {
return user.id; if (o1 == o2) {
} return 0;
}; }

TextColumn<User> firstNameColumn = new TextColumn<User>() { if (o1 != null) {
@Override return (o2 != null) ? o1.firstName.compareTo(o2.firstName) : 1;
public String getValue(User user) { }
return user.firstName; return -1;
} }
}; });
columnSortHandler.setComparator(lasteNameColumn,
TextColumn<User> lastNameColumn = new TextColumn<User>() { new Comparator<Tester.User>() {
@Override public int compare(User o1, User o2) {
public String getValue(User user) { if (o1 == o2) {
return user.lastName; return 0;
} }
};
if (o1 != null) {
TextColumn<User> ageColumn = new TextColumn<User>() { return (o2 != null) ? o1.lasteName.compareTo(o2.lasteName) : 1;
@Override }
public String getValue(User user) { return -1;
return user.age; }
} });
}; columnSortHandler.setComparator(ageColumn,
idColumn.setSortable(true); public int compare(User o1, User o2) {
firstNameColumn.setSortable(true); if (o1 == o2) {
lastNameColumn.setSortable(true); return 0;
ageColumn.setSortable(true); }

table.addColumn(idColumn, "ID"); if (o1 != null) {
table.addColumn(firstNameColumn, "First name"); return (o2 != null) ? o1.age.compareTo(o2.age) : 1;
table.addColumn(lastNameColumn, "Lats name"); }
table.addColumn(ageColumn, "Age"); return -1;
}
ListDataProvider<User> dataProvider = new ListDataProvider<User>(); });
dataProvider.addDataDisplay(table); table.addColumnSortHandler(columnSortHandler);
table.getColumnSortList().push(firstNameColumn);
List<User> list = dataProvider.getList();
for (User user : USERS) {
list.add(user);
}

ListHandler<User> columnSortHandler = new ListHandler<Tester.User>(list);
columnSortHandler.setComparator(idColumn,
public int compare(User o1, User o2) {
if (o1 == o2) {
return 0;
}

if (o1 != null) {
return (o2 != null) ? o1.id.compareTo(o2.id) : 1;
}
return -1;


Pourquoi ce talk ?
Table<User> table = new Table (sorting:true)
..addColumn('ID', new TextCell((User o) => o.id))
..addColumn('First name', new TextCell((User o) => o.firstName))
..addColumn('Last name', new TextCell((User o) => o.lastName))
..addColumn('Age', new TextCell((User o) => o.age))
..setData(objs);


Pourquoi ce talk ?
Table<User> table = new Table (sorting:true)
..addColumn('ID', new TextCell((User o) => o.id))
..addColumn('First name', new TextCell((User o) => o.firstName))
..addColumn('Last name', new TextCell((User o) => o.lastName))
..addColumn('Age', new TextCell((User o) => o.age))
..setData(objs);

6 lignes


Le gagnant pour moi ?


Il était une fois…


Productivité du programmeur


Application évolutive


Rapidité d'exécution


Performance au démarrage


L'arrivée de DART

⦿ Open Source (BSD)
⦿ Structuré
⦿ Anti-Révolutionnaire
⦿ Dans la mouvance des frameworks JS
⦿ N’a pas pour objectif de casser le web


Classes abstraites

abstract class Validatable {

}


Classes abstraites

abstract class Validatable {
List<Object> valuesToValidate();
}


Classes abstraites

abstract class Validator<T extends Validatable> {

}


Classes abstraites

bool validate(T object) {

}
}


Classes abstraites

for (Object obj in object.valuesToValidate()) {

}
}
}


Classes abstraites

if (StringUtils.isEmpty(obj.toString())) {

}
}
}
}


Classes abstraites

if (StringUtils.isEmpty(obj.toString())) {
return false;
}
}

return true;
}
}


Classes concrètes

class User {

}


Classes concrètes

class User implements Validatable {

}


Classes concrètes

String username;
String password;

}


Classes concrètes

String username;
String password;

User(this.username, this.password);

}


Classes concrètes

String username;
String password;

User(this.username, this.password);

List<Object> valuesToValidate() {
return [username, password];
}
}


Mais ce n’est pas tout

⦿ Mixins
⦿ Optionnellement typé
⦿ Gouverné par des fonctions de haut niveau
⦿ Mono processus


Librairies disponibles

⦿ Core ⦿ TU et Mocks
⦿ HTML ⦿ Math
⦿ Async ⦿ Logging
⦿ IO ⦿ URI
⦿ Crypto ⦿ I18N
⦿ JSON ⦿ etc.
⦿ Mirrors
⦿ UTF


Futures / Callback Hell - JS
getWinningNumber( (int result1) {
updateResult(1, result1);
//snip getResultsString()
});
});
});
});
});
});

Futures / Callback Hell - Dart
void main() {
getFutureWinningNumber()
.then(next(1))
.then(next(2))
.then(next(3))
.then(next(4))
.then(next(5))
.then(next(6));
}

Function next(int position) {
return (int result) {
updateResult(position, result);
return getFutureWinningNumber();
};
}


Isolates


Machines Virtuelles


Dartium


DartEditor


Plugins


dart2js


dart2js

⦿ Cible HTML5
⦿ Tree Shaking
⦿ Agrégation/Minification
⦿ Optimisation


pub


pub

pubspec.yaml
name: pacifista_rocks
description: The best application in the whole world
version: 0.0.1
dependencies:
great_lib: any


dartdoc

/// This is a single-line documentation comment.

/**
* This is a multi-line documentation comment.
* To generate the documentation:
* $ dartdoc <filename>
*/
void main() {

}


dartdoc


Utilisation

⦿ Création de sites Single-Page
⦿ Création d'application complètes
⦿ Jeux HTML


Roadmap

Aujourd'hui : M2 Mi-fevrier : M3 Été : V1 !


Aller plus loin
DartLangFR
⦿ Mailing-list : dartlangfr (https://groups.google.com/forum/?fromgroups=&hl=en#!forum/dartlangfr)
⦿ Google+ : DartlangFR (https://plus.google.com/u/0/communities/104813951711720144450)
⦿ Twitter : @dartlang_fr
⦿ Blog : dartlangfr.net

DartLang
⦿ Site officiel : www.dartlang.org
⦿ Mailing-list : dartlang
(https://groups.google.com/a/dartlang.org/forum/?fromgroups&hl=en#!forum/misc)
⦿ Google+ : Dart (https://plus.google.com/+dartlang)
⦿ Google+ : Dartisans (https://plus.google.com/communities/114566943291919232850)
⦿ Twitter : @dart_lang
⦿ Blog : blog.dartwatch.com
⦿ Newsletter : Dart weekly


Des questions ?


Introduction à dart

Recommended

More Related Content

Similar to Introduction à dart (7)

More from yohanbeschi (6)

Recently uploaded (20)

Introduction à dart