[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) [![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) [![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) [![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/) [![](https://dcbadge.vercel.app/api/server/ByRwuEEgH4)](https://discord.gg/zxKYvhSnVp?WT.mc_id=academic-000002-leestott) # Webentwicklung für Anfänger – Ein Lehrplan Lerne die Grundlagen der Webentwicklung mit unserem umfassenden 12-Wochen-Kurs von Microsoft Cloud Advocates. Jede der 24 Lektionen behandelt JavaScript, CSS und HTML durch praktische Projekte wie Terrarien, Browser-Erweiterungen und Weltraumspiele. Mit Quizfragen, Diskussionen und praktischen Aufgaben kannst du deine Fähigkeiten verbessern und dein Wissen nachhaltig festigen. Starte noch heute deine Coding-Reise! Tritt der Azure AI Foundry Discord Community bei [![Microsoft Azure AI Foundry Discord](https://dcbadge.limes.pink/api/server/ByRwuEEgH4)](https://discord.com/invite/ByRwuEEgH4) Folge diesen Schritten, um mit den Ressourcen zu beginnen: 1. **Repository forken**: Klicke [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **Repository klonen**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 3. [**Tritt dem Azure AI Foundry Discord bei und tausche dich mit Experten und anderen Entwicklern aus**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 Mehrsprachige Unterstützung #### Unterstützt durch GitHub Action (Automatisch & Immer aktuell) [Arabisch](../ar/README.md) | [Bengalisch](../bn/README.md) | [Bulgarisch](../bg/README.md) | [Birmanisch (Myanmar)](../my/README.md) | [Chinesisch (vereinfacht)](../zh/README.md) | [Chinesisch (traditionell, Hongkong)](../hk/README.md) | [Chinesisch (traditionell, Macau)](../mo/README.md) | [Chinesisch (traditionell, Taiwan)](../tw/README.md) | [Kroatisch](../hr/README.md) | [Tschechisch](../cs/README.md) | [Dänisch](../da/README.md) | [Niederländisch](../nl/README.md) | [Estnisch](../et/README.md) | [Finnisch](../fi/README.md) | [Französisch](../fr/README.md) | [Deutsch](./README.md) | [Griechisch](../el/README.md) | [Hebräisch](../he/README.md) | [Hindi](../hi/README.md) | [Ungarisch](../hu/README.md) | [Indonesisch](../id/README.md) | [Italienisch](../it/README.md) | [Japanisch](../ja/README.md) | [Koreanisch](../ko/README.md) | [Litauisch](../lt/README.md) | [Malaiisch](../ms/README.md) | [Marathi](../mr/README.md) | [Nepalesisch](../ne/README.md) | [Norwegisch](../no/README.md) | [Persisch (Farsi)](../fa/README.md) | [Polnisch](../pl/README.md) | [Portugiesisch (Brasilien)](../br/README.md) | [Portugiesisch (Portugal)](../pt/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumänisch](../ro/README.md) | [Russisch](../ru/README.md) | [Serbisch (kyrillisch)](../sr/README.md) | [Slowakisch](../sk/README.md) | [Slowenisch](../sl/README.md) | [Spanisch](../es/README.md) | [Swahili](../sw/README.md) | [Schwedisch](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Thai](../th/README.md) | [Türkisch](../tr/README.md) | [Ukrainisch](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamesisch](../vi/README.md) **Falls du zusätzliche Übersetzungen benötigst, findest du die unterstützten Sprachen [hier](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) #### 🧑‍🎓 _Bist du ein Student?_ Besuche die [**Student Hub Seite**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), wo du Ressourcen für Anfänger, Studentenpakete und sogar Möglichkeiten findest, einen kostenlosen Zertifikatsgutschein zu erhalten. Diese Seite solltest du dir merken und regelmäßig besuchen, da wir den Inhalt monatlich aktualisieren. ### 📣 Ankündigung - _Neues Projekt mit Generativer KI_ Ein neues Projekt für einen KI-Assistenten wurde gerade hinzugefügt, schau es dir [hier](./09-chat-project/README.md) an. ### 📣 Ankündigung - _Neuer Lehrplan_ zu Generativer KI für JavaScript wurde gerade veröffentlicht Verpasse nicht unseren neuen Lehrplan zur Generativen KI! Besuche [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), um loszulegen! ![Hintergrund](../../translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.de.png) - Lektionen, die alles von den Grundlagen bis zu RAG abdecken. - Interagiere mit historischen Charakteren mithilfe von GenAI und unserer Begleit-App. - Spannende und unterhaltsame Erzählung – du wirst durch die Zeit reisen! ![Charakter](../../translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.de.png) Jede Lektion enthält eine Aufgabe, ein Wissensquiz und eine Herausforderung, um Themen wie folgende zu lernen: - Prompting und Prompt-Engineering - Text- und Bild-App-Generierung - Suchanwendungen Besuche [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course), um loszulegen! ## 🌱 Erste Schritte > **Lehrer**, wir haben [einige Vorschläge](for-teachers.md) hinzugefügt, wie dieser Lehrplan genutzt werden kann. Wir freuen uns über euer Feedback [in unserem Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! **[Lernende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, startet jede Lektion mit einem Quiz vor der Vorlesung, lest das Vorlesungsmaterial, führt die verschiedenen Aktivitäten durch und überprüft euer Verständnis mit dem Quiz nach der Vorlesung. Um eure Lernerfahrung zu verbessern, verbindet euch mit euren Mitlernenden, um gemeinsam an den Projekten zu arbeiten! Diskussionen sind in unserem [Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) willkommen, wo unser Moderatorenteam eure Fragen beantwortet. Um eure Ausbildung weiterzuführen, empfehlen wir euch, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) für zusätzliche Lernmaterialien zu erkunden. ### 📋 Einrichtung deiner Umgebung Dieser Lehrplan hat eine einsatzbereite Entwicklungsumgebung! Du kannst wählen, ob du den Lehrplan in einem [Codespace](https://github.com/features/codespaces/) (_eine browserbasierte Umgebung, keine Installationen erforderlich_) oder lokal auf deinem Computer mit einem Texteditor wie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ausführen möchtest. #### Erstelle dein Repository Um deine Arbeit einfach zu speichern, empfehlen wir dir, eine eigene Kopie dieses Repositorys zu erstellen. Du kannst dies tun, indem du oben auf der Seite auf die Schaltfläche **Use this template** klickst. Dadurch wird ein neues Repository in deinem GitHub-Konto mit einer Kopie des Lehrplans erstellt. Folge diesen Schritten: 1. **Repository forken**: Klicke auf die Schaltfläche "Fork" oben rechts auf dieser Seite. 2. **Repository klonen**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` #### Den Lehrplan in einem Codespace ausführen In deiner Kopie dieses Repositorys, die du erstellt hast, klicke auf die Schaltfläche **Code** und wähle **Open with Codespaces**. Dadurch wird ein neuer Codespace erstellt, in dem du arbeiten kannst. ![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.de.png) #### Den Lehrplan lokal auf deinem Computer ausführen Um diesen Lehrplan lokal auf deinem Computer auszuführen, benötigst du einen Texteditor, einen Browser und ein Kommandozeilen-Tool. Unsere erste Lektion, [Einführung in Programmiersprachen und Werkzeuge](../../1-getting-started-lessons/1-intro-to-programming-languages), führt dich durch verschiedene Optionen für jedes dieser Tools, damit du auswählen kannst, was am besten für dich funktioniert. Unsere Empfehlung ist, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) als Editor zu verwenden, der auch ein integriertes [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) hat. Du kannst Visual Studio Code [hier](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) herunterladen. 1. Klone dein Repository auf deinen Computer. Du kannst dies tun, indem du auf die Schaltfläche **Code** klickst und die URL kopierst: [CodeSpace](./images/createcodespace.png) Öffne dann [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) innerhalb von [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) und führe den folgenden Befehl aus, wobei du `` durch die gerade kopierte URL ersetzt: ```bash git clone ``` 2. Öffne den Ordner in Visual Studio Code. Du kannst dies tun, indem du auf **Datei** > **Ordner öffnen** klickst und den gerade geklonten Ordner auswählst. > Empfohlene Visual Studio Code-Erweiterungen: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - um HTML-Seiten direkt in Visual Studio Code zu sehen > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - um schneller Code zu schreiben ## 📂 Jede Lektion enthält: - optionales Sketchnote - optionales ergänzendes Video - Quiz zur Vorbereitung auf die Lektion - geschriebene Lektion - für projektbasierte Lektionen, Schritt-für-Schritt-Anleitungen zum Aufbau des Projekts - Wissensüberprüfungen - eine Herausforderung - ergänzende Lektüre - Aufgabe - [Quiz nach der Lektion](https://ff-quizzes.netlify.app/web/) > **Eine Anmerkung zu den Quiz**: Alle Quiz sind im Ordner Quiz-App enthalten, insgesamt 48 Quiz mit jeweils drei Fragen. Sie sind [hier](https://ff-quizzes.netlify.app/web/) verfügbar. Die Quiz-App kann lokal ausgeführt oder auf Azure bereitgestellt werden; folgen Sie den Anweisungen im `quiz-app`-Ordner. ## 🗃️ Lektionen | | Projektname | Vermittelte Konzepte | Lernziele | Verlinkte Lektion | Autor | | :-: | :------------------------------------------------------: | :------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | 01 | Erste Schritte | Einführung in die Programmierung und Werkzeuge der Branche | Lernen Sie die grundlegenden Prinzipien der meisten Programmiersprachen und über Software, die professionelle Entwickler nutzen | [Einführung in Programmiersprachen und Werkzeuge der Branche](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 02 | Erste Schritte | Grundlagen von GitHub, einschließlich Teamarbeit | Wie man GitHub in einem Projekt verwendet und mit anderen an einer Codebasis zusammenarbeitet | [Einführung in GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 03 | Erste Schritte | Barrierefreiheit | Lernen Sie die Grundlagen der Barrierefreiheit im Web | [Grundlagen der Barrierefreiheit](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 04 | JS-Grundlagen | JavaScript-Datentypen | Die Grundlagen der JavaScript-Datentypen | [Datentypen](./2-js-basics/1-data-types/README.md) | Jasmine | | 05 | JS-Grundlagen | Funktionen und Methoden | Lernen Sie Funktionen und Methoden kennen, um die Logik eines Programms zu steuern | [Funktionen und Methoden](./2-js-basics/2-functions-methods/README.md) | Jasmine und Christopher | | 06 | JS-Grundlagen | Entscheidungen mit JS treffen | Lernen Sie, wie Sie Bedingungen in Ihrem Code mit Entscheidungsfindungsmethoden erstellen | [Entscheidungen treffen](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 07 | JS-Grundlagen | Arrays und Schleifen | Arbeiten Sie mit Daten mithilfe von Arrays und Schleifen in JavaScript | [Arrays und Schleifen](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in der Praxis | Erstellen Sie das HTML, um ein Online-Terrarium zu bauen, mit Fokus auf Layoutgestaltung | [Einführung in HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in der Praxis | Erstellen Sie das CSS, um das Online-Terrarium zu gestalten, mit Fokus auf die Grundlagen von CSS, einschließlich responsivem Design | [Einführung in CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM-Manipulation | Erstellen Sie das JavaScript, um das Terrarium als Drag-and-Drop-Oberfläche funktionsfähig zu machen, mit Fokus auf Closures und DOM-Manipulation | [JavaScript Closures, DOM-Manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 11 | [Tipp-Spiel](./4-typing-game/solution/README.md) | Ein Tipp-Spiel erstellen | Lernen Sie, wie Sie Tastaturereignisse nutzen, um die Logik Ihrer JavaScript-App zu steuern | [Ereignisgesteuerte Programmierung](./4-typing-game/typing-game/README.md) | Christopher | | 12 | [Grüne Browser-Erweiterung](./5-browser-extension/solution/README.md) | Arbeiten mit Browsern | Lernen Sie, wie Browser funktionieren, ihre Geschichte und wie Sie die ersten Elemente einer Browser-Erweiterung erstellen | [Über Browser](./5-browser-extension/1-about-browsers/README.md) | Jen | | 13 | [Grüne Browser-Erweiterung](./5-browser-extension/solution/README.md) | Ein Formular erstellen, eine API aufrufen und Variablen im lokalen Speicher speichern | Erstellen Sie die JavaScript-Elemente Ihrer Browser-Erweiterung, um eine API mit Variablen aus dem lokalen Speicher aufzurufen | [APIs, Formulare und lokaler Speicher](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 14 | [Grüne Browser-Erweiterung](./5-browser-extension/solution/README.md) | Hintergrundprozesse im Browser, Web-Performance | Nutzen Sie die Hintergrundprozesse des Browsers, um das Symbol der Erweiterung zu verwalten; lernen Sie über Web-Performance und Optimierungen | [Hintergrundaufgaben und Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 15 | [Weltraum-Spiel](./6-space-game/solution/README.md) | Fortgeschrittene Spieleentwicklung mit JavaScript | Lernen Sie über Vererbung mit Klassen und Komposition sowie das Pub/Sub-Muster, als Vorbereitung auf die Spieleentwicklung | [Einführung in fortgeschrittene Spieleentwicklung](./6-space-game/1-introduction/README.md) | Chris | | 16 | [Weltraum-Spiel](./6-space-game/solution/README.md) | Zeichnen auf Canvas | Lernen Sie die Canvas-API kennen, die verwendet wird, um Elemente auf einem Bildschirm zu zeichnen | [Zeichnen auf Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 17 | [Weltraum-Spiel](./6-space-game/solution/README.md) | Elemente auf dem Bildschirm bewegen | Entdecken Sie, wie Elemente Bewegung erhalten können, mithilfe kartesischer Koordinaten und der Canvas-API | [Elemente bewegen](./6-space-game/3-moving-elements-around/README.md) | Chris | | 18 | [Weltraum-Spiel](./6-space-game/solution/README.md) | Kollisions-Erkennung | Lassen Sie Elemente miteinander kollidieren und reagieren, mithilfe von Tasteneingaben und einer Cooldown-Funktion für die Performance | [Kollisions-Erkennung](./6-space-game/4-collision-detection/README.md) | Chris | | 19 | [Weltraum-Spiel](./6-space-game/solution/README.md) | Punkte zählen | Führen Sie mathematische Berechnungen basierend auf dem Status und der Performance des Spiels durch | [Punkte zählen](./6-space-game/5-keeping-score/README.md) | Chris | | 20 | [Weltraum-Spiel](./6-space-game/solution/README.md) | Spiel beenden und neu starten | Lernen Sie, wie Sie das Spiel beenden und neu starten, einschließlich der Bereinigung von Assets und dem Zurücksetzen von Variablen | [Endbedingung](./6-space-game/6-end-condition/README.md) | Chris | | 21 | [Banking-App](./7-bank-project/solution/README.md) | HTML-Vorlagen und Routen in einer Web-App | Lernen Sie, wie Sie die Architektur einer mehrseitigen Website mithilfe von Routing und HTML-Vorlagen erstellen | [HTML-Vorlagen und Routen](./7-bank-project/1-template-route/README.md) | Yohan | | 22 | [Banking-App](./7-bank-project/solution/README.md) | Ein Login- und Registrierungsformular erstellen | Lernen Sie, wie Sie Formulare erstellen und Validierungsroutinen handhaben | [Formulare](./7-bank-project/2-forms/README.md) | Yohan | | 23 | [Banking-App](./7-bank-project/solution/README.md) | Methoden zum Abrufen und Verwenden von Daten | Wie Daten in Ihre App fließen, wie sie abgerufen, gespeichert und entsorgt werden | [Daten](./7-bank-project/3-data/README.md) | Yohan | | 24 | [Banking-App](./7-bank-project/solution/README.md) | Konzepte des Zustandsmanagements | Lernen Sie, wie Ihre App den Zustand beibehält und wie Sie ihn programmatisch verwalten | [Zustandsmanagement](./7-bank-project/4-state-management/README.md) | Yohan | | 25 | [Browser/VScode Code](../../8-code-editor) | Arbeiten mit VScode | Lernen Sie, wie Sie einen Code-Editor verwenden | [Verwendung des VScode Code-Editors](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 26 | [KI-Assistenten](./9-chat-project/README.md) | Arbeiten mit KI | Lernen Sie, wie Sie Ihren eigenen KI-Assistenten erstellen | [KI-Assistenten-Projekt](./9-chat-project/README.md) | Chris | ## 🏫 Pädagogik Unser Lehrplan basiert auf zwei zentralen pädagogischen Prinzipien: * projektbasiertes Lernen * häufige Quiz Das Programm vermittelt die Grundlagen von JavaScript, HTML und CSS sowie die neuesten Werkzeuge und Techniken, die von heutigen Webentwicklern verwendet werden. Die Studierenden haben die Möglichkeit, praktische Erfahrungen zu sammeln, indem sie ein Tipp-Spiel, ein virtuelles Terrarium, eine umweltfreundliche Browser-Erweiterung, ein Weltraum-Spiel im Stil von Space Invaders und eine Banking-App für Unternehmen entwickeln. Am Ende der Serie haben die Studierenden ein solides Verständnis für Webentwicklung erlangt. > 🎓 Sie können die ersten Lektionen dieses Lehrplans als [Lernpfad](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) auf Microsoft Learn absolvieren! Indem sichergestellt wird, dass die Inhalte mit Projekten übereinstimmen, wird der Lernprozess für die Studierenden ansprechender gestaltet und die Beibehaltung der Konzepte wird verbessert. Wir haben auch mehrere Einführungslektionen zu JavaScript-Grundlagen geschrieben, um Konzepte vorzustellen, begleitet von einem Video aus der Sammlung "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" von Video-Tutorials, deren Autoren teilweise zu diesem Lehrplan beigetragen haben. Darüber hinaus setzt ein niedrigschwelliges Quiz vor einer Klasse die Absicht des Studierenden auf das Lernen eines Themas, während ein zweites Quiz nach der Klasse die Beibehaltung weiter fördert. Dieser Lehrplan wurde so gestaltet, dass er flexibel und unterhaltsam ist und ganz oder teilweise absolviert werden kann. Die Projekte beginnen klein und werden im Laufe des 12-wöchigen Zyklus zunehmend komplexer. Während wir bewusst darauf verzichtet haben, JavaScript-Frameworks einzuführen, um uns auf die grundlegenden Fähigkeiten zu konzentrieren, die als Webentwickler benötigt werden, bevor ein Framework übernommen wird, wäre ein guter nächster Schritt nach Abschluss dieses Lehrplans das Lernen über Node.js durch eine weitere Sammlung von Videos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". > Besuchen Sie unsere [Verhaltensregeln](CODE_OF_CONDUCT.md) und [Richtlinien für Beiträge](CONTRIBUTING.md). Wir freuen uns über Ihr konstruktives Feedback! ## 🧭 Offline-Zugriff Sie können diese Dokumentation offline ausführen, indem Sie [Docsify](https://docsify.js.org/#/) verwenden. Forken Sie dieses Repository, [installieren Sie Docsify](https://docsify.js.org/#/quickstart) auf Ihrem lokalen Rechner und geben Sie dann im Stammordner dieses Repos `docsify serve` ein. Die Website wird auf Port 3000 auf Ihrem localhost bereitgestellt: `localhost:3000`. ## 📘 PDF Ein PDF mit allen Lektionen finden Sie [hier](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). ## 🎒 Weitere Kurse Unser Team erstellt weitere Kurse! Schauen Sie sich an: - [MCP für Anfänger](https://aka.ms/mcp-for-beginners) - [Edge AI für Anfänger](https://aka.ms/edgeai-for-beginners) - [KI-Agenten für Anfänger](https://aka.ms/ai-agents-beginners) - [Generative KI für Anfänger .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet) - [Generative KI mit JavaScript](https://github.com/microsoft/generative-ai-with-javascript) - [Generative KI mit Java](https://github.com/microsoft/Generative-AI-for-beginners-java) - [KI für Anfänger](https://aka.ms/ai-beginners) - [Datenwissenschaft für Anfänger](https://aka.ms/datascience-beginners) - [Maschinelles Lernen für Anfänger](https://aka.ms/ml-beginners) - [Cybersicherheit für Anfänger](https://github.com/microsoft/Security-101) - [Webentwicklung für Anfänger](https://aka.ms/webdev-beginners) - [IoT für Anfänger](https://aka.ms/iot-beginners) - [XR-Entwicklung für Anfänger](https://github.com/microsoft/xr-development-for-beginners) - [GitHub Copilot für agentische Nutzung meistern](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming) - [GitHub Copilot für C#/.NET-Entwickler meistern](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers) - [Wähle dein eigenes Copilot-Abenteuer](https://github.com/microsoft/CopilotAdventures) ## Hilfe erhalten Falls du feststeckst oder Fragen zum Erstellen von KI-Anwendungen hast, tritt bei: [![Azure AI Foundry Discord](https://img.shields.io/badge/Discord-Azure_AI_Foundry_Community_Discord-blue?style=for-the-badge&logo=discord&color=5865f2&logoColor=fff)](https://aka.ms/foundry/discord) Falls du Produktfeedback geben möchtest oder Fehler beim Erstellen auftreten, besuche: [![Azure AI Foundry Developer Forum](https://img.shields.io/badge/GitHub-Azure_AI_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## Lizenz Dieses Repository ist unter der MIT-Lizenz lizenziert. Siehe die [LICENSE](../../LICENSE)-Datei für weitere Informationen. --- **Haftungsausschluss**: Dieses Dokument wurde mit dem KI-Übersetzungsdienst [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir uns um Genauigkeit bemühen, beachten Sie bitte, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten können. Das Originaldokument in seiner ursprünglichen Sprache sollte als maßgebliche Quelle betrachtet werden. Für kritische Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die sich aus der Nutzung dieser Übersetzung ergeben.