bsenst commited on
Commit
3a8cc41
·
1 Parent(s): 4e8bb50

clean up start section

Browse files
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
- B --> C{Low Code}
 
 
 
 
43
  C --> C1(Videotranskripte)
44
  C --> C2(Kataloge erfassen)
45
  C --> C3(App Marktplatz analysieren)
46
- C --> D{Anwendungsfall}
 
 
 
 
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: "Unterstützung durch große Sprachmodelle in Google Colab"
3
- description: "Eine Anleitung zur Verwendung von ChatGPT in Google Colab, einschließlich der Code-Vervollständigung, Fehlerbehebung und Verbesserung."
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
- ## Programmieren in Google Colab mit Hilfe von ChatGPT 🤖💻
11
 
12
- ### Schritt 1: Öffne Google Colab
13
 
14
- 1. **Gehe zu Google Colab**:
15
  - Besuche [Google Colab](https://colab.research.google.com/).
16
  - Melde dich mit deinem Google-Konto an, falls erforderlich.
17
 
18
- 2. **Erstelle ein neues Notebook**:
 
 
19
  - Klicke auf "Datei" in der oberen linken Ecke.
20
  - Wähle "Neues Notebook".
21
 
22
- ### Schritt 2: Einführung in ChatGPT für die Code-Erstellung 📝
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
23
 
24
- Um ChatGPT 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.
 
 
 
 
 
 
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
- ### Schritt 3: Nutzung von ChatGPT für die Code-Erstellung
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
- ### Schritt 4: Code in Google Colab einfügen und ausführen
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
- ### Schritt 5: Fehlerbehebung mit ChatGPT 🔧
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
- ### Schritt 6: Code verbessern und weiterentwickeln 🚀
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
- ### Zusammenfassung 📜
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
- 1. **Gehe zur Colab Enterprise Notebooks-Seite** und öffne dein Notizbuch.
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
- ### Fehler beheben 🔧
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
- https://blog.google/technology/developers/google-colab-ai-coding-features/
102
- https://www.youtube.com/watch?v=V7RXyqFUR98
 
 
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
- ## Erstellung eines Google-Kontos 📧
11
-
12
- 1. **Besuche die Google-Registrierungsseite**:
13
  - Gehe zu [Google-Konto erstellen](https://accounts.google.com/signup).
14
 
15
- 2. **Gib deine persönlichen Informationen ein**:
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. **Konto verifizieren**:
21
  - Folge den Anweisungen zur Verifizierung deines Kontos (SMS-Code oder E-Mail-Verifizierung).
22
 
23
- 4. **Abschließen der Einrichtung**:
24
  - Fülle die restlichen Felder aus (Geburtsdatum, Geschlecht, etc.).
25
- - Akzeptiere die Nutzungsbedingungen und Datenschutzrichtlinien von Google.
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
- ### Schritt 1: Ein Hugging Face-Konto erstellen
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
- ### Schritt 2: Einer Organisation beitreten
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
- ### Schritt 3: Ein Space duplizieren
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
- ### Schritt 1: Ein neues Notebook erstellen oder öffnen
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
- ### Schritt 2: GitHub-Integration aktivieren
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
- ### Schritt 3: Notebook als GitHub Gist speichern 🌟
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
- ### Schritt 4: Notebook in ein GitHub Repository speichern 📂
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
- ### Schritt 1: Repository klonen 🖥️
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
- ### Schritt 2: In das Repository-Verzeichnis wechseln 📁
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
- ### Schritt 3: Quarto installieren 🛠️
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
- ### Schritt 4: Quarto-Website lokal starten 🌐
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
- ### Schritt 5: Inhalte bearbeiten ✏️
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 nach GitHub speichern"
42
  - href: 01_setup/optional/quarto-lokal.qmd
43
- text: "Quarto lokal"
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 Sie Anfänger oder Fortgeschrittener sind, dieser Workshop bietet Ihnen wertvolle Einblicke und praktische Erfahrungen.
3
 
4
  ## Navigation auf der Workshop Webseite 🧭
5
 
6
  ### Oben: Workshopschritte 👣
7
 
8
- Die Top-Navigationsleiste bietet Ihnen schnellen Zugriff auf die wichtigsten Bereiche des Workshops. Über die Links in der Leiste können Sie zur Agenda, zur Startseite, zu den No-Code- und Low-Code-Webscraping-Seiten sowie zu einem spezifischen Anwendungsfall navigieren.
9
 
10
  ### Links: Abschnittüberblick 🗂️
11
 
12
- Auf der linken Seite finden Sie eine Übersicht aller Inhalte und Module des Workshops. Diese Navigationsleiste ermöglicht es Ihnen, schnell zu den verschiedenen Kapiteln und Abschnitten zu springen, die Sie interessieren.
13
 
14
  ### Rechts: Seitenübersicht 📋
15
 
16
- Auf der rechten Seite finden Sie eine Übersicht der aktuellen Seite. Diese Seitenübersicht hilft Ihnen, den Überblick über die Struktur und die Unterthemen des aktuellen Kapitels zu behalten. Sie können leicht zwischen den Abschnitten navigieren, ohne die Hauptseite zu verlassen.
17
 
18
- ### Rechts oben: Suchfunktion 🔍
19
 
20
- Oben links befindet sich die Suchfunktion. Hier können Sie nach spezifischen Themen, Begriffen oder Kapiteln suchen, um schnell die Informationen zu finden, die Sie benötigen. Geben Sie einfach ein Stichwort ein, und die Suchfunktion zeigt Ihnen relevante Ergebnisse aus dem gesamten Workshop. Zusätzlich finden sich in der Leiste Werkzeuge wie Diskussionsforen und das Code-Repository auf Hugging Face, die helfen, sich mit anderen auszutauschen und auf den Quellcode zuzugreifen.
 
 
 
 
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