Design / Conception

Comment ça c’est bleu moi je vois du vert , t’es sûr de toi ?

___ 

Cette semaine, les PWA sont (encore) à l’honneur. Les PWA c’est quoi ? Pour faire simple, ce sont ces sites web qui utilisent des fonctionnalités juste avant réservées aux applications mobiles (push de notification, installation sur le téléphone/bureau, …) plus rapide, plus légères, les PWA vont probablement remplacer les applications mobiles. Google nous explique les premières étapes pour développer une PWA (allez voir le manifeste et la checklist).

Ça a déjà tourné sur le Slack mais on en reparle ici : https://userinyerface.com/ une expérience/jeu sur le pire UI possible, y a de quoi s’arracher les cheveux, respect si vous finissez en moins de 5 minutes. Mais pour paraphraser un youtubeur frisé qui parle de film et de jeux vidéo : “Je pense réellement qu’on peut apprendre d’un mauvais site autant que d’un bon, parfois même plus, puisque les mauvais sites mettent souvent en lumière des problèmes insoupçonnés avec une évidence frappante”.

Javascript / Typescript :

Ja va bien et toi ?

___

Ça a déjà tourné également mais si tout le monde ne l’a pas lu, allez voir Pourquoi [‘1’, ‘7’, 11’].map(parseInt) renvoie [1, NaN, 3] en Javascript. Je vais pas vous spoiler car l’article entier vaut vraiment le coup.

Et on remet une petite couche du Spread Operator avec 5 usages de l’opérateur ; et franchement ça envoie du pâté niveau possibilité alors si vous avez toujours pas commencé à l’utiliser c’est une bonne occasion de vous y mettre !

Angular :

AngulMoi mon amour.

___

Un article donnant de bonnes pratiques pour mettre en place une application Angular durable (je dis durable pour pas dire pas balancer “scalable” au beau milieu d’une phrase en Français, même si le mot n’est pas totalement approprié. Faut de traduction convenable…). Si vous préférez des termes techniques anglophones : “Quelques bons architecture patterns pour maintenir une appli Angular scalabe”.

Également un article/cours sur l’implémentation de JWT sur Angular que je trouve très bien car en plus d’expliquer l’implémentation sur Angular il explique plutôt bien les JWT Token, concept souvent obscur (“ça marche, mais qu’est-ce que c’est vraiment…”), et c’est un dev back qui vous dit qu’il a compris ! 

Flutter:

Flute, flute, flute et re-flûte

___

Cette semaine, William vous propose un petit tuto pour ouvrir une application Flutter directement sur une page dédiée sans passer par l’accueil. ( DeepLink )

PHP7:

CakePhp c’est vraiment le top mais pour faire plaisir aux français on va dire que Symfony c’est bien.

___

PHP 7.4 sortira en fin d’année, alors faisons le point sur les nouveautés de cette version (pour commencer, le 4 est nouveau. tu me crois tu me crois pas, mais avant c’était un 3). Pour commencer (Et les javascripteurs vont pouvoir faire comme tout les utilisateurs d’Android quand une fonctionnalité arrive enfin sur iPhone), le spread operator s’étend désormais aux tableaux. Personnellement je suis super fan du nouvel opérateur ??= mais y a un tas d’autres trucs cool à aller voir !

Un petit peu de symfony avec cet article sur sur l’implémentation de scénarios de test en Symfony 4, que je mets surtout là pour vous montrer AliceFixturesBundle qui est vraiment top. 

Et un petit rappel des bonnes pratiques ça ne fait de mal à personne ! En français en plus pour finir gentiment.

Ajout de Bertand :

PhP Natif

PhP 7 : si vous avez un wagon de retard

Ce que vous devez savoir sur PHP7 concrètement Php : la bonne manière (️)

Une bible en français très bien écrite, pour débuter, se perfectionner ou se maintenir à jour

https://eilgin.github.io/php-the-right-way/

HTTP 

Une version plus lisible de la spec HTTP

https://httpwg.org/specs/

(au lieu de https://tools.ietf.org/html/rfc2616 )

HTTP2 : pousser des infos au client depuis symfony avec le composant Mercure

https://symfony.com/doc/current/mercure.html

Outils d’analyse statique

Pourquoi utiliser ce genre d’outils ? parce que vous ne respectez rien, pas même les PSR-1 et PSR-2 :

PhP CS-Fixer

S’utilise souvent dans un git hook afin de toujours pusher du code propre

https://github.com/FriendsOfPHP/PHP-CS-Fixer

Parce que vous n’aimez pas les bugs :

PhPStan

Le plus rapide à exécuter, et permet d’indiquer un niveau d’exigence allant de 1 à 7 pour y aller progressivement et ne pas se décourager. Peut s’utiliser en git hook, dans votre process d’intégration continue, ou tout simplement à la main.

https://github.com/phpstan/phpstan

Psalm

Probablement plus complet que PhPStan, vous allez pleurer du sang

https://github.com/vimeo/psalm

Parce que vous n’en avez jamais assez : 

Infection

https://infection.github.io/

Vidéos

Depuis le 17 juin, libre accès aux conférences Web2day 2019 :

https://www.youtube.com/channel/UCCzfEV7NDD5OvkE3Ua7pcxQ/featured

La chaîne de l’afup, toujours incontournable

https://www.youtube.com/user/afupPHP