# 29 octobre

## 🚀 Objectifs du jour

* **Découverte et utilisation de la documentation Vuetify** : Apprendre à naviguer dans la documentation officielle de Vuetify pour explorer les différents composants et leurs exemples d’utilisation. L’objectif est de **trouver l’inspiration** et de sélectionner des exemples pertinents pour atteindre les objectifs de l’exercice sans nécessairement « réinventer la roue ».
* **Implémentation de l’interface Pokédex** : Accomplir les **5 premières étapes** de l’exercice en suivant les instructions détaillées : [Exercice Pokédex Vuetify](https://divtec.gitbook.io/dev-web/javascript/exercices/exercice-pokedex-vuetify).
* **Débogage avec ESLint** : Utiliser ESLint pour assurer la propreté et la conformité du code dès le début, en corrigeant toute erreur syntaxique ou de style.

## 📒 Exercice Pokédex avec Vuetify

### Données et instructions de l'exercice

{% content-ref url="../exercices/exercice-pokedex-vuetify" %}
[exercice-pokedex-vuetify](https://divtec.gitbook.io/dev-web/javascript/exercices/exercice-pokedex-vuetify)
{% endcontent-ref %}

{% hint style="info" %}
Ne pas oublier de **commiter régulièrement** votre code et de **créer des branches après chaque étape**
{% endhint %}

### Exemple de solution

{% embed url="<https://kode.ch/pokedex/>" %}

## 🛠 Outils

* **ESLint** : Pour garantir un code propre, sans erreurs de syntaxe.
* **Vue Devtools** : Pour examiner et manipuler les états de composants dans le navigateur.

{% file src="<https://2560193050-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LP5etB-yYMOOFZRp27w%2Fuploads%2FBvQMULt1wUIcLhNNTqzj%2FVue-3-Cheat-Sheet.pdf?alt=media&token=4efbdb60-6fd9-4da6-aca2-2694e1ada501>" %}

{% content-ref url="../vue.js/introduction-a-vue-et-vuetify" %}
[introduction-a-vue-et-vuetify](https://divtec.gitbook.io/dev-web/javascript/vue.js/introduction-a-vue-et-vuetify)
{% endcontent-ref %}

### ✅ Devoirs

* Terminer les **5 premières étapes** de l’exercice [Pokédex Vuetify](https://divtec.gitbook.io/dev-web/javascript/exercices/exercice-pokedex-vuetify) sur GitBook si elles ne sont pas finalisées durant le cours.

### 📒 Supports de cours supplémentaires

1. [Vuetify Documentation (EN)](https://vuetifyjs.com/en/getting-started/installation/)
2. [Vue Mastey - Intro to Vue 3 (EN)](https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3)
3. [Vue.js Documentation (FR)](https://fr.vuejs.org/guide/introduction)
4. [OpenClassrooms : Introduction à Vue.js (FR)](https://openclassrooms.com/fr/courses/6390311-creez-une-application-web-avec-vue-js)