Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

The Mit's Blog

En plus d'intégrer et skier, il sait même écrire !
(Blog de Renaud Comte)

Actualités


  • Ancien MVP SharePoint 8 ans ...
    Des projets .Net, SharePoint 2013 ou Office 365 ??

    Contactez-nous :

Archives

[SPC12] TypeScript & SP2013

SPC-2012_thumb1_thumb_thumb_thumb2_thumb_thumb

une session animée par un MVP et un PM : ca promet …

la session est orienté développement javascript mais pas de centaine de lignes de JS mais de centaines de millier de JS et comment survivre voir performent dans de tel développementP1040744

 

JS devenant un pilier du dév SP 2013, cette reflexion n’est pas inutile non ?

TypeScript est un projet open source de Microsoft servant de compilateur JS pour résumer rapidement

>>> Vous écrivez un code JS plus structuré : typé, module, héritage,classe qvec constructeur, structure, … et Typescript vous génère le code Js équivalent tout simplement (en appliquant au passage les patterns Js les plus recommandés )

P1040745

Et il indique les erreurs d’exécution/compilation en live comme sous VS en C# si vous préférez

D’ailleurs Typescript existe en éditeur Web ou en plugin VS2012 : à vous de choisir Sourire.

Voila pour les grandes lignes : prometteur non ? De quoi vous faire aimer le Js si vous êtes un codeur C# stricte non ?

En pratique

Typescript repose sur 90% sur le langage JavaScript, les différences viennent juste des rajouts de Typescript
>>> vous n’êtes pas perdu, loin de la. vous pouvez même réutiliser rapidement votre code existant

Nouvelle options de Dev de SP2013

Le App cloud Model pousse clairement à l’utilisation massive de JS que ce soit pour le traitement via CSOM ou le client side pur et dur

P1040746

le modèle de dev SP2013 tient particulièrement compte des soucis de Cross Scripting : soit toute la problématique d’authentificaion et d’autorisation des Apps avec OAuth et S2S

Demo

  • SPREST est une librairie TS pour VS2012 et SP2013
  • une Target de build permet la conversion TS/JS à la compilation (heureusement Sourire)
  • SPRest est basé sur le pattern Promises (JQuery Deferred Object)
    • les cascades longues de call async deviennent quasiment lisible et gérable

P1040748 

  • Exemple : commentaires des videos dans un liste SP
    • soit un App SP Menu (custom action)
    • Ajout du SPREST.JS et du Default.js (resultant de la compilation TS)
      • ne pas oubliez les références au fichier TS pour l'IntelliSense
    • en ce qui concerne le vrai code TS
      • il est largement simplifié par
        • la structure de TS
        • la gestion de SPREST des appels
  • Typescript in your project

    il suffit de laoder le projet dans VS et de préciser la target du TSCompiler : done

    P1040747

    Ces techniques de dev sont aussi disponibles pour les Office Apps (JS + Office JSOM + XML manifest)  

    Demo

    • réutiliser les commentaires des videos dans un task pane d’Excel

    Conclusion

    L’utilisation de TypeScript face à JS dans le cas de dev advance d’app full JS CSOM a une vrai plus value

    Effet Waoh pour mon coeur de développeur C# dans un monde plein de JS

    Clairement, un de mes prochains projets d’investigation : au même niveau de KnockOut

    >>> si KO et le MVVM me rend le JS sympathique, Typescript peut, je pense, me rassurer face à mes habitudes cartésiennes de dev C#  sous VS 2012 (et gagner en productivité et qualité non ?)

    Dixit Robert Bogue : Why JavaScript Makes Bad Developers

    I need to end with a call to continue to learn and grow. Whether JavaScript is the right answer for you – or not – exploring new techniques, tools, and approaches are a good thing. In another old article, "The Great Divide", I talk about how people get stuck by not seeking out new and better ways of doing things. I'm not suggesting that you don't do JavaScript development or you ignore the changes that are happening in our marketplace. Instead, I'm advocating that you go in eyes wide open – and that you look for ways to minimize the pain. Right now, as it comes to JavaScript the way I'm looking at this is through TypeScript.

    Renaud Comte [MVP]
    Live from Vegas

    Mots clés Technorati : ,,
    Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
    Posted: mercredi 14 novembre 2012 20:34 par themit
    Classé sous : , ,

    Commentaires

    Pas de commentaires

    Les commentaires anonymes sont désactivés

    Les 10 derniers blogs postés

    - Merci par Blog de Jérémy Jeanson le 10-01-2019, 20:47

    - Office 365: Script PowerShell pour auditer l’usage des Office Groups de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 11:02

    - Office 365: Script PowerShell pour auditer l’usage de Microsoft Teams de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 10:39

    - Office 365: Script PowerShell pour auditer l’usage de OneDrive for Business de votre tenant par Blog Technique de Romelard Fabrice le 04-25-2019, 15:13

    - Office 365: Script PowerShell pour auditer l’usage de SharePoint Online de votre tenant par Blog Technique de Romelard Fabrice le 02-27-2019, 13:39

    - Office 365: Script PowerShell pour auditer l’usage d’Exchange Online de votre tenant par Blog Technique de Romelard Fabrice le 02-25-2019, 15:07

    - Office 365: Script PowerShell pour auditer le contenu de son Office 365 Stream Portal par Blog Technique de Romelard Fabrice le 02-21-2019, 17:56

    - Office 365: Script PowerShell pour auditer le contenu de son Office 365 Video Portal par Blog Technique de Romelard Fabrice le 02-18-2019, 18:56

    - Office 365: Script PowerShell pour extraire les Audit Log basés sur des filtres fournis par Blog Technique de Romelard Fabrice le 01-28-2019, 16:13

    - SharePoint Online: Script PowerShell pour désactiver l’Option IRM des sites SPO non autorisés par Blog Technique de Romelard Fabrice le 12-14-2018, 13:01