SlideShare une entreprise Scribd logo
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

Contenu connexe

PPTX
DART.pptx
PDF
Support de cours technologie et application m.youssfi
PDF
Support developpement applications mobiles avec ionic v3 et v4
PDF
Rapport gestion de stock.pdf
PDF
Présentation Flutter
PDF
Manuel des TP : Atelier Web 2
PDF
Chp1 - Introduction au Développement Mobile
PDF
Support POO Java Deuxième Partie
DART.pptx
Support de cours technologie et application m.youssfi
Support developpement applications mobiles avec ionic v3 et v4
Rapport gestion de stock.pdf
Présentation Flutter
Manuel des TP : Atelier Web 2
Chp1 - Introduction au Développement Mobile
Support POO Java Deuxième Partie

Tendances (20)

PDF
Android-Tp3: fragments et menus
PDF
Cours JavaScript
PDF
Introduction a Flutter
PDF
Correction Examen 2016-2017 POO .pdf
PDF
Corrige tp java
PDF
Examen principal- php - correction
PPTX
Introduction aux technologies mobiles
PPTX
Architectures 3-tiers (Web)
DOCX
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
PDF
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
PDF
Support POO Java première partie
PDF
Support cours angular
PPT
Cloud et Virtualisation
PDF
02 correction-td smi-s3-algo2
PPTX
PPT
Introduction_Reseau.ppt
PDF
Exercice 1 java Héritage
PDF
Application web php5 html5 css3 bootstrap
PDF
Support Web Services SOAP et RESTful Mr YOUSSFI
PDF
Appalications JEE avec Servlet/JSP
Android-Tp3: fragments et menus
Cours JavaScript
Introduction a Flutter
Correction Examen 2016-2017 POO .pdf
Corrige tp java
Examen principal- php - correction
Introduction aux technologies mobiles
Architectures 3-tiers (Web)
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Support de cours EJB 3 version complète Par Mr Youssfi, ENSET, Université Ha...
Support POO Java première partie
Support cours angular
Cloud et Virtualisation
02 correction-td smi-s3-algo2
Introduction_Reseau.ppt
Exercice 1 java Héritage
Application web php5 html5 css3 bootstrap
Support Web Services SOAP et RESTful Mr YOUSSFI
Appalications JEE avec Servlet/JSP
Publicité

En vedette (12)

PDF
Cours nombres complexes
PDF
Nombre complexe
PDF
Chap nombres complexes
PDF
Examen d'analyse complexe
PDF
Exercice nombres complexes
PDF
Exercices complexes corriges
PDF
Exercices avec les solutions d'analyse complexe
PDF
Mathematiques _resumes_du_cours
PPT
Présentation atelier expo 1
PDF
2015 Upload Campaigns Calendar - SlideShare
PPTX
What to Upload to SlideShare
PDF
Getting Started With SlideShare
Cours nombres complexes
Nombre complexe
Chap nombres complexes
Examen d'analyse complexe
Exercice nombres complexes
Exercices complexes corriges
Exercices avec les solutions d'analyse complexe
Mathematiques _resumes_du_cours
Présentation atelier expo 1
2015 Upload Campaigns Calendar - SlideShare
What to Upload to SlideShare
Getting Started With SlideShare
Publicité

Similaire à Introduction Dart (20)

PDF
Les outils et compétences nécessaires pour le développement en remote - Ce...
PPTX
Domain_Driven_Design
PPTX
Les défis d’une application mobile multi-périphériques avec HTML5
PDF
Carnet de Route du Développeur - ENSIMAG 2012
PDF
Découvrez les nouvelles fonctionnalités de Talend 6
PPT
Drupal & Mobilité
PPTX
PRESENTATION_webclient.pptx
PPTX
Développez dans le futur, dès maintenant !
PPTX
Développez dans le futur, dès maintenant !
PPT
Daily ddd
PDF
Glossaire web pour les profanes - Webdesign
PPTX
2014 03-26-appdevseries-session3-interactingwiththedatabase-fr-phpapp01
PDF
DDD session BrownBagLunch (FR)
PDF
Spark-adabra, Comment Construire un DATALAKE ! (Devoxx 2017)
PDF
Faire le pont entre designers et développeurs au Guardian
PPTX
Les dernières avancées HTML5 & CSS3 en action !
PPTX
Les dernières avancées html5 & css3 en action !
PDF
Embarquer une base de données locale dans vos logiciels et applications mobiles
PPTX
Les technologies big data avec speech commentaries
PDF
CDAP, la boîte à outil pour concevoir vos applications Big Data
Les outils et compétences nécessaires pour le développement en remote - Ce...
Domain_Driven_Design
Les défis d’une application mobile multi-périphériques avec HTML5
Carnet de Route du Développeur - ENSIMAG 2012
Découvrez les nouvelles fonctionnalités de Talend 6
Drupal & Mobilité
PRESENTATION_webclient.pptx
Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !
Daily ddd
Glossaire web pour les profanes - Webdesign
2014 03-26-appdevseries-session3-interactingwiththedatabase-fr-phpapp01
DDD session BrownBagLunch (FR)
Spark-adabra, Comment Construire un DATALAKE ! (Devoxx 2017)
Faire le pont entre designers et développeurs au Guardian
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées html5 & css3 en action !
Embarquer une base de données locale dans vos logiciels et applications mobiles
Les technologies big data avec speech commentaries
CDAP, la boîte à outil pour concevoir vos applications Big Data

Introduction Dart

  • 1. Introduction DART DevFest GDG Miage Gi ‘13
  • 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
  • 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
  • 24. Solution Dart vous permet de créer des éléments personnalisés! #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