Dans ce tuto dédié à la pratique du développement frontend moderne, nous allons nous amuser à réaliser une page de vente qui devra offrir une expérience utilisateur intéressante. Le but étant de rassurer l'internaute en proposant une page de vente de qualité.
Pour cela nous allons mettre en place les points suivants :

• La page de vente devra être 100% responsive. Pour cela nous utiliserons les flexbox.
• Nous installerons des vignettes qui devront s'afficher en grande image lorsque l'utilisateur passera le pointeur de sa souris dessus. Pour cela nous utiliserons le JavaScript moderne ainsi que les flexbox.
• Nous n'autoriserons pas la validation du formulaire (qui sera ici un ajout au panier), si l'utilisateur n'a pas choisi une taille parmi celles proposées dans un menu déroulant. Pour cela nous utiliserons le JavaScript moderne.
• Nous afficherons une page par-dessus la page courante, lorsque l'utilisateur cliquera sur un lien afin de voir un guide des tailles. Ce guide des tailles possédera un bouton qui permettra de quitter la fenêtre courante pour se retrouver sur le guide des tailles.

Pour suivre ce tutoriel dans de bonnes conditions, il est recommandé de connaître :

• Les bases du JavaScript moderne
• La technologie Flexbox