codex-lv2-may-2025

🤖 Week 7: AI Models and APIs

Welcome to Week 7! This week focuses on AI Models and APIs with two separate lessons designed to build your understanding of artificial intelligence and web integration.

📚 Learning Materials

🎓 Lesson 1: AI Models and APIs

• Lesson 1: AI Models and APIs - Experiment and learn about AI models and their use in web applications

🧪 Lesson 2: Chatbot Project

• Chatbot Project - Build an AI-powered chatbot using web technologies and the Hugging Face API

🎯 Leveled Learning Path

• Chatbot Project Levels - 32 progressive levels organized into 6 major steps
  • Step 1: Project Setup (Levels 1-5)
  • Step 2: UI & DOM Wiring (Levels 6-12)
  • Step 3: Model Call & API Integration (Levels 13-24)
  • Step 4: Input Validation (Levels 25-26)
  • Step 5: Validation Polish (Levels 27-31)
  • Step 6: Challenge Extensions (Level 32)

📋 Project Planning

📝 Planning Documents

• Planning Document - Complete project plan
• Planning Document Google Doc - Google Doc project plan

📄 Templates & Examples

• Example README - Template for student project README files
• Step-by-Step Guides - Original step-based learning materials (legacy)

📖 Learning Paths

For Students:

1. Start with Lesson 1: AI Models and APIs to learn about AI models
2. Then proceed to Lesson 2: Chatbot Project for hands-on building
3. Use the Planning Document to understand project requirements
4. Follow the Leveled Learning Path for step-by-step implementation

For Instructors:

1. Begin with Lesson 1: AI Models and APIs for AI concepts and experimentation
2. Follow with Lesson 2: Chatbot Project for practical application
3. Use the Planning Document to guide students through proper project planning
4. Monitor progress using the Leveled Learning Path structure

🎯 Learning Objectives

Students will learn:

• HTML & CSS - Building responsive web interfaces with Bootstrap
• JavaScript - Event handling, DOM manipulation, and API integration
• API Integration - Connecting to external AI services (Hugging Face)
• Input Validation - Professional error handling and user feedback
• Version Control - Git/GitHub best practices and meaningful commits
• Debugging - Using browser DevTools effectively
• Project Planning - Following professional development workflows

📚 Reference Materials

• 📖 Week 7 Glossary - Key terms and concepts for AI models, APIs, and chatbot development
• Flow of Functions Guide - Essential guide for understanding how JavaScript functions work together, including function calls, parameters, return values, and scope. Perfect for debugging complex function interactions in your chatbot project.
• Events Birds Eye View PDF - Comprehensive visual guide to JavaScript event handling, perfect for understanding how to wire up button clicks and user interactions in your chatbot project.

🚀 Quick Start

1. Start with Lesson 1 - AI Models and APIs
2. Continue to Lesson 2 - Chatbot Project
3. Read the Planning Document - planning.md
4. Start Level 1 - chatbot-lv-1.md
5. Follow the Learning Path - Leveled Learning Guide

🎉 Ready to Begin?

Choose your learning path:

• 🎓 For Students: Start with Lesson 1: AI Models and APIs
• 👨‍🏫 For Instructors: Begin with Lesson 1: AI Models and APIs
• 🧪 For Building: Continue to Lesson 2: Chatbot Project
• 📋 For Planning: Review Planning Document

---

🔗 Navigation

• ← Back to Main Course
• ← Previous Week (Week 6)
• Next Week → (Coming Soon)

---

📚 Course Reference

• 📖 Main Course Glossary - Comprehensive reference for all coding terms and concepts across the entire course

---

This guide provides a comprehensive, structured approach to learning web development through building an AI chatbot. Each level builds upon the previous one, ensuring a solid foundation in modern web technologies.