peio.dev

Dev front-end

code

Une petite mise à jour sur mon avancée dans la programmation web: je suis parti à fond les ballons et après avoir dévoré quelques formations en ligne de chez CodeSchool, je me suis lancé dans la développement d'une petite SPA permettant de collecter des données LoRa et de les afficher en live. Au passage, j'ai trouvé sympa le service PubNub (pattern pub/sub) permettant de communiquer d'un bout à l'autre de la planète sans batailler à configurer le NAT des box.

Le résumé ? Et bien cette petite application a pris de l'embonpoint et j'ai pu toucher à plusieurs technos bien sympathiques:

  • backbone.js, le framework front-end que j'avais déjà touché en formation chez Delicious Insights
  • PubNub qui m'a permis de collecter facilement les données
  • C3js pour faire de jolis graphes avec les données mises à jour en temps réel
  • Mapbox pour le tracking de la position des devices sur une carte
  • brunch pour tout ce qui est chaîne de build avancée avec tous les plug-ins qui vont bien pour une boucle de feedback ultra-rapide: une petite tuerie cet outil!
  • L'écosystème NPM...#NoComment #Huge!
  • Mocha et Chai pour le test: tout est nickel pour du TDD!

Donc pas mal de boulot et du code disponible sur Github: https://github.com/pierreroth/loraboard

Il reste encore "quelques" trucs à faire...

  • Jouer avec un moteur de templates style Mustache. Ca a l'air tout con (j'avais déjà joué avec Handlebars) mais je n'ai toujours pas compris comment je pouvais importer un template externe en js sans avoir à l'insérer de façon bien pourrie dans une balise script...
  • Assainir mon environnement de test: pour le moment les libs externes (Backbone, lodash, etc...) dont dépend mon application sont stockés dans mon répertoire ./vendor et lorsque je lance mes tests il se réfèrent à l'environnement de Node.js. J'aimerais donc que mon code importe les libs depuis ./node_modules et virer tout mon ./vendor pour ne plus avoir qu'une source de package externes: package.json. Faut que je me penche sur la doc de brunch.
  • Voir ce que donne Marionette pour faire des nested views parce que je n'ai pas tout saisi sur la manière de faire en Backbone.

Voilà, j'ai encore de jolis moments à venir! Assez impatient d'avancer car mon prochain défi c'est de plonger dans l'univers de Node.js :)