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 ...
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 e...
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é 
...
Qu’est ce que DART? 
Dart esBt duesiltdinién àg r éwsoeudbre a leps pprso bilsèmes 
de JavaScript tout en offrant de meill...
Les Bibliothèques 
Les bibliothèques de base 
fournissent toutes les bases, y 
compris le soutien pour la 
programmation a...
Les Bibliothèques 
Dart: core - Nombres, collections, 
chaînes, etc 
Dart: asynchrone - programmation asynchrone 
Dart: ma...
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 virtue...
Avantages 
- Basé sur des classes, l'héritage unique, 
- Interfaces implicites 
- Typage statique en option 
- Véritable p...
DART n'est pas surprenant 
- Pas de règles de portée complexe (et la confusion) 
- Détecter les erreurs tôt 
- Oubliez «Ne...
Probleme 
Les applications Web d'aujourd'hui occupe une 
grande capacité: 
● amazon.com ~ 600K JavaScript 
● cnn.com ~1500...
Solution 
Dart vous offre une solution. 
Seul le code que vous avez 
réellement utiliser est 
compilé avec votre 
applicat...
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"> 
</el...
Elements personnalisées 
Markup 
<element name="my-button" extends="button"> 
<template> ... </template> 
</element> 
#dar...
Elements personnalisées 
Dart code 
<element name="my-button" extends="button"> 
<template> ... </template> 
<script type=...
Elements personnalisées 
Styles 
<element name="my-button" extends="button"> 
<template> ... </template> 
<script type='ap...
Elements personnalisées 
Ce n'est pas nouveau, c’est vrai. 
<input type=’range’ > 
Mais maintenant vous 
pouvez faire vos ...
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
Prochain SlideShare
Chargement dans…5
×

Introduction Dart

342 vues

Publié le

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

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
342
Sur SlideShare
0
Issues des intégrations
0
Intégrations
9
Actions
Partages
0
Téléchargements
6
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Introduction Dart

  1. 1. Introduction DART DevFest GDG Miage Gi ‘13
  2. 2. Dart #dartlang
  3. 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. 4. Dart runs on the client and server #dartlang
  5. 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. 6. 2 paths pour exécuter Dart dart dart2js js Dart VM (Dartium) #dartlang
  7. 7. Qu’est ce que DART? #dartlang
  8. 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. 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. 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. 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. 12. Construire des application Heroique Nous realisons #dartlang de puissantes apps
  13. 13. Performance Rapidité, productivité, Bonheur pour les developpeurs. #dartlang
  14. 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. 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. 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. 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. 18. Solution Dart vous offre une solution. Seul le code que vous avez réellement utiliser est compilé avec votre application. #dartlang
  19. 19. Solution #dartlang
  20. 20. Probleme Comment puis-je garder mes données et l'interface utilisateur synchronisé? #dartlang
  21. 21. Solution Dart vous donne une liaison de données facile. #dartlang
  22. 22. Probleme Où est la sémantique web qui m'avait été promise? #dartlang
  23. 23. Probleme #dartlang
  24. 24. Solution Dart vous permet de créer des éléments personnalisés! #dartlang
  25. 25. Elements personnalisées #dartlang
  26. 26. Elements personnalisées Web composants et les éléments personnalisées <element name="my-button" extends="button"> </element> #dartlang
  27. 27. Elements personnalisées Markup <element name="my-button" extends="button"> <template> ... </template> </element> #dartlang
  28. 28. Elements personnalisées Dart code <element name="my-button" extends="button"> <template> ... </template> <script type='application/dart'> ... </script> </element> #dartlang
  29. 29. Elements personnalisées Styles <element name="my-button" extends="button"> <template> ... </template> <script type='application/dart'> ... </script> <style> ... </style> </element> #dartlang
  30. 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. 31. Outils Dart Editor Sublime plugin IntelliJIDEA, Webstorm Vim plugin #dartlang
  32. 32. DART Qu'attendez vous pour passer à DART ? #dartlang
  33. 33. FIN Merci +Eric Zile Facebook/ericzile #dartlang
  34. 34. Questions #dartlang

×