Ideas to Apps, lesson 6: "Dealing with Hiccups"
« Return to the list of lessons
“Encountering issues isn't failure. It's normal. Sometimes little patience is required to untangle a knot.”
Equips learners with troubleshooting skills for common issues encountered during AI-assisted app creation, such as visual glitches, broken buttons, and error messages. Provides practical tips like checking the preview frequently, being specific with prompts, using the browser's JavaScript Console, and taking screenshots.
Lesson Video
Addresses the fact that issues will arise and that encountering them is normal, requiring patience and note-taking.
Stresses the importance of checking the app preview after every AI-made change to catch issues early.
Emphasizes the need to clearly and specifically describe what is wrong to the AI (e.g., "The text paragraph... is shifted too far to the left" instead of "It looks weird").
Explains that error messages can appear in various places (within the app, as popups, etc.) and instructs users to copy and paste them into the chat.
Explains how to access the JavaScript Console in the web browser and use it in troubleshooting.
Demonstrates right-clicking on a visual element on the browser screen to ”inspect” it as way to pinpoint issues.
Provides further troubleshooting techniques that include taking screenshots providing relevant documentation (e.g., API developer page links), utilizing AI to search online for similar issues, and asking AI to review and explain the code step-by-step.
Explains that sometimes it's necessary to "undo" and revert to an earlier, working version of the code if fixing one issue creates others.
