SharePoint meets JavaScript v2

Javascript-Lösungen auf SharePoint

Transcript

1. View Slide

2. Über mich
   Senior SharePoint Developer
   @ITaCS GmbH
   daniel.lindemann@itacs.de
   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
    daniel.lindemann@itacs.de
    www.itacs.de
    http://dlindemann.de
    @daniellindemann
    Daniel Lindemann
    

    View Slide

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

    View Slide