Agence experte en développement web et mobile en Vue.js

Présentation du client : Le groupe France Médias Monde réunit France 24, la chaîne d’information continue (en français, en Anglais, en Arabe et en Espagnol) ; RFI, la radio mondiale (en français et 19 autres langues) et Monte Carlo Doualiya, la radio en langue arabe.

Contexte : Dans le cadre de l’évolution et maintien de ses offres et contenus, notre expert a intégré la Direction des Environnements Numériques en tant qu’Expert Front Vue.js. Il a participé à l'évolution de 2 projets, le projet FOV et le projet BACH.

Missions réalisées : 
Tâches communes aux deux projets VueJS :
- Accompagnement à la création de tests unitaires / d’intégration
- Supervision et accompagnement sur l’augmentation constante du coverage
- Mise en place de différents linters / lint plugins (airbnb, unicorn…)
- Update de VueJS 2.x vers 3.x
- Animation de différents ateliers sur les bonnes pratiques et sensibilisations aux différents pratiques de testing
- Pair programming et code review

FOV :
- Définition de pratiques et conventions propres au projet et création de plugin ESLint personnalisés
- Migration Webpack vers Rollup
- Migration progressive de Javascript à Typescript
- Améliorations des indices de performances des différents sites

BACH :
- Décommissionnement de JQuery en faveur de Vanilla JS + VueJS
- Migration progressive du projet de Symfony + Twig vers SPA basé sur Vite (VueJS)
- Mise en place et animation de workshops Dev + PO + Devops pour concevoir et accompagner la migration en SPA et la séparation de l’application monolithique en deux applications distantes : frontend et back for front
- Création de dashboard Kibana pour faciliter le monitoring de l’application en PRD et prePRD

Environnement technique : Monorepo, Docker, Symfony, Twig, VueJS, VanillaJS, Typescript, ELK, Gitlab, GitlabCI, Jenkins, Mercure, Storybook, Vite, Vuetify.

Présentation du client : France Télévisions , également appelée France TV, est une société nationale de programme, qui gère les activités de la télévision publique en France, de la production à la diffusion.

Contexte : Notre expert Vue.js est intervenu au sein de la Vidéo Factory de France Télévision. Cette équipe est en charge de récupérer le flux Vidéo Broadcast et le mettre à disposition des environnements numériques.

Missions réalisées : 
Projet 1 : Développement d’une nouvelle feature “La Déprogrammation” et refonte de la partie front d’un back-office VFManager permettant d’éditer les métadonnées et les droits de contenus antenne et hors antenne, et de déprogrammer et remplacer des contenus.

- Développements en Vue 3 : 
Définition d’interfaces, énumération, définition de types en Typescript
Utilisation combinée d’Axios et de Typescript 
Mise en place et utilisation d’Options API et Composition API, de State Management avec VueX
Gestion de timezone avec “moment-timezone” pour réaliser l’EPG de chaînes outre-mer
Utilisation de Primevue (librairie de composants Vue : Multiselect, Datepicker, Pagination…) 
Utilisation d’API REST avec Axios pour les requêtes vers le back, des prototypes JS de tableaux utilisés : Filter, Map, Reduce, de Mixin et composable afin de factoriser du code de composants, de Webpack et Babel 
- Intégration de maquettes figma sur le projet VFManager (Video Factory Manager)
- Utilisation de Bootstrap pour le CSS
- Développement d’un EPG (grille des programmation de France Télévisions)
- Refonte des diverses composantes front du back-office : catalogue antenne et catalogue hors antenne
- Review de codes, sprint planning, sprint rétrospective, refinement.
- Encadrement d’une alternante VueJS
- Mise en place de tests unitaires avec Jest
- Utilisation de Storybook

Projet 2 : Développement d’un backoffice VFToolbox, boîte à outils permettant de publier des incidents, de générer des KPI, d’automatiser des exports de data via une interface et des API, d’automatiser des tests de non régression sur la fabrication de vidéos.

- Développement et intégration d’un EPG (Electronic Program Guide) avec NodeJS, Express, EJS et jQuery
- Développement et intégration d’une composante en Node.JS, Express, permettant d’automatiser des rapports Quality of Service (QOS) de : fabrication de vidéos, temps de mise à disposition etc
- Automatisation de la publication de ces rapports dans Confluence avec Request
- Développement et intégration d’une composante permettant l’automatisation de la publication de rapports d’incident avec NodeJS, Express, EJS et jQuery
- Développement d’un outil de test automatisé sur la fabrication et la publication de vidéos sur diverses plateformes avec NodeJS, Express

Environnement technologique : Javascript ES6, Typescript, VueJS, Jest, Node JS, Express, Webpack, EJS,  jQuery, html, Symfony 5.4, PHP 8, RabbitMQ, SASS, Git, Jira, Bootstrap, Storybook, Babel, SCRUM.

Vue.js est particulièrement adapté aux applications nécessitant des interfaces utilisateur réactives et interactives. Il convient à tous types de projets, qu’il s’agisse d’applications monopage, de plateformes e-commerce, d’outils de gestion internes ou même de modules spécifiques à intégrer dans des systèmes existants.

Vue.js est idéal pour des projets sur mesure qui nécessitent une grande flexibilité. Il est plus facile à prendre en main qu'Angular et offre une excellente expérience de développement, sans les lourdeurs de certains frameworks concurrents.

Oui, Vue.js est tout à fait adapté pour des applications de grande envergure. Apple, Nintendo, Google ou encore Louis Vuitton ont fait le choix de Vue.js pour leur plateforme. Sa structure modulaire permet une bonne maintenabilité et peut facilement être combinée à d'autres technologies back-end.

Une agence spécialisée dans Vue.js dispose d’une expertise approfondie sur ce framework, ce qui lui permet de maximiser ses fonctionnalités et de suivre les meilleures pratiques. Elle peut ainsi créer des applications performantes, durables et bien structurées. Contrairement à une agence classique, qui peut manquer de maîtrise des subtilités de Vue.js, une agence spécialisée offre des solutions techniques optimisées, une architecture sur-mesure et une mise en œuvre rigoureuse d’outils comme Vue Router ou Pinia. Cela garantit un développement plus efficace, un code de qualité supérieure et une capacité accrue à relever les défis spécifiques à Vue.js.

Le coût d’un projet Vue.js dépend de plusieurs facteurs, comme la complexité de l’application, les fonctionnalités demandées, la durée de développement et la taille de l’équipe. Contactez-nous pour une estimation précise adaptée à vos besoins.