Submit Search
Upload
Dart und JavaScript
•
Download as PPT, PDF
•
0 likes
•
1,884 views
Christian Grobmeier
Follow
Präsentation für eine großen Dienstleister in München. 14.12.2012
Read less
Read more
Report
Share
Report
Share
1 of 49
Download now
Recommended
Dart != JavaScript
Dart != JavaScript
Christian Grobmeier
Java script.trend(spec)
Java script.trend(spec)
dynamis
Modern Mobile Web Apps
Modern Mobile Web Apps
dynamis
Progressive Mobile Web Apps
Progressive Mobile Web Apps
dynamis
JavaScript de qualidade: hoje, amanhã e sempre!
JavaScript de qualidade: hoje, amanhã e sempre!
Thiago de Oliveira Pires
Bookmarklets and you!
Bookmarklets and you!
Adam Heim
Discover ServiceWorker
Discover ServiceWorker
Sandro Paganotti
ECMA2015 INSIDE
ECMA2015 INSIDE
Jun Ho Lee
Recommended
Dart != JavaScript
Dart != JavaScript
Christian Grobmeier
Java script.trend(spec)
Java script.trend(spec)
dynamis
Modern Mobile Web Apps
Modern Mobile Web Apps
dynamis
Progressive Mobile Web Apps
Progressive Mobile Web Apps
dynamis
JavaScript de qualidade: hoje, amanhã e sempre!
JavaScript de qualidade: hoje, amanhã e sempre!
Thiago de Oliveira Pires
Bookmarklets and you!
Bookmarklets and you!
Adam Heim
Discover ServiceWorker
Discover ServiceWorker
Sandro Paganotti
ECMA2015 INSIDE
ECMA2015 INSIDE
Jun Ho Lee
用 Javascript 實現你的想像
用 Javascript 實現你的想像
Anna Su
C/C++とWebAssemblyを利用したライブラリ開発
C/C++とWebAssemblyを利用したライブラリ開発
祐司 伊藤
jQuery for designers
jQuery for designers
Johan Ronsse
Jquery ui, ajax
Jquery ui, ajax
Ricardo Cavalcanti
jQuery PLUGIN
jQuery PLUGIN
blueweb_sk
Web App Mvc
Web App Mvc
Will Gunn
Java Script - Object-Oriented Programming
Java Script - Object-Oriented Programming
intive
Prototype UI
Prototype UI
Sébastien Gruhier
Invoke y como poner en marcha un entorno de trabajo
Invoke y como poner en marcha un entorno de trabajo
NaN-tic
Collection pipeline par Mathieu Godart
Collection pipeline par Mathieu Godart
CocoaHeads France
詳説WebAssembly
詳説WebAssembly
祐司 伊藤
Rubyslava2102
Rubyslava2102
Marius Sajgalik
An introduction to Ember framework
An introduction to Ember framework
Diana Falkowska
Working With Ajax Frameworks
Working With Ajax Frameworks
Jonathan Snook
Where to start refactoring?
Where to start refactoring?
thiagoalessio
JS programowanie obiektowe
JS programowanie obiektowe
Piotr Czajkowski
Clase 7 el modelo
Clase 7 el modelo
hydras_cs
ECMAScript 6 im Produktivbetrieb
ECMAScript 6 im Produktivbetrieb
Sebastian Springer
Javascript Funcional - TDC Florianópolis 2017
Javascript Funcional - TDC Florianópolis 2017
Taller Negócio Digitais
Introduction to Service Worker
Introduction to Service Worker
Shogo Sensui
Go Mobile with Apache Cordova, Zagreb 2014
Go Mobile with Apache Cordova, Zagreb 2014
Christian Grobmeier
Dart @ JUG Saxony
Dart @ JUG Saxony
Christian Grobmeier
More Related Content
What's hot
用 Javascript 實現你的想像
用 Javascript 實現你的想像
Anna Su
C/C++とWebAssemblyを利用したライブラリ開発
C/C++とWebAssemblyを利用したライブラリ開発
祐司 伊藤
jQuery for designers
jQuery for designers
Johan Ronsse
Jquery ui, ajax
Jquery ui, ajax
Ricardo Cavalcanti
jQuery PLUGIN
jQuery PLUGIN
blueweb_sk
Web App Mvc
Web App Mvc
Will Gunn
Java Script - Object-Oriented Programming
Java Script - Object-Oriented Programming
intive
Prototype UI
Prototype UI
Sébastien Gruhier
Invoke y como poner en marcha un entorno de trabajo
Invoke y como poner en marcha un entorno de trabajo
NaN-tic
Collection pipeline par Mathieu Godart
Collection pipeline par Mathieu Godart
CocoaHeads France
詳説WebAssembly
詳説WebAssembly
祐司 伊藤
Rubyslava2102
Rubyslava2102
Marius Sajgalik
An introduction to Ember framework
An introduction to Ember framework
Diana Falkowska
Working With Ajax Frameworks
Working With Ajax Frameworks
Jonathan Snook
Where to start refactoring?
Where to start refactoring?
thiagoalessio
JS programowanie obiektowe
JS programowanie obiektowe
Piotr Czajkowski
Clase 7 el modelo
Clase 7 el modelo
hydras_cs
ECMAScript 6 im Produktivbetrieb
ECMAScript 6 im Produktivbetrieb
Sebastian Springer
Javascript Funcional - TDC Florianópolis 2017
Javascript Funcional - TDC Florianópolis 2017
Taller Negócio Digitais
Introduction to Service Worker
Introduction to Service Worker
Shogo Sensui
What's hot
(20)
用 Javascript 實現你的想像
用 Javascript 實現你的想像
C/C++とWebAssemblyを利用したライブラリ開発
C/C++とWebAssemblyを利用したライブラリ開発
jQuery for designers
jQuery for designers
Jquery ui, ajax
Jquery ui, ajax
jQuery PLUGIN
jQuery PLUGIN
Web App Mvc
Web App Mvc
Java Script - Object-Oriented Programming
Java Script - Object-Oriented Programming
Prototype UI
Prototype UI
Invoke y como poner en marcha un entorno de trabajo
Invoke y como poner en marcha un entorno de trabajo
Collection pipeline par Mathieu Godart
Collection pipeline par Mathieu Godart
詳説WebAssembly
詳説WebAssembly
Rubyslava2102
Rubyslava2102
An introduction to Ember framework
An introduction to Ember framework
Working With Ajax Frameworks
Working With Ajax Frameworks
Where to start refactoring?
Where to start refactoring?
JS programowanie obiektowe
JS programowanie obiektowe
Clase 7 el modelo
Clase 7 el modelo
ECMAScript 6 im Produktivbetrieb
ECMAScript 6 im Produktivbetrieb
Javascript Funcional - TDC Florianópolis 2017
Javascript Funcional - TDC Florianópolis 2017
Introduction to Service Worker
Introduction to Service Worker
Viewers also liked
Go Mobile with Apache Cordova, Zagreb 2014
Go Mobile with Apache Cordova, Zagreb 2014
Christian Grobmeier
Dart @ JUG Saxony
Dart @ JUG Saxony
Christian Grobmeier
Zen Programming
Zen Programming
Christian Grobmeier
World of Logging
World of Logging
Christian Grobmeier
Apps with Apache Cordova and Phonegap
Apps with Apache Cordova and Phonegap
Christian Grobmeier
The "Why Should You Talk" Talk
The "Why Should You Talk" Talk
Christian Grobmeier
How to Battle Bad Reviews
How to Battle Bad Reviews
Glassdoor
Viewers also liked
(7)
Go Mobile with Apache Cordova, Zagreb 2014
Go Mobile with Apache Cordova, Zagreb 2014
Dart @ JUG Saxony
Dart @ JUG Saxony
Zen Programming
Zen Programming
World of Logging
World of Logging
Apps with Apache Cordova and Phonegap
Apps with Apache Cordova and Phonegap
The "Why Should You Talk" Talk
The "Why Should You Talk" Talk
How to Battle Bad Reviews
How to Battle Bad Reviews
Dart und JavaScript
1.
Dart und JavaScript Christian
Grobmeier www.grobmeier.de @grobmeier
2.
Quo Vadis? JavaScript?
3.
JavaScript „false“: false, 0,
„“, undefined, null
4.
Batterien selbst besorgen. jQuery
ist Pflicht.
5.
Segen oder Fluch? Keine
Typen
6.
1000 und 1
Möglichkeit Vererbung
7.
Patterns helfen: Namespace
8.
Jeder Browser ist ein
Individuum.
9.
Nicht nett. var a1
= new Array(1,2,3,4,5); var a2 = new Array(5);
10.
Einer für alle. if(a
=== null || a === undefined){}
11.
Fallstricke. '' == '0'
// false 0 == '' // true 0 == '0' // true false == 'false' // false false == '0' // true false == undefined // false false == null // false null == undefined // true ' trn ' == 0 // true
12.
Nur die Harten
überleben.
13.
Verkaufs- argumente
14.
Dart
VM Dart Source JavaScript dart2js Engine Überall.
15.
16.
Pub
17.
Nix neues.
18.
Viele Libs.
19.
Isolates.
20.
Serverseitig.
21.
JS -> Dart
Roadcrew.js github.com/grobmeier/Roadcrew.js
22.
Use Case <div class="page"
id="tablePage"> <h1>Table Page</h1> <a href="#otherPage">Other</a> </div> <div class="page" id="otherPage"> <h1>Other Page</h1> <a href="#tablePage">Table</a> </div>
23.
.js function Roadcrew() {
// Constructor } Roadcrew.prototype = { // Prototyp }; Roadcrew.prototype.act = function () { // Function }; Roadcrew.another = function () { // Static Function };
24.
class RoadcrewController {
var pages; RoadcrewController() { // Constructor } void act(e) { // Method } void static another() { // Static method } }
25.
.js Properties kopieren Framework extend
26.
class RoadcrewController
extends C { ... } class C { ... }
27.
class A implements
B { ... } abstract class B { ... }
28.
.js function Roadcrew() {
test = „blub“; var xyz = „bla“; } var act = function () { console.log(test); };
29.
library Roadcrew; import 'dart:html'; part
,RCController.dart'; part 'RCInterceptor.dart'; part 'RCException.dart';
30.
.js var myobj =
(function() { var name = „CG“; return { getName = function() { return name; } } }());
31.
class Roadcrew {
var _name = „CG“; _getTest() => name; }
32.
.js var test =
„Christian“; test = true; test = 10.32;
33.
class Roadcrew {
String _name = „CG“; String _getTest() => name; List<DivElement> pages; }
34.
.js function RcErr(m,c,r){} RcErr.prototype =
new Error(); RcErr.prototype.constructor = RcErr; try { interceptor(d, data); } catch (error) { ... }
35.
class RcEx {
String msg = "An error..."; int c; RcEx(this.msg, [this.c = 1] ); } try { interceptors[pageId].act(d); } on RcEx catch(e) { }
36.
.js pages = $('.page'); page
= $('#myPage');
37.
pages = queryAll('.page'); page
= query('#myPage');
38.
.js $("a").live( 'click', $.proxy(this,'goto'));
39.
queryAll('a').forEach( (el) {
el.on.click.add((e) { goto(e); }); } );
40.
41.
import 'dart:isolate'; echo() {
port.receive((msg, reply) { reply.send('I received: $msg'); }); } main() { var sendPort = spawnFunction(echo); sendPort.call('Hello').then((reply) { print(reply); }); }
42.
<element name="x-click-counter"
constructor="CountComponent" extends="div"> <template> … </template> <script type="…"> … </script> </element>
43.
<element name="x-click-counter" constructor="CountComponent" extends="div"> <template>
<button on-click=”inc()">Click</button> <span>{{count}}</span> </template> </element>
44.
<element name="x-click-counter" constructor="CountComponent" extends="div”> <script
type="application/dart”> class CountComponent extends WebComponent { int count = 0; void inc() { count++; } } </script> </element>
45.
<head> <link rel="components”
href="click.html"> </head> <body> <x-click-counter></x-click-counter> <script type="application/dart"> main() {} </script>
46.
Mehr? I/O
JSON Mirrors Logging ...
47.
Wo steht Dart?
Diskussion
48.
Danke! Christian Grobmeier
www.grobmeier.de @grobmeier
49.
Image Credits
Omikuji: Flickr (jessleecuizon) Dollars: Flickr (401(K) 2012) Pub: Flickr (ell brown) Dog: Flickr (joshme17) Package: Flickr (lemonhalf) Threads: Flickr (The Big Quack) Server: Flickr (getButterfly) School Bus: Flickr (loop_oh) Batteries: Flickr (scalespeeder) Discussing Monks: Flickr (wonderlane)
Download now