Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

- EE Student (Not even CS) - Experienced in RoR & NodeJs - Made my first app 3 weeks ago

Slide 3

Slide 3 text

is that easy

Slide 4

Slide 4 text

Okay, so what actually is ?

Slide 5

Slide 5 text

Webpage

Slide 6

Slide 6 text

Webpage HTML CSS JS

Slide 7

Slide 7 text

Webpage HTML CSS JS Erb, Jade, PHP, Haml

Slide 8

Slide 8 text

Webpage HTML CSS JS Erb, Jade, PHP, Haml Less, Sass

Slide 9

Slide 9 text

Webpage HTML CSS JS Erb, Jade, PHP, Haml Less, Sass

Slide 10

Slide 10 text

compiles down to Javascript

Slide 11

Slide 11 text

But there are others too, so why ?

Slide 12

Slide 12 text

Compatible, Consistent & Clear

Slide 13

Slide 13 text

require.js Backbone Backbone Marionette jQuery Modernizr moment.js dest templates PhantomJS Jasmine Docs Docs Docs Docs Docs Docs Docs Docs Docs "I just want to write web apps!" "Hi, I want to build a web app"

Slide 14

Slide 14 text

Unit test SDK Angular Intl Packages Your Package

Slide 15

Slide 15 text

Modular & Scalable

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

‘Treeshaking’ & Minifying

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Familiar (& Easy)

Slide 20

Slide 20 text

main() { print(display(‘Dart Flight School’)); var name = 'Robert Nelson'; print(name); List names = [’Alice’, ’Bob’, ’Eve’]; print(names.length); } String display(message) { return ‘Message: $message’; }

Slide 21

Slide 21 text

Concise

Slide 22

Slide 22 text

class Developer { num reputation; List languages; Developer(this.reputation, this.languages); betterThan(Developer other) => reputation > other.reputation; isNoob() => reputation < 10; num get count => languages.length; }

Slide 23

Slide 23 text

Making your first app

Slide 24

Slide 24 text

More Resources http://dartlang.org/docs/tutorials http://dartlang.org/samples http://tinyurl.com/IntroductionToDart

Slide 25

Slide 25 text

Sheharyar Naseer @sheharyarn