Dataviz | Cas pratique : influence de la démission de Macron sur le trafic Wikipedia

Pour tester Data Studio, le nouvel outil de dataviz de Google, j’ai décidé de prendre comme exemple l’analyse de l’influence de la démission d’Emmanuel Macron sur le trafic de diverses pages Wikipedia liées à la politique française. Rien ne vaut un exemple ancré dans l’actualité !

Pour les besoins de cet essai, les produits suivants sont utilisés :

(suite…)

HTTPS everywhere, avec Let’s Encrypt

Le HTTPS, vous connaissez ? C’est la version sécurisée du protocole HTTP, à l’aide d’une couche de SSL ou TLS. Votre site n’a pas encore ce petit cadenas à côté de son URL ? Vous payez chaque année votre certificat ? Vous êtes obligés de faire une flopée d’opérations manuelles pour renouveler le certificat en question ? Alors cet article est fait pour vous.

Nous allons voir comment, à l’aide de Let’s Encrypt, obtenir un certificat pour votre site, gratuitement, simplement, et avec un renouvellement automatique.

Pour ceux qui ne comprendraient pas l’intérêt de tout ça, voici quelques raisons de passer vos sites en HTTPS :

  • Le HTTPS améliore le référencement ! Les sites en HTTPS reçoivent en effet un coup de boost dans les recherches Google.
  • Le fameux cadenas rassure tout le monde. Les gens hésitent de plus en plus à mettre leur mot de passe sur une page non sécurisée ! Et ils ont raison ! Le cadenas (vert, gris, tout dépend du navigateur) donne tout de suite confiance à l’utilisateur et de la crédibilité au site qu’ils visitent.
  • Les principaux navigateurs ont choisi de rendre obligatoire le HTTPS pour le protocole HTTP/2 (qui permettra notamment d’augmenter considérablement les performances de vos sites web).
  • Le HTTPS permet d’assurer l’authenticité et l’intégrité des données chargées pour l’utilisateur, tout en protégeant sa vie privée.
  • Le HTTPS est obligatoire pour utiliser les services workers. En avant pour l’offline first !
  • Le HTTPS permet de se préparer à l’arrivée du « physical web » : par exemple, il est obligatoire pour broadcaster une URL via un beacon.

Et maintenant les meilleures raisons :

  • Le HTTPS c’est gratuit !
  • Le HTTPS c’est vraiment simple à mettre en place.

« Mais Let’s Encrypt, qu’est-ce que c’est ? »

(suite…)

Ch’feir share – À la découverte du Go | Part 3

La team SFEIR Lille s’est réunie il y a peu pour une soirée dédiée au langage Go. Le programme était chargé : prise en main de Go autour d’un microservice REST JSON, adossé à un MongoDB et déployé dans Docker. Tout un programme et beaucoup de gros mots à la mode. Nous avons décidé de vous partager l’expérience acquise pendant cette soirée à travers trois articles, pour rendre la chose plus digeste. 

Si vous les avez ratés, nous vous conseillons de lire :

Ch’feir share – À la découverte du Go | Part 1 – Les bases

Ch’feir share – À la découverte du Go | Part 2 – Concurrence, channel et Go Routine

Voici la troisième et dernière partie de notre dossier consacré à ce langage.

(suite…)

Ch’feir share – À la découverte du Go | Part 2

La team SFEIR Lille s’est réunie il y a peu pour une soirée dédiée au langage Go. Le programme était chargé : prise en main de Go autour d’un microservice REST JSON, adossé à un MongoDB et déployé dans Docker. Tout un programme et beaucoup de gros mots à la mode. Nous avons décidé de vous partager l’expérience acquise pendant cette soirée à travers trois articles, pour rendre la chose plus digeste. 

Si vous l’avez ratée, nous vous conseillons de lire :

Ch’feir share – À la découverte du Go | Part 1 – Les bases

Voici la deuxième partie de notre dossier consacré à ce langage. (suite…)

Ch’feir share – À la découverte du Go | Part 1

La team SFEIR Lille s’est réunie il y a peu pour une soirée dédiée au langage Go. Le programme était chargé : prise en main de Go autour d’un microservice REST JSON, adossé à un MongoDB et déployé dans Docker. Tout un programme et beaucoup de gros mots à la mode. Nous avons décidé de vous partager l’expérience acquise pendant cette soirée à travers trois articles, pour rendre la chose plus digeste. Voici sa première partie. (suite…)

Interview : Uri Goldshtein explique Meteor et ses autres travaux

Uri Goldstein

Uri Goldshtein

Wassim continue sa série d’interviews de programmeurs de talents. Cette fois c’est Uri Goldshtein qui va devoir affronter un barrage de questions concernant ses domaines de prédilection, à savoir Meteor et Apollo.

WCH: Hi Uri.

URI: Hello Wassim

Can you introduce yourself?

Hi, I’m Uri Goldshtein, I work partly at Meteor, the company behind Meteor (the JavaScript framework) and Apollo. I am also a freelancer and the author of a couple of open source libraries, like Angular-Meteor and Angular2-Apollo.

I guess you’re the perfect person to answer my next question: what is Meteor?

Meteor is a platform for the JavaScript community. If you take for instance .Net and C#, well C# wouldn’t give you so many things without .Net. It is just a language, you need a platform to build on top of it. So, the idea behind Meteor is to give you a complete set of tools and APIs to develop your apps…

…I guess that you mean for both the client and the server?

Yeah! The client, the server and all the developer tools around them. The ecosystem is huge. In JavaScript we also have a huge ecosystem but there is not one platform where it’s super easy to just to get everything you need. If you want to create a JavaScript app, you should have everything you need in one place. It’s kind of the opposite of what’s called ”JavaScript fatigue”, where every day you have a new tool and you don’t know what to do about it. Meteor had evolved around that solution: to give you the complete and best platform, and it’s all completely open source.

How does Meteor work under the hood?

If you think about it, when you develop an app, you need to have a front-end framework, a back-end framework and a way to distribute the data between those two, which is the hardest thing to do. You also need a build tool and a package manager around it. So Meteor gives you all of that in a very simple package. Just what you need to get started. And the important thing about Meteor is that, even sometimes people don’t think about it, everything is pluggable…

What do you mean by “everything is pluggable”?

By “everything”, I mean that you could for instance work with Meteor without its build system, you can use your existing webpack build system if you like. You can use Meteor with React or Angular. You also can use Meteor as a REST server. Meteor is just based on Node: this means you can use any NPM package (or Node code) with Meteor.

Nice! So what are the new features of the version you released a few months ago?

The v1.3 was a very important milestone for us. First of all, we landed native support for NPM. So even though Meteor has its own package manager, which is called Atmosphere, you can now use it with NPM, or just NPM if you want, of course. We’ve also added native ES6 support using BabelJs as a transpiler. With Meteor, you can add any NPM package, so for instance we created a TypeScript package which adds TypeScript support. Of course, both for the server and the client. Another important feature is ES6 modules support! You now have native support for ES6 modules out of the box. And the coolest thing is that you can start using it gradually. And one last thing to mention is the support for easier testing. (suite…)

Boostez les performances de votre application Ionic

Ionic Small LogoLa performance est l’une des préoccupations majeures des développeurs d’applications mobiles hybrides. Ionic a déjà montré qu’il est possible de l’assurer, avec ses apps rapides et fluides. Cependant, il y a quelques règles d’optimisations à respecter afin d’éviter tous les lags de navigation et garantir des transitions smooth. Nous allons les décortiquer dans ce post.

Use the Native Scroll

L’utilisation du scroll natif du système mobile, à la place du scroll JavaScript, donne une meilleure fluidité dans la navigation et un gain de performance considérable. Par défaut, Ionic se base sur le Scroll JavaScript, mais il offre la possibilité de le surcharger par le scroll natif de l’OS cible.

Pour l’activer il faut placer l’attribue suivant dans le tag :

overflow-scroll="true"

Ou via le code suivant :

$ionicConfigProvider.scrolling.jsScrolling(false);

Si vous utilisez la directive collection-repeat, il est préférable de la remplacer avec la directive ng-repeat. Je l’ai déjà testée et j’ai remarqué de meilleures performances en la combinant avec le scroll natif. (suite…)

Interview: Google’s Addy Osmani discuss tools & workflows for developers

Addy Osmani

Addy Osmani (center) was kind enough to take the time to answer our questions.

We had the chance to meet and interview a lot of very interesting Googlers during the last Google I/O. We’ll release those interviews (mostly in English) in the upcoming days. This one is done by SFEIR’s Wassim Chegham, who got the chance to talk with Addy Osmani about his work on tools for developers.

Wassim Chegham: Hi Addy, could you introduce yourself?

Addy Osmani: Sure, my name is Addy Osmani. I work on open web tooling with the Chrome team at Google. Some of the projects I’m currently focused on are Progressive Web Apps, Service Worker libraries and in general, tools that help web devs stay productive. I want folks to be able to build kick-ass web apps, regardless of whether they prefer writing them with React or Web Components.

Can you tell us a little bit about the modern tooling?

We’re at a fascinating cross-roads with tooling in the JavaScript community. We’re trying to balance productivity with tooling fatigue. It’s a fun problem. It’s not uncommon for intermediate to advanced developers to rely on a transpiler to let them use next-level EcmaScript features. Or filling in the gaps in CSS with something like PostCSS or scoping with CSS Modules. These types of explorations enable power in our workflows while we wait for the Web Platform to catch-up. At the same time, it’s important to remember that both libraries and tools are there to inform standards bodies about what we’re missing. Ultimately, those tools should seek to no longer exist – especially if we can get their core value baked in. There’s so much interesting work going on to evolve what you get for free.
Like, take Shadow DOM or CSS variables or the ability to custom paint with Houdini. These efforts came out of developers telling browser vendors that they needed a built-in way to solve hard problems. Are any of these pieces of machinery perfect? Well, no. But each step we take towards baking in the power that tools give you, that means one less dependency and one less tool you need to have installed. One less thing you don’t have to worry about. Imagine how much power we’ll have when you can mostly use ES2015 (with Modules and a loader) without the need for a transpiler. That’s going to be HUGE !

(suite…)

Interview: Rob Dodson explains Polymer and discuss its future

Rob Dodson

Left to right: Cyril Balit (SFEIR), Rob Dodson (Google), Wassim Chegham (SFEIR)

We had the chance to meet and interview a lot of very interesting Googlers during the last Google I/O. We’ll release those interviews (mostly in English) in the upcoming days.

Wassim Chegham: Hi Rob, can you introduce yourself please?

Rob Dodson: Hi, my name is Rob Dodson, I’m a developer advocate on the Chrome team and I primarily work on Web Components, Polymer and lately also accessibility.

Earlier, we saw the Polymer talk, and saw tons of features coming to Polymer. Can you tell us a bit about them?

Yeah! There are a few major things that the team has been working on. One has been to improve the performance of Polymer over the past few versions. So between 1.0 to now, it’s like 25% faster on most platforms, which is nice. And we’ve been rolling out what we call the “app toolbox”. Because one of the problems we had was, we put up a collection of Web Components and people were like “I need to build an app, where is the router, where is the i18n?” And we were like, “well, we’re just a library for building Web Components, you can build those things yourself”. But people were still asking for that kind of thing. So we started off with a router called app-route, it’s just one example of the kinds of routers that you could build using Web Components. So we put that out. We also have an internationalization solution, it’s our i18n element for doing internationalization, which is very cool and it’s made by one of our team members, Monica Dinculescu. (suite…)

Succès pour la Master Class SFEIR /exia.CESI

Arnaud Maichac est architecte .NET dans l’agence SFEIR de Strasbourg. Ce Team leader, qui ne peut nier sa descendance Asgardienne, donne régulièrement des conférences autour des nouveautés des outils de Microsoft. La dernière en date était à l’exia.CESI de Strasbourg et abordait ASP.NET Core. Un sujet qui a visiblement passionné et motivé l’organisation d’une master class dédiée. Il nous raconte cette expérience.

exia.CESI_1

(suite…)