La KiwiParty đ„ 2018, nous y Ă©tionsâŻ!
Pour cette 9e Ă©dition de la KiwiParty Ă Strasbourg, nous avons une nouvelle fois rĂ©pondu prĂ©sents, et avons eu la chance dâassister Ă de nombreuses confĂ©rences de qualitĂ©.
Par ailleurs, JoliCode a soutenu cette annĂ©e la KiwiParty en se portant sponsor. Nous en avons profitĂ© pour faire dĂ©couvrir aux visiteurs notre outil redirection.io, qui permet de gĂ©rer les plans de redirection de sites Web, en amĂ©liorant ainsi lâexpĂ©rience utilisateur et en minimisant lâoccurrence dâerreurs HTTP â un must have pour le SEO et pour les frontends de qualitĂ©âŻ!
En avant pour un rapide résumé de quelques conférences qui ont retenu notre attention.
##Manifeste pour un Web Ă©thique
Arnaud Malon nous a rappelĂ© quâen tant que dĂ©veloppeurs, nous avons un rĂŽle primordial Ă jouer pour garder le Web universel (đ coucou les sites qui ne fonctionnent que sous Chrome đ), respectueux des gens (en prenant en compte lâaccessibilitĂ© numĂ©rique), de la vie privĂ©e et de la planĂšte.
Des exemples de tweets sujets Ă controverse :
Hi Rustram. Weâd always recommend that you use Google Chrome to browse the site: weâve optimised things for this browser. Thanks. â Airbnb Help (@AirbnbHelp) 12 juillet 2016
Hi Larry, we apologize for the frustration. Groupon is optimized to be used on a Google Chrome browser, and while you are definitely able to use Firefox or another browser if youâd like, there can be delays when Groupon is not used through Google Chrome. â Groupon Help U.S. (@GrouponHelpUS) 26 novembre 2017
La présentation est disponible sur youtube.
##Embarquement Agile : Comment transmettre sa culture à une nouvelle personne en 5 semaines�
Florian Ferbach nous a prĂ©sentĂ© rapidement le processus dâintĂ©gration dâune nouvelle personne chez Marmelab : « lâembarquement Agile ».
Le processus est assez atypique. Durant 5 semaines, la nouvelle recrue travaillera sur des projets annexes (5 sprints dâune semaine), encadrĂ©e par un tuteur et un product owner. La plupart des projets sont des jeux. Chaque rĂ©alisation vise Ă faire sortir le dĂ©veloppeur de sa zone de confort et valider les savoir-faire mais Ă©galement les savoir-ĂȘtre des nouvelles recrues. La rĂ©trospective et la dĂ©mo sont organisĂ©es avec lâensemble des employĂ©s de Marmelab.
La vidéo de la conférence est disponible sur youtube.
##MJML, le nouveau standard pour écrire nos emails�
Thomas Deneulin nous a présenté MJML, un package nodejs afin de simplifier la conception des emails.
En effet, lors de la conception dâun e-mail, deux critĂšres sont Ă prendre en compte :
- Le responsiveâŻ;
- Le support des différents webmails.
Ces deux points Ă©tant difficiles Ă traiter en temps normal, MJML nous propose une liste de composants disponibles afin de simplifier cette tĂąche :
Il y a de nombreuses contributions sur Github et mĂȘme une application MJML pour desktop afin de visualiser le rendu en temps rĂ©el.
Vous pouvez retrouvez sa conférence sur youtube.
##CSS3+, une plongée dans le futur
Dans une premiĂšre partie, Jonathan Giamporcaro nous a prĂ©sentĂ© quelques fonctionnalitĂ©s clĂ© en CSS pouvant ĂȘtre utilisĂ©es Ă lâheure actuelle ou en passe de le devenir. Parmi celles-ci, nous avons notĂ© :
- Flexbox (ModĂšle de positionnement)âŻ;
- Les propriĂ©tĂ©s personnalisĂ©s (Custom Properties)âŻ;
- Le Scroll snap points (Pour les sliders notamment)âŻ;
- Les sélecteurs de niveau 4 (
:has
,:placeholder-shown
,:any-link
, âŠ).
En deuxiÚme partie, Jonathan nous a parlé du projet révolutionnaire HOUDINI.
CSS Houdini permet dâexposer certaines parties du moteur CSS aux dĂ©veloppeurs via plusieurs API pour âhackerâ le moteur de rendu CSS.
Parmi ces API, nous trouvons :
- Layout API : Cette API permet aux développeurs de créer leur propre algorithme de mise en page via la propriété CSS
display
âŻ; - Typed Object Model : Il sâagit de fournir aux dĂ©veloppeurs une interface JavaScript permettant de manipuler le CSSâŻ;
- Paint API : Cette API permet de gĂ©nĂ©rer, en JavaScript, une image Ă chaque fois quâune propriĂ©tĂ© CSS attend une image.
Vous pouvez retrouvez sa conférence sur youtube.
##GĂ©rer le mode hors-ligne grĂące aux Service Workers
Corinne Schillinger nous a fait une prĂ©sentation, avec dĂ©mo Ă lâappui, des Service workers. Ils offrent de nombreuses perspectives et peuvent notamment permettre de gĂ©rer le mode offline de nos sites ou applications. Ils viennent remplacer de vieux projets expĂ©rimentaux, comme par exemple Gears. Les Service Workers sont dĂ©sormais bien supportĂ©s par la plupart des navigateurs. Il faut voir le Service Worker comme un processus qui tourne en tĂąche de fond de votre navigateur et qui va exĂ©cuter des actions Ă chaque fois que vous essayez dâaccĂ©der au site pour lequel le Service Worker a Ă©tĂ© enregistrĂ©. Le Service Worker nâa pas accĂšs au DOM. Il est non-bloquant.
Pour le mettre en place, certains points doivent ĂȘtre respectĂ©s :
- le protocole HTTPS, pour des raisons de sĂ©curitĂ©, la seule exception est localhost pour les environnements de dĂ©veloppementâŻ;
- la same-origin policyâŻ;
- Il est recommandĂ© de positionner le fichier JS Ă la racine du projet pour ne pas limiter ses possibilitĂ©s dâaction.
Corinne nous a montrĂ© un exemple dâimplĂ©mentation avec la mise en cache des diffĂ©rents assets.
Vous pouvez retrouvez sa conférence sur youtube.
Section intitulĂ©e a-rel-nofollow-noopener-noreferrer-href-https-speakerdeck-com-slig36-arretez-de-nous-demander-combien-coute-une-ligne-de-code-arretez-de-nous-demander-combien-coute-une-ligne-de-code-aArrĂȘtez de nous demander combien coĂ»te une ligne de codeâŻ!
AurĂ©lie Guillaume nous a proposĂ© dâaborder le coĂ»t dâune ligne de code.
Cette question est souvent posĂ©e par les clients â mĂȘme si pour notre part, nous nâavons jamais rencontrĂ© ce type de demande â avec comme attente une unitĂ© de mesure :
- Notion de temps
- Notion de prix
- Notion de complexité
- Notion de vélocité
- âŠ
Cela peut ĂȘtre difficile de rĂ©pondre Ă cette question car beaucoup de choses sont Ă prendre en compte :
- Les coĂ»ts humainsâŻ;
- Les coĂ»ts de conception : gestion de projet, UI, UX, dĂ©veloppement, etcâŻ;
- Les coĂ»ts de Q/A & processus qualitĂ©âŻ;
- Les coĂ»ts de mise en place de lâinfrastructureâŻ;
- CoĂ»t du « code legacy » & des Ă©volutionsâŻ;
- Les failles de sécurité ont aussi un coût
- CoĂ»t en image pour lâentrepriseâŻ;
- Perte directe du Chiffre dâAffairesâŻ;
- DĂ©veloppement en urgence pour sĂ©curiser la failleâŻ;
- Mise en pĂ©ril potentielle de la sociĂ©tĂ©âŻ;
- Le coĂ»t de la techno, Ă©ventuellement propriĂ©taireâŻ;
- La maniĂšre dâimplĂ©menter le code peut aussi faire varier le coĂ»t : CMS, Framework ou from scratch.
Le coĂ»t dâune ligne de code nâest pas une Ă©quation, et il nây a pas de rĂ©ponse Ă la question « Combien coĂ»te une ligne de codeâŻ? ». Au lieu de parler de coĂ»t, parlez plutĂŽt de valeur. Il faut simplement expliquer aux clients que leur projet ne doit pas ĂȘtre perçu comme un coĂ»t, mais une valeur rĂ©elle pour leurs entreprises.
Vous pouvez retrouver sa conférence sur youtube.
Section intitulĂ©e a-rel-nofollow-noopener-noreferrer-href-http-jonathanlevaillant-fr-2018-kiwiparty-pdf-preprocesseurs-vs-css-natif-le-match-aPrĂ©processeurs vs CSS natif : Le matchâŻ!
Jonathan Levaillant a commencé sa présentation en mettant en évidence les dérives possibles des pré-processeurs, et en donnant deux exemples :
- Le nesting
- La directive
@extend
Il a ensuite confronté trois fonctionnalités offertes par les préprocesseurs à leurs équivalents en CSS natif :
-
calc()
: Calcul sur des unitĂ©s diffĂ©rentesâŻ; - custom properties
var(â)
: bĂ©nĂ©ficient de la cascade et peuvent ĂȘtre manipulĂ©es en JavaScriptâŻ; - pseudo-classe
:matches
: simplification dâĂ©criture de sĂ©lecteurs.
Pour finir, il nous conseille dâutiliser les prĂ©-processeurs pour la partie dynamique, et le CSS natif pour la partie structurelle.
Hoooo ça me parle đ #kiwiparty @jlwebart pic.twitter.com/DT12bjTrY7 â Philippe VayssiĂšre (@PhilippeVay) 15 juin 2018
Vous pouvez retrouvez sa conférence sur youtube.
Section intitulĂ©e pour-finir-en-kiwiPour finir en KiwiâŻ!
Merci Ă lâĂ©quipe des bĂ©nĂ©voles pour lâorganisation de cette Ă©dition 2018, qui Ă©tait une trĂšs belle rĂ©ussite. Nous nâavons pas pu aborder toutes les prĂ©sentations, mais vous en retrouverez les enregistrements sur youtube.
Ă lâannĂ©e prochaineâŻ!
Cet article porte sur la conférence Kiwi Party 2018.
Commentaires et discussions
BlendWebMix & Kiwiparty 2017
Cette annĂ©e, BlendWebMix et KiwiParty se sont rĂ©unis en un lieu unique : lâenceinte du centre des congrĂšs de Lyon. Au programme : 2 jours, 1 800 participants, plus de 50 ateliers, 100 confĂ©rences, des sujets design, techniques, webmarketing et sociĂ©taux et surtout estampillĂ©s #nobullshit.âŠ
Nos articles sur le mĂȘme sujet
Ces clients ont profité de notre expertise
Refonte complĂšte de la plateforme dâannonces immobiliĂšres de Cushman & Wakefield France. ConnectĂ© aux outils historiques, cette nouvelle vitrine permet une bien meilleure visibilitĂ© SEO et permet la mise en avant dâactifs qui ne pouvaient pas lâĂȘtre auparavant.
Nous avons entrepris une refonte complĂšte du site, initialement dĂ©veloppĂ© sur Drupal, dans le but de le consolider et de jeter les bases dâun avenir solide en adoptant Symfony. La plateforme est hautement sophistiquĂ©e et propose une plĂ©thore de fonctionnalitĂ©s, telles que la gestion des abonnements avec Stripe et Paypal, une API pour lâapplicationâŠ
Discourse est un logiciel libre pour forum de discussions trĂšs puissant, sur lequel Mix with the Masters sâappuie pour crĂ©er et animer sa communautĂ©. Nous avons appliquĂ© une forte customisation du logiciel sur plusieurs aspects : thĂšme graphique complet en accord avec la charte graphique du siteâŻ; plugin dĂ©diĂ©s pour afficher un paywallâŻ; implĂ©mentationâŠ