fr en it fr fr en it fr en fr fr id es en fr en fr fr fr fr en fr fr fr es es en fr fr fr fr de fr fr fr fr fr fr fr fr fr fr fr fr fr fr fr fr fr fr es es en fr en fr fr en fr fr en fr fr fr fr fr fr fr en en en en en fr fr fr fr fr fr fr fr fr fr fr fr fr en it fr fr fr fr fr fr fr en it fr fr fr fr fr en it fr fr fr fr en it fr fr fr pt
Dans la communauté web, on nous demande souvent pourquoi nous n’utilisons pas de framework front-end, car à Locomotive la grande majorité de nos sites sont bâtis sans... mais pourquoi ?
Un framework front-end est une boîte à outils qui possède une certaine structure, des fichiers et des dossiers déjà organisés avec un certain nombre d’outils qui facilitent beaucoup le développement front-end, notamment pour la gestion des composants, des transitions et des routes. Plusieurs frameworks front-end sont très utilisés, comme VueJS, ReactJS ou encore Angular — chacuns étant différents et adaptables aux besoins de tous les développeurs.
Chez Locomotive, notre boilerplate front-end (projet vide prêt à être commencé) est comme un “mini framework”. Comme il a été bâti en interne, il est adapté aux besoins d’une petite équipe et à un contexte plus restreint et ciblé. Effectivement, les développeurs front-end ayant tous des projets (clients) en cours, les évolutions de notre boilerplate ne peuvent pas se faire rapidement.
Nous avons réalisé que nos outils internes et notre boilerplate front-end étaient puissants et correspondaient à beaucoup de nos besoins.
Quelques projets avec ReactJS et VueJS
Dans les 5 dernières années, nous avons eu quelques projets qui se prêtaient vraiment à l’utilisation de framework front-end. À l’époque, ReactJS était bien à la mode, alors quand nous avions compris que nous allions développer une application web, c’était un choix qui faisait du sens.
Pour vous en dire plus sur nos expériences avec des framework front-end: nous avons utilisé ReactJS pour l’application web de Report.Cards et principalement pour notre solution citoyenne Agora. Dernièrement, nous devions travailler avec VueJS (Nuxt) pour développer le site Fontshare.com. Ces projets étaient plus du type “application”, avec beaucoup de composants possédant chacun des variations avec beaucoup de données à gérer. Un autre aspect important de ce type de projets est le changement dynamique de données, les routes front-end, la paramétrisation par API, etc. Toutes ces contraintes rendent donc ce type de framework un choix technique très intéressant.
Beaucoup de concepts ont dû être réappropriés: Comment gérer les vues, les composants, le CSS, les routes et la gestion de données. Comme les besoins techniques des projets étaient en phase avec un framework de ce type, le développement s’est très bien déroulé. Au fur et à mesure d’utiliser React et Vue, nous avons réalisé que nos outils internes et notre boilerplate front-end étaient puissants et correspondaient à beaucoup de nos besoins.
Parfois dès le design ou l’UX, notre boilerplate nous permet de donner notre avis sur la faisabilité de certaines choses, puisque nous connaissons notre outil sur le bout des doigts.
Travailler sans framework ?
Depuis les 6 dernières années, notre boilerplate front-end a beaucoup évolué selon nos besoins, nos habitudes et les envies de chacun.
Vous savez, c’est un peu comme cette vieille paire de chaussures que vous mettez tout le temps; elles ne sont peut-être pas neuves, ne sont pas les plus belles, elles n’iront pas aussi bien à tout le monde, mais vous êtes tellement bien dedans et avez l’impression de pouvoir faire le tour du monde avec, que c’est compliqué pour vous de vous en séparer. Ça reste une technologie, donc nous gardons l’esprit ouvert aux changements en étant les premiers à reconnaître nos limites, parfois dès le design ou l’UX en donnant notre avis sur la faisabilité de certaines choses, puisque nous connaissons notre outil sur le bout des doigts.
Alors, que nous réserve l'avenir? Selon moi, nous devons continuer de faire évoluer notre boilerplate pour suivre les nouveautés en terme de performance et d’accessibilité, mais est-ce que l’on a vraiment besoin d’une grande boîte à outils faite pour plaire à tout le monde alors que nous avons fabriqué la nôtre qui fonctionne pour nous, avec simplement les outils dont nous avons besoin? Sans doute que non, mais gardons en tête que la technologie dépend du projet et de son cahier des charges. Les technologies évoluent tellement vite qu’il faut rester à l’affût et garder l’esprit ouvert à l’utilisation d’un framework front-end.
7 façons d'améliorer la communication avec le client
Pourquoi nous n’utilisons pas de frameworks front-end à Locomotive? 22.07.2021 Locomotive Scroll, le bon outil pour mon projet? 12.01.2022 C'est hot, 2ieme édition 01.10.2021 500 jours plus tard, My Better Normal 24.09.2021 6 piliers de la culture de travail chez Locomotive 12.08.2021 7 façons d'améliorer la communication avec le client 08.07.2021 C'est hot, 1re édition 17.06.2021 3 choses que votre concepteur UX peut apprendre de votre psy, style Locomotive 10.06.2021 Trois fois de suite, Locomotive est couronnée l'agence de l'année 23.02.2021 Locomotive prend d'assaut le stade IGA et remporte les honneurs au concours Idéa 24.09.2020 La révolution de l'espace de travail tel que nous le connaissons 03.09.2020 Puis-je te dire bravo? 15.04.2020 Locomotive couronnée Agence de l'année pour une deuxième année consécutive 21.02.2020 Analyse d'image et machine learning avec Google Vision API 05.02.2020 Réalité augmentée sur le web, wut? 15.01.2020 L’évolution du scroll chez Locomotive 09.12.2019 Revivez le Parté of the Year de Locomotive 03.06.2019 Les p'tits déjs Loco 11.05.2019 La zoothérapie au bureau 18.04.2019 Locomotive remporte le prix Agence de l'année 25.02.2019 Journée tempête et ski de fond 12.02.2019 Locomotive en mode avion 02.02.2019 Comment bâtir une équipe de rêve et la garder? 15.11.2018 Un bureau haut en couleurs saisonnières 18.10.2018 Les vendredis sous le soleil d'été 24.08.2018 Une équipe de rêve pour Locomotive 04.06.2018
Commencer un projet Commencer un projet Rejoindre l’équipe Rejoindre l’équipe Demander un stage Demander un stage Laisser un mot Laisser un mot À propos de Locomotive À propos de Locomotive
Site web complet Site web complet UX & design web UX & design web Image de marque Image de marque Image de marque & web Image de marque & web Campagne digitale Campagne digitale
50-75K50-75K 75-100K75-100K 100-150K100-150K 150K +150K + 1 million de dollars1 million de dollars
25-50K25-50K 50-75K50-75K 75-100K75-100K 100K +100K + 1 million de dollars1 million de dollars
15-30K15-30K 30-50K30-50K 50K +50K + 1 million de dollars1 million de dollars
50-75K50-75K 75-100K75-100K 100K +100K + 1 million de dollars1 million de dollars
30-50K30-50K 50-75K50-75K 75-100K75-100K 100K +100K + 1 million de dollars1 million de dollars
Stratège numérique Stratège numérique Gestionnaire de projets numériques Gestionnaire de projets numériques Stratège UX Stratège UX Directeur(trice) artistique Directeur(trice) artistique Développeur créatif front-end Développeur créatif front-end
Site web de prix Site web de prix Un projet à nous Un projet à nous Un article Un article Un ami Un ami Mot sur la rue Mot sur la rue
Choisir un ou plusieurs fichiers * Choisir un fichier
Vous pouvez téléverser jusqu'à 3 fichiers (ZIP, PDF, DOC ou DOCX). Chaque fichier doit peser moins de 12 Mo.
CV * Choisir un fichier
Stratège numérique Gestionnaire de projets numériques Stratège UX Directeur(trice) artistique Développeur créatif front-end