Julien Roche - Développeur avancé JavaScript, Web et Java

Vous voulez savoir comment configurer rapidement un job Jenkins pour qu'il exécute des actions depuis un tag GIT ? Voici les étapes à réaliser. Tout d'abord, pensez bien à installer le plugin Jenkins " Git Parameter Plugin ". Ensuite, sur votre job, ajouter un paramètre de job de type "Git Parameter", de nom "VERSION" (ou TAG_NAME, comme vous voulez) de type de paramètre "Tag" Ensuite dans la gestion du code source, section Git, allée dans "Avancé" et spécifier dans la zone "Refspec" la valeur  +refs/tags/*:refs/remotes/origin/tags/* Cette dernière indique que nous voulons récupérer les tags en remote et les placer en local dans le chemin "/tags/*" Par la suite, spécifier dans "Branch Sepcifier" la valeur  */tags/${VERSION} Ainsi, lors de vos builds, une section s'affichera en listant tous les tags Git associé à votre repository, le code du tag sera alors tél...

Ca y est, la DotJS 2017 vient de s'achever. Elle a eu lieu le vendredi 1er décember aux Docks Pullman à Paris, et ce que je peux dire c'est qu'elle a été particulièrement intéressante. Déjà, je vais parler de deux talks autour du "guerilla accessiblity" qui étaient vraiment super. Tout d'abord, celui de Suz Hinton , qui nous parlait de ces travaux autour du machine learning et de l’accessibilité. Notamment un principe tout bête pour les liseuses (qui aident aussi bien les mal-voyants que les personnes ayant du mal à lire) autour des images. Vous le savez certainement, sur une image, l'attribut ALT permet d'afficher du texte si l'image n'arrive pas à se charger. Or dans des applications comme Flickr, où nous ajoutons des images souvent sans description, et quand nous allons dans la galerie d'images, ces descriptions ne sont pas affichées. Du coup, Suz Hinton nous a montré une application se basant sur Azure Vision afi...

Familiarisation Si je devais résumer, Webpack est un outils permettant le packaging de nos applications, en nous évitant (autant que possible) d'avoir à écrire des scripts compliqués, avec ou sans outils extérieure (comme Gulp ou Gulp). Le principe aussi est de se reposer intégralement sur un fichier de configuration. Pour illustrer tout ça, allons faire une petite application toute simple, en VanillaJS et ES6. Soit notre fichier HTML src/index.html: < html > < head > < meta charset= "utf-8" > </ head > < body > < script type= "text/javascript" src= "../target/bundle.js" charset= "utf-8" ></ script > </ body > </ html > Le but étant de charger le fichier src/entry.js: import content from './content' ; [ 'a content' , 'a second content' ]. forEach (contentToInject => { let divElement = docum...

Voici quelques normes ISO à connaître et que vous aurez à faire face dans vos développements. Et quelques liens / outils permettant de s'assurer que nous faisons correctement leurs intégrations Code Pays https://countrycode.org/ est super site qui permet de lister les pays du monde avec leur country code (en mode number et iso): Et par pays, nous pouvons avoir des informations supplémentaires, comme le format téléphone, la position géographique, la time zone, la monnaie, etc: Ce site du coup regroupe les country code: En ISO 3166 name (où un nom est attribué à un pays) En ISO 3166 numeric (où un chiffre numérique est attribué à un pays) En ISO 3166-1 alpha-2 (code en 2 alpha majuscule) En ISO 3166-1 alpha-3 (code en 3 alpha majuscule) Ainsi que les langues. Tout cela est d'ailleurs regroupés dans ce fichier téléchargeable . Code langue / locale Là, nous tombons dans un des plus grands soucis d'un développeur: co...

Dans un précédent article , j'évoquais un certain nombre de terminologie bon à connaître. Voici sa suite ! Dans la façon de concevoir YAGNI Signifiant "You Aren’t Gonna Need It", c'est une extension du KISS où en plus nous ne codons que ce qui est nécessaire. Autrement dit, l'objectif est de ne pas avoir d'extra code qui n'est pas utilisée (et donc réduire la complexité du code) et du coup éviter d'avoir un ensemble de code mort. Car ces derniers peuvent poser soucis. En effet, d'un point de vue refactoring, nous allons nous poser le sens de ce code mort, et savoir / investiguer s'il est vraiment mort et quel était son objectif. Bref, perdre du temps en vain. TDD Ici, le "Test Driven Development" est une philosophie de développement orienté test. Le principe repose sur les 6 points suivants: Réfléchir à la fonctionnalité Ecrire les tests de la fonctionnalité Lancer le test qui doit échoué Implémenter l...

Le but de cet article est de vous montrer que très simplement, nous pouvons créer une commande personnalisée pour Slack. Ici, nous allons afficher des chats :)" Tout d'abord, nous allons nous créer des comptes sur: Slack:  https://slack.com Heroku:  http://www.heroku.com/ qui permettra d'héberger notre service REST pour Slack Gitlab: https://gitlab.com  qui permet évidemment d'héberger notre code, mais qui pourra de manière automatiser déployer notre application sur Heroku à chaque commit (et cela, même en mode "gratuit") Concentrons-nous tout d'abord sur Heroku et Gitlab. Créons un compte Heroku. Une fois cela fait, aller dans votre compte :. Vous verrez alors une section nommée "API key": Cliquez sur "Reveal" pour voir la valeur et conservez la bien en mémoire. Ensuite, sur en retournant sur votre dashboard d'applications Heroku , cliquez sur "New" et créez une nouvelle application. Dans...