# Start backend using Debugging <img width="440" alt="Screenshot 2024-03-07 at 7 19 26 PM" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/60b3c09a-ec3e-492f-b669-ea31106ed461"> <img width="1800" alt="Screenshot 2024-03-07 at 7 19 40 PM" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/98993be4-95c8-4f44-84bc-32910610b03b"> # Set break point at the beginning of endpoint code <img width="1800" alt="Screenshot 2024-03-07 at 7 20 18 PM" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/5080c6bf-9cc7-428a-ae20-c70d51420a7a"> # Start in frontend with split screen loading source for an API fetch using GET. <img width="1800" alt="Screenshot 2024-03-07 at 7 23 18 PM" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/9c4296ce-7451-4a20-b426-30fefd8c894f"> # Set break point on fetch, inside .then, inside .fetch <img width="1800" alt="Screenshot 2024-03-07 at 7 22 04 PM" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/732a490e-0339-46c9-a421-05c91301e621"> # Run frontend, screen capture break at fetch while examining Body <img width="1800" alt="Screenshot 2024-03-07 at 10 06 26 PM" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/556d942f-11dc-4ebd-90bb-101159a80101"> # Press play on frontend, observe stop inside of backend <img width="1800" alt="image" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/14710e1a-521d-4e13-b276-44fa5a9b41ba"> <img width="1800" alt="image" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/5027302d-9c0d-4dce-8426-43faca0d490b"> # Press step over on backend until you have obtained data from database, screen capture HashMap or other data Object <img width="1800" alt="Screenshot 2024-03-07 at 10 49 42 PM" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/224188a5-d64d-4cb7-9037-263718891c3c"> # Step in until you see data, screen capture capturing break point and Data. <img width="1800" alt="image" src="https://github.com/hsinaDitaM/CSA_Notes/assets/111465192/11126b8b-1921-4562-a4af-c194da6da7cd">
Start backend using Debugging
Set break point at the beginning of endpoint code
Start in frontend with split screen loading source for an API fetch using GET.
Set break point on fetch, inside .then, inside .fetch
Run frontend, screen capture break at fetch while examining Body
Press play on frontend, observe stop inside of backend
Press step over on backend until you have obtained data from database, screen capture HashMap or other data Object
Step in until you see data, screen capture capturing break point and Data.