Introduction DART 
DevFest GDG Miage Gi ‘13
Dart 
#dartlang
Dart livré avec «batteries incluses» 
Langage 
Librairies Riche 
VM 
Package Manager 
Editeur de code DART 
And, it works across the modern 
web 
#dartlang
Dart runs on the client and server 
#dartlang
Le But d’un Projet DART 
“Dart aide les developpeurs 
des différentes plateformes 
à réaliser des applications 
complèxe et 
super performante 
pour le web moderne.” 
#dartlang
2 paths pour exécuter Dart 
dart dart2js js 
Dart VM (Dartium) 
#dartlang
Qu’est ce que DART? 
#dartlang
Qu’est ce que DART? 
Building web apps is Dart (initialement appelé Dash) est un 
langage de programmation web développé 
par Google. Il a été dévoilé lors de la 
conférence de GOTO à Aarhus (Danemark), 
le 12 octobre 2011. Son but est de 
remplacer JavaScript pour devenir l 
nouveau langage du développement web. 
#dartlang
Qu’est ce que DART? 
Dart esBt duesiltdinién àg r éwsoeudbre a leps pprso bilsèmes 
de JavaScript tout en offrant de meilleures 
performances, la capacité « à être plus 
facilement utilisable pour des projets à 
grande échelle », et une meilleure sécurité. 
Les ingénieurs de Google travaillent sur 
un IDE sur le cloud, nommé Brightly, qui 
sera peut-être la première application écrite 
en langage DART 
#dartlang
Les Bibliothèques 
Les bibliothèques de base 
fournissent toutes les bases, y 
compris le soutien pour la 
programmation asynchrone 
avec Futures (représente un moyen 
pour obtenir une valeur dans le futur). 
Dart: core - Nombres, collections, 
chaînes, etc 
#dartlang
Les Bibliothèques 
Dart: core - Nombres, collections, 
chaînes, etc 
Dart: asynchrone - programmation asynchrone 
Dart: math - Math et aléatoire 
Dart: html - Applications basées sur un 
navigateur 
Dart: io - Applications de ligne de commande 
d'E / S 
Dart: JSON - encodage et le décodage Objets 
#dartlang
Construire des application Heroique 
Nous 
realisons 
#dartlang 
de 
puissantes 
apps
Performance 
Rapidité, productivité, 
Bonheur pour les developpeurs. 
#dartlang
Performance 
La performance est bonne et 
s'améliore. Les applications 
DART sont les plus rapides dans 
la machine virtuelle Dart, mais 
elles peuvent être rapide même 
après compilation du JavaScript. 
#dartlang
Avantages 
- Basé sur des classes, l'héritage unique, 
- Interfaces implicites 
- Typage statique en option 
- Véritable portée lexicale 
- Un modèle de concurrence basé sur la transmission de 
messages 
- syntaxe familière 
N'importe qui peut devenir productif 
avec DART rapidement! 
#dartlang
DART n'est pas surprenant 
- Pas de règles de portée complexe (et la confusion) 
- Détecter les erreurs tôt 
- Oubliez «New», et vous obtenez une erreur 
- Essayez d'accéder à une propriété inexistante, et 
vous obtenez une erreur 
- Indice hors de portée, et vous obtenez une 
erreur 
……….. 
N'importe qui peut devenir productif 
avec DART rapidement! 
#dartlang
Probleme 
Les applications Web d'aujourd'hui occupe une 
grande capacité: 
● amazon.com ~ 600K JavaScript 
● cnn.com ~1500K JavaScript 
● espn.com ~ 900K JavaScript 
Quelle est la taille du code qui n'est jamais 
utilisé? 
#dartlang
Solution 
Dart vous offre une solution. 
Seul le code que vous avez 
réellement utiliser est 
compilé avec votre 
application. 
#dartlang
Solution 
#dartlang
Probleme 
Comment puis-je garder mes 
données et l'interface 
utilisateur synchronisé? 
#dartlang
Solution 
Dart vous donne une liaison 
de données facile. 
#dartlang
Probleme 
Où est la sémantique web 
qui m'avait été promise? 
#dartlang
Probleme 
#dartlang
Solution 
Dart vous permet de créer 
des éléments 
personnalisés! 
#dartlang
Elements personnalisées 
#dartlang
Elements personnalisées 
Web composants et les éléments 
personnalisées 
<element name="my-button" extends="button"> 
</element> 
#dartlang
Elements personnalisées 
Markup 
<element name="my-button" extends="button"> 
<template> ... </template> 
</element> 
#dartlang
Elements personnalisées 
Dart code 
<element name="my-button" extends="button"> 
<template> ... </template> 
<script type='application/dart'> ... </script> 
</element> 
#dartlang
Elements personnalisées 
Styles 
<element name="my-button" extends="button"> 
<template> ... </template> 
<script type='application/dart'> ... </script> 
<style> ... </style> 
</element> 
#dartlang
Elements personnalisées 
Ce n'est pas nouveau, c’est vrai. 
<input type=’range’ > 
Mais maintenant vous 
pouvez faire vos propres 
éléments. 
#dartlang
Outils 
Dart Editor 
Sublime plugin 
IntelliJIDEA, Webstorm 
Vim plugin 
#dartlang
DART 
Qu'attendez vous 
pour passer à 
DART ? 
#dartlang
FIN 
Merci 
+Eric Zile 
Facebook/ericzile 
#dartlang
Questions 
#dartlang

Introduction Dart

  • 1.
    Introduction DART DevFestGDG Miage Gi ‘13
  • 2.
  • 3.
    Dart livré avec«batteries incluses» Langage Librairies Riche VM Package Manager Editeur de code DART And, it works across the modern web #dartlang
  • 4.
    Dart runs onthe client and server #dartlang
  • 5.
    Le But d’unProjet DART “Dart aide les developpeurs des différentes plateformes à réaliser des applications complèxe et super performante pour le web moderne.” #dartlang
  • 6.
    2 paths pourexécuter Dart dart dart2js js Dart VM (Dartium) #dartlang
  • 7.
    Qu’est ce queDART? #dartlang
  • 8.
    Qu’est ce queDART? Building web apps is Dart (initialement appelé Dash) est un langage de programmation web développé par Google. Il a été dévoilé lors de la conférence de GOTO à Aarhus (Danemark), le 12 octobre 2011. Son but est de remplacer JavaScript pour devenir l nouveau langage du développement web. #dartlang
  • 9.
    Qu’est ce queDART? Dart esBt duesiltdinién àg r éwsoeudbre a leps pprso bilsèmes de JavaScript tout en offrant de meilleures performances, la capacité « à être plus facilement utilisable pour des projets à grande échelle », et une meilleure sécurité. Les ingénieurs de Google travaillent sur un IDE sur le cloud, nommé Brightly, qui sera peut-être la première application écrite en langage DART #dartlang
  • 10.
    Les Bibliothèques Lesbibliothèques de base fournissent toutes les bases, y compris le soutien pour la programmation asynchrone avec Futures (représente un moyen pour obtenir une valeur dans le futur). Dart: core - Nombres, collections, chaînes, etc #dartlang
  • 11.
    Les Bibliothèques Dart:core - Nombres, collections, chaînes, etc Dart: asynchrone - programmation asynchrone Dart: math - Math et aléatoire Dart: html - Applications basées sur un navigateur Dart: io - Applications de ligne de commande d'E / S Dart: JSON - encodage et le décodage Objets #dartlang
  • 12.
    Construire des applicationHeroique Nous realisons #dartlang de puissantes apps
  • 13.
    Performance Rapidité, productivité, Bonheur pour les developpeurs. #dartlang
  • 14.
    Performance La performanceest bonne et s'améliore. Les applications DART sont les plus rapides dans la machine virtuelle Dart, mais elles peuvent être rapide même après compilation du JavaScript. #dartlang
  • 15.
    Avantages - Basésur des classes, l'héritage unique, - Interfaces implicites - Typage statique en option - Véritable portée lexicale - Un modèle de concurrence basé sur la transmission de messages - syntaxe familière N'importe qui peut devenir productif avec DART rapidement! #dartlang
  • 16.
    DART n'est passurprenant - Pas de règles de portée complexe (et la confusion) - Détecter les erreurs tôt - Oubliez «New», et vous obtenez une erreur - Essayez d'accéder à une propriété inexistante, et vous obtenez une erreur - Indice hors de portée, et vous obtenez une erreur ……….. N'importe qui peut devenir productif avec DART rapidement! #dartlang
  • 17.
    Probleme Les applicationsWeb d'aujourd'hui occupe une grande capacité: ● amazon.com ~ 600K JavaScript ● cnn.com ~1500K JavaScript ● espn.com ~ 900K JavaScript Quelle est la taille du code qui n'est jamais utilisé? #dartlang
  • 18.
    Solution Dart vousoffre une solution. Seul le code que vous avez réellement utiliser est compilé avec votre application. #dartlang
  • 19.
  • 20.
    Probleme Comment puis-jegarder mes données et l'interface utilisateur synchronisé? #dartlang
  • 21.
    Solution Dart vousdonne une liaison de données facile. #dartlang
  • 22.
    Probleme Où estla sémantique web qui m'avait été promise? #dartlang
  • 23.
  • 24.
    Solution Dart vouspermet de créer des éléments personnalisés! #dartlang
  • 25.
  • 26.
    Elements personnalisées Webcomposants et les éléments personnalisées <element name="my-button" extends="button"> </element> #dartlang
  • 27.
    Elements personnalisées Markup <element name="my-button" extends="button"> <template> ... </template> </element> #dartlang
  • 28.
    Elements personnalisées Dartcode <element name="my-button" extends="button"> <template> ... </template> <script type='application/dart'> ... </script> </element> #dartlang
  • 29.
    Elements personnalisées Styles <element name="my-button" extends="button"> <template> ... </template> <script type='application/dart'> ... </script> <style> ... </style> </element> #dartlang
  • 30.
    Elements personnalisées Cen'est pas nouveau, c’est vrai. <input type=’range’ > Mais maintenant vous pouvez faire vos propres éléments. #dartlang
  • 31.
    Outils Dart Editor Sublime plugin IntelliJIDEA, Webstorm Vim plugin #dartlang
  • 32.
    DART Qu'attendez vous pour passer à DART ? #dartlang
  • 33.
    FIN Merci +EricZile Facebook/ericzile #dartlang
  • 34.