Intégrateur Web (Alternance)

  • Stage

Description de l'entreprise

Immersion Express chez Finance Active

·         Ce qu’on fait ?

Au service des entreprises, collectivités locales et établissements bancaires, Finance Active propose des solutions pour améliorer la gestion de la dette et des risques financiers. Notre ambition est simple : leur faire gagner du temps, de l’argent et les aider à décider plus vite sur des sujets financiers complexes.

·         Qui le fait ?

Nous sommes 160 collaborateurs aux compétences variées. Avec 33 ans de moyenne d’âge, nous allions la fraîcheur à l’expérience. Notre point commun : l’esprit de conquête.

·         Pourquoi nous proposons une autre vision de la Finance ?

Grâce à la combinaison de nos technologies et notre expertise, nous cherchons à rendre la finance plus accessible et transparente à nos clients. Nous facilitons la collaboration entre les acteurs de l’écosystème financier.  

#Funfacts

-       Toute Fintech que nous sommes, nous existons en réalité depuis 20 ans et sommes leaders sur notre marché

-       Notre entreprise a été créée par deux amis dans leur appartement : aujourd’hui nos bureaux sont dans 6 pays

-       Nous monitorons 1500 Md€ de Dettes et Garanties soit 2 fois plus qu’en 2019.  

Description du poste

Contexte

Rattaché à un membre expérimenté de l’équipe de R&D, notre intégrateur Web aura la charge de l’intégration web des maquettes fournies par l’équipe produit. En intégration étroite avec l’équipe UX, il prendra en main les maquettes pour les transformer en composants webs compatibles avec nos librairies et nos frameworks. Il interagira avec les développeurs Front pour adapter les pages HTML aux contraintes d’Angular et avec l’équipe UX pour prendre en compte les différents retours. Il prendra progressivement en charge nos différents frameworks front.

 

Durant son alternance, il sera encadré pour apprendre à maîtriser progressivement l’ensemble de ces missions.

 

Missions

Intégration Web

·       Transformer les maquettes UX (maquettes https://www.figma.com/) en HTML

o   Suivre notre Design System

o   Utiliser notre framework UXG (technologies SASS, CSS)

o   Découper les maquettes graphiques en images, composants HTML en optimisant la maintenance et la performance (poids des images)

o   Réutiliser les composants Angular existants (notamment via la librairie Syncfusion) pertinents ou rechercher avec son tuteur des alternatives

·       Adapter le HTML au développement Angular10+

o   Utiliser les procédures et les outils d’intégration continue (git, npm) pour livrer les développements

o   Préparer le code HTML au découpage en composants Angular

o   Savoir interagir avec les développeurs Front pour identifier et corriger les impacts du code Angular sur le HTML

·       Mutualiser les développements

o   Découper le code HTML pour en faire des composants réutilisables

o   Faire évoluer des composants mutualisés déjà déployés dans diverses applications et en assurer la non régression.

o   Organiser le code HTML, SCSS pour le réutiliser au mieux

 

 

Contribution au développement produit

·       Prendre en compte les recommandations de l’équipe produit, des UX designer en sachant

o   Suivre le design system et les instructions de la maquette

o   Demander de l’aide et remonter les alertes en cas d’incompatibilité forte entre les demandes et les contraintes des librairies

o   Être à l’écoute des retours d’amélioration ergonomiques et savoir évaluer et proposer les modifications HTML correspondantes

·       Gérer les bugs UX

o   Interagir avec l’équipe Support

o   S’intégrer dans le processus de recette, correction des bugs (non régression graphique, test multi-navigateur,  proposition de patch) lorsqu’il s’agit de bugs graphiques

 

Travail en équipe, développement des compétences et transfert de connaissance

·       Savoir demander de l’aide de façon concise et efficace

o   A son tuteur

o   Puis à l’ensemble des développeurs

·       Travailler simultanément pour plusieurs projets

o   Être autonome dans l’organisation de ses tâches

o   S’adapter à plusieurs projets avec des cycle de vie différents

o   Savoir estimer l’effort nécessaire pour ses différentes tâches

·       Participer à des trainings internes (Knowledge Transfert…) pour présenter les réalisations d’intégration HTML

·       Se former de façon continues aux nouvelles technologies et aux nouvelles pratiques introduites par le comité d’architecture, l’engineering manager, le team lead

Qualifications

Compétence technique

·       Maîtriser les technologies de rendu visuel Web (HTML5, CSS, SASS)

·       Démontrer un intérêt pour l’ingénierie logiciel (JavaScript, Typescript, npm, Angular10+, Syncfusion) sans pour autant en être un expert.

·       Avoir une appétence pour l’expérience utilisateur, la communication visuelle et l’ergonomie

 

Orientation résultat

·       Terminer ce qui est entrepris

·       Optimiser le temps investi en fonction des priorités données par son encadrant

 

Travailler en équipe

·       Savoir demander de l’aide

·       Savoir justifier ses choix