---
title: Training developer
tags: training, good practice
robots: noindex, nofollow
author: Giuseppe Militello
---
# 💪 Training developer

> © [Giuseppe Militello](https://www.linkedin.com/in/giuseppe-militello-22406ab0/) - All rights reserved for educational purposes only

Cette partie vous permet de mettre en pratique vos connaissances en matière de développement. Vous devez resoudre les problématiques proposées.

## Training 1

> Une agence de développement vous confie un projet React. Même si vous n'avez jamais travaillé sur ce framework vous demande de modifier le projet. Pour cela vous devez cloner le projet : [Dépôt GitHub](https://github.com/giusmili/Projet_React.git). Utilisez le terminal pour clôner le projet et ouvrez le dans votre IDE. Pour pouvoir travailler sur cette application tout d'abord vous devez l'éxecuter sur le navigateur pour voir la partie front. Pour pouvoir accéder à cette partie dans le projet il vous manque des éléments les quelles?. C'est à vous de trouver la solution.

## Training 2

> Voici un tableau clé et valeur PHP contenant les propriétés d'un produit à afficher sur une page.

$produit = [
   "titre" => "Smartphone neufs ou reconditionnés",
   "prix" => 79.99,
   "description" => "Tous les nouveaux produits disponibles dans nos magasins.",
   "couleurs" => ["rouge", "bleu", "vert", "jaune"],
   "stock" => true,
   "image" => "https://img.freepik.com/psd-gratuit/modele-maquette-ecran-pour-telephone-mobile-premium_53876-81688.jpg?w=1060&t=st=1680263822~exp=1680264422~hmac=d33cc205907bdfb0d74e5199cf04b77df68828ae47168f58ac054266466f83f3 "
];

Dans ce tableau, nous avons défini plusieurs propriétés pour le produit, telles que le titre, le prix, la description, les couleurs disponibles et le stock.

Avant d'intégrer cela dans la page vous devez trouver une solution itérative qui pourrait d'abord trier tout les éléments du tableau principal dans l'ordre. Le tableau contenant les couleurs pourrait vous poser quelque problème d'itération : [cliquez sur ce lien](https://paiza.io)

## Training 3

Transformez ce données jSon en tableau d'objet javascript :

[
   {
      "titre":"Scarface",
      "date":"1980",
      "realisateur":"De Palma",
      "url":"https://fr.wikipedia.org/wiki/Scarface_(film,_1983)",
      "cover":"https://fr.web.img4.acsta.net/videothumbnails/900/900030_20130916175247735.jpg"
   },
   {
      "titre":"Alien",
      "date":"1979",
      "realisateur":"Cameron",
      "url":"https://fr.wikipedia.org/wiki/Alien_(film)",
      "cover":"https://www.disneyphile.fr/wp-content/uploads/2020/12/alien-comics-numero-1.jpeg"
   }
]

[Cliquez sur ce lien](https://paiza.io)

## Training 4

> Par un langage de programmation vous devez mettre en place un procédé de stockage coté navigateur

### Mettez en place des actions utilisateur sur la partie front
1. prompt => nom = prompt("Saisir nom",""). Faire la même chose avec :
prénom, age, ville, pays
3. stocker les variables dans un tableau
4. afficher les données
5. Créer un objet et ajouter le tableau en tant que proprété valeur
6. afficher les données : clé et la valeur de l'objet
7. stocker dans le stockage local {nom, prénom, age, ville, pays}
8. Accessibilité des données via le navigateur

### Récupération des données
1. Récupérer les valeurs après les avoir parsées en JSON
2. Afficher "Bonjour" prenom : "Voici vos données"
3. Le tableau est affiché avec toutes les données parsées

Vous pouvez choisir un mode de test de votre convenance