---
# System prepended metadata

title: montée en compétences JS Pogues FO et Généric FO
tags: [' pogues ', ' JS', generic]

---

---
tags : generic, pogues , JS
title : montée en compétences JS Pogues FO et Généric FO
robots: noindex,nofollow
---

# :dart: Montée en compétences : Pogues FO et Généric FO



[TOC]

## Objectif

:::success
Déterminer mode opératoire pour un appui de la Stac dans le cadre de la reprise en maintenance de Généric et pour monter en compétences sur le front Pogues.
Beaucoup de questions JS mais pas que, contributions attendues pour comprendre notamment le modèle de données Pogues et une intro à Lunatic également pour Généric.
:::

---

## Qui ?

**Apprenants**
- Maintenance Pogues : Ophélie, Loïc et Alice
- Maintenance Generic : Sophie et François
- Michael
- Autre ?


**Formateurs**
 - Nicolas Laval et Benoit Werquin + autre ?
   *-> contribution  de Benoit notamment attendue autour du modèle de données Pogues.*

---

## Quoi ?

### Commun : Intro au JS "moderne"

:::success
Objectifs :
- ECMAScript pour les débutants.
- Comprendre les bases pour pas galérer ensuite lors du passage à React
:::

**Agents concernés**
- [ ] Ophélie
- [ ] Loïc
- [x] Sophie
- [x] François
- [x] Michael
- [ ] Autre ?

---

### Commun : Mise en place d'un environnement de développement JS

:::success
Objectifs :
Obtenir une installation de poste qui tienne la route et acquisition de bonnes pratiques autour du dev JS.
:::

**Agents concernés**
- [ ] Ophélie
- [ ] Loïc
- [x] Sophie
- [x] François
- [ ] Michael
- [ ] Autre ?

---

### Commun : Framework React JS (théorie) / intro ou rappel

:::success
Objectif :
Comprendre les bases de ReactJS
:::
  
**Agents concernés**
- [ ] Ophélie
- [ ] Loïc
- [x] Sophie
- [x] François
- [x] Michael (rappel)
- [ ] Autre ?

---


### Commun : présentation de la bibliothèque Lunatic

:::success
Objectif :  
Avoir une présentation de la bibliothèque (logique non ?) et de son mode de fonctionnement.
L'intégration dans Generic pourra être vue dans la partie Generic.
:::

**Agents concernés**
- [ ] Ophélie
- [x] Loïc
- [x] Sophie
- [x] François
- [x] Michael 
- [x] Alice (à confirmer)
- [ ] Autre ?


---

### Generic : React JS dans Generic + intégration de Lunatic + audit de Code

:::success
Objectifs :
- avoir un état des lieux de l'application
- comprendre le fonctionnement de ReactJs dans un cas pratique (Generic)
- présentation de Lunatic et compréhension de l'intégration dans Generic
- les points à revoir, montées en version  (cf. réception en maintenance) ...
:::

**Agents concernés**
- [x] Sophie
- [x] François
- [x] Michael
- [ ] Autre ?

Pour l'audit, c'est surtout Nicolas qui bosse :wink:.

---

### Pogues : ReactJs dans Pogues + présentation de Redux Form et de son utilisation dans Pogues + Modèle de données Pogues

:::success
Objectifs : 
- comprendre le fonctionnement de ReactJs dans un cas pratique (Pogues).
- comprendre le fonctionnement de Redux Form au sein de Pogues FO.
- [OR] comprendre l'organisation du code de Pogues
- comprendre le modèle de données Pogues
:::

**Agents concernés**
- [x] Ophélie
- [ ] Sophie
- [ ] François
- [x] Michael
- [x] Alice
- [x] Loïc
- [ ] Autre ?

---

### Commun (sur le principe mais chacun dans son coin) SAV : suivi de quelques développements

:::success
Objectif :
Identifier des développements à même de permettre la montée en compétence sur les technos JS des applis et permettre la réalisation de ces dév avec un expert JS en soutien.
:::

**Agents concernés**
- [x] Ophélie
- [x] Loïc
- [x] Sophie
- [x] François
- [ ] Michael
- [ ] Autre ?

>Côté Pogues, on a identifié des développements pour travailler en mode Hackathon (par ordre d'importance): 
>- optimisation du store
>- figer les identifians Json
>- POC avancé sur l'ajout de l'analyseur syntaxique VTL sur les contrôles et filtres (du bonus...)
>
> On a aussi un besoin de mise en place de keycloak sur l'IHM
---

## Comment ?

- A distance (Zoom, auto formation), en présentiel....


- En présentiel ?
Déplacement en DR possible (préciser modalités si besoin)?
    - [x] Ophélie
    - [x] Loïc
    - [x] Sophie
    - [x] François
    - [x] Michael (2 ou 3j par semaine max en juin)
    - [ ] Autre ?

---

## Mode opératoire 

:::warning
Echéance pour Pogues : développement Front Pogues attendus dans le cadre du stage de Loïc : **Démarrage 3ème semaine de juin**.

Echéance pour Généric : moins d'&laquo;urgence&raquo; voir dispos de François p/r aux contraintes ENO. 
> [François Bulot]La charge concerne principalement des échéances de cet automne. Je m'adapterai aux contraintes de Nicolas et Sophie.
:::

---

### Proposition à débattre

#### Initiation au JS + env dev + react

* C'est le contenu du bootcamp : à refaire pour Sophie, François, Michael avec une séquence sur l'installation des outils
* En présentiel ?

    - autoformation et/ou à distance 
    (atelier ZOOM)... 
    (mise en place de l'environnement peut être un peu compliquée ?)
    - XX jours d'ici la mi juin (cf.  contraintes Pogues)

#### Présentation de la bibliothèque Lunatic

    -  atelier ZOOM ?
    -  1/2 journée max ?

#### Framework React JS

    - salle de formation INSEE 
    - XX jours avant la mi juin ?

#### React JS dans Pogues + React Forms 

    - salle de formation INSEE 
    - Semaine 25 ou 26 

#### React JS dans Generic

    - salle de formation INSEE
    - XX jours d'ici fin juin ou un peu plus tard si programme trop chargé.

#### SAV : suivi de quelques développements
    
    - plus tard


---

## Zone d'échanges

:::info
Document vu par 
- [x] Ophélie
- [x] Loïc
- [x] Sophie
- [x] François
- [x] Michael
- [x] Alice
- [X] Rémy
- [x] Stac (Nicolas et Fabrice)
:::

## Proposition Stac

Plusieurs sessions à distance ou en présentiel qui s'enchaînent et adaptées aux besoins de chaque équipe. Ces sessions seront précédées d'un audit des deux applications par la stac. Ce qui donne dans l'ordre :
1. Pratique du js moderne (la théorie a déjà été faite en mars) :
   - installation des outils de dev
   - exercices pratiques : ES6+
   - pour François, Sophie (Michael)
   - **3h en zoom**
   - **Semaine du 08/06 - Une préférence ?**
2. Initiation à React :
   - découverte et pratique des bases de react sur une application ad hoc
   - pour François, Sophie (Michael)
   - **1j en présentiel**
   - **23/06**
3. Hackathon Generic :
   - suite à l'audit : voir les améliorations qualitatives à faire sur le code (en principe pas de nouvelle feature)
   - pour François, Sophie (Michael)
   - **1j en présentiel**
   - **24/06**
5. Hackathon Pogues :
   - suite à l'audit et en fonction des besoins exprimés (amélioration du store) : commencer un dev ensemble
   - A lier avec la présentation du modèle par Benoît / Manu
   - pour Alice, Ophélie, Loïc, Michael
   - **1j en présentiel (avec Benoît en guest)**
   - **25/06**
7. SAV des dev engagés :
   - **zoom à la demande**
8. Présentation Lunatic :
   - après consolidation des derniers dev lunatic
   - tout le monde
   - **zoom en mode atelier (présentation + mise en pratique)**
   - **Début Juillet**
 

Les sessions en présentiel devraient s'enchaîner sur une série de journées consécutives.

Il reste à voir comment aborder les sujets plus spécifiques au modèle de données pogues avec Benoît et/ou Manu
