☕ Coffee For The Brain

AI Career Brew - Your Future Ready Menu

🍩 Your Next 5 Years

You're entering the workforce 2027-2030. Here's your roadmap with concrete actions for each stage.

📢 WHY THIS MATTERS

65%

Students feel left out of AI conversations

90%

Want MORE ways to use AI

93%

Would use AI to help others

"If we're the ones growing up in an AI world, shouldn't we help decide how we learn it?"

- LEGO Kid-Led AI Study (800 students, 4 countries)

THIS ROADMAP IS YOUR ANSWER. ↓

NOW — Grade 11 (Spring 2025)

Foundation Building Phase

  • Take rigorous courses in math, science, writing (AP/honors if available)
  • Explore 2-3 different activities to discover interests
  • Research 3-5 career paths that interest you
  • Start learning ONE technical skill (Python, Excel, design)
  • Build your network: attend career fairs, job shadow, create LinkedIn
Grade 12 (2025-2026)

Direction Selection Phase

  • Choose post-secondary path: College? Trade school? Bootcamp? Apprenticeship?
  • Apply strategically to programs aligned with AI-era careers
  • Create one substantial portfolio project
  • Show leadership in 1-2 areas
  • Apply for 10-15 scholarships, understand true program costs
2026-2028 (Post-Secondary)

Skill Development & Experience Phase

  • Get 2-3 internships/co-ops BEFORE graduating (most critical!)
  • Build portfolio of real work (not just class projects)
  • Earn industry certifications beyond your degree
  • Network: conferences, professional associations, alumni connections
  • Stay current with AI developments through continuous learning
2028-2030 (Career Entry)

Employment Phase

  • Position as "AI-enhanced human" not "threatened by AI"
  • Leverage your network (60-70% of jobs come through connections)
  • Research salaries, negotiate everything
  • View first job as learning opportunity (1-2 years, then advance)

🎯 THIS WEEK HOMEWORK

  • Schedule 30-min meeting with school counselor about post-secondary options
  • Research 3 colleges/programs OR 3 trade schools - create comparison chart
  • Sign up for ONE club/activity that builds technical OR human skills
  • Create document: your interests, strengths, 3-5 potential careers
  • Find someone on LinkedIn in career you're interested in, request informational interview

📺 The Data: Reality Check

Let's start with the uncomfortable truth, then look at the massive opportunity. Both are backed by hard data.

⚠️ The Uncomfortable Truth

🚨 NEW: Microsoft Work Trend Index 2025

Survey of 31,000 workers across 31 countries reveals:

  • 53% of leaders say productivity MUST increase
  • BUT 80% of workers lack enough time or energy to do their work
  • Employees interrupted every 2 minutes during work hours (275 times/day!)
  • 60% of meetings are unscheduled (ad hoc chaos)
  • After-hours messages up 15% year-over-year

The Capacity Gap: Business demands outpace what humans alone can sustainably deliver—this is where AI comes in.

Source: Microsoft Work Trend Index 2025

📉 AI in the Workplace 2025 Report

Employers in 29 countries, 18 industries report:

  • 72% anticipate headcount reductions due to AI
  • Only 3% believe higher education is adequately preparing graduates
  • Top barriers: Lack of AI governance and training

The Skills Gap: Employers need AI-ready workers, but schools aren't keeping up. This is YOUR opportunity to get ahead!

Source: Digital Education Council / Global Finance & Technology Network

13%

Workers aged 22-25 in AI-exposed jobs: employment decline since late 2022

Source: Stanford Digital Economy Lab + Federal Reserve Bank of Dallas

49%

Gen Z believe AI has reduced the value of their college education

Source: National University AI Job Statistics

27%

Projected decline in teen jobs before 2030

Source: High school student (Karissa Tang) research via UCLA Economics / NPR

2.3x

Workers aged 18-24 are more than TWICE as likely as those over 65 to worry AI will make their job obsolete

Source: National University survey (129% more likely = 2.29x the anxiety rate)

✨ But Here's What ELSE the Data Shows

170M

NEW jobs will be created this decade

That's 14% of today's total employment - massive job creation!

Source: World Economic Forum Future of Jobs Report 2025

+78M

NET NEW jobs after accounting for displacement

92 million roles displaced BUT 170 million created = 78 million MORE jobs

Source: World Economic Forum 2025

The question isn't "Will there be jobs?"

The question is: "Will YOU have the skills that matter?"

🍔 Careers Being Created by AI

These jobs either didn't exist or were rare before 2020. Now they're fast-growing with strong salaries.

🤖 AI & Technology Careers

Prompt Engineer
$95,000 - $175,000
🔥 2,000%+ growth since 2022

Design and optimize prompts for AI systems. Help companies improve AI outputs.

Path: CS or Communications degree → Learn Python + AI tools → Build portfolio → Entry as Jr. AI Analyst

AI Ethics Specialist
$85,000 - $150,000
🔥 Brand new field, high demand

Ensure AI systems are fair, unbiased, ethical. Work with legal, product, engineering teams.

Path: Philosophy, Ethics, OR Computer Science degree → AI courses → Policy Analyst role → AI Ethics

Machine Learning Operations (MLOps)
$110,000 - $185,000
🔥 300% growth projected 2025-2030

Deploy, monitor, maintain AI models in production. Bridge between data scientists and IT.

Path: Computer Science → Cloud platforms (AWS/Azure) → DevOps → MLOps (2-4 years)

AI Training Specialist
$65,000 - $110,000
🔥 Entry-level friendly!

Train AI models with human feedback. Label data, evaluate outputs.

Path: ANY degree OR just high school diploma → Apply to Scale AI, Remotasks, CloudFactory

🏥 Healthcare + AI Careers

Clinical AI Coordinator
$72,000 - $125,000
🔥 Healthcare AI growing 40%+ annually

Help hospitals implement AI diagnostic tools. Train medical staff on AI systems.

Path: Nursing (BSN) OR Health Informatics → 2-3 years experience → AI coordinator

Medical AI Data Analyst
$75,000 - $135,000
🔥 High demand in diagnostics

Analyze health data for AI diagnostic systems. Improve AI accuracy with doctors.

Path: Biology OR Data Science → Python, R, healthcare databases → Health tech company

Telehealth Technology Specialist
$58,000 - $92,000
🔥 Telehealth growing 25% annually

Manage AI-powered telehealth platforms. Support remote patient monitoring.

Path: Health IT degree (2-4 year) → Certifications → Healthcare IT Support → Telehealth

🛠️ Skilled Trades + AI (No 4-Year Degree Required!)

Robotics Maintenance Technician
$55,000 - $98,000
🔥 Manufacturing automation increasing

Maintain and repair AI-powered robots in factories, warehouses, hospitals.

Path: 1-2 year Mechatronics certificate → Apprenticeship → Manufacturing technician

Smart Building Technician
$52,000 - $88,000
🔥 Green buildings need AI systems

Install/maintain AI-powered HVAC, lighting, security in buildings.

Path: HVAC OR Electrical trade (1-2 years) → Building automation cert → Apprenticeship

Precision Agriculture Technician
$46,000 - $78,000
🔥 AgTech adoption accelerating

Operate AI-powered drones, sensors, farm equipment. Analyze crop data.

Path: 2-year Agricultural Tech degree → Drone pilot license (Part 107) → Farm OR AgTech company

🎯 CAREER EXPLORATION

  • Pick 3 careers above that genuinely interest you
  • Watch "Day in the Life" YouTube videos for each
  • Check salary data on Glassdoor for your metro area
  • Research education requirements: courses, degrees, time, cost
  • Find professionals on LinkedIn, request 15-min informational interviews

⚛️ Skills That Will Matter Most by 2030

Based on World Economic Forum survey of 1,000+ global employers AND aligned with Iowa's Universal Constructs for 21st Century Success. These are the skills they're actively hiring for—and how you can start building them NOW.

🏫 IOWA CONNECTION: Universal Constructs

The Iowa Department of Education identified 6 Universal Constructs essential for your success:

  • Critical Thinking - Analyze key information to develop solutions
  • Complex Communication - Share information through multiple means effectively
  • Creativity - Generate new thoughts, interpretations, products
  • Collaboration - Work across personal and global networks
  • Flexibility & Adaptability - Respond to change and new environments
  • Productivity & Accountability - Apply knowledge to create quality results

Notice something? These Iowa standards align PERFECTLY with what global employers need! Your state already knows what matters.

Source: Iowa Department of Education, Universal Constructs for 21st Century Success

1. Analytical Thinking (#1 Essential)

Why it matters: 73% of employers say it's essential. Break down problems, identify patterns, make data-driven decisions.

Build it now:

• Take AP Stats, AP Research, advanced math
• Join debate team
• Learn Excel, Google Sheets, basic SQL
• Practice: Break any topic into components

2. Creative Thinking

Why it matters: What AI can't replicate. Generate novel ideas, think beyond the obvious.

Build it now:

• Robotics, entrepreneurship club, art, theater
• Practice brainstorming 20 ideas
• Build something from scratch
• Take classes in different disciplines

3. AI & Big Data

Why it matters: Fastest-growing. You need to understand how to USE AI effectively.

Build it now:

• Take CS courses or online Python basics
• Use AI tools daily: ChatGPT, Claude
• Free courses: Google AI Essentials
• Learn what AI does well vs poorly

4. Resilience, Flexibility & Agility

Why it matters: #2 most important. Adapt, bounce back from setbacks, stay calm under pressure.

Build it now:

• Push outside comfort zone
• When things fail: reflect, learn, try again
• Sports, theater build resilience
• Try new things even when you might fail

5. Curiosity & Lifelong Learning

Why it matters: 39% of skills will change by 2030. You MUST learn continuously.

Build it now:

• Read widely: books, articles, different views
• Ask "why" and "how" constantly
• Learn skills outside school requirements
• Follow genuine interests

6. Leadership & Social Influence

Why it matters: AI can't lead teams, motivate people, or navigate politics.

Build it now:

• Run for club officer (any club!)
• Organize event or project
• Practice public speaking: Toastmasters
• Learn to give/receive feedback

7. Technological Literacy

Why it matters: Every job uses technology. Be comfortable learning new software quickly.

Build it now:

• Master: Microsoft Office/Google Workspace
• Learn one design tool: Canva, Figma
• Understand basics: cloud storage, APIs
• Explore new software independently

8. Empathy & Active Listening

Why it matters: AI cannot understand emotions or build genuine relationships.

Build it now:

• Practice active listening
• Volunteer with direct human interaction
• Listen fully before offering solutions
• Read fiction (builds empathy)

9. Networks & Cybersecurity

Why it matters: Every company needs to protect data. Growing field with strong salaries.

Build it now:

• CS courses in networking/security
• Free: TryHackMe, Cybrary
• Learn: encryption, VPN, firewall basics
• Join CyberPatriot competition

10. Talent Management

Why it matters: As you advance, you'll manage people. Critical for leadership.

Build it now:

• Lead team projects
• Mentor younger students/siblings
• Learn to delegate
• Study what makes teams work

🎯 SKILL-BUILDING PLAN

  • Identify your weakest area from these 10 skills
  • Choose ONE to focus on this semester
  • Find one specific activity: club, course, online learning, volunteer
  • Set measurable goal (not "improve thinking" but "complete data analysis course")
  • Track your progress in a journal/document

🏠 Framework: Notice • Curiosity • Wonder

A practical framework for using AI without losing yourself. These aren't abstract ideas—they're "muscle movements" you can practice RIGHT NOW.

👀 NOTICE

Pay attention to your experience with AI:

  • When something feels off
  • When you're being nudged or guided
  • What AI does well vs what it fumbles
  • Your own responses and feelings

Practice: Next time ChatGPT gives you an answer, NOTICE if it feels confident but vague.

🔍 CURIOSITY

Get curious about how it works:

  • How do these systems work?
  • Who is building them?
  • What are they optimizing for?
  • What (and who) is being left out?

Practice: When you see an AI recommendation, ask "Why THIS? Who benefits?"

💭 WONDER

Imagine alternatives:

  • What could be different?
  • What questions aren't being asked?
  • What futures are possible beyond what you're being sold?

Practice: When everyone says "AI will do X," wonder "What if it doesn't?"

⚠️ The Truth About AI

  • It makes up facts (called "hallucinations") - will confidently give you false information
  • It reflects biases from its training data - perpetuates stereotypes
  • It gives confident answers to things it doesn't understand - confidence is programmed
  • It needs verification for EVERYTHING - never trust AI output without checking

✨ YOUR SUPERPOWER:

Knowing when to trust AI and when to question it

This skill separates people who use AI well from people who get used BY AI

💼 Real-World Example: The Technical Writer

A technical writer learned early that even expert ENGINEERS gave her wrong or outdated information.

She developed a practice: verify EVERYTHING. Question everything. Check every technical detail.

Many colleagues assumed the engineers knew best. They didn't question or verify.

Result? Her documentation was accurate. Theirs led to frustrated customers calling support.

The skill she developed—healthy skepticism combined with rigorous fact-checking—is fundamental to working with AI.

👓 Curiosity Is Your Career Insurance

The difference between students who thrive and students who get replaced: curiosity vs passivity.

❌ PASSIVE MODE

  • Consume content
  • Don't question
  • Don't explore
  • Don't create
  • Accept what's shown
  • Let algorithms decide

= REPLACEABLE

If all you do is consume, you're just another data point

✅ CURIOUS MODE

  • Ask questions
  • Explore ideas
  • Create things
  • Take action
  • Question what you're told
  • Dig deeper

= INVALUABLE

People who ask, explore, create—they LEAD

🌟 Real Student: Karissa Tang

California High School Student (Now Graduating)

Got curious about AI's impact on teen jobs

Cold-emailed a UCLA professor (George Geis)

Conducted actual economic research as a SOPHOMORE

Published 20-page paper with policy recommendations

Found: Teen jobs could decline 27% before 2030

Made national news (NPR!)

"She wasn't the smartest student in the world.

She was curious and took action."

The UCLA professor said her work was "as good as I've seen from much more developed students—MBAs and PhDs."

Her recommendations: Emphasize critical thinking and entrepreneurship in education. Schools should teach students how to adapt to economic changes.

👥 Hold Each Other Accountable

You know what's going on with your peers. You know who's cheating with AI. You know who's using it as a crutch.

Most of you are authentic. You actually want to learn. You want genuine relationships.

Call each other to higher standards.

Help each other use AI as a TOOL to amplify thinking—not as a replacement for thinking.

You have more influence on each other than any adult does. Use it.

🎯 BECOME CURIOUS TODAY

  • Pick one topic that genuinely interests you (doesn't have to be "practical")
  • Spend 30 minutes this week exploring it deeply—not just consuming but CREATING something
  • Find one unanswered question about it and try to research the answer
  • Share what you learned with someone (teaching = deepest learning)
  • Remember: Curiosity isn't about being smart. It's about being interested and taking action.

👨‍🍳 The Website Building Simulator

Watch our team build THIS website in real-time! Each team member brings HUMAN SKILLS (creativity, critical thinking, communication) combined with AI SKILLS (automation, data analysis, code generation). See how they work together through 5 phases: Research → Design → Development → Testing → Launch.

📊 The Data Story: Watch It Unfold

What is a Data Storyteller? They take raw numbers and turn them into compelling narratives that drive business decisions.

Real Companies Hiring:
Netflix - Data storytellers analyze viewing patterns to pitch new shows
Spotify - Turn listening data into "Wrapped" campaigns
Nike - Transform fitness data into motivational insights
Target - Predict customer needs from shopping patterns

📖 The Story Being Written Below:

The story will appear here as your team works...

🎯 Skills In Action:

💚 Human Skills:
Skills will appear as team works...
🤖 AI Skills:
Skills will appear as team works...

Ready to Start

Click START BREWING to begin the design thinking process

👥 Meet the Team

👔
Alex
Project Manager
Leadership, Communication
🔍
Sam
UX Researcher
Empathy, Critical Thinking
🎨
Jordan
UI Designer
Creativity, Visual Design
💻
Taylor
Developer
Problem Solving, Architecture
🧪
Casey
QA Tester
Detail-Oriented, Analytical

🎯 The Design Thinking Process

🤝
EMPATHIZE
Understand users
🎯
DEFINE
Frame the problem
💡
IDEATE
Generate solutions
🛠️
PROTOTYPE
Build & test
TEST
Validate & iterate
🚀
DEPLOY
Launch to users

This is how real companies build products. You'll see division of labor, project management, human creativity paired with AI efficiency, and the iterative design process.

0
Active Team Members
0
Human Skills Used
0
AI Skills Used
0
Websites Built
📋 RESEARCH
🎨 DESIGN
💻 CODE
🧪 TEST
🚀 LAUNCH

📜 Activity Log

✅ Completed Projects

No projects completed yet. Click START BREWING to begin!

🤖 Behind the Scenes: How AI Built This Website

This ENTIRE website—every line of code, every piece of content, every design element—was created using Claude Code in a single conversation. Here's exactly how it happened, with REAL prompts you can copy and adapt.

📊 BY THE NUMBERS

3,120

Total Lines of Code

12

Interactive Sections

18

Presentation Slides

1

Live AI Simulator

5

Development Phases

10+

Major Iterations

🎬 The Complete Process (10 Steps)

STEP 1: Initial Request

Actual User Prompt:

"I need to create a website for Future Ready Day at our high school. The presentation should focus on AI's impact on careers and help 11th graders understand what they need to do NOW to prepare."

Claude immediately researched current data, found credible sources (WEF, Stanford, NPR), and created the first version with comprehensive career information.

📝 TEMPLATE YOU CAN USE:

"I need to create a [TYPE OF CONTENT] for [PURPOSE/EVENT]. The [content] should focus on [MAIN TOPIC] and help [AUDIENCE] understand [KEY LEARNING GOAL]."

STEP 2: Content Refinement

Actual User Prompt:

"Make it more focused on the Future Ready Day outcomes: (1) explore post-secondary options, (2) connect current choices to future plans, (3) show careers created by AI and how it impacts their generation entering the workforce."

Claude reorganized everything, added specific career pathways, post-secondary comparisons, and detailed skill-building guides.

📝 TEMPLATE YOU CAN USE:

"Make it more focused on [SPECIFIC GOALS]. Include: (1) [goal one], (2) [goal two], (3) [goal three]. The audience needs to understand [specific outcome]."

💡 Key Tip: Be specific about learning outcomes. The more detailed you are, the better the result!

STEP 3: Adding Missing Content

Actual User Prompt:

"Keep all content the same but I still need the original sections: The Data, Skills, Framework, Curiosity, and Resources tabs."

Claude added all missing sections while preserving existing content—expanded from 4 to 9 complete sections with navigation.

📝 TEMPLATE YOU CAN USE:

"Keep all content the same but I also need [list specific additions]. Add sections on: [topic 1], [topic 2], [topic 3]."

💡 Key Tip: Use "keep all content the same" to preserve good work while adding more!

STEP 4: Design Transformation

Actual User Prompt:

"Keep all content the same but make website a Simpsons theme design and color scheme"

Claude completely redesigned the visual style—Simpsons colors, Bangers font, cartoon effects, animated clouds—without changing a single word of content.

📝 TEMPLATE YOU CAN USE:

"Keep all content the same but make the design [THEME]. Use [specific colors/fonts/style elements] and make it feel like [reference]."

💡 Key Tip: AI can completely redesign visuals without touching content. Just say "keep all content the same but..."

STEP 5: Character Icons

Actual User Prompt:

"Can you replace emojis with Simpsons characters"

Claude replaced all generic emojis with Simpsons-themed icons (donuts, skateboard, glasses, TV, nuclear symbols) and added character catchphrases.

📝 TEMPLATE YOU CAN USE:

"Replace [element] with [themed alternative]. Make it match the [overall theme]."

💡 Key Tip: Simple, direct requests work great for refinements!

STEP 6: Research Integration

Actual User Prompt:

"Should any of the data be represented in the skills that matter, the data, and the presentation based on these links? If so, can you update accordingly" [followed by 5 research URLs]

Claude analyzed all 5 sources, identified key statistics, and integrated Iowa Universal Constructs, Youth Pulse 2026, Microsoft Work Trend Index, and AI in the Workplace data throughout.

📝 TEMPLATE YOU CAN USE:

"Based on these sources [paste URLs], should any data be added to [sections]? If so, update the content to include the most relevant statistics and insights."

💡 Key Tip: Provide links directly in your prompt! AI can fetch and analyze sources for you.

STEP 7: Meta Documentation

Actual User Prompt:

"Create one more section that explains this entire process on how this website was created entirely using Claude Code so I can share the power of AI. Have it contain the steps, sample prompts, etc. with Claude Code resources at the end."

You're reading it right now! Claude documented the entire creation process with actual prompts and templates. Meta! 🤯

📝 TEMPLATE YOU CAN USE:

"Document how this [project] was created. Include the process steps, actual prompts used, and templates others can copy. Add [specific resources] at the end."

💡 Key Tip: AI can explain its own process! Great for teaching others.

STEP 8: Springfield Paradox Section

Actual User Prompt:

"Add a Springfield Paradox section showing how each character evolves from their traditional role to an AI-enhanced role, demonstrating which human skills remain irreplaceable."

Claude created interactive flip cards for Homer, Lisa, Bart, and Marge - each showing their Iowa Universal Construct, traditional role, new AI-era role, and key lesson. Includes The Marge Test showing what AI cannot do.

📝 TEMPLATE YOU CAN USE:

"Add a section showing [characters/examples] demonstrating [key concept]. Make it interactive with [specific UI element like flip cards, tabs, etc.]."

💡 Key Tip: Request specific interactive elements to make concepts engaging!

STEP 9: Code Deep Dive Section

Actual User Prompt:

"Create a Code Deep Dive section that explains the technical aspects: color palette with hex codes, animations, fonts, key web concepts, and what students can build themselves."

Claude created an educational breakdown of web development concepts: Simpsons color palette with RGB explanations, animation techniques, font pairing tips, responsive design, CSS variables, JavaScript events, and project ideas students can build.

📝 TEMPLATE YOU CAN USE:

"Create a technical breakdown section explaining [specific concepts]. Include [code examples, visual demonstrations, practical applications]."

💡 Key Tip: AI can create educational content that teaches how IT works!

STEP 10: Springfield AI Agency Simulator

Actual User Prompt:

"Build a plugin that visualizes the work Claude Code is doing as a team of agents working in Springfield, showing agents doing work and passing information, with new agents being hired, acquiring skills, and turning in completed work showcasing human skills and AI skills."

Claude created a LIVE SIMULATION showing the actual 5-phase workflow used to build this website! Watch Homer, Lisa, Bart, Marge, and others work through Research, Design, Development, Testing, and Deployment phases - each using specific Human + AI skill combinations. Real tasks, real phases, real workflow!

📝 TEMPLATE YOU CAN USE:

"Build an interactive visualization showing [process/workflow]. Include [specific elements: characters, animations, data tracking]. Make it demonstrate [key learning concept]."

💡 Key Tip: AI can create complex simulations that make abstract concepts visual and interactive!

BONUS: Student Voice Integration

Actual User Prompt:

"Can you add references to LEGO Kid-Led AI Study and Brookings Prosper/Prepare/Protect research? Incorporate questions that begin the talk and get students engaged immediately, and add context throughout the site."

Claude integrated real research (800 students from 4 countries), added opening poll questions to the presentation, created "Why This Matters" panels with student voice statistics, and built a comprehensive research reference section with direct links and key findings.

📝 TEMPLATE YOU CAN USE:

"Integrate these research sources [paste links or upload PDFs]. Add engaging questions based on the findings. Create reference sections with key statistics and direct links."

💡 Key Tip: Upload research or paste URLs - AI will analyze and integrate the most relevant findings!

🎯 Prompting Best Practices (What Made This Work)

1. Start Specific

Instead of: "Make me a website"

Say: "Create a website for Future Ready Day focused on AI careers for 11th graders"

2. Preserve Good Work

Magic phrase: "Keep all content the same but..."

This lets you iterate on design, structure, or style without losing content!

3. Provide Context

Include: Audience (11th graders), purpose (Future Ready Day), goals (career preparation)

Context = better results!

4. Link Your Sources

Paste URLs directly in your prompt

AI can fetch, read, and integrate research for you!

5. Iterate Freely

Don't aim for perfection on first try

Build → Test → Refine → Repeat. Each prompt improves the work.

6. Be Direct

Simple works: "Replace emojis with Simpsons characters"

No need to overcomplicate. Clear requests = instant results.

📋 Copy-Paste Prompt Templates

FOR CREATING NEW CONTENT:

"Create a [website/presentation/document] for [audience] about [topic]. The purpose is to [goal]. Include sections on: [section 1], [section 2], [section 3]. Make it [style/tone]."

FOR REDESIGNING:

"Keep all content the same but redesign it with [theme/style]. Use [colors/fonts] and make it feel [adjectives]. Change only the visual design, not the information."

FOR ADDING RESEARCH:

"Based on these sources: [URL 1], [URL 2], [URL 3], update [sections] with relevant data and statistics. Prioritize information about [specific topic]."

FOR ADDING SECTIONS:

"Keep all existing content but add [number] new sections: [topic 1], [topic 2], [topic 3]. Each section should include [specific elements]."

FOR REFINING DETAILS:

"In the [section name], replace [element] with [alternative]. Also update [specific part] to [desired change]. Keep everything else the same."

FOR FIXING ISSUES:

"The [element] doesn't work. [Describe the problem]. Can you fix it so that [desired behavior]?"

💡 What This Demonstrates About AI

1. Research & Synthesis

Claude found and analyzed data from World Economic Forum, Stanford, NPR, Iowa Dept of Education, and more—then synthesized it into actionable guidance.

2. Code Generation

Every line of HTML, CSS, and JavaScript was written by AI. Responsive design, animations, interactivity—all automated.

3. Design Flexibility

Complete visual redesign (from professional to Simpsons theme) in minutes without losing any content.

4. Iterative Refinement

Each prompt improved the site. AI maintained context across dozens of changes and additions.

5. Content Organization

10 complete sections, 16-slide presentation, navigation system—all structured logically without manual planning.

6. Source Attribution

Every statistic properly cited. All resources verified and linked. Academic-level research standards maintained.

⏱️ Time Comparison

WITHOUT AI

  • Research: 4-6 hours
  • Content writing: 8-12 hours
  • Design mockups: 3-4 hours
  • HTML/CSS coding: 10-15 hours
  • JavaScript features: 5-8 hours
  • Testing & debugging: 4-6 hours
  • Redesign: 8-12 hours

40-65 HOURS

WITH CLAUDE CODE

  • Research: Instant (AI searched)
  • Content writing: Instant (AI wrote)
  • Design: Instant (AI designed)
  • Coding: Instant (AI coded)
  • Features: Instant (AI built)
  • Testing: Instant (AI debugged)
  • Redesign: 5 minutes (one prompt)

~2 HOURS TOTAL

(mostly conversation time!)

🚀 What This Means for YOUR Future

💡 This is the reality you're entering:

  • AI can do in 2 hours what used to take 40-65 hours
  • Your teacher didn't need coding skills—just how to communicate with AI
  • The limiting factor isn't technical ability, it's KNOWING WHAT TO ASK FOR
  • This website proves the data in its own content: humans + AI = exponential productivity
  • The skill that matters most: prompting effectively

The students who THRIVE won't be the ones who avoid AI.
They'll be the ones who learn to USE it effectively.
Start practicing TODAY!

📚 Claude Code Resources

THE FUTURE IS HERE

This website is proof that AI isn't coming—it's already transforming how we work, create, and learn.

The question isn't whether you'll use AI.
It's whether you'll use it WELL.

Start learning TODAY! 🚀

Copy these prompts. Try them yourself. Build something amazing.

💻 Code Deep Dive: Learn How This Site Was Built

Want to build websites like this? Let's break down the actual code! Every color choice, every animation, every button—here's how it all works.

📊 BY THE NUMBERS

2,700+

Total Lines of Code

850

Lines of CSS Styling

600+

Lines of JavaScript

1,250+

Lines of HTML Content

🎨 The Color Palette

Every color was chosen to make AI careers feel warm and approachable, not cold and corporate.

Espresso
#2C1810
Deep, grounded brown for headers and borders. Makes content feel substantial.
Coffee Brown
#6F4E37
Primary brand color. Warm, professional, inviting.
Cream
#F5E6D3
Soft background color. Easy on the eyes for reading.
Latte
#D4A574
Mid-tone for cards and highlights.
Mint Green
#98D8C8
Accent for HUMAN skills. Fresh, organic, natural.
Caramel
#C19A6B
Accent for AI skills. Warm technology.

🔧 Key Code Components

1. Navigation System

document.querySelectorAll('.menu-item').forEach(item => { item.addEventListener('click', function() { // Hide all sections document.querySelectorAll('.content-section') .forEach(s => s.classList.remove('active')); // Show clicked section const sectionId = this.getAttribute('data-section'); document.getElementById(sectionId).classList.add('active'); }); });

What it does: Listens for clicks on menu items, hides all sections, shows only the clicked one. Simple but effective!

2. Simulator Animation

function moveToStation(member, stationName) { const station = stations[stationName]; // Smooth CSS transition member.element.style.left = station.x + 'px'; member.element.style.top = station.y + 'px'; }

What it does: Changes element position. CSS transition property (set to 1.2s) makes it smooth. No complex animation libraries needed!

3. CSS Variables for Theme

:root { --espresso: #2C1810; --coffee-brown: #6F4E37; --cream: #F5E6D3; --mint-green: #98D8C8; } /* Use anywhere */ .button { background: var(--coffee-brown); color: var(--cream); }

What it does: Define colors once, use everywhere. Want to change the theme? Update 6 variables instead of 200+ color codes!

🛠️ Tools & Technologies

📝

HTML5

The structure. Semantic tags like <section>, <article> make content accessible.

🎨

CSS3

The styling. Grid, Flexbox, animations, custom properties. No frameworks needed!

Vanilla JavaScript

The interactivity. No jQuery, no React. Pure, clean ES6 JavaScript.

🤖

Claude (AI)

Code generation, debugging help, structure suggestions. Human directs, AI implements.

🎭

Google Fonts

Playfair Display (elegant headers), Lora (readable body), Amatic SC (handwritten accents).

📦

Single File

Everything in ONE HTML file. Easy to share, no build process, works offline.

📚 Want to Learn More?

🌐 Free Resources

  • freeCodeCamp.org - Complete web dev curriculum
  • MDN Web Docs - Official HTML/CSS/JS reference
  • CSS-Tricks - Practical CSS examples
  • JavaScript.info - Modern JS tutorial

💡 Project Ideas

  • Portfolio website
  • Club/team website
  • Interactive quiz
  • Recipe collection
  • School project showcase

Remember: Every website you see started as someone typing code for the first time. This site? Built in 13 days by a team learning as they went. You can do this too!

📖 Resources: All Research & Tools

Every link, report, and tool referenced in this presentation. All verified and active.

📊 Primary Data Sources

🎯 Skills & Learning Platforms

💼 Career Research Tools

✅ ALL LINKS VERIFIED

Every resource has been checked and is currently active.

Bookmark this page for easy reference as you explore post-secondary options.

📚 STUDENT VOICE + RESEARCH

Your perspective matters! Here's what students worldwide are saying about AI - and what researchers are discovering.

🎮 The Kid-Led AI Study

LEGO Education + 800 Students

Students from US, Germany, South Korea, and Australia share what THEY think about AI - not what adults assume they think.

Key Findings:

  • 90% want MORE ways to use AI
  • 93% would use AI to help others
  • 65% feel left out of AI conversations
  • 43% say AI education isn't fair for everyone
Read Full Study →

📊 Prosper, Prepare, Protect

Brookings Institution Research

Research shows students who PROSPER with AI (not just survive it) need three things: Skills, Mindset, and Agency.

The Framework:

  • PROTECT: Defensive, survival mode
  • PREPARE: Adapt as it comes
  • PROSPER: Shape your AI future! ✨
Read Research →

💡 Translation: You're Right. The Research Proves It.
Now Let's Fix This Together.

1 / 18

Loading...