React, Tailwind und Firebase: Aufbau einer modernen Blog-Website

1. Kurs-Einführung: Hallo Leute, mein Name ist Joel D Muller, und ich werde in diesem Kurs ganz oben stehen, indem ich eine einfache Block-Seite erstelle, die auf stählendes CSS und die Feuerbasis reagiert In diesem Kurs werden wir verschiedene Prozesse durchlaufen, bei denen wir eine Block-Site erstellen, unseren Blog erstellen, ihn in unsere Datenbank hochladen unserer Datenbank abrufen und Wir werden für unsere Datenbank verwenden, wir werden Pier Base verwenden und für unseren Stil anstelle von normalem CSS oder dem Vanilla-CSS, das wir zuvor kennen , werden wir die Fälle verwenden, in denen Sie in diesem Kurs ein bisschen Idee für den Stil benötigen . Außerdem kennen wir alle die Effizienz von React, die wir bei diesen Kosten einsetzen werden, um genau zu sein. Und nach dem Kurs, ob es da welche gibt, ist dir klar, nach dem Upload des Glow-Kurses haben wir den Link Zu in der Beschreibung unten eingefügt. Du kannst es überprüfen und auf den Code klicken und ihn selbst überprüfen und ihn sogar kopieren, wenn du willst, glaub mir, diesen Kurs wirst du mir notieren lassen und du wirst den Kurs genießen, ohne dass ich weiter mache, wie sie angefangen haben. 2. Umgebung einrichten: Um zu beginnen, muss ich meine Umgebung starten, Damage to Start My Damages Ich werde einen neuen Ordner erstellen einen neuen Ordner und ich werde ihn nennen, ich kann ihn Namen nennen, aber ich werde diesen Block nennen Dann öffne ich ihn in meinem Visual Studio-Code. Danach muss ich mein React installieren und alles richtig starten. Ich muss mein React und mein T CSS installieren. Wir werden Firebase später installieren , da dies gegen Ende des Tutorials sein wird , bevor wir mit der Implementierung der Firebase beginnen können Implementierung der Firebase beginnen Für mich, um meine Reaktion zu erstellen, gibt es diese Standardmethode zum Erstellen von Reaktoren MPM create create react, aber ich werde das nicht verwenden weil es ein bisschen Zeit in Anspruch nimmt , evi MPM create react verwende Es gibt also eine Alternative dafür. Das macht es einfacher. Sie machen Ihre Reaktion leichter und schneller. Also werde ich T verwenden. Zum Glück kann ich meinen VT auch zusammen mit meinem Hecksensor installieren Das ist also der Befehl, du kannst zu deiner tail.com-Anleitung gehen zu deiner tail.com-Anleitung Gehen Sie also zu diesem Framework-Leitfaden. Gehen Sie also zu, weil wir VT verwenden werden. Sie können das also einfach kopieren . Kopiere nicht alles. Brauche nicht alles. Kopieren Sie einfach dieses MPM, erstellen Sie Tartest, weil wir die neueste Version von React oder die neueste Version davon benötigen , um installiert zu werden Leg es auf dein Terminal, dein Bruder, damit es dem Namen des Projekts entspricht Nennen wir es Blog oder ich nenne es meinen Namen, J Blog. Sie können den Namen dafür verwenden. Joel Blog klicken Sie auf Enter Also wird es für den Paketnamen Blog haben Sie müssen dies also beachten , wenn Sie die Bananen-Ansicht auswählen oder wir React React verwenden Wir verwenden kein Typoskript. Wir verwenden dafür kein Jo-Skript. Warum also klicken Sie darauf, um zu CD zu J-Blog zu wechseln und dann MPM zu installieren, um die für diese App erforderliche Abhängigkeit Nach der Installation können Sie jetzt MPM run ausführen, können Sie jetzt MPM um die App auszuführen, und S funktioniert einwandfrei Sie können also auf diese Steueraudiosteuerung klicken und klicken. Wir werden also sehen, wie die App auftaucht. Wir konnten also unsere Environmental React-App einfach einrichten, aber wir müssen noch unser Tailwind-Paket installieren Also kopiere das und dann kannst du dafür ein anderes Terminal öffnen Also musst du es in deinem Blog oder wie auch immer du es nennst, sehen und kontrollieren. Damit wird das CSS für t win installiert, danach müssen Sie das P t winds it installieren. Dann fügst du das auch ein. Danach haben wir unsere CSS-Konfliktdatei und wir haben unsere, wenn Sie hier nachsehen, Ihren Quellmodus, Sie haben Ihr Index-CSS und andere Dinge drin Danach müssen wir das in unseren Tailing Config JS kopieren und in unseren Inhalt einfügen Wir müssen das kopieren und d einfügen. Dieses symbolisiert einfach, dass wir an jedem Lebensmittel jeder Datei, die diesen Index, Index, HTML, oder at oder do Tx hat , jeder Datei, die diesen Index, Index, HTML, oder at oder do Tx hat, daran arbeiten können Wenn das nicht im TCS steht , können wir nicht auf unserem Grundstück arbeiten Und auch in unserem Index-CSS müssen wir dies in das frühere Index-CSS kopieren Sie können es also einfach oben einfügen und danach sind wir meiner Meinung nach startklar. Außerdem muss ich für dieses Tutorial einige Schriftarten importieren, muss ich für dieses Tutorial einige Schriftarten importieren die ich für dieses Tutorial verwenden werde. Es gibt einige spezielle Schriftarten, die ich für diese Storia verwenden werde verwenden Also werde ich diese Google-Schrift importieren. Sie können es auch kopieren und dasselbe tun : San Inter Barbers und Amar öffnen . Dies sind die formalen Schriftarten, die ich verwenden werde Damit ich dieses Frontal implementieren kann , muss ich es zu meiner TV.cc-Datei hinzufügen TV.cc-Datei Also mach dir keine Sorgen. In der Konfiguration. Ich habe viele Dinge hinzugefügt. Also innerhalb des Teams wissen Sie, dass Ihr Team vorher ziemlich leer war, aber ich habe die erweiterte The Extender-Schriftfamilie hinzugefügt Das sind also für jede Schrift die Mittel, die ich gebraucht habe. Ich kann diese Schrift also jederzeit in meinem React, auf meiner Seite oder so aufrufen . Also diese Farbe, also möchte ich nicht jedes Mal Farbe hinzufügen, vielleicht immer dann , wenn ich Primärfarbe verwenden möchte. Mir muss nur jedes Mal dieser A 535 hinzugefügt werden. Sie werden es also einfach machen , dass, wenn ich es hier hinzufüge, ich vielleicht die Hintergrundfarbe als primär bezeichnen kann Wenn ich also die Farbe hier ändere, ändert sie sich für jede andere Seite, die ich benötige Entweder verwende ich diese Primärfarbe, anstatt von einer Seite zur nächsten zu wechseln, um die Farbe zu ändern. Danach brauche ich den Chrism-Ordner. Zuallererst mein Seitenordner und dann mein Komponentenordner Im Seitenordner haben wir also alle Seiten, die für diese App benötigt werden , oder vielleicht die Politikseite oder die Fußballseite oder eine andere Seite. Und Component, weißt du, Component React ist wie ein wiederverwendbarer Code, anstatt dass ich ihn für jede Seite neu schreibe, ich kann ihn einfach zusammenstellen und auf dieser bestimmten Seite verwenden Es müssen also noch einige andere erledigt werden. Also in meinen Apps.6 brauchen wir das alles nicht. Okay, lassen Sie uns überprüfen, ob unsere Reaktion , unser Schwanzsinn Also bitte drinnen. Lass mich sehen. Damit du deinen Rückenwind nutzen kannst, musst du den Klassennamen sagen Ja, dieser Klassenname. Lass mich sehen, dass der Hintergrund gelesen werden sollte. G sechs. Lass mich sehen, vielleicht wird das funktionieren, funktioniert nicht. Lass mich wahrscheinlich dieses Ding neu starten. Oh, kannst du es jetzt sehen. Nach der Installation von Ten Sass müssen Sie also den laufenden Server schließen und erneut starten Sie können also sehen, dass unser T SS jetzt einwandfrei funktioniert. Aber das brauchen wir nicht auf unserem Server. Wir brauchen diese Seite nicht. Wir brauchen also eine völlig andere Seite. Damit ich das machen kann, habe ich schon einen Code . Wir werden ihn erklären, ich werde ihn einfach kopieren und einfügen und ihn dann später erklären. Also, was ich jetzt einfach mache ist meine Route so zu installieren, dass ich verschiedene Seiten in meinem Distin bewerten kann , aber es wird jetzt nicht funktionieren, weil ich meinen React-Router Doom nicht installiert habe meinen React-Router Doom nicht installiert Um das zu installieren, kannst du das einfach kopieren und in deinen Dist-Check PPG sell einfügen deinen Dist-Check PPG , um es in deinem Browser in deiner App zu installieren Also kopiere einfach diesen Befehl und komm nach der Installation hierher zu deinem Also, du kannst zu deinem Plan zurückkehren Also auf jeden Fall wird es Plan sein, weil ich keine Seite darauf geladen habe. Also diese werden wir später verwenden. Dies sind die Seiten, die wir erstellen werden. Wir brauchen die Homepage, die Kontaktseite, die verschiedene Blogseite. Dann brauchen wir die Blogdetails und erstellen einen Blog. Zuallererst brauchen wir also unser Navi und unsere Fußzeile. Wenn du hier nachschaust, okay. Entschuldigung. Also wenn wir hier oben nachschauen, haben wir unsere Nu die Suche und den Namen des Logos und die anderen Dinge, und wir haben unsere Fußzeile Das ist der, unter dem wir stehen werden. Also alle anderen Seiten werden wir innerhalb dieser beiden Komponenten rendern. Es gibt also zwei Komponenten , die wir jetzt erstellen müssen, die D-Nerva und die Fußkomponente 3. Navbar und Footer: Also nach der Installation kannst du zurück zu deinem PC gehen . Also auf jeden Fall wird es Plan sein, weil ich keine Seite darauf geladen Also das sind die Dinge, die wir später verwenden werden. Dies sind die Seiten, die wir erstellen werden. Wir brauchen die Homepage, die Kontaktseite, die verschiedene Blogseite. Dann brauchen wir die Blogdetails und erstellen einen Blog. Zuallererst brauchen wir also unsere Nerva und unsere Fußzeile. Wenn wir dort nachschauen. Wenn wir also dort nachschauen, haben wir unsere Nummer, die Suche und den Namen des Logos und die anderen Dinge, und wir haben unsere Fußzeile Das ist der, unter dem wir stehen werden. Also alle anderen Seiten, die wir rendern werden , werden wir innerhalb dieser beiden Komponenten rendern. Es gibt also zwei Komponenten , die wir jetzt erstellen müssen, die Header Nerva und die Also, um damit zu beginnen. Also ich bevorzuge es, alles zusammen auf dem Display zu sehen, zuerst in einer relativen Display-Isolierung und wenn der Bildschirm ziemlich groß ist, die Spitze des P-Damms horizontal und vertikal ist , wäre die Polsterung gleich Null Wenn das Screening klein ist. Die Polsterung wird für die gesamte Seite acht sein und der Hintergrund sollte weiß sein und so Also zeige ich auch Flex an. Also Flex minus eins und andere Dinge. Das sind einfach, sie sind frech von weniger, machen weiter. Also muss ich mein Finale dort nerve.sx und mein Foto GSX erstellen und Also ich reagiere, wenn Sie React verwenden, müssen Sie alles importieren , um diese Funktionen außerhalb dieses speziellen Reservats aufrufen zu können , Sie haben Ihren Index-Indexpunkt Sie haben Ihren Index-Indexpunkt Auf diese Weise können Sie diese beiden Komponenten oder jede andere Komponente, die sich darin befindet, jederzeit aufrufen . Also exportiere jetzt im Grunde alle zwei Komponenten raus. In meiner Nummer können Sie also diesen Befehl eingeben. Wenn Sie installiert haben, gibt es eine INS-Station, die Sie wiederherstellen müssen, wenn React aufgebraucht ist. Ich werde also in der Lage sein, das zu tun, was ich jetzt tun werde. Das tut mir leid, RSC. Das wird dir helfen, die Seite zu erstellen, auf der du das tun kannst Sie können das Gleiche auch hier tun, auch in Ihren Töpfern vielleicht können Sie in unseren arbeiten Schauen wir uns unsere Komponenten an. Wir integrieren gerade diese beiden Komponenten, Nerv und den Router Es tut uns leid. Okay. Also Nava, also diese beiden, sagen wir vielleicht werden sie auftauchen Kannst du die beiden Komponenten sehen, die bereits auf unserer Reaktionsseite angezeigt werden auf unserer Reaktionsseite angezeigt In unserem Hauptteil müssen wir diese Hauptteile also in einem Router zusammenfassen , damit wir durch verschiedene Seiten weiterleiten können. Also habe ich gerade diesen Browser-Router aus dem React hinzugefügt , dass wir die Zeit installieren und wir haben ihn so zusammengestellt, dass wir jedes Mal, wenn wir durch Seiten routen, in der Lage sind, wenn wir auf eine bestimmte Seite klicken, zu dieser Seite zu eilen und diese Seite ohne Fehler aufzurufen so zusammengestellt, dass wir jedes Mal, wenn wir durch Seiten routen, in der Lage sind , wenn wir auf eine bestimmte Seite klicken , zu dieser Seite zu eilen und . Jetzt können wir also sehen, dass unsere Bar vergebliche Arbeit macht. Also müssen wir nur ein gewisses Design darauf implementieren. Also, um anzufangen. Ich werde nur ein paar Codes durchgehen. Ich glaube, du hast eine Idee dazu. Ich folge nicht einfach dem sehr einfachen Code , ich werde irgendeinen komplexen Code schreiben, einfaches Gamma-Skript im Handumdrehen. Ich werde, falls nötig, eine Erklärung geben. Ich muss ein Objekt erstellen, das Links enthält, mit denen Cation aufgerufen werden kann . Also deklariere ich im Grunde den Namen eines bestimmten Links und das Routing Das ist die Seite, zu der ich weiterleiten wollte. Ich wollte zum Beispiel zum Seitenpunkt weiterleiten. Ich wollte zum Blogspot weiterleiten. Also so wird es dort im Grunde sein. Also werde ich das einfach kopieren. Also genau dafür werde ich es tun. Das ist es auch. Also habe ich einfach andere hinzugefügt, wie zum Beispiel Spot This Way sie. Ich habe jetzt das Routing der Pitch-Seite erstellt, aber ich möchte, dass es so zu einer anderen Tonhöhe geleitet wird. Also mach dir keine Sorgen. Ich werde zeigen , wie wir zu einer anderen Seite weiterleiten. Also als nächstes muss ich eine Funktion für responsives Design erstellen eine Funktion für responsives Design , damit sie, wenn sie fertig sind. Zum Beispiel, überprüfen Sie das jetzt. Wenn die App kleiner ist, möchte ich, dass du diese Schaltfläche einblendest durch diese Seiten blättern kannst Also muss ich dafür eine Funktion erstellen, damit wir das zeigen, wenn es diesen bestimmten Zustand Also muss ich das hinzufügen. Ich muss es eingeben , damit ich es verwenden kann. Also hier brauche ich ein D das Schlechte von Also dieser Link muss importiert werden wenn Sie irgendwelche Symptome darauf haben, können Sie dieses Ding direkt importieren, indem Sie den Tab, den Sie importieren müssen , in Cycle Brass einfügen Vom Dachboden Also das Also hier wird das Logo sein, das Logo für die App, dieses spezielle Logo Die Art und Weise, wie ich es in Links einpacke, sodass ich, wenn ich auf einer beliebigen Seite auf das Logo klicke, auch zur Seite zurückkehren kann. Lassen Sie mich also einfach jedem von ihnen ein Styling geben. Ich repariere es so , dass die Na immer an der Spitze sein wird, auch wenn ich Naver hochklettere, wir existieren einfach auf der Seite Der Link bedeutet also , wenn sie darauf klicken, wo will ich hin, also will ich Also lass mich ihm auch etwas Styling geben. Und für den Namen der Bildklasse sollte ich der sein und das Logo selbst, das Logo selbst. Ich muss importieren. Das ist das Logo, das ich verwenden möchte habe es hier exportiert, damit ich es von jedem Ort aus aufrufen kann. Also muss ich es nur exportieren. Lass es mich hier Logo nennen. Können Sie sehen, dass automatisch importiert wird ? Das sind Visual Stud-Importe für mich Lassen Sie uns also überprüfen, ob das in unserer App tatsächlich funktioniert. Kannst du sehen, dass wir das Logo hier haben. Es bleibt also das N in der Sagbar und die anderen Links. Also muss ich den Button auch so erstellen, dass, wenn sie ein mobiles Formular benutzen, der Button gilt. Also das ist es, was ich jetzt erstellen möchte. Also ich brauche das Symbol, das ist das Punktsymbol, weißt du. Äh, dieses D-Symbol. Also im Grunde wird es drin sein, Sie können die Null-Symbole überprüfen. Es gibt viele Symbole , auf denen Sie sich das ansehen können, sodass Sie es kopieren und einfach in Ihre App importieren können. Aber bevor Sie es importieren, müssen Sie es zunächst in Ihrem Projekt installieren . Das heißt zuerst dieses Nullsymbol, kopiere es und füge es auf dieses Ding ein. Du wirst diesen sehen. Sie müssen es also zuerst über Ihr Terminar importieren , bevor Sie es bewerten oder verwenden können Also muss ich Import importieren und der zweite ist X M für Rat Also kann ich es auch studieren. Was das einfach bedeutet , wenn es groß ist, dass der Bildschirm groß ist. Dieses Symbol sollte sich erwärmen. Insbesondere sollte das Heizen sein. Aber wenn der Bildschirm kleiner als groß ist, diese beiden Lass mich einfach lernen klicken, ich möchte eine Funktion ausführen, die mobile auf True gesetzt hat. So einfach ist das also lassen Sie uns das überprüfen. Lassen Sie uns überprüfen, warum das nicht angezeigt wird. Entschuldigung, es gibt einen Fehler, also ist es vorbei. Ja, das ist das Problem. Sie können also sehen, dass der Button angezeigt wird. Wenn der Bildschirm also klein ist, wird die Schaltfläche angezeigt, wenn der Bildschirm groß ist, wird die Schaltfläche nicht angezeigt. Das ist hauptsächlich das , was man damit erreichen will. Also los, wir müssen unsere erstellen. Also, ich möchte, dass die Suche anfänglich bei weniger als einem mittleren Wert beginnt. Ab der mittleren Stufe ist das Bildschirmproblem also der Suchschuh. Ich möchte also nicht, dass es angezeigt wird , wenn der Bildschirm klein ist. Das ist also hauptsächlich das, was ich erreichen möchte. Lassen Sie uns also überprüfen, wann wir es anzeigen und das soll unsere Suche nicht auf dem kleineren Bildschirm zeigen, sondern auf den größeren Bildschirmen. Das ist hauptsächlich der Schaden. Jetzt müssen wir also unsere Links erstellen. Also unser Also konnten wir in diesen Tagen erreichen, was wir meinen unsere Links. Also das werden wir jetzt damit erreichen. Also noch ein D. Aus dem D werden wir also das Navigationsobjekt abbilden , das wir das andere Mal erstellt haben. Also für jeden von euch möchte ich einen Link. Also musst du auf jeden Fall den Schlüssel eingeben, das sind die Gegenstände. Das heißt, wenn sie klicken, verbindet der Punkt H Sie müssen ihn auch stylen. Der Text sollte also klein sein, die Form sollte c halbfett sein und am Anfang stehen. Wenn Sie also einiges davon nicht verstehen, können Sie dieses Ding einfach darauf setzen Ihr Cursor darauf zeigt an, was es bedeutet. Sechs zu führen bedeutet also , dass Linie vertikal ist. Das ist 1,5. So ist das in CS. Wenn ich übertreibe, will ich die Primärfarbe. Ich möchte, dass die Primärfarbe ist. Also das sind die Namen, die ich haben möchte, damit sie zeigen, dass sie vielleicht gut funktionieren Sie zeigen bereits, was zusammen passiert ist. Mal sehen, was wir tun können, indem wir die Standardeinstellung gestalten. Klassenname, Ein Diebstahl sollte ein Katamaran sein. Nein, erinnere dich an Diebstähle, die zu einem bestimmten Zeitpunkt eingegeben wurden. Spurensuche, breit. Dieses Tracking-White bedeutet also einfach einen Buchstabenabstand. Also, wenn der Bildschirm groß ist, wollte ich ihn zeigen. Also, wenn der Bildschirm groß ist, zeigt die Show diese Linkfarbe. Sehen wir uns also die Anfangsfarbe des Textes Aber denken Sie daran, warum wir darauf klicken. Dieser zeigt die Liste dieses Dings nicht wie dieses. Warum wir darauf klicken, wird die Liste der Funktionen angezeigt, z. B. die Liste der Seiten, zu denen wir weiterleiten können. Um das zu erreichen und das nach unserem zu erreichen, müssen wir einen Dialog in Gang setzen. Damit wir diesen Dialog nutzen können, müssen wir ihn also einbringen. Damit wir auf diesen Dialog zugreifen können, ist es auch in einer Reaktion. Geburt des Gürtels, der Herr hatte das Brot der Geburt des Mädchens Das ist uns also gelungen, unsere Zahlen erfolgreich zu erstellen Sie sehen also, indem Sie zu einem kleinen wechseln. Also das Nest sind nur wir , um an der Fußzeile zu arbeiten. Unser Schicksal funktioniert also. Also unsere Fußzeile, wir müssen daran arbeiten. Für unsere Fußzeile benötigen wir also nur den sehr einfachen Prozess, wir müssen ihn nicht extra importieren Ein Abschnitt, in dem alles läuft, dieses Div mit dem Namen Imputes for subscribe und einigen anderen Dingen dort Also ohne lass uns einfach anfangen. Ich werde verwenden, Sie können es bei D belassen , aber Sie können stattdessen Abschnitt verwenden. Abschnitt innerhalb des Abschnitts, wir haben D. Sagen wir, täglicher Nachrichtenbrief. Danach haben wir also ein Formular. Also lass es uns so gestalten, dass alles, was wir tun, Sinn macht. Schauen wir es uns an. Also das ist, lass es uns stylen und sehen, wie wir aussehen werden. Schauen wir uns also an, was auf der W.S tatsächlich so ist, wie wir es haben wollen. Aber nur ein bisschen Werbung mitbringen geht nicht. Es ist nicht voll wie die anderen, also müssen wir nur mit einer kleinen Berührung verbunden arbeiten und es wird genau so sein, wie wir es haben wollen. Ja, also lasst uns nochmal nachschauen warum das irgendwie unsinnig auftaucht und lasst uns unseren Index überprüfen oder ob CC wahrscheinlich das oder das ist , was wir das letzte Mal nicht entfernt haben. Also wahrscheinlich sind sie es, die unsere Seite kreuzen . Lassen wir sie also und beschriften sie als ob sie funktioniert. Also haben wir es geschafft, unseren Nervenbalken und unseren Töpfer zu erreichen . Also das nächste Ding ist nur unsere Seite. Das ist jetzt die Seite. dem Slider können wir verschiedene Bilder verschachteln und sehen, die Social-Media-Symbole und die verschiedenen Blog-Beiträge, den neuesten Beitrag und das Kontaktformular und die Damit wird das nächste Video erreicht, Staat. 4. Komponente und Startseite (a): Also kommen wir zurück, Leute. In diesem nächsten Teil werden wir also mit unserer eigenen Seite und einigen anderen Komponenten arbeiten , die erstellt werden müssen, damit sie richtig funktionieren. Ich habe meine eigene Datei erstellt, und ich habe eine Sentinpting Your Component, Sino Pages, exportiert , sodass ich sie hier aufrufen kann Also kann ich das verwenden, was ich von Seiten aus angerufen habe , und ich kann es weiterleiten Also wenn wir das überprüfen, sehen Sie, dass es schon da ist. Also müssen wir nur einen kleinen Code hinzufügen und es zum Laufen bringen. Schauen wir uns also die vorherigen Arbeiten an. Ihr seht hier drüben auf der Seite von der, der wir folgen wollen. Es hat einen Slider. Dieser Slider ist die eigenständige Komponente , die eigenständige Komponente. Es hat diesen Code, es hat einen anderen Blog. Es hat einen anderen Blog-Bereich. Wir haben die Politik, die Wirtschaft, die Technologie, den Sport, die Unterhaltung, und jeder von ihnen hat seine eigenen Karten. Wir haben die Schaltfläche und die Schaltfläche „Mehr lesen“. Diese Karte ist also auch eine Komponente, die wir von verschiedenen Seiten aufrufen können. Wir müssen nicht alles kopieren und einfügen. Sie müssen es nur als Komponente erstellen und für andere wiederholen. Also brauchen wir diese Kontaktseite. Diese Kontaktseite ist auch eine Komponente. Ich werde erklären, warum es eine Komponente ist. Es ist eine Komponente, weil ich sie auf seiner Homepage aufrufe, und ich habe auch einen Abschnitt namens Kontakt, was dasselbe ist. Also ich möchte vielleicht nicht haben, nachdem ich den Code für den Kontakt geschrieben habe. Ich werde jetzt zu diesem Lager zurückkehren und einen weiteren Code für den Kontakt schreiben. Also werde ich dieses Formular einfach als Komponente erstellen und wir rufen es in zwei von ihnen auf. Ich denke, das sollte gut funktionieren. Das sollte also für unsere Kontaktseite sein, unsere eigene Seite, an der wir arbeiten werden. Sie Lassen Sie mich zunächst unsere Slider-Komponente erstellen. Ich werde dir den Namen My Slider geben. Es ist meine Arbeit darin. Dafür muss ich die Slider-Komponente installieren die Slider-Komponente installieren , die wir in React verwenden werden. Es gibt einen bestimmten Slider, wir in React verwenden werden, damit wir nicht unsere eigene Folie schreiben müssen weil das einfach ein Mann ist, der nicht wie ein Unternehmen oder ein starker Blog ist. Um die Grundlagen des Bloggens zu verstehen , muss ich den Link setzen, auch weil wir dort diese Icons haben werden. Also möchte ich darauf klicken, es leitet zu einer bestimmten Social-Media-Seite des Blocks weiter. Okay. Außerdem müssen wir ein bestimmtes CSS importieren, das dem Slider und verschiedenen Symbolen folgt. Das ist unser Facebook-Symbol, unser Stagrammsymbol, unser Inin-Symbol und unser Twitter-Symbol Es ist also das alte Twitter-Symbol. Es gibt ein neues X. Also wirst du das alte nur dafür benutzen. Das sind die CCs , die benötigt werden. Als ob das mit dieser Slider-Komponente verwendet werden musste. Als Nächstes brauchen wir also ein Objekt oder ein Array, ein Array, das das Objekt jeder Schaltfläche enthält , die wir haben werden, wissen Sie, ein Array ist eine Arienschaltfläche oder es hat zwei Hauptkomponenten innerhalb des Objekts. Der Bereich hat also unterschiedliche Objekte. Also jedes Objekt hat den Namen und die Personalabteilung. HF bedeutet die Verbindung zu jedem von ihnen. Wenn ich also jetzt auf dieses Facebook klicke, sollte es mich zu einer bestimmten Facebook-Seite führen. Also nachdem ich darauf geklickt habe. Also sollte es einen Namen haben. Also wird der Name das Symbol enthalten, das ich gebraucht habe , und der Link wird unter dem H sein. Also ich nenne es, es kostet okay. Also verwende ich das Symbol. Ich verwende jetzt kein Fehlersymbol, ich verwende das Symbol. Es gibt ein anderes Symbol, das Sie verwenden können. Icon ist auch eine sehr gute Bibliothek, die Sie überprüfen können. Und Sie können nach verschiedenen Symbolen suchen, die Sie benötigen. Und nachdem Sie es wie bei Facebook gesucht haben, können Sie einfach darauf klicken und den Code kopieren. Also nachdem Sie es herauskopiert haben, nachdem Sie es in diesem Bereich platziert haben. Sie können es auch aufrufen, indem Sie hierher kommen und es herausrufen, das ist Phase F. Ich möchte es also zunächst aufrufen, bevor ich es innerhalb des Hauptfensters aufrufe. Also werde ich keinen Link setzen. Aber nur zu Übungszwecken . Lassen Sie mich einfach sehen, dass Standardeinstellung vielleicht Google Dot Also ich möchte jederzeit, wenn ich darauf klicke. Ich werde es einfach kopieren und einfügen. Ich werde einfach kopieren und einfügen wie bei anderen und ich werde einfach das ändern. Also ich entscheide mich für Twitter, YouTube, Insta, Grammatik und Linden Also, was ich, anstatt WW in dich einzufügen google.com, füge ich den Webpunkt Facebook, twitter.com, Instagram.com und der Link in.com beziehen sich nicht auf ein bestimmtes Konto, nur für das Standard-Tuk-In-Konto . Als nächstes bleiben die Daten, die unser Slider verarbeiten wird . Sie sehen jetzt dieses Bild, das erste Bild hier zeigt aktuelle Nachrichten und dann enthält es die Details. Das ist wie die Standardeinstellung und das soweit. Ich habe keinen Beatle, den ich da hinstellen könnte. Also habe ich diese IP einfach da platziert, um etwas zu schockieren, sei da etwas , das bald da sein wird So ist es im Sport, wenn sich ein Stern für jeden von ihnen von einem Winkel zum anderen bewegt Also wollen wir diese Details innerhalb eines Objekts platzieren , also einer Reihe von Objekten. Der Name wird also lauten, nennen wir es Slider Slider Data. Ich denke, das ist okay. Es wird also die URL des jeweiligen Bildes und auch die Beschreibung enthalten . Die Beschreibung, du zeigst einfach, okay, dieses Bild, über das er spricht, vielleicht Nachrichten oder er spricht über die neuesten Sportnachrichten, vielleicht Chelsea zwischen Mao und Chelsea, irgendwas von einem Fußball-Lieblingsfußballverein oder zwischen Technologie, vielleicht ist das die neueste Technologie, die es jetzt gibt spricht über die neuesten Sportnachrichten, vielleicht Chelsea zwischen Mao und Chelsea, irgendwas von einem Fußball-Lieblingsfußballverein oder zwischen Technologie, . Das ist es also, was dieser hier einfach bedeutet. Es wird einfach wie ein Zeiger auf So sein , um dort etwas zu platzieren. Ich werde einfach einen zufälligen Link im Internet finden. Sie können also einfach diejenige auswählen, die perfekt zu dem passt, was Sie tun möchten. Vielleicht Eilmeldungen, definiere ein Bild über Sport, gutes Bild über aktuelle Nachrichten, Bild über Technologie, Bild über Unterhaltung und so weiter und so fort. Also werde ich einfach einen Teil von dem kopieren, was ich schon habe. Also danach die Bilder und die Details darin. Also die nächsten benutzen jetzt diese Slider-Komponente. Also werde ich einfach diese Komponentenklammern löschen und die Slider-Komponente als die größte bezeichnen. Also die Slider-Komponenten innerhalb der Slider-Komponente, ich werde die Slider-Daten haben. Ich werde die Slider-Datenkarte mit den Slider-Daten durchsehen . Also werde ich einen Tipp haben, dass der Entwickler den Schlüssel beilegen wird. Ich werde mir ein Bild machen. Also, damit das Bild ein Dia-D-Punktbild ist. Um damit zu beginnen Also der Stern, wir brauchen einen Klassennamen. Das ist jetzt. Wir müssen gesättigt sein. Das heißt, wir ändern die Qualität ein wenig, um etwas Schönes zum Vorschein zu bringen, nicht nur normales, das direkt aus dem Internet kommt. wollten ein bisschen tiefgründig bis 150 sein, damit wir das normale CSS überprüfen können. Das ist Startpunkt C. Also sollte das Objekt abdecken, also haben wir ein weiteres Div drin. Wir haben unser H-One-Tag. Das H wird also die Beschreibung des Ups enthalten , das ist unsere Punktbeschreibung für Slider-Daten. Danach folgt unser weiteres, das das Symbol für jede App für jedes der sozialen Medien enthält für jede App für jedes der , auf das wir zugreifen möchten. Also müssen wir das Symbol markieren, auch das Symbol im Inneren. Das Symbol wird also im Linkformat sein. wir also ein leeres Ziel haben , sodass beim Klicken darauf eine komplett andere Seite geöffnet wird. Nicht, dass sich in derselben Entfernung innerhalb derselben Entfernung öffnen wird . Und genau da wollen wir Icon machen. Es hat also auch den Namen, dass das Symbol punktet. Dort wird das Logo angezeigt. Das Logo wird also an diesem Ort zu sehen sein. Also müssen wir einen Teil unserer Arbeit stylen. Lass uns dieses H-Modell stylen. Oh. Also wahrscheinlich das Problem damit, dass wir eine andere Def mit einem anderen Div öffnen Sie sollten das in diesem speziellen DE öffnen , das wir geöffnet haben. Das ist es also, was das Problem wirklich verursacht. Als Nächstes müssen wir also mit diesem speziellen Stil beginnen. Der Stil für den Link. Also müssen wir dieses spezielle de also auch starten . Damit wir die Wahlbeteiligung überprüfen können, müssen wir es auf unserer eigenen Seite aufrufen, denn wenn wir jetzt auf diese Seite gehen , wird offensichtlich nichts angezeigt Also müssen wir es auf unserer eigenen Seite aufrufen , damit Sie es zeigen Also bevor wir es aufrufen, müssen wir das auf Seite bearbeiten, also, weißt du, dieser Text versteckt sich unter dem Nerv. Also müssen wir daran arbeiten und es etwas umfangreicher machen. Und der Bildschirm sollte groß sein und den Bildschirm abdecken. Lassen Sie uns danach schauen, ob wir den Nerv direkt als Schieberegler von diesem Ort aus bezeichnen können . Sie sehen also, wie wir es nennen, es wird direkt angezeigt, aber es gibt ein Problem. Sie sehen unser Endpunkt zeigt , dass es ein Problem gibt Das Problem wird also wahrscheinlich an diesem Ort liegen, ohne dass es nach außen geleitet wird Also ich denke, das sollte es lösen und mal sehen. Okay. Okay. Also müssen wir das installieren, oder? Denken Sie daran, P habe den MPN-Link verwendet, um es herunterzuladen. Richtiges Symbol. Das andere Mal, das wir das andere Mal verwendet haben, war ein Fehlersymbol. Deshalb habe ich gerade dieses vorgestellt, damit Sie sehen können, wie Sie verschiedene Symbole verwenden können. Du kannst sie benutzen. Ich kann mich entscheiden, einen zu benutzen. Wenn Sie an den Hauptprojekten arbeiten, entscheiden Sie sich einfach dafür, eines für die Geschichte zu verwenden . Denken Sie daran, dass Sie verschiedene Symbole verwenden können Es gibt, ähm, Schriften I. Es gibt eine Menge von ihnen, die ich verwenden kann Es hängt also nur davon ab, welche Sie genau verwenden möchten. Das sollte also definitiv den ganzen Fehler beheben. Blendung. Das Problem ist , dass das jetzt im Co-Block ist , könnte irgendwann nervig sein Jetzt haben wir unser Symbol dort. Lass uns etwas bemerken. Das Symbol und der Name, den wir dort eingegeben haben , werden nicht angezeigt . Unsere Bilder werden nicht angezeigt. Sie können das Bild nicht sehen. Es wird nicht geladen. Mal sehen, was das durchquert. Zuallererst, das soll genauso flott sein, auf jeden Fall funktionieren Was die Anzeige unserer Bilder verzögert , nennen wir URL EMG Mal sehen, dass das jetzt funktionieren sollte. 5. Komponente und Startseite (b): Aber nichts, wir können es, wir sehen den nächsten Button nicht. Das sind die Knöpfe da drüben. Was wir dann tun können, ist die speziellen Einstellungen zu importieren , die wir hier verwenden können. Wir müssen einige Einstellungen einführen. Wir nennen es also Come-Einstellungen oder du kannst es Slider-Einstellung oder so nennen. Es wird also eine Reihe von Einstellungen sein. Also müssen die Zehner in die Vergangenheit eingeführt werden. Als Nächstes geht es um die Vergangenheit eingeführt werden. Als Nächstes das und die Karte. Das ist definitiv auf unserer Homepage. Schreiben wir einfach ein bisschen Code auf unsere eigene Seite und dann machen wir weiter. Innerhalb des Abschnitts, des Abschnitts haben wir einen Schauen wir uns das an. Also, was ist das nächste , was wir tun müssen. Also müssen wir diesen anderen Abschnitt des Blocks erstellen. Nach dem Abschnitt müssen wir also eine weitere ID erstellen. Einen trennen. Der erste ist Politik an erster Stelle. Also müssen wir eine separate Hülle schaffen , in der all diese Karten, wie all die Karten, die sich darin befinden , so dass es weiß, auch wenn sie mehr als das sind. Dieses Div ist immer noch Teil von V One. Das ist Politik, aber getrennt von anderen. An diesem Ort werden wir diesen Block haben , aus dem wir später eine Komponente erstellen werden. Lass mich jetzt einfach so bleiben. Okay. Danach haben wir einen Botin-Bot, der mehr Bot liest. Also lies einfach, dass der Bot in einem Link sein wird , der. Damit wir das verwenden können, müssen wir es wohl importieren. Lassen Sie mich also sagen, dass wir auf jeden Fall bloggen werden , wir werden mit unserem N arbeiten. Für Politik ist das der Link für Politik. Wir haben das geschaffen, das ist definitiv das, was später sein wird. Wenn wir also bemerken, dass wir einen Pfeil haben. Der Pfeil muss vom Pfeilsymbol oder vom Pfeilsymbol importiert werden. Sie können also jeden auswählen, den Sie möchten. Wir müssen das auch stylen und wir werden auch unsere Schaltfläche stylen und Ihnen etwas geben Also das Symbol, das wir verwenden werden, werden wir verwenden damit Sie das Symbol starten können, auch Rand links sagen. Wir wollen nicht, dass du dich irgendwie an den Namen hältst. Also aufkommende Tops , die zusammen laufen. Siehe 0.5. Schauen wir uns das an. Kannst du sehen? Wir haben es schon. Aber aus diesem Grund gibt es keine Karte dazwischen, da ist alles zusammen eingesperrt. Dann haben wir also eine bestimmte Karte, die Karte, die wir haben sollten , die nicht zusammen aussehen wird . Wird an einem anderen Ort sein. Also muss ich das auch für wiederholen. Das ist für Wirtschaft, Technologie, Sport und Unterhaltung, was ich jetzt tun werde. Also wiederhole ich dasselbe für andere. Diese Ideen bedeuten einfach , es als separates Ausweisbuch zu identifizieren. Jedes ID-Buch, das beschädigt wird, ist ein separater Abschnitt für sich. Also haben wir jetzt verschiedene Abschnitte. Wir müssen die Karte erstellen, die verwendet werden soll. Das ist diese Karte. Wir müssen diese Karte erstellen. Als erstes müssen wir eine Komponente für die Karte erstellen , die wir an diesen Ort importieren. Die Kartenkomponente wird also Requisiten in React verwenden . Wahrscheinlich werden nur einige Werte innerhalb einer Komponente auf einer separaten Seite übergeben innerhalb einer Komponente auf einer separaten Seite Das werden wir also einfach verwenden. Ich muss eine weitere Datei namens Blog Card erstellen. Also als Richter. Also müssen wir erklären, dass es sich bei der Komponente um bestimmte Requisiten handeln wird Was sind also die Requisiten, die wir brauchen, um akzeptiert zu werden? Wir brauchen die Überschrift. Wir wollen wissen, ob wir hier nachschauen. Wir haben das Bild, das ist das Hinzufügen des zweiten Titels, der Beschreibung. Das Hinzufügen und die Typen , das ist anders. Der Titel kann sein, der Titel ist Technologie. Das Hinzufügen dient also dazu, den Kunden während eines Geschäfts zu navigieren wobei die Beschreibung das Datum und die Uhrzeit sind. Das ist also hauptsächlich das, was wir für die Beschreibung in unserem Bild, UR Auto, benötigen für die Beschreibung in . Okay. Klick. Wenn sie darauf klicken, müssen wir eine bestimmte Aktion ausführen. Also unter Klick auch und Zeit. Dies sind die sieben wichtigsten Requisiten, die wir verwenden werden. Sie können also die Fehlermeldung und das Fehlen der Requisitenvalidierung vernachlässigen Fehlermeldung und das Fehlen der Requisitenvalidierung Wir müssen das also nicht wirklich auf den neuesten Stand bringen , das ist ein ganz anderes Problem Also müssen wir unser Herz im Inneren erstellen. Wir müssen ein Image-Tag erstellen. Das C wird also dieses Bild UR sein. Danach brauchen wir noch ein DE. Wir brauchen einen anderen, der über den Tyson spricht, Okay. Danach brauchen wir noch einen. Es gibt einen Absatz, in dem es um die Beschreibung geht Nach diesem Einblick in das Div benötigen Sie einen zweiten Absatz. Einer spricht über das Auto. Und der zweite spricht über Zeit. Okay. Und das Zeitformat wurde zur Kenntnis genommen. Sie müssen daran arbeiten , damit Sie, wenn Sie die Uhrzeit abrufen, nichts falsch machen. Es werden keine ungültigen Daten angezeigt, weil Sie die Uhrzeit formatieren müssen. Sie müssen es so formatieren, wie es angezeigt werden soll. Aber hauptsächlich verwenden wir Standarddaten. Wir bekommen jetzt nicht wirklich eine Uhrzeit aus der Datenbank. Also lassen wir es vorerst einfach so. Also innerhalb dieses Absatzes brauchen wir die Spanne. Innerhalb dieser Zeitspanne haben wir also die Zeit. Also müssen wir es natürlich stylen. Denn wenn wir nachschauen, können wir es jetzt nicht sehen, weil wir es veröffentlicht haben. Also planen wir, dass es flexibel ist, um genau zu sein. Was? Also auf dieser Seite kannst du es einfach zusammen mit diesem importieren. Also in einem unserer T, du kannst es einfach rauslassen. Die eine ist, wenn die Münze kleiner wird , dann zeigt die Karte die Karte, aber sie wird nicht richtig angezeigt, weil wir einige Werte hineingeben müssen. Du musst ein paar Requisiten hineinstecken. Und damit wir ein paar Requisiten an den Schaden weitergeben können, müssen wir einige Daten haben, die wir damit testen können Deshalb habe ich diese Daten bereits für GSX. Das sind also die Daten, die wir nur verwenden, um sie zu testen. Ein Beispiel für einen anderen Blog. Es ist dieselbe Wiederholung, aber ich verwende es einfach gerne, um ausstehende Rücksendungen zu testen , die wir mit den Feuerrechnungen verknüpfen und einfach entsprechend testen werden Also muss ich diese Daten in meinen Reaktor hier oben importieren. Also importiere ich alles von der besseren Seite. Also muss ich es in diesem Ort kartografieren. Also rufe ich den ersten an, da die politischen Nachrichten drin , ich werde das hinter mir lassen Also werde ich weitermachen, ich werde kartografieren und es Post the Index nennen An diesem Ort wird der Schlüssel also Index sein. Dann werde ich die Daten weitergeben. Das sind alle notwendigen Informationen , um diese Ausschreibung zu erhalten. Ja. Dann wird der Klick unter Klick vorerst einfach leer sein. Lassen Sie mich sagen, führen Sie keine Aktion aus. Nehmen wir an, das funktioniert vielleicht tatsächlich in unserem P. Wow. Kannst du sehen, dass ich perfekt gearbeitet habe? Also testen wir mit unseren erzwungenen Daten. Wir müssen die Geschäftstechnologie testen. Es ist also hauptsächlich dasselbe, was Sie tun werden, um das zu kopieren. Das ist richtig. Geh zur Politik. Gehen Sie zur Geschäftsbasis und verwandeln Sie Politik in Geschäft. Okay. Kannst du sehen. Jetzt haben wir einen schönen Block für eine nette Blog-Seite. Jetzt stellen wir fest, dass, wenn Sie einige Blockseiten überprüfen, nicht alle Blöcke als Tonnen angezeigt werden. Man zeigt nicht alle Nachrichten tonnenweise an. Nachdem wir ein paar davon angezeigt hatten, haben wir einfach diese Schaltfläche gesetzt , sodass wir, wenn wir diese Schaltfläche löschen , auf die richtige Seite weitergeleitet werden mussten. Damit wir das tun können, müssen wir die Daten aufteilen. In den Javascripts gibt es eine Funktion , mit der die Daten aufgeteilt werden dürfen Wenn Sie also die Daten schneiden, können Sie sie von Null auf 30 bis vier verschieben , von Null auf fünf, wenn die Daten sprechen Das ist hauptsächlich das, was es ist. Also lass uns sehen. Also werden wir im Grunde nur die ersten drei oder ersten vier Daten auswählen drei oder ersten vier Daten Also für diesen hier heißt es nur Slice. 04. Sta, ich setze statt st Lass uns jetzt nachschauen , anstatt alle sechs Daten zu zeigen, wenn nur vier angezeigt werden, kann das auf Ja reduziert Also lass uns einfach eine Geschichte erzählen. Also kannst du das kopieren und auch einfügen. Also das wiederhole sie alle. Das nächste ist also die Zählerseite , mit der wir uns zusammen mit einer Mutterfunktion im nächsten Video befassen werden. 6. Kontaktseite, Blog-Details: Willkommen von Jungs. In diesem Abschnitt des Kurses werden wir dieses Kontaktformular erstellen das eine Komponente sein wird, die wir in diesem Teil dieser Homepage und auch auf der Kontaktseite aufrufen werden. Danach werden wir uns mit den Ansichtsdetails befassen. Wenn wir auf diesen Ort klicken, möchten wir, dass dort die Details des Blogs angezeigt werden, und wir können zurück drücken, um zurückzugehen. Darin finden wir also das Thema, die veröffentlichten Daten und einige Informationen darüber und das Auto, mit dem die Person es veröffentlicht hat. Danach werden wir mit Freunden arbeiten, sehr unterschiedlichen Seiten der einzelnen Abschnitte. Also werden wir die Spot-Seite, die Politik-Seite, die Business-Seite und die Technologie- und Unterhaltungsseite haben die Politik-Seite, die Business-Seite . Lassen Sie uns also zunächst mit unserem Ansprechpartner 4 arbeiten , um loszulegen Sie müssen eine Kontakt-GSX-Datei in Ihrem Komponentenordner erstellen in Ihrem Komponentenordner Also nach der Eingabe des RF CU. Sting, du hast das auf deinem System. Also dann müssen wir unser Dpcpris alles erstellen. Was wir jetzt brauchen, ist diese Überschrift und ein anderes Textfeld mit dem Bot anderen Informationen , die das Innere des Textfeldes enthalten, wir haben noch ein anderes, tief drinnen diese Überschrift und ein anderes Textfeld mit dem Bot und anderen Informationen , die das Innere des Textfeldes enthalten, wir haben noch ein anderes, tief drinnen. Das ist also so tief, dass wir dieses orangefarbene Feld bilden. Also in unserer H-Zone, H-Zone, der „Engagieren“ steht. Danach haben wir das Formular. Also innerhalb des Formulars haben wir ein Di Di, noch ein Di. Dann haben wir ein Label, das der Vorname sein wird . Vorname. Nach dem Label haben wir die Impute, die der Textbereich sein wird In der Eingabe haben wir das und darauf platziert. Das impliziert also, dass es auch in dem stehen wird . Danach muss ich nur noch alles stylen, weil du nur kopierst und in andere Bereiche einfügst Ich werde es einfach kopieren und einfügen, kopieren und in die anderen einfügen, weil wir eine ähnliche Struktur und ein ähnliches Design haben . Okay. Also, nachdem Sie das erstellt haben, ist die Hauptsache, es zu kopieren und einzufügen und zu duplizieren. Also hauptsächlich dasselbe , was da sein wird. Also zuletzt einfach das neu erstellen und wir setzen diese beiden so ein, dass Sie so weitermachen können Also dann haben wir diese E-Mail und die erste Nachricht. Also wechseln wir zum Nachnamen. Also kannst du das sagen. Danach brauchen wir unsere MA-Abteilung, diese MA-Box. Aber per E-Mail können wir diesen kopieren und einfügen und einfach etwas an unserem Design ändern. Also können wir das kopieren und einfügen, damit es nicht in diesem Ich ist , sondern draußen. Wir brauchen einen separaten. Ja, Sir, es sollte so sein, dass sie es sein sollten. Ja. Also ändern wir das auf E-Mail. Ja. Also müssen wir diesen Ort bearbeiten und ihm etwas Styling geben. Ich muss D studieren, nur um nachzuverfolgen, was hier vor sich geht. Wir können das auf unsere How-Seite importieren und dann vielleicht weiterverfolgen und sehen, was wir tun. Vor dem letzten Typ können wir also den Kontaktkontakt sehen. Okay. Gehen wir davon aus, dass Ihr Browser Beiträge repositoriert. Ja, Browser. Schauen wir uns vielleicht unseren an. Ja. Kannst du sehen. Wir haben also schon die Engages, das Textfeld, das Tag und das M. Das nächste ist also nur das Nachrichtenfeld Das ist der Tee. Dann haben wir einige Details dazu portiert Der Text für die Nachricht ist also ähnlich wie Diese E-Mail macht das, anstatt Änderungen in den Textbereich einzugeben. Das wird also ziemlich groß sein. Also wenn der Ausweis und die anderen Dinge ähnlich sind. Wir haben nur die Regel, damit ich sie dir zeigen kann. Wir haben also die Regel, dass dieser Ort für die Botschaft größer sein wird als andere. Also das ist es. Als nächstes brauchen wir den Button, wir brauchen den Senden-Button und diese beiden Details. Also für die Unterseite brauchen wir den DV, nach dem Zusammenklappen brauchen wir den TVA, die nächste Seite ist, wir brauchen einen Knopf und das Senden Wir müssen es mit Substanzen stylen . Lassen Sie uns das überprüfen. Und so haben wir hier einen Button. Du brauchst nicht, du brauchst nur die restlichen zwei Karten darunter. Nach dem Herbst werden wir noch einmal drunter tauchen. D noch ein D. Es sind jetzt zwei verschiedene Tauchgänge. In diesem Dip haben wir zwei verschiedene Dips. Also machen wir zuerst den ersten. Innerhalb des ersten Tauchgangs benötigen wir ein SVG, SVG. Ich werde einfach einen SG-Teil darin kopieren. Und nach dem SVG brauchen wir noch ein DE. Ich gebe dir ein paar Details. Ein H sechs Tage. Und wir haben das P-Tag , das eine Zahl plus ist. Ich werde das nur eingeben , weil ich dort keine bestimmte Zahl eingeben möchte. Lassen Sie mich einfach das tiefe Innere dieses Ortes kopieren und einfügen. Das ist also SVG. Also müssen wir diesen Ort stylen. Also auch für den zweiten Tauchgang . Dann Tauchgang, der das SVG trägt. Dieses G ist hauptsächlich ein Telefon Lassen Sie mich nur zeigen, dass wir es bereits haben. Der SG-SVG-Teil, den wir importieren, ist dieses Telefonsymbol. Sie können eine Reihe von Symbolen verwenden. Ich denke, das habe ich schon einmal benutzt, aber. Lass uns einfach weitermachen, statt dass G einfach ein Telefonsymbol von vielleicht Icon oder irgendwem dafür importieren kann ein Telefonsymbol von vielleicht Icon oder irgendwem dafür importieren . Also das nächste ist, das einfach zu kopieren und einfach nochmal zu replizieren, soweit Es wird also ein anderes SVG-Format für E-Mails geben. Also nochmal: Anstatt dieses SVG zu verwenden, können wir anstelle von SVG ein anderes „ Can Use“ -Symbol verwenden. Der SVG-Clip, dann weiß ich nicht einmal, ob ich ihn benutze. Aber ich denke, ein Icon ist ratsamer als G. Also wenn du dir das ansiehst, mach dir nicht die Mühe, es zu kopieren und gehe einfach direkt zu Icon I und füge es an dieser Stelle ein. Also für diesen kann ich einfach Kontakt verwenden. Ich denke, das sollte alles tun , was wir hier tun müssen. Also lass es uns überprüfen. Ja. Das müssen wir normalerweise tun. Anstatt zu besuchen, geben Sie einfach eine Zufallszahl ein. Für mich sieht es irgendwie aus. Elektrisch zufällige Zahl. Ich denke, wir sind mit der Kontaktseite fertig. Also müssen wir das nur auch auf unserer Kontaktseite angeben. Wir sind mit dem Kontaktformular fertig, müssen es also in unsere Kontaktseite einfügen. Das Gleiche. So wie wir es auf unseren eigenen Seiten nennen , werden wir es auf der Kontaktseite nennen. Also kommen wir auf unsere Seiten und klicken auf Neue Datei erstellen und nennen sie Kontaktseite sechs. Wie üblich müssen Sie es aus dem Index exportieren bitte G hineinlegen. Also rufen Sie an dieser Stelle einfach die Kontakte von der Komponente aus an. Danach kommen wir zu unserem X und exportieren es hierher, dass der Link wann immer wir auf den Kontakt-Link klicken , diese Seite öffnet. Das ist. Dieser eine Ausgang. Also das sollte reichen, mal sehen, vielleicht wird es funktionieren. Das sind also Seiten. Lass uns auf Kontakt klicken. Wir haben bereits eine Kontaktseite. Wir müssen das Formular also nicht erneut auf unserer Kontaktseite erstellen , sondern müssen nur die Komponente aufrufen. Das nächste Mal ist es also nur die Klick-Funktion von Z. Denken Sie also daran, dass wir in unserer Karte bereits eine Funktion namens Öffnen bei Klick haben. Also müssen wir einfach zurück zu unserem Zuhause gehen wo immer wir das auf Klick haben, dass wir nein übergeben, wir müssen dort eine Funktion übergeben. Die Funktion, die wir da einfach übergeben müssen, ist „navigieren“. Wir müssen Loose Navigate innerhalb einer React-Komponente oder einer React-Funktion verwenden, das heißt us navigate. Also lass uns das einfach innerhalb einer Sekunde machen. Okay. Also lass es mich nochmal anschaulich erklären , was wir tun müssen Wir beabsichtigen also, dass Sie das tun, wenn wir den Staat als Funktion verwenden wollen, die Kosten Deshalb klicken wir darauf. Verwenden Sie also den Standort verwenden, also eine Reaktionskomponente , eine Reaktionskomponente , verwenden Sie den Standort und verwenden Sie die Navigation. Das war also einfach ein Hook die aktuellen Standortobjekte zurückgibt Das kann benutzt werden. Dies kann nützlich sein, wenn Sie einen weiteren Folieneffekt erzielen möchten, wenn die aktuelle Seite ihre weiteren Folieneffekt erzielen möchten, wenn die Position ändert. Das bedeutet, dass wir die Daten auf einer aktuellen Seite an eine andere Seite weitergeben können . Ich verwende diesen Speicherort. Ich kann von dieser Seite aus, wenn ich auf einen anderen Link klicke, einige Daten von diesem Ort auf eine andere Seite übertragen Meine Notizen scheinen jetzt klar zu sein, aber wenn wir anfangen, die Pods zu schreiben, werden sie klarer Zuallererst benötigen wir unsere Seite, die als Blog-Detail bezeichnet wird. Das werden Blog-Details sein. Das wäre eine Seite. Wir erstellen das , damit wir nicht für jedes Detail, das wir sehen möchten, eine neue Seite erstellen . Wir müssen nur eine einzige erstellen und dann können wir sie weiterleiten, damit andere sie verwenden können. Also innerhalb dieser Detailansicht, s für die Gärten, befindet sich momentan zu diesem Zeitpunkt an meiner Seite , also müssen wir einige Dinge importieren. Also, wie ich bereits sagte, werden wir die Optionen „Navigation“, „ Standort“ und „Status“ verwenden. Es geht also nur darum, Daten von einer Seite zur anderen zu übertragen. Zuallererst müssen wir innerhalb dieses Ortes die gleichen Kosten die Verwendung der funktionierenden Eingaben in s gegenüber dem Selbst dort drüben berechnen. Es war also der Ort, an dem wir navigieren, und wir müssen auch die Kosten für den verwendeten Standort angeben. Das sind also die beiden Stromleitungen , die wir verwenden werden. Sie benutzen also Navigationen , wenn ich auf die Zurück-Schaltfläche klicke , um zur vorherigen Seite zu navigieren, und die Ortung ist wie die Daten, die ich von einer anderen Seite übergeben habe, sodass die Ortung ist wie die Daten, die ich von einer anderen Seite übergeben habe, sodass ich sie an dieser Stelle verwenden kann ich also auf diese Seite gehe, würde ich entscheiden, ob das so aussehen soll Also jedes Mal, wenn ich auf Daten klicke werde ich einfach den darin enthaltenen Wert weitergeben , was mich einfach vereinfacht Also werde ich innerhalb der Blockdetails die Zonen entwerfen Ich sage das Bild über den Titel und das andere T. Also muss ich als Erstes diesen Tipp erstellen, wird immer da sein. Drinnen brauche ich ein weiteres Bild, ein Bild ziehen, dann nochmal Dip zu H eins, aus dem ich den Titel zusammensetzen werde Bei diesem muss ich nur den Zustandspunkt passieren. Kannst du sehen. Also müssen wir diese Daten überprüfen und herausfinden, welche Variable wir verwenden, von der wir uns selbst überzeugen können. Also verwenden wir Bild. Wenn wir also zurückkommen und sagen, dass Bild für die Kunst da ist, können Sie alles Mögliche angeben , dieses Bild oder so. Dies wird die staatliche Vereinbarung sein, damit wir das auf die Websites bringen können , damit wir verfolgen können, was wir tun. Das zweite Mal brauchen wir also ein P-Tag, ein Absatz-Tag , in dem wir das Datum, an dem es veröffentlicht wurde, erwähnt haben, um zu sagen veröffentlicht am, dann haben wir unser Tag sagen wir weicher, dass wir ein weiteres Tag als Statusbeschreibung benötigen ein weiteres Tag als Statusbeschreibung Das ist ein kurzer Absatz über den Blog. Wir benötigen wieder das P-Tag , damit wir die Details anzeigen können. Das sind die Details über den Sie erinnern sich, Herr Der Spaß ist wie eine Variable Man kann also nicht einfach so p sein, 2000 sind im Polyklammer-Zustand , als nächstes gibt es Details Ich zeige dir alle Einzelheiten dazu. Danach, nach diesem PGM, danach brauchen wir eine Zeitspanne, wir brauchen eine Schaltfläche wie diese, um zurück zu sagen , damit wir zur vorherigen Seite navigieren können Wenn ich auf einen Blog klicke, klicke ich auf Zurück, gehe zurück zu der Seite, gehe zurück zu der P-Seite , von der ich komme Das ist es also, was wir erreichen wollen. Also können wir das jetzt schließen und sagen, Span, lass es uns innerhalb einer Spanne platzieren. Innerhalb einer Zeitspanne müssen wir also zurückgehen. Also brauchen wir einen Pacular Butting. Das ist dieser Scheibenkarrenabbau. Das können wir also einfach aus unserer Handlung herausholen. Also lass uns nach links schauen. Es zeigt nach links, oder? Suchen wir also nach dem , der das benutzt. Also kopiere das einfach und trage die Namen. Wir müssen hier eine Funktion einfügen, die beim Klicken anklickt. Also, wenn ich jetzt einfach auf WhatsHPF klicke, gibst du eine ein, die keine Funktion sein sollte Danach brauchen wir noch einen Urlaub, in dem wir den Namen des Autos zeigen Das ist das Auto, für uns brauchen wir diese Leitung. Dann brauchen wir den Namen des Autos. Also für die Linie können wir einfach HR sagen, statt dieser einen, lassen Sie mich einfach eine Tiefe setzen, dann diese Tiefe, ich sage jetzt der hoch, das ist Grenze hoch, dann mache ich einen bestimmten Test innerhalb des Stils. Also da drinnen brauche ich noch einen. Also das, was Sie tun müssen, ist einfach zu navigieren minus eins. Also eine Funktion, wir müssen das machen, um minus eins zu navigieren. Also, um das jetzt zu benutzen, müssen wir dorthin gehen, wo auch immer wir diese Karten ziehen. Obendrein müssen wir noch navigieren. Du musst die Navigation finanzieren. Also brauchen wir eine Funktion, eine Funktion namens Navigate, die Post entspricht. Also brauchen wir wieder einen Rückruf eines Arguments, das darin übergeben werden muss. Es ist also nicht das Argument , das wir beschrieben haben. Also sagen wir navigieren. Also das Repos, um die URL zu manipulieren Wenn wir das überprüfen, wenn ich jetzt zu einer Seite zurückkehre und aus technischen Gründen darauf klicke, dann sind es Blog-Blog-Details, dann gibt es einige Werte, die daraus übernommen werden, wie navigiere ich Blog-Blog-Details, dann gibt es einige Werte, die daraus übernommen werden, durch den Kunden, also wie navigiere ich zum Kunden, damit Sie sehen können Es muss das also nicht hineinlegen. Also sagen wir Slash-Blog. Also müssen diese Blog-Details, die ich schreibe , mit allem korrelieren , wenn ich hierher komme, müssen mit dem korrelieren, was ich hier reinschreibe Also, wenn ich das jetzt herausbringe, Blog-Details und ich rufe es Das, was ich sage, meint er einfach, ich möchte durch die Blockdetails navigieren. Diese ID, diese Spalten-ID, die ich eingegeben habe, bedeutet, dass es sich nicht um statische Seiten handelt , sondern um dynamische , sodass jeder Wert, für den diese ID steht, zerstört werden kann, und dann können wir den Wert verwenden Das ist es also, was wir hier verwenden. Den Wert, der über die ID weitergegeben wird, können wir also durch den Staat zerstören und an diesem Ort verwenden Also mache ich einfach weiter und die Details streichen das ab. Weißt du, wenn du das verwendest, musst du die Überschrift des Beitrags verbogen verwenden die Überschrift des Beitrags verbogen Und danach nennst du jetzt die Spalte State Us Selbe Selling, du sagst Komma, ich öffne die coole Klammer und sage Das ist also die Hauptsache, die wir jetzt brauchen. Staatsdatum: Cculum Post. Das heißt, den Wert, Sie weitergegeben haben, geben Sie an die Staaten Immer wenn wir state aufrufen, können wir einfach alle Werte überprüfen , die in diesem Beitrag enthalten sind. Ich denke, das ist klar. Jetzt müssen Sie diese Funktion nur in jedem Aspekt aufrufen , den wir verwenden, Null. Zeigen Sie also an, dass wir nein sagen, wir müssen es ändern. Also wähle ich einfach alles auf einmal aus und sage, Supp ist die Funktion, wir müssen es so übergeben Also, wenn ich das auswähle und überprüfe, ob sie alle fünf Anders sind, richtig Ich benutze ControlShift L. Also Strg+Shift, wenn wir etwas auswählen , das in diesem Code Null ist, und dann kann ich alles gleichzeitig bearbeiten. Wenn ich das abbreche, kann ich alles gleichzeitig bearbeiten. Diese Funktion benötigt tatsächlich ein Post-Argument. Merken Sie sich, was wir als Beitrag weitergeben, damit Sie einfach einen Beitrag schreiben können. Für jeden von ihnen hat jeder von ihnen seinen eigenen Beitrag. Lass es uns jetzt überprüfen und sehen, ob es vielleicht funktioniert. Ja, der Pfeil ist von hier. Es gibt nichts Besseres als navigieren. Also müssen wir das zuerst genauso machen wie in der Schifffahrt, in der Luftfahrt. Lass uns sehen. Sagen wir, das liefert keinen Schwanz dann müssen Sie es als Problem bezeichnen. Entschuldigung, ich benutze Navigate. Exakt. Das ist das Problem. Es gibt nichts Besseres als die Navigation verwenden, die Navigation verwenden. Mal sehen, ob ich darauf klicke, ich habe das auf meinem Display, du merkst, dass sich auch die URL ändert. Und wenn ich auf Zurück klicke , um zur vorherigen Seite zurückzukehren. Also müssen wir es nur mit etwas CSS wie unserem Wind stylen. Also lass es uns jetzt überprüfen. Wir sollten mehr Mode entwerfen. Möchte so expandieren. Schauen wir uns also andere Dinge an , die wir hinzufügen können. Ja, ich denke, der Fehler ist genau, dass wir ein schickes oder mehrere haben , weil unsere Beschreibung angezeigt wird. Lass uns sehen. Das war gut. 7. Blog-Abschnitt und Create-Blog-Seite: Hey, willkommen zurück, Leute. Im nächsten Teil der Geschichte werden wir uns nur mit den verschiedenen Blockabschnittsseiten befassen und wir werden unsere Seite zum Erstellen von Blockabschnitten erstellen. Dieser ist nicht Teil der Schaltfläche, von der wir erklären, dass wir keine Schaltfläche außerhalb platzieren dürfen weil beim Erstellen eines Blogs nur der Administrator die , weil beim Erstellen eines Blogs nur der Administrator die Möglichkeit hat, einen Blog zu erstellen, oder jemand, der Zugriff auf das Erstellen eines Blogs gewährt hat , ist nicht irgendjemand, der einfach dorthin geht und einfach etwas online einfügt Deshalb führt dieser Link in die Überschrift. Nur für die Leute , die es sehen müssen. Der nächste Teil, den wir jetzt machen werden, ist das Erstellen verschiedener Blog-Abschnitte und das Erstellen einer Blog-Seite. Was wir hier hauptsächlich tun werden, ist dieser andere , den wir gemacht haben, für den wir einen allgemeinen Code haben. Dass wir jetzt durch verschiedene Seiten oder verschiedene Daten weiterleiten. Wir werden ihm verschiedene Daten zur Anzeige übergeben. Das ist also ein einfacher Code, der sowohl für Sport als auch für Politik und Wirtschaft läuft . Den wir ändern, basiert darauf, dass wir das Bild des Namens ändern und die Daten, die an ihn weitergegeben werden können, basierend auf der Kategorie, zu der sie gehören Also ohne weitere Schritte hat Dugg eine einfache Codezeile gestartet und dann sind wir damit fertig Also habe ich meine Block-Abschnitts-Seite erstellt, ist es Block-Abschnitts-Seite, und auch meine Block-Erstellungsseite, ich habe sie hierher portiert und ich habe hier drüben einen Link dafür erstellt Nachdem wir also auch die Abschnittsseite erstellt haben, müssen wir sie immer noch mit unserer Schaltfläche „Weitere Informationen“ verknüpfen. Also wenn wir jetzt nachschauen, ob ich auf die Schaltfläche Politik, mehr lesen klicke . Also muss es auf die Politik-Seite gehen. Also werden wir das auch machen. Nachdem wir die Seite erstellt und verlinkt haben, fangen wir an und beginnen, unseren Code zu schreiben. Die Wartung , die wir brauchen, ist ein normales De, das alles beinhaltet, ein Loch, das das Bild, den Text darin und diese Blockkarte enthält. Nein, wir haben bereits eine Blockkarte , wir nennen sie einfach . Also jetzt gibt es auf unserer Seite die generativen Abschnitte, die wir brauchen. Also brauchen wir ein anderes dieses Div ist eines, dass wir das Bild tragen. Dies ist eine, bei der wir den Text tragen. Das ist die Marke Black Shade Black oder kleine verblasste schwarze Marke, die den Text, diesen Text usw. trägt Lass mich gehen Wir kommen immer noch darauf zurück, warum ich es so kommentieren muss Also, in dieser Kategorie lassen wir eine Funktion oder eine Variable weg, die Click-Spot ist. Es ist eine Testspot-Nachricht, Click on Business ist eine Test-Wirtschaftsnachricht. Im Moment habe ich noch keine Grader-Funktionen, deshalb füge ich es einfach in eine Zeichenfolge ein, die ich nicht brauche Also eher brauchen wir eine Sechs. Das ist ein Sie können sich auf unsere fehlenden Neuigkeiten verlassen, Laufenden bleiben und sich inspirieren lassen. Sie suchen auf Websites nach den neuesten Nachrichten , also das ist es auch schon. Danach benötigen wir nun die Tiefe, die das Blog-Detail umfassen wird. Das ist eine Blogkarte. Also drinnen brauchst du auch noch eine. Also müssen wir die Funktion Blodard aufrufen und einige haben , deren Schlüssel dem Index entspricht Ich übergebe das Posting an sie und klicke auf „Gleich sein“ Das wird also die Funktion sein, die wir beim letzten Mal gemacht haben. Also warum klicken sie auf eine bestimmte Blockkarte, wenn Sie die Details öffnen, die wir an sie weiterleiten. Also werden wir diese herausbringen, weil wir nicht die Funktion erstellen, die benötigt wird. Das ist also alles. Das nächste ist also, es zu stylen und es schön aussehen zu lassen. Okay. Also für diesen werde ich das in diese Art von Zeichenfolge schreiben. Dan, ich möchte es variabel übergeben. Also diese Tiefe wird das Bild tragen. Also werde ich immer noch an der Bildfunktion unter arbeiten. Es wird also das Bild tragen, sodass ich das Bild an dieser Stelle weitergeben kann . Also wird es sein Also das ist ein bisschen durchsichtig. Also, wenn Sie das bitte zur Kenntnis nehmen, ich übergebe die Kategorie. Wie bei dem, in dem ich die Uhrzeit mit den Blockdetails erkläre. Ich gebe diese ID hinein. So nenne ich es. Die ID ist die Kategorie. Die, auf die ich klicke , ist diejenige, bei der die Details, die angezeigt werden, Lipo angezeigt werden, die wir angezeigt haben. Gehen Sie also zurück zu Ihrem Ich glaube, wir haben diesen Schrägstrich nicht gesetzt. Ich habe das letzte dort platziert, weil es nicht so ist. Ich möchte nicht , dass das Bein etwas ist, das ich visuell schätze. Du magst diesen Schrägstrich nicht da draufsetzen, aber ich kann an dieser Stelle einen Schrägstrich setzen , wir müssen nur alles mit einem Schrägstrich Warum wir es hier anklicken. Die Kategorie, die wir bestehen, wird die sein , die wir anzeigen. Also ich spreche, ich habe damals etwas über das Bild erwähnt. Also ja, ich will das technische Bild von diesem Ort wissen, wenn wir sehen, dass Politik das politische Bild zeigt, Click Sports zeigt ein Sportbild, Click Business zeigt ein geschäftsbezogenes Bild. Also dasselbe, um es zur gleichen Zeit zu replizieren. Ich möchte nicht einfach für alles dasselbe Bild haben. Das heißt also, ich werde eine Funktion erstellen, die hier GG BG heißt, bedeutet Hintergrundbild, oder? Es wird also ein Argument zur Kategorie erhalten , also wird es eine Switch-Funktion geben, sollte mit Switch in Javascript vertraut sein, Switch, wenn es sich um Politik handelt, wenn es sich um Politik handelt, wenn die Kategorie Politik ist bclion politics Also ein bestimmtes Bild. Es gibt ein bestimmtes Bild zurück. Ich kopiere einfach. Es ist also geschäftlich, klicken Sie auf Geschäft, es wird ein bestimmtes Bild zurückgegeben, Cliconspot hat den Link bereits Wenn Sie zu unserer Startseite zurückkehren, ist es derselbe Link, den wir immer noch verwenden werden, derselbe für unseren Slider, Es ist immer noch dasselbe Bild, das wir verwendet haben oder dieses Bild, das wir verwendet haben und das wir weiterhin verwenden werden. Kopieren Sie einfach die für die Politik für die Politik, die für die Wirtschaft für die Wirtschaft. Danach geben Sie eine Standardeinstellung zurück. 84 Schaden. Wenn es nicht Teil all der Dinge ist, sollten wir eine leere Strecke zurücklegen. Also werden wir dieses Bild jetzt nicht nennen. Also werden wir dieses Bild an dieser Stelle, die wir Put nennen , nennen und dann werden wir die Daten der Kategorie übergeben. Deshalb können wir die Kategorie jetzt nicht bestehen , weil wir keine kreative Funktion haben. Lassen Sie uns also weitermachen und die Funktionen erstellen , die für diesen Ort benötigt werden. Um fortzufahren, müssen wir also alle unsere Daten importieren. Hier werden wir also die Details erhalten, die wir benötigen Wir müssen auch use per importieren, wir müssen use navigate importieren. diesem Fall verwenden wir, wenn wir auf eine bestimmte Blockkarte klicken , um die Details anzuzeigen. Was brauchen wir jetzt also damit wir diese Dinge nicht einfach wiederholen Wir können das einfach kopieren. Als Nächstes benötigen wir eine weitere Variable , die Teil genannt wird. entspricht dem Verbrauch pro Anwendung pro Dosis wenn Sie hier die Kategorie „Ich bestehen“ ankreuzen. Also diese Verwendung pro überprüfe einfach die Links und überprüfe den bestimmten Wert, ich als Kategorie übergeben habe, und gebe dann in diesen ein und erhalte dann die Daten dafür. Das nächste Ding ist also nur eine Use-Effect-Funktion. Also das hier, wir haben eine Funktion in der Größe, die „Ausgewählte Nachrichten“ anzeigt. In diesem Fall speichern wir den Wert der ausgewählten neuen CA in einem R. Dann haben wir also einen Schalter. Wechsle die Wertekategorie. Also wie dieser andere, den wir hier haben, meine Abgeordneten. Also, bis auf die Links, werde ich überprüfen, ob die Links geändert Also, wenn es um Politik geht, möchte ich Nachrichten auswählen. Ich werde ausgewählt: Nachrichten , die Politik gleichwertig sind, schädigen diese politischen Nachrichten. Es ist also ein Array, sodass ich die Werte dort abrufen kann. Dann mach Pause. Dann das nächste Mal aus geschäftlichen Gründen. Also wenn es Standard ist, schadet es, wenn nichts da ist, übergibt man ein leeres Array. Danach werden wir es mit Spot zu tun haben, also ich glaube, wir hatten S. Also müssen wir das entfernen. Danach, nach diesem Switch-Fall, also müssen wir unseren Blog einrichten. Schaden, du musst einen Staat erstellen, so dass dieser Block gesetzt wird. Wenn du einen Blog einrichtest, wird der Wert des eingestellten Blogs genau was sich in dem ausgewählten Wir befindet. Gibt an, wenn Sie einen Vektor verwenden, müssen Sie einen bestimmten Wert übergeben, damit er einfach neu geladen wird, je nachdem, wann sich die Kategorie geändert hat Danach können wir jetzt unsere Kategorie Yeah verwenden. Sie können jetzt die Spalte entfernen und sie erfolgreich verwenden, dann bitte darin. Was wir hier also tun müssen, ist zwei verschiedene Blogs zu markieren , die er gibt. Hier können wir also die Blog-Markierung sehen Ich denke, unser Block sollte funktionieren. Also müssen wir diese Funktion auch an dieser Stelle weitergeben. Also das ist auch der Name des zweiten. Ich denke, das sollte dafür sorgen unsere App funktioniert und wenn wir auf einen bestimmten Blog klicken, sollten wir unsere Ansicht haben. Gehen wir also zurück zu und sehen es uns an. Lass mich versuchen, Click Spot zu klicken. Es werden kleine Spot-Nachrichten angezeigt und können Sie den Link hier sehen, klicken Sie auf Politik, um den für Politik anzuzeigen. Wenn ich auf Technologie klicke und wenn ich auf eine davon klicke, wird das D angezeigt. Wenn ich auf Zurück klicke, zeige ich das an, aber was passiert ist, wird unser Bild nicht angezeigt. Schauen wir uns also an, warum unser Bild nicht angezeigt wird. Für das Bild , das nicht angezeigt wird, können Sie einfach zurückkommen und das CSS so ändern. Also öffne den Stilstil, richtig? Also werde ich dem gleich einen Stern geben. Also werden wir in der Lage sein, das Bild pro Boden, pro Größe und Entfernung zu schreiben . Wenn wir also zu Ihrer Seite zurückkehren, können Sie nach Spots, Geschäften, Despoten suchen Die nächste Sache ist Also das nächste ist unsere Blockseite, diese Seite , die ich bereits erstellt habe Blockseite von Cs ähnelt unserer Kontaktseite, dem Formular und allem. Die sind tatsächlich anders. Also werden wir einfach dem Satz auf unserer Kontaktseite wie diesem folgen . Die gehen dorthin und kopieren von hier, die Rückgabe auch. Priester. Ja. Damit wir das weiterverfolgen können, können wir einfach auf unseren Link gehen und dem Link folgen , den wir im Blog verwenden. Du kannst kopieren sehen, ob wir zu unserem zurückkehren. Wenn wir also zu unserem normalen zurückkehren, sehen wir res Blog, Block I zwei. Wir haben eine Liste der Kategorien, wir haben die Beschreibung und den Link zum Bild. Dann haben wir ein paar Bots eingerichtet und all die Dinge eingerichtet, die wir korrigieren müssen . Also statt der beiden soll es eins sein und noch ein paar andere Dinge. Fangen wir also damit an. Der erste ist also ein Blog-Detail. Also gehen wir zurück zu unserem Ding , also wo wir Vorname und Nachname sind, richtig? Ihr also haben wir unser Blog-Schicksal. Also müssen wir das, was sich unter dem Telefon befindet, entfernen und es einschalten. Ja. Also, an dieser Kategorie müssen wir arbeiten. Also für die Kategorie brauchen wir unsere Kategorienliste, und dann übergeben wir sie in unsere Dateien. Also für die Kategorie statt für die Nummer eins, für die wir Zeit haben, werden wir das ändern. Was wir jetzt haben, ist eine Auswahlfunktion, die das nicht tut und wir haben unsere CSS-Kachel dafür, ist der, die wir zuvor verwendet haben, ähnlich. Es ändert sich also nicht neu kategorisch zu. Wenn du Korallenschaden festlegst, musst du unseren Status für beide Felder von Anfang bis Ende erstellen unseren Status für beide Felder von Anfang bis Ende Dann haben wir dort unsere verschiedenen Optionen. Als Nächstes müssen wir unseren Staat schaffen. Ich muss nur installiert werden. Also kommen Sie zu unserer Meinung Also jetzt haben Sie unsere Verwendung für Titel zwei für alle Kategorien, vollständiger Blog. vollständige Blog umfasst auch die Details, die Details, das Bild und auch die Beschreibung. Also müssen wir an unserer eigenen Veränderung arbeiten. Also wenn sich die Werte ändern. Für uns ist die Veränderung also sehr einfach. Komm her, Veränderung bei Veränderung. Kehren Sie also ein Ereignis um, das wir für die Variable does uti cot erstellt haben , um den Zielwert des Ereignisses zu ermitteln. Wir zielen also auf die Werte ab, die, wenn Sie einen bestimmten Wert aufschreiben, so dass der Master nicht verändert Lassen Sie uns diesen Code einfach kopieren und zusammensetzen und die notwendigen Änderungen vornehmen Also wenn du herkommst, kannst du all diese Dinge ändern. Die Kategorie ist da, du kannst auf die Kategorie des Plugins klicken , um ihn einzureichen, und auch auf unser Bild. Als Nächstes müssen Sie also an dieser Lösungsschaltfläche arbeiten. wird auf die Schaltfläche „Bereitstellen“ geklickt , um den Wert an die Datenbank zu übergeben Das wird uns also zum nächsten führen. Es wird uns also wahrscheinlich zu unserem letzten oder vorletzten Teil des Stils führen , der darin besteht, unseren Fire-Account zu erstellen und unsere Datenbank einzurichten und sie dann mit dieser Datenbank zu verknüpfen und diese Daten dann durch die Daten aus der Datenbank zu ersetzen und diese Daten dann durch die Daten aus der Datenbank zu ersetzen. Geben Sie also 8. Firebase-Implementierung (a): Hey, Leute, willkommen zurück, Leute. Die nächste wichtige Sache danach sollte an unserer Einreichung arbeiten. Ich werde versuchen, auf Absenden zu klicken. Was sind das für Daten, wir gehen zu unserer Feuerbasis. Also das ist jetzt so, wir müssen unsere Feuerbasis einrichten. Und Daten von unserem Feuer abzurufen bedeutet, Daten dorthin zu senden und Daten aus den Feuerlöchern abzurufen. Um das zu tun, müssen Sie also zuerst einen Feuersee einrichten. Also geh einfach zum Anwalt und mach Firebase Click. Ich gehe diese Seite haben. Nachdem ich einige unterschrieben habe, habe ich nach dem Unterschreiben bereits mein Konto signiert und andere Dinge. Sie haben also diese Seite zu einem Projekt. Also diese anderen Firebase für vorher. Sie haben also Optionen für Kunstprojekte. Sie möchten also auf Kunstprojekt klicken. Sie geben den Projektnamen ein. Also sage ich, der Projektname sollte log, log lauten. Dann klicken Sie auf Weiter. Ich habe kein Google Analytics, aber es gibt noch zehn , die ich nicht anbiete warte einfach, bis die Vorbereitung abgeschlossen ist Wenn es fertig ist, hast du so etwas. Dein Firebase Pro ist bereit. Sie klicken auf Weiter. Du hast das. Hier begann also die Hauptarbeit. sich bereit für die App, für die wir bieten , indem Sie Ihrer App Firebase hinzufügen Die App, die wir entwickeln, ist war keine Rute, sie ist eine Web-App Sie klicken im Internet auf den Webnamen. Ich werde einen Blog einrichten. Ich kann sagen, blockieren Richten Sie auch Fire-Hosting für Ihre App ein. Ich möchte es nicht auf Fire Bee hosten, aber wenn du es auf Fire Bee hosten möchtest, kannst du einfach auf die Option klicken und einige andere Dinge tun, die du dort tun musst. Also registriere die App, dann musst du das kopieren und zu deinem Termina Termina gehen Seit dem Hosten laufen Sie die App mit 11 Termina, Sie können Ramina öffnen und ein anderes öffnen Denken Sie daran, dass wir uns jetzt im richtigen Verzeichnis befinden. Sie müssen in das aktuelle Verzeichnis gehen, es dann einfügen, um es dann einfügen MPM install firebase zu erstellen, und Es wird also Firebase für Sie installieren. Lassen Sie uns nach der Installation zu unserem P zurückkehren . Sie sagten dann initiationalz, firebase und beginnen, das SDK für das Produkt zu verwenden , das Sie verwenden möchten Also kopiere einfach diese CD und gehe zu deinem Source-Fader. Das ist dein Source Bader Source Fader und klicke darauf und erstelle es für dich, nenne Firebase. Ja, im Inneren basiert die Codekopie Du musst nicht den kopieren, ich habe den PIK, der die Domain zum Scheitern verurteilt Dies wird für Ihre eigene Website persönlich einzigartig sein. Wenn du das kopierst, ist es wahrscheinlicher, dass du diese Domain oder diesen APIC nach diesem Projekt von der Liste löschst diese Domain oder diesen APIC , weil es etwas Persönliches ist Es ist nicht etwas, das man nach draußen stellt oder etwas , das jeder sehen kann Das nächste, was danach folgt, ist die Erstellung unserer Datenbank. Die andere Sache, für die du die Feuerbasis benutzen kannst, ist sehr breit. Sie können es zur Überprüfung, Authentifizierung und Verbindung einiger anderer Dinge verwenden. Es gibt Annehmlichkeiten, mit denen Sie Firebase nutzen können. Sie können die Dokumentation einfach wirklich und sich weitere Videos dazu ansehen , damit wir Ihnen wirklich helfen, mehr über Firebase zu erfahren Was wir jetzt tun möchten, ist für unsere Fire Storage-Datenbank, Fire ST-Datenbank, und auf klicken. Also hast du das. Wenn Sie das haben, können Sie direkt eine Datenbank erstellen. Bevor Sie eine Datenbank erstellen, müssen Sie einige Dinge tun. Sie wechseln also zu Wie fange ich an. Das ist von normal. Lies all diese Dinge. Wenn Sie dort ankommen, sehen Sie, wie Sie Dokumentumgebungen einrichten . Wir verwenden das jetzt. Ich denke, wir verwenden einige Seiten und Sie haben Firebase bereits in unserer App installiert Als Nächstes müssen wir das kopieren. Gehen wir zurück zu unserer App. Wir haben also den ersten letzten Tag zuvor. Lass uns das einfach kopieren. Kopieren wir das und platzieren es medial unter diesem Das nächste, was danach zu tun ist, das zu haben. Denn und einige andere Dinge , die Sie tun können, ist, dass Sie all diese Dinge verstecken können , wenn Sie sie online veröffentlichen , indem Sie Punkt EMV verwenden Wo du es online posten willst , kann Git Ding Punkt EMV sehen Du kannst also am PIK vorbei gehen und es von dieser Stelle in deiner Feuerschale aus aufrufen dieser Stelle in deiner Feuerschale Das macht es sicher und du kannst Gitigno platzieren wenn er auf ein Feuerstück drückt, indem du Punkte ausblendest. EMV sollte also nicht zum Verschwinden gebracht werden. Das ist also ein weiterer Versuch, es sicher zu machen. Das ist nicht der Geschichte zuliebe, ich mache das nicht. Danach müssen wir, um das beurteilen zu können, dieses DP exportieren. Also können wir es überall verwenden. Also diesen DP werden wir oft anrufen, wenn wir mit der App arbeiten. Ruf es jetzt zuerst an, komm einfach her und exportiere. So kannst du das jetzt von überall aus beurteilen. Wir können also immer noch zu Ihrer App zurückkehren. Wenn Sie diese ausgehenden Daten in Ihrer App sehen. Fügen Sie Daten zu Ihrer Firebase importieren Sie diesen und diesen Sammlungsbenutzer Wir überprüfen das später. Das ist also der kleine Code, den wir für den Export ausführen müssen, um Daten an diese Firebase zu Sie wollen Daten aus der Datenbank lesen, Sie wollen auf bestimmte Daten zugreifen, was wir tun werden. Das ist der Code, dem Sie folgen, um Daten aus der Datenbank zu lesen, um Daten zu sichern , die gelöscht werden sollen, und so weiter und so weiter Lassen Sie uns nun unsere Daten erstellen, siehe Gehen wir zurück, während sie eine Datenbank erstellt haben, Slickness Machen Sie sich also keine Sorgen, wir kehren zu dieser Basis zurück. Also, jetzt haben wir unsere Datenerfassung gesammelt, wir fügen eine Sammlung wie Sport, Next, Dokument-ID und einige andere Dinge hinzu Also habe ich eine Verbindung. Diese Ergänzung zur Verbindungssammlung ist wie ein bestimmter Abschnitt des Blogs, den wir gerade erstellen. Ich kann es in eine andere Sammlung aufnehmen. Also Sport und Sport, ich kann Politik haben, ich kann hier Unterhaltung haben. Ich kann hier einen einzigen Abschnitt haben und verschiedene Dokumente haben, aber das ist nicht gut, wenn ich Daten codieren und filtern möchte . Es ist also gut für mich, hier eine andere Sammlung zu haben. Jede Sammlung hat also ihre eigene Datei, ihr eigenes Dokument. Hier befinden sich alle Daten in der Sammlung. Ich kann also mehrere Daten an diesem Ort haben. In der Sportabteilung in der Sportsammlung gibt es mehrere Blogs , dann kann ich mir jeden Block an dieser Stelle ansehen. Also nehme ich eine Datei in Ihrem System ab. Sie haben unterschiedliche Ordner in drei Ordnern oder drei verschiedene Dinge in jedem Ordner. Vielleicht einen für Filme, Sie haben Ihren ganzen Filmtag, einer ist für Musik und einer ist für Dokumente. Sie sagen also, dass sie verschiedene Dinge tun und dass sie verschiedene Dinge in sich haben. Also genau das Gleiche wie der Ordner. Dann ist die Datei drin dann können Sie beurteilen, ob sich die Datei darin befindet. Also lass uns einfach anfangen und zurück zu unserem Create-Blog gehen. Lass uns zurückkommen oder einen Blog erstellen. Lasst uns daran arbeiten, wie dieses Boxen funktioniert. Was wir jetzt tun wollen , ist , dass, wenn sie auf „Boxen abschicken“ klicken , du einen Blog hinzufügen möchtest. Blogs hinzufügen Pans möchten das tun. Das heißt, wir wollen Daten an unsere Datenbank senden. Einfach das tun. Wir werden die Sammlung importieren und einen Blog hinzufügen. nach der Erfassung an die Zeit, Denken Sie nach der Erfassung an die Zeit, zu der dieses Ding exportiert wird. Wir müssen es aufrufen, weil es sehr wichtig ist wenn wir hier in der Datenbank etwas machen wollen , weil wir all diese Werte brauchen, um schnell zu sein. Also importieren oder ich denke, es ist zum Abrufen hier. Also DB Firebase. Wir brauchen hier also die Funktion, dass wir Daten senden , an die wir uns erinnern wann immer wir Daten an die Firebase senden möchten Kostet also etwas , das wir hier schon haben, kein C oder so Du kannst dem also folgen und mir trotzdem folgen, was ich hier tun möchte. Hat also ein Blog gekostet. Okay, als Erstes möchte ich verhindern, dass standardmäßig geladen wird möchte ich verhindern und einige andere Dinge, die standardmäßig standardmäßig geladen werden . Der Hauptgrund, warum ich das nenne, verhindert also die Standardeinstellung. Es gibt einige Standard-Action-Java-Skripte , die ich beenden muss. Stellen Sie sich vor, ich möchte das Formular senden und es validieren, bevor ich es absende. Ich möchte also verhindern, dass die Standardaktion des Javascripts das Formular vor der Validierung sendet, um diese Standardeinstellung zu verwenden Validierung sendet, um diese Standardeinstellung zu verwenden, da Javascripts standardmäßig standardmäßig direkt gesendet werden, um es sogar zu gesendet werden, um es Danach möchte ich eine If-Bedingung. Also möchte ich jedes Textfeld überprüfen, vielleicht hast du etwas drin Also, wenn dieser Titel leer ist, wird es dir nicht möglich sein, einen kompletten Blog zu senden, wenn dieser Tutor leer ist , all diese Dinge Selbst wenn sie leer sind, wird es ihnen nicht erlauben zu gehen Schauen wir uns dieses Bild an, weil es einen bestimmten Namen gibt , den wir gerufen haben, also Bild, das ist nett. Damit wir nach dem Aufruf von der API nicht das Problem haben wollen , dass unser Bild nicht angezeigt wird , wenn der Name kein anderes Bild ist. Danach, nachdem wir das überprüft haben, auch wenn es wahr ist. Also sollten wir anrufen unter. Ich möchte nicht zu viel Stress haben. Also möchte ich nur auffordern, das zu verwenden, wenn eines davon leer ist. Danach, Lama, ist das Böse von ihnen wahr. Ich möchte den Link zum Bild überprüfen. Nein, manche Leute, wenn du zum gehst. Manche Leute wollen Jack hier anziehen. Ich denke, die App wird besser akzeptiert. Also möchte ich überprüfen, ob der Link vielleicht tatsächlich wahr ist. Vielleicht funktioniert der Link tatsächlich oder der Link ist ein gültiger Link. Damit ich das tun kann, muss ich also zu meiner Quelle kommen und Herbst UT erstellen. Also drin. Darin wird es einen Index geben. Im Indigo X werde ich einen einfachen Code schreiben, um zu überprüfen, ob die PR oder der Link wahr sind oder nicht Export kann es also an jedem anderen Ort nennen. Überprüfen Sie, ob das Bild wahr oder nicht oder gültig ist oder nicht, die UR- und die COB-Funktion Das ist also alles, was wir tun müssen. Also müssen wir nur wieder in unseren Blog zurückkehren. Also plus das verdammte Bild, wir müssen zu einem Import gehen, der importiert wurde Also kann ich die ganze Funktion hier aufrufen und sagen, ich übergebe das Bild und ich übergebe dieses Bild hinein, es ist Bild R. Also muss es nach der Überprüfung überprüfen, ob das Bild vielleicht stimmt oder Wenn es nicht stimmt, ist es ein Strohfehler. Also muss es überprüfen, ob diese UR vielleicht wahr ist. Denken Sie an die beiden Dinge , die die UR speichert, die UR-Speicherung und die CBA-Funktion Eine Coa-Funktion wird synchronisiert und wir haben hier eine Funktion, die allgemein üblich ist Ich bin jetzt drin, wir haben eine weitere Funktion, weitere bedingte Aussagen, die besagen, dass ich existiere, falls das tatsächlich wahr ist Ist jetzt wahr gesetzt ist zuerst auf wahr deaktiviert. Das heißt, wenn sie auf die Schaltfläche „ Senden“ klicken, denken sie daran, wann ich sie hier weitergebe , wann sie sie hier anklicken. Wenn also die deaktivierte Schaltfläche aktiviert ist, können sie nicht erneut auf diese Schaltfläche klicken. Manche Leute können einfach viele Male auf die Schaltfläche klicken. Um zu vermeiden, dass die Aktion erneut auftritt oder sich wiederholende Stiche auftreten , müssen Sie sie blockieren Danach musst du ein Gewicht nehmen, nein, das ist ein Scronos-Gewicht, technisch gesehen ein Davi-Gewicht Also, ein Gewicht müssen wir an der Anlegestelle haben , das haben wir hier Raketensammlung öffnen, sagst du, wo wir sie verwenden? Wenn du zu unserem Feuer zurückkehrst sieh nach, dass sie auch ihre eigene Datenbank haben DB ist also nicht in unserer App, deshalb exportieren wir es DB nach DDB, dann brauchen wir die Sammlung selbst, wo wir sie hinstellen wollen Wenn wir diesen Ort überprüfen, ist dieser Benutzer jetzt eine Sammelstelle oder lass mich zurückgehen und dir etwas zeigen Wenn du da drüben bist, siehst du einen Fire-Speicher. Das sind deine Feuerläden im Teil, diese Zeichenfolge ist die Straße, in der dieser Pass jetzt gespeichert werden soll , das ist der Name deiner Sammlung Also mein Sammlungsname, ich möchte einen anderen Sammlungsnamen, weil ich einen für Sport, für Politik, Wirtschaft und so weiter und so weiter haben möchte einen für Sport, für Politik, Wirtschaft und so weiter und so weiter Also, anstatt dass ich hier eine einzige Zeichenfolge weitergebe, S-Sport. Also, wenn ich das alles für Dam bestehe, werden die Story-Daten über diesen Sport hinaus gespeichert und das will ich nicht. Also muss ich die Kategorie dort bestehen. Also Kategorie, wenn die Kategorie auf Sport umgestellt wird, um den Datenpunkt auf Sport zu speichern . Verstehst du mich? Also, wenn in der Kategorie Politik steht, ist die Kategorie die Kategorie. Wenn ich also Sport auswähle , werden die Daten, die ich schreibe, unter Sport gespeichert. Ich wähle Politik aus, speichere die Daten unter Politik, wenn ich weiter widme und so weiter und so fort Dass dahinter Logik steckt. Danach haben wir also die Coli-Klammer. Okay. Dann werde ich nicht alle Daten weitergeben. Das ist Typ zwei. Das merkt man, wenn sie alle Daten hineinschicken. Also habe ich meinen Typ zwei zum Tippen. Also ich bin so der Kategorie auch der komplette Blog, die URL und die Uhrzeit. Zeit ist etwas, für das es keine Option gibt , denn Sie müssen keine Zeit mit Ihrer verbringen. Die Zeit, zu der Sie auf die Service-Schaltfläche klicken , wird registriert. Wenn Sie in unserer App hier etwas sehen, das besagt, dass es sich um April 2000 bis 2024 handelt, also um die Zeit, zu der dieser Blog erstellt wurde Also registriere einfach Zeitpunkt, zu dem du auf die Schaltfläche klickst Dafür fängt die Zeit also an. Wenn das also erfolgreich ist , eine weitere Warnung ausgegeben, die besagt: Wir möchten vielleicht unsere App neu laden, vielleicht möchten wir alles neu laden Nach dem Blog wurde der Blog also erfolgreich erstellt. Ich werde lesen. Jetzt heißt sonst, wenn dieser nicht existiert, wenn der Bildlink nicht existiert. Also was sollte die Analytik sagen, ich benutze Aer. Es gibt einen besseren Weg, es zu tun Es gibt noch eine andere, ich kann eine Komponente für meine Benachrichtigung erstellen , anstatt die Warnung zu verwenden. Das wird Teil der Bewertung sein. Sie möchten es erweitern, also rufen Sie es einfach an, anstatt eine Warnung zu verwenden , oder Sie können Ihr eigenes Aart-Modell entwerfen Ich kann Bild-URL sagen. Bild-URL, damit wir jetzt das Ungültige entfernen können. Das ist alles was wir tun müssen. Testen Sie es jetzt. Kommen wir zurück und gehen zurück zu dieser Zone, wo wir Feinkostladen müssen Das wird ein neuer Eintrag sein. Stellen Sie sich vor, ich möchte jetzt einen Blog erstellen. Lassen Sie mich einfach etwas posten, ein Blog, das Auto, mein Name, Joel, ist ein Sportfan. Also die Beschreibung, Geschäft schließen , der Wahrheit folgen. Also zu den Details. Okay. Lass mich einfach ein zufälliges Dx finden. Ich gehe zurück in meinen Bauch und füge ein. Also den Bildlink, ich brauche einen Bildlink, also füge ich ihn ein. Also jetzt möchte ich testen, ob diese Bild-URL tatsächlich funktioniert. Vielleicht funktioniert es, wenn ich eine falsche UR eingebe. Also anstatt das einzufügen, werde ich es wieder entfernen und einfach Müll schreiben Also lasst uns jetzt einen Verlust hinnehmen. Lass uns auf Senden klicken. Ja, es liegt ein Fehler vor. Wir haben diese Funktion noch nicht aufgerufen. Wir können diese Funktion also nicht beurteilen. Das ist der Fehler. Siehst du, wenn wir auf Abschicken klicken, alles einfach die Funktion aufrufen, dass ich rauskomme Das Aufrufen der Funktion. Lassen Sie uns darauf zurückkommen und versuchen , zu sehen, ob wir vielleicht den vorherigen abrufen können. Lassen Sie mich sehen, dass dies keine gültige URL ist. Lass mich sehen, ob es vielleicht funktioniert oder nicht. Können Sie sehen, geben Sie einen gültigen URL-Link an. Ich klicke. Ich muss jetzt zurückgehen und den richtigen URL-Link kopieren. Und lassen Sie mich diese letzte Tabelle gleich platzieren und dann auf Senden klicken. Klicken Sie also schon auf Senden. Es soll die Schaltfläche zum Laden sein, lassen Sie uns das zur Kenntnis nehmen. Wir erhalten also, um Hookie geblockt oder so etwas wie diese fehlende oder inst-Erlaubnis zu blockieren etwas wie diese fehlende oder inst-Erlaubnis Wir haben also noch nicht die Erlaubnis, auf der Sorry on the Fire Base auf diesem Gewand zu posten noch nicht die Erlaubnis, auf der Sorry on the Fire Base auf diesem Gewand zu 9. Firebase-Implementierung (b): Hokie wird blockiert oder so etwas fehlt oder die Erlaubnis wird nicht erteilt. Wir haben also noch nicht die Erlaubnis , auf diesem GB auf der Sorry, auf der Fire Base zu posten auf der Fire Base Also, weißt du, wenn wir es erstellen, zeige ich dir etwas, dass, wenn du zu den Regeln zurückkehrst, zu deinen Regeln gehst. Ich glaube , wir zeigen etwas für Dritte, bla, bla, bla, bla. Ich sage, ich werde es später erklären. Du kannst das Video ein wenig nach hinten verschieben . Das ist also der richtige Ort. Wir müssen diesen neu schreiben, damit jeder schreiben kann und Zugriff darauf hat, Beiträge zu schreiben Was wir also nur tun müssen, ist diesen zu „ wahr“ zu ändern . Dieser wird wahr. Jetzt haben wir für jeden von ihnen bereits eine andere Sammlung, und einige von ihnen haben zwei Daten, eins zu Daten. Wir können das sogar zur Technologie machen, also haben wir T-Daten. Nachdem wir all diese Dinge hinzugefügt haben, ist das nächste , dass wir es wieder unser nennen. Sie stellen fest, dass wir die Daten aus unserer Datenbank von unserer Feuerbasis aus aufrufen . Die meisten sind also in der Lage, das zu tun. Es ist sehr einfach, vielleicht schreiben wir diese Codezeile, nein, nein, nein, nein. Was wir jetzt einfach tun werden, ist zu unserem Code zurückzukehren. Also statt des gleichen , wo wir das Vorher haben , statt des Standardtextes, das wir schon einmal dort haben. Ich gehe zurück zu unserem Code. Gehe zurück zu unserer Homepage. Anstatt all diese zu verwenden, müssen wir jetzt unsere Daten abrufen , wir müssen Daten aus der Datenbank lesen. Merken Sie sich die Option für Daten, kann Daten erreichen. Wir müssen alle Daten aus der Datenbank lesen. Also wir kopieren das, das ist Dokumente besorgen und uns auch daran erinnern, dass Sie Ihre Datenbank brauchen, das ist TV von der Feuerbasis. Also brauchen wir das. Also , welche Funktionen müssen wir schreiben? Also zuerst müssen wir für jeden von ihnen einen Nachlass haben. Was dieser Staat tut, ist, dass wir nach dem Abrufen, um es auf der Grundlage jeder Sammlung abzurufen, Abrufen, um es auf der Grundlage jeder Sammlung abzurufen, für die Sammlung von Gemeinwesen, Blog, Technologie , dT, Unterhaltung, Sport Also ein Port aus der Datenbank, basierend auf jeder Sammlung. Was wir jetzt tun werden, ist, unseren Nutzungseffekt zu erzielen, weil er so konsequent ausgeführt wird . Also nutze den Effekt, wir haben eine Funktion c, die einer scronssd entspricht, und wir haben einen Abfrage-Snapshot Gleiche gilt für unsere Sammlung von Dokumenten, die wir bereits in der Sammlung haben , wir geben unserer Datenbank den Namen der Sammlung, die wir selbst und als Politik haben wollen Sie können zu Ihrer Datenbank zurückkehren und den Namen hier überprüfen, Politik, wenn wir hier nachschauen, es macht das, was sie tun, auch Schnappschüsse, die den Standards entsprechen Also auch Politik. Dann haben Sie einen weiteren Kostenblock , ein R. Als Abfrage werden also Personen für jeden abgefragt. Für jeden von ihnen wollen wir ihn in den zugeführten Blöcken Dot Push speichern . Also wollen wir es mit einer ID in den CR verschieben. Diese Punkt-ID des Dokuments. Dann verteilen wir die Dokumentendaten. Danach wollen wir die Daten sortieren. Das heißt, der erste, der den neuesten hat, wir stehen an erster Stelle vor dem anderen. Also sagen wir, kostet sortiert einen Block gleich f neue Blöcke A kommen B, zwei Argumente tun Zeit. Also die Zeit, die sie sortieren wollen, ist Bat pünktlich minus a mal, dass sie Set P setzen, B, das Politik blockiert, Staat, Glock Danach zu den sogenannten Funktionalen. Es ist ein Fetch-Block oder sagen wir Fetch-Blöcke statt Fetch-Block Lass uns Blöcke holen. Ja. Weil ich jetzt nur nach einem Block suche. Danach wollten wir nach dem Laden noch einmal laufen. Also das ist es mit Politik. Also müssen wir es jetzt auch für andere replizieren. Wenn Sie also annehmen, dass die Zeit mit der Zeit korreliert, müssen wir das so formatieren , dass die Zeit angemessen ist Was wir also tun müssen, ist, dass wir zu unserer Blockkarte zurückkehren müssen weil sie einfach in unserer Blockkarte ist, oder? Gehen Sie zu unseren Blockkarten in unseren Komponenten. Karte. Also wo wir Zeit haben, müssen wir sie durch diese ersetzen. Es gibt eine neue D Time SUS-Zeichenkette. Es ist also ein elektrisches Format. Es zeigt die Uhrzeit, zu der wir diesen Blog erstellt haben, und die Daten. Lass uns auf einen von ihnen klicken. Es wird also angezeigt, aber eine Sache ist, dass nicht alle Details angezeigt werden. Sehen wir uns also den Namen an, den wir hier die vollständigen Details nennen. Mal sehen, wir nennen es Voll-Blog, Voll-Blog an dieser Stelle. Kehren wir hier also zu unserer Komponente zurück. Das sind unsere View-Deg-Details. Lass uns nachschauen. Also das waren die Staaten, die Details machen. Das ist der vollständige Blog des Bundesstaates. Also lass uns das jetzt überprüfen. Wir haben es. Unsere Daten sind also nicht so veröffentlicht am. Das bedeutet also, dass wir das auch formatieren müssen. Wir müssen dieses Datum auch formatieren. Denken Sie daran, was wir hier gemacht haben. Du kannst einfach herkommen und nach oben gehen. Dieser wird also die Uhrzeit angeben. Also lasst uns nachschauen, was schon da ist, und unsere Rückwahl funktioniert. Das ist es also hauptsächlich. Aber eine andere Sache, die bleibt, ist für diesen Ort. Die anderen haben immer noch den früheren Blog. Das bedeutet also, dass wir dort zu unseren Details gehen müssen, unseren Blog-Bereich, und einige Dinge ändern müssen. Was wir also ändern müssen, ist die sogenannte API sie muss auch alle Details lesen und in jede von ihnen einfügen Was müssen wir also tun, wir haben bereits unseren Verkaufsblock. Also wie die Seite, auf der wir alles aufrufen müssen , alles hier draußen, jede Funktion müssen wir das nicht kopieren. Das müssen wir an diesem Ort nicht tun. tut mir leid. Ja, das sind Blockabteilungen. Also lass mich einfach den, den ich nicht richtig benutze, bitte. Ich gehe zurück zu meiner Abteilung. Wir müssen hier also nicht alles angeben. Wir müssen das nur einen von ihnen nennen und dann die Kategorie bestehen, richtig? Also die Kategorie, auf die wir hier klicken, wenn es Sport ist , generiert sie den Sport-Blog. Ich hole mir diesen ganzen Spot-Blog, die Sammlung von Blogs, die sich mit Sport befassen Wenn es Politik ist, nimm den für Politik und so weiter und so fort Hier wird es also ein festgelegter Blog statt ein festgelegter Blog sein . Das ist es. Was hier also fehlt, ist, dass wir das brauchen , um das zu importieren. Gehen wir also zurück zu unserer Homepage. Wir brauchen das, um hier zu sein, oder? Und hier müssen wir unsere Kategorie dt bestehen. Wir müssen also ändern, wann sich die Kategorie geändert hat. Anstatt jetzt diesen Status zu haben, können wir diesen Status löschen, was auch sein sollte. Gehen wir zurück zu unserem PC. Siehst du jetzt einfach. Um sicherzugehen, habe ich, glaube ich, einen Beitrag über die Politik verfasst, die ich Politik nenne. Kannst du das sehen? Es ändert sich je nach dem, was ich eingegeben habe, Technologie, drei Unterhaltungsmöglichkeiten als Zone. Sie können also sehen, dass das Bild ein wunderschönes Bild zeigt. Das heißt, wenn Sie auf diese Anzeige klicken, war es eine tolle Zeit Sie beim Aufbau dieser fantastischen Seite mitzunehmen. Es gibt also noch viel, was Sie damit machen können. Also und das wird Teil der Bewertung sein. Was ich nur für Sie brauche, ist die Arbeit an dem Modell. Also, wenn ich auf Zum Beispiel klicke, wenn ich zu diesem Knickblock zurückkehre, wenn ich zu diesem Benutzungsblock zurückkehre und darauf klicke Anstatt Alt zu verwenden, können Sie ein Modell erstellen. Ihr Modell ist dann das Modell, für das Sie stattdessen nützliche Benachrichtigungen erhalten Und das Ding, du kannst all deine Blöcke auflisten , sodass ich die Schaltfläche „Löschen“ habe, sodass ich die Kontrolle darüber behalten kann . Du kannst es von diesem Ort löschen. Sie können es von diesem Ort aus ansehen, wenn Sie möchten. Aber wenn du das nicht tun willst, kannst du hierher und zu jedem Blog zurückkehren , der in Ordnung ist und der nicht nützlich ist. Sie können einfach darauf klicken und Dokumente löschen. Und Dokumente löschen. Sie können das Dokument , mit dem Sie diesen ganzen Blog löschen , aus diesem löschen. Das ist es also. Nachdem Sie so etwas erstellt haben, können Sie Ihr Modell erstellen und dafür sorgen, dass haben, können Sie Ihr Modell erstellen diese Suchschaltfläche funktioniert. Die Kontakte. Wenn sie also auf Senden klicken, schicken Sie eine E-Mail an diese beliebige E-Mail, die Sie an Ihre persönliche E-Mail-Adresse sagen könnten , wenn sie Sie kontaktieren. Ich denke, es gibt einige Websites, auf denen ich Bilder mache Bilder überprüfe. Bilder können dir dabei helfen. Wenn sie also eine Nachricht senden, werden Trans direkt an Ihre E-Mail gesendet und Sie können ihnen von dort aus antworten , sodass Sie eine nicht generierte E-Mail erstellen und ihnen antworten können . Also andere Dinge. Die erstaunlichen Dinge, die Sie dazu hinzufügen können , es hört hier nicht auf. Das Design hört hier nicht auf. Es gibt Dinge, die man verstecken kann, wie das Laden, es gibt das Laden. Also, wenn ich dieses Ding ankreuze, sollte es eine Art Lastverteilung geben, rund, rund, rund. Es gibt einige amüsante CSS, Load-Putting. Ich lade das Symbol und lade die Animation, das kannst du überprüfen Verschiedene von ihnen, Sie können das überprüfen und sehen wie Sie es darauf anwenden können. Also danke euch mir bis zum Ende dieser Geschichte gefolgt Ähm, ich sehe dich im nächsten Tutorial, jeden, den ich als nächstes fallen lassen werde Also bitte klicken Sie auf die Schaltfläche „ Folgen“, damit , wenn ich einen tollen Inhalt Sie mir jedes Mal folgen, wenn ich einen tollen Inhalt, ein fantastisches Tutorial veröffentliche, und Sie werden es gemeinsam genießen. Vielen Dank, Segers Nia