Day 1 / 01 / lesson

Welcome to Day 1

Software concepts, AI prompting, one simple code exercise, workflows, and tools.

Day 1 guide

01Modern software foundationsLearn the basic parts of an application before asking AI to build one.

Steps

  1. Understand what an application is.
  2. Separate the screen, logic, data, and deployment parts.
  3. Use simple language to describe what each part does.

Keep in mind

  • The goal is vocabulary, not memorizing technical terms.
02AI development fundamentalsPractice giving AI a clear job, useful context, and review criteria.

Steps

  1. Describe the role AI should take.
  2. Explain the goal and the existing files.
  3. Ask for a plan before asking for code.
03Back to Basics exerciseUse a small todo app to see HTML, CSS, JavaScript, and a data file in action.

Steps

  1. Download the starter project.
  2. Open the files and identify what each file controls.
  3. Use AI to add one small feature.
04Workflows and Claude DesignTurn repeated work into a simple design brief.

Steps

  1. Identify the trigger, people, data, rules, and outcome.
  2. Map the workflow in plain language.
  3. Use Claude Design to visualize the internal request tracker.
05Frameworks and toolsConnect the simple todo app idea to the tools used in a full stack project.

Steps

  1. Understand what Next.js, Node.js, Supabase, GitHub, and Vercel each do.
  2. Create the needed accounts before Day 2.
  3. Prepare the machine for building.