AI Learning Path Generator: Your Personalized Roadmap to AI Mastery
AI Learning Path Generator: Your Personalized Roadmap to AI Mastery
With AI evolving so rapidly, figuring out what to learn β and in what order β can be overwhelming. This interactive AI Learning Path Generator helps you build a personalized learning roadmap based on your current skills, career goals, and available time.
.learning-generator {
font-family: -apple-system, BlinkMacSystemFont, ‚Segoe UI‘, Roboto, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.step {
background: #f8f9fa;
border-radius: 12px;
padding: 24px;
margin: 16px 0;
border: 1px solid #e9ecef;
}
.step h3 {
margin: 0 0 12px 0;
color: #1a1a2e;
}
label {
display: block;
font-weight: 600;
margin: 12px 0 4px 0;
color: #333;
}
select, input {
width: 100%;
padding: 10px;
border: 2px solid #dee2e6;
border-radius: 8px;
font-size: 16px;
box-sizing: border-box;
}
select:focus, input:focus {
outline: none;
border-color: #4361ee;
}
button {
background: linear-gradient(135deg, #4361ee, #3a0ca3);
color: white;
border: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 18px;
cursor: pointer;
margin-top: 20px;
font-weight: 600;
transition: transform 0.1s;
}
button:hover {
transform: translateY(-1px);
}
#output {
display: none;
margin-top: 24px;
}
.path-card {
background: white;
border-radius: 12px;
padding: 20px;
margin: 12px 0;
border-left: 4px solid #4361ee;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.path-card h4 {
margin: 0 0 8px 0;
color: #4361ee;
}
.path-card .duration {
color: #666;
font-size: 14px;
margin-bottom: 8px;
}
.path-card ul {
margin: 8px 0;
padding-left: 20px;
}
.path-card li {
margin: 4px 0;
color: #444;
}
.difficulty-badge {
display: inline-block;
padding: 2px 10px;
border-radius: 12px;
font-size: 12px;
font-weight: 600;
margin-right: 8px;
}
π― AI Learning Path Generator
Answer a few questions and get a personalized AI learning roadmap.
Step 1: What’s your current experience level?
Step 2: What’s your primary goal?
Career Transition β Move into an AI/ML role
Build Products β Develop AI-powered applications
Research β Contribute to AI research
Business Leverage β Use AI strategically in business
General Literacy β Understand AI’s capabilities and limits
Step 3: How much time can you invest weekly?
5 hours/week (casual pace β 6-12 month paths)
10 hours/week (moderate pace β 3-6 month paths)
20 hours/week (intensive β 1-3 month paths)
40 hours/week (full-time immersion β 1 month paths)
Step 4: What’s your background?
Software Developer
Data Analyst / Data Scientist
Business / Management
Student
Other
Step 5: Which areas interest you most? (Select top 2-3)
career_developer: {
title: „AI Engineer Career Path“,
weeks: „12-16 weeks“,
modules: [
{ name: „Python for ML Foundations“, duration: „2 weeks“, resources: [„Fast.ai Practical Deep Learning“, „Kaggle Learn Python“] },
{ name: „Core ML Concepts“, duration: „3 weeks“, resources: [„Andrew Ng’s ML Specialization“, „Scikit-learn documentation“] },
{ name: „Deep Learning Fundamentals“, duration: „3 weeks“, resources: [„Fast.ai Part 1“, „PyTorch tutorials“] },
{ name: „LLM & Transformer Architecture“, duration: „3 weeks“, resources: [„HuggingFace course“, „Andrej Karpathy’s GPT from scratch“] },
{ name: „Building AI Applications“, duration: „3 weeks“, resources: [„LangChain tutorials“, „Full-stack LLM app projects“] },
{ name: „Portfolio Projects & Interview Prep“, duration: „3 weeks“, resources: [„Build 2-3 end-to-end projects“, „LeetCode ML patterns“] }
]
},
build_developer: {
title: „AI Product Builder Path“,
weeks: „8-12 weeks“,
modules: [
{ name: „LLM APIs & Prompt Engineering“, duration: „2 weeks“, resources: [„OpenAI docs“, „Prompt engineering guides“] },
{ name: „RAG & Vector Databases“, duration: „2 weeks“, resources: [„LangChain docs“, „Pinecone/Chroma tutorials“] },
{ name: „AI Agent Frameworks“, duration: „2 weeks“, resources: [„LangGraph, CrewAI, AutoGen tutorials“] },
{ name: „Fine-tuning & Custom Models“, duration: „2 weeks“, resources: [„HuggingFace TRL“, „OpenAI fine-tuning“] },
{ name: „Production Deployment“, duration: „2 weeks“, resources: [„vLLM, Docker, cloud deployment patterns“] },
{ name: „Build & Ship Your Product“, duration: „2 weeks“, resources: [„End-to-end product development“] }
]
},
research_developer: {
title: „AI Research Path“,
weeks: „16-24 weeks“,
modules: [
{ name: „Mathematical Foundations“, duration: „4 weeks“, resources: [„Linear algebra, probability, optimization (MIT OCW)“] },
{ name: „Deep Learning Theory“, duration: „4 weeks“, resources: [„Goodfellow’s Deep Learning book“, „CS231n“] },
{ name: „Research Paper Reading“, duration: „4 weeks“, resources: [„Papers With Attention survey“, „Read 50+ foundational papers“] },
{ name: „Reproduce Key Papers“, duration: „4 weeks“, resources: [„Implement attention, LLaMA architecture from scratch“] },
{ name: „Identify Research Question“, duration: „4 weeks“, resources: [„ArXiv reading, join research communities“] },
{ name: „Write & Submit“, duration: „4 weeks“, resources: [„Workshop paper, arXiv preprint, or contribution“] }
]
},
business_business: {
title: „AI Strategy for Business Leaders“,
weeks: „6-8 weeks“,
modules: [
{ name: „AI Landscape Overview“, duration: „1 week“, resources: [„AI Index Report 2026“, „McKinsey AI reports“] },
{ name: „Technical Literacy“, duration: „2 weeks“, resources: [„How LLMs work (non-technical)“, „AI capability audits“] },
{ name: „AI Use Case Identification“, duration: „2 weeks“, resources: [„Value chain analysis“, „ROI estimation frameworks“] },
{ name: „Implementation Strategy“, duration: „2 weeks“, resources: [„Build vs buy frameworks“, „AI governance basics“] },
{ name: „Organizational Readiness“, duration: „1 week“, resources: [„Change management“, „AI literacy programs for teams“] }
]
},
understand_other: {
title: „AI Literacy Essentials“,
weeks: „4-6 weeks“,
modules: [
{ name: „How AI Works“, duration: „1 week“, resources: [„3Blue1Brown neural networks series“, „What is ChatGPT doing?“] },
{ name: „AI Capabilities & Limitations“, duration: „1 week“, resources: [„AI Explained YouTube“, „Current capability benchmarks“] },
{ name: „AI in Daily Life“, duration: „1 week“, resources: [„Hands-on with AI tools“, „Experiment with ChatGPT, Claude, Midjourney“] },
{ name: „AI Society & Ethics“, duration: „1 week“, resources: [„AI ethics frameworks“, „Future of Life Institute resources“] },
{ name: „Staying Current“, duration: „1 week“, resources: [„Newsletter recommendations“, „Key AI communities and resources“] }
]
}
};
// Determine path key
// Fallback matching
if (goal === 'understand') key = 'understand_other';
else if (goal === 'business') key = 'business_business';
else if (goal === 'build') key = 'build_developer';
else if (goal === 'research') key = 'research_developer';
else key = 'career_developer';
}
html += ‚
‚;
html += ‚
‚;
html += ‚
Your Personalized Modules:
- ‚;
- ‚ + mod.name + ‚
‚;
html += ‚‚ + adjustedDuration + ‚
‚;
html += ‚π ‚ + mod.resources.join(‚ | ‚) + ‚
path.modules.forEach((mod, i) => {
html += '
‚;
});
html += ‚
‚;
if (interests.length > 0) {
html += ‚
π― Focus Areas Based on Your Interests:
- ‚;
- ‚ + (labels[interest] || interest) + ‚
interests.forEach(interest => {
llm: ‚LLMs & Prompt Engineering β Add modules on transformer architectures, RAG systems, and conversational AI‘,
vision: ‚Computer Vision β Add modules on CNNs, diffusion models, and multimodal systems‘,
mlops: ‚MLOps β Add modules on model serving, monitoring, and CI/CD for ML‘,
agents: ‚AI Agents β Supplement with LangGraph, autoGen, and multi-agent system design‘,
data: ‚Data Engineering β Add modules on vector databases, data pipelines, and feature stores‘,
ethics: ‚AI Ethics β Add modules on fairness, interpretability, and AI governance frameworks‘
};
html += ‚
‚;
});
html += ‚
‚;
}
html += ‚
‚;
// Additional recommendations based on level
html += ‚
π‘ ‚ + level.charAt(0).toUpperCase() + level.slice(1) + ‚ Tips
- ‚;
if (level === 'beginner') {
html += ‚
‚;
html += ‚
‚;
html += ‚
‚;
} else if (level === ‚intermediate‘) {
html += ‚
‚;
html += ‚
‚;
html += ‚
‚;
} else {
html += ‚
‚;
html += ‚
‚;
html += ‚
‚;
}
html += ‚
‚;
document.getElementById(‚output‘).innerHTML = html;
document.getElementById(‚output‘).style.display = ‚block‘;
}
Schreibe einen Kommentar