‫Kursleiter: In Ordnung, dies ist Teil
‫2 von Erstellen der Detailseite der Tour-Seite.
‫Und wir haben das letzte
‫Video abgebrochen, nachdem wir diesen Quick Facts-Teil hier
‫mit einigen Mixins erstellt haben, richtig?
‫Und als nächstes ist es an der
‫Zeit, diesen Teil der Anleitungen hier zu erstellen.
‫Jetzt wissen wir vorher nicht, wie viele Tourguides
‫es tatsächlich auf jeder Tour gibt.
‫Genau wie auf der Übersichtsseite benötigen wir
‫hier also eine weitere
‫Schleife, um grundsätzlich alle Guides zu durchlaufen,
‫die mit einer bestimmten Tour verbunden sind.
‫Also, lass uns das tun.
‫Und im Moment haben wir tatsächlich diese drei Elemente.
‫Also diese drei Boxen, eine für jede Anleitung.
‫Aber wie gesagt, so wollen wir es nicht.
‫Also lass uns diese beiden loswerden und dann hier eine Schleife
‫erstellen, die in jeder Iteration eine Box erstellt,
‫also ein Element wie dieses.
‫Und das sollte relativ einfach sein.
‫Wir verwenden also wieder
‫jeweils den Namen der Variablen in der aktuellen Iteration,
‫in und dann das Array, das wir durchlaufen möchten.
‫Und das ist die Tour. Führer.
‫Richtig?
‫Also, wo
‫ist das?
‫Ja, hier ist also unsere Auswahl an Anleitungen.
‫Welche in der Datenbank werden dann natürlich
‫mit den entsprechenden Benutzern befüllt und nicht nur mit den IDs, oder?
‫Jetzt müssen wir das alles hier einrücken.
‫Und so wird jede
‫dieser Anleitungen hier im Grunde ein Benutzerdokument sein.
‫Schauen wir uns das also
‫schnell in Compass an, denn wir haben diese Art von Daten
‫nicht in unserem JSON-Dokument, weil die Bevölkerung
‫natürlich nur hinter den Kulissen mit Mongos stattfindet, oder?
‫Jeder der Guides ist also ein Benutzer.
‫Was wir also wollen, ist der Name und das Foto.
‫Hier wollen wir natürlich das Foto.
‫Das ist
‫auf dieser Seite bei Bilder/Benutzer und dann der Name des Benutzerfotos.
‫Also Anleitung. Foto.
‫Das ist hier wiederum der Variablenname
‫in der aktuellen Iteration.
‫Dann weiß ich hier nicht, warum es Lead Guide
‫heißt, aber lassen Sie uns den Namen der Person hier wirklich angeben.
‫Also Anleitung. Name.
‫Dann wollen wir hier wieder den Namen des Führers. Name.
‫Und dann wollen wir auch noch das Etikett.
‫Im Grunde ist das also Lead Guide, wenn es sich um
‫einen Lead Guide handelt, und einfach
‫Tour Guide, wenn es sich um einen regulären Guide handelt.
‫Lassen Sie mich Ihnen nun zeigen, was passiert, wenn wir die
‫Rolle einfach hier platzieren.
‫Denken Sie also daran, dass Rolle die
‫Eigenschaft ist, bei der wir sagen, ob ein Benutzer ein Guide
‫oder ein Lead Guide oder sogar ein Administrator ist.
‫Okay?
‫Lassen Sie uns also
‫noch einmal sehen, was passiert, wenn wir es einfach so ausdrücken.
‫Und damit sollten wir bereit sein, es tatsächlich zu testen.
‫Lassen Sie es uns sparen.
‫Und es geht los.
‫Wir haben also die
‫drei Fotos, die Namen, aber dann sieht hier
‫die Führungsrolle nicht wirklich gut aus, oder?
‫Denken Sie also daran,
‫wie wir eigentlich Hauptführer und Reiseleiter sagen möchten.
‫Okay, und jetzt ist es an der Zeit, eine Bedingung zu verwenden.
‫Jetzt hat Mops tatsächlich eingebaute Bedingungen, aber sie
‫sind wirklich einfach und wir können
‫nicht viel damit anfangen.
‫Sie erlauben uns zum
‫Beispiel nicht einmal, auf Gleichberechtigung zu testen.
‫Aber das Gute ist, dass wir dafür tatsächlich
‫noch JavaScript verwenden können.
‫Und so verwenden wir wieder etwas ungepufferten Code dafür.
‫Also mit der Bindestrich-Syntax und dann können wir
‫hier ein normales JavaScript verwenden.
‫Also noch einmal, als ob wir nur JavaScript schreiben würden.
‫Und so führen. Rolle und jetzt können wir testen und sagen,
‫ob es ein Lead-Guide ist.
‫Nun, dann wollen wir hier Lead
‫Guide sagen, okay?
‫Und lass uns noch
‫einen hier setzen und sagen,
‫wenn die Rolle nur Führer ist, dann wollen wir Reiseleiter.
‫Und so verwenden wir ein JavaScript, wenn wir in
‫Pug schreiben und es dann mit einer Pug-Ausgabe wie dieser kombinieren.
‫Gut?
‫Also, lass uns sehen.
‫Und das ist in der Tat viel schöner.
‫Okay.
‫Lassen Sie
‫uns diesen leeren Raum hier loswerden und gehen Sie
‫zum nächsten, dem Beschreibungsfeld.
‫Also zuerst hier oben in der Überschrift
‫haben wir eigentlich auch den Namen der Tour.
‫Das hier ist also der Name der Tour,
‫also erstellen wir eine
‫Vorlagenzeichenfolge und geben dort tour ein. Name.
‫Ich dachte, das würde funktionieren.
‫Aber das tut es nicht.
‫Dies funktioniert nur in JavaScript.
‫Okay, und eigentlich ist mir gerade
‫eingefallen, dass wir die Tour auch gleich im Haupttitel haben wollen.
‫Also genau hier.
‫Okay, also machen wir das.
‫Okay.
‫Aber egal, lassen
‫Sie uns hier nach unten gehen und diese Absätze erstellen.
‫Wie Sie sehen, haben wir hier eigentlich zwei
‫Absätze für diesen Text.
‫Schauen wir uns also einfach an, wie wir
‫es hier in der Beschreibung haben.
‫Und wie Sie sehen, haben wir natürlich nur eine große Saite.
‫Aber wir haben es in der Mitte geteilt
‫mit diesen neuen Zeilenzeichen.
‫Gut?
‫Also teilen
‫wir die Zeichenfolge durch das neue Zeilenzeichen auf.
‫Okay?
‫Das ist also einfach, oder?
‫Also ungepufferter Code zum Schreiben von JavaScript.
‫Absätze gleich Tour. Bezeichnung. geteilt durch das neue
‫Zeilenzeichen.
‫Und so wird jetzt ein Array erstellt.
‫Absätze ist also ein Array, bei dem jedes
‫Element im Grunde ein Absatz ist.
‫Okay?
‫Jetzt müssen wir
‫also nur noch alle diese Absätze durchlaufen und ihren Inhalt ausdrucken.
‫Also jedes p, sagen wir, in
‫Absätzen wird p sein. description_text gleich dem aktuellen Absatz,
‫der p ist.
‫Also einfach oder?
‫Lassen Sie uns das überprüfen.
‫Und wir können nicht wirklich
‫sehen, ob es anders ist, weil ich hier nur diesen Blindtext verwendet habe.
‫Aber ich kann Ihnen sagen, dass dies hier
‫der richtige Text sein sollte.
‫Und wenn wir zur
‫Waldwanderertour gehen, eigentlich hier in Compass, wo
‫ist das dann?
‫Genau hier.
‫Wenn wir also hier zur
‫Beschreibung gehen und versuchen, diese zu bearbeiten, fügen wir hier einfach
‫ein weiteres Zeichen für eine neue Zeile hinzu.
‫Dann lass uns aktualisieren und dann sollten wir
‫hier irgendwo einen neuen Absatz sehen.
‫Lass uns das ändern.
‫Und das lief nicht so gut.
‫Ich bin mir nicht sicher warum.
‫Ich habe es nie versucht, also
‫habe ich es zum ersten Mal versucht.
‫Daher bin ich mir nicht sicher, was hier schief gelaufen ist.
‫Vielleicht müssen wir wirklich nur eine neue Zeile
‫erstellen, indem wir die Eingabetaste drücken, aber auch das hat
‫nicht wirklich geklappt.
‫Mal sehen, ob wir hier tatsächlich das
‫neue Zeilenzeichen haben.
‫Und vielleicht ist es dieser hier.
‫Nun, aber egal, vertrau mir einfach.
‫Und jetzt ist unsere neue Linie noch
‫da, was ist los?
‫In Ordnung, los geht's, aktualisieren wir es.
‫Okay, jetzt ist auch unsere andere
‫neue Linie, die wir hier hatten, irgendwie verschwunden, aber egal.
‫Ich schätze, ich hätte Compass nicht verwenden sollen, um diesen
‫Text hier zu bearbeiten.
‫Okay?
‫Wie auch immer, kommen wir nun zu den Bildern.
‫Und im Moment sehen wir sie hier nicht,
‫aber so soll es aussehen, okay?
‫Wir haben hier also drei Bilder, die so
‫nebeneinander angezeigt werden.
‫Und das sind also
‫tatsächlich die Bilder, die hier irgendwo sind.
‫Also ja, im Bildfeld haben
‫wir dieses Array dieser drei Bilder.
‫Wir werden also noch einmal eine Schleife
‫verwenden, um sie zu durchlaufen.
‫Also, einfach genug.
‫Also jedes Bild in Tour. Bilder.
‫Und so wollen wir dies für jeden von ihnen schaffen.
‫Also hier die Quelle.
‫Und das ist eigentlich Image/Tours.
‫Und dann der Name des aktuellen Bildes,
‫das natürlich Bild ist.
‫Und dann haben wir hier im Alt-Text tatsächlich die
‫Nummer der Tour und vor allem
‫auch hier im CSS-Klassennamen.
‫Und so sehen Sie, dass das nächste Bild zwei und
‫Bild drei hat.
‫Okay?
‫Also, wie wollen wir das machen?
‫Nun, in einer Pug-Schleife können
‫wir tatsächlich eine zweite Variable definieren.
‫Und diese zweite Variable wird dann der Index sein.
‫Nennen wir das also ganz einfach ich.
‫Das ist also ein nullbasierter Index,
‫der für das erste Element null und für
‫die anderen beiden Elemente eins und zwei sein wird.
‫Beginnen wir also damit, das dort zu platzieren.
‫Das ist also i, das ist der Index
‫plus 1, denn wir wollen, dass dies 1 und nicht null ist.
‫Und jetzt ist dieser Teil hier etwas
‫kniffliger, weil wir diese Syntax
‫nicht verwenden können und wir auch nicht die
‫andere Interpolationssyntax hier im Klassennamen verwenden können.
‫Stattdessen kopieren wir
‫dies und definieren es tatsächlich als Klassenattribut.
‫Okay, und das ist genau das gleiche.
‫Aber hier können wir dann einen
‫Template-String verwenden, um diesen dann hier auszufüllen.
‫Also ich + 1.
‫In Ordnung, lass uns das loswerden.
‫Und lass es uns testen.
‫Whoa, irgendwas stimmt hier nicht.
‫Wir haben also unsere Bilder, aber sie sehen nicht richtig aus.
‫Aber der Klassenname stimmt eigentlich.
‫Und auch hier sieht man es angewendet.
‫Aber aus irgendeinem Grund wurden diese Bilder nicht gefunden.
‫Oder tat es tatsächlich.
‫Hier unten steht, dass dies nicht der Fall war.
‫Ah, aber das sind eigentlich andere Bilder.
‫Aber das sind einige andere, die etwas weiter unten sind.
‫Wie auch immer, was ich hier vermute, ist nicht richtig, dass dieses Bild
‫in diesem Bildrahmen sein sollte, und daher vermute ich, dass
‫etwas in unserer Einrückung hier falsch ist.
‫Und ja, das ist es tatsächlich.
‫Sie sehen also, dass dieses Bild auf der
‫gleichen Ebene wie dieses div-Element ist.
‫Da fehlt natürlich eine Einrückung.
‫Gut.
‫Und das sollte nun behoben sein.
‫Und es geht los.
‫Gut.
‫Also nur um zu sehen, dass dies das Problem war.
‫Das Bild befindet sich nun tatsächlich in der Bilderbox.
‫So großartig.
‫Als nächstes ist die Karte dran.
‫Denken Sie daran,
‫ich werde zum nächsten Vortrag gehen, damit wir uns vorerst darum kümmern können, die
‫Tour-Rezensionen hier in dieses Element zu setzen.
‫Okay.
‫Und so kommen wir jetzt wieder zu diesem Teil hier.
‫Woher kommen diese Bewertungen eigentlich?
‫Denken Sie daran, wie wir hier im
‫viewController das Rezensionsfeld
‫mit den tatsächlichen Rezensionsdaten gefüllt haben.
‫Und so haben wir gerade Touren. Bewertungen, die eine Reihe aller
‫Bewertungen sind.
‫Und wie Sie wahrscheinlich
‫erraten können, werden wir jetzt hier
‫in diesem Review-Element eine weitere Schleife erstellen.
‫Also, jede Bewertung in Tour. Bewertungen.
‫Und dann werden wir in jedem von ihnen diese Bewertungskarte haben.
‫Gut.
‫Das hier ist
‫eine Menge Code, der uns hier von unserem Hauptinhalt ablenkt.
‫Also lassen Sie uns hier noch einmal ein Mixin erstellen.
‫Gut.
‫Also, lass
‫es uns hier oben setzen.
‫Und Sie werden gleich sehen, warum.
‫Also ReviewCard.
‫Und hier geben wir die Bewertung selbst weiter.
‫Gut.
‫Und jetzt müssen wir diese Einrückungen tatsächlich korrigieren.
‫Und denken Sie daran, anstatt es manuell zu tun,
‫ich werde das VS Code-Paket
‫verwenden, das wir haben.
‫Befehlen Sie also Shift
‫p oder Control Shift p unter Windows und dann Beautify pug.
‫Und damit ist es behoben.
‫Und jetzt müssen wir diese
‫Überprüfung hier basierend auf den Daten erstellen.
‫Aber bevor wir das tun,
‫rufen wir das Mixin hier in jeder Iteration der Überprüfung auf.
‫Also +reviewCard mit der aktuellen Rezension, oder?
‫Werfen wir also einen Blick darauf, wie eine
‫Rezension tatsächlich aussieht.
‫Und wir haben die Bewertungen hier.
‫Aber in der Tat werden sie nicht
‫wirklich nützlich sein, da der Benutzer hier nicht bevölkert ist.
‫Gehen wir also tatsächlich zu einem Postboten
‫und werfen Sie einen Blick auf die letzten ausgefüllten Rezensionen dort.
‫Sagen wir also, eine Rezension auf Tour zu bekommen.
‫Denn das wird dann eine komplette Überprüfung sein.
‫Wir haben also das Bewertungsfeld, die Bewertung und dann den Benutzer.
‫Und was uns hier interessiert, ist dann
‫der Benutzer. Name und Benutzer. Foto.
‫Alles klar, und so wird der Benutzername überprüft. Nutzer. Name.
‫Richtig?
‫Also überprüfen. Nutzer. Name.
‫Und das alles ist
‫notwendig, weil wir jetzt natürlich mehrere Datensätze haben,
‫die miteinander in Beziehung stehen und die mit der Funktion populate jetzt
‫alle irgendwie ineinander verschachtelt sind.
‫Lassen Sie uns auch hier seinen Namen verwenden.
‫Gut.
‫Und dann werden wir
‫hier seinen Namen nicht verwenden.
‫Oh, und ich
‫habe die Interpolation vergessen, und hier ist das Foto.
‫Gut.
‫Hier wird es die Beschreibung sein.
‫Und das ist eigentlich eine Überprüfung. Rezension, glaube ich.
‫Also, ja.
‫Also überprüfen. Rezension.
‫Und das ist
‫der einfache Teil und der schwierige Teil wird als nächstes sein,
‫die tatsächliche Bewertung anzuzeigen, da wir hier für jede der
‫Anzahl der Sterne, die die Bewertung hat, eines dieser Elemente anzeigen müssen.
‫Eine Fünf-Sterne-Bewertung braucht also alle diese fünf Sterne.
‫Aber eine Vier-Sterne-Bewertung braucht nur vier davon und dann
‫wollen wir auch noch einen grauen Stern.
‫Also im Grunde vier von fünf, okay?
‫Aber schauen wir erst einmal, ob das tatsächlich funktioniert.
‫Also alles außer der Bewertung.
‫Laden wir also neu, und tatsächlich
‫sind wir hier mit den Benutzern, dem Namen und dem Bewertungstext selbst.
‫Und jetzt kümmern wir uns auch darum,
‫die Bewertung tatsächlich anzuzeigen.
‫Wir werden hier also die Anzahl der
‫Sterne in einer Schleife drucken.
‫Es gibt also fünf mögliche Sterne und wir durchlaufen
‫eine Schleife von eins bis fünf.
‫Dann testen wir bei jedem Stern,
‫ob die Tourbewertung höher oder gleich dem aktuellen Stern ist.
‫Und wenn ja, drucken wir einen grünen Stern,
‫der für einen echten Stern steht.
‫Und wenn nicht, ist es ein grauer Stern.
‫Also wieder, was nur ein inexistenter Star ist.
‫Zum Beispiel, um drei von fünf zu zeigen, okay?
‫Und das klingt wahrscheinlich etwas abstrakt, also implementieren
‫wir es einfach.
‫Also jeder Stern drin.
‫Und jetzt haben wir noch kein Array und
‫erstellen es einfach.
‫Also 1, 2,
‫3, 4 und 5, das sind alle möglichen Sterne.
‫Als nächstes kopieren wir das hier.
‫Und jetzt besteht der Unterschied zwischen einem grünen Stern
‫und einem grauen darin, dass der grüne
‫hier den aktiven Modifikator hat und der graue inaktiv.
‫Also werden wir das mit einer Vorlagenzeichenfolge ändern, okay?
‫Und so brauchen wir hier nach wie
‫vor diesen Klassennamen als Klassenattribut.
‫Gut.
‫Dann sollte dies auch hier sein.
‫Lass uns das loswerden.
‫Und nun lassen Sie uns den Test machen, den wir gerade erwähnt haben.
‫Und wieder wird das Ergebnis sein,
‫dass dieses Jahr entweder aktiv oder inaktiv ist.
‫Lassen Sie uns an dieser Stelle etwas JavaScript einsetzen.
‫Was wir hier also tun werden, ist zu testen,
‫ob die Überprüfung vorliegt. Bewertung, in der
‫die Bewertung gespeichert wird, ist größer
‫oder gleich dem aktuellen Stern.
‫Im Grunde schreiben wir hier also einen Drehereibetreiber.
‫Und wenn ja, dann möchten wir
‫hier sagen, aktiv, und wenn
‫nicht, dann
‫inaktiv.
‫Und das sieht irgendwie komisch aus, ich weiß.
‫Lassen Sie uns das einfach an einem einfachen Beispiel veranschaulichen.
‫Sagen wir also, wir haben drei von fünf Sternen, okay?
‫In der ersten Iteration ist star also eins.
‫Und so ist eins natürlich weniger als drei.
‫Und so sollte der erste Stern natürlich ein grüner
‫sein, und deshalb setzen
‫wir hier aktiv aus, was dann zu reviews_star--active führt.
‫Okay?
‫Dann das gleiche mit dem zweiten und dritten Stern.
‫An diesem Punkt haben wir also drei grüne Sterne.
‫Aber der vierte und der fünfte sollten grau sein.
‫Okay?
‫In der vierten Iteration ist der Stern hier also vier.
‫Der Test ist also drei größer als vier?
‫Nein, es ist falsch und daher inaktiv.
‫Und so wird das dann ein grauer Stern sein, und
‫dasselbe für den letzten, also den fünften Stern.
‫In Ordnung, also testen wir das.
‫Und eigentlich können wir es hier nicht testen, denn
‫dieser Waldwanderer hat eine perfekte fünf
‫von fünf Bewertungen und
‫somit sind alle Bewertungen fünf Sterne.
‫Und so müssen wir zu allen Touren hierher kommen.
‫Und obwohl dieser Link noch
‫nicht wirklich funktioniert, Sie sehen also
‫nur solche Bearbeitungen, diesen Hash hier.
‫Also lass uns schnell weitermachen und das beheben.
‫Und das steht in der Kopfzeile, also gleich hier.
‫Aber das wollen wir nicht.
‫Wir wollen einfach auf unsere Stammseite gehen.
‫Das ist also nur der Schrägstrich.
‫Also neu laden.
‫Und jetzt unten im
‫Link sehen Sie, dass wir genau das haben.
‫Und damit kehren wir tatsächlich zu unserer Übersichtsseite zurück.
‫Gehen wir also zu einer Seite mit einem niedrigeren Durchschnitt.
‫Und das ist der Sportliebhaber.
‫Mal sehn.
‫Und natürlich sehen Sie,
‫dass jetzt alle Daten für diese spezielle Tour korrekt sind.
‫Sie sehen also wieder diese 3. 9 Durchschnitt.
‫Sie sehen all
‫diese verschiedenen Reiseleiter, die verschiedenen Bilder und
‫Sie sehen alle Bewertungen.
‫Und Sie sehen auch, dass die Sterne tatsächlich funktionieren.
‫Diese erste Bewertung ist also eine Fünf-Sterne-Bewertung.
‫Und so sehen Sie hier unten fünf,
‫vier, eins und dann eine Reihe von Vier-Sterne-Bewertungen.
‫Okay, das war etwas verwirrender, dieser Teil, aber
‫wir haben es trotzdem geschafft, es zum Laufen zu bringen, oder?
‫Eine Sache, die ich Ihnen nur zeigen wollte, ist, dass wir
‫tatsächlich auch exportieren können, im
‫Grunde ein Mixin in seine separate Datei.
‫Also lass uns das einfach kopieren und hier
‫ein neues Mixin
‫erstellen, oder eigentlich eine neue Datei.
‫Und da wir es dann
‫einschließen, werde ich dies noch einmal mit diesem Unterstrich voranstellen.
‫Und nennen wir es reviewCard. Mops.
‫Dann füge es hier ein.
‫Und alle Einrückungen sind
‫immer noch korrekt, und jetzt müssen
‫wir nur noch sagen, _reviewCard
‫einbeziehen.
‫Und wenn wir das
‫jetzt versuchen, sollte es immer noch funktionieren, was es auch tut.
‫Gut.
‫Also haben wir
‫bisher viel Code geschrieben und sind fast fertig.
‫Alles, was Sie noch tun müssen, ist dieser Call-to-Action-Abschnitt.
‫Und hier müssen wir nur diese Dauer
‫hier wirklich ändern.
‫Also haben wir diesen netten Slogan
‫wie, 10 Tage.
‫1 Abenteuer.
‫Unendliche Erinnerungen.
‫Gut?
‫Aber wir müssen die
‫Anzahl der Tage tatsächlich ersetzen, damit sie für diese spezielle Tour korrekt ist.
‫Lassen Sie uns dafür eine Vorlagenzeichenfolge erstellen.
‫Also Tour. Dauer.
‫Und dann haben wir auch hier einige der Tourbilder, okay?
‫Also machen wir das auch.
‫Das ist also das Bild. Tours oder
‫/tours und dann Slash-Tour. Bilder.
‫Und denken Sie daran,
‫dass dies ein Array ist und ich einfach das erste und das zweite Element verwenden werde.
‫Oder eigentlich der zweite und der dritte, weil ich herausgefunden
‫habe, dass diese in
‫der Situation normalerweise etwas besser aussehen.
‫Also
‫kopieren wir das.
‫Setze das hier ein.
‫Oh, und wir vermissen hier die schließende Klammer.
‫Und fügen wir einfach einen alternativen Text hinzu.
‫Tourbild.
‫Gut.
‫Und ich denke, das ist es tatsächlich.
‫Also nur ein letzter Versuch.
‫Sie sehen, dass es hier gerade leer ist.
‫Aber jetzt haben wir tatsächlich die gleichen
‫Bilder hier.
‫Das sollte also Nummer zwei sein.
‫Aber trotzdem, jetzt
‫steht 14 Tage, und das ist jetzt alles richtig.
‫Genial.
‫Das ist fantastisch.
‫Das war viel Arbeit, aber
‫ich denke, es hat sich wirklich gelohnt.
‫Diese Seite sieht meiner Meinung nach absolut fantastisch aus.
‫Es ist wirklich atemberaubend.
‫Und so ist jetzt alles verbunden.
‫So können wir bei jeder
‫Tour zu allen Touren zurückkehren und uns alle anderen ansehen.
‫Sehen wir uns den Parkcamper an.
‫Die Parkcamper-Tour.
‫Alle Details.
‫All die verschiedenen Anleitungen,
‫Bilder, ihre Bewertungen und tatsächlich diese verschiedenen Bilder.
‫Toll.
‫Sie sehen also dieses leere Loch hier in der Mitte unserer Seite.
‫Und da wird die Karte als nächstes sein,
‫und das machen wir
‫jetzt gleich in der nächsten Vorlesung.