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 :


Ou via le code suivant :


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 !


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.



Interview: Progressive Web Apps, explained by Paul Lewis

Paul Lewis

De gauche à droite : Cyril Balit, Paul Lewis, Wassim Chegham

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.

SFEIR: Hi Paul, can you introduce yourself please?

Paul Lewis: My name is Paul Lewis, I work on theWeb Developer Relations team here at Google, where I spend most of my time talking about performance, and today, progressive web apps.

And so, what are progressive web apps?

Alex Russell coined the term “progressive web apps” and calls them “websites who took all the right vitamins”. It’s basically a website that you built properly and then you can start to progressively add on extra features, like service workers for offline support, for poor connectivity, for sending push messages, those kinds of things. And I suppose in some ways it’s just an evolution of what the Web has been tending towards anyway. It’s the website that you know and love, where we start to add on these extra bits and pieces, as they’re available and the browsers support them. (suite…)

Debrief : meetup Stuttgart VR & AR

J’ai eu la chance d’être invité le 11 juin dernier pour donner un talk au meetup Stuttgart VR & AR. Ce meetup était sponsorisé par un ensemble de partenaires (JumpingLlamas, la société Wirtschaftsförderung, etc.) et a eu lieu au SAE institute de Stuttgart. Voici un petit débrief de ce qui s’est dit.

Ma présentation était en anglais, car il y avait une centaine de participants venant de tous les coins du monde. Un seul point commun : l’amour des nouvelles technologies et plus précisément la réalité virtuelle et sa cousine, la réalité augmentée. (suite…)

Interview : les trucs de François Beaufort (Google France) pour bien préparer ses présentations

Google IO 2016

Google I/O 2016 a été riche en rencontres pour SFEIR, qui a ramené de Californie de nombreuses interviews. En voici une en français, pour changer, axée sur les problématiques à prendre en compte pour bien réussir une présentation en public.

SFEIR : Bonjour François, est-ce que tu peux te présenter rapidement et nous expliquer ton rôle chez Google ?

François Beaufort : Je m’appelle François Beaufort, je suis basé à Paris et je m’occupe des relations avec tous les développeurs intéressés par les nouvelles APIs Web.

Pourrais-tu nous expliquer le processus qui t’as amené à être speaker pour ce Google I/O ?

Il y a deux manières de se retrouver là : soit tu as envie et tu y vas parce que tu as un truc à dire qui va intéresser du monde, soit – et c’est mon cas – tu es juste super intéressé par un projet, et au bout d’un moment, ton manager débarque et te dit “François, il faut absolument que tu ailles à Google I/O”. J’ai demandé si j’étais obligé, il m’a répondu oui, et donc me voilà ! (suite…)

Débrief Mix-IT 2016

Mix-IT 2016 banner

“Des crêpes et du coeur !” C’est en ces mots que s’est auto décrite l’édition 2016 de Mix-IT qui se tenait pour la 6ème fois au CPE de Lyon les 21 et 22 avril derniers. Hasard du calendrier, cette conférence se déroulait aux mêmes dates que, ce qui n’a pas empêché les participants de boucler l’achat des 600 places, pourtant distribuées en 3 fois, en 15 minutes max !

mixit2016-tweetEn tant que Parisien, pourquoi choisir cette conférence plutôt que Devoxx ? Plusieurs raisons très simples. Déjà, le tarif : tout compris, ça reste moins cher que Devoxx ! Ensuite, Mix-IT est une conférence à la taille très raisonnable, qui la rend particulièrement conviviale. Et détail qui ne gâche rien, on y mange divinement bien et la soirée dédiée se déroule dans un lieu magnifique. Si on devait relever un point négatif, ça serait sans doute le stand de crêpes à volonté qui “timeout-ait” systématiquement entre chaque conférence, victime de son succès…

L’équipe de Mix-IT a introduit pour cette édition un concept inédit : les randoms talks. En effet, sur nos badges d’accès était notée une salle dans laquelle nous devions nous rendre lors de ces créneaux un peu spéciaux, sans connaitre à l’avance les sujets ou les speakers… Le but étant de faire des découvertes sur des présentations qui ne nous auraient pas intéressés à première vue.


Nous étions 2 Sferiens (Malek et moi-même) à y aller cette année, ce qui nous offre l’occasion de vous ramener des résumés de la plupart des conférences auxquelles nous avons assisté, Malek s’intéressant plus à la technique et moi à l’agilité. (suite…)

Interview de Raphaël Goetter : les avantages de Flexbox

ITW Raphaël Goetter

Raphaël Goetter et Rodolphe Rimelé étaient présents pour l’édition 2016 de Best of Web et nous en avons profité pour prendre un peu de temps à Raphaël avant qu’il ne retourne dans sa contrée, pour lui poser quelques questions !

Bonjour Raphaël, peux-tu te présenter rapidement ?

Je suis Raphaël et je suis intégrateur. Amoureux de CSS, j’ai créé Alsacréations il y a une petite dizaine d’années, une communauté d’entraide sur tout ce qui est HTML, standards, CSS, l’accessibilité, qui est devenue une petite agence Web en Alsace. Nous faisons aussi des formations.

On te voit beaucoup évangéliser sur un certain nombre de technos, tu parles de pas mal de choses en CSS et tu as écrit des livres sur CSS. La techno du moment, pour toi, c’est quoi ?

C’est pas juste parce que j’ai écrit un bouquin spécifiquement là dessus, mais ce serait Flexbox.

Flexbox en CSS qui est un nouveau (entre guillemets) module de positionnement qui révolutionne un peu ce qui se faisait avant à grands coups de float, de hacks, de bidouilles, de clearfix et tout ça. (suite…)