Introduction Dart

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