Retour sur NG-BE 2017

La deuxième édition de cette conférence belge a eu lieu les 7 et 8 décembre derniers, à Gand, dans l’hôtel Holiday Inn Ghent Expo.
La première journée était, comme généralement dans toutes les conférences, dédiée aux ateliers pratiques.
Au programme : Angular forms, RxJS & Security in Angular.
Les ateliers sont programmés sur la journée entière ce qui permet de bien approfondir le sujet choisi.

La deuxième journée est logiquement consacrée aux exposés avec 12 intervenants venant de 9 pays différents.

La matinée a commencée par le traditionnel coupage de ruban, réalisé cette année par Pascal Precht, intervenant qui ouvrait ensuite le bal des exposés.

 

Angular Elements – Pascal Precht – @PascalPrecht

 

Slides : http://pascalprecht.github.io/slides/angular-elements/#/

Vidéo :

Cet exposé était un aperçu d’un des projets d’Angular Labs, ou comment exposer en dehors d’Angular des composants Angular en se basant sur les webcomponents.

Voici mes notes visuelles sur cet exposé.

Building High Performance Static Website with Angular – Uri Shaked

 

Slides : https://docs.google.com/presentation/d/17QG0ATttFhAPBREOQln3guw1ch6ozdWGCVWtw93ysxM/edit#slide=id.p

Vidéo :

Uri nous a présenté lors de cet exposé la mise en place d’un site statique en utilisant Angular, Angular Universal et FuseBox.

Voici mes notes visuelles sur cet exposé.

Create and publish Angular libs like a Pro – Juri Strumpflohner

 

Slides https://docs.google.com/presentation/d/1KzitBVVepOxgS-gxejehKC4V27ENeFMQ6Gwwrw5O9AE/edit

Vidéo :

Juri nous a ici présenté l’état de l’art en terme de réalisation de librairie pour les projets Angular : de la structuration au build tout y est.

Voici mes notes visuelles sur cet exposé.

Hidden Gems of TypeScript compiler – Vincent Ogloblinsky

 

Slides : http://slides.com/vogloblinsky/hidden-gems-of-typescript-compiler

Vidéo :

J’ai présenté lors de cet exposé les APIs internes proposés par TypeScript pour réaliser tout un tas d’opérations sur un fichier : analyse de code, modification, documentation etc…

Voici mes notes visuelles sur cet exposé.

 

Cookies versus tokens: a paradoxical choice – Philippe De Ryck

 

Slides : https://www.websec.be/DeRyck_AngularCookiesTokens_large.pdf

Vidéo :

Philippe nous a parlé lors de cet exposé des avantages et inconvénients entre les cookies versus les tokens dans les applications Angular. Très bon présentation sur un sujet sensible et parfois méconnu.

Voici mes notes visuelles sur cet exposé.

Creating an Angular Progressive Web App: which option will work better for you? – Maxim Salnikov

 

Slides : http://slides.com/webmax/pwa-ng-be

Vidéo :

Maxim nous a présenté l’approche officielle en ce qui concerne la création d’une Progressive Web App avec Angular : Angular service worker avec Angular 5 et la CLI 1.6.

Voici mes notes visuelles sur cet exposé.

A close look at Angular’s new HttpClient – Manfred Steyer

 

Slides : https://speakerdeck.com/manfredsteyer/a-close-look-to-angulars-new-httpclient

Vidéo :

Manfred a réussi en 30″ a présenté de manière claire et détaillé tout ce qu’il faut savoir sur le nouveau service Http d’Angular 4.3 : basics, formats alternatifs (text, binaire), progression, intercepteurs.

Voici mes notes visuelles sur cet exposé.

It’s Not Dark Magic – Pulling Back the Curtains From Your Stylesheets – Aimee Knight

 

Slides : http://www.aimeemarieknight.com/It’s-Not-Dark-Magic-Pulling-Back-the-Curtains-From-Your-Stylesheets/

Vidéo :

Aimee a présenté lors de son exposé les entrailles du rendu CSS dans les navigateurs : DOM et CSSOM, le rendering, et 2-3 trus sur le positionnement et le z-index par example. Toujours utile de voir un exposé CSS devant un public 100% (Java||Type)Script.

Voici mes notes visuelles sur cet exposé.

How to hack an Angular app? – Asim Hussain

Slides : https://www.dropbox.com/s/vtl7auxzklnrek2/how%20to%20hack%20an%20angular%20app%20-%20ngbe%202017.pdf?dl=0

Vidéo :

Asim a ici présenté quelques scénarios possibles d’attaques d’applications webs : le hack de Github/webhook, Equifax, le TOP10 de l’OWASP.

Voici mes notes visuelles sur cet exposé.

Taming snakes with reactive streams – Dominic Elm

 

Slides : https://speakerdeck.com/d3lm/taming-snakes-with-reactive-streams

Article : https://blog.thoughtram.io/rxjs/2017/08/24/taming-snakes-with-reactive-streams.html

Code démo : https://github.com/thoughtram/reactive-snake

Vidéo :

Dominic a proposé une approche très très simple de la programmation réactive avec RxJS et la réalisation d’un snake game : je n’ai jamais aussi simple et aussi clair en terme d’explications sur RxJS, les observables et les fameux opérateurs.

Voici mes notes visuelles sur cet exposé.

Performant Augmented Reality for the Web – Ayşegül Yönet

 

Slides : https://docs.google.com/presentation/d/1n68BtDWgpkZgZ5QXOIJXnrntsVH9NZoTAzQ_UhCy05E/edit

Vidéo :

Bonne exposé ici sur la réalité virtuelle et plus largement la réalité augmentée avec la mise en place dans une démonstration d’affichage de Three.ar.js dans un composant Angular.

Voici mes notes visuelles sur cet exposé.

Angular Architecture: From Patterns to Implementation – Todd Motto

Vidéo :

Dernier exposé de la journée dans lequel Todd a pris pas mal de hauteur sur l’architecture de projets Angular : approche système, composants, relations, indépendance et approche avec une programmation réactive.

 

Bilan

 

Mon bilan est plus que positif pour cette conférence. L’ambiance est très conviviale, les organisateurs choisissent de plafonner autour de 150 personnes pour conserver cette proximité.

Les sujets techniques étaient très bons, l’animation de la core team était parfaite, avec une Carmen Popoviciu aux manettes.

Mon top 3 est : HttpClient, Reactive Streams & Angular architecture.

Bref, je recommande vivement cette conférence tant sur le plan technique que humain.

Un album photo est disponible ici : https://photos.google.com/share/AF1QipMYBYhJZ3IidwAhICCJb_nVpPaf1BLM7oSIin15g1Vi8abjUspfTznfXK23A0WP7g?key=eHNRUEw4Mms3VGxnc3o3b0ZzQUNobXRIQlhOU3R3

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

cinq − cinq =