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

SharePoint meets Javascript

SharePoint meets Javascript

Javascript-Lösungen auf SharePoint

Daniel Lindemann

October 02, 2015
Tweet

More Decks by Daniel Lindemann

Other Decks in Technology

Transcript

  1. Daniel Lindemann | ITaCS GmbH
    SharePoint meets JavaScript
    Schnelle und leichtgewichtige Lösungen per Script

    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. Layouts folder
    Style Library
    CustomAction
    Script WebPart
    App/Addin
    Bereitstellen von JS

    View Slide

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

    View Slide

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

    View Slide

  8. DEMO
    jQuery Favoriten Bar

    View Slide

  9. Frameworks

    View Slide

  10. DEMO
    Knockout Favoriten Liste

    View Slide

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

    View Slide

  12. DEMO
    Caching mit Local Storage

    View Slide

  13. DEMO
    Mehrseitiges Formular mit AngularJS

    View Slide

  14. ECMAScript 6
    Expressions (=>), Promises
    Mit BabelJS jetzt schon möglich
    Mobile Development
    Ionic
    Zukunft

    View Slide

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

    View Slide