est un langage de programmation web développé par Google. Son but est de remplacer JavaScript

1. Introduction DART
DevFest GDG Miage Gi ‘13

2. Dart
#dartlang

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 on the client and server
#dartlang

5. 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

6. 2 paths pour exécuter Dart
dart dart2js js
Dart VM (Dartium)
#dartlang

7. Qu’est ce que DART?
#dartlang

8. 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

9. 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

10. 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

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 application Heroique
Nous
realisons
#dartlang
de
puissantes
apps

13. Performance
Rapidité, productivité,
Bonheur pour les developpeurs.
#dartlang

14. 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

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 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

17. 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

18. Solution
Dart vous offre une solution.
Seul le code que vous avez
réellement utiliser est
compilé avec votre
application.
#dartlang

19. Solution
#dartlang

20. Probleme
Comment puis-je garder mes
données et l'interface
utilisateur synchronisé?
#dartlang

21. Solution
Dart vous donne une liaison
de données facile.
#dartlang

22. Probleme
Où est la sémantique web
qui m'avait été promise?
#dartlang

23. Probleme
#dartlang

24. Solution
Dart vous permet de créer
des éléments
personnalisés!
#dartlang

25. Elements personnalisées
#dartlang

26. Elements personnalisées
Web composants 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
Dart code
<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
Ce n'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
+Eric Zile
Facebook/ericzile
#dartlang

34. Questions
#dartlang