:::: MENU ::::
Browsing posts in: AngularJs

Préparer la migration de AngularJS 1.x vers AngularJS 2.0

AngularJs 2 est désormais disponible en version beta mais de nombreuses applications débutent encore sur la version 1 qui sera toujours supportée jusqu’en 2018. Dans la premiere partie nous avons que vu les principaux concepts utilisés par Angular 1.x sont amener à évoluer voir disparaître. Or il est possible dès à présent de se préparer à ces changements et anticiper une migration en mettant en place point par point des techniques issues de bonnes pratiques et de nouvelles fonctionnalités.

Continue Reading


Migrer de AngularJS 1.x vers AngularJS 2.0 : la théorie

Tout ceux qui travaillent avec AngularJs aujourd’hui le savent ( ou devraient le savoir ) : AngularJS 1.x va mourir ! Certains ont eu du mal à digérer l’annonce lors de la ng-europe en octobre 2014 puisque Angularjs 2 est une rupture massive avec la version actuelle.  C’est alors qu’on a vu apparaître de plus en plus d’articles anti AngularJS mettant en avant la plupart de ses défauts.

Faut il pour autant laisser tomber AngularJs dans sa branche 1.x ? ou bien réécrire toutes ses applications « from scratch » avec une autre techno ? Attendre Angular 2 ?

Dans cette première partie je vais tenter de répondre aux questions que l’on peut se poser puis je vous montrerai en détail comment il est possible de préparer cette migration sereinement.

Continue Reading


Pourquoi vous devriez utiliser React

S’il y a bien une techno à la mode ces derniers temps c’est ReactJs. Open source, conçue et poussée par Facebook, elle se présente comme « une librairie pour construire des interface graphiques ».

Simple mode ? Réel changement ? Après avoir dépassé le cap fatidique des 2000 watchers sur AngularJs et constaté ses limitations en terme de rendu pour des composants graphiques complexes, c’est principalement pour un problème de performance que j’ai voulu tester React. L’excuse était trouvée…Voici donc le debrief d’une semaine passée avec la bête, avec le point de vue d’un utilisateur d’AngularJs

Continue Reading


Sécuriser une SPA partie2, le client sous AngularJs

Cet article est le dernier d’une série consacrée à l’authentification d’une application Web :

Les bases de l’authentification web

Sécuriser une SPA partie1, le serveur avec expressJS

Sécuriser une SPA partie2, le client sous AngularJs

Dans la deuxième partie, nous avons vu comment configurer le serveur, mettre en place des routes sécurisées et connecter un utilisateur à l’aide de passportJs. Passons maintenant au client.
Continue Reading




Présentation d’AngularJs au ToulouseJS #5

Voici les slides de ma présentation sur AngularJs lors du ToulouseJs #5 . N’hésitez pas à donner votre avis pour ceux qui étaient là, en bien ou en mal, j’y répondrai avec plaisir.

J’ai d’ailleurs reçu une critique concernant le SEO sous AngularJs donc j’en profite pour préciser.

AngularJs permet la création de SPA (Single Page App, du full Js, coté client), donc en principe, l’ensemble du contenu sera géré par de l’ajax et difficilement crawlable pour un moteur de recherche. Heureusement, notre ami google à tout prévu comme expliqué ici ou .

Mais je vous l’accorde ce n’est pas l’idéal ! Pour moi, Angularjs est une très bonne solution pour tout ce qui est application Web, backend privé etc.. mais moins dans le cas d’une page web ou d’un site internet ( et à mon avis, il n’est pas fait pour ça ).

Quelques ressources

https://egghead.io : Un paquet de vidéos tuto rapides et efficaces sur le framework

http://www.yearofmoo.com propose des articles très complets sur les animations et les tests avec Angular

http://www.frangular.com la référence française sur angular ainsi que http://www.angular-js.fr qui propose de nombreux articles sur les bases et certaines directives majeures.

http://angular-ui.github.io/bootstrap des composants bootstrap réécrits pour angular

http://ng-learn.org avec des infos sur angularJS 2  et pour aller encore plus loin le google drive avec des specs et des discussions concernant l’évolution et le future du framework.

Enfin, le changelog qui a le mérite d’être complet à chaque mise à jour afin d’évoluer sans douleur.

 

Si vous en avez d’autres, n’hésitez pas à les rajouter en commentaire !


Les animations avec AngularJS

Vous travaillez avec AngularJs et voulez mettre un peu de mouvement dans votre site, dashboard ou autre SPA ?

AngularJs possède un module d’animation qui permet de réaliser assez facilement de belles petites choses, encore faut il comprendre son fonctionnement.

Dans cet article on va essayer de comprendre ( et surtout jouer ) avec le module ngAnimate d’angular !

Continue Reading


AngularJs – RequireJs seed

Ayant commencé à utiliser AngularJs récemment, je dois dire que je suis largement conquis.
Outre la vision sympathique de surcharger le code Html et la facilité d’arriver rapidement à ce qu’on veut, l’organisation en modules réutilisables est très intéressante puisque propre et donc maintenable et surtout testable.
Inspiré par certaines vidéos sur egghead.io (que je recommande vivement), j’ai essayé de pousser encore un peu plus loin le concept de modules indépendants en utilisant RequireJs pour gérer le chargement.

Accompagné par un serveur http basé sur express, voici un template d’un mix AngularJs RequireJs et serveur Express avec les tests adaptés sur Testacular.

Continue Reading