Exercice 23 - Humble Paquet - Révision

C'est le temps de mettre en pratique tout ce qu'on a appris durant la session. On va reproduire une section d'une page du site Humble Bundle. Je vais vous décrire en détail ce qu'on va faire pour l'exercice mais vous pouvez voir un exemple du vrai site ici. Le détail est expliqué dans les pages suivantes, allez-y par étape, vous avez toutes les connaissances pour le faire.

Ressources

• Les images et fonts à utiliser : bonus03_ressource.zip

Étapes

J'ai divisé le travail en niveau, idéalement allez-y en ordre ça va être plus simple.

• Niveau 1 : Structure du projet
• Niveau 2 : Thème
• Niveau 3 : Mise en page
• Niveau 4 : Animation
• Niveau 5 : Media Query
• Niveau 6 : Boutons filtre
• Niveau 7 : Boutons montant
• Niveau 8 : Synchronisation des boutons
• Niveau 9 : Choix du montant
• Niveau 10 : Envoyer le formulaire

Résultat final

Voici un aperçu du résultat final.

• Vous pouvez consulter ma version de l'exercice ici
• Téléchargement