Generative KI mit Javascript
1.0.0
Wenn Ihnen dieses Repo gefällt, markieren Sie es auf GitHub – es hilft sehr!
Übersicht • Schnellstart • Videoserie • Tutorials • Codebeispiele • Community • Weitere Ressourcen
Ziel des Repositorys ist es, unsere Inhalte zum Thema „Generative KI mit JavaScript“ zu zentralisieren. Sie finden Codebeispiele, Tutorials sowie alle Ressourcen aus der Videoreihe mit Best Practices und Tipps, um Ihre KI-Fähigkeiten zu verbessern. Wenn Sie ein JavaScript-Entwickler sind, der mit KI beginnen möchte, oder wenn Sie bereits Erfahrung haben und mehr erfahren möchten, sind Sie bei uns genau richtig!
Wir behandeln die Grundlagen der generativen KI und die Erstellung von KI-Anwendungen mit JavaScript, von der lokalen Entwicklung über die Bereitstellung auf Azure bis hin zur Ausführung und Skalierung Ihrer KI-Modelle. Dies ist ein lebendiges Repository. Kommen Sie also regelmäßig vorbei, um nach neuen Inhalten zu suchen!
Sehen Sie sich die Videoserie an
Wichtig
Der gesamte Inhalt in diesem Repository ist Open Source. Sie können ihn also gerne wiederverwenden, anpassen, um ihn zu Ihrem eigenen zu machen, und ihn mit anderen teilen!
Im Repo finden Sie alle mit der Videoreihe verbundenen Inhalte, einschließlich Folien, Demos, Skripts sowie zusätzliche Codebeispiele, Tutorials und Ressourcen. Sie können damit die Serie verfolgen, die Demos abspielen, die Sitzungen noch einmal abspielen oder den Inhalt in Ihren eigenen Präsentationen wiederverwenden. Sobald Sie herausgefunden haben, was Sie brauchen, können Sie die Codebeispiele und Tutorials nutzen, um Ihre eigenen KI-Anwendungen zu starten.
Es ist wie folgt organisiert:
Wenn Sie den Code unbedingt in die Hand nehmen möchten, können Sie einen der folgenden Schnellstarts auswählen, um sofort loszulegen:
| # | Sitzung | Beschreibung | Folien | Demo | Skript | Video |
|---|---|---|---|---|---|---|
| 0 | Serieneinführung | Stellt die Serie und ihren Inhalt vor. | pptx / pdf | - | Skript | |
| 1 | Was Sie über LLMs wissen müssen | Erkundet, was LLMs sind, wie sie ausgebildet werden, wie sie funktionieren und welche Grenzen sie haben. | pptx / pdf | Demo | Skript | |
| 2 | Grundlegende Techniken des Prompt Engineering | Praktische Prompt-Engineering-Techniken, um das Beste aus KI-Modellen herauszuholen. | pptx / pdf | Demo | Skript | |
| 3 | Verbessern Sie die Genauigkeit und Zuverlässigkeit der KI mit RAG | Einführung der Retrieval-Augmented Generation, um KI mit Ihren eigenen Daten zu verwenden. | pptx / pdf | Demo | Skript | |
| 4 | Beschleunigen Sie Ihre KI-Entwicklung mit LangChain.js | Behandelt die Kernkonzepte des LangChain.j-Frameworks und wie man es zur Beschleunigung von KI-Entwicklungen nutzt. | pptx / pdf | Demo | Skript | |
| 5 | Führen Sie mit Ollama KI-Modelle auf Ihrem lokalen Computer aus | Zeigt, wie Sie lokale KI-Modelle in Ihren Entwicklungsworkflow integrieren. | pptx / pdf | Demo | Skript | |
| 6 | Beginnen Sie mit Phi-3 kostenlos mit KI | Experimente mit dem Ollama- und Phi-3-Modell direkt in Ihrem Browser. | pptx / pdf | Demo | Skript | |
| 7 | Einführung in Azure AI Foundry | Starten Sie Ihre Reise mit Azure AI Foundry. | pptx / pdf | Demo | Skript | |
| 8 | Erstellen generativer KI-Apps mit Azure Cosmos DB | Erstellen Sie generative KI-Apps mit Azure Cosmos DB und Vektorsuche. | pptx / pdf | Demo | Skript | |
| 9 | Azure-Tools und -Dienste zum Hosten und Speichern von KI-Apps | Erstellen, implementieren und skalieren Sie KI-Anwendungen mit Azure-Tools. | pptx / pdf | - | Skript | |
| 10 | Streaming generativer KI-Ausgaben mit dem AI Chat Protocol | Integrieren Sie Streaming einfach in Ihre Apps mit dem AI Chat Protocol. | pptx / pdf | Demo | Skript |
Im Laufe der Zeit werden der Serie neue Segmente hinzugefügt, also bleiben Sie dran!
Demos befinden sich im Ordner demo/ und sind nach Sitzungen geordnet. Für jede Sitzung gibt es einen Ordner mit einer Datei readme.md , in der die Demo, ihre Voraussetzungen und deren Ausführung erläutert werden.
Hier finden Sie praktische Tutorials, mit denen Sie Ihre KI-Fähigkeiten in die Praxis umsetzen können, mit Schritt-für-Schritt-Anleitungen, die Sie durch den Prozess der Erstellung von Anwendungen unter Verwendung von KI mit JavaScript führen.
| Name | Beschreibung | Dauer | Ebene | Links |
|---|---|---|---|---|
| Azure OpenAI RAG-Workshop – Qdrant-Version | Entdecken Sie die Grundlagen benutzerdefinierter ChatGPT-Erlebnisse basierend auf einem Dokumentenkorpus. Wir erstellen eine Vektordatenbank und füllen sie mit Daten aus PDF-Dokumenten. Anschließend erstellen wir eine Chat-Website und eine API, um Fragen zu den in diesen Dokumenten enthaltenen Informationen stellen zu können. | 3h | Anfänger | Tutorial / Repo |
| Azure OpenAI RAG-Workshop – AI Search-Version | Entdecken Sie die Grundlagen benutzerdefinierter ChatGPT-Erlebnisse basierend auf einem Dokumentenkorpus. Wir erstellen eine Vektordatenbank und füllen sie mit Daten aus PDF-Dokumenten. Anschließend erstellen wir eine Chat-Website und eine API, um Fragen zu den in diesen Dokumenten enthaltenen Informationen stellen zu können. | 3h | Anfänger | Tutorial / Repo |
| Integrieren Sie OpenAI-, Kommunikations- und Organisationsdatenfunktionen in eine Branchen-App | Dieses Tutorial zeigt, wie Azure OpenAI, Azure Communication Services und Microsoft Graph/Microsoft Graph Toolkit in eine Branchenanwendung (Line of Business, LOB) integriert werden können, um die Benutzerproduktivität zu steigern, das Benutzererlebnis zu verbessern und LOB-Apps auf die nächste Ebene zu heben | 3h | Anfänger | Tutorial / Repo |
Die folgenden Codebeispiele stehen zur Verfügung, um Ihnen den Einstieg in die Erstellung Ihrer eigenen KI-Anwendungen zu erleichtern. Nutzen Sie sie, um zu lernen, wie Sie Ihre Anwendungen entwerfen, mit verschiedenen Funktionen experimentieren oder sie als Ausgangspunkt für Ihre eigenen Projekte verwenden.
| Name | Beschreibung | GitHub-Repo | Technologien |
|---|---|---|---|
| Serverloser KI-Chat mit RAG unter Verwendung von LangChain.js | Dieses Beispiel zeigt, wie Sie mithilfe von LangChain.js und Azure ein serverloses KI-Chat-Erlebnis mit Retrieval-Augmented Generation erstellen. | Repo | LangChain.js, Lit, Vite, Azure OpenAI, Azure Cosmos DB, Azure Blob Storage, Azure Functions, Azure Static Web Apps, AZD |
| Serverloser Azure OpenAI-Schnellstart mit LlamaIndex | Dieses Beispiel zeigt, wie Sie schnell mit LlamaIndex.ai in Azure beginnen können | Repo | LlamaIndex.ts, Next.js, Azure OpenAI, Azure Container Apps, Docker, AZD |
| Schnellstart zum serverlosen Azure OpenAI Assistant | Mit Azure OpenAI Assistants können Sie KI-Assistenten erstellen, die durch benutzerdefinierte Anweisungen auf Ihre Bedürfnisse zugeschnitten und durch erweiterte Tools erweitert werden. | Repo | HTML-CSS-JavaScript, Azure Static Web Apps, Azure Blob Storage, Azure Functions, Azure OpenAI, AZD |
| Serverlose RAG-Anwendung mit LlamaIndex und Code-Interpreter auf Azure Container Apps | Dies ist ein LlamaIndex-Projekt, das Next.js verwendet und mit create-llama gebootet wird. Es nutzt Azure Container Apps als serverlose Bereitstellungsplattform. | Repo | Azure OpenAI, LlamaIndex, Azure Container Apps, Next.js, GitHub Actions, TypeScript, AZD |
| Schlüssellose Bereitstellung von Azure OpenAI | Beispiel einer Azure OpenAI-Bereitstellung und RBAC-Rolle für Ihr Benutzerkonto für schlüssellosen Zugriff. | Repo | Azure OpenAI, AZD, JavaScript |
| Starter für sichere Azure OpenAI-Benutzeroberfläche | Wiederverwendbare sichere OpenAI-Benutzeroberfläche und Infrastruktur für AI Chat mit Azure. | Repo | Lit, Vite, Webkomponenten, Azure OpenAI, Azure Blob Storage, Azure Functions, Azure Static Web Apps, AZD |
| Azure OpenAI mit LangChain.js | Demonstriert die Verwendung von Azure OpenAI mit LangChain.js. | Repo | LangChain.js, Azure OpenAI, TypeScript |
| Azure API Management mit Azure Open AI | Demonstriert, wie Sie Azure API Management zusätzlich zu Ihren Azure Open AI-Endpunkten hinzufügen. | Repo | Azure Open AI, Azure API Management, Express, Node.js, AZD |
| Fragen Sie YouTube: LangChain.js + Azure Quickstart | Erstellen Sie eine generative KI-Anwendung mit LangChain.js von lokal zu Azure. | Repo | LangChain.js, Azure OpenAI, Azure AI Search, Azure Functions |
| Ollama JavaScript-Spielplatz | Generativer KI-Spielplatz mit Ollama OpenAI API und JavaScript. Probieren Sie KI-Modelle in Ihrem Browser aus! | Repo | TypeScript, Ollama, Azure OpenAI, GitHub-Codespaces |
| Copilot / Node.js + OpenAI Todo-App | Erfahren Sie, wie Sie mit GitHub Copilot schnell eine Node.js-Anwendung mit OpenAI und Azure erstellen. | Repo | Azure OpenAI, Azure App Service, Azure CosmosDB, Express, TypeScript, TypeChat, GitHub-Aktionen |
| ChatGPT + Unternehmensdaten mit Azure OpenAI und Azure AI Search | Eine TypeScript-Beispiel-App für das Retrieval Augmented Generation-Muster, das in Azure ausgeführt wird. | Repo | LangChain.js, Lit, Vite, Azure OpenAI, Azure Cosmos DB, Azure Blog Storage, Azure Container Apps, Azure Static Web Apps, Docker, AZD |
| Azure OpenAI Chat-Frontend | Der mit dem Chat App Protocol kompatible Benutzeroberflächenbaustein für Ihre Chat-GPT-ähnlichen RAG-Musteranwendungen, die mit Azure OpenAI und Azure AI Search erstellt wurden. | Repo | Chat-Protokoll, Lit, Azure Static Web Apps, AZD |
| Referenzarchitektur der Enterprise-Klasse für JavaScript | Intelligente Referenzarchitektur der Enterprise-Klasse für JavaScript mit OpenAI-Integration, Azure Developer CLI-Vorlage und Playwright-Tests. | Repo | Azure Container Apps, Azure Functions, Azure Cosmos DB, SWA, Fastify, Next.js, Angular, AZD |
Treten Sie der Azure AI-Community auf Discord bei: https://aka.ms/genai-discord
Wenn Sie mit anderen in Kontakt treten möchten, haben wir eine Community aus KI-Enthusiasten, Entwicklern und Experten, die sich für KI begeistern und immer bereit sind, zu helfen.
Es gibt sogar einen speziellen #JavaScript-Kanal, in dem Sie Fragen stellen, Ihre Projekte teilen und über Ihre Lieblingsthemen diskutieren können.
Hier sind einige zusätzliche Ressourcen, die Sie auf Ihrer KI-Reise nützlich finden könnten:
