Laïla Atrmouh

Migrer une application React vers TypeScript avec un agent IA

Mon, 27 Jul 2026 15:21:00 +0000

Il y a quelques années, j’ai commencé un projet pour un praticien en acupuncture qui souhaitait pouvoir suivre ses patient(e)s sur une application hébergée sur son serveur et garder le contrôle de ses données.

Sur l’application, différents cas d’usage existent. Un praticien peut :

enregistrer une nouvelle personne qui vient le consulter ainsi que sa séance
accéder à l’historique des séances pour une personne
saisir ses dépenses pour son cabinet
suivre ses revenus

On l’a ouvert à d’autres praticien·ne·s : c’est devenu un vrai produit utilisé au quotidien par un petit nombre de personnes ! J’y ai accumulé de la dette technique, et un de mes gros sujets de 2025 était de migrer le projet vers TypeScript.

TIL 8 - Opérateur PHP, TypeScript et autres découvertes

Wed, 29 Apr 2026 15:21:00 +0000

Voici quelques découvertes du mois que j’ai pris le temps de compiler dans un article !

PHP

match

match, un opérateur qui n’existe que depuis PHP 8.1 et que je n’avais encore jamais utilisé. Il sert à évaluer une valeur et à retourner directement un résultat, comme un switch mais en plus concis.

Avant, avec un switch :

switch ($invoice->getPaymentMode()) {
    case PaymentMode::CB:
        $payment_mode = "Carte bancaire";
        break;
    case PaymentMode::CHEQUE:
        $payment_mode = "Chèque";
        break;
    case PaymentMode::ESPECES:
        $payment_mode = "Espèces";
        break;
    case PaymentMode::VIREMENT:
        $payment_mode = "Virement";
        break;
    case PaymentMode::LYDIA:
        $payment_mode = "Lydia";
        break;
}

Après, avec match :

Retour d'expérience - Montée de version vers Chakra v3

Wed, 25 Mar 2026 10:14:15 +0000

La migration vers Chakra v3 était une montée de version assez costaud à mettre en place.

Retour d'expérience - Migration vers Vite et suppression de Create React App

Thu, 01 May 2025 10:14:15 +0000

Create React App est devenu déprécié en février 2025. J'avais crée mon application React il y a 3 ans grâce à cette dépendance. Aujourd'hui, je te raconte comment j'ai pu migrer vers Vite.

TIL 7 - Golang, astuces devtools et balise HTML insoupçonnée

Thu, 06 Jun 2024 10:14:15 +0000

J'ai un peu délaissé ce format de partage de veille technique! Je reviens avec du HTML, des ressources Golang et devtools

Passer un projet React sur Typescript

Wed, 03 Apr 2024 10:14:15 +0000

J’ai un side-project en React actif depuis 2 ans. M’intéressant de plus en plus à Typescript, j’ai décidé de migrer ce projet React vers Typescript plutôt que de le recommencer from scratch. La suite pourrait vous surprendre … !

Automatiser la création d'un nouveau fichier markdown

Fri, 23 Feb 2024 04:14:15 +0000

J’adore automatiser les tâches répétitives un peu fastidieuses comme la création d’un nouvel article sur mon blog. Je ne connais pas la syntaxe par coeur, et n’ai pas vocation à la connaître grâce à Plop, un utilitaire permettant d’automatiser la création de fichiers via le terminal (en utilisant un prompt … ou pas)

L'intégration continue et le déploiement continu: c'est quoi ?

Wed, 24 Jan 2024 10:14:15 +0000

Les concepts de CI/CI peuvent être assez flou quand on commence son apprentissage du développement. Dans cet article, j’explique les concepts d’intégration et de déploiement continu (CI/CD) et comment on les utilise quand on crée une application web !

Ajouter du HTML dans un article Hugo avec un shortcode

Fri, 19 Jan 2024 11:14:15 +0000

Mes blogs ont connu multiples plateformes: Wordpress, Jekyll, Gatsby… C’est plus amusant de changer de stack que de se lancer dans la rédaction régulière d’articles 🤡

Ca fait plusieurs années maintenant que je suis fidèle au générateur de sites statiques Hugo, et n’ai aucune envie de migrer vers autre chose.

Je l’utilise pour mon blog technique (vous êtes dessus!) et mon blog de critiques culturelles (où je raconte mon humble avis sur des films/lectures/expos…).

Conseils pour se remettre à la lecture

Thu, 23 Nov 2023 11:14:15 +0000

Enfant, je dévorais les livres. J’étais une grande fan de Stephen King, j’ai dévoré religieusement la saga Harry Potter, j’avais adoré aussi L’Alchimiste de Paulo Coelho. J’avais même initié un site listant toutes mes “critiques littéraires” que j’ai réssucité des années après (malheureusement sans les critiques de l’époque!)

Le rythme des études et d’autres choses m’ont éloigné de la lecture. Je ne trouvais plus de temps mais n’avais surtout pas la motivation de lire. J’avais fait aussi une overdose de livres de développement personnel qui m’avait dégoûtée de la lecture en général.

TIL 6

Fri, 10 Mar 2023 11:14:15 +0000

Ce mois-ci, j’ai fait pas mal de découvertes kubernetes / cloud related notamment en raison de ma participation aux Kubernetes Community Days ! Vous trouverez le récap ici.

En dehors de ça :

Javascript

La refonte de la documentation de React est un bonheur. J’avais beaucoup de mal à rentrer dans l’ancienne, la présence de table de matières fait du bien.

Cloud

Dagger est un outil permettant le développement de pipelines dans des containers 🤯

CSS

Il y a une variable scroll qu’on peut exploiter en CSS : https://css-tricks.com/books/greatest-css-tricks/scroll-animation/
Locomotive Scroll, une bibliothèque faite par une agence Montréalaise !
Ce repository Github est plein de bonnes pratiques CSS avec de petits exemples concrets à côté.

Hors tech

J’ai lu le livre Les délices de Tokyo, écrit par Durian Sukegawa. C’était un bonheur à lire, j’en parlerai prochainement sur mon blog dédié à mes découvertes culturelles :)

Notes du Kubernetes Community Days France

Tue, 07 Mar 2023 11:14:15 +0000

La photo de couverture de l’article vient du compte Twitter Kubernetes Community Days France.

Ladies of Code Paris était partenaire communauté du Kubernetes Community Days qui a eu lieu le 7 mars dernier au centre Georges Pompidou à Paris.

J’ai eu l’opportunité d’animer deux tables rondes dans l’après-midi et j’ai pu profiter de quelques conférences sur le reste de la journée.

Le replay des conférences devrait être disponible mais voici ce que j’ai retenu !

Notes du Very Tech Trip

Sun, 05 Feb 2023 11:14:15 +0000

J’ai assisté au Very Tech Trip le 2 février dernier, organisé par OVH Cloud.

Voici quelques notes des différents talks que j’ai pu écouter. J’ai pas forcément noté les noms de tous les speakers par manque de temps 😭 Les replays seront bientôt disponibles !

Sauvegardez et restaurez proprement vos applications kubernetes

Velero est un utilitaire facilitant la gestion de backups sur Kubernetes. Au delà des fichiers de confs, ça permet aussi de gérer les volumes qui peuvent être associés à des StatefulSet par exemple.

TIL 5

Sun, 15 Jan 2023 11:14:15 +0000

Un nouveau TIL pour démarrer l’année 2023 ! 🥳

J’en profite pour souhaiter une douce année 2023 à celles et ceux qui liront cet article: que cette année vous apporte ce que 2022 ne vous a pas donné !

Au menu ce mois-ci, un peu de front et des utilitaires pour BDD.

Extension navigateur

Chrome fournit une documentation très complète sur comment créer une extension pour Chrome.

Elle débute ici: https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/

Intégration CSS

Ces quelques jeux permettent d’appréhender le système des flexbox de manière ludique !

TIL 4

Thu, 03 Nov 2022 17:14:15 +0000

https://www.smashingmagazine.com/2020/01/understanding-css-grid-container/

J’ai découvert une extension pour navigateur bien sympa pour avoir un petit feed d’articles à chaque ouverture d’onglets: https://daily.dev/

Google a sorti une série de cours pour l’apprentissage de kubernetes: https://learnkubernetes.withgoogle.com/kubernetes-essentials-series

Débugger depuis un device Android

Je le fais depuis mon Pixel 3A en passant juste par Chrome, c’est un bonheur: https://developer.chrome.com/docs/devtools/remote-debugging/

https://stackoverflow.com/a/58834623/1704966

Vous pouvez avoir besoin de jouer sur le forwarding de ports pour que votre environnement local soit bien accessible.

Ce qu'introduit PHP 8.0

Tue, 27 Apr 2021 13:37:37 +0200

PHP 8 est sorti il y a quelque temps maintenant. L’occasion d’introduire ce qui change dans la syntaxe 👇

Difference entre les formatters / linters

Nouveautés PHP 8.0 ⏬

Nullsafe operator

// PHP7
$address = $user->getAddress();
$country = $address ? $address->getCountry() : null;

// PHP8
$country = $user->getAddress()?->getCountry();

Manipulation de chaînes de caractères

// PHP7
$contains = strpos('Cette chaine contient pouet', 'pouet') !== false;

// PHP8
$contains = str_contains('blabla', 'bla');
$debut = str_starts_with('caillou chou pou', 'cai');
$fin = str_ends_with('caillou chou pou', 'pou');

Constructeurs

// PHP7
class User {
  public string $email;

  public function __construct(string $email) {
    $this->email = $email;
  }
}

// PHP8
class User {
  public function __construct(private string $email) {
    $this->email = $email;
  }
}

Arguments nommés

// PHP7
function foo(int $a, ?int $b = null, ?string $c = null, ?int $d = null) {

}

foo(2, null, null, 40);


// PHP8 - Evite de mettre des null pour rien, on met juste les paramètres obligatoires selon la signature de la fonction
foo(a:2, d: 40);

Typage d’arguments

Possible aussi sur le typage de la valeur de retour

Mettre en place un cronjob avec Github Actions et Netlify

Tue, 27 Apr 2021 13:37:37 +0200

Je n’avais jamais eu l’occasion de jouer avec Github Actions. J’ai donc crée une petite application qui va récupérer quotidiennement nos statistiques de suivi de la communauté Ladies of Code Paris.

Elle va consommer différentes API dans le but de tout féderer dans un tableau de suivi, pratique à consulter pour l’équipe coorganisatrice.

L’architecture de l’application est plutôt simple.

Création de la fonction Netlify

Il est possible d’héberger une fonction. On exploite une technologie Serverless: on ne sait pas du tout dans quel contexte cette fonction va s’exécuter, ni les caractérstiques du serveur qui l’héberge.

TIL 3

Tue, 27 Apr 2021 13:37:37 +0200

Est-ce que j’ai complètement délaissé ce format ? C’est possible !

HTML

https://twitter.com/everestpipkin/status/1381053241543245825

CSS

On ne peut pas accéder à l’élément parent en CSS. Cascading Stylesheet for a reason …

Tools

On peut rejouer des requêtes XHR via l’onglet “Networks” sur Chrome (et probablement d’autres navigateurs)
On peut prettifier une requête SQL sur MySQL Workbench en cliquant sur le petit pinceau.

Il est possible d’empê

Sur les Internets

Tu es développeuse mais tu passes beaucoup de temps sur des choses pas liées au code: onboarding des nouveaux, planification de la roadmap et autres réunions qui t’éloignent de ton terminal? Cette lecture te parlera sûrement ! Merci à Morgane pour le partage de cet article “Being Glue” qui m’aura fait prendre conscience de beaucoup de choses sur mes envies professionnelles.

Git 101

Thu, 18 Mar 2021 13:37:37 +0200

En échangeant avec des étudiant·e·s en informatique, je remarque qu’un bon nombre n’utilise pas ou peu Git dans le cadre de leurs projets scolaires. C’est dommage car c’est un outil qui facilite la vie lorsqu’on travaille à plusieurs sur un projet logiciel.

À travers cet article, je vais répondre aux questions que j’ai le plus souvent entendues et donner les bases minimales de ce merveilleux outil qu’est Git.

Faire une API Rest avec Vercel

Sun, 06 Sep 2020 13:37:37 +0200

Cover picture by Tomasz Sroka

Vercel (anciennement Zeit) est une plateforme JAMStack qui permet de déployer facilement des applications à partir d’un repository Git distant. Le service fourni est similaire à celui de Netlify, l’objectif est d’améliorer l’expérience de développement et faciliter les déploiements.

On peut héberger des applications (un blog Gatsby par exemple!) mais aussi des fonctions Serverless. Une fonction Serverless est une fonction qui est exécutée à la demande (lors de la réception d’une requête HTTP par exemple) par un service de Cloud tiers (AWS Lambda, Cloud Functions…) : on ne paie donc pas un nombre de serveurs mais plutôt à l’usage des fonctions.

Ode à la simplicité

Sun, 05 Jul 2020 20:14:34 +0200

Disclaimer: C’est le premier article de ce type que je sors. Excusez les fautes d’orthographe.

Je déclare officiellement mon amour pour la simplicité. Et ce, dans tous les axes de ma vie.

Dans mon code

J’aime avoir un code simple, compréhensible par n’importe quelle personne qui le lirait, que ce soit un vieux roublard des Internets ou encore un poulain novice. J’aime me relire six mois plus tard et comprendre la logique de Laila du passé.

TIL 2

Sun, 05 Jul 2020 20:14:34 +0200

Elles ont un peu de retard mais elles sont là ! C’est parti pour les découvertes du mois de juin.

Outils

Visual Studio Code a un ZenMode : c’est hyper agréable de naviguer, on peut passer d’un fichier ouvert à l’autre avec le raccourci Ctrl + Tab.

Liens chouettes

En cherchant les différences entre les objets XMLHttpRequest et fetch, je suis tombée sur ce blog très cool qui poste quasi quotidiennement des articles à propos de Javascript.

4 astuces pour préparer un bon live-coding

Mon, 08 Jun 2020 20:39:34 +0200

Le live-coding (ou programmation à la volée en bon français!) est un exercice où un(e) dev code devant une audience. On voit souvent cet exercice lors de conférences tech sur une version courte mais il est possible aussi de l’exercer avec des devs plus junior dans un but d’apprentissage.

Le confinement m’a fait découvrir l’association Descodeuses qui propose des formations à des femmes pour devenir développeuse web. Je suis encore aujourd’hui mentor pour cette association.

TIL 1

Tue, 26 May 2020 20:14:34 +0200

En mai, j’ai (encore) refait mon blog.

Ce blog en a connu des vertes et des pas mûres en 8 ans!

Simple fichier HTML hébergé sur un serveur Free 👵🏼
Passage sur Wordpress hébergé chez 1&1
Migration vers Jekyll hébergé sur Github Pages pour jouer avec Ruby
Migration vers Gatsby hébergé sur Github Pages

Aujourd’hui, ce blog est propulsé par Hugo et hébergé chez Netlify. Et évidemment, j’ai écrit très peu d’articles sur ce temps là.

Une journée à dotJS (Jour Backend 2)

Mon, 09 Dec 2019 19:23:42 +0000

Récapitulatif - dotJS 2019

J’ai eu la chance d’assister à dotJS cette année grâce à des places qui ont été offertes par les dotConferences à la communauté Ladies of Code.

@Jawache a pris la parole sur notre impact environnemental en tant que développeur. L’électricité est responsable à 30% des émissions de CO2. On ne peut se permettre d’en gaspiller. Google Cloud serait un cloud Carbone neutral (ça m’étonne un peu). Les servers produisent du carbone, on pollue moins avec le serverless.

Une journée à dotJS (Jour Frontend 1)

Sun, 08 Dec 2019 19:23:42 +0000

Récapitulatif - dotJS 2019

J’ai eu la chance d’assister à dotJS cette année grâce à des places qui ont été offertes par les dotConferences à la communauté Ladies of Code.

En discutant avec quelques personnes, j’y ai appris l’existence d’un framework Node.js, Nest.js qui permettrait d’avoir une application plus structurée qu’une app Node classique qui n’utiliserait qu’Express pour le routing.

Un après-midi à dotCSS

Sat, 07 Dec 2019 19:23:42 +0000

Récapitulatif - dotCSS 2019

J’ai eu la chance d’assister à dotCSS cette année grâce à des places qui ont été offertes par les dotConferences à la communauté Ladies of Code.

La conférence a commencé très fort avec une conférence de Sarah Dayan, ingénieure chez Algolia. Elle y a introduit le concept d’utility-first CSS CSS est plus efficace lorsqu’on utilise comme une bibliothèque en raison des dépendances entre le HTML et le CSS. Un composant ne sera pas réutilisable dans sa globalité, autant factoriser de plus petits éléments (typographie similaire, ou icône). Le CSS est plus petit à parser par le navigateur puisqu’à un seul niveau de profondeur, plus rapide à resolve. Elle y fait une démonstration d’un outil qu’elle a crée pour la factorisation des classes redondantes entre éléments du DOM grâce à Brotli (algorithme de compression). Le benchmark de performance est impressionnant. Sa présentation est accessible ici.

Symfony Live - Jour 2

Fri, 29 Mar 2019 19:23:42 +0000

Récapitulatif - SymfonyLive 2019 Jour 2

Mais qu’est-ce que je retrouve ? Des notes que j’avais prises en mars 2019 lors de la Symfony Live à Paris !

NDLR: Elles sont un peu en vrac.

Talk #1: Open Source - Renouveau de l’humanisme

Principe anthropique = Tout est orienté pour faire apparaître la vie organique.
Interdépendance entre chaque membre d’une communauté = ubuntu
“Ubuntu” = I am because we are.
Symfony Diversity Initiative
Communauté Drupal => Clash lié à la diversité.
L’inclusivité ne s’arrête pas à l’égalité F-H.

Talk #2 : Passion Doctrine

Derrière le Query Builder, Doctrine prépare un statement.

Symfony Live - Jour 1

Thu, 28 Mar 2019 19:23:42 +0000

Récapitulatif - SymfonyLive 2019 Jour 1

Mais qu’est-ce que je retrouve ? Des notes que j’avais prises en mars 2019 lors de la Symfony Live à Paris !

NDLR: Elles sont un peu en vrac.

Keynote

Symfony Mime > Swift_Mailer

Moins d’objets à serializer
Headers pas determines a l’avance
intégration native avec twig, embarque l’objet email : méthode template / textTemplate / htmlTemplate à utiliser.
Inky pour simplifier templating
séparation envoi et création
Symfony mailer juste pour mails transactionnels

Setup terminal macOSX

Tue, 02 Oct 2018 19:23:42 +0000

Juste un petit article pour mémoriser le setup de mon terminal sur mon ordi perso sous Mac OSX.

Terminal

Alias de commandes Git

Alias pour Git

Tools chouettes

Tiny Care Terminal (merci Younes pour la découverte !)

Débuter avec Mongo DB

Thu, 10 Nov 2016 09:01:20 +0000

Démarrer Mongo

mongod

Démarrer Mongo sans les journaux

mongod --nojournal

Peut être pratique si vous n’avez pas beaucoup d’espace sur votre ordi.

Se connecter en Shell à Mongo

mongo

Créer une base de données

use <nom_de_la_base_de_données>

Il faut y enregistrer au moins un document pour que la base de données soit vraiment sauvegardée.

Créer un utilisateur

{
  user: "fashion",
  pwd: "fashion",
  roles: [ "readWrite", "dbAdmin" ]
});

Voir le contenu d’une collection

db.nom_collection.find();

Débuter avec Sails

Sun, 08 May 2016 19:38:05 +0000

Après mon HackDay sur Node.js, j’ai eu quelques inquiétudes sur mes aptitudes à rapidement faire n’importe quoi au niveau de la structure de mon application.

Je me suis donc mise à la recherche d’un framework sympa qui pourrait m’aider à mieux structurer mon application Node.js : après une petite recherche, je suis tombée sur Sails et Meteor (qui fera aussi l’objet d’un HackDayz !).

Débuter avec Node.js

Sun, 10 Jan 2016 16:46:02 +0000

J’ai profité de cet après-midi pluvieux pour me familiariser avec Node.js grâce à l’excellent cours de Mathieu Nebra sur Open Classrooms.

Ce que je retiens de ces quelques heures de bachotage (pas encore poussé mon application) :

Javascript qui s’exécute côté serveur
Force du language: la gestion d’événements côté serveur et sa rapidité
NPM est un outil puissant pour la gestion des dépendances
Nécessite une bonne connaissance de Javascript (Closures, callbacks, prototypes).

Quelques outils donnés sur le tutoriel bien pratiques

http://browsenpm.org/package.json Récapitulatif des attributs que l’on peut préciser dans son fichier de dépendances

Préparer une entrevue technique

Sat, 18 Jul 2015 16:56:07 +0000

Préparer une entrevue technique nécessite un peu de bachotage ! Voici quelques liens que je trouve intéressants pour mieux se préparer :

Pour des entrevues dans des entreprises prestigieuses (Facebook, Google, Apple), le livre Cracking the Coding interview m’a chaudement été recommandé … 👀

GoodUI Recevoir de bonnes pratiques de création d'UI deux fois par mois

Mon, 29 Jun 2015 23:32:46 +0000

Je ne m’inscris généralement pas aux infolettres mais celle-ci est particulièrement intéressante! GoodUi propose une infolettre envoyée deux fois par mois. Son auteur, Jakub Linowski, parle d’optimisation d’interface utilisateur, la meilleure façon de concevoir des formulaires de type opt-out … Je ne regrette pas de m’y être inscrite !

Petit bémol qui peut en fruster certains: l’infolettre est en anglais !

Config Sublime Text 2

Thu, 18 Dec 2014 16:15:51 +0000

Comment installer des packages dans Sublime Text 2 ?

Il faut utiliser le package control. Plus de détails ici: https://www.granneman.com/webdev/editors/sublime-text/packages/how-to-install-and-use-package-control/

Voici les packages que j’utilise dans ma configuration Sublime Text 2, très utiles pour des projets front.

 "installed_packages":
  [
    "Alignment",
    "BracketHighlighter",
    "Emmet",
    "HTML5",
    "LESS",
    "Sass",
    "SideBarEnhancements",
    "SublimeLinter",
    "SublimeLinter-contrib-scss-lint",
    "SublimeLinter-csslint",
    "SublimeLinter-gjslint",
    "SublimeLinter-phplint",
    "SublimeLinter-xmllint"
  ]
}

4 astuces pour réaliser et réussir son test d'utilisabilité

Thu, 26 Jun 2014 23:40:17 +0000

Il n’y a pas que le code qui se teste, une interface utilisateur aussi !

Dans le cadre de ma maîtrise en commerce électronique, j’ai été amenée à réaliser des tests d’utilisabilité sur un site Internet. L’expérience est vraiment fascinante car on réalise à quel point notre vision de développeur / stratège web est biaisée par rapport aux individus « normaux ».

Quelques techniques de design pour émouvoir le visiteur

Tue, 06 May 2014 23:38:22 +0000

L’influence de l’interface sur les émotions ressenties par les utilisateurs durant leur navigation fait l’objet de nombreuses recherches scientifiques. Par exemple, Éthier et al. (2008) ont démontré qu’un utilisateur pouvait ressentir différentes émotions (telles que la peur, la joie, ou encore la frustation) durant un épisode d’achat sur un site de commerce en ligne.

L’interface a donc un rôle non négligeable dans l’état émotionnel de l’utilisateur, cet article a pour but de vous présenter certaines techniques qui permettent d’aller chercher des émotions chez l’utilisateur, créant ainsi une expérience utilisateur qui fidélisera vos visiteurs.

Bibliographie UX

Mon, 05 May 2014 23:37:35 +0000

Voici une petite bibliographie qui pourrait plaire aux novices qui s’intéressent au domaine de l’user experience. Je l’ai dénichée à partir d’un article de blog qui a recensé toutes les références faites à ces livres, créant le classement suivant:

Don’t Make me think by Steve Krug
About Face by Alan Cooper
Rocket Surgery Made Easy by Steve Krug
Designing Interactions by Bill Moggridge
The Design of Everyday Things by Don Norman

On m’a déjà parlé du livre de Steve Krug qui semble être un incontournable. Thank you Armen Ghazarian for this list !

Grille ou liste: quel affichage adopter pour son site de e-commerce ?

Tue, 29 Apr 2014 23:36:26 +0000

Vous souhaitez vendre des produits en ligne et hésitez sur la manière de présenter vos produits. Trois solutions sont envisageables: grille, liste ou hybride.

Grilles

Quand les utiliser?

Quand l’image du produit est suffisante pour le distinguer d’un autre produit (ex: vêtements). Certains sites (comme Etam) proposent une vision 360° du produit dès la page catalogue, ce qui permet à l’utilisateur d’avoir un « feeling » du produit avant même d’atteindre la fiche produit détaillée.

Avoir le bon carrousel pour son site Internet

Tue, 29 Apr 2014 23:35:06 +0000

Les carrousels sont de bons éléments à placer dans une interface graphique. Ils permettent de mettre en évidence des produits, des promotions et ainsi générer plus de ventes au sein du site.

Mais quel est le carrousel efficace, qui aura le plus d’impact chez l’utilisateur ?

Des études ont montré que les flèches des carrousels classiques sont en réalité peu cliquées. Des boutons avec des textes « Call to Action » auront généralement plus d’impact chez l’utilisateur, qui sera intéressé par le lien présenté, et qui aura ainsi tendance à plus interagir avec le slider.

Quelle est la différence entre les mots UX et UI ?

Mon, 10 Mar 2014 23:34:33 +0000

Quelle est la différence entre les mots UI et UX ? C’est assez simple.

L’UI (User Interface) désigne l’interface qu’utilise le visiteur, autrement dit, c’est l’ensemble des éléments avec lesquels l’utilisateur va interagir (en cliquant dessus par exemple).

L’UX (User eXperience) se concentrera plus sur l’expérience de l’utilisateur dans sa globalité: comment interagira-t-il avec l’interface? Comment va-t-il utiliser le logiciel ? L’UX désigne plutôt le processus de navigation / d’utilisation de l’interface par l’utilisateur.

Les influences de la couleur dans le processus d'achat

Tue, 04 Mar 2014 23:33:25 +0000

Voici un billet de blog assez intéressant sur les couleurs et leur influence dans le processus d’achat posté par une bloggeuse de Ludis Media, une agence web localisée à Sherbrooke.

Enjoy !

Atomic Design

Mon, 10 Feb 2014 23:30:36 +0000

J’ai trouvé cet excellent article écrit par Brad Fost qui explique les concepts de l’atomic web design, en voici un petit résumé.

L’Atomic Design est une méthodologie de conception de systèmes. L’idée est que chaque système est décomposable en plusieurs niveaux pouvant être imbriqués les uns avec les autres. On commencera la conception d’un design par le plus petit niveau.

Étudier et vivre aux États-Unis

Sun, 10 Feb 2013 23:15:53 +0000

L’UTC a un partenariat avec de nombreuses universités américaines. J’ai pour ma part la chance d’effectuer un semestre d’échange avec l’Université du Rhode Island au semestre d’automne 2012. Le rythme de vie en campus américain est tout à fait comme dans les films, tout s’y retrouve: les fraternités, les « dorms » (résidences étudiantes), la vie de campus, les vêtements officiels de l’université, célébrer Thanksgiving et Halloween… Je pense qu’il s’agit vraiment d’une expérience à vivre si on en a l’occasion !

Github pour les nuls

Sun, 10 Feb 2013 23:14:59 +0000

Nous sommes souvent amenés à l’UTC à travailler sur de petits projets en groupe. Pour avoir effectué du développement en groupe sans gestion de versonning, le travail devient vite compliqué au moment où l’on réunit les sources. GitHub serait une solution puisqu’il s’agit d’un service hébergeant à distance les dépôts centralisés (sur lesquels peuvent travailler plusieurs ressources).

Installation de MySQL sous Mac OS X

Sat, 29 Sep 2012 23:08:22 +0000

Ayant eu quelques problèmes lors de la mise en place d’une base MySQL sur mon appli RoR (le gem install mysql2 provoquait une erreur), il suffit d’utiliser l’install disponible sur le site de MySQL

Il suffit d’exécuter la commande suivante et you’re all set 🙂

sudo gem install mysql

Source: Stackoverflow

Job d'été Phone-Régie: retour d'expérience

Tue, 18 Sep 2012 23:00:36 +0000

Un petit billet de blog pour vous partager mon expérience sur les fameux « jobs d’été ». Parfois galère à trouver, j’ai pour ma part effectué plusieurs missions pour Phone Régie.

Phone Régie, c’est quoi? Des jobs d’hôtesse sur des temps partiels ou complets selon vos disponibilités. Le poste consiste à être à l’accueil et à gérer les flux de visiteurs et/ou d’appels et/ou de colis. Le salaire est divisé en trois parties: la base (smic) + prime d’assiduité + prime d’habillage (si vous portez un uniforme sur le site).

Hatchi, un tamagotchi rétro pour iPhone

Sun, 01 Jul 2012 22:59:24 +0000

Voici une nouvelle application que j’ai trouvé sur l’AppStore il y a quelques mois et qui m’a rendu complètement accro, Hatchi.

Le principe est simple, vous évoluez votre hatchi, et selon la manière dont vous vous en occupez, il se dirige vers une branche d’évolution différente ! Il a des phases différentes dans sa vie: baby, child, teenager, et adult.

Tutoriels de base

Sun, 29 Apr 2012 13:11:20 +0000

Voici une liste de tutoriels pour appréhender en surface certains languages. J’ai suivi ceux sur Spring, RoR et développement iPhone, je continuerai à étoffer cette liste.

N’hésitez pas à me faire parts de bons liens dans les commentaires 🙂

Spring MVC
RoR
Développement iPhone

Poursuite d'études en informatique

Thu, 29 Mar 2012 13:11:20 +0000

Cela fait quelques temps que je pense à rédiger ce post, afin de faire un retour d’expérience sur mes choix d’orientation.

J’ai été intéressée par l’univers informatique depuis mes années collège pendant lesquelles j’ai appris de manière auto-didacte le XHTML/CSS. C’est donc naturellement que j’ai souhaité aller plus loin dans le développement web. J’ai choisi de poursuivre mes études dans l’informatique de manière générale car je ne savais pas vers quel domaine précis m’orienter.

Les V.I.E en bref - Volontariat International en Enterprise : Informations et Astuces

Thu, 01 Mar 2012 13:11:20 +0000

Voici des notes que j’ai prises lors d’une présentation du concept des V.I.E. à l’UTC.

Le Volontariat International en Entreprises (V.I.E), permet aux entreprises françaises de confier à un jeune (de 18 à 28 ans) une mission professionnelle à l’étranger durant une période modulable de 6 à 24 mois. Le V.I.E. facilite énormément le départ à l’étranger: les frais de visa sont pris en charge par UbiFrance, la rémunération est intéressante (1200 à 3500€ selon le risque et le coût de la vie sur place), les frais de voyage, bagages et visas sont pris en charge par l’entreprise et on a de surplus le droit à 2,5 de congés par mois travaillé ! 🙂

Mocker des classes statiques en Java

Fri, 10 Feb 2012 13:11:20 +0000

De nombreux frameworks existent pour la réalisation de tests unitaires en Java, j’ai notamment eu l’occasion d’utiliser JUnit, auquel on peut brancher des librairies facilitant la réalisation de mocks (objects fictifs servant à tester l’application).

J’ai eu l’occasion d’utiliser Mockito, assez pratique jusqu’au moment où on doit mocker des classes statiques. PowerMock répond alors mieux à ce problème.