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

SharePoint meets JavaScript v2

SharePoint meets JavaScript v2

Javascript-Lösungen auf SharePoint

Daniel Lindemann

December 03, 2015
Tweet

More Decks by Daniel Lindemann

Other Decks in Programming

Transcript

  1. View Slide

  2. Über mich
    Senior SharePoint Developer
    @ITaCS GmbH
    [email protected]
    www.itacs.de
    http://dlindemann.de
    @daniellindemann
    Daniel Lindemann

    View Slide

  3. View Slide

  4. View Slide

  5. Bereitstellen von JS
    Ablage der Dateien
    Layouts folder
    Style Library
    CDN
    Bereitstellung in SharePoint
    CustomAction
    Script WebPart
    App/Addin

    View Slide

  6. Aufbau JavaScript Lösung
    In SPO und OnPrem Plattformen
    Init-Datei
    Namespaces
    ExecuteOrDelayUntilScriptLoaded
    vs.
    ExecuteOrDelayUntilEventNotified

    View Slide

  7. SharePoint JS Helpers
    _spPageContextInfo
    _spPageContextInfo.webServerRelativeUrl
    SP
    .PageContextInfo.get_webServerRelativeUrl()
    browseris
    browseris.ie10standardUp
    browseris.ipad
    SP
    .Utilities Namespace
    SP
    .Utilities.Utility.getImageUrl('loading.gif')

    View Slide

  8. DEMO
    jQuery Favorite Bar

    View Slide

  9. Frameworks

    View Slide

  10. DEMO
    Knockout Favorite List

    View Slide

  11. Helper Scripts
    Modernizr
    https://modernizr.com
    HTML5 Shiv
    https://github.com/afarkas/html5shiv
    Moment.js
    http://momentjs.com/
    store.js
    https://github.com/marcuswestin/store.js

    View Slide

  12. DEMO
    Caching with Local Storage

    View Slide

  13. DEMO
    Multipage Form with AngularJS

    View Slide

  14. Automatisierte Bereitstellung
    ToDo
    Minimieren
    Abhängigkeiten auflösen
    Deployment nach SharePoint
    Gulp
    Node task runner
    Einfache Erweiterung durch Node Module

    View Slide

  15. DEMO
    Deployment with Gulp

    View Slide

  16. Zukunft
    ECMAScript 6
    Expressions (=>), Promises
    Mit BabelJS jetzt schon möglich
    Mobile / Multiplatform Development
    Ionic
    NW.js

    View Slide

  17. Über mich
    Senior SharePoint Developer
    @ITaCS GmbH
    [email protected]
    www.itacs.de
    http://dlindemann.de
    @daniellindemann
    Daniel Lindemann

    View Slide

  18. @brandmysp BrandMySharePoint
    http://bit.ly/brandmysp
    http://www.brandmysharepoint.de

    View Slide