Articles sur 'Angular JS'


Nous avons crée une jolie application web afin de visualiser des apis documentées avec Swagger 2. Basée sur l’interface bien connue Swagger UI, on y a ajouté du responsive, un design « Material » grâce à la libraire MaterializeCSS et de l’Angular 2.   Démo Vous pouvez tester notre interface, par défaut c’est l’api d’exemple Swagger qui est […]


Dans cette troisième partie nous allons voir un exemple de mise en place d’une authentification au sein d’une application Ionic 2. Comme pour les deux articles précédents nous allons prendre comme exemple notre application mobile NFC. Pour rappel, le premier article détaillait la structure du projet et le second article le menu et la navigation de l’application.


Nous allons voir dans cette deuxième partie la mise en place d’un menu et de la navigation pour notre application mobile NFC.
Pour la structure du projet, n’hésitez pas à relire l’article précédent (Ionic 2 partie 1 : Structure de projet).


Ionic est un framework dont la popularité n’est plus à démontrer et qui permet de développer des applications mobiles hybrides rapidement et facilement. Il repose sur différentes technologies comme AngularJS (partie interface) et Cordova (partie matérielle). Une application Ionic peut être déployée sur différents terminaux mobiles (iOS, Android, Windows, Blackberry…) ce qui permet de toucher un grand nombre d’utilisateurs avec un unique développement.
Ionic version 1 repose sur la version 1 du Framework AngularJS et bien sûr Ionic en version 2 repose sur la version 2 d’Angular. La dernière mouture du Framework de Google offrant la possibilité de développer en TypeScript, il en va naturellement de même pour Ionic 2.
Les deux Framework sont, à l’heure où sont écrites ces lignes, toujours en version beta et ne sont donc pas « production ready ». Mais il est intéressant de voir les possibilités offertes par cette version 2 d’Ionic, notamment grâce à Angular 2, ce qui constituera le sujet d’un certain nombre d’articles à venir dont celui-ci est le premier.
Dans ce premier article, nous allons donc voir quelle structure mettre en place sur un projet Ionic 2 et quels sont les outils qui facilitent la construction d’une application Ionic 2.


Nous allons voir comment ajouter des champs dynamiques dans un formulaire avec Angular 2. L’idée est de pouvoir, dans un formulaire contenant des champs statiques, ajouter des champs supplémentaires et configurables (que nous appellerons extra fields). C’est un scénario qui peut se présenter assez souvent notamment lorsque l’on souhaite laisser à l’utilisateur la discrétion de configurer ses propres champs ou si l’on veut une configuration différente par utilisateur.



Avez-vous déjà parlé des « Single Page Application » à un robot d’indexation ?
Jusqu’à présent, il ne pouvait pas en dire grand chose car il était plutôt malvoyant des sites javascript/Ajax fournisseurs d’html.
Mais des recommandations ont été proposées pour rendre indexable les applications Ajax, notamment par Google, l’adaptation étant à la charge des développeurs.
Cependant, depuis octobre 2015, Google annonce que son Googlebot sait interpréter les feuilles de style et le javascript comme les navigateurs modernes. Reste à rendre accessible js et css pour le crawler. Les bonnes pratiques d’indexation des sites ajax étant dorénavant dépréciées par Google.
Ok, Google est leader sur la marché des moteurs de recherche mais il n’est pas le seul, ainsi, n’étant pas sectaire, je vous propose 3 solutions pour améliorer l’indexation de votre site Angularjs.


La construction des urls est un enjeu de taille pour une application web car une url est: La face visible de l’iceberg. Le fil qui constitue la toile du web La mémoire du web pour accéder à notre application. Une composante du bon référencement de notre application.  Single Page Application Les applications Angularjs ou plus globalement […]


Dans cet article, l’objectif est de présenter une manière possible de gérer dynamiquement l’affichage et la sauvegarde des champs d’un formulaire via AngularJS et Spring/Hibernate simplement en modifiant un ficher de configuration XML. L’environnement technique Les composants techniques sont les suivants: Partie serveur: Java 1.7 Spring MVC v4.0.3 Spring Boot v1.02 Hibernate v4.3.1 Annotations JPA […]