BethanyJep/referencia

An explainer on all things AI, breaking down complex terminologies.

โ˜… 0Forks 0HTMLGitHub โ†—Compare

README

Referencia - AI & LLM Learning Platform

A structured, lesson-based learning platform for data scientists diving into the world of Artificial Intelligence and Large Language Models (LLMs). Each lesson includes theory, visual explanations (sketchnotes), hands-on experiments, and curated resources.

Referencia Website

๐ŸŒŸ Features

  • ๐Ÿ“š Structured Lessons: Progressive learning path from beginner to advanced
  • ๐ŸŽจ Visual Sketchnotes: Simplified visual explanations for complex concepts
  • ๐Ÿงช Hands-On Experiments: Interactive demos and applications to practice concepts
  • ๐Ÿ“– Curated Resources: Carefully selected articles, videos, tools, and books
  • ๐ŸŽฏ Learning Objectives: Clear goals for each lesson
  • ๐Ÿ“ฑ Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
  • ๐Ÿš€ No Build Process: Pure HTML, CSS, and JavaScript - open and use immediately
  • โ™ฟ Accessible: Keyboard navigation and screen reader friendly

๐Ÿ“š Learning Path

Beginner Lessons

  1. ๐Ÿค– Introduction to AI (45 min) - What is AI, types, and applications
  2. ๐Ÿง  Machine Learning Basics (60 min) - Supervised, unsupervised, and reinforcement learning
  3. ๐Ÿ”ฌ Deep Learning (75 min) - Neural networks, CNNs, RNNs, and modern architectures

Intermediate Lessons

  1. ๐Ÿ”ค Large Language Models (90 min) - Transformers, training techniques, and applications
  2. โœ๏ธ Prompt Engineering (60 min) - Crafting effective prompts for LLMs
  3. ๐Ÿ› ๏ธ AI Frameworks & Tools (75 min) - PyTorch, TensorFlow, Hugging Face, and more

Advanced Lessons

  1. ๐Ÿ” RAG Systems (90 min) - Building retrieval-augmented generation applications
  2. โœ… Best Practices & Ethics (60 min) - Safety, ethics, and production deployment

Quick Reference

  • ๐Ÿ“– Key Terminology - Essential AI and LLM concepts
  • ๐ŸŒŸ Popular Models - GPT, Claude, Gemini, LLaMA, BERT, and more
  • ๐Ÿ’ก Applications - Real-world use cases and implementations

๐Ÿš€ Getting Started

Simply open index.html in your web browser. No installation or build process required!

Local Development

If you want to run a local server:

# Using Python 3
python -m http.server 8080

# Using Python 2
python -m SimpleHTTPServer 8080

# Using Node.js
npx http-server -p 8080

Then navigate to http://localhost:8080 in your browser.

๐Ÿ“– Lesson Structure

Each lesson includes five key sections:

  1. ๐Ÿ“– Overview - Introduction and learning objectives
  2. ๐ŸŽจ Sketchnote - Visual summary of concepts (simplified drawings)
  3. ๐Ÿ“š Core Content - Detailed explanations with examples
  4. ๐Ÿงช Experiments - Hands-on demos and applications
  5. ๐Ÿ“š Resources - Articles, videos, tools, and books for deeper learning

๐ŸŽจ Creating Content

Want to add your own lessons or experiments?

  1. Check out the LESSON_GUIDE.md for detailed instructions
  2. Use lessons/intro-to-ai.html as a template
  3. Add your sketchnotes to /assets/sketchnotes/
  4. Link your AI experiments/demos in the experiments section
  5. Update index.html to include your new lesson

๐Ÿงช Adding Experiments

Experiments are hands-on demonstrations that help learners understand concepts:

  • Host on GitHub Pages, CodePen, Streamlit, or Hugging Face Spaces
  • Link them in the "Experiments" section of relevant lessons
  • Each experiment should demonstrate a core concept from the lesson

๐ŸŽฏ Use Cases

  • Learning: Self-paced learning resource for AI/ML newcomers
  • Reference: Quick lookup for terminology and concepts
  • Teaching: Educational material for instructors and mentors
  • Onboarding: Help new team members understand AI/LLM fundamentals

๐Ÿค Contributing

Contributions are welcome! Feel free to:

  • Add new content sections
  • Improve existing explanations
  • Fix typos or errors
  • Enhance the UI/UX
  • Add new features

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

๐Ÿ™ Acknowledgments

Built to help data scientists and developers understand the rapidly evolving world of AI and Large Language Models.

Contributors

BethanyJepCopilot

Issues