clean up start section
Browse files- src/01_setup/agenda.qmd +20 -12
- src/01_setup/erforderlich/colab.qmd +56 -44
- src/01_setup/erforderlich/google-konto.qmd +6 -44
- src/01_setup/erforderlich/huggingface.qmd +5 -8
- src/01_setup/optional/colab-github.qmd +4 -11
- src/01_setup/optional/quarto-lokal.qmd +5 -8
- src/01_setup/vorbereitung.qmd +4 -0
- src/_quarto.yml +6 -5
- src/index.qmd +10 -6
src/01_setup/agenda.qmd
CHANGED
@@ -6,25 +6,16 @@ Begrüßung und Einführung
|
|
6 |
- **16:10 Uhr**
|
7 |
No Code Tutorials
|
8 |
|
9 |
-
- **16:30 Uhr**
|
10 |
-
No Code Tutorials - Talk back
|
11 |
-
|
12 |
- **16:45 Uhr**
|
13 |
Low Code Tutorials
|
14 |
|
15 |
-
- **17:15 Uhr**
|
16 |
-
Low Code Tutorials - Talk back
|
17 |
-
|
18 |
- **17:35 Uhr**
|
19 |
Anwendungsfälle
|
20 |
|
21 |
-
- **18:00 Uhr**
|
22 |
-
Anwendungsfälle - Talk back
|
23 |
-
|
24 |
- **18:20 Uhr**
|
25 |
Abschluss und Ausblick
|
26 |
|
27 |
-
### Tutorials
|
28 |
|
29 |
```{mermaid}
|
30 |
---
|
@@ -36,17 +27,27 @@ config:
|
|
36 |
---
|
37 |
graph LR
|
38 |
A[Start & Willkommen] --> B{No Code}
|
|
|
39 |
B --> B1(PDF)
|
40 |
B --> B2(App Marktplatz)
|
41 |
B --> B3(Webspider)
|
42 |
-
|
|
|
|
|
|
|
|
|
43 |
C --> C1(Videotranskripte)
|
44 |
C --> C2(Kataloge erfassen)
|
45 |
C --> C3(App Marktplatz analysieren)
|
46 |
-
|
|
|
|
|
|
|
|
|
47 |
D --> D1(Aktualitätendienst Gesetze)
|
48 |
D --> D2(Jobbörse API)
|
49 |
D --> D3(Nutzerforum)
|
|
|
50 |
style C3 fill:#FFDE59
|
51 |
style C1 fill:#FFDE59
|
52 |
style D1 fill:#C1FF72
|
@@ -58,5 +59,12 @@ graph LR
|
|
58 |
style B3 fill:#FF66C4
|
59 |
style B fill:#FF66C4
|
60 |
style A fill:#D9D9D9
|
|
|
|
|
|
|
61 |
```
|
62 |
|
|
|
|
|
|
|
|
|
|
6 |
- **16:10 Uhr**
|
7 |
No Code Tutorials
|
8 |
|
|
|
|
|
|
|
9 |
- **16:45 Uhr**
|
10 |
Low Code Tutorials
|
11 |
|
|
|
|
|
|
|
12 |
- **17:35 Uhr**
|
13 |
Anwendungsfälle
|
14 |
|
|
|
|
|
|
|
15 |
- **18:20 Uhr**
|
16 |
Abschluss und Ausblick
|
17 |
|
18 |
+
### Flussdiagramm Tutorials
|
19 |
|
20 |
```{mermaid}
|
21 |
---
|
|
|
27 |
---
|
28 |
graph LR
|
29 |
A[Start & Willkommen] --> B{No Code}
|
30 |
+
|
31 |
B --> B1(PDF)
|
32 |
B --> B2(App Marktplatz)
|
33 |
B --> B3(Webspider)
|
34 |
+
|
35 |
+
B1(PDF) --> C{Low Code}
|
36 |
+
B2(App Marktplatz) --> C{Low Code}
|
37 |
+
B3(Webspider) --> C{Low Code}
|
38 |
+
|
39 |
C --> C1(Videotranskripte)
|
40 |
C --> C2(Kataloge erfassen)
|
41 |
C --> C3(App Marktplatz analysieren)
|
42 |
+
|
43 |
+
C1(Videotranskripte) --> D{Anwendungsfall}
|
44 |
+
C2(Kataloge erfassen) --> D{Anwendungsfall}
|
45 |
+
C3(App Marktplatz analysieren) --> D{Anwendungsfall}
|
46 |
+
|
47 |
D --> D1(Aktualitätendienst Gesetze)
|
48 |
D --> D2(Jobbörse API)
|
49 |
D --> D3(Nutzerforum)
|
50 |
+
|
51 |
style C3 fill:#FFDE59
|
52 |
style C1 fill:#FFDE59
|
53 |
style D1 fill:#C1FF72
|
|
|
59 |
style B3 fill:#FF66C4
|
60 |
style B fill:#FF66C4
|
61 |
style A fill:#D9D9D9
|
62 |
+
|
63 |
+
classDef blackText fill:#FFFFFF,stroke:#000000,color:#000000;
|
64 |
+
class A,B,B1,B2,B3,C,C1,C2,C3,D,D1,D2,D3 blackText;
|
65 |
```
|
66 |
|
67 |
+
- <span style="color:#FF66C4;">**Rote Knoten:**</span> Tutorials ohne Code
|
68 |
+
- <span style="color:#FFDE59;">**Gelbe Knoten:**</span> Tutorials mit API-Nutzung
|
69 |
+
- <span style="color:#5CE1E6;">**Blaue Knoten:**</span> Tutorials mit reinem Code
|
70 |
+
- <span style="color:#C1FF72;">**Grüne Knoten:**</span> Tutorials zur Nutzung von RSS-Feeds
|
src/01_setup/erforderlich/colab.qmd
CHANGED
@@ -1,27 +1,61 @@
|
|
1 |
---
|
2 |
-
title: "
|
3 |
-
description: "Eine Anleitung zur Verwendung von
|
4 |
-
author: "Benjamin"
|
5 |
-
date: "12/22/2024"
|
6 |
-
date-modified: "12/22/2024"
|
7 |
image: _c6cbaab4-a264-43bf-8b0f-311e210cd959.jpeg
|
8 |
---
|
9 |
|
10 |
-
##
|
11 |
|
12 |
-
###
|
13 |
|
14 |
-
|
15 |
- Besuche [Google Colab](https://colab.research.google.com/).
|
16 |
- Melde dich mit deinem Google-Konto an, falls erforderlich.
|
17 |
|
18 |
-
2
|
|
|
|
|
19 |
- Klicke auf "Datei" in der oberen linken Ecke.
|
20 |
- Wähle "Neues Notebook".
|
21 |
|
22 |
-
###
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
23 |
|
24 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
25 |
|
26 |
#### Prompterstellung:
|
27 |
|
@@ -34,7 +68,7 @@ Um ChatGPT optimal zu nutzen, ist es wichtig, klare und präzise Prompts zu erst
|
|
34 |
3. **Stelle Fragen oder Aufgaben klar**: Formuliere klare Fragen oder Aufgaben.
|
35 |
- Beispiel: „Kannst du mir den Code für eine Sortierfunktion in Python geben?“
|
36 |
|
37 |
-
###
|
38 |
|
39 |
1. **Prompt in ChatGPT eingeben**:
|
40 |
- Beispiel-Prompt: „Ich brauche einen Python-Code, der eine Liste von Zahlen sortiert. Kannst du mir helfen?“
|
@@ -42,7 +76,7 @@ Um ChatGPT optimal zu nutzen, ist es wichtig, klare und präzise Prompts zu erst
|
|
42 |
2. **Kopiere den generierten Code**:
|
43 |
- Kopiere den von ChatGPT generierten Code in die Zwischenablage.
|
44 |
|
45 |
-
###
|
46 |
|
47 |
1. **Füge den Code in eine Codezelle ein**:
|
48 |
- Klicke in eine leere Codezelle in deinem Colab-Notebook und füge den kopierten Code ein.
|
@@ -50,7 +84,7 @@ Um ChatGPT optimal zu nutzen, ist es wichtig, klare und präzise Prompts zu erst
|
|
50 |
2. **Führe den Code aus**:
|
51 |
- Drücke die Tastenkombination `Shift + Enter`, um die Codezelle auszuführen.
|
52 |
|
53 |
-
###
|
54 |
|
55 |
Wenn du beim Ausführen deines Codes auf Fehler stößt, kannst du ChatGPT verwenden, um diese zu beheben:
|
56 |
|
@@ -63,40 +97,18 @@ Wenn du beim Ausführen deines Codes auf Fehler stößt, kannst du ChatGPT verwe
|
|
63 |
3. **Lösungen von ChatGPT anwenden**:
|
64 |
- Verwende die vorgeschlagenen Lösungen von ChatGPT, um den Fehler zu beheben und passe den Code entsprechend an.
|
65 |
|
66 |
-
###
|
67 |
|
68 |
Nutze ChatGPT, um deinen Code zu verbessern oder neue Funktionen hinzuzufügen:
|
69 |
- Beispiel-Prompt: „Kannst du mir helfen, eine zusätzliche Funktion hinzuzufügen, die die Liste in absteigender Reihenfolge sortiert?“
|
70 |
|
71 |
-
|
72 |
-
|
73 |
-
Durch die Verwendung von ChatGPT in Google Colab kannst du effizient Code schreiben, vervollständigen und Fehler beheben. Denke daran, spezifische und kontextreiche Prompts zu erstellen, um die besten Ergebnisse zu erzielen. Kopiere und füge den generierten Code in dein Colab-Notebook ein und nutze ChatGPT zur Fehlerbehebung, wenn Probleme auftreten.
|
74 |
-
|
75 |
-
Viel Erfolg bei deinem Programmierprojekt! 🎉 Falls du noch weitere Fragen hast oder Unterstützung benötigst, lass es mich wissen. 😊✨
|
76 |
-
|
77 |
-
### Nutzung der Code-Generierung ⚙️
|
78 |
|
79 |
-
|
80 |
-
2. **Aktiviere Code-Generierung**:
|
81 |
-
- Klicke auf das Symbol "Help me code" in der Werkzeugleiste und wähle "Code generation".
|
82 |
-
3. **Code generieren**:
|
83 |
-
- In einer leeren Codezelle, klicke auf "Generate".
|
84 |
-
- Gib eine Beschreibung des gewünschten Codes ein und drücke Enter.
|
85 |
-
- Beispiel: "Erzeuge einen pandas DataFrame aus einer CSV-Datei".
|
86 |
-
4. **Panel schließen**:
|
87 |
-
- Klicke auf "Close", um das Generate-Panel zu schließen.
|
88 |
|
89 |
-
|
90 |
-
|
91 |
-
1. **Gehe zur Colab Enterprise Notebooks-Seite** und öffne dein Notizbuch.
|
92 |
-
2. **Aktiviere Code-Generierung**:
|
93 |
-
- Klicke auf das Symbol "Help me code" in der Werkzeugleiste und wähle "Code generation".
|
94 |
-
3. **Code mit Fehler eingeben**:
|
95 |
-
- Gib Code mit einem Fehler in eine Codezelle ein und führe die Zelle aus. Beispiel: `print(1` (fehlende schließende Klammer).
|
96 |
-
4. **Fehlerbehebungsvorschlag akzeptieren**:
|
97 |
-
- Wenn Gemini eine Lösung für den Fehler vorschlägt, klicke auf "Fix error".
|
98 |
-
- Bewerte den Vorschlag und klicke auf "Accept suggestion" oder "Reject suggestion".
|
99 |
|
100 |
-
https://blog.google/technology/ai/democratizing-access-to-ai-enabled-coding-with-colab/
|
101 |
-
|
102 |
-
https://
|
|
|
|
1 |
---
|
2 |
+
title: "Colab & große Sprachmodelle🤖💻"
|
3 |
+
description: "Eine Anleitung zur Verwendung von großer Sprachmodell in Google Colab, einschließlich der Code-Vervollständigung, Fehlerbehebung und Verbesserung."
|
|
|
|
|
|
|
4 |
image: _c6cbaab4-a264-43bf-8b0f-311e210cd959.jpeg
|
5 |
---
|
6 |
|
7 |
+
## Google Colab nutzen
|
8 |
|
9 |
+
### 1: Öffne Google Colab
|
10 |
|
11 |
+
* **Gehe zu Google Colab**:
|
12 |
- Besuche [Google Colab](https://colab.research.google.com/).
|
13 |
- Melde dich mit deinem Google-Konto an, falls erforderlich.
|
14 |
|
15 |
+
### 2: Neues Notebook erstellen
|
16 |
+
|
17 |
+
* **Erstelle ein neues Notebook**:
|
18 |
- Klicke auf "Datei" in der oberen linken Ecke.
|
19 |
- Wähle "Neues Notebook".
|
20 |
|
21 |
+
### 3: Upload von Dateien 📁
|
22 |
+
|
23 |
+
* **Dateien hochladen**:
|
24 |
+
- Klicke im linken Seitenbereich auf das Ordnersymbol.
|
25 |
+
- Klicke auf das Upload-Symbol (Pfeil nach oben) und wähle die Dateien aus, die du hochladen möchtest.
|
26 |
+
|
27 |
+
### 4: Dateien und Notebook downloaden 📂
|
28 |
+
|
29 |
+
1. **Notebook herunterladen**:
|
30 |
+
- Klicke auf "Datei" und wähle "Download .ipynb", um dein Notebook im Jupyter-Format herunterzuladen.
|
31 |
+
|
32 |
+
2. **Dateien herunterladen**:
|
33 |
+
- Klicke im linken Seitenbereich auf das Ordnersymbol.
|
34 |
+
- Rechtsklicke auf die Datei, die du herunterladen möchtest, und wähle "Herunterladen".
|
35 |
+
|
36 |
+
## Gemini für die Code-Erstellung 📝
|
37 |
+
|
38 |
+
### 1: Nutzung der Code-Generierung ⚙️
|
39 |
+
|
40 |
+
1. **Code generieren**:
|
41 |
+
- In einer leeren Codezelle, klicke auf "Generate".
|
42 |
+
- Gib eine Beschreibung des gewünschten Codes ein und drücke Enter.
|
43 |
+
- Beispiel: "Erzeuge einen pandas DataFrame aus einer CSV-Datei".
|
44 |
+
2. **Panel schließen**:
|
45 |
+
- Klicke auf "Close", um das Generate-Panel zu schließen.
|
46 |
+
|
47 |
+
### 2: Fehler beheben 🔧
|
48 |
+
|
49 |
+
* **Aufreten von Fehlermeldungen**:
|
50 |
+
- Wenn Code mit einem Fehler in eine Codezelle erscheint eine Fehlermeldung. Beispiel: `print(1` (fehlende schließende Klammer).
|
51 |
|
52 |
+
* **Fehlerbehebungsvorschlag akzeptieren**:
|
53 |
+
- Wenn Gemini eine Lösung für den Fehler vorschlägt, klicke auf "Fix error".
|
54 |
+
- Bewerte den Vorschlag und klicke auf "Accept suggestion" oder "Reject suggestion".
|
55 |
+
|
56 |
+
## Einführung in ChatGPT für die Code-Erstellung 📝
|
57 |
+
|
58 |
+
Um Sprachmodelle optimal zu nutzen, ist es wichtig, klare und präzise Prompts zu erstellen. Ein guter Prompt enthält alle notwendigen Informationen, die ChatGPT benötigt, um eine hilfreiche Antwort zu geben.
|
59 |
|
60 |
#### Prompterstellung:
|
61 |
|
|
|
68 |
3. **Stelle Fragen oder Aufgaben klar**: Formuliere klare Fragen oder Aufgaben.
|
69 |
- Beispiel: „Kannst du mir den Code für eine Sortierfunktion in Python geben?“
|
70 |
|
71 |
+
### 1: Nutzung von ChatGPT für die Code-Erstellung
|
72 |
|
73 |
1. **Prompt in ChatGPT eingeben**:
|
74 |
- Beispiel-Prompt: „Ich brauche einen Python-Code, der eine Liste von Zahlen sortiert. Kannst du mir helfen?“
|
|
|
76 |
2. **Kopiere den generierten Code**:
|
77 |
- Kopiere den von ChatGPT generierten Code in die Zwischenablage.
|
78 |
|
79 |
+
### 2: Code in Google Colab einfügen und ausführen
|
80 |
|
81 |
1. **Füge den Code in eine Codezelle ein**:
|
82 |
- Klicke in eine leere Codezelle in deinem Colab-Notebook und füge den kopierten Code ein.
|
|
|
84 |
2. **Führe den Code aus**:
|
85 |
- Drücke die Tastenkombination `Shift + Enter`, um die Codezelle auszuführen.
|
86 |
|
87 |
+
### 3: Fehlerbehebung mit ChatGPT 🔧
|
88 |
|
89 |
Wenn du beim Ausführen deines Codes auf Fehler stößt, kannst du ChatGPT verwenden, um diese zu beheben:
|
90 |
|
|
|
97 |
3. **Lösungen von ChatGPT anwenden**:
|
98 |
- Verwende die vorgeschlagenen Lösungen von ChatGPT, um den Fehler zu beheben und passe den Code entsprechend an.
|
99 |
|
100 |
+
### 4: Code verbessern und weiterentwickeln 🚀
|
101 |
|
102 |
Nutze ChatGPT, um deinen Code zu verbessern oder neue Funktionen hinzuzufügen:
|
103 |
- Beispiel-Prompt: „Kannst du mir helfen, eine zusätzliche Funktion hinzuzufügen, die die Liste in absteigender Reihenfolge sortiert?“
|
104 |
|
105 |
+
## Zusammenfassung 📜
|
|
|
|
|
|
|
|
|
|
|
|
|
106 |
|
107 |
+
Durch die Verwendung von Sprachmodellen in Google Colab kannst du effizient Code schreiben, vervollständigen und Fehler beheben. Denke daran, spezifische und kontextreiche Prompts zu erstellen, um die besten Ergebnisse zu erzielen. Kopiere und füge den generierten Code in dein Colab-Notebook ein und nutze ChatGPT zur Fehlerbehebung, wenn Probleme auftreten.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
108 |
|
109 |
+
## Ressourcen
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
110 |
|
111 |
+
* [blog.google/technology/ai/democratizing-access-to-ai-enabled-coding-with-colab/](https://blog.google/technology/ai/democratizing-access-to-ai-enabled-coding-with-colab/)
|
112 |
+
* [blog.google/technology/developers/google-colab-ai-coding-features/
|
113 |
+
](https://blog.google/technology/developers/google-colab-ai-coding-features/)
|
114 |
+
* [youtube.com/watch?v=V7RXyqFUR98](https://www.youtube.com/watch?v=V7RXyqFUR98)
|
src/01_setup/erforderlich/google-konto.qmd
CHANGED
@@ -1,58 +1,20 @@
|
|
1 |
---
|
2 |
-
title: "Erstellung eines Google-Kontos"
|
3 |
description: "Eine Schritt-für-Schritt-Anleitung zur Erstellung eines Google-Kontos, einschließlich der Eingabe persönlicher Informationen, Verifizierung und Abschluss der Einrichtung."
|
4 |
-
author: "Benjamin"
|
5 |
-
date: "12/22/2024"
|
6 |
-
date-modified: "12/22/2024"
|
7 |
image: _265d4758-abbf-4be7-9aba-c51096f58f4a.jpeg
|
8 |
---
|
9 |
|
10 |
-
|
11 |
-
|
12 |
-
1. **Besuche die Google-Registrierungsseite**:
|
13 |
- Gehe zu [Google-Konto erstellen](https://accounts.google.com/signup).
|
14 |
|
15 |
-
2.
|
16 |
- Fülle das Formular mit deinem Vor- und Nachnamen aus.
|
17 |
- Wähle einen Benutzernamen für deine Google-Mail-Adresse.
|
18 |
- Erstelle ein sicheres Passwort und bestätige es.
|
19 |
|
20 |
-
3.
|
21 |
- Folge den Anweisungen zur Verifizierung deines Kontos (SMS-Code oder E-Mail-Verifizierung).
|
22 |
|
23 |
-
4.
|
24 |
- Fülle die restlichen Felder aus (Geburtsdatum, Geschlecht, etc.).
|
25 |
-
-
|
26 |
-
|
27 |
-
Jetzt hast du ein Google-Konto! 🎉
|
28 |
-
|
29 |
-
---
|
30 |
-
|
31 |
-
## Nutzung von Google Colab 💻
|
32 |
-
|
33 |
-
### Schritt 1: Öffne Google Colab
|
34 |
-
|
35 |
-
1. **Gehe zu Google Colab**:
|
36 |
-
- Besuche [Google Colab](https://colab.research.google.com/).
|
37 |
-
- Melde dich mit deinem Google-Konto an, falls erforderlich.
|
38 |
-
|
39 |
-
### Schritt 2: Neues Notebook erstellen
|
40 |
-
|
41 |
-
1. **Erstelle ein neues Notebook**:
|
42 |
-
- Klicke auf "Datei" in der oberen linken Ecke.
|
43 |
-
- Wähle "Neues Notebook".
|
44 |
-
|
45 |
-
### Schritt 3: Upload von Dateien 📁
|
46 |
-
|
47 |
-
1. **Dateien hochladen**:
|
48 |
-
- Klicke im linken Seitenbereich auf das Ordnersymbol.
|
49 |
-
- Klicke auf das Upload-Symbol (Pfeil nach oben) und wähle die Dateien aus, die du hochladen möchtest.
|
50 |
-
|
51 |
-
### Schritt 4: Dateien und Notebook downloaden 📂
|
52 |
-
|
53 |
-
1. **Notebook herunterladen**:
|
54 |
-
- Klicke auf "Datei" und wähle "Download .ipynb", um dein Notebook im Jupyter-Format herunterzuladen.
|
55 |
-
|
56 |
-
2. **Dateien herunterladen**:
|
57 |
-
- Klicke im linken Seitenbereich auf das Ordnersymbol.
|
58 |
-
- Rechtsklicke auf die Datei, die du herunterladen möchtest, und wähle "Herunterladen".
|
|
|
1 |
---
|
2 |
+
title: "Erstellung eines Google-Kontos📧"
|
3 |
description: "Eine Schritt-für-Schritt-Anleitung zur Erstellung eines Google-Kontos, einschließlich der Eingabe persönlicher Informationen, Verifizierung und Abschluss der Einrichtung."
|
|
|
|
|
|
|
4 |
image: _265d4758-abbf-4be7-9aba-c51096f58f4a.jpeg
|
5 |
---
|
6 |
|
7 |
+
### 1. Besuche die Google-Registrierungsseite
|
|
|
|
|
8 |
- Gehe zu [Google-Konto erstellen](https://accounts.google.com/signup).
|
9 |
|
10 |
+
### 2. Gib Informationen ein
|
11 |
- Fülle das Formular mit deinem Vor- und Nachnamen aus.
|
12 |
- Wähle einen Benutzernamen für deine Google-Mail-Adresse.
|
13 |
- Erstelle ein sicheres Passwort und bestätige es.
|
14 |
|
15 |
+
### 3. Konto verifizieren
|
16 |
- Folge den Anweisungen zur Verifizierung deines Kontos (SMS-Code oder E-Mail-Verifizierung).
|
17 |
|
18 |
+
### 4. Abschließen der Einrichtung
|
19 |
- Fülle die restlichen Felder aus (Geburtsdatum, Geschlecht, etc.).
|
20 |
+
- Berücksichtige die Nutzungsbedingungen und Datenschutzrichtlinien von Google.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/01_setup/erforderlich/huggingface.qmd
CHANGED
@@ -1,16 +1,13 @@
|
|
1 |
---
|
2 |
title: "Duplizieren eines Spaces auf Hugging Face"
|
3 |
description: "Eine Schritt-für-Schritt-Anleitung zum Duplizieren eines Spaces auf Hugging Face, einschließlich der Suche, Duplizierung und Anpassung des Spaces."
|
4 |
-
author: "Benjamin"
|
5 |
-
date: "12/22/2024"
|
6 |
-
date-modified: "12/22/2024"
|
7 |
image: _a180ffc3-5c47-48cd-9e8e-2d70bdb48cb7.jpeg
|
8 |
---
|
9 |
|
10 |
-
###
|
11 |
|
12 |
1. **Besuche die Hugging Face-Website**:
|
13 |
-
Gehe zu [Hugging Face](https://huggingface.co/).
|
14 |
|
15 |
2. **Registriere dich**:
|
16 |
- Klicke auf "Sign Up" in der oberen rechten Ecke der Webseite.
|
@@ -22,7 +19,7 @@ image: _a180ffc3-5c47-48cd-9e8e-2d70bdb48cb7.jpeg
|
|
22 |
- Klicke auf dein Profilbild in der oberen rechten Ecke und wähle "Profile".
|
23 |
- Hier kannst du dein Profilbild, deinen Namen und eine kurze Beschreibung hinzufügen.
|
24 |
|
25 |
-
###
|
26 |
|
27 |
1. **Navigiere zur Organisationsseite**:
|
28 |
- Gehe zu der Organisation, der du beitreten möchtest, indem du auf der Hugging Face-Seite nach ihr suchst.
|
@@ -33,7 +30,7 @@ image: _a180ffc3-5c47-48cd-9e8e-2d70bdb48cb7.jpeg
|
|
33 |
3. **Warten auf Genehmigung**:
|
34 |
- Die Administratoren der Organisation werden deine Anfrage prüfen und genehmigen. Du erhältst eine Benachrichtigung, wenn deine Anfrage akzeptiert wurde.
|
35 |
|
36 |
-
###
|
37 |
|
38 |
1. **Finde das Space, das du duplizieren möchtest**:
|
39 |
- Suche auf der Hugging Face-Seite nach dem Space, das du duplizieren möchtest.
|
@@ -46,4 +43,4 @@ image: _a180ffc3-5c47-48cd-9e8e-2d70bdb48cb7.jpeg
|
|
46 |
- Wähle deinen eigenen Bereich oder ein anderes Ziel, wohin du das Space duplizieren möchtest.
|
47 |
|
48 |
4. **Anpassen und Starten**:
|
49 |
-
- Nachdem das Space dupliziert wurde, kannst du es anpassen und starten. Navigiere zu deinem eigenen Bereich, um das duplizierte Space zu finden und zu verwalten.
|
|
|
1 |
---
|
2 |
title: "Duplizieren eines Spaces auf Hugging Face"
|
3 |
description: "Eine Schritt-für-Schritt-Anleitung zum Duplizieren eines Spaces auf Hugging Face, einschließlich der Suche, Duplizierung und Anpassung des Spaces."
|
|
|
|
|
|
|
4 |
image: _a180ffc3-5c47-48cd-9e8e-2d70bdb48cb7.jpeg
|
5 |
---
|
6 |
|
7 |
+
### 1: Ein Hugging Face-Konto erstellen
|
8 |
|
9 |
1. **Besuche die Hugging Face-Website**:
|
10 |
+
- Gehe zu [Hugging Face](https://huggingface.co/).
|
11 |
|
12 |
2. **Registriere dich**:
|
13 |
- Klicke auf "Sign Up" in der oberen rechten Ecke der Webseite.
|
|
|
19 |
- Klicke auf dein Profilbild in der oberen rechten Ecke und wähle "Profile".
|
20 |
- Hier kannst du dein Profilbild, deinen Namen und eine kurze Beschreibung hinzufügen.
|
21 |
|
22 |
+
### 2: Einer Organisation beitreten
|
23 |
|
24 |
1. **Navigiere zur Organisationsseite**:
|
25 |
- Gehe zu der Organisation, der du beitreten möchtest, indem du auf der Hugging Face-Seite nach ihr suchst.
|
|
|
30 |
3. **Warten auf Genehmigung**:
|
31 |
- Die Administratoren der Organisation werden deine Anfrage prüfen und genehmigen. Du erhältst eine Benachrichtigung, wenn deine Anfrage akzeptiert wurde.
|
32 |
|
33 |
+
### 3: Ein Space duplizieren
|
34 |
|
35 |
1. **Finde das Space, das du duplizieren möchtest**:
|
36 |
- Suche auf der Hugging Face-Seite nach dem Space, das du duplizieren möchtest.
|
|
|
43 |
- Wähle deinen eigenen Bereich oder ein anderes Ziel, wohin du das Space duplizieren möchtest.
|
44 |
|
45 |
4. **Anpassen und Starten**:
|
46 |
+
- Nachdem das Space dupliziert wurde, kannst du es anpassen und starten. Navigiere zu deinem eigenen Bereich, um das duplizierte Space zu finden und zu verwalten.
|
src/01_setup/optional/colab-github.qmd
CHANGED
@@ -1,9 +1,6 @@
|
|
1 |
---
|
2 |
title: "Verbinden eines Colab-Notebooks mit GitHub"
|
3 |
description: "Eine Schritt-für-Schritt-Anleitung zur Verbindung eines Colab-Notebooks mit GitHub, einschließlich der Erstellung eines GitHub-Kontos und der Integration in Google Colab."
|
4 |
-
author: "Benjamin"
|
5 |
-
date: "12/22/2024"
|
6 |
-
date-modified: "12/22/2024"
|
7 |
image: _bebbf63f-874e-4d27-b6a5-f0e0116fd587.jpeg
|
8 |
---
|
9 |
|
@@ -25,28 +22,28 @@ image: _bebbf63f-874e-4d27-b6a5-f0e0116fd587.jpeg
|
|
25 |
|
26 |
## Verbinden eines Colab-Notebooks mit GitHub 💻
|
27 |
|
28 |
-
###
|
29 |
|
30 |
1. **Gehe zu Google Colab**:
|
31 |
- Besuche [Google Colab](https://colab.research.google.com/).
|
32 |
- Melde dich mit deinem Google-Konto an, falls erforderlich.
|
33 |
- Erstelle ein neues Notebook oder öffne ein bestehendes.
|
34 |
|
35 |
-
###
|
36 |
|
37 |
1. **Verbinden mit GitHub**:
|
38 |
- Klicke auf "Datei" und dann auf "Auf GitHub speichern".
|
39 |
- Google Colab fordert dich auf, sich mit GitHub zu authentifizieren und die notwendigen Berechtigungen zu erteilen.
|
40 |
- Folge den Anweisungen, um die Verbindung herzustellen.
|
41 |
|
42 |
-
###
|
43 |
|
44 |
1. **Notebook als Gist speichern**:
|
45 |
- Klicke auf "Datei" und wähle "Notebook als Gist speichern".
|
46 |
- Wähle die Sichtbarkeit des Gists (öffentlich oder privat) und gib eine Beschreibung ein.
|
47 |
- Klicke auf "OK", um das Notebook als Gist zu speichern.
|
48 |
|
49 |
-
###
|
50 |
|
51 |
1. **Repository erstellen**:
|
52 |
- Besuche [GitHub](https://github.com/) und klicke auf das "+"-Symbol in der oberen rechten Ecke. Wähle "New repository".
|
@@ -58,7 +55,3 @@ image: _bebbf63f-874e-4d27-b6a5-f0e0116fd587.jpeg
|
|
58 |
- Klicke auf "Datei" und wähle "Auf GitHub speichern".
|
59 |
- Wähle das zuvor erstellte Repository aus und gib optional eine Commit-Nachricht ein.
|
60 |
- Klicke auf "OK", um das Notebook im Repository zu speichern.
|
61 |
-
|
62 |
-
---
|
63 |
-
|
64 |
-
Herzlichen Glückwunsch! 🎉 Jetzt weißt du, wie du ein GitHub-Konto erstellst, ein Colab-Notebook mit GitHub verbindest und es als Gist oder in ein Repository speicherst. Viel Erfolg bei deinen Projekten! 🚀
|
|
|
1 |
---
|
2 |
title: "Verbinden eines Colab-Notebooks mit GitHub"
|
3 |
description: "Eine Schritt-für-Schritt-Anleitung zur Verbindung eines Colab-Notebooks mit GitHub, einschließlich der Erstellung eines GitHub-Kontos und der Integration in Google Colab."
|
|
|
|
|
|
|
4 |
image: _bebbf63f-874e-4d27-b6a5-f0e0116fd587.jpeg
|
5 |
---
|
6 |
|
|
|
22 |
|
23 |
## Verbinden eines Colab-Notebooks mit GitHub 💻
|
24 |
|
25 |
+
### 1: Ein neues Notebook erstellen oder öffnen
|
26 |
|
27 |
1. **Gehe zu Google Colab**:
|
28 |
- Besuche [Google Colab](https://colab.research.google.com/).
|
29 |
- Melde dich mit deinem Google-Konto an, falls erforderlich.
|
30 |
- Erstelle ein neues Notebook oder öffne ein bestehendes.
|
31 |
|
32 |
+
### 2: GitHub-Integration aktivieren
|
33 |
|
34 |
1. **Verbinden mit GitHub**:
|
35 |
- Klicke auf "Datei" und dann auf "Auf GitHub speichern".
|
36 |
- Google Colab fordert dich auf, sich mit GitHub zu authentifizieren und die notwendigen Berechtigungen zu erteilen.
|
37 |
- Folge den Anweisungen, um die Verbindung herzustellen.
|
38 |
|
39 |
+
### 3: Notebook als GitHub Gist speichern 🌟
|
40 |
|
41 |
1. **Notebook als Gist speichern**:
|
42 |
- Klicke auf "Datei" und wähle "Notebook als Gist speichern".
|
43 |
- Wähle die Sichtbarkeit des Gists (öffentlich oder privat) und gib eine Beschreibung ein.
|
44 |
- Klicke auf "OK", um das Notebook als Gist zu speichern.
|
45 |
|
46 |
+
### 4: Notebook in ein GitHub Repository speichern 📂
|
47 |
|
48 |
1. **Repository erstellen**:
|
49 |
- Besuche [GitHub](https://github.com/) und klicke auf das "+"-Symbol in der oberen rechten Ecke. Wähle "New repository".
|
|
|
55 |
- Klicke auf "Datei" und wähle "Auf GitHub speichern".
|
56 |
- Wähle das zuvor erstellte Repository aus und gib optional eine Commit-Nachricht ein.
|
57 |
- Klicke auf "OK", um das Notebook im Repository zu speichern.
|
|
|
|
|
|
|
|
src/01_setup/optional/quarto-lokal.qmd
CHANGED
@@ -1,9 +1,6 @@
|
|
1 |
---
|
2 |
title: "Lokale Installation von Quarto"
|
3 |
description: "Eine Schritt-für-Schritt-Anleitung zur Installation von Quarto auf Windows und Linux, einschließlich der Überprüfung der Installation."
|
4 |
-
author: "Benjamin"
|
5 |
-
date: "12/22/2024"
|
6 |
-
date-modified: "12/22/2024"
|
7 |
image: _4386bf69-e8a9-4259-980a-6fd75d66cddb.jpeg
|
8 |
---
|
9 |
|
@@ -11,7 +8,7 @@ image: _4386bf69-e8a9-4259-980a-6fd75d66cddb.jpeg
|
|
11 |
|
12 |
Hier sind die Schritte, um das Repository `https://huggingface.co/spaces/datenwerkzeuge/CDL-Webscraping-Workshop-2025` lokal zu klonen, Quarto zu installieren und die Website zu starten.
|
13 |
|
14 |
-
###
|
15 |
|
16 |
1. **Öffne dein Terminal oder die Eingabeaufforderung**: Dies ist notwendig, um die folgenden Befehle einzugeben.
|
17 |
2. **Führe den folgenden Befehl aus, um das Repository zu klonen**:
|
@@ -20,7 +17,7 @@ Hier sind die Schritte, um das Repository `https://huggingface.co/spaces/datenwe
|
|
20 |
```
|
21 |
📂 Dies erstellt eine lokale Kopie des Repositories auf deinem Computer.
|
22 |
|
23 |
-
###
|
24 |
|
25 |
1. **Navigiere in das Verzeichnis**, in dem du das Repository geklont hast:
|
26 |
```bash
|
@@ -28,7 +25,7 @@ Hier sind die Schritte, um das Repository `https://huggingface.co/spaces/datenwe
|
|
28 |
```
|
29 |
🔄 Jetzt befindest du dich im Verzeichnis des Projekts.
|
30 |
|
31 |
-
###
|
32 |
|
33 |
#### Installation auf Windows:
|
34 |
|
@@ -52,7 +49,7 @@ Hier sind die Schritte, um das Repository `https://huggingface.co/spaces/datenwe
|
|
52 |
sudo apt-get install -f
|
53 |
```
|
54 |
|
55 |
-
###
|
56 |
|
57 |
1. **Starte den lokalen Server**:
|
58 |
```bash
|
@@ -61,7 +58,7 @@ Hier sind die Schritte, um das Repository `https://huggingface.co/spaces/datenwe
|
|
61 |
|
62 |
Du solltest die Quarto-Website jetzt lokal sehen und interagieren können. 🌟
|
63 |
|
64 |
-
###
|
65 |
|
66 |
1. **Bearbeite die Inhalte der Website** in den `.qmd` Dateien. Änderungen werden automatisch aktualisiert, wenn der lokale Server läuft.
|
67 |
|
|
|
1 |
---
|
2 |
title: "Lokale Installation von Quarto"
|
3 |
description: "Eine Schritt-für-Schritt-Anleitung zur Installation von Quarto auf Windows und Linux, einschließlich der Überprüfung der Installation."
|
|
|
|
|
|
|
4 |
image: _4386bf69-e8a9-4259-980a-6fd75d66cddb.jpeg
|
5 |
---
|
6 |
|
|
|
8 |
|
9 |
Hier sind die Schritte, um das Repository `https://huggingface.co/spaces/datenwerkzeuge/CDL-Webscraping-Workshop-2025` lokal zu klonen, Quarto zu installieren und die Website zu starten.
|
10 |
|
11 |
+
### 1: Repository klonen 🖥️
|
12 |
|
13 |
1. **Öffne dein Terminal oder die Eingabeaufforderung**: Dies ist notwendig, um die folgenden Befehle einzugeben.
|
14 |
2. **Führe den folgenden Befehl aus, um das Repository zu klonen**:
|
|
|
17 |
```
|
18 |
📂 Dies erstellt eine lokale Kopie des Repositories auf deinem Computer.
|
19 |
|
20 |
+
### 2: In das Repository-Verzeichnis wechseln 📁
|
21 |
|
22 |
1. **Navigiere in das Verzeichnis**, in dem du das Repository geklont hast:
|
23 |
```bash
|
|
|
25 |
```
|
26 |
🔄 Jetzt befindest du dich im Verzeichnis des Projekts.
|
27 |
|
28 |
+
### 3: Quarto installieren 🛠️
|
29 |
|
30 |
#### Installation auf Windows:
|
31 |
|
|
|
49 |
sudo apt-get install -f
|
50 |
```
|
51 |
|
52 |
+
### 4: Quarto-Website lokal starten 🌐
|
53 |
|
54 |
1. **Starte den lokalen Server**:
|
55 |
```bash
|
|
|
58 |
|
59 |
Du solltest die Quarto-Website jetzt lokal sehen und interagieren können. 🌟
|
60 |
|
61 |
+
### 5: Inhalte bearbeiten ✏️
|
62 |
|
63 |
1. **Bearbeite die Inhalte der Website** in den `.qmd` Dateien. Änderungen werden automatisch aktualisiert, wenn der lokale Server läuft.
|
64 |
|
src/01_setup/vorbereitung.qmd
CHANGED
@@ -41,10 +41,14 @@ Einrichten der Nutzerkonten zur Nutzung der kostenlosen Ressourcen Google Colab
|
|
41 |
|
42 |
## Nutzerkonten einrichten
|
43 |
|
|
|
|
|
44 |
::: {#erforderlich}
|
45 |
:::
|
46 |
|
47 |
## Optional
|
48 |
|
|
|
|
|
49 |
::: {#optional}
|
50 |
:::
|
|
|
41 |
|
42 |
## Nutzerkonten einrichten
|
43 |
|
44 |
+
Um an diesem Workshop teilnehmen zu können, werden die folgenden Nutzendenzugänge benötigt:
|
45 |
+
|
46 |
::: {#erforderlich}
|
47 |
:::
|
48 |
|
49 |
## Optional
|
50 |
|
51 |
+
Diese Anleitungen sind optional, können aber zusätzliche Funktionen und Vorteile bieten:
|
52 |
+
|
53 |
::: {#optional}
|
54 |
:::
|
src/_quarto.yml
CHANGED
@@ -2,6 +2,7 @@ project:
|
|
2 |
type: website
|
3 |
website:
|
4 |
title: "🧭 Collecting Data on the Web - Webscraping Workshop 2025"
|
|
|
5 |
navbar:
|
6 |
left:
|
7 |
- href: index.qmd
|
@@ -21,11 +22,11 @@ website:
|
|
21 |
- title: "Start"
|
22 |
contents:
|
23 |
- href: index.qmd
|
24 |
-
section: "Willkommen"
|
25 |
contents:
|
26 |
- href: 01_setup/agenda.qmd
|
27 |
-
text: "Agenda
|
28 |
-
- section: "Vorbereitung"
|
29 |
href: 01_setup/vorbereitung.qmd
|
30 |
contents:
|
31 |
- href: 01_setup/erforderlich/google-konto.qmd
|
@@ -38,9 +39,9 @@ website:
|
|
38 |
href: 01_setup/vorbereitung.html#optional
|
39 |
contents:
|
40 |
- href: 01_setup/optional/colab-github.qmd
|
41 |
-
text: "Colab
|
42 |
- href: 01_setup/optional/quarto-lokal.qmd
|
43 |
-
text: "Quarto
|
44 |
- title: "No Code"
|
45 |
contents:
|
46 |
- href: basics.qmd
|
|
|
2 |
type: website
|
3 |
website:
|
4 |
title: "🧭 Collecting Data on the Web - Webscraping Workshop 2025"
|
5 |
+
page-navigation: true
|
6 |
navbar:
|
7 |
left:
|
8 |
- href: index.qmd
|
|
|
22 |
- title: "Start"
|
23 |
contents:
|
24 |
- href: index.qmd
|
25 |
+
section: "Willkommen👋"
|
26 |
contents:
|
27 |
- href: 01_setup/agenda.qmd
|
28 |
+
text: "Agenda📅"
|
29 |
+
- section: "Vorbereitung🛠️"
|
30 |
href: 01_setup/vorbereitung.qmd
|
31 |
contents:
|
32 |
- href: 01_setup/erforderlich/google-konto.qmd
|
|
|
39 |
href: 01_setup/vorbereitung.html#optional
|
40 |
contents:
|
41 |
- href: 01_setup/optional/colab-github.qmd
|
42 |
+
text: "Colab & GitHub🤝"
|
43 |
- href: 01_setup/optional/quarto-lokal.qmd
|
44 |
+
text: "Hallo Quarto✨"
|
45 |
- title: "No Code"
|
46 |
contents:
|
47 |
- href: basics.qmd
|
src/index.qmd
CHANGED
@@ -1,23 +1,27 @@
|
|
1 |
|
2 |
-
Herzlich willkommen zum Webscraping Workshop! Egal, ob
|
3 |
|
4 |
## Navigation auf der Workshop Webseite 🧭
|
5 |
|
6 |
### Oben: Workshopschritte 👣
|
7 |
|
8 |
-
Die Top-Navigationsleiste bietet
|
9 |
|
10 |
### Links: Abschnittüberblick 🗂️
|
11 |
|
12 |
-
Auf der linken Seite
|
13 |
|
14 |
### Rechts: Seitenübersicht 📋
|
15 |
|
16 |
-
Auf der rechten Seite
|
17 |
|
18 |
-
### Rechts oben:
|
19 |
|
20 |
-
Oben links befindet sich die Suchfunktion. Hier
|
|
|
|
|
|
|
|
|
21 |
|
22 |
---
|
23 |
|
|
|
1 |
|
2 |
+
Herzlich willkommen zum Webscraping Workshop! Egal, ob Erste-Schritte oder Fortgeschritten, dieser Workshop soll wertvolle Einblicke und praktische Erfahrungen für jeden bieten.
|
3 |
|
4 |
## Navigation auf der Workshop Webseite 🧭
|
5 |
|
6 |
### Oben: Workshopschritte 👣
|
7 |
|
8 |
+
Die Top-Navigationsleiste bietet schnellen Zugriff auf die wichtigsten Schritte des Workshops. Über die Links in der Leiste navigiert man zur Agenda, zur Startseite, zu den No-Code- und Low-Code-Webscraping-Seiten sowie zur Umsetzung von spezifischen Anwendungsfällen.
|
9 |
|
10 |
### Links: Abschnittüberblick 🗂️
|
11 |
|
12 |
+
Auf der linken Seite befindet sich die Übersicht der Inhalte einzelner Workshopabschnitte. Die Navigationsleiste ermöglicht, schnell zu den verschiedenen Kapiteln und Abschnitten zu springen.
|
13 |
|
14 |
### Rechts: Seitenübersicht 📋
|
15 |
|
16 |
+
Auf der rechten Seite befindet sich eine Übersicht der aktuellen Seite. Diese Seitenübersicht hilft leicht zwischen den Abschnitten navigieren, ohne die Seite zu verlassen.
|
17 |
|
18 |
+
### Rechts oben: Suchen, Diskutieren & Quelltext 🔍
|
19 |
|
20 |
+
Oben links befindet sich die Suchfunktion. Hier kann man nach spezifischen Themen, Begriffen oder Kapiteln suchen, um schnell an den richtigen Ort zu gelangen. Einfach ein Stichwort eingeben, und die Suchfunktion zeigt relevante Ergebnisse aus dem gesamten Workshop. Zusätzlich finden sich in der Leiste Verknüpfungen zum Diskussionsforum und das Code-Verzeichnis auf Hugging Face, die helfen, Ideen, Fragen und Vorschläge festzuhalten und auf den Quellcode zuzugreifen.
|
21 |
+
|
22 |
+
### Unten: Navigation zwischen den Seiten ⬅️➡️
|
23 |
+
|
24 |
+
Am unteren Bildschirmrand befinden sich die Vor- und Zurück-Knöpfe. Diese ermöglichen eine einfache Navigation zwischen den verschiedenen Seiten in Reihenfolge.
|
25 |
|
26 |
---
|
27 |
|