Archives du mot-clef Javascript

Angular 2 annonce enfin une version stable

Publié le par
Répondre

angular2La version 2 du désormais célèbre framework Angular développé par Google arrive en version stable.

Après une première version très populaire, la communauté Angular a décidé de renouveler son framework et d’innover à nouveau (quitte à rendre incompatible les versions et à déstabiliser les adaptes de la première version)

 

Au programme de cette nouvelle version:

  • L’utilisation de TypeScript est désormais recommandée (il s’agit surcouche à Javascript respectant le standard ECMAScript 6, un trans-compilation permet d’obtenir du javascript pour les anciens navigateurs)
  • Angular 2 est WebComponent ready, il repose au maximum sur ce nouveau standard w3c, et assure la rétro-compatibilité si les Web Components ne sont pas supportés. Pour simplifier, les directives dans Angular v2 sont désormais des web components
  • Le framework est plus modulaire, le coeur est plus léger, le reste se charge à la volée via des imports et/ou des annotations (on sent l’influence des développeurs Java)
  • le scope et le rootScope disparaisent (enfin presque), et c’est une bonne chose, les développeurs en avait un mauvais usage. Le scope est désormais lié au contexte des composants
  • La version 2 d’angular est plus performant (grâce à la séparation par composant notamment)
  • Le rendu côté serveur est désormais possible (pour une meilleur performance et  meilleur visibilité SEO)

Malheureusement, la nouveauté a un coût, il vous sera très difficile de migrer une application Angular 1 vers Angular 2, surtout si vous utilisiez intensivement les scopes. Les applications utilisant les recommandations de John Papa devront être les plus facile à migrer, mais ne pourront pas se faire automatiquement.

Pour en savoir plus, je vous invite à lire

 

 

Eviter l’appel immédiat d’une fonction Javascript

Publié le par
3

Lors que vous souhaitez ajouter un évènement onclick sur un élément DOM depuis votre code javascript, il vous est peut-être déjà arrivé de vouloir factoriser votre traitement et de vouloir appeler une fonction à chaque évènement onClick ou de vouloir y passer des paramètres dynamiquement. Le problème, c’est que javascript a tendance à exécuter immédiatement la fonction au lieu de passer simplement la référence à celle-ci.

Lire la suite →

Les performances avec Ajax

Publié le par
Répondre

Dans un précédent article, je parlais des difficultés à respecter le modèle MVC dès qu’on commence à développer en Ajax.

Au niveau des performances, l’utilisation d’Ajax change complément la répartition des charges. Dans une application web traditionnelle, le serveur est chargé de la plupart des traitements. Dans une application web Ajax, le navigateur client est de plus en plus sollicité pour effectuer des contrôles, notamment lors de la saisie des formulaires et pour afficher le nouveau contenu en provenance du serveur. Le nombre de requêtes total d’une application Ajax augmente, mais la quantité totale de données transmises a tendance à fortement diminué.

Lire la suite →