Upload
eric-zile-kouassi
View
141
Download
6
Tags:
Embed Size (px)
DESCRIPTION
est un langage de programmation web développé par Google. Son but est de remplacer JavaScript
Citation preview
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 etsuper performante
pour le web moderne.” #dartlang
dart dart2js js
Dart VM (Dartium)
2 paths pour exécuter Dart
#dartlang
Qu’est ce que DART?
#dartlang
Qu’est ce que DART?
#dartlang
Building web apps isDart (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.
Qu’est ce que DART?
#dartlang
Building web apps isDart est destiné à résoudre les problè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
Les BibliothèquesLes 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èquesDart: 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
#dartlang
Nous realisons
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 ZileFacebook/ericzile
#dartlang
Questions
#dartlang