introduction to the dart - dart flight school liberec hackathon

30
Dart Flight School Liberec Jana Moudrá about.me/janamou

Post on 18-Oct-2014

730 views

Category:

Technology


2 download

DESCRIPTION

Slides for my presentation about the Dart on the event called Dart Flight School Hackathon in Liberec.

TRANSCRIPT

Page 1: Introduction to the Dart - Dart Flight School Liberec Hackathon

Dart Flight School LiberecJana Moudráabout.me/janamou

Page 2: Introduction to the Dart - Dart Flight School Liberec Hackathon

JuicymoGDG ČVUT Prague/GDG Prague

Web, Android, Design, Dart

about.me/janamou

Me

Page 3: Introduction to the Dart - Dart Flight School Liberec Hackathon

about.me/janamou

Page 4: Introduction to the Dart - Dart Flight School Liberec Hackathon

1.1.3

about.me/janamou

Page 5: Introduction to the Dart - Dart Flight School Liberec Hackathon

Object Oriented Easy to learn Optional types

ModularCompiles to JavaScript

about.me/janamou

Page 6: Introduction to the Dart - Dart Flight School Liberec Hackathon

Client Server

about.me/janamou

Page 7: Introduction to the Dart - Dart Flight School Liberec Hackathon

Dartium - Chromium with Dart VM

about.me/janamou

Page 8: Introduction to the Dart - Dart Flight School Liberec Hackathon

Compiled into JavaScript works in all modern browsers

about.me/janamou

Page 9: Introduction to the Dart - Dart Flight School Liberec Hackathon

Performance

about.me/janamou

Page 10: Introduction to the Dart - Dart Flight School Liberec Hackathon

Dart Performancewww.dartlang.org/performance/

Page 11: Introduction to the Dart - Dart Flight School Liberec Hackathon

Language

about.me/janamou

Page 12: Introduction to the Dart - Dart Flight School Liberec Hackathon

Optional typesEvery variable

is objectTop level main()

function

Checked and Production

modesSyntactic sugar

about.me/janamou

Named constructors

… and more

Page 13: Introduction to the Dart - Dart Flight School Liberec Hackathon

var x = 10;var y = 20;

or

num x = 10;num y = 20;

about.me/janamou

Optional types

Page 14: Introduction to the Dart - Dart Flight School Liberec Hackathon

void main() { print("Hello world Dart!");

}

about.me/janamou

Top level main() function

Page 15: Introduction to the Dart - Dart Flight School Liberec Hackathon

class Person {

String firstName;

String lastName;

int age;

Person(this.firstName, this.lastName);

}

void main() {

Person person = new Person("Jana", "Moudrá");

}

about.me/janamou

Syntactic sugar

Page 16: Introduction to the Dart - Dart Flight School Liberec Hackathon

class Person {

String firstName;

String lastName;

int age;

Person(this.firstName, this.lastName);

Person.withAge(this.lastName, this.age);

}

void main() {

Person person = new Person.withAge("Moudrá", 25);

}about.me/janamou

Named constructor

Page 17: Introduction to the Dart - Dart Flight School Liberec Hackathon

class Person {

String _firstName;

String _lastName;

int _age;

Person(this.firstName, this.lastName);

Person.withAge(this.lastName, this.age);

int get age => _age;

set age(int age) => _age = age;

}

about.me/janamou

Getter/Setter

Page 18: Introduction to the Dart - Dart Flight School Liberec Hackathon

void main() {

querySelector("#my-button")

..text = "Open Window" ..onClick.listen(openWindow);}

about.me/janamou

Cascade operator

Page 19: Introduction to the Dart - Dart Flight School Liberec Hackathon

Libraries

about.me/janamou

Page 20: Introduction to the Dart - Dart Flight School Liberec Hackathon

dart:coredart:htmldart:math

dart:convertdart:js

dart:web_gl

… and more on https://api.dartlang.org/apidocs/

about.me/janamou

Page 21: Introduction to the Dart - Dart Flight School Liberec Hackathon

AngularDartPolymer.dart

three.dartvector_math

… and more on https://pub.dartlang.org/

about.me/janamou

Page 22: Introduction to the Dart - Dart Flight School Liberec Hackathon

How to start?

about.me/janamou

Page 23: Introduction to the Dart - Dart Flight School Liberec Hackathon

How to start?www.dartlang.org

about.me/janamou

Page 24: Introduction to the Dart - Dart Flight School Liberec Hackathon
Page 25: Introduction to the Dart - Dart Flight School Liberec Hackathon

GET STARTEDwww.dartlang.org/codelabs/darrrt/

Page 26: Introduction to the Dart - Dart Flight School Liberec Hackathon

DART API REFERENCEhttps://api.dartlang.org/apidocs/

DOCS > DART: UP AND RUNNINGwww.dartlang.org/docs/dart-up-and-running/

Page 27: Introduction to the Dart - Dart Flight School Liberec Hackathon

DOCS > API REFERENCEhttps://api.dartlang.org/apidocs/

Page 28: Introduction to the Dart - Dart Flight School Liberec Hackathon

PUBhttps://pub.dartlang.org/

Page 29: Introduction to the Dart - Dart Flight School Liberec Hackathon

Let's code :-)

about.me/janamou

Page 30: Introduction to the Dart - Dart Flight School Liberec Hackathon

https://www.dartlang.org/https://pub.dartlang.org/

https://github.com/dart-langhttps://plus.google.com/+dartlang/

Dart Resources