https://javaetmoi.com/tags/nodejs/Recent content in Nodejs on Java & MoiHugofrSun, 09 Feb 2014 19:13:56 +0000https://javaetmoi.com/2014/02/developper-industrialiser-web-app-recherche-angularjs/Sun, 09 Feb 2014 19:13:56 +0000http://javaetmoi.com/?p=898<p>Au travers du billet <a href="https://github.com/angular/angular-seed/blob/master/README.md">Elastifiez la base MusicBrainz sur OpenShift</a>, je vous ai expliqué comment indexer dans <strong>Elasticsearch</strong> et avec <strong>Spring Batch</strong> l’encyclopédie musicale <strong>MusicBrainz.</strong> L’index avait ensuite été déployé sur le Cloud <strong>OpenShift</strong> de RedHat.<br>Une application HTML 5 était mise à disposition pour consulter les albums de musique ainsi indexés. Pour m’y aider, <a href="https://twitter.com/lucianprecup">Lucian Precup</a> m’avait autorisé à adapter l’application qu’il avait mise au point pour l’atelier <a href="http://agenda2013.scrumday.fr/event/149">Construisons un moteur de recherche</a> de la conférence Scrum Day 2013.<br>Afin d’approfondir mes connaissances de l’ <strong>écosystème JavaScript,</strong> je me suis amusé à recoder cette <strong>application front-end</strong> en partant de zéro. Ce fut l’occasion d’adopter les meilleures pratiques en vigueur : framework JavaScript MV*, outils de builds, tests, qualité du code, packaging …<br>Au travers de ce article, je vous présenterai comment :</p> <ol> <li>Mettre en place un projet Anguler à l’aise d’ <strong>Angular Seed</strong>, <strong>Node.js</strong> et <strong>Bower</strong></li> <li>Développer en full <strong>AngularJS</strong> et <strong>Angular UI Bootstrap</strong></li> <li>Utiliser le framework <strong>elasticsearch-js</strong></li> <li><strong>Internationaliser</strong> une application Angular</li> <li>Tester unitairement et fonctionnellement une application JS avec <strong>Jasmine</strong> et <strong>Karma</strong></li> <li>Analyser du code source JavaScript avec <strong>jshint</strong></li> <li>Packager avec <strong>Grunt</strong> le livrable à déployer</li> <li>Utiliser l’ <strong>usine de développement</strong> JavaScript disponible sur le Cloud : Travis CI, Coversall.io et David</li> </ol> <p>Le code source de l’application est bien entendu <a href="https://github.com/arey/angular-musicbrainz">disponible sur GitHub</a> et <a href="http://angular-musicbrainz.javaetmoi.com/">testable en ligne</a>.</p> <p><figure> <picture> <img loading="lazy" decoding="async" alt="Angular MusicBrainz web app screenshot" class="image_figure image_internal image_unprocessed" src="https://javaetmoi.com/wp-content/uploads/2014/02/angular-musicbrainz-screenshot.png" /> </picture> </figure> </p>