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

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...