Brainstorm Hub
Là où la créativité rencontre les mots et l'innovation prospère.
Les applications rendues côté client servent souvent aux bots un body vide. Le test d'une minute, ce que font vraiment les crawlers IA, pourquoi j'ai laissé de côté llms.txt, et ce qu'a demandé le passage de mon portfolio au pré-rendu statique.
Les règles de l'UE s'appliquent déjà, et le Canada et les États-Unis ont des dates. Un plan côté développeur : ce que la loi couvre, ce qu'on peut automatiser gratuitement, et ce qu'aucun outil n'attrapera.
Un audit que j'ai mené sur mon propre dépôt a trouvé quatre listes qui suivaient leurs éléments par position. Une revue de style approuverait ce code. Repérer ce genre de bug est maintenant une plus grande partie du travail.
Un seuil de couverture peut avoir l'air strict et n'appliquer rien. L'IA augmente le volume de code, alors prouver que chaque vérification peut échouer compte plus qu'en ajouter de nouvelles.
Comment j'ai structuré une présentation sur les garde-fous IA et les standards de qualité de code en entreprise devant 47 ingénieurs chez BMO, les objections auxquelles il vaut la peine de se préparer, et la seule chose que je ferais différemment. Écrit de mémoire et à partir de mes notes, pas d'une transcription.
Appliquer l'Atomic Design littéralement à un codebase Angular révèle ses limites rapidement. Voici l'hybride pragmatique qui survit réellement à un vrai projet.
Après avoir travaillé avec les micro-frontends sur un projet Angular d'entreprise chez BMO et évalué honnêtement les compromis, voici mon verdict sur quand Module Federation vaut la complexité et quand il ne la vaut absolument pas.
Je construis un SaaS propulsé par l'IA en solo, et j'ai posé les fondations pendant que j'occupais un poste contractuel exigeant chez BMO. Voici le compte rendu honnête des décisions technologiques, des choix d'architecture et des erreurs initiales que j'ai commises.
J'ai commencé mon projet Godot sans rien connaître aux shaders et j'ai fini par en écrire 28. Voici le parcours honnête de zéro connaissance en shaders jusqu'aux effets météo, aux environnements destructibles et à un cycle jour/nuit complet.
Angular Material vous donne une base solide et accessible. La partie difficile est le système de tokens, la gouvernance, et les décisions d'API de composants qui maintiennent un design system en vie à mesure que le produit et l'équipe grandissent.
Construire un RPG tactique dans Godot m'a appris plus sur l'architecture Angular en environ un an que des années de lecture de documentation.
Le lazy loading est le changement de performance à impact le plus élevé que je fais sur chaque application Angular sur laquelle je travaille, et avec les composants standalone cela prend quelques minutes par route de fonctionnalité.
Un tableau de bord financier qui affiche des données n'est pas la même chose qu'un tableau de bord qui aide à prendre des décisions. Voici comment j'aborde la hiérarchie de l'information, la sélection de graphiques et la divulgation progressive dans les interfaces financières complexes.
Construire des applications bilingues EN/FR au Canada va bien au-delà de la traduction. Voici les patterns techniques et les décisions UX qui comptent vraiment quand on développe pour les deux langues officielles.
Construire des demandes de prêt multi-étapes m'a appris que les Angular Reactive Forms sont bien plus puissants que ce que la plupart des tutoriels montrent. Voici les patterns que j'utilise en production dans les applications financières.
Après des années en startups et en cabinets de conseil, rejoindre BMO m'a appris que le développement front-end en entreprise fonctionne selon un ensemble de règles complètement différent, et certaines de ces règles méritent vraiment d'être respectées.
Un bilan honnête d'Angular 19 et au-delà, filtré par des années d'Angular d'entreprise dans des industries réglementées et par le SaaS que je construis en solo. Ce que j'ai adopté immédiatement, ce que je surveille encore, et quels sont les vrais compromis.
Du Brésil à un poste de développeur Angular senior dans l'une des cinq grandes banques du Canada : voici l'histoire pratique et sans glamour de comment j'ai bâti un profil que le marché tech canadien reconnaîtrait.
J'ai passé plus de dix ans à cheval sur la frontière entre le design UX/UI et le développement front-end, et je veux être honnête sur les vrais avantages comme sur les vraies frustrations de cette position.
Utiliser des outils IA dans une grande banque canadienne n'a rien à voir avec les utiliser sur un projet personnel. Quelles sont vraiment les contraintes, comment travailler à l'intérieur, et pourquoi l'outil que vous exécutez vous-même vaut mieux que l'abonnement que vous ne contrôlez pas.
Les prompts que vous écrivez sont aussi importants que le code que vous revoyez. Voici comment j'ingénierie des prompts IA spécifiquement pour Angular afin d'obtenir du code prêt pour la production.
Un bilan honnête de ce que les outils de codage IA accélèrent réellement et de ce qui échoue, basé sur 12 mois de délégation méthodique en tant que développeur Angular senior.
Comment j'aborde les garde-fous d'un assistant de codage IA sur un codebase Angular d'entreprise dans une banque réglementée : les couches, un fichier d'instructions GitHub Copilot donné à titre d'exemple, et le type de règles qui préviennent les problèmes de sécurité et de qualité.
Mobile-first est une décision d'architecture de l'information et de priorisation du contenu bien avant d'être un breakpoint CSS, et les designers qui le traitent comme une préoccupation purement technique produisent des expériences cassées sur les deux plateformes.
Un guide pratique des métriques UX qui comptent vraiment, comment instrumenter les designs pour la mesure, et comment construire l'argumentaire d'investissement UX avec de vrais chiffres de Wonderlabs et Strongest Families, plus une leçon tirée d'un portail BNP Paribas Cardif que j'ai construit comme développeur.
La plupart des développeurs de jeux sautent les tests unitaires entièrement. J'en écris de manière obsessionnelle, et voici à quoi 334+ tests dans un projet Godot C# ressemblent réellement et pourquoi ça a changé la vitesse à laquelle je livre des fonctionnalités.
Un guide pratique de la conformité WCAG 2.2 AA couvrant le contraste de couleurs, la navigation clavier, les labels ARIA et les tests de lecteur d'écran, de la mise en place d'un design system chez Strongest Families à la livraison de fonctionnalités conformes en accessibilité chez BMO.
Ce qui rend un fichier Figma vraiment prêt pour le développement. Nommage des composants, auto layout, variants, design tokens, et comment mon double rôle de designer et développeur a changé ma façon de concevoir pour le handoff.
La confiance, la conformité et la gestion d'erreurs comme piliers UX dans les produits financiers : leçons tirées de la construction de produits financiers chez GFT, BNP Paribas Cardif, Wonderlabs et BMO.
Un développeur solo qui fait évoluer un RPG tactique à 123+ scripts et 334+ tests a besoin de choix architecturaux délibérés. Voici la structure de dossiers, les patterns et les pratiques C# que j'utilise pour garder le codebase gérable.
J'ai audité beaucoup d'applications Angular et les mêmes lacunes apparaissent à chaque fois. Voici ce que je corrige en premier, pourquoi, et dans quel ordre.
La plupart des briefs UX sont écrits pour des designers qui revoient le travail d'autres designers. Ils passent à côté de ce dont les développeurs ont réellement besoin pour construire la fonctionnalité correctement du premier coup.
NgRx n'est pas une bonne pratique que l'on applique à toute application Angular. C'est une solution à un ensemble spécifique de problèmes, et le prendre par défaut, c'est la façon dont une petite équipe se retrouve avec un trimestre péniblement sur-ingéniéré.
Après des mois de recherche et de prototypage, je me suis engagé sur Godot 4 avec C# pour mon RPG tactique. Voici le raisonnement complet derrière le choix du moteur et du langage, et ce qui m'a surpris une fois profondément dans le développement.
L'écart entre un pipeline qui tourne et un pipeline qui détecte réellement les problèmes est énorme. Voici une configuration Azure Pipelines à titre d'exemple pour une application Angular, et ce qui distingue les gates qui comptent de ceux qu'on ignore.
Le texte français est 20-30 % plus long que l'anglais, et cela seul cassera vos layouts si vous ne concevez pas pour les deux langues dès le premier jour.
J'utilise des assistants de code IA chaque jour dans le développement Angular, mais la façon dont j'utilisais Copilot Business chez BMO était très différente de la façon dont j'utilise Claude Code sur mes propres projets, et les deux diffèrent de mes débuts.
La structure vers laquelle je me tourne est venue de l'échec avec deux structures précédentes chez GFT et Wonderlabs. Voici ce qui tient réellement quand une seule application Angular dépasse quelques dizaines de fonctionnalités et une poignée de développeurs.
Utiliser throttle sur un champ de recherche et debounce sur un gestionnaire de scroll sont tous deux des bogues. Voici comment ne plus jamais les confondre.
Les NgModules ajoutaient une couche d'indirection qui a coûté des années de confusion aux développeurs Angular. Les composants standalone la suppriment, et la différence au quotidien est significative.
RxJS compte plus de 100 opérateurs. Avec Angular en production depuis 2017, j'utilise toujours les mêmes dix, et comprendre pourquoi chacun existe compte plus que de tous les connaître.
J'ai fait tourner NgRx sur une plateforme de cartes de crédit avec plus de 50 000 utilisateurs. La répartition des responsabilités est claire dès qu'on arrête de traiter cela comme une question binaire.
Un workflow complet pour définir des design tokens dans Figma Variables, les exporter en CSS custom properties, et les consommer dans des composants Angular avec support complet du theming.
Un cadre de décision pour choisir la fidélité des wireframes, avec de vrais exemples de projets fintech et santé mentale montrant quand le lo-fi économise des semaines et quand il cause du rework coûteux.
La plupart des équipes commencent un design system en construisant des composants. C'est le mauvais point de départ, et se tromper dans l'ordre coûte des mois de retravail.
L'espace entre "Postgres vanilla encaisse" et "il faut passer à un système distribué" est bien plus large qu'on ne le laisse entendre. Voici comment y rester, avec Citus, TimescaleDB et les bons choix de pooler.
Je suis passé de jQuery et AngularJS à React puis Angular et au-delà. Voici ce que j'ai appris sur quand investir dans une nouvelle technologie et ce qui se transfère réellement à chaque changement de stack.
Des outils planqués dans Postgres qui remplacent chacun un petit bout de votre infra, et que personne ne met dans le tour du propriétaire habituel parce qu'ils ne sont pas assez tape-à-l'œil pour tenir une keynote.
Les articles qui répètent "just use Postgres" ont raison sur le catalogue de fonctionnalités et se plantent sur la réalité opérationnelle. Voici une échelle d'adoption concrète, quatre paliers, chacun avec le seuil qui vous dit où s'arrêter.
La plupart des présentations d'« AI agent » qui circulent en ce moment ne font que remballer un pattern publié par Yao et al. en 2022. Le pattern est solide. C'est le hype posé par-dessus qu'il faut contester.
Quiconque vous vend une base vectorielle comme "mémoire d'agent" vous vend une seule couche d'un gâteau à cinq étages. Voici comment je pense la stack, et pourquoi pgvector gagne pour la plupart des équipes.
Copilot vous rend plus rapide à produire du code. SonarQube signale les problèmes que Copilot vient de livrer. Personne ne ferme la boucle. Un agent au milieu comble le vide, et c'est la première automatisation que je construirais pour une petite équipe.
J'ai réduit le temps de test CI du front-end Angular de mon produit SaaS à une fraction de ce qu'il était en passant de Jest à Vitest, et la migration a pris un après-midi.
Une petite équipe n'a pas les moyens de construire six agents d'un coup. Vous n'avez qu'une seule chance de choisir la première automatisation, et la plupart des équipes se trompent. Voici l'ordre dans lequel je procéderais, et l'option séduisante que je sauterais.
Si vous démarrez chaque agent comme un script autonome, vous aurez un cimetière de dépôts d'ici le Q3. Voici la structure de monorepo Angular + Python + Docker que j'utiliserais, avec un agent de base partagé dont chaque nouvel agent hérite.
Vous n'avez pas besoin de Pinecone, ni de crédits d'API Notion, ni d'une licence Confluence pour donner à vos agents une base de connaissances. Un dossier de markdown, pgvector et un modèle d'embedding qui tourne dans votre propre Docker suffisent. Zéro API, zéro clé, zéro coût par requête.
J'ai implémenté la connexion sociale Google, Facebook et Bluesky plus l'authentification sans mot de passe par lien magique dans un projet personnel Flask/Angular que je construis en local, et les leçons ont été plus durement gagnées que prévu.
Après plus de dix ans à opérer à la frontière design-développement, voici mon évaluation honnête du marché pour les rôles hybrides, comment construire la double compétence intentionnellement, et si ça en vaut vraiment la peine.
Les entrevues au tableau blanc testent plus que la vitesse de résolution de problèmes. Elles évaluent la communication, la clarté et la méthodologie d'approche. Décomposons le problème Pair Sum étape par étape avec la méthode REACTO.
J'ai arrêté d'écrire des définitions de types redondantes quand j'ai commencé à vraiment utiliser les types utilitaires intégrés. Voici à quoi ils ressemblent dans du vrai code Angular.
Le pattern de la fenêtre glissante couvre toute une catégorie de problèmes sur les tableaux et les chaînes de caractères. Une fois qu'il est assimilé, on arrête de réinventer la solution et on applique un modèle.