Planning & Development Workflow
Turning a problem into a structured development plan before writing code.
Day 01 is about understanding the system before asking AI to build it. You will read a set of requirements, work out how the application should behave, and produce a plan you can actually build against.
What you will learn
- Understand and translate requirements into functionality
- Plan how application components interact
- Break a project into features and responsibilities
- Design an effective user interface and user flow
- Decide what belongs on the frontend and what belongs on the backend
- Use AI strategically during planning, not just during coding
Understand the Requirements
Before development begins, your team identifies what is actually being asked for.
Plan with Excalidraw
Create a simple functional diagram showing how the application works. This is a practical guide, not formal architecture documentation.
Design with Variant
Explore the visual design and user experience of your application.
Handouts
The HTML presentation contains the full teaching content, explanations, examples, and exercises. The PDF handout is a shorter printable checklist for following the workflow, recording progress, and confirming each step is complete.
Handouts for this day are not published yet.
Tools used on this day
Understand the system before you ask AI to build it.