GDG DART Event at Karachi
1 like1,483 views
- The document provides information about Dart Flight School, a talk given by Imam Raza on the Dart programming language. - It discusses Imam Raza's background and motivation for the talk. - The bulk of the talk is spent explaining what Dart is, comparing it to JavaScript, demonstrating Dart's syntax and semantics, and discussing how to use Dart for web and server development. - It highlights Dart's use in production at companies like Google, Soundtrap, and Montage and its standardization efforts.
![Missing getter?
"hello".missing // ??
Logical
Class 'String' has no instance getter 'missing'.
NoSuchMethodError : method not found: 'missing'
Receiver: "hello"
Arguments: []
#dartlang](https://image.slidesharecdn.com/gdgdart15feb2014-140221133435-phpapp01/85/GDG-DART-Event-at-Karachi-22-320.jpg)
![DeltaBlue
addConstraintsConsumingTo(v, coll) {
var determining = v.determinedBy;
for (var i = 0; i < v.constraints.length; i++) {
var c = v.constraints[i];
if (c != determining && c.isSatisfied()) {
coll.add(c);
}
}
}
#dartlang](https://image.slidesharecdn.com/gdgdart15feb2014-140221133435-phpapp01/85/GDG-DART-Event-at-Karachi-41-320.jpg)
![DeltaBlue: Fully optimized
addConstraintsConsumingTo$2: function(v, coll) {
var determining, t1, i, c;
determining = v.determinedBy;
for (t1 = v.constraints, i = 0; i < t1.length; ++i) {
c = t1[i];
if (c !== determining && c.isSatisfied$0()) {
coll.push(c);
}
}
}
262 characters, same
semantics
#dartlang](https://image.slidesharecdn.com/gdgdart15feb2014-140221133435-phpapp01/85/GDG-DART-Event-at-Karachi-44-320.jpg)
GDG DART Event at Karachi
- 1. Dart Flight School Speaker Imam Raza Licensed under http://creativecommons.org/licenses/by-nc/3.0/us/ #dartlang
- 2. Speaker.bio.toString() ● ● ● ● 12 years of professional experience. Specialties include; Enterprise Software Architecture, Mobile devices Architecture and software services including consulting, outsourcing and offshore incubation. Currently engaged with Folio3 as Senior Software Architect. Motivation for today speech. Exploring latest technologies and creating awareness about them is my hobby. #dartlang
- 3. #dartlang
- 4. Why ? ✔ Improved productivity ✔ Increased performance #dartlang
- 5. What is ✔ a new language(Javascript,JAVA/C# developer) ✔ Libraries ✔ Editor ✔ VM ✔ Browser that can run dart app natively ✔ Compiler to Javascript. #dartlang
- 6. JavaScript Vs Dart(Language Comparison) ✔ Classes: JS Prototyped based language and Not classbased language ✔ Static Typing: JS doesn’t support ✔ Language support for libraries: #dartlang
- 7. Learn the language in under an hour #dartlang
- 8. Use the tools you already know #dartlang
- 9. Compile to JavaScript, runs across the modern web #dartlang
- 10. Run Dart on the server with the Dart VM #dartlang
- 11. Jasmine Docs PhantomJS Docs dest templates Docs moment.js Docs Modernizr Docs "Hi, Ijust wantbuild "I want to to writeweb app" a web apps!" jQuery Docs Backbone Marionette Docs Backbone Docs require.js Docs #dartlang
- 12. "Things are consistent and clear." Pa ck ag es Intl Polymer Unit test Dart SDK #dartlang
- 13. Apps start small, but grow and scale #dartlang
- 14. Simple syntax, ceremony free class Hug { Familiar #dartlang
- 15. Simple syntax, ceremony free class Hug { num strength; Hug(this.strength); Terse #dartlang
- 16. Simple syntax, ceremony free class Hug { num strength; Hug(this.strength); Hug operator +(Hug other) { return new Hug(strength + other.strength); } Operator overriding #dartlang
- 17. Simple syntax, ceremony free class Hug { num strength; Hug(this.strength); Hug operator +(Hug other) { return new Hug(strength + other.strength); } void patBack({int hands: 1}) { // ... } Named, optional params w/ default value #dartlang
- 18. Simple syntax, ceremony free // ... Hug operator +(Hug other) { return new Hug(strength + other.strength); } void patBack({int hands: 1}) { // ... } One-line function String toString() => "Embraceometer reads $strength"; } #dartlang
- 19. Simple syntax, ceremony free // ... Hug operator +(Hug other) { return new Hug(strength + other.strength); } void patBack({int hands: 1}) { // ... } String toString() => "Embraceometer reads $strength"; } String Interpolation #dartlang
- 20. Clean semantics and behavior #dartlang
- 21. Clean semantics and behavior • • • Examples: Only true is truthy There is no undefined, only null No type coercion with ==, + #dartlang
- 22. Missing getter? "hello".missing // ?? Logical Class 'String' has no instance getter 'missing'. NoSuchMethodError : method not found: 'missing' Receiver: "hello" Arguments: [] #dartlang
- 23. String compared to number? 'hello' > 1 // ?? Logical Class 'String' has no instance method '>'. #dartlang
- 24. Variable scope? No hoisting var foo = 'top-level'; main() { if (true) { var foo = 'inside'; } print(foo); // ?? What will this print? } Logical top$level #dartlang
- 25. Scope of this? class AwesomeButton { AwesomeButton(button) { button.onClick.listen((Event e) => this.atomicDinosaurRock()); } atomicDinosaurRock() { /* ... */ } } Lexical this #dartlang
- 26. Scalable structure Packages library games; import 'dart:math'; import 'players.dart'; class Darts { // ... Libraries } class Bowling { // ... Functions Classes } Player findOpponent(int skillLevel) { // ... Mixins Interfaces } #dartlang
- 27. Too many buttons var$button$=$new$ButtonElement(); button.id$=$'fancy'; button.text$=$'Click$Point'; button.classes.add('important'); button.onClick.listen((e)$=>$addTopHat()); parentElement.children.add(button); Yikes! Button is repeated 6 times! #dartlang
- 30. One of these things is not like the other Object Persistable Hug Hug is not is-a Persistable Don't pollute your inheritance tree! #dartlang
- 32. Mixins abstract'class'Persistable'{ 'save()'{'...'} 'load()'{'...'} Extend object & no constructors? You can be a mixin! 'toJson(); } class'Hug'extends'Object'with'Persistable'{ 'Map'toJson()'=>'{'strength':10}; } Apply the mixin. main()'{ 'var'embrace'='new'Hug(); 'embrace.save(); }'''''''' Use methods from mixin. #dartlang
- 33. Context switching considered harmful, Iterate quickly #dartlang
- 34. #dartlang
- 35. #dartlang
- 37. #dartlang
- 38. Compile Dart to JavaScript with dart2js #dartlang
- 40. Our challenge ... clean semantics and unsurprising behavior without extra checks when compiled to JavaScript #dartlang
- 41. DeltaBlue addConstraintsConsumingTo(v, coll) { var determining = v.determinedBy; for (var i = 0; i < v.constraints.length; i++) { var c = v.constraints[i]; if (c != determining && c.isSatisfied()) { coll.add(c); } } } #dartlang
- 42. DeltaBlue: Unoptimized addConstraintsConsumingTo$2: function(v, coll) { var determining, t1, t2, t3, i, t4, c; determining = v.get$determinedBy(); t1 = v.constraints; t2 = getInterceptor$as(t1); t3 = getInterceptor$a(coll); i = 0; while (true) { t4 = t2.get$length(t1); Simply not good enough! if (typeof t4 !== "number") throw new IllegalArgumentError(t4); if (!(i < t4)) break; c = t2.$index(t1, i); if ((c == null ? determining != null : c !== determining) && c.isSatisfied$0() === true) { t3.add$1(coll, c); } ++i; } } #dartlang
- 43. Global optimizations • • o o Dart is structured and allows whole program analysis Understanding your program’s structure enables: Code navigation and great refactoring tools Global compile-time optimizations #dartlang
- 44. DeltaBlue: Fully optimized addConstraintsConsumingTo$2: function(v, coll) { var determining, t1, i, c; determining = v.determinedBy; for (t1 = v.constraints, i = 0; i < t1.length; ++i) { c = t1[i]; if (c !== determining && c.isSatisfied$0()) { coll.push(c); } } } 262 characters, same semantics #dartlang
- 45. #dartlang
- 46. #dartlang
- 47. #dartlang
- 48. #dartlang
- 49. Old 'n busted New hotness <messages> <message> <subject> Please fill out the TPS report </subject> <sent>2012-10-03</sent> <summary> I'm going to have to ask you to come in... </summary> </message> <message> <subject> Reminder: fill out that TPS report! </subject> <sent>2012-10-04</sent> <summary> It's been 24 hours... </summary> </message> ... </messages> #dartlang
- 50. Encapsulated <custom-element> Structure <div> <input> <p> <span></span> </p> </div> Behavior tag.verifyAccount(); Styles <style> p { color: red; } </style> #dartlang
- 51. Reusable Custom Element import HTML Page import HTML Page import HTML Page #dartlang
- 52. Data binding Data model DOM Nodes Data model DOM Nodes #dartlang
- 53. Future proof ShadowDOM HTML Imports New web specifications <template> Custom Elements #dartlang
- 54. Using web components today Polymer.dart (today) #dartlang
- 55. Custom elements everywhere! <body> <persistable-db dbname="game" storename="sologames"></persistable-db> <game-assets></game-assets> <game-app></game-app> <google-signin clientId="250963735330.apps.googleusercontent.com" signInMsg="Please sign in"></google-signin> #dartlang
- 56. Angular is ported to Dart! #dartlang
- 57. Angular and Polymer together Angular controller <div my-controller> <div class="well"> <click-counter count="{{ctrl.count}}"></click-counter> </div> </div> Polymer element #dartlang
- 59. "Dart allows for quick prototyping as well as robust code that is easy to refactor" - Soundtrap #dartlang
- 60. "Dart's familiar language, and cohesive set of libraries, allowed the team to start building very quickly." - Montage #dartlang
- 61. "Dart offers a sane and consistent development experience for modern web applications." - Blossom #dartlang
- 62. "The source code for this game (Escape) is 20% smaller compared to the ActionScript version (69.6 KB vs 86.5 KB). The port took only 6 hours." -- Author of StageXL #dartlang
- 63. Export Flash movies/games to #dartlang Dart from Flash Pro #dartlang
- 64. "We rewrote Google's internal CRM app in 6 months, from scratch, with Dart and Angular." - Internal team at Google #dartlang
- 65. TC52 to standardize Dart language #dartlang
- 66. Ready to get started? Write a Dart app! dartlang.org/codelabs/darrrt/ #dartlang
- 67. Dart - for the modern web • • • Platform you can use today Easy to get started - dartlang.org Compiles to JavaScript #dartlang