# Debug en Web frontEnd
Avant de commencer assurer vous d'être en *localhost:4200* (à moins qu'il a était changé), car :
- *localhost:4200* utilise le dossier frontEnd et backEnd (source)
- *localhost:3000* utilise uniquement le backEnd (source) et la version build du frontEnd
De plus, ce tutoriel va modifier la connexion à titre d'exemple
1. Activer le site sous **Launch Frontend and Backend (dev)**
2. Vérifier que tout soit en marche :
1. Sur le frontEnd vous devriez avoir 
2. Sur le backend vous devriez avoir (les messages peuvent varier d'ordre) 
3. Ouvrir une session localhost:4200 web 
4. Sous Sources>Page>webpack://>login>login.component.ts 
5. Mettre des points d'arrêts sur la requête attendu 
6. Envoyer la requête, vous devriez commencé à débugger 
Note: Tous les changements sont sauvegarder automatiquement sur le site local. Si vous avez un doute, faite un changement et sauvegarder. La page devrait se rafraîchir tout seul (s'il n'est pas en debuggeur actuellement). Cependant, le backend est indépendant du frontEnd, donc il faudrait attendre quelque seconde avant d'envoyer la requête (regarder la console pour voir l'état)