Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dart Flight School

Dart Flight School

Sheharyar Naseer

February 20, 2014
Tweet

More Decks by Sheharyar Naseer

Other Decks in Programming

Transcript

  1. View Slide

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

    View Slide

  3. is that easy

    View Slide

  4. Okay, so what actually is ?

    View Slide

  5. Webpage

    View Slide

  6. Webpage
    HTML CSS JS

    View Slide

  7. Webpage
    HTML CSS JS
    Erb, Jade,
    PHP, Haml

    View Slide

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

    View Slide

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

    View Slide

  10. compiles down to Javascript

    View Slide

  11. But there are others too,
    so why ?

    View Slide

  12. Compatible, Consistent & Clear

    View Slide

  13. 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"

    View Slide

  14. Unit test
    SDK
    Angular
    Intl
    Packages
    Your Package

    View Slide

  15. Modular & Scalable

    View Slide

  16. View Slide

  17. ‘Treeshaking’ & Minifying

    View Slide

  18. View Slide

  19. Familiar (& Easy)

    View Slide

  20. 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’;
    }

    View Slide

  21. Concise

    View Slide

  22. 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;
    }

    View Slide

  23. Making your first app

    View Slide

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

    View Slide

  25. Sheharyar Naseer
    @sheharyarn

    View Slide