Dart, Darrt, Darrrt
-
Upload
jana-moudra -
Category
Software
-
view
2.063 -
download
1
Transcript of Dart, Darrt, Darrrt
![Page 1: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/1.jpg)
Dart, Darrt, Darrrt
Jana Moudrá @Janamou +JanaMoudrá
![Page 2: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/2.jpg)
Website?. This cannot be difficult....
![Page 3: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/3.jpg)
How to do it?.
![Page 4: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/4.jpg)
Web Developer
LanguageDev Editor
Great Tools
![Page 5: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/5.jpg)
JavaScriptjQuery
Node.jsCofeeScript
ReactJS...
![Page 6: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/6.jpg)
Sublime TextWebStorm
EclipseNetbeans
Notepad
...
...
![Page 7: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/7.jpg)
bowernpm
jamvolo
...
![Page 8: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/8.jpg)
Which. should I use?.
![Page 9: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/9.jpg)
![Page 10: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/10.jpg)
LanguageDev EditorGreat Tools
![Page 11: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/11.jpg)
LanguageDev EditorGreat Tools
![Page 12: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/12.jpg)
LanguageDev EditorGreat Tools
![Page 13: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/13.jpg)
LanguageDev EditorGreat Tools
![Page 14: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/14.jpg)
LanguageDev EditorGreat ToolsPerformance
![Page 15: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/15.jpg)
LanguageDev EditorGreat ToolsPerformance
And more...
![Page 16: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/16.jpg)
Language
![Page 17: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/17.jpg)
Languageis easy to learn
![Page 18: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/18.jpg)
Open-sourceFor better performance
Object orientedModular
![Page 19: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/19.jpg)
Client and Server!.
![Page 20: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/20.jpg)
Client and Server!. Command Line Chrome Packaged App.
![Page 21: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/21.jpg)
var x = 10;
var y = 20;
Optional Types
num x = 10;
num y = 20;or
![Page 22: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/22.jpg)
void main() {
print("Hello World Dart!");
}
main() function
![Page 23: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/23.jpg)
void main() {
var myButton = querySelector("#my-button");
myButton.text = "Open Window";
myButton.style.background = "pink";
myButton.style.fontFamily = "Comic Sans MS";
myButton.onClick.listen(openWindow);
}
Cascade operator
![Page 24: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/24.jpg)
void main() {
querySelector("#my-button")
..text = "Open Window"
..style.background = "pink"
..style.fontFamily = "Comic Sans MS"
..onClick.listen(openWindow);
}
Cascade operator
![Page 25: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/25.jpg)
class Animal {
int numberOfLegs;
int numberOfHeads;
Animal(int numberOfLegs, int numberOfHeads) {
this.numberOfLegs = numberOfLegs;
this.numberOfHeads = numberOfHeads;
}
}
Syntactic sugar
![Page 26: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/26.jpg)
class Animal {
int numberOfLegs;
int numberOfHeads;
Animal(this.numberOfLegs, this.numberOfHeads);
}
Syntactic sugar
![Page 27: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/27.jpg)
class Animal {
int numberOfLegs;
int numberOfHeads;
Animal(this.numberOfLegs, this.numberOfHeads);
}
void main() {
Animal dragon = new Animal(4, 1);
}
Syntactic sugar
![Page 28: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/28.jpg)
class Animal {
int numberOfLegs;
int numberOfHeads;
String name;
Animal(this.numberOfLegs, this.numberOfHeads);
Animal.withName(this.name);
}
void main() {
Animal dragon = new Animal.withName("Pepa");
}
Named constructors
![Page 29: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/29.jpg)
class Animal {
int numberOfLegs;
int numberOfHeads;
String _name;
Animal(this.numberOfLegs, this.numberOfHeads);
Animal.withName(this._name);
String get name => "$_name is the best";
set name(String name) => _name = name;
}
Getter and Setter
![Page 30: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/30.jpg)
Tools
![Page 31: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/31.jpg)
Toolswe have them
![Page 32: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/32.jpg)
Dart Editor DartiumDart SDK
![Page 33: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/33.jpg)
Dart SDKDart VMLibraries
Command Line Tools
![Page 34: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/34.jpg)
DartiumChromium with Dart VM
![Page 35: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/35.jpg)
Modern BrowsersCompiled into JavaScript
![Page 36: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/36.jpg)
Dart Libraries
dart:async, dart:collection, dart:convert,
dart:core, dart:html,
dart:indexed_db, dart:io, dart:isolate, dart:js, dart:math, dart:mirrors, dart:profiler,
dart:svg, dart:typed_data,
dart:web_audio, dart:web_gl, dart:web_sql
![Page 37: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/37.jpg)
dart:js
<script type="text/javascript">
var Person = function(name, surname) {
this.name = name;
this.surname = surname;
this.sayHello = function(){
alert("Hello!");
}
};
</script>
![Page 38: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/38.jpg)
dart:js
import 'dart:js';
void main() {
var person = new JsObject(context['Person'],
["Jana", "Moudra"]);
print(person["name"]);
print(person["surname"]);
person.callMethod("sayHello");
}
![Page 39: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/39.jpg)
pub.
![Page 40: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/40.jpg)
name: todolist
description: "My TODO list!"
dependencies:
browser: any
polymer: any
vector_math: any
pubspec.yaml
![Page 41: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/41.jpg)
Libraries on Pub
polymer, angular, route, route_hierarchical, googleapis, chrome,
json_object, vector_math, appengine, ...
and more on pub.dartlang.org!
![Page 42: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/42.jpg)
Dart is on the cloud!.
![Page 43: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/43.jpg)
Demo
+
![Page 44: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/44.jpg)
Client Server
void main() { ...}
void main() { runAppEngine(reqHandler);}
![Page 45: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/45.jpg)
Client Server
class Note extends Model { ...}
class Note extends Model { ...}
![Page 46: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/46.jpg)
DartIs easy to learn
![Page 47: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/47.jpg)
DarrtHas great tools
![Page 48: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/48.jpg)
DarrrtYou can write awesome apps
![Page 49: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/49.jpg)
12:30Dart Code Lab
![Page 50: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/50.jpg)
Thank You!Questions?
Jana Moudrá @Janamou +JanaMoudrá
![Page 51: Dart, Darrt, Darrrt](https://reader034.fdocuments.in/reader034/viewer/2022052601/559444651a28abfa2f8b473e/html5/thumbnails/51.jpg)
Image credits
● Tim Regan, cc, https://www.flickr.com/photos/27141279@N00/10481690626
● reynermedia, cc, https://www.flickr.com/photos/89228431@N06/11285592553/
● jenny downing, cc, https://www.flickr.com/photos/7941044@N06/3990391143/
● kevin dooley, cc, https://www.flickr.com/photos/12836528@N00/7922047866/
● monkeywing, cc, https://www.flickr.com/photos/9887585@N08/7584708186/
● Gregor Cresnar, https://www.iconfinder.com/icons/304602/apple_browser_computer_laptop_macbook_monitor_notebook_screen_web_icon
● Jerry Low, https://www.iconfinder.com/icons/286686/computers_servers_web_host_icon