excuse my french.dev

veille front-end & ux (avec un accent)

Retour vers la liste des articles

Excuse my French Dev #5 : Apprendre React, coder pratique et ajouter une touche de merveilleux avec les courbes de Bézier

deux yeux et un sourire dessinés sur fond rouge avec en-dessous de ce visage, un curseur pointé sur un bouton indiquant 'click me' ou 'clique-moi'
source: UX Planet

L'automne s'est bien installé et les sessions de code sont productives pendant ces journées fraîches et grisâtres. Cette semaine, on remet une couche de ReactJS et on ajoute deux liens très "pratico-pratiques" pour coder efficacement et enlever le fichu .html des liens de nos sites web. Enfin, on apprend à s'émerveiller en UX et pour rester dans le thème du merveilleux, on termine avec une vidéo aux très, très chouettes animations sur les courbes de Bézier.

Voilà les cinq liens "coup de coeur" de la semaine :

  1. How to learn React - The effective way ("Comment apprendre React - La manière efficace"). Une des meilleures road-map (parcours) que j'ai trouvée jusqu'à présent. On commence, bien évidemment, avec Javascript puis on s'attelle à ReactJS avec JSX, les composants, les méthodes dans le cycle de vie, les états, les props, etc. et bien sûr les API. A partir de là, on peut poursuivre avec React Router, et du React plus avancé comme les fameux crochets ("hooks"). Le parcours à suivre est très clair ! J'apprécie également le rappel de s'entraîner sur de mini-projets pour progresser de manière significative et de ne pas tomber dans "l'enfer des tutoriels", sympathiques pour débuter, mais qui sont assez limitants.
  2. 30 seconds of code ("30 secondes de code"). Des petits bouts de code utiles dans notre vie quotidienne de développeur.se. Besoin de trier un tableau de valeurs du plus petit au plus grand ? Un petit tour sur 30 Seconds of Code et hop, on trouve vite fait bien fait le code dont on a besoin. Un site qui fonctionne comme un mémo, pour Javascript, Python, React, mais aussi pour CSS ou même Git ! A garder sous le coude pour nos besoins en développement ou pour réviser de temps en temps.
  3. How to remove .html from your URL ("Comment enlever le .html des URL"). Tout est dans le titre. C'est une tâche courante à réaliser lorsque je décide de déployer un projet et à chaque fois, je me retrouve à chercher sur Google la manipulation à réaliser. Maintenant j'ai un fichier .htaccess avec cette instruction prêt à utiliser et je ne me pose plus de questions.
  4. Delightful experience ("Merveilleuse expérience"). "User experience isn't a usability - it's a feeling" ("L'expérience utilisateur n'est pas une utilisabilité, c'est un sentiment"). L'article présente cinq conseils pour susciter l'émerveillement et le plaisir chez l'utilisateur.se. : du contenu sur mesure, une marque avec de la personnalité, des animations (regardez la vidéo du lien ci-dessous pour l'exemple !), des retours audio et la réduction des obstacles. Bien entendu, la fiabilité et l'utilisabilité du produit restent essentielles, mais une expérience utilisateur deviendra vraiment qualitative si elle inclut le facteur "émotion".
  5. The beauty of Bézier Curves ("La beauté des courbes de Bézier"). On n'utilise pas tous les jours les courbes de Bézier en développement front-end. Je crois que c'est surtout dans les animations CSS que je les ai rencontrées pour la première fois. Freya Holmér nous emmène dans le monde des courbes de Bézier au travers d'une vidéo passionnante et ludique faites d'animations incroyablement claires pour illustrer son propos. Une belle découverte, traduite en français, qui se regarde avec grand intérêt même si on n'utilise pas les courbes de Bézier dans sa vie de tous les jours.

And that's it! A la semaine prochaine !