Archive

Articles taggués ‘angularJs’

La validation de formulaires dans Angular

La validation de formulaire est une problématique récurrente dans la vie d’un développeur front-end. Dans les versions d’Angular inférieures à la 1.3, il n’y avait pas de mécanisme dédié à la validation, et la manière de procéder conseillée tenait alors plus du bricolage que d’une vraie solution.

Heureusement, depuis la v1.3, Angular intègre toute une pipeline de validation ; pipeline encore trop ignorée du grand public, alors même que la v1.2 est très loin derrière nous ! C’est ce à quoi nous allons tâcher de remédier dans cet article, en mettant en place une validation de formulaire sur un exemple concret.

Généralités

Pour commencer, mettons en place un formulaire très simple, par exemple pour créer un nouvel utilisateur :

http://jsfiddle.net/tz8ordr1/19/

Nous allons devoir effectuer quatre types de vérifications différentes :

Lire la suite…

AngularJS : LE framework SPA incontournable ? Pas si simple…

Depuis 2013, AngularJS est devenu LE framework à la mode par excellence. Porté par Google, il fait l’unanimité chez les développeurs. Depuis, nous avons assisté à une ruée vers AngularJS. Lorsque les entreprises démarrent un projet web, elles décident de le faire en AngularJS, parfois sans une réelle étude d’impacts. Du coup, pour pouvoir suivre, les SSII ont embauché ou formé à tour de bras des développeurs AngularJS. L’hégémonie du framework de Google est elle sans partage ? Mais que deviennent les autres frameworks SPA (Single Page Application) pendant ce temps ? N’avons-nous pas été un peu trop prompts à tout investir sur un unique outil ? Dans cet article, je vais essayer de vous faire partager mon point de vue sur l’évolution actuelle des frameworks SPA et sur les questions que l’on doit se poser en démarrant un projet.

 

Une hégémonie toute relative

 

Quand on regarde sur github, AngularJS est clairement beaucoup plus suivi par les développeurs que ses concurrents, comme le montre le diagramme suivant :
github

Lire la suite…

On aime, on partage #53

Bienvenue dans la série « On aime, on partage » de Viseo Technologies ! Chaque semaine retrouvez les meilleurs articles du web issus de notre veille technologique.

Craftsmanship

Learn to craft, par Bruno Boucard & Jean-Laurent de Morlhon

Ce jeudi, lors du Meetup Alt.NET qui s’est tenu à la Société Générale, Bruno et Jean-Laurent ont partagé leur projet d’apprentissage du craftsmanship. Ils vont porter au grand public le travail de formation de craftsmen réalisé à la SGCIB.

L’objectif consiste à la transformation des développeurs en Software Craftsmen sur une durée de 6 mois.

Au programme : l’analyse du fonctionnement des équipes, apprentissage du clean code/refactoring/TDD/SOLID, l’apprentissage des « code smells », l’apprentissage de BDD, du hardcore refactoring (sur du code legacy), le tout par petite touche de Pair-Programming régulièrement. Et pour finir l’entretien de tout ce savoir régulièrement à travers des coding dojo games, refactoringhackaton, et la participation à des meetups.

Stay tuned.

Web

Tristan NITOT quitte Mozilla

Tristan se recentre ainsi sur la rédaction d’un livre et des activités de coaching, sans pour autant se retirer du secteur du logiciel libre et du web.

Nous tenons à lui rendre hommage pour son travail et lui souhaitons plein de bonnes choses pour cette nouvelle aventure.

Lire la suite…

On aime, on partage #50

Bienvenue dans la série « On aime, on partage » de Viseo Technologies ! Chaque semaine retrouvez les meilleurs articles du web issus de notre veille technologique.

Web & Mobile

Why AJAX isn’t enough

Un article sur le pubsup et WAMP (Web Application Messaging Protocol).

Comparatif StackOverflow de frameworks JS populaires

Quelques statistiques comparatives sur le volume de questions / réponses pour AngularJS / EmberJS / Backbone.
Chacun pourra interpréter à sa façon.

.NET

Gestion des exceptions avec Polly

Polly est un package Nuget qui permet de définir des policy pour la gestion des exceptions de manière fluent. Il permet de gérer des policy comme Retry, Retry Forever, Wait and Retry ou Circuit Breaker.

Scott Hanselman en parle dans son blog.

Lire la suite…

JUG Summer Camp, 5ème acte !

logo-summercamp-277x300Ce vendredi 19 septembre a lieu la cinquième édition du JUG Summer Camp à La Rochelle.
Pour cette nouvelle édition, conférences et quickies sont au rendez-vous pour aborder les sujets en vogue tels que le Cloud, le NoSQL, et les nouveautés autour de Java et du JavaScript.
Avec le soutien de leurs sponsors, cette année encore le JUG Summer Camp est gratuit !
Le cadre est idéalement choisi pour rendre cet événement agréable et convivial : conférence à l’espace ENCAN, déjeuner sur le vieux port de La Rochelle, beau temps au programme (27ºC, vent léger).

Tout au long de la journée, se dérouleront en parallèle deux conférences (ou quickies) sur des thématiques différentes. Cela offre la possibilité d’adapter son programme afin d’assouvir sa curiosité ou d’approfondir ses connaissances.
Pour ma part, je vais m’orienter vers les thématiques liés à Docker, MongoDB et AngularJS, tout en restant attentif aux présentations autour de Java.
Vous pouvez retrouver le programme détaillé sur le site officiel du JUG Summer Camp.

J’ai hâte que cette journée commence afin de partager cette convivialité bien connue de la communauté Java et du JUG !

Tester le front-end JavaScript d’une application web

Introduction

La mise en place des tests automatiques permet de s’assurer du bon fonctionnement et de la conformité au cahier des charges d’une application. Beaucoup d’équipes de développement ont intégré des processus d’automatisation des tests au sein de la stratégie d’intégration continue.

Le back-end est systématiquement soumis à des suites de tests unitaires, mais qu’en est-il des tests du front-end ?

Souvent délaissé, on ne le teste que très peu, voire pas du tout. Seuls les tests manuels sont mis en place : on ouvre le navigateur et on vérifie que tout marche correctement.

Ce genre de tests ne permet pas de vérifier la majeure partie du code rédigé car ils se concentrent uniquement sur le fonctionnel et le visuel.

Mettre en place des tests du front-end structurés, par exemple en utilisant des mock objects (simulation des réponses d’une API REST du back-end), permet également de développer l’interface graphique sans avoir à attendre un back-end fonctionnel : c’est plus efficient.

Enfin, avec l’arrivée des nouveaux frameworks de front-end full-javascript (Angular, Backbone, Ember, et j’en passe), on crée des modules réutilisables, qu’il convient de valider et de tester afin de mesurer leur stabilité, et donc leur ré-utilisabilité dans d’autres projets… tout comme on le ferait pour un module Node.js !

Lire la suite…

On aime, on partage #2

Bienvenue dans la série « On aime, on partage » d’Objet Direct ! Chaque semaine retrouvez les meilleurs articles du web issues de notre veille technologique.

Web :

Learn CSS layout

Benjamin MARRON – Agence Lyon

Pour toux ceux qui veulent approfondir ou confirmer leurs compétences dans ce domaine, ce joli tutoriel reprend les fondamentaux de ces fonctionnalités utilisées dans tout site web.

http://learnlayout.com/


Comparaison des frameworks JavaScript

Andriy Mandyev – Agence Paris

Comment choisir le framework JavaScript le plus adapté à mes besoins ? Voici la comparaison des 4 frameworks avec lesquels l’auteur a pu travailler : Angular, Backbone, CanJS et Ember. La comparaison est faite selon les critères de fonctionnalité, flexibilité, facilité d’apprentissage et documentation, productivité, communauté, écosystème, taille, performance, maturité et sécurité, avec une note allant de 1 à 5 pour chaque critère.

http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/


Développement


TDD : une démo en 10′ ?

Clément Plantier – Agence Grenoble

Xavier Nopre à récemment présenté aux Human Talks de Grenoble une démonstration de TDD (Test Driven Development) en 10 minutes. A la suite de cette présentation, il a réalisé une vidéo afin de partager sa démonstration au plus grand nombre. Il y présente brièvement les trois cycles du TDD (écriture des tests, implémentation, refactoring) avec un exemple simple. A regarder par tout novice qui souhaite se familiariser rapidement avec le TDD.

Retrouvez la vidéo sur le blog de Xavier Nopre : TDD : une démo en 10′ ?


Tri par Interclassement Monotone

Benjamin MARRON – Agence Lyon

Cet article présente un algorithme de tri méconnu qui s’adapte particulièrement aux listes partiellement triées. Il a été élaboré au moment où les données étaient encore stockées sur des bandes magnétiques et reste toujours d’actualité pour pallier à certains cas d’utilisation du fameux QuickSort. Une belle leçon d’algorithmie.

http://blog.developpez.com/todaystip/p11899/dev/tri-par-insertion-monotonie

 

 

Agilité :


Scaling Agile At Spotify: An Interview with Henrik Kniberg

Raphaël Brugier – Agence Paris

Henrik Kniberg, l’auteur du très pratique guide “Scrum depuis les tranchées”, revient dans cet interview sur l’organisation chez Spotify.

Ces 3 dernières années, l’entreprise de streaming audio a connu une croissance exceptionnelle non seulement de ses utilisateurs mais aussi de ses développeurs, passant de 30 à 250 personnes. Une telle croissance représente un défi pour garder l’état d’esprit agile que Spotify a résolu en organisant ses équipes sous formes matricielle. Chaque équipe (squad) est dédiée à sa fonctionnalité propre, le partage de connaissance entre les équipes étant assurées par des “chapters”.


En plus de l’interview, Spotify a publié deux documents très intéressants présentant en détail cette organisation. Scaling agile at Spotify et How Spotify builds products


Retrouvez l’interview sur InfoQ : http://www.infoq.com/news/2013/04/scaling-agile-spotify-kniberg


Tribune libre :

how-can-you-program-if-youre-blind

Benoît Parmentier – Agence Paris

Plusieurs développeurs aveugles présentent leur environnement de travail. Leur aisance à travailler avec différents langages et IDE est assez impressionnante !

http://stackoverflow.com/questions/118984/how-can-you-program-if-youre-blind


9 conseils pour être totalement improductif

Benjamin MARRON – Agence Lyon

Un peu d’ironie pour appuyer là où ça fait mal. :)

http://www.presse-citron.net/9-conseils-pour-etre-totalement-improductif


Gmail : 9 ans déjà

Jean-Philippe LETARD – Agence Paris

Vous souvenez-vous du lancement de Gmail ? Il fallait se faire inviter pour pouvoir profiter de ce service de mail qui offrait un espace d’un gigaoctet… Révolutionnaire à l’époque : c’était il y a 9 ans. Souvenons-nous des nombreuses évolutions de ce service à travers une petite infographie proposé par le blog de Gmail.

http://gmailblog.blogspot.fr/2013/04/gmail-9-years-and-counting.html