Introduction to the Dart language
7 likes4,106 views
The document introduces the Dart programming language. Dart is an open-source language developed by Google to be a better JavaScript for building web applications. It is compiled to JavaScript and can be used to build client, server, and mobile applications. The document provides an overview of Dart's features such as being object-oriented, optional typing, compiling to JavaScript, and libraries. It also describes tools for developing in Dart like the Dart SDK, Dartium browser, and pub package manager.
![dart:convert
about.me/janamou
import 'dart:convert';
void main() {
String jsonString =
'{"name": "Jana", "surname": "Moudra"}';
Map jsonMap = JSON.decode(jsonString);
print(jsonMap["name"]); //prints Jana
print(jsonMap["surname"]); //prints Moudra
}](https://image.slidesharecdn.com/introductiontothedartlanguage-140516134339-phpapp01/85/Introduction-to-the-Dart-language-30-320.jpg)
![dart:js
about.me/janamou
import 'dart:js';
void main() {
var person = new JsObject(context['Person'],
["Jana", "Moudra"]);
print(person["name"]);
print(person["surname"]);
person.callMethod("sayHello");
}](https://image.slidesharecdn.com/introductiontothedartlanguage-140516134339-phpapp01/85/Introduction-to-the-Dart-language-32-320.jpg)
Introduction to the Dart language
- 1. Introduction to the Dart lang Jana Moudrá
- 2. Co-Founder at Juicymo Organizer at GDG ČVUT Prague/GDG Prague Interested in Web, Android, Design, Dart about.me/janamou About Me
- 5. Open-source Language for the Web For better performance Goals to replace JavaScript Ready for standardization about.me/janamou
- 6. Dartium: Chromium with Dart VM about.me/janamou
- 7. Compiled into JavaScript works in all modern browsers about.me/janamou
- 8. Object Oriented Easy to learn Optional types Modular Compiles to JavaScript about.me/janamou
- 10. Performance
- 12. Language
- 13. Optional types Every variable is object Top level main() function Checked and Production modes Syntactic sugar Named constructors … and more about.me/janamou Streams Futures HTML
- 14. var x = 10; var y = 20; or num x = 10; num y = 20; Optional types about.me/janamou
- 15. void main() { print("Hello world Dart!"); } Top level main() function about.me/janamou
- 16. class Person { String firstName; String lastName; int age; Person(this.firstName, this.lastName); } void main() { Person person = new Person("Jana", "Moudrá"); } Syntactic sugar about.me/janamou
- 17. 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); } Named constructor about.me/janamou
- 18. 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; } Getter/Setter about.me/janamou
- 19. void main() { querySelector("#my-button") ..text = "Open Window" ..onClick.listen(openWindow); } Cascade operator about.me/janamou
- 21. HttpRequest.getString('shapes.json') .then((String jsonString) { print(jsonString); }) .catchError((Error error) { print(error.toString()); }); Futures II. about.me/janamou
- 22. Tools
- 23. about.me/janamou Dart Editor Dartium Dart SDK
- 24. Dart Editor
- 25. Dart VM Libraries Command Line Tools Dart SDK
- 26. Dart VM Libraries Command Line Tools Dart SDK dart2js dartanalyzer pubdocgen
- 27. Libraries
- 28. dart:core dart:html dart:math dart:convert dart:js dart:web_gl … and more on https://api.dartlang.org/apidocs/ about.me/janamou
- 29. import 'dart:html'; ButtonElement myButton; void main() { myButton = querySelector('#myButton'); myButton.onClick.listen(updateText); } void updateText(Event event) { myButton.text = "Hello world Dart!"; } dart:html about.me/janamou
- 30. dart:convert about.me/janamou import 'dart:convert'; void main() { String jsonString = '{"name": "Jana", "surname": "Moudra"}'; Map jsonMap = JSON.decode(jsonString); print(jsonMap["name"]); //prints Jana print(jsonMap["surname"]); //prints Moudra }
- 31. dart:js about.me/janamou <script type="text/javascript"> var Person = function(name, surname) { this.name = name; this.surname = surname; this.sayHello = function(){ alert("Hello!"); } }; </script>
- 32. dart:js about.me/janamou import 'dart:js'; void main() { var person = new JsObject(context['Person'], ["Jana", "Moudra"]); print(person["name"]); print(person["surname"]); person.callMethod("sayHello"); }
- 33. AngularDart Polymer.dart StageXL three.dart vector_math … and more on https://pub.dartlang.org/ about.me/janamou
- 34. How to start?
- 39. DART API REFERENCE https://api.dartlang.org/apidocs/ DOCS > DART: UP AND RUNNING www.dartlang.org/docs/dart-up-and-running/
- 40. DOCS > API REFERENCE https://api.dartlang.org/apidocs/channels/stable/dartdoc-viewer/home
- 44. Thank You! and happy Dart coding :-) about.me/janamou