Course 1 Refresher

Welcome to Course 2! Before we dive into local development, let's make sure your Course 1 knowledge is solid. This refresher ensures you're ready for what's ahead.

Course 2 Builds on Course 1

Course 1 Foundation

Course 2 Application

Vibe coding mindset

Apply it locally

Prompt engineering

Use with local AI tools

Web literacy (HTML/CSS/JS)

Write and modify code

Cloud sandboxes

Replace with local setup

Quick Review Quiz

Test yourself before reading the answers!

Question 1: Syntax vs. Logic

What's the difference between Syntax and Logic?

Question 2: The C.I.C. Framework

What are the three parts of a good prompt?

Question 3: The Restaurant Analogy

In the Restaurant Analogy, what does the "Kitchen" represent?

Question 4: The Web Trinity

What is HTML responsible for? CSS? JavaScript?

Core Principles to Remember

These principles carry forward from Course 1:

Principle 1: You Are the Manager, AI Is the Intern

The Manager/Intern Relationship

YOUR ROLE (Manager):

Decide what to build
Describe clearly
Review output
Guide improvements
Make final decisions

AI'S ROLE (Intern):

Write code fast
Know technical syntax
Follow instructions
Never get tired
Need your guidance

Principle 2: Logic > Syntax

You don't need to memorize:

document.getElementById()
@media (max-width: 768px)
function handleClick() {}

You DO need to think:

"When the user clicks this button, show a message"
"On small screens, stack these items vertically"
"Calculate the total by adding all items"

The Key Insight

AI translates your logic into syntax.

Principle 3: Iteration Is Key

First prompt ≠ Final result

First prompt → Review → Refine → Review → Refine → Done!

Expect 3-5 iterations for quality results. This is normal, not failure.

Principle 4: The Web Trinity Works Together

HTML (Structure)
     ↓
CSS (Style) ← Styles HTML elements
     ↓
JavaScript (Behavior) ← Makes HTML interactive

They're separate files but work as one system.

Self-Assessment

How confident do you feel about each topic? Be honest — if you marked "Not Sure" on any, consider reviewing the relevant Course 1 lesson.

✅ Course 1 Knowledge Check

0/8

What Changes in Course 2

Same Principles, New Tools

Stays the Same

Changes

You direct, AI writes

Tools are on your computer

C.I.C. prompting works

Editor has built-in AI

Iteration is key

Faster iteration locally

HTML/CSS/JS structure

You see/edit the files directly

New Things You'll Learn

Professional code editor (VS Code)
Local file management
Version control (Git)
Running local servers
Direct code modification

Your Course 1 Achievement

Remember What You Accomplished

✅ Created a website with AI
✅ Published it with a shareable link
✅ Iterated and improved your design
✅ Understood web fundamentals

You're not starting from zero. You're leveling up.

Lesson Summary

Course 1 Key Concepts:

Vibe Coding: Describe what you want, AI writes the code
C.I.C. Framework: Context, Instruction, Constraint
Web Trinity: HTML (structure), CSS (style), JS (behavior)
Iteration: First prompt is starting point, not end

Principles That Continue:

Manager/Intern relationship with AI
Logic matters more than syntax
Review and refine always

Knowledge Check

📝 Quiz

1/4

What's the difference between Syntax and Logic?

Next Up

Ready to understand why we're moving from cloud to local? Let's explore the power of local development!