JavaScript-Grundlagen: Von Nichts zum Ninja

1. Willkommen: Hallo. Willkommen bei JavaScript Essentials. In diesem Kurs erfahren Sie, wie Sie ein Front- und JavaScript-Entwickler werden. Sie sollten bereits ein Verständnis von HTML und CSS haben, aber wenn Sie dies nicht tun, ist das in Ordnung, weil es technisch nicht erforderlich ist. Dieser Kurs wurde entwickelt, um Ihnen bei der Web-Entwicklung als Karriere zu helfen, so dass Sie übertragbare Programmierkenntnisse wie versuchen, fangen, Funktionen, Klassen und Vererbung lernen fangen, Funktionen, Funktionen, . Aber Sie werden auch alle JavaScript-Grundlagen lernen. Sie können die Fähigkeiten aus diesem Kurs nehmen und sie in Zukunft auf andere Sprachen anwenden, wie No Js python und PHP Plus. Sie werden über die seltsamen Bits und JavaScript lernen, einschließlich Hebebereiche und Schließung . Und während Sie die Lektionen durchlaufen, gibt es kleine Projekte, die Ihnen Arbeitserfahrung mit echtem JavaScript-Code geben . Auf diese Weise treten Sie nicht mit verbundenen Augen und leeren Händen in den Markt ein. Die Lektionen kommen mit herunterladbaren Codebeispielen und verringern Zuweisungen, so dass Sie Erfahrungen mit wieder wirklich JavaScript-Code bekommen können . Als Bonus, Sie werden auch einige es sechs als gut lernen. Kurz vor dem Ende dieses Kurses werden wir eine Abstimmung fünf Möglichkeiten sprechen, die Sie Geld verdienen können, während Sie lernen, als Junior- oder Zwischenentwickler mit sehr wenig Geschick zu programmieren und wie Sie in die Web-Entwicklungsbranche einbrechen können . Ich werde Ihnen auch eine Richtung geben, in Bezug auf das, was Sie danach lernen sollten . Wesentliche JavaScript-Noten. Manche Leute sagen, Sie sollten Essex React No Jake müde, eckige Python PHP, Ruby, etc. lernen , eckige Python PHP , Ruby , . Das ist einfach viel zu viel, also werde ich Ihnen ein bisschen Klarheit geben. Nun, in diesem Kurs gibt es keinen magischen Flaum. In der Tat werde ich einige der Geheimnisse teilen, um ein erfolgreicher Web-Entwickler zu werden, die kein anderer Lehrer zugeben will. Ich habe noch nie gehört, dass ein anderer Lehrer etwas zugibt wie das, was ich Ihnen in diesem Kurs sagen werde . Und in der Tat ist das erste Geheimnis, dass Web-Entwicklung eigentlich mehr ist als nur das Schreiben von Code. Hallo, ich bin Caleb, dein JavaScript-Grundlegende Lehrer. Ich bin ein Full-Stack-Webentwickler von Online und Struktur. Ich bin Unternehmer und habe in den letzten Jahren Zehntausende von Schülern unterrichtet. Habe Codierung seit 1999 und jetzt gebe ich mein JavaScript-Wissen an Sie jetzt hier weiter. Nur ein paar Dinge, die Studenten in der Regel an mir zu schätzen wissen. Mein direkter Weg, wieder zu lehren. Kein Flaum. Wie ich schwierige Konzepte in einfache und leicht zu erlernende Stücke zerlegen kann und wie schnell ich Fragen beantworte, die sie jetzt haben. Ich glaube, dass Online-Lernen mawr ist als das Anschauen von Videos. Sie müssen die Codierungstheorie lernen. Absolut. Sie müssen Ihr Gedächtnis joggen, und Sie müssen das Schreiben von Code üben. So bekommen Sie wieder in die Hände auf Codierungserfahrung. Sobald Sie diesen Kurs abgeschlossen haben, erhalten Sie ein Abschlusszertifikat, um zu beweisen, dass Sie die JavaScript-Grundlagen gelernt haben . Hier ist, was in diesem Kurs enthalten ist. Volle Lebensdauer 24 7 Zugriff auf alle HD-Videos, ein Zertifikat der Fertigstellung, ein Zertifikat der Fertigstellung, Zugang zu unserer Support-Gruppe, herunterladbare Codebeispiele, herunterladbare Codebeispiele, Code-Projekte und eine Abschlussprüfung und eine 30-tägige Geld-zurück-Garantie. Bedeutung Wenn Sie im ersten Monat nichts von diesem Kurs lernen, gehen Sie und drücken Sie die Rückerstattung. Holen Sie sich Ihr Geld zurück. Also, was sagst du? Sind Sie bereit, JavaScript-Entwickler zu werden? Wenn Sie dies tun, klicken Sie auf die Schaltfläche „Registrieren“ 2. Einführung: Hallo und willkommen bei Javascript Essentials. In diesem Kurs lernen wir die Grundlagen von JavaScript. Wenn Sie auf der Suche nach einem Kurs auf Ja, sechs. Das ist es nicht. Dies ist eher ein Anfängerkurs auf ein paar der Dinge, die wir durchmachen werden. Sie enthalten interne und externe JavaScript-Dateien. Wo Sie Ihr JavaScript in Ihrer HTML-Datei bis hin zu Variablen einfügen. Allgemeine Zuweisung, String-Manipulationsoperatoren. Wenn sonst versuchen Sie, Abfrage-Selektoren zu fangen, um Ihren HTML innerhalb Ihrer d o m Ändern der Werte des inneren HTML Was Hebeing ist Funktionen. Anonyme Funktionen waren dabei, in eine Raise Objekte zu bekommen, Schleifen. Und wir werden anfangen, über das Ändern von CSS-Stilen mit Selektoren Klassen mit verschiedenen Methoden zu sprechen . Wie was? Unsere Klassen. Was macht Javascript-Objekt orientiert? Wir könnten in ein wenig von E s sechs JavaScript eintauchen. Dinge wie Konsulat Anvar oder Errol Funktionen kurz vor dem Ende dieses Kurses, werden wir über Frameworks lernen, einige wirklich tolle JavaScript-Bibliotheken, die Ihr Leben einfach so viel einfacher machen. Und ich werde Ihnen zeigen, wie Sie ein bisschen Geld verdienen können, indem Sie JavaScript durch diesen Kurs schreiben , es wird ein paar verschiedene Projekte geben. Sie werden nicht übermäßig umfangreich sein. Sie werden dein Gehirn nicht wirklich schwitzen lassen. Aber sie werden eine große Praxis sein. Und es wird immer nur aus Dingen bestehen, die Sie in diesem Kurs gelernt haben. Wir gehen also nicht davon aus, dass Sie bereits anderes JavaScript aus einem anderen Kurs kennen. Wir gehen nicht davon aus, dass dass CSS drei Übergänge und Animationen oder irgendetwas Fortgeschrittenes wie das hier rein JavaScript lernten , und das wird Sie wirklich als JavaScript-Entwickler rollen lassen auf dem Frontend einer beliebigen Entwicklungswebsite. Alles klar mit dem sagte, Vielen Dank für die Teilnahme an diesem Kurs. Wenn Sie Fragen haben, lassen Sie sie auf jeden Fall in den Kommentaren unten. Vergessen Sie nicht, der Facebook-Gruppe beizutreten. Der Link wird in den Kommentaren unten sein oder es wird in der nächsten Lektion sein, und ich freue mich darauf, Sie bald zu sehen 3. Was du erwarten kannst: Hey, alle, willkommen zurück, bevor wir anfangen, worüber ich wirklich reden möchte, ist das, was Sie in diesem Kurs erwarten können. Es gibt einige Kurse, in denen es nur Videokurse sind. Ah, und es ist ein Lehrer, der über dich spricht, und ich habe diese Kurse schon mal gemacht, und das ist nicht mehr akzeptabel. Ich möchte, dass Teoh nur die Erwartungen dafür festlegt, was dieser Kurs ist und was Sie Lage sein werden, aus ihm herauszukommen. Das erste, was Sie von diesem Kurs erwarten können, sind Codebeispiele, richtig? Alles, was ich schreiben werde, ob es in erhabenen oder direkt im Browser ist, werde ich Ihnen diese Codebeispiele geben. Also was, Sie können Codebeispiele erwarten. Das zweite, was Sie erwarten können, ist, dass ich es nicht als Hausarbeit bezeichnen möchte, aber es sind eine Art von Aufgaben. Es ist eine Möglichkeit, alles zu üben, was Sie lernen werden. Also gehen wir durch 10 15 20 schnelle kleine Kurse und du wirst nicht wirklich viele Hausaufgaben in denen machen. Aber am Ende dieses Moduls oder am Ende von Siris von Videos, werden wir eine kleine Aufgabe haben. Die Aufgaben werden nicht schwierig sein. Sie werden dein Gehirn nicht verletzen. Sie werden dich nicht betonen. Sie sind rein entwickelt, um zu üben, was Sie in den Videos gesehen haben und fühlen sich frei, immer zurück zu gehen und jede Art von interaktiven Codebeispielen wieder zu verwenden. Also Nummer zwei, was Sie Zuweisungen erwarten können. Das dritte und letzte, was Sie von diesem Kurs erwarten können, ist der Zugang zu unserer Facebook-Gruppe , und dies ist eine Facebook-Gruppe von Entwicklern. Es ist schon seit ein paar Wochen auf es gibt über 500 Entwickler. Vielleicht sehen Sie sich das mal an. Es wird Tausende von Entwicklern in dieser Gruppe geben, aber es ist nur eine einfache Facebook-Gruppe, in der Menschen gehen und Fragen stellen können. Also, ob Sie sehen dies auf jeder Plattform, können Sie kommen und unsere Facebook-Gruppe beitreten und Ihre Fragen dort in waren glücklich, sie zu beantworten. Gerne unterstützen wir Sie. Es gibt wieder Hunderte, möglicherweise Tausende von Entwicklern, die bereit sind, Ihnen jederzeit zu helfen. Es gibt kein zusätzliches Marketing. Du brauchst dich nicht anzumelden. Sie müssen nicht Ihre E-Mail oder so etwas geben, es ist einfach ein großartiger Ort, um zu gehen und Ihre Fragen zu stellen. Also Nummer drei ist unsere Facebook-Gruppe. Sie können eine Suche auf Facebook durchführen, um zu lernen, zu programmieren. So nennt man die Facebook-Gruppe. Ich werde einen Link erstellen und es in diesem Dokument, wo Sie dieses Dokument herunterladen können, kann es anzeigen. Ah, es wird auch entweder in den Kommentaren oder in zusätzlichen herunterladbaren Inhalten sein, so dass Sie den Link dort finden können. Oder Sie können einfach auf Google-Typ springen, um Code zu lernen, und Sie sollten im Idealfall diese Facebook-Gruppe finden. 4. Wo du dein JavaScript einsetzen kannst: Hey, Leute. Und willkommen zurück bei Javascript. Essentials In dieser Lektion werden wir schnell übergehen, wo Sie Ihr JavaScript platzieren sollten. Nun, es gibt eine Menge Debatte darüber, ob Sie Ihr JavaScript und den Kopf Ihres HTML oder in den Körper auf der Ober- oder Unterseite Ihres Körpers s setzen sollten . Also wollte ich nur schnell übergehen, wenn Sie Ihr JavaScript in welchem Bereich setzen sollten Der erste Teil ist unser Kopf. Das ist also, wo Sie Ihren Titel setzen , , und das ist nur,wissen Sie, wissen Sie, im Grunde ein sie Männchen. wissen wir alle. Aber wenn Sie wollten, könnten Sie hier auch etwas Javascript einfügen. Jetzt werde ich ein paar in Zeile JavaScript schreiben und Sie können alles hier schreiben. Dies ist nur normales Javascript. Sie müssen sich keine Sorgen darüber machen, was das jetzt ist, aber wissen Sie, dass Sie Javascript in den Kopf stellen können. Davon abgesehen würde ich dringend raten, dies zu tun, nur weil viel JavaScript auf dem D. O. M. beruht. Das O. M. Dokumentobjektmodell, das im Grunde Ihre HTML-Struktur ist. Nun, wenn Sie Javascript haben, das im Kopf geladen wird, richtig, genau wie CSS, wird Ihr Browser Ihre Seite von oben nach unten laden. Also, wenn Ihr Javascript hier versucht, ein Element zu greifen, das noch nicht im Körper gerendert wurde , der nicht hier ist, dann wird es entweder einen Fehler erzeugen oder es wird Ihnen unvorhersehbare Ergebnisse geben . Und das hängt wirklich davon ab, wie schnell Ihre Seite laden kann, wie schnell das JavaScript entladen, wie schnell die Computer des Benutzers. Es gibt zu viele Varianzen, die wir einfach nicht kontrollieren können. Sie also mit allem arbeiten müssen, WennSie also mit allem arbeiten müssen,was im Dom ist, stecken Sie es nicht in den Kopf. Legen Sie es in den Körper. Jetzt gibt es zwei Stellen im Körper, an denen Sie es setzen können, damit Sie wissen, Ihren normalen HTML hier rein, und Sie können Ihr JavaScript,wissen Sie, hier oben einfügen wissen Sie, . Und für einige Skripte wie Analytics, könnte das am besten sein, weil Google Analytics , zum Beispiel, wird Sie bitten, es an die Spitze Ihres Körperelements und Google Analytics zu setzen. Alles, was es ist, ist Javascript. Nun, der Grund, warum sie Sie bitten, es an die Spitze zu setzen, ist einfach, weil es für eine Weile auf nichts anderes angewiesen ist. Sie können sich eine Sekunde nehmen. Es kann oft geladen werden. Es ist synchron, also wird es sowieso nichts verlangsamen. Wenn Sie auf eine Schaltfläche klicken, Google Analytics zu diesem Zeitpunkt nicht notwendigerweise ausgelöst, es sei denn, Sie arbeiten mit benutzerdefinierten Analysen. Aber wirklich, bis dahin, keine große Sache. Jetzt wird JavaScript, das Sie schreiben, höchstwahrscheinlich mit Ihrem Dummen arbeiten. Es wird mit jeder Art von HTML arbeiten, die Sie bereits geschrieben haben, dass Ihre Seiten geladen werden , ob das über Python oder PHP oder kein Js ist, muss jede Art von JavaScript, das in Ihrem Dom ist , geladen werden, bevor Sie es greifen können. Und deshalb setzen Sie Ihr JavaScript hier ein. Nun, was das für mich getan hat. Alles, was sie taten, war Typoskript-Tab. Das ist nur ein kleiner Plug in für den Browser, den ich benutze. Ich benutze Erhabenes. Der Stecker in heißt M it. Es ist wirklich schön, nicht der Punkt im Moment, aber was das tut, ist es mir erlaubt, schnell etwas zu tippen Hit Tab und eine automatische Vervollständigung, also wirst du eine Menge davon im ganzen Rest dieser Klasse jetzt hier sehen Wir haben unseren Typ Texas gleich JavaScript, das wir hier oben nicht verwendet haben, weil unser Browser weiß, dass dies ein Skript ist. Dies wird nur JavaScript sein. Der einzige Typ von Scripture Browser kann jemals ausgeführt werden, ist JavaScript, der Front-End-Webentwickler. Stapel auf. Lee hat je drei Sprachen, und technisch gesehen sind sie nicht alle und technisch gesehen sind sie nicht alle Sprachen. Sie haben HTML, das markiert ist. Sie haben CSS, das heißt, Sie wissen, im Wesentlichen markieren, obwohl es heutzutage viel komplexer wird und Sie beginnen können , Variablen hinzuzufügen , die ab Mitte 2017 noch nicht ganz inspiziert sind. Aber Variablen kommen. Das wird sehr cool. Und JavaScript, das wahrscheinlich die meisten Fortschritte gemacht hat, seit es vor über 20 Jahren geboren wurde, hier ein wenig abseits der Strecke. Dieser untere Teil hier, wo es sagt, dass Skripttyp gleich dem Text Schrägstrich Javascript wir setzen wollen SRC ist gleich Javascript Punkt Js Und all das tut, ist zu sagen, Schauen , Herr Browser, was auch immer Sie sind, werden Sie ein Skript für mich laden. Laden Sie diese und innere Javascript-Js-Datei. Wir brauchen nicht, um unser Drehbuch zu haben, jetzt vorwärts zu bewegen. Wir werden kein JavaScript in Zeile auf unserer Seite schreiben. Wir könnten es im Browser tun, wenn ich es im Code-Stift irgendwo ein wenig interaktiver , wenn ich muss. Ich werde einen Blinden benutzen, aber im Allgemeinen werde ich versuchen, mich davon fernzuhalten. Uh, der Grund dafür ist, dass Javascript interaktiv sein soll. Und ich denke, dass das Unterrichten in einer interaktiven Umgebung besser für die gesamte Lernerfahrung sein wird . Also, um das schnell zu sprechen, wo sollten Sie Ihr JavaScript setzen? Nun, wenn Sie unsicher sind, setzen Sie es immer kurz vor Ihrem schließenden Körper-Tag. Legen Sie es nicht in die Mitte Ihrer Seite. Legen Sie es nicht oben auf Ihrem Körper-Tag. Legen Sie es nicht einmal in Ihre Kopfzeile. Wenn Sie unsicher sind, legen Sie es unten. Nun, wenn Sie eine Bibliothek wie J-Abfrage verwenden, mit der Sie an dieser Stelle vielleicht vertraut sind oder nicht, aber Bibliotheken sollten immer unten geladen werden, es sei denn, es wird ausdrücklich anders gesagt. Es gibt einige Frameworks, die also ja, wissen Sie, laden Sie Ihre Javascript-Bibliothek und es wird so aussehen und es einfach in den Kopf Ihres Skripts verschieben , und das ist in Ordnung. Wenn sie dir sagen, dass du das tun sollst, dann tu es absolut so. jedoch Wenn Sie sichjedochunsicher sind, nehmen Sie einfach Ihr gesamtes Skript. Sind die Skripte HTML-Zeile eher, und werfen Sie es einfach am unteren Rand Ihrer Seite. Auf diese Weise kann Ihre Seite alles laden. Ihr Browser kann alles laden, und mit der Zeit ist das JavaScript bereit, alle Ihre HTML zu rendern ist da. Das einzige, was fehlt, ist das schließende body-Tag und das schließende HTML nehmen , was JavaScript im Allgemeinen nicht interessiert. Es will nur Tags öffnen, im Allgemeinen, also das ist, äh, schnell einschließen. Sie setzen Ihr Job-Skript nicht am Ende einer Seite. Wenn Sie irgendwelche in Zeile JavaScript schreiben müssen, richtig, legen Sie es auch am unteren Rand Ihrer Seite. Wieder. Lassen Sie das dieses Dokumentobjektmodell laden 5. Variablen und Datentypen: Hallo. Willkommen zurück. Heute werden wir über die gefürchteten Variablen sprechen. Variablen sind tatsächlich nicht so schlecht, wie die Leute denken, sie sind, wenn sie zum ersten Mal mit der Programmierung beginnen . Variable ist wirklich nur eine Möglichkeit, Informationen zu halten und eine Möglichkeit, die etwas einfacher zu merken ist . Der knifflige Teil kommt, wenn Sie beginnen, über verschiedene Datentypen zu sprechen jetzt Datentypen von etwas, über das wir auch in dieser Lektion sprechen werden. Vorerst Budge. Bleiben wir einfach bei einer normalen Variable, oder? So variabel sieht viel so aus. Sie deklarieren mit weit oder in JavaScript, dass Sie die Bar nicht unbedingt benötigen. Aber nur für Lernzwecke, werden wir bei weit bleiben. Und wir werden sagen, Name ist gleich Caleb. Nun, das ist, was eine Variable deklariert. Sieht aus, als ob Sie Ihre Deklaration haben, haben Sie Ihren Variablennamen gleich nur einem Gleichheitszeichen. Das ist wichtig, und wir werden darüber in einer späteren Lektion sprechen. Und dann hier drin haben wir Apostrophe, die technisch durch Anführungszeichen ersetzt werden könnten. Dasselbe, und es endet in einem Semikolon. Jetzt ist das Semikolon Javascript komplett optional. Du brauchst es nicht dort zu haben, aber wenn du einen sauberen Code schreiben willst, ist es eine gute Idee, ihn dort zu haben. Es gibt einige Standards da draußen, die es vorziehen, wenn Sie es wieder haben, nicht wirklich notwendig in der Zukunft. Wenn Sie zum Beispiel eine Programmiersprache wie ah Ph. Bschreiben wollen B , muss jede Zeile in PHP in einem Semikolon enden. Es ist also eine gute Idee, einen Semikolon zu schreiben und den Semikolon nicht zu schreiben. Nein, wenn Sie Zehe lernen Python in der Zukunft wählen, endet Python nicht im Semikolon. Es hat nur eine leere Zeile. In der Tat sieht Python jetzt viel so aus. Dies ist kein Python-Kurs, aber ich zeige nur. Sie demonstrieren, dass es verschiedene Möglichkeiten gibt, dies zu tun. In dieser Klasse werden wir immer ein Semikolon am Ende jeder Zeile haben. Es könnte hier ein paar fehlen, aber JavaScript ist nicht streng genug, um sich darüber zu beschweren, es sei denn, es gibt offensichtlich einen guten Grund, ... aber ich versuche immer, ein Semikolon am Ende zu setzen. Nun, für diese Lektion, werde ich tatsächlich ein wenig mehr innerhalb des Browsers selbst tun, so dass Sie sehen können, dass Sie tatsächlich JavaScript in Ihrem Browser schreiben können. Ich werde eine neue Datei erstellen. Ich wollte es Index dot html nennen. Okay, also habe ich meine Indexpunkt-HTML-Datei, und alles, was ich getan habe, war eine grundlegende HTML-Struktur hinzuzufügen. Wir werden hier kein Javascript schreiben. Ich werde nur voran gehen und das Innere von Chrom öffnen, obwohl. In Ordnung? Also in Crumb, gibt es absolut nichts Ausgefallenes daran. Alles, was wir tun werden, ist richtig. Klicken Sie auf und gehen Sie, um zu inspizieren. Und Sie können dies in so ziemlich jedem Browser tun. Und ich wollte uns ändern, um auf der rechten Seite zu sein. Und hier drin haben wir Elemente, Ratsquellen Netzwerkleistung , Netzwerkleistung, Speicher , usw. Was wir wollen, ist Konsul und genau hier drin, können Sie tatsächlich ein JavaScript direkt in den Browser nehmen. Also, wenn wir sagen, Variablenname ist gleich Caleb und Hit, geben Sie ein, es sagt undefiniert in allen. Ehrlich gesagt, es lügt dich an. Es ist nicht undefiniert. Also, wenn wir voran gehen und Namen eingeben, bekommen wir Caleb. Richtig? Dies ist eine Variable. Das bedeutet, dass der Variablenname und Amy einen Wert namens „getötet“ hat. Nun, wenn Sie sich an Ihre mathematische Tage erinnern, wo AH , sagen Ihre Lehrer, finden den Wert von X und X wäre neun oder 3,14 Eine Zahl richtig? Das sind Variablen. Lassen Sie sich nicht entmutigen. Das ist wirklich so viel Mathematik, wie wir für eine ganze Weile tun werden. Die Mathematik in JavaScript wird nicht sehr umfangreich, es sei denn, Sie möchten in Diagramme oder Animationsbibliotheken oder ähnliches gelangen. Aber für das, was wir tun, ist die Mathematik super einfach, also musst du überhaupt keine Angst davor haben. Jetzt gibt es einen Unterschied zwischen verschiedenen Variablentypen. Zum Beispiel variables Alter. Ich könnte noch mal 27 sagen. Ich traf, Enter sagt undefiniert. Aber wenn ich die Seite tippe, heißt es 27. Aber was passiert, wenn ich variable Alter zum Schreiben tippe? Versucht, sich automatisch für mich zu fühlen? Sie können sehen, dass Alter zwei gleich ist, und ich habe es in Zitaten. Wenn ich dies wieder in Zitate setzen, sagt undefined. Aber wenn ich auch Alter sage , besteht der Unterschied darin, dass eine nur eine Zahl, eine Ganzzahl und die andere Zitate um sie herum hat. Nun, das ist ein ziemlich großer Unterschied. Und das ist der Unterschied zwischen einem Datentyp. Machen Sie sich nicht darum, uns alle auswendig zu lernen. Wir werden später noch viel mehr in die Hände bekommen. Und vorerst müssen Sie wirklich nur wissen, dass es verschiedene Arten von Variablen ihrer verschiedenen Datentypen gibt . Also, was wir bisher Namen erlebt haben, wäre eine Zeichenfolge. Jetzt wird alles mit Zitaten um ihn herum oder mit Apostrophen um ihn herum als String bezeichnet. Wenn es keine Zitate hat, ist es eine vollständige Zahl wird als Ganzzahl bezeichnet. Aber was ist, wenn wir Variable pi gleich 3.14 etwas, etwas richtig und wir tippen wieder hoch. Jetzt sieht das viel wie eine ganze Zahl aus, aber technisch gesehen ist es keine ganze Zahl. Nun, ich meine, es ist, aber weil es einen Dezimalpunkt darin hat, es tatsächlich als Float bezeichnet. Nun, flott ist im Grunde nur eine Zahl, die einen Dezimalpunkt hat, und wenn Sie sich an Ihre mathematische Tage erinnern, ist freie Münze Null genau die gleiche wie drei. jedoch Wenn wirjedochdarüber sprechen, in der Programmierung genau gleich zu sein. 3.0 ist nicht genau die gleiche tatsächliche. Lassen Sie mich das anders machen. Es ist nicht genau gleich drei. Dieser hier nur drei ist eine ganze Zahl und 3.0, ist das Float? Ist das damals unglaublich wichtig? Nein. Auf vielleicht während Ihrer JavaScript-Zukunft als JavaScript-Entwickler, könnte es nie kommen. jedoch Wenn wirjedochin Vergleiche kommen, wie vergleichen wir, wenn drei gleich drei sind? Oder wenn etwas wahr oder falsch ist, richtig? Diese Arten von Vergleiche würden in diese geraten, und plötzlich wird das viel mehr Sinn ergeben. Also gebar vorerst mit mir. Es ist wichtig, das jetzt zu wissen. Wir sind ein wenig voraus, aber es ist sehr wichtig, es zu wissen. Jetzt gibt es noch einen. Wie Sie sehen können , , drücke ich Enter. Machen Sie einfach eine neue Zeile in sagt falsch. Aber wenn wir das taten, taten, sind drei gleich drei. Das stimmt schon wieder. Wir werden uns ein wenig später darauf einlassen. Es gibt eine andere Art von Daten da draußen. Ah, Datentyp namens No eso. Wir könnten einfach „variabel“ sagen. Wir nennen es etwas. Ah, und eigentlich ist es nicht, dass das definiert wurde. Ähm, aber der Wert ist nicht definiert. Und so sehen wir das überall sonst. Technisch gesehen ist dieser Wert-Name nicht undefiniert, aber etwas ist nicht definiert, weil wir nicht geschrieben haben. Etwas ist gleich etwas anderem, was das eigentlich gebrochen hätte, weil es keine Saiten gab. Nun, wenn wir eine Variable als String deklarieren, haben wir eine variable Zeichenfolge. Wir müssen Zitate oder Zitate haben. Es spielt keine Rolle, welche, solange sie gleich sind. Sie öffnen also mit dem Zitat, etwas, das Sie mit einer Zitattyp-Zeichenfolge enden. Das ist der Variablenname, den wir eingeben, den wir deklariert haben. Und wir bekommen den Wert. Ich gehe voran und kläre das jetzt, was passiert, wenn wir versuchen, eine Zeichenfolge ohne Zitate oder Apostrophe zu deklarieren ? Richtig? Wir machen variabel. Etwas anderes ist gleich, und wir könnten einfach alles schreiben, was eine Zeichenfolge wäre, richtig? Es ist also keine Nummer, es ist nicht über Wasser. Es ist auf Objekt oder Array wird zu diesen kommen. Es soll eine Stärke wie ein Satz sein, aber es hat keine Zitate um ihn herum. Also sagen wir hallo Mein Name ist Caleb, und wir erhalten eine Syntax Luft unerwartete Identifizierung für Bezeichner. Und das liegt daran, dass etwas anderes denkt, dass es auf eine andere Variable verweist, die technisch hallo genannt wird. Und der Raum bricht den ganzen Prozess. Nun, wenn es darum geht, eine Variable zu deklarieren, gibt es viele verschiedene Möglichkeiten. Du kannst Kamel Fall, richtig? Also Kamelgehäuse ist, dass Sie mit einem Kleinbuchstaben und jedem Wort beginnen. Danach zusammen zu einem. Langes Wort hat eine Hauptstadt Kamel Gehäuse oder, zum Beispiel, Hallo. Mein Name ist Caleb. Das ist Kamelgehäuse. Ich werde das nur größer machen. Eigentlich gibt es einen anderen Weg. Teoh Name Ihre Variable Variable ist und Sie können Unterstriche verwenden. Hallo. Mein Name ist Caleb. Nein, das kannst du nicht wirklich sehen. Da gehen wir. Ich habe Unterstriche darin ist gleich zu testen. Jetzt. Warum bringt das die Saite auf? Als ich es hier definiert habe, aber in früheren Beispielen, sagte es immer undefiniert. Aber der Grund, warum es nicht definiert war, war, weil wir var verwendet haben und var einen Hebemechanismus hat . Und ich denke, das geht zu etwas, über das wir in der Zukunft gesprochen haben. Nur weil das Heben in JavaScript einzigartig ist. Aber es ist nur eines dieser Dinge, das gut zu wissen ist, denn irgendwann wirst du auf ein Problem stoßen, wo es ist, warum ist meine anonyme Funktion oder warum wird meine Variable nicht definiert? Oder warum wird es definiert? Aber es hat nichts drin, noch das heißt Hissen. Wir werden später darauf eingehen. Mach dir deswegen keine Sorgen. auf Namenskonventionen zurückgehen, könnten Sie jede Variable benennen, buchstäblich alles, was Sie wollen, so falsch geschrieben. Alles, was du willst. jedoch Es gibtjedocheinige Ausnahmen. Schreiben Sie keine Variable, wie nicht einen Variablennamen mit der Nummer in den meisten Sprachen starten . Das ist nicht erlaubt, ganz zu schweigen davon, dass es schlechte Praxis ist. Also sag nicht für etwas oder 40 Jahre alt richtig, das ist nicht gut. Tun Sie das nicht in JavaScript. Sie werden viele Variablen sehen, die mit einem Unterstrich beginnen. Völlig akzeptabel. Das ist in Ordnung. Sie auch Verwenden Sie auchkeine Bindestriche. Keine Bindestriche, also verwenden Sie keine Bindestriche. Ah, in der Tat, verwenden Sie auch keine andere Satzzeichen . Es ist unnötig, also verwenden Sie keine Bindestriche ist gleich zu sehen. Es gab uns eine Luft uncut Syntax, Luft ungültig oder unerwartete Token. Was sie jetzt denkt, ist, dass das wieder entkommen wird. Subjekt wird über die Zukunft sprechen. Moment ist es nicht wichtig. Ah, und denkt auch, dass dies im Wesentlichen die Variable ist, und es kann nicht herausfinden, was danach los ist oder warum es einen Schrägstrich gibt, also wirft es dich da rein. 6. Vergiss nicht, diesen Kurs zu bewerten.: Hallo, ich bin's. Ich bin die Stimme hinter den Videos. Nur eine kurze Erinnerung, dass, wenn Sie eines dieser Videos bisher genossen haben, können Sie mir auf Skill Share folgen. Aber noch wichtiger ist, dass Sie diesen Kurs tatsächlich bewerten können. Und einfach nur durch das Lesen dieses Kurses hilft mir das tatsächlich sehr. Es ist super einfach und super schnell dauert nur ein paar Sekunden, und ich meine, es würde wirklich die Welt für mich bedeuten. Wenn du also geliebt hast, was ich dir beigebracht habe, wenn du den Stil meiner Kurse magst, gib dem einen guten alten Daumen hoch, um, und lass andere Leute wissen, was du über diese Videos geschluckt hast. Prost. 7. Variablen und Datentypen Teil 2: Jetzt gibt es noch einen, über den ich schnell und wieder reden möchte. Wir sind ziemlich viel vor uns selbst. Aber wieder, diese Luft gut zu wissen, weil wir diese in der Zukunft üben werden. Und sie werden mehr Sinn machen, wenn Sie tatsächlich anfangen, Code zu schreiben. Also haben wir Objekte. Wir haben eine Gehaltserhöhung. Wir haben undefiniert. Wir haben nein, ich kann nicht schweben und Strings die nächste. Ich möchte über Objekte sprechen se o B j ist gleich und es beginnt mit einer geschweiften Klammer. Angela Curly Rennen oder Klammer. Wenn Sie es nennen möchten, dass Sie eine Art Schlüssel haben. Sie haben eine Art von Wert. Sie haben einen Schlüssel für Oops, einen anderen Wert. Beachten Sie, wie diese alle wie Strings aussehen. Ich drücke Enter und es gibt mir ein Objekt, und das ist etwas, das wir hier tatsächlich verwenden können. Das Proto macht sich also keine Sorgen. Das ist eine Menge JavaScript-Funktionalität, die mit dem Objektdatentyp kommt. Wir werden diese nicht modifizieren oder irgendwelche von diesen hinzufügen Was ist cool an O. B. J. Und das ist, wo die Macht der objektorientierten Programmierung kommt in wird geschwächt, Typ wird j dot sein und automatisch haben wir Schlüssel und Schlüssel zu hier rein. Also, wenn wir o b j dot key eingeben, ist das der Wert, richtig? Wir sagten, Schlüssel ist gleich mit einem Doppelpunkt Wert. Aber wir haben auch gesagt, O b j Punkt Schlüssel zu ist ein anderer Wert. Lassen Sie uns das einfach kapitalisieren und ich werde Ihnen zeigen, dass Sie nicht unbedingt brauchen, um Ihren Schlüssel in einer Zeichenfolge se 27 Punkte acht oder was auch immer, das würde ungefähr um Teoh ich traf geben und wieder habe ich Namen und Alter. Selbst wenn Sie hier oben bemerkt haben, als ich den Schlüssel als String hatte, es ihn automatisch in einen Schlüssel eso verwandelt, der im Grunde eine Zeichenfolge oder wie ah, Variablenname ohne die Zitate um ihn herum ist. Es ist in einem Objekt unnötig, und daher ist ein Objekt eine Möglichkeit, Variablen in anderen Variablen zu speichern. Aber dann kannst du sie auch benennen. Sie haben also alle diese verschiedenen Datenpunkte innerhalb einer Variablen. Jetzt ist das wirklich, wirklich mächtig, wenn es darum geht, Informationen über ein bestimmtes Datenobjekt zu speichern. Es löscht das und lasst uns ein Personenobjekt erstellen, richtig? Wir haben Person ist gleich Objekt. Äh, sagen wir den Namen. Ok? Wir werden ein Personenobjekt für mich selbst erstellen. Alter. Wir haben dies bereits getan, aber das ist Dies ist ein anderes Objekt, weil wir es nennen. Wir nennen es „Person“. Ah, und ich weiß nicht, was meine Lieblingsfarbe ist? Vielleicht. Richtig. Wir sagen Rot. Also nehme ich das in Hit. Geben Sie ein. Der Konsul in unserem Browser hat jetzt gesagt, dass Oh, ja, das existiert. Also, jetzt kann ich Person Punktnamen so eingeben. Das ist mein Name, Person Punktalter. Wenn ich das rechts nehme, hätte das wahrscheinlich gearbeitet Person dot Age Klopfen Allianz ein bisschen peinlich . Ich nehme das Wort Seite so oft, dass ich denke, es ist nur Gewohnheit Person dot Pitch, uh dot Alter Da wir gehen. dritte Mal ist der Charme und ah, lasst uns versuchen, eine Person nicht färben. Wir haben rot Beautiful. Aber was passiert, wenn wir nur Person eingeben? Wir bekommen das ganze Objekt, aber wir können das nicht auf einer Seite verwenden. Und wieder, wir werden in Zukunft ein paar Erfahrungen davon bekommen. Aber im Moment ist es nur gut zu wissen, und wir können mehrere Datenpunkte innerhalb eines Objekts speichern. Damit du deinen Freund haben könntest. Kyle, zum Beispiel, ist gleich einem Objekt voller Datenpunkte. Und jetzt musst du dich nicht mehr erinnern. Äh, weißt du, 200 verschiedene Variablen. Sie können sich nur daran erinnern, dass jedes Objekt namens Kyle eine Person oder was auch immer Sie nennen möchten . Es hat die verschiedenen Subvariablen, die eine gute Möglichkeit sind, einige Variablen innerhalb einer Variablen zu setzen . Nun, als wir über eine Erhöhung rechts sprechen, hatten wir uns daran erinnert, dass wir Objekte hatten und wir hatten eine Gehaltserhöhung. Das letzte war ein Objekt, und Array ist eine Liste von Variablen. Jetzt unterscheidet es sich von einem Objekt, weil das Objekt sehr spezifisch Person Punktnamen oder Person gedacht hat , unabhängig von der Variablen, die Sie ihm geben. Während ein Array einfach eine Liste ist. Also könnten wir sagen, dass Freunde gleich und wir werden Honore auf diese Weise erschaffen. Wir benutzen zu harte Klammern, und darin haben wir eine Reihe von Saiten oder, äh, da oder schwimmt. Grundsätzlich deklarieren Sie einfach eine Reihe von Variablen in einer Liste, die alle durch Kommas getrennt ist. Sehr einfach. Also lasst uns voran gehen und das löschen. Und meine Freunde waren Nathan Prairie und Zephyr. Ich drücke Enter, und das gibt uns etwas anderes. haben wir noch nicht gesehen. Wir haben 012 Das sind die Schlüssel. Und es ist wie ein Objekt, aber wir können diese Schlüssel nicht wirklich umbenennen. Wenn wir sie umbenennen würden, würden, würden wir mit einem Objekt arbeiten, ist einfach eine Liste. Nein, wir haben genau hier gesehen. Zero ist Nathan in der Computerprogrammierung. Wenn wir anfangen zu zählen, beginnt es immer bei Null. Also Null ist eigentlich 11 ist eigentlich 22 ist eigentlich drei. Nur in menschlicher Sprache fangen wir an, auf eins zu zählen. Aber Computer, sie begannen Null. Also, wenn ich Freunde und geschweifte Klammern eingeben, um derzeit nicht Klammer sorry. Wie diese harten Klammern, die JavaScript verkaufen. Okay, also suche ich nach dem Array eines Freundes, was wir hier geschrieben haben. Und ich suche die allererste Information, die da drin ist. Also, wenn ich vorangehen und drücken, geben Sie ein, was sollte zurückkommen? Ist der Name Nathan genau so, wie wir es erwartet haben? Nun, wenn ich auch Freunde tippe, was denkst du, wird zurückgegeben. Wenn du denkst, dass der Name Zephyr zurückgegeben wird, hast du absolut Recht. Nun, hier ist ein kniffliger. Was passiert, wenn du Freunde nimmst? Drei. Wir wissen, dass drei hier nicht existieren. Also, was wird zurückgegeben werden? Nicht definiert. Nein. Javascript. Wenn Sie versuchen, auf eine Variable oder einen Datenpunkt zuzugreifen, der nicht vorhanden ist, wird sie jedes Mal undefiniert sein. Und wir können dies als eine wahre Aussage betrachten. Uh, nehmen wir das richtig an. Freunde drei ist gleich undefined. Wenn sich dies als wahr erweist, wie bei Freunden drei, existiert das dritte oder vierte Element in diesem Array nicht. Das wird das kleine Wort „wahr“ darunter „auftauchen“. Genau so. Also, jetzt wissen Sie über Objekte, die Sie über eine Erhöhung wissen, Sie wissen über Strings inst in seine kurze für ganze Zahlen und Floats. Oh, und verbündet auf und wann er zu finden ist. Nun, sind nur Variablen. Die Art, wie ich sie hier deklariert habe, ist genau die gleiche Weise, wie Sie sie in Ihrem Javascript deklarieren können . Ob das Ihr internes JavaScript auf Ihrer Seitenvariable ist. ABC ist gleich 123, es ist genau der gleiche Weg. Oder wenn Sie nur in einer normalen JS-Datei sind, könnten Sie sagen, Alter ist gleich 27,8. Wir wissen, dass Sie wissen, dass dies flott ist, weil es den Dezimalpunkt hat, und wir wissen, dass, wenn wir den Dezimalpunkt entfernen, es wird sein, dass dies jetzt eine ganze Zahl sein wird, wofür ich Sie gerne Dio für. Ah, nur ein bisschen Übung. Es gibt hier keine Hausaufgaben, aber ich möchte, dass Sie ein wenig Übung bekommen, also öffnen Sie einfach einen leeren Index HTML für einen logischen Index. Es könnte sich um eine beliebige HTML-Datei handeln. Du könntest eigentlich jede Seite überall sein. Sie können Facebook öffnen, wenn Sie möchten. Rechtsklick, um zum Inspektor zu gehen. Untersuchen Sie Elemente je nach Browser, den Sie verwenden. Gehen Sie zur Konsole und beginnen Sie einfach mit der Eingabe. Einige JavaScript deklarieren einige Variablen. So deklariert eine Variable. , Mein Alter ist gleich,was auch immer dein Alter ist. Wissen Sie, wenn Sie 15 sind oder wenn Sie 45 sind, drücken Sie die Eingabetaste. Sehen Sie einfach, was passiert und geben Sie dann ein, und Sie können Ihre ganzen Zahlen eingeben, die Ihre Strings schwimmt. Sie können sehen, ob Fehler vorliegen. Man kann lernen, was funktioniert, was nicht funktioniert. Und während Sie das tun, geben Sie hier Ihre Variablen ein und sehen Sie, ob es sich herausstellt, ob es genau das ausspuckt, was Sie erwarten . Und wenn es nicht das ist, was Sie erwarten, , dann können Sie herausfinden,warum Sie fragen können, warum und denken Sie daran, wenn Sie Fragen zu unserer Facebook-Gruppe haben , was ich möchte, dass Sie ein Objekt erstellen, Erstellen Sie ein Array, erinnern Sie sich und erhöhen Sie nur eine Liste. Erstellen Sie eine Zeichenfolge eine Ganzzahl und erstellen Sie einen Gleitkommawert. Tun Sie das in Ihrer Konsole, und Sie werden mit Variablen sehr vertraut sein. Ah, wir werden in Vergleiche geraten, ein wenig auf der Straße, und dann werden diese Variablen wirklich zum Leben erwecken und Sie werden in der Lage sein , Dinge und andere zu sehen. Diese Lektion ist jetzt, ist ein wenig trocken. Es ist nicht super aufregend oder so. Ähm, das ist ein grundlegendes Konzept, so ziemlich jede Programmiersprache, und es ist wirklich wichtig zu wissen, wie diese funktionieren, denn das ist übertragbar. Was Sie in dieser Lektion lernen, ist nicht nur Javascript. Es funktioniert in PHP und Python im Knoten. In jeder anderen Sprache gibt es sie im Grunde Objekte von Race-Strings, Ganzzahlen und Floats dort, tatsächlich eine Reihe von anderen, abhängig von der Sprache, die Sie schreiben. Aber das sind die häufigsten, die vollständig übertragbar sind. Es ist also wirklich, wirklich gut zu wissen, wie diese funktionieren. Also, äh, geh weiter, gib dem eine Chance. Wenn Sie stecken bleiben, stellen Sie Fragen. Wir sind hier, um zu helfen. Ansonsten freue ich mich darauf, Sie in der nächsten Lektion zu sehen. 8. String Manipulation: Hallo. Willkommen zurück in dieser Lektion. Wir werden über String-Manipulation sprechen, was im Grunde ist. Wir nehmen eine Zeichenfolge in der Regel in einer Variablen auf einem String-Typ in einem String-Datentyp, und wir ändern den Wert seiner dynamisch oder wir erhalten eine Art von Informationen daraus. Diese Luft im Grunde, diese werden wieder Methoden genannt. Weil Javascript eine objektorientierte Programmiersprache ist. Wir verwenden dieses Ding genannt Punktnotation, die uns erlaubt, auf Funktionen zuzugreifen, die an Strings oder Objekte oder eine Erhöhung angehängt sind . Dinge wie das. Also dieses Beispiel, was ich zu dio werde, ist nur eine sehr einfache Zeichenfolge zu erstellen und ich werde es nennen str ist gleich und wir könnten das mit allem fühlen. Wenn Sie also folgen, wenn Sie mittippen , während ich dies tue, um sich frei zu fühlen, etwas hier zu beantworten, sitzt die blaue Decke auf dem Schreibtisch, aber schön und einfach. Also, wenn wir das zurücknehmen, str wir haben die blaue Decke sitzt auf dem Schreibtisch. Nichts Schickes. Wir wissen, wie man das macht. Caleb, das ist langweilig. Ich weiß, ich weiß. Lass uns voran gehen und sehen, wie viele Charaktere darin sind. Wie viele Briefe sind in uns? Also geben wir str dot length ein und Sie können sagen, dass ein Browser uns sagt, dass die Länge von einer Zeichenfolge hier sein muss. Richtig? Oder der Mietvertrag kommt von diesem Drink. Geben Sie 39 ein. Es gibt 39 Zeichen hier, ohne die Zitate, Zitate oder einfach, um Ihnen zu zeigen, dass es sich um eine Zeichenfolge handelt. Warum ist das wichtig? Nun, denn eines Tages, wenn ein Benutzer eine Art von Informationen auf Ihrer Website eingibt, zum Beispiel Twitter, wo Sie nur 140 Zeichen haben können, ist es wichtig, sicherzustellen, dass ihre Sätze oder ihre Tweet besteht aus nur 140 Zeichen. Und das ist die erste Form der Validierung. Sie würden sagen. Wenn der Tweet ein Tweet ist, ist die Länge kleiner oder gleich 1 40 Dann können sie weitergehen und einige oder Code ausführen. Also, jetzt, da das nur die Länge zu finden ist. Ziemlich einfaches Zeug. Aber was passiert, wenn wir eine Zeichenfolge innerhalb einer Zeichenfolge finden wollen? Sagen wir mal, wir suchen nach dem Wort Decke. Wie können wir feststellen, dass wir jedes einzelne Wort auseinanderreißen und es in einer Schleife vergleichen können, und es wird viel zu kompliziert. Dinge, von denen man noch nicht einmal wirklich weiß, sind völlig unnötig. An diesem Punkt könnten wir diesen String Dot Index von versuchen und lassen Sie uns das Wort Decke hier einfügen. Neun. Was neun bedeutet, ist, dass beim neunten Buchstaben in diesem Satz das Wort Decke gefunden wird . Also haben wir th e und das Wort blau zusammen, dass sieben plus die Leerzeichen, um Leerzeichen vor dem Buchstaben B in Decke, die insgesamt neun. Das ist also, wo das Wort beginnt. Nun, wenn die Welt nicht existiert, was passiert, wenn wir String-Index von eingeben und das Wort rot nehmen? Weil in unserer Schnur kein Wort rot ist. Wir bekommen minus eins, also wenn etwas nicht existiert, haben wir jetzt minus eins. Glauben Sie, dass Groß- und Kleinschreibung nicht beachtet wird? Wir haben noch nicht darüber in JavaScript gesprochen, also möchte ich wissen, was Sie denken. Ist diese Groß- und Kleinschreibung nicht beachtet? Lassen Sie uns voran gehen und testen Sie diesen String-Index von und nehmen wir das Wort Decke, aber mit einem Capital B Also ist es anders als dieses. Dieser hat einen Kleinbuchstaben. Sei das hier. Hat ein Großbuchstabe sein? Mal sehen, was der Unterschied eigentlich ist. Wenn ich die Eingabetaste betätige, existiert jetzt nicht. Das an sich könnte sehr problematisch werden, weil Sie nicht jede mögliche Variation des Wortes Decke mit unterschiedlicher Großschreibung auf verschiedene Buchstaben überprüfen werden. Das ist es nicht unmöglich. Es ist nur eine Menge Arbeit. Und das ist etwas, von dem Sie sich definitiv fernhalten wollen. Programmieren soll nicht viel Arbeit sein. Es soll schön und einfach sein. Also, was machen wir? Wir nehmen String und wir können den gesamten Satz in Kleinbuchstaben verwandeln oder den gesamten Satz in Großbuchstaben für das, was wir hier testen. Es spielt keine Rolle. Wir müssen nur das ändern, wonach wir suchen. Als erstes Beispiel ändern wir dies in Kleinbuchstaben String Punkt in Kleinbuchstaben und Sie haben diese abgerundeten Klammern. Hier sind diese Klammern. Jetzt bedeutet diese Klammern, dass es eine Funktion oder eine Methode ausgeführt wird, und Sie sehen es hier zu diesem nimmt den Parameter der Decke roten Decke wieder. Diese eine Punktlänge ist keine Methode, die kommt, wenn eine Zeichenfolge gebildet wird. Es ist also tatsächlich ein Datenpunkt darin. Und jetzt können Sie sagen, dass String technisch keine Zeichenfolge ist. Aber es verhält sich sehr wie ein Objekt, genau wie, als wir in der letzten Lektion diesen Namen oder eine Entschuldigung geschrieben haben. Das Objekt der Person hat einen Namen und ein Alter und eine Lieblingsfarbe, oder? Und wir sagten Person Punktname oder Person Punktalter Dies ist String-Punktlänge oder String-Punkt , was auch immer dieser andere Wert wird hier sehr objektorientiert sein. Kein Zurück. Zum Beispiel ändert String in Kleinbuchstaben alles Kleinbuchstaben. Nun, da ist nur ein Buchstabe drin, also ist das eigentlich ein sehr schlechtes Beispiel. Aber der erste Buchstabe, der groß geschrieben wurde, wird nicht mehr groß geschrieben. Nun, was passiert, wenn wir str tippen Es ist wieder normal jetzt warum ist das? Es ist, weil es Ihre Zeichenfolge dauerte, Ihren Satz ewig Kleinbuchstaben und zurück zu diesem Wert. Wir haben das nicht in einer anderen Variablen gestartet, also lasst uns str Lower eingeben ist gleich uns. Urata ist zu Kleinbuchstaben. Und das ist nur ein einfacher Variablenname. Und das ist in Camel Case und str niedriger und jetzt haben wir das erfolgreiche jederzeit weil wir jetzt eine andere Variable zugewiesen haben, wenn wir es versucht haben. Str niedrigeren Punktindex von Und anstatt Decke mit einem Großbuchstaben B zu tippen, wissen wir, dass alle diese Buchstaben, jeder Buchstabe im Satz wird Kleinbuchstaben sein. Wir prüfen auch Kleinbuchstaben. Es gibt uns eine positive Zahl, die bedeutet, dass es existiert. Oder vielmehr gibt es uns eine nicht negative Zahl und das bedeutet, dass es jetzt auf der Umkehrung existiert. Wir können diese Zeichenfolge ausprobieren. Obere neue Variable ist gleich String-Punkt zu Großbuchstaben jetzt könnten wir String verwenden oder wir können Sie String niedriger. Es spielt keine Rolle, denn es wird alle Buchstaben nehmen und sie in Großbuchstaben verwandeln . Alles kapitalisiert. Also lasst uns das versuchen. Wie Sie sehen können, sitzt die blaue Decke auf dem Schreibtisch und jetzt haben wir alle Großbuchstaben. Es ist genau das, was wir wollen, denn wenn wir Stärke Punkt-Index von gemacht haben und wir Decke in allen Kappen eingegeben haben , existiert das immer noch nicht, weil str es auf den richtigen Weg gesetzt ist. Es ist immer noch die gleiche Variable. Jetzt können wir dies und Variablen überschreiben. Das Schöne an Variablen ist, dass Sie sie überschreiben können und im Grunde jeden Zeitpunkt Jetzt sagte es der Über-Pfeil, um meinen letzten Kommandanten zu bekommen . Und wenn ich den oberen Punktindex des Strings tippe, sucht er nach einer Decke in der Zeichenfolge Großbuchstaben. Wir haben die Kleinschreibung in Großbuchstaben verwandelt. Es versucht also, diese Decke mit dieser Decke zu kombinieren und sie fand sie bei der neunten Figur. Nun, so finden Sie eine Zeichenfolge innerhalb einer Zeichenfolge. Ist das wichtig? In vielen Fällen, ja, das ist sehr wichtig. Sie werden Strings innerhalb von Strings finden wollen. Das ist keine ungewöhnliche Aufgabe. Ich weiß schon wieder, nicht das aufregendste auf der Welt. Und wir haben noch nicht einmal damit begonnen, etwas auf dem D. O m zu modifizieren . Das Dokumentobjektmodell, das unsere Webseite ist. So sehen wir auf der linken Seite. Hier haben wir diese große weiße Box. Nichts hat sich geändert, und das ist in Ordnung. Wir müssen die Prinzipien lernen, bevor wir zu den lustigen Sachen kommen. Glücklicherweise die Prinzipien der Programmierung nicht wirklich sehr lange zu lernen, und je mehr Sprachen er gelernt hat, desto einfacher ist es, andere Sprachen und wieder Dinge wie Index abzuholen . Während die Funktion in anderen Sprachen unterschiedlich sein könnte, ist das Konzept des Versuchs, ein Großbuchstaben wie dieses eine Decke in einer Zeichenfolge zu finden, die alle Großbuchstaben in jeder Sprache gleich. Jetzt werde ich diesen Typ str wieder löschen, damit wir sehen können, womit wir arbeiten. Was, wenn wir uns ändern wollten? Str äh, stattdessen die blaue Decke zu sein, sitzt auf dem Schreibtisch, um nur ein Fragment davon zu sein. Nun, ich möchte das noch nicht überschreiben, weil ich immer noch die str die String-Variable verwenden werde . Stattdessen werde ich ABC schreiben, weil es mir egal ist, was der Variablenname im Moment ist . Str dot sub string Sie wissen, wir haben zwei Methoden hier. Wir werden bei der 1. 1 Sub-Zeichenfolge bleiben und das dauert zwei Parameter waren zu beginnen und wo wir jetzt enden, wo soll das beginnen? Nun, wenn wir den allerersten Brief beginnen wollen, der sich erinnert, das ist der 1. 1 und so reden wir in menschlichen Sprachen. Aber in Programmiersprachen, Die erste ist die Zahl Null Komma und dann unser zweiter Parameter Und wohin wollen wir kommen? Nun, wir wussten aus dem vorherigen Beispiel, dass dieses Jahr die ersten 9 Buchstaben waren. könnten wir auch zählen, wenn wir wollten. Was wäre, wenn wir Ach bekommen wollen, von dir wissen, dass die blaue Decke auf einem Schreibtisch sitzt, von der blauen Decke bis irgendwo hier drin. Jetzt werde ich eine Zufallszahl eintragen. Ich werde kein Fund reinbringen, nur um dir zu zeigen, wie das funktioniert. Wir wissen, dass dies 39 Zeichen lang ist, weil wir String-Punktlänge und wir haben 39 Hit Enter und ich bekomme die blaue Decke ist in der Tat, eigentlich wollte ich ein wenig länger eso sein und sagte, Ich werde überschreiben Sie dies, und ich werde es als 29. Dario, die blaue Decke sitzt o Also haben wir von hier den ganzen Weg. Hier ist 29 Zeichen und wir können sehen, dass, wenn wir Sub-String 0 bis 29 0 nein, Sie müssen nicht mit Null beginnen. Sie können dio sub string und lassen Sie uns bei 10 beginnen und gehen Sie zu den nächsten 10. Das wird also bei technisch Buchstaben Nummer 11 beginnen und danach die nächsten 10 bekommen . Wie wir Decke bekommen, ist Sieh dir das an. Also, das ist jetzt Sub-String. Ist das wichtig? In Zeiten? Ja, das ist sehr wichtig. Zu anderen Zeiten bedeutet das, dass es andere Methoden gibt, dies zu tun. Sie können auch String-Punkt-Slice verwenden. Lassen Sie uns überprüfen, was Slice tut 10 und 15 so eingegeben String-Punkt-Slice und es beginnt bei 10 und es wird am Ende 15. Die Differenz-Subzeichenfolge beginnt bei 10 und erhält die nächsten 10, während Slice bei 10 beginnt und bei 15 ab Null jetzt endet. Beide Slice-Antworten erfordern keine zwei Parameter. Sie brauchen nur 11 ist obligatorisch. Also sagte ich, ABC ist dir gleich. String out Unterzeichenfolge. Ah, fangen wir mit 12 an. Es wird bei 12 Hexen beginnen, und es wird den Rest bekommen. Und wenn ich tippte, ist ABC eine neue Zeichenfolge. Diese Sub-Zeichenfolge eine negative Zahl, sagen wir minus 20. Es wird hier beginnen und seinen Weg zurück arbeiten jetzt Scheiben gehen im Wesentlichen genau das gleiche tun . Wenn wir in Slice 15 eingeben, beginnt es bei 15 geht an das Ende der Zeichenfolge oder Zeichenfolge. Dodd Scheibe minus 15 beginnt in der Rückseite. Klar das wieder und tausche mit dem, was wir jetzt arbeiten, gerade vor einer Minute, als wir sagten, ABC ist gleich String-Punkt-Sub-String, was auch immer der Wert war, wir haben ABC immer und immer wieder geschrieben, und das ändert den Wert immer und immer wieder. Das zeigt also, wie Variablen aus einer vorherigen Lektion leicht überschrieben werden können. Alles, was Sie tun müssen, ist, den gleichen Grable-Namen zu etwas anderem zu nehmen, und Sie überschreiben ihn. Was passiert nun, wenn Sie eine Zeichenfolge innerhalb einer Zeichenfolge ersetzen möchten? Nun, JavaScript ist ziemlich unkompliziert, also verwenden wir einfach dot replace und wir suchen wieder nach einem Wort. Dabei wird die Groß- und Kleinschreibung beachtet. Wir wissen, dass JavaScript-Groß-/Kleinschreibung aus einem vorherigen Beispiel unterscheidet, und anstatt Blue Blanket zu verwenden, lassen Sie uns Tight Pillow also die Suche nach dem Wort Decke ersetzen, und es wird versuchen, es durch das Wort Kissen zu ersetzen. Was passiert? Das blaue Kissen saß auf dem Schreibtisch. Aber was passiert, wenn das Wort nicht gefunden wird? Was gibt es zurück? Eso. Wir wollen nicht nach dem Wort Decke suchen und sagten, wir wollen nach einem anderen Wort suchen. Lassen Sie uns nach einem Auto suchen und das durch Kissen ersetzen. Was passiert? Es gibt nur Ihre Zeichenfolge zurück, weil nichts ersetzt wurde. Es wird nur Ihre Zeichenfolge in Ihrer Zeichenfolge ersetzen und das gesamte Ding an Sie zurückgeben . Jetzt ist noch eine Sache mit Saiten. Wir können uns zusammenrühren. Ich brauche sie. Das bedeutet, eine Zeichenfolge, einen Satz und einen Stift nur zu einer anderen Zeichenfolge oder einem Satz zu nehmen . 9. String-Manipulation Teil 2 Teil: Jetzt ist noch eine Sache mit Saiten, die wir zusammenbauen können. Ich brauche sie. Das bedeutet, eine Zeichenfolge, einen Satz und einen Stift nur zu einer anderen Zeichenfolge oder einem Satz zu nehmen . Geben wir ein, äh, Intro, da der Variablenname gleich Hallo ist. Mein Name ist, und das wird immer sein. Und ich werde auch einen anderen Variablennamen erstellen, Kayla. Also, jetzt haben wir Intro. Wir haben einen Namen. Wie stellen wir diese zusammen? Dies ist ein Prozess namens Verkettung oder Can Cat für kurz Lee Strings zusammenführen. Zusammen gibt es verschiedene Möglichkeiten, dies in JavaScript zu tun waren die beliebtesten. Eine ist, das Plus einfach zu verwenden. Also lassen Sie uns eine neue Variable erstellen und aufgerufenen Satz ist gleich Intro plus Name. Das sieht so aus, als wäre es Mathe, aber es ist nicht. Und deshalb sind Datentypen sehr, sehr wichtig. Wenn wir eine Zeichenfolge zusammen mit diesem Plus-Symbol hinzufügen, fügen wir eigentlich nichts zusammen. Was wir tun, ist, dass wir sie zusammenschließen. Also, wenn ich Antwort darauf trage, sollten wir Hallo bekommen. Mein Name ist Caleb. Genau so. Jetzt, jedes Mal, wenn ich Satz, den variablen Satz, den wir bekommen Hallo. Mein Name ist Caleb. Warum ist das passiert? Warum? Warum ist es, wenn wir 12 plus 20 tippen wir 32 nur geben hallo, plus etwas taucht die Sätze zusammen. Die Strings werden zusammengesetzt Jetzt, in der letzten Lektion, haben wir über Datentypen gesprochen und ich bringe das immer wieder auf. Und deshalb sind Datentypen wichtig, in Sprachen wie PHP zu wissen, PHP kümmert sich nicht wirklich sehr. Es wird versuchen, eine Zeichenfolge mit der Nummer hinzuzufügen, und es wird fehlschlagen, weil es sehr lose in Python und Javascript in Knoten geschrieben ist. Das ist inakzeptabel. Dies sind strengere Sprachen, was bedeutet, dass Sie nur ganze Zahlen mit Ganzzahlen hinzufügen oder mit Gleitkommazahlen eingeführt werden können, weil Sie Zahlen mit anderen Zahlen hinzufügen können, aber Sie können keinen Satz mit einer Zahl hinzufügen. So funktioniert es nicht. Wenn Sie einen Satz mit einem anderen Satz hinzufügen, wird er zu einem langen Satz. Was passiert, wenn wir versuchen, eine andere Mathematik anzuwenden? Geben wir hier das Wort lang ein und multiplizieren. Multiplizieren Sie dies mit 20. Wir bekommen dieses schöne kleine Ding genannt jede und keine Nummer da für nicht eine Nummer. Nun, warum bekommen wir das, weil Sie das Wort oder die Zeichenfolge nicht lang multiplizieren können, 20 Mal. Sie können keine Buchstaben multiplizieren, Zahlen, die sie nicht mischen. Es ist wie Öl und Wasser. Sie mischen sich einfach nicht. Leider, Und deshalb ist das Erlernen Ihrer Datentypen sehr wichtig. Denn wenn Sie das jemals jetzt bekommen, wissen Sie, dass eine meiner Variablen wahrscheinlich keine ganze Zahl ist oder nicht über Wasser ist. Und aus diesem Grund muss ich etwas ändern. Weißt du, wir sind vielleicht ein bisschen vor uns selbst, aber ich möchte dir noch eine Sache zeigen. Geben Sie Nummer ein, ändern Sie diesen Namen tatsächlich. Äh, der Taub ist gleich, sagen wir, 500. Tut mir leid, 315. Wir wissen, dass das eine Stärke gegen als Zitate um sie herum ist. Was, wenn wir das taten? Die Zahl mal 20 JavaScript ist schlau genug, um zu erkennen, dass in dieser Zeichenfolge tatsächlich eine Zahl ist und es die Multiplikation für uns getan hat. Das ist also akzeptabel. Aber was ist, wenn Herr das überschreibt? Die Zahl ist gleich. Do 315 ist die Zahl. Also, jetzt haben wir eine neue Saite drin. Wir tippen den Taub mal wieder 20 ein. Wir bekommen keine Nummer, weil Javascript das als Ganzes betrachtet und sagt: OK, OK, naja, ich weiß, dass es eine Zahl gibt, aber diese ganze Sache ist unter Zahlen. Das ist inakzeptabel. Also werd ich dir einen neuen kleinen Fehler werfen. Wir werden Ihnen den Wert Not a number zurückgeben, wenn Sie tatsächlich der Stickler mit Ihren Datentypen sein wollten , und das ist eine sehr gute Sache. Wenn Sie mit Ihren Datentypen sehr sauber sein wollten, würde ich sagen, dass Sie es auf jeden Fall tun, solange es Ihren Code nicht zu aufgebläht macht. Also, wenn wir zurück gehen und wir sagen, die Zahl ist gleich 315. Aber das ist in einer Schnur. Und wir wollten das konvertieren, denn wenn wir tippen, ist der Taub jetzt noch in einer Zeichenfolge. Aber wenn wir sagen, der Taub ist gleich Zahl, die Zahl, wir übergeben nur eine einfache Variable dort drin. Wir sind tatsächlich übergeben sich Typ eingeben. Jetzt haben wir Vertrauen einer Nummer, und Sie können es sagen, weil es keine Zitate gibt. Die Farbe ändert sich sogar, nicht rot. Es ist jetzt blau, und jedes Mal, wenn wir die Taube tippen, seine 315. Das ist also eine schnelle Möglichkeit zum Parsen, ich denke, Ihre Strings, die nur Zahlen in einer legitimen Ganzzahl enthalten. Ich werde das klären, und wir werden noch ein Beispiel machen. Wir werden eine Zeichenfolge in ein Array dreier Typ String oder str drehen. Wir haben unsere originale Schnur. Wir haben nie darüber in diesem, und wenn wir in eine neue Variable setzen wurde a genannt sind kurz für Array ist gleich str nicht teilen. Wo wollen wir das aufteilen? Nun, wir wollen jedes Wort aufteilen, also werden wir nur ein einfaches Leerzeichen hineinlegen. Und was das tun wird, ist, dass es auf jedem kleinen Raum innerhalb dieser Saite und alles dazwischen brechen wird. Jeder Raum wird ein Array-Wert sein, den ich getroffen habe. Geben Sie ein. Es gibt uns acht und jetzt können wir tun Luft Punkt Länge ist acht. Es sind acht Teile hier drin. Acht verschiedene Wörter jetzt eine RR-Punktlänge. Wir wissen, dies von String-String-Punktlänge gab uns, wie viele Buchstaben sind in ihm, aber ein Strahl gibt uns, wie viele verschiedene Objekte sind Objekte ist ein mehrdeutiges Wort, aber es gibt uns, wie viele verschiedene Stücke sind in dieser Liste. Und darin sehen wir, dass es acht gibt. Also, wenn ich einfach ein r r r tippe, bekomme ich, äh, all das zusammen. Und wenn ich die Dinge wieder zusammensetzen wollte, anstatt Split zu verwenden, verwenden wir Join, erstellen einen variablen Kaltluft-Join und geben einen r Punkt Join ein und woran wollen wir uns anschließen? Was ist der Kleber, mit dem wir diesen gebrochenen Satz wieder zusammensetzen wollen? Nun, wir könnten es wieder zusammen mit einem einfachen Raum oder so, aber lassen Sie uns etwas kreativeres tun. Wenn wir einen Bindestrich verwenden, sieht es viel mehr wie ein U R L aus, und jetzt ist das von Leerzeichen. Wir haben Striche. Und wenn wir Ah erschaffen wollen, sind Sie alle von dem, was wir tippen. Sie sind immer gleich Luft verbunden Punkt in Kleinbuchstaben, und jetzt haben wir, was wie ein Eurofragment oder eine Abfragezeichenfolge aussieht. Also, wenn Sie auf Facebook dot com Schrägstrich gegangen sind, wissen Sie, dass der Bindestrich blaue Bindestrich Decke Bindestrich so weiter und so weiter ist . Es sieht sehr wie ein Mädchen aus. Also, jetzt geben wir Strings zurück in werden wie tatsächliche Sie oder sonst aussehen. Und das ist sehr, sehr wertvoll, wenn Sie Dinge wie Einzelseiten-Anwendungen erstellen oder Benutzereingaben übernehmen. Zum Beispiel, wenn jemand in Ihrer Facebook-Seite erstellt und das in eine ah verwandelt, Sie l, die im facebook dot com Schrägstrich sein wird, was auch immer Ihre Gruppe oder Facebook-Seite braucht. Also jetzt werden wir tatsächlich viel nützlicher, und wir haben immer noch nichts mit einem d o M mit dem eigentlichen HTML gemacht. Aber wir schaffen hier sehr nützliche Dinge. Also wieder, nicht super, super spannend, aber unglaublich nützlich. Und die hören nicht einfach hier auf. Es gibt Tonnen und Tonnen von anderen Methoden, die wir verwenden können, wenn wir nur str dot eingeben, erhalten wir eine lange Liste von Dingen, die Dio schwächen. In der Tat, das ist eigentlich, was ich will, dass Sie tun, ist in Ihrem Rat, erstellt eine neue Zeichenfolge, setzen einen Satz in es könnte alles, was ungefähr 40 Zeichen machen, wie wir es in diesem Beispiel in diesem Video getan haben , und mal sehen, was das ist tun. Was passiert, wenn Sie Godbold gut eingeben, gibt es eine Funktion zurück Nun, das ist interessant. Was ist das? Das könnte ein wenig von einem Google wert sein, aber spielen Sie herum mit einigen von ihnen, weil diese alle sehr, sehr nützlich sind . Sie könnten dasselbe mit Array tun. Wie wir hier kein Array Luftpunkt haben und dann gibt es Ihnen eine Liste von dem, was Sie hier suchen . Willst du, dass Captain A diese zusammenbringt? Willst du diese Scheibe verschieben? Bitte sortieren Sie diese. Du könntest alle möglichen Sachen hier drinnen erledigen. Nein, JavaScript ist nicht nur auf diese Funktionsliste beschränkt. So wie diese Liste ist. Es ist schön. Es ist praktisch. Aber das ist nicht alles, was JavaScript zu bieten hat. Also, wenn Ihre Hausaufgaben Video verlieren, gehen Sie vor, erstellen Sie eine Zeichenfolge. , Geben Sie ein,was auch immer Ihr Variablenname ist. Hit dot und werfen Sie einen Blick auf einige von ihnen. Wenn einer von ihnen ins Auge fällt, haben Sie wirklich versichert, was sie möglicherweise tun könnten. Gehen Sie in Google sie, weil hier ist eines der Geheimnisse, um ein großer Web-Entwickler. Und ich mache dich nicht mal verarschen. Wenn Sie mit einem Senior sprechen zu haben, werden sie alle Ihnen sagen, dass die echte Supermacht hinter dem großen Entwickler ist zu wissen, wie man Fragen zu stellen und zu wissen, wie man Google, denn in der Welt der Programmierung vorne und Ende wieder in, es gibt so viele Dinge da draußen, die Sie sich erinnern müssen, werden Sie nicht an sie alle erinnern. Das ist nur eine Tatsache des Lebens. Unsere Gehirne funktionieren nicht so. Und warum denken Sie überhaupt daran, wenn alles leicht über die alte Google-Maschine zugänglich ist, geben Sie es einen Schuss. Ich hoffe, Sie haben hier eine Menge nützlicher Dinge gelernt. Ich hoffe, dass wir in den nächsten Lektionen beginnen, etwas mehr zu bekommen, Ähm, ja, interessant, wo wir anfangen können, den Deal m zu manipulieren und Ihre Seite wirklich viel interaktiver und dynamischer zu machen . 10. Mini-Projekt: Verwandle eine string in eine URL: - Hallo. Willkommen zurück, bevor wir weitermachen, was ich eigentlich will, dass Sie tun, ist, dass ich ein kleines Projekt machen will. Es ist sehr einfach. Es funktioniert nur mit dem, was wir bereits gelernt haben. Ähm, ich fühle mich wie das, was wir getan haben. Es könnte bereits viele Informationen in Betracht gezogen werden, besonders wenn Sie brandneu in JavaScript sind. Und was wir tun werden, ist, dass wir, Ah, Ah, wenig Text ein paar Variablen in eine tatsächliche U R L verwandeln, die Sie möglicherweise in einem Projekt verwenden könnten, das sich vorwärts bewegt. Also ist die Idee, 123 Schaden zu nehmen, wie viele Variablen Sie benötigen. Manipulieren Sie sie mit ah, verwenden, ersetzen. Oder Sie könnten es in ein Array aufteilen und es wieder zusammenfügen, wie wir es in einer vorherigen Lektion getan haben . Verwandeln Sie Ihre URL in Kleinbuchstaben, da alle, wo sonst immer Kleinbuchstaben sein sollten . Das ist eine gute Übung auf. Dann möchten Sie Ihren Website-Namen vor ihm hinzufügen Now. Wenn Sie keinen Website-Namen haben, könnten Sie einen beliebigen Namen verwenden, den Sie Google Dot com Facebook Facebook dot com verwenden könnten, sind auf dot com Was auch immer Sie wirklich wollen Ihr Endergebnis sollte wirklich so aussehen. Jetzt gibt es zwei Möglichkeiten, das zu tun. , Wir könnten es mit einer Tonne der Methoden tun,die wir bereits verwendet haben, was meiner Meinung nach der beste Weg ist, es nur zum Üben zu tun. Es gibt einen einfacheren Weg, was im Grunde ist, dass Sie nur str schreiben können, jede Art von Variablennamen gleich ist und dann fügen Sie es dort ein. das ist nicht das, was ich will, dass du tust Aberdas ist nicht das, was ich will, dass du tust. Ich will auch nicht, dass du schreibst, du weißt schon, String eins plus String zu ah, irgendwie. Weißt du, das ist Zeichenfolge zwei in diesem ist String eins. Weißt du, tu das auch nicht. Werden Sie kreativ mit diesem. Nehmen Sie sich den langen Weg herum. Dies ist eine jener Zeiten, in denen die langen Löhne programmieren, experimentieren, Dinge brechen. Undwissen Sie, wissen Sie, nur eine Menge Code zu schreiben, ist völlig akzeptabel. Du lernst. Und während Sie lernen, eine gute Möglichkeit zu lernen, ist es, viel Code zu schreiben, dann in Zukunft zu optimieren, und das ist völlig in Ordnung. Also willst du noch ein paar Sekunden bleiben? Ich werde dies tatsächlich selbst auf eine Weise tun, die ich denke, es wäre nützlich, einige der verschiedenen Methoden zu verwenden , die wir bereits verwenden, einschließlich Verkettung zu teilen, um Großbuchstaben zu finden Wörter zu ersetzen. Ich werde ein bisschen kreativ damit werden. Ich werde einen langen Weg in die Gegend nehmen. Ich werde Spaß damit haben und mich frei fühlen, es zu sehen. Aber wenn Sie wirklich wollen, um sich selbst herausfordern, vielleicht pausieren Sie das Video hier, geben Sie es auf eigene Faust, und dann, wenn Sie es herausgefunden haben oder wenn Sie stecken, dann, wissen Sie, nehmen Sie das Video wieder und spielen durch den Rest davon. 11. Mini-Projekt: Verwandle eine string in eine a: In Ordnung. Also, was ich hier tun werde, ist, dass ich die lebendig machen werde, direkt im Konsul. Ich könnte das in Erhabenheit tun, also haben Sie den Code. Aber realistisch gesehen ist das kein irgendetwas, super toller Code oderirgendetwas,das die Funktionsweise des Internets wirklich revolutionieren wird. Es ist also nicht wirklich, dass es sich nicht lohnt, zu sparen. Ähm, aber das ist ein wirklich guter Übungslauf. Also war das Ziel, eine Website zu erstellen Sie, Earl. Jetzt werde ich Gesichtsmethoden verwenden. Die 1. 1, die ich tun werde, ist herauszufinden, welche Website sollte gehen, um so kreative Variable genannt Website. Und es wird nur https artman dot com mit dem abschließenden Schrägstrich Done sein, es ist jetzt haben wir eine Website. Das ist,weißt du, weißt du, verlustbehaftetes Betrügen. Wir könnten Fonds oder Dinge tun, aber das ist nicht der Teil, auf den du dich konzentrieren sollst. Was ich wollte, dass Sie sich auf die Erstellung der URL konzentrieren, und dass Sie alle von allem kommen könnten . Also lassen Sie uns eine neue Zeichenfolge erstellen und dienen mit Kameratasche. Amüsant unterstreicht Zeit. Zeigen Sie einfach, dass Sie die anderen, Sie wissen, Variablennungskonventionen verwenden können Sie wissen, . Die schnelle braune Box springt über den faulen Hund oder so etwas. Sie sehen also, dass ich hier zwei zusätzliche Leerzeichen hinzugefügt habe, anstatt nur eines. Da sind zwei drin. Das ist alles Hauptstädte. Das ist, äh, ich weiß nicht, warum es ein kapitales C-Capital Cape gibt. So oder so, wir müssen das in eine Art von Ihrer L-Form verwandeln. Also jetzt haben wir Website, wir haben neue Zeichenfolge, so dass neue Zeichenfolge in den Euro verwandeln muss. Nun, das erste, was ich mit meiner You String machen möchte, ist, dass ich das in etwas verwandeln möchte, das ich manipulieren kann, egal was unten auf der Linie ist. Also werde ich sagen, dass neue Zeichenfolge gleich einer neuen Zeichenfolge ist, die sich wirklich nur selbst in Kleinbuchstaben überschreibt. Jetzt haben wir keine Kapitalisierungsprobleme mehr. Das ist perfekt. Nun, wenn wir hier eine Suche durchführen wollten, müssen wir uns keine Sorgen um zufällige Kapital C mitten im Wort schnell machen. Aber jetzt sagen wir, ich wollte zusätzliche Leerzeichen entfernen. Nehmen wir an, es gibt zwei oder drei zusätzliche Leerzeichen mehr, und sie sagen, wir wollen sie jetzt einfach entfernen. Wir wissen vielleicht nicht, dass sie da sind, aber es könnte eine gute Idee sein, diese zusätzlichen Räume zu ersetzen. Jedenfalls, an diesem Punkt , gibt es zwei Möglichkeiten,dies auf eine Weise zu tun. Wir haben auf dem Weg nicht gelernt, dass wir gelernt haben, wie wir gelernt haben, nicht ersetzen zu verwenden , und das ist, wie wir es verwenden, nur weil das ist, was wir gelernt haben. Also möchte ich, dass du etwas Übung damit machst. Die andere Möglichkeit besteht darin, sogenannte reguläre Ausdrücke zu verwenden, was eine verrückte Computermethode ist, alles zu durchsuchen und das genaue Muster zu finden , das Sie angegeben haben. Und darüber werden wir noch nicht erfahren. Dies ist ein JavaScript-Essentials-Kurs, und Sie sind nur, Ah, einige Videos in ein paar Lektionen in diesem Kurs. Du musst nichts über Reg wissen. Exe gerade noch. Ablehnungen ist die Art und Weise, wie wir reguläre Ausdrücke sagen. Also der nächste Schritt zum Ersetzen, sagen wir, neue Zeichenfolge ist gleich, äh , wissen Sie nennen wir es nicht neue Zeichenfolge. Das wird verwirrend. Du bist immer gleich dem neuen String-Punkt und wir wissen, dass wir ersetzen können und was wollen wir? Unser Platz. Wir werden zusätzliche Leerzeichen durch normale Leerzeichen ersetzen. können wir tun. Jetzt nimm das. Und wir haben nur dort, wo es zwei Räume zwischen Denken und Faul gab. Es gibt jetzt nur einen You Earl ist gleich Euro Punkt um nein, nicht Slice Split. Wir wollen alle Räume aufteilen. Jetzt wissen wir, dass es hier zwischen jedem Wort eine Reihe von Leerzeichen gibt. Wir haben alle zusätzlichen Räume losgeworden. Was passiert, bekommen wir und jetzt bist du draußen, ist jetzt in einem Recht. können wir nichts machen. Was würde passieren, wenn wir es tun würden? Website Plus, du bist draußen. Nun, es fügt sich automatisch zusammen mit Kommentaren ziemlich nah an Nun, wir wollen Brot es nicht ganz. Also lassen Sie uns tun, Rosie für Sie URL Dot Join Und lassen Sie uns all die großen Stücke All diese verschiedenen Wörter Der Strich jetzt so beitreten . Also, jetzt unser Endprodukt wird Ihr l ist gleich Website Plus Sie sind, die kommen wird , Katyn acht unsere Website und unseren Euro. Und da haben wir ein richtiges Mädchen. Nun, geht das eigentlich irgendwo hin. Ehrlich gesagt, es wird wahrscheinlich nie irgendwo hingehen. Vielleicht raus. Nein, das ist nicht der Punkt. Der Punkt ist, wir haben, was wie ein legitimer Euro aussieht, basierend auf dem, was Benutzereingaben hätte sein können. Benutzereingaben sind nie perfekt. Nie wie, wenn Benutzereingabe perfekt ist, wie sehr, sehr selten. Nehmen Sie einfach an, dass Benutzereingaben immer falsch sind, dass es immer schrecklich aussieht, dass nicht richtig formatiert ist. Nur diese Art von Annahmen, die nicht negativ sind oder irgendetwas sind gute Annahmen. Nehmen Sie einfach an, dass Inhalte, die in Ihre Website eingegeben werden, nicht das ist, was Sie erwarten, es zu sein, und das ist eine Sicherheit erste Denkweise. Nun, nachdem wir koffeinierte Website mit Ihrem oh gut, wir haben einen legitimen Blick, dass Sie alle hier sind, und wir hätten das mit jedem Satz tun können, der durch dieses mit einem anderen Satz läuft hätte funktioniert. Wenn du das Gefühl hast, dass du verstanden hast, was wir hier getan haben, dann lade ich dich ein, das nächste Video zu öffnen. Lassen Sie uns weiter in JavaScript graben. Das macht Spaß. Das wird spannend und geht voran. Das wird nur noch besser 12. Code: hallo. Und diese Lektion, wir werden über Kommentare reden. Super schnell, super kurz. Wirklich? Hier gibt es nicht viel zu reden. Um ehrliche Kommentare zu sein, was Sie normalerweise in HTML gesehen haben, ist, ah, Kommentar. Das sieht in JavaScript sehr ähnlich aus. Wir verwenden keine Kommentare wie diese. Wir verwenden Kommas. Eigentlich hast du das schon mal gesehen. Wenn Sie sich eine der Projektdateien, eines der Javascript bei Js-Dateien, angesehen haben, haben sie alle diese kleine Doppelzeile hier. Sie wird das in tun, und das ist ein Kommentar, aber wie sieht es im Code aus? Nun, lasst uns einen grundlegenden Code schreiben. Und ich erwarte nicht, dass du verstehst, was dieser Code eigentlich ist. musst du jetzt auch nicht tun. Also schreibst du hier was? , Es wäre toll,wenn ich eines der Worte richtig buchstabieren könnte. Und, weißt du, was macht diese Funktion? Wirst du uns wirklich einen hochziehen und hier drin? Äh, Schritt eins? Nein, es wird Code hier drin ausführen. Was auch immer das möglicherweise aktiviert sein könnte, dann führt Schritt zwei mehr Code aus, und dann wird es nur etwas zurückgeben. Vielleicht wird es ein Objekt zurückgeben, also müssen Sie nicht wissen, was das eigentlich ist. Aber hier sind die Kommentare jetzt. Wenn wir diese ganze Sache tatsächlich auskommentieren wollten, könnten wir dio ist, dass wir einfach die doppelten Schärpen davor hinzufügen. Oder wir könnten den einfacheren Weg machen und Theus Risiko und Slash nutzen. Also, um eine einzelne Zeile Kommentare zu beginnen, nur eine Zeile schreibt, wir haben eine Zeile zu Zeile drei Zeile. Nur einen Kommentar. Ein Zettel. Alles, was wir tun, ist Schrägstrich Blitz davor hinzuzufügen. Aber wenn wir reinkommen wollten, schauen sie alle auf Schrägstrich vor allen von ihnen oder wir könnten ah, Schrägstrich, Sternchen hinzufügen Schrägstrich, . Und das wird alles auskommentieren, bis gesagt wird, nicht kommentiert zu werden. Und Sie können es sagen, weil all dieser Texas Gray tatsächlich einige loswerden würde. Etwas davon passt es wieder auf den Bildschirm. Und um diesen Kommentar zu beenden, verwenden Sie Sternchen Schrägstrich, was das genaue Gegenteil von diesem ist, und um zu sagen, ob Sie Editor jede Art von I d haben. Das ist mit Syntax, Hervorhebung oder irgendeine Art von Farbfarbe kommt zurück. Das ist alles. Es ist jetzt, eine Sache, die über das Schreiben von Code in jeder Programmiersprache zu beachten ist, verwenden Sie Kommentare. Verwenden Sie viele Kommentare. Ich würde immer sagen Verwenden Sie mehr Kommentare als nicht genug. Sagen Sie den Leuten, was Ihre Funktion tut. Warum wird Variable deklariert? Hätte es tun sollen? Gibt es einen Unterschied zwischen einer Variablen und einem Objekt? Oder möchten Sie jemanden daran erinnern, dass eine Funktion zu einem bestimmten Zeitpunkt ausgeführt werden muss, oder,wissen Sie, wissen Sie, was auch immer Sie tun, lassen Sie es in Ihren Kommentaren Nun, wenn Sie der einzige Entwickler sind, der an einem Projekt arbeitet, Wirklich, ist das notwendig? Zum größten Teil? Nein. Bis Ihr Projekt größer wird, denn wenn Sie an einem großen Projekt arbeiten, ah, berühren Sie sie möglicherweise nicht für, ah, ah, Woche oder zwei zu einer Zeit, wenn Sie zurückkommen, können Sie sich vielleicht nicht erinnern, wo es ist. Selbst wenn Sie zu der Zeit denken, dass Sie sich an uns alle erinnern würden, sind die Chancen, dass Sie es nicht werden und Sie werden zurückkommen und Sie müssen alles herausfinden, oder Sie hinterlassen einfach Kommentare für sich selbst und Sie können sie lesen, wenn Sie zurück zu . Auf der anderen Seite des Spektrums ist, wenn Sie mit anderen Entwicklern arbeiten, und das ist sehr häufig, ob Sie an einem Open-Source-Projekt arbeiten oder ein Front-End-Entwickler oder zurück in Entwickler arbeiten in ah, in einer Web-Entwicklung Firma oder in einem Team oder in einem Start up, was auch immer Sie tun. Wenn Sie mit anderen Entwicklern arbeiten, hinterlassen Sie Kommentare, damit sie verstehen, was los ist, und sie sollten dasselbe für Sie tun. Und wenn es irgendwelche Entwickler, die Code schreiben, die keine Kommentare für Sie hinterlassen, in aller Ehrlichkeit, sie tun nicht sehr gute Arbeit, mit Ihnen zu kommunizieren, weil Entwickler nicht das Telefon abholen und sagen: Oh, hey, also habe ich diese Änderung vorgenommen, weil ich ewig dauern würde. Wir würden den ganzen Tag telefonieren. Stattdessen hinterlassen wir wenig Kommentar sagen nur, ich ändere dies oder diese Diese eine Variable war für etwas Besonderes gedacht, und es muss nicht umfangreich sein. Also setze ich Variablennamen das ist, er deklarierte Variable. Aber es gibt nichts drin, was bedeutet, dass es technisch definiert ist, aber der Wert ist undefiniert, also wäre dies eine leere Zeichenfolge. Das bedeutet nur, ist undefiniert. Und in den Kommentaren könnten wir sagen, warum dies undefiniert ist. Dies ist also nur, um eine grundlegende Variable einzurichten, die verwendet wird, und ich weiß für andere Funktionen so etwas, das absolut akzeptabel ist. Wenn Sie eine gewisse Klarheit hinzufügen, von der ein anderer Entwickler profitieren könnte, lohnt es sich, zu schreiben, auch wenn es etwas länger dauert, um denselben Code zu schreiben. Nur weil Sie Kommentare hinzufügen, ist es, dass wichtige Kommentare einfach sind. Kommentare sind einfach. Jeder weiß, wie man sie macht, und sie können Ihre Kommunikation zwischen Ihnen und Ihrem zukünftigen Selbst exponentiell erhöhen . Wer wird auf Passcode zurückblicken, den Sie gerade schreiben, oder Sie und Ihr Team, und umgekehrt. 13. Grundlegende Betreiber: Willkommensentwickler in dieser Lektion. Wir werden über diese, äh, Betreiber, Betreiber, aber wirklich nicht die interessantesten der Welt lernen. Interessantes Thema in der Welt ist, wie man das erklärt. Es ist das Wichtigste, grundlegendste, was am meisten ist. Ich kann nicht erklären, wie wichtig das Verständnis von Operatoren für die Programmierung ist, weil im Moment alles, was wir jemals verwendet haben Augen, ein wenig String-Manipulation. Wir haben einige Variablen erstellt. Wir hätten vielleicht ein paar Kommentare auf geschrieben. Nichts Außergewöhnliches. Um ehrlich zu sein, es ist eigentlich alles ziemlich langweilig Spaß Zeug. Es kommt so nah dran. Aber bevor wir etwas davon tun können, müssen wir wissen, welcher Operator ist. Also Programmierung, obwohl nicht streng mathematisch, ist sehr, sehr logisch auf. diesem Grund können Sie nicht vermeiden, etwas Mathematik zu machen. Sie müssen nicht viel Mathematik verstehen, um ein großartiger Programmierer zu sein. Das ist die Wahrheit. In der Tat sind viele Programmierer eigentlich ziemlich schrecklich in Mathe. Alles, was sie tun müssen, ist herauszufinden, die richtige Antwort einmal Kehle in ein Stück Code. Das gibt ihm jedes Mal die richtige Antwort, und sie müssen sich nie wieder darum kümmern. ist das Schöne an der Programmierung ist, dass Sie nicht Einstein oder Stephen Hawking sein müssen oder irgendein Genie, das die Welt revolutioniert hat. Sie können buchstäblich keine sehr minimale Mathematik. Und so sind einige der Betreiber, über die wir heute sprechen werden, super einfach. Wir haben Addition, Subtraktion, Multiplikationsteilung, und wir werden in ein paar andere kommen. Einige von ihnen sind ein bisschen anders. Sie haben diese vielleicht noch nicht gesehen. Wenn Sie ein wenig programmiert haben, haben Sie vielleicht einige davon gesehen. Denken Sie daran, hier ein wenig offen zu halten, Ähm, Ähm, und versuchen Sie, so logisch so analytisch wie möglich zu sein, denn wenn Sie diesen logischen Teil Ihres Gehirns einschalten können, wird das für Sie so viel einfacher. Also zuerst, fangen wir mit der Addition an, richtig? Wenn wir tun 12 plus 15 JavaScript gibt uns 27 grundlegende Mathematik. 12,5 plus 15.123 gibt uns die genaue Antwort. Wir sind auf der Suche nach einer grundlegenden Ergänzung. Subtraktion ist absolut nicht anders. Und wir können dem eine beliebige Zahl in der Welt geben, die wir wollen, oder? Wir geben ihm ein paar verrückte Zahlen. Ich habe gerade Zufallszahlen geworfen. Schauen wir uns das an, weil dies so grundlegende Mathematik ist. Wir wissen nur, dass das richtig ist. Dies ist nicht falsch. Also im Wesentlichen, das ist Ihr Taschenrechner. Aber was, wenn wir 15 geteilt durch fünf sagen? Nun, fünf gehen in 15 3 mal. Grundlegende Mathematik, richtig? Wir sind nicht hier, um genug zu unterrichten. Ich bin hier, um Ihnen zu zeigen, dass dieses kleine Bedienungszeichen sehr wichtig ist. Was passiert, wenn wir das tun? 15 Dividiert durch 62,5 gibt uns einen Float 15 geteilt durch 14,9 Gruppen taten, dass falsch. 15. Lassen Sie uns versuchen, Division gibt uns eine ziemlich genaue Zahl, aber was, wenn wir den Rest von etwas bekommen wollen, das ein wenig schwieriger ist. So kommt die Programmierung mit diesem Operator namens Modul S. Und so, wenn wir sagten, 15 Ma eifersüchtig , sagen wir für richtig, wie oft hat vier gehen in 15 während dreimal So für eine 12 und was ist der Rest ? Drei. Weil es genau das ist, wonach wir suchen. Wenn wir gesagt haben, 97 Modul-Listen 42 42 geht in 97 zweimal mit dem Rest von 13, das ist Modul , das ist ziemlich nett. Werden Sie, dass oft ehrlich zu verwenden, während meiner Karriere als Front-End-Entwickler, Ich habe es nicht so oft verwendet. Ich habe eigentlich nicht mehr auf der Rückseite, als ich auf der Vorderseite. Das soll aber nicht heißen, dass du es nie benutzen wirst . Okay, also habe ich gerade vom Bildschirm entfernt. Ähm, lassen Sie uns eine Variable erstellen. Das Alter ist gleich 67 jetzt. Es gibt zwei weitere Operatoren namens Ah, die inkrementelle und Decker aumentar und inkrementelle erhöht sich, wie das Wurzelwort Ihre Zahl andeutet . Alter plus plus, so sieht ein inkrementelles aus. Ah, du bist drauf plus 68. Was ist, wenn wir es nochmal ausführen? 69. Was ist, wenn wir es noch einmal ausführen? 70 und es wird um eins weiter steigen. Wir sagten, Alter ist gleich 60.5 und führen Sie das Inkrement. Es geht nur um eins hoch. Und wenn wir das Gegenteil machen wollten, könnten wir es um eins verringern. Warum ist das wichtig? Denn in Zukunft werden wir in Schleifen geraten. Loops führen Code aus, und im Grunde, bis es etwas trifft, das Stop sagt. Und für uns bedeutet das manchmal, dass es eine bestimmte Zahl trifft und um eins immer wieder zunimmt , oder um eins immer wieder abnimmt, bis Treffer wie Null oder eine bestimmte Zahl. Jetzt werden Schleifen dies automatisch für uns tun, aber es gibt einen Grund, dass wir dies manuell tun wollen. Es liegt daran, dass wir manchmal in einer Schleife sind. Wir wollen etwas anderes im Auge behalten. Wie viele Objekte sind anwendbar, wenn Sie durch eine Reihe von Wörtern schleifen, wie der schnelle braune Fuchs springt über den faulen Hund? Wir teilen das in einzelne Worte, und wir haben jedes Wort durchgeschaut. Wenn dieses Wort Hund ist, oder wenn dieses Wort vier Buchstaben oder weniger ist, erhöhen Sie die Zahl vielleicht immer wieder um eins. Wenn dir das jetzt keinen Sinn ergibt, ist das in Ordnung. Wir werden solche Dinge in Zukunft übergehen. Es ist nicht so kompliziert, wie ich es wahrscheinlich gemacht habe. Nun schauen wir uns Zuweisungsoperatoren, Zuweisungsoperatoren, unser ah ja, Reiniger aus. Und sagen wir, Nummer eins ist gleich 10. Nummer äh, zwei ist gleich 15. Was, wenn wir Nummer eins sagen? Ah, wenn wir nur 25 zu Nummer eins hinzufügen wollten, würden wir sagen, Nummer eins ist gleich Nummer eins plus 25. Das nützt nichts, wenn wir wirklich genau die richtige Nummer eins plus entspricht 25 jetzt der Grund dafür ist, weil Nummer eins die Nummer 10 war. Wir sagten, Plus ist gleich 25, wenn wir jemanden wieder anziehen, es hat es zugewiesen. Also hat es nicht nur die Ergänzung für uns gemacht, sondern es sagte auch Nummer eins ist was auch immer die Gesamtzahl jetzt hier sein wird. Wir könnten dasselbe tun, wie wir Nummer eins sagen, aber auf der umgekehrten und minus eine Zahl. Also lasst uns minus nicht 35. Lassen Sie uns etwas ausmachen, ist eine größere Zahl. Das sind minus 54. Nummer eins ist jetzt minus 19. Wenn wir die Variable wieder nehmen, wissen wir, dass Nummer eins B minus 19 zugewiesen wurde. Jetzt können Sie diese Zuweisungsoperatoren mit Addition, Subtraktion, Multiplikationsteilung und Modulliste tun. Alles, was Sie tun müssen, ist den Operator vor dem Gleichheitszeichen hinzuzufügen, und er weist automatisch den Wert dessen zu, was dieser Variablen für Sie sein wird . Also, jetzt haben wir Mathematik in einer Zeile, also anstatt zu sagen, du weißt schon, du weißt schon, Nummer eins ist gleich 10 plus 25, wie wir es vorher getan haben. Was wir sagen werden, ist taub eins gleich plus gleich 25. Jetzt wissen wir, dass Taub eins derzeit minus 19 ist. Dies wieder und was wir haben, ist sechs minus 19 plus 25 ist sechs. Wir geben jemanden ein, wir haben Sex, also gibt es nicht wirklich viel mehr, was wir mit uns übergehen können, aber es macht wirklich nur Ihre es macht Ihre Mathematik ein wenig sauberer und wirklich nur tun dies für grundlegende Mathematik. Versuchen Sie nicht, dies für etwas zu tun, was außerhalb Ihrer grundlegenden Operatoren ist, wenn Sie Dinge in einer bestimmten Reihenfolge tun müssen, wie Bennis Bett Massen Klammern, Exponenten, Division, außerhalb Ihrer grundlegenden Operatoren ist, wenn Sie Dinge in einer bestimmten Reihenfolge tun müssen, wie Bennis Bett Massen Klammern, Exponenten, Multiplikation Addition, Subtraktion, Ähm , wieder, diese Art von Mathematik, die Sie gerade nicht wirklich erinnern müssen. Dann mach es dann in der Reihe. Ihre Mathematik kann auch Klammern enthalten. Also, wenn wir 12 plus 20 geteilt durch Tu minus eins plus vier total gemacht haben, dass. Hit, hit, trete ein und wir bekommen, was auch immer diese Antwort sein sollte 19 sein sollte. Aber was das tat, ist die Regel des Bettes, Miss. In der nächsten Lektion werden wir über Vergleichsoperatoren, Vergleichsoperatoren sprechen. der nächsten Lektion werden wir über Vergleichsoperatoren, Vergleichsoperatoren sprechen So wird die Programmierung durchgeführt. Wenn etwas wahr oder falsch ist, kommt wirklich auf ziemlich boolesche Dinge oder eine Zahl ist größer als die andere. Sie irgendeine Art von Aktion. Diese Flugvergleichsbetreiber würden in diejenigen gelangen, die auch mit, wenn sonst Aussagen kommen. Ab sofort, die einzigen Hausaufgaben, die ich denke, Sie sollten tun. Nennen Sie es in vielen Projekten oder was auch immer Sie wollen, öffnen Sie einfach Ihren Konsul hier und machen Sie einfach ein paar grundlegende Mathematik. Finde einfach heraus, wie das funktioniert. Sie müssen nichts Super Kompliziertes tun, aber versuchen Sie es. Probieren Sie die ah, die Zugabe Operator, rechts 12 plus 58. Es hat mich auf Fehler geworfen, weil ungültige linke Seite in der Zuordnung. Das heißt, das ist nicht ah, variabel. Aber wenn wir sagen, schreckliche Taub ist in der Lage, 12 und wir sagten 12 58. Es gibt uns nie so einfach mit solchen Dingen herumspielen, fühlen Sie sich frei, Fehler wie diese zu bekommen, und wann immer Sie eine Luft bekommen, googeln Sie es. Google ist eine großartige Informationsquelle. Stack Overflow hat wieder eine Menge Fragen an Sie. Ein großer Entwickler zu sein, ist zu wissen, ging an Google Dinge. Wenn Sie stecken bleiben, haben wir eine riesige Facebook-Gruppe voller Entwickler, die, Sie wissen schon, an Ihrer Position sind Sie wissen schon, , den ganzen Weg bis zur Seniorenebene, die Ihnen auf jeden Fall auch helfen können. 14. Comparison: Alles klar, willkommen zurück und das hier. Hören Sie, wir werden jetzt über Vergleichsoperatoren sprechen. Dies ist ein grundlegendes Konzept zwischen allen Programmiersprachen. Es kommt wirklich darauf an, ob etwas wahr oder falsch ist. Und das sind binäre Optionen. Computer denken nicht in irgendeiner Art grauen Grund. Es ist, weißt du, es ist entweder schwarz oder weiß. Es ist wahr. Es ist falsch. Es ist ja oder nein. Und um loszulegen, mussten wir bis zu diesem Punkt viel wissen. Nun, dieser Punkt ist wirklich, wie Sie irgendeine Art von Programm geben, die Fähigkeit zu denken, wenn eine Variable wahr wird, ich tue etwas. Wenn es falsch ist, tun Sie etwas anderes, das zu mögen kommt, wenn sonst Operator und wir werden in das in der nächsten Lektion zu bekommen. Aber im Moment sprechen wir nur über Vergleichsoperatoren. Keine Vergleichsoperatoren. Sie sind nicht sehr schwierig, wirklich. Die einzige Mathematik, die Sie wissen müssen, ist, ob etwas größer als oder gleich ist, es gibt eine andere Art von Vorbehalt darin, und das ist derjenige, der es gleich macht oder nicht gleich ist. Anstatt das wirklich zu erklären, denke ich, dass der beste Weg, dies zu lernen, ist, es einfach auf die Konsole zu schreiben. Ich werde reden, während ich gehe, und, äh, wenn Sie Fragen haben, wie die funktionieren, zögern Sie nicht, sie in der Facebook-Gruppe zu fragen. Ja, also lasst uns einfach mit uns anfangen, okay? Also, was ich tun werde, ist eins gleich eins. Das wird wahr, weil man immer eins ist. Was passiert, wenn ich sagte, eins ist gleich zwei? Es ist so falsch. , Der Grund dafür,dass dies eine Variable vergleicht und nicht zuweist, liegt darin, dass es zwei Gleichheitszeichen gibt . Wenn wir sagen, eins ist gleich eins, JavaScript wird denken, Oh, na ja, ja, ich werde die Variable mit dem Namen eins signieren. Der Wert von eins. Und was passiert? Nichts. Weil Sie Variablen können nicht mit der Zahl beginnen. Jetzt. Was ist, wenn wir Floats anstelle von Ganzzahlen verwenden? Wir sagten, 1.0 ist gleich 1,0. Das ist wahr. Was ist mit 1.0 gleich eins? Das ist auch wahr. Alles klar, also hat er gerade den Konsul dort geklärt , und das sind grundlegende Manager, richtig? Eins ist gleich 10. Wir wissen, dass man nicht gleich 10 ist. Nur 10 können je 10 sein. Das stellt sich also als falsch heraus. Was, wenn wir anfangen, Strings miteinander zu vergleichen? Was ist, wenn wir sagen, Test ist gleich Test? Nun, das ist genau das Gleiche, im Wesentlichen mit sich selbst zu vergleichen. Das muss also wahr sein. Aber was, wenn wir sagen, Test ist gleich etwas anderes? Jetzt vergleichen wir zwei Strings zusammen, so dass der Datentyp der gleiche ist. jedoch Die Werte sindjedochunterschiedlich, so dass der Test nicht gleich etwas anderem ist. Nur weil der Datentyp gleich ist, bedeutet dies nicht, dass dies notwendigerweise der Fall ist. Und wenn wir Enter drücken, sehen wir, dass dies in der Tat falsch ist . Was passiert, wenn wir anfangen, einige davon in Variablen zu setzen? Also lassen Sie uns Variablenname gleich Caleb setzen. Das ist nur mein Name. Jetzt. Wir wollten sagen, Name ist gleich diesem ist es zu vergleichen. Das wird also nicht vergleichen. Dieser Name wird Caleb vergleichen, erinnern Sie sich an Capital K, weil Javascript Groß-/Kleinschreibung beachtet. Wenn wir also sagen, dass Caleb gleich ist, lassen Sie uns meinen Namen technisch den Eigennamen buchstabieren, was passiert dann? Es ist falsch. Aber wenn wir sagten, Caleb ist gleich. Wir vergleichen es mit Capital K getötet. Es ist wahr, weil es jetzt genau dasselbe ist. Nun, wenn wir einen strikten Vergleich machen, das drei Gleichheitszeichen, und wir setzen den exakt gleichen Vergleich wie oben, aber nur mit einem zusätzlichen Gleichheitszeichen. Es ist immer noch wahr. Der Grund dafür ist, dass dieser Wert hier buchstäblich genau der gleiche ist. Es vergleicht also nicht nur den Wert. Es vergleicht auch den Datentyp. Jetzt. Was, wenn wir gesagt Alter gleich toe 45 und dann verglichen wir Alter gleich 45 ist. Das ist wahr. Was ist, wenn das Alter gleich 45 ist? Auch wahr. Was ist, wenn Alter gleich 45.0 ist? Auch stimmt, JavaScript erkennt, dass 45 das gleiche wie 45.0 ist. Oder was, wenn wir das taten? Die umgekehrte 45,0 entspricht normalerweise dem Alter. auch wahr, also spielt es keine Rolle, auf welcher Seite die Vergleichsvariable lebt, solange sie verglichen wird. Das ist alles, worum es sich kümmert. Jetzt gibt es noch einen anderen Vergleich, den wir hier wirklich berücksichtigen müssen. Reinigen Sie den Rat hier ab. Und was, wenn wir sagen, Alter ist größer bis größer oder gleich 45? Auch das wahre Alter ist größer als 45. Das ist falsch. Das Alter ist 45 Jahre alt. Sie ist nicht größer als oder gleich, bevor wir fortfahren. Werfen wir einen Blick auf einige der verschiedenen Operatoren, die wir haben. Wir haben gleich eine strenge Gleichheit, nicht gleich eine strenge, nicht gleich wir haben größer als oder gleich kleiner als oder gleich. Und wenn wir dann, wenn wir wollen, um zu mischen und vergleichen wir haben, das ist. Und so anstatt das Wort zu schreiben, und wir pflegten zu m Prozent oder wenn wir sagen wollen, ob etwas wahr ist oder etwas anderes wahr ist, verwenden wir, um Symbole zu pipe, und das steht für oder jetzt lassen Sie uns wieder erklären. Es ist wieder erklären Alter ist gleich 20 und wenn Sie in den Vereinigten Staaten leben, das Trinkalter ist 21 so Trinkalter ist gleich 21. Jetzt können wir im Wesentlichen sagen, im Wesentlichen sagen, wenn das Alter größer oder gleich dem Trinkalter ist, dann können Sie gehen und Bier kaufen. Aber wir würden das vergleichen, wenn das Alter, nicht 20. Aber das Alter ist gleich oder größer als das Trinkalter. Dann können wir ihn entschuldigen. Mantel Jetzt muss sich das immer ergeben. Wahr. In diesem Fall ist es nicht falsch geworden, weil das Alter weniger ist als das Trinkalter. Wenn wir die Umkehrung, die wir geschrieben haben, getan ist das Alter kleiner oder gleich dem Alkoholalter. Wir werden wahr. Was, wenn wir es einfach tun? Alter ist weniger als Trinkalter, auch wahr. Aber was passiert, wenn wir anfangen, Variablen mit anderen Variablen zu vergleichen, die nicht existieren? Also was, wenn wir sagen, Alter ist gleich etwas anderes? Sagt, sehen Sie, wir bekommen etwas anderes ist nicht definiert. Was ist, wenn wir das Alter gleich ist und wir wissen, dass der andere Datentyp nicht definiert ist? Nun, das ist falsch, weil Ewigkeiten in der Tat definiert. Aber was, wenn wir sagen, etwas anderes ist gleich undefiniert? Nun, wieder gibt uns JavaScript einen Referenzbereich und sagt, dass etwas anderes nicht definiert ist, und um einen strengen Vergleich zu tun gibt uns genau das Gleiche. Warum sollten wir also jemals einen strikten Vergleich verwenden? Werfen wir einen Blick auf das Alter von 20 Jahren. Was, wenn wir das taten? Alter ist gleich wie ein String 20. Das stimmt, was wir gesagt haben. Das Alter ist gleich 21. Das ist falsch. JavaScript erkennt also, dass diese 20 die gleiche wie eine ganze Zahl ist, die technisch nicht richtig ist, weil dies keine Zahl sein soll. Dies wird als eine Zeichenfolge angesehen. Hier fangen wir an, strenge Operatoren zu verwenden. Was, wenn wir sagen, Engel gleich Teoh gleich 20? Wir werden falsch. Also, während es hier mit einem lockeren Vergleich stimmt, ist es hier falsch mit einem strengen Vergleich. Nein, warum würdest du das jemals benutzen? Nun, weil manchmal der Benutzer Informationen eingeben wird, und wenn die Eingabe es wie eine Zahl oder Text, kommt es immer als Zeichenfolge zurück. Also, wenn der Benutzer Agent setzen zufällig 20, wenn wir es vergleichen wollen, um mindestens 21 oder höher zu sein , würden wir einen losen Vergleich größer oder gleich 21 falsch machen könnten, oder wenn ich ein genaues Alter sein müsste, zum Beispiel könnte jemand gewinnen die Lotterie nur jemals sein. Das Alter von 20 muss genau 20 sein, wir könnten auf diese Weise machen, oder wir könnten es mit einem strengen Operator wie diesem tun , der auch wahr wird. Okay, also jetzt auf der umgekehrten Schwächung nicht gleich rechts, so haben wir immer noch Ewigkeiten. 20 was es war, dass Alter nicht gleich 20. Das ist falsch, denn das Alter ist in der Tat 20. Aber jedes Cent Alter entspricht keiner anderen Zahl. Alles, was nicht die Nummer 20 ist. Das wird sich als wahr erweisen. Also könnten wir sagen, Alter ist nicht gleich buchstäblich alles kann von denen da drin. Nein, wir können auch einen strikten Vergleich machen. Was passiert, wenn wir das Alter nicht gleich undefiniert ist? Nun, das stimmt, weil das Alter definiert wurde. Das bedeutet, dass das Alter einen technischen Wert von 20 hat. Was, wenn wir sagen, ähm, etwas anderes ist nicht gleich undefiniert? Wir erhalten immer noch die gleiche ist nicht definiert Fehler. Nun, was ist, wenn wir eine andere Variable erstellt haben, aber eine dieser leeren, die wir gesehen haben, nur ein wenig von Lassen Sie uns diese Variable leer nennen , kommt als undefiniert zurück, weil Variable Hebeing, wir geben leer, bekommen wir unter finden. Also was, wenn wir es sagen. Leer ist gleich undefined. Nun, das ist wahr. Leer ist gleich strikt undefiniert. Auch wahr. Aber was, wenn wir sagen, Empty ist nicht gleich undefiniert? Niemand ist falsch. Es ist also genau das Gegenteil von dem, was du hier oben siehst. Da Empty, das als Variable deklariert wurde, keine Art von Informationen enthält, die ihm zugeordnet sind, ist in der Tat undefiniert. Wir wissen, dass die Verwendung des nicht gleich oder des strikten nicht gleichwertigen Vergleichs, der leer ist, tatsächlich falsch ist. Also, was möchte ich, dass Sie nur für ein wenig Übung tun, Ihren Rat öffnen und anfangen, einige Variablen zu schreiben und sie einfach miteinander zu vergleichen? Es spielt keine Rolle, was es ist. Ich möchte, dass du ein Gefühl dafür hast, wie diese funktionieren, gegen ob es richtig oder falsch ist. Richtig oder falsch kann ein wenig später kommen. Ich möchte nur, dass Sie verstehen, wie diese funktionieren, die Vergleiche, die Sie Zugang zu Ihnen haben, sind gleich einem strikten gleich größer oder gleich größer, als Sie kleiner oder gleich sind. Wir haben weniger als nicht gleich und nicht gleich streng. Also geh weiter, gib den eine Chance, und wenn du fertig bist, sehen wir dich in der nächsten Lektion. 15. Wenn du das Andere Anweisungen: Hallo. In dieser Lektion werden wir darüber sprechen, ob sonst Aussagen. Jetzt haben wir viel Flirten mit was, wenn sonst Aussagen sind. Wir haben über Vergleiche und Variablen gelernt, und wir haben wirklich alle Zutaten, die wir brauchen, um zu verstehen. Was wäre, wenn sonst Aussage jetzt ist. Der einfachste Weg zu beschreiben, was eine if else Aussage ist, ist wirklich nur, dass, wenn etwas wahr ist oder wenn Sie möchten, dass es falsch ist, dann führen Sie einen bestimmten Satz Mantel ein paar Zeilen hier. Ein paar Zeilen sind es. Wenn es nicht so ist, wenn es das Gegenteil ist, tun Sie noch einmal etwas anderes. Dies ist eines dieser grundlegenden Konzepte aller Programmiersprachen, die sie alle haben, wenn sonst Aussagen, so entscheidet ein Programm, was es tun soll im Vergleich zu dem, was es nicht tun sollte. Ah, und wenn es irgendeine Art von Aktion ergreifen soll. Und das ist, wenn die Dinge beginnen, wirklich interessant zu werden, weil Benutzer beginnen können, ihre eigenen Informationen einzugeben und sobald sie ihre eigenen Informationen eingeben , können Sie beginnen, wissen Sie, Ändern der Aktionen basierend auf dem, was sie hinzugefügt haben. Als ein sehr einfaches Beispiel, lassen Sie uns mit unserer ersten Variablen beginnen. Sagen wir, Variablenname ist gleich Caleb, oder? Nur mein Name. Wir wissen, worum es hier geht. Nicht aufregend. Caleb, komm dran. Alles klar, ich komme dran. Also, wenn und der Druck die Klammern für NFL-Anweisung ist wirklich alles geht hier rein. Hier ist Ihr Vergleich. Dein Vergleich. Das habe ich nicht buchstabiert. Richtig? Komm. Harrison geht hier rein. Also, wenn der Name gleich Caleb ist, was wir wissen, dass er ist, was soll er laufen? Wenn wir also eine neue if-Anweisung öffnen, haben wir den neuen Code umschlossen, der in geschweifte Klammern laufen soll, genau wie Sie hier sehen. Also, was ist passiert? Da war ich ein wenig zu schnell eingegangen. Also nehmen wir an, drücken Sie, Shift Enter. Das war alles, was war. Nun, wenn mein Name Caleb ist, ist der Name Caleb. Wir haben formal noch nicht Alarmbereitschaft gelernt. Wenn nicht, ist mein Name nicht. Töte ihn. Das ist also nicht sehr schön formatiert. In der Regel sehen Sie Code mit wenig schöneren Abständen. So etwas. Es ist jetzt haben wir Wenn ein Name gleich ist, was auch immer Sie angeben, dieser Name soll sein, denken Sie daran, es ist Groß- und Kleinschreibung zu daran, beachten. Führen Sie dann den Code zwischen den geschweiften Klammern aus. Niemand hier wird weglaufen. Nur eine grundlegende Warnung. Nun, wenn der Name nicht gleich Caleb, die erinnern nicht ist das Ausrufezeichen Gleichheitszeichen. Also, wenn der Name nicht gleich k Ebene alarmieren etwas anderes. Also, was passiert, wenn ich das mache? Mein Name ist Caleb. Das ist die Warnung, die Chrome mir gerade gegeben hat. Also jetzt fangen wir an, ein wenig mehr in die Interaktivität zu bekommen, weil dies mich nur auf der Seite alarmiert hat . Und es gibt nichts, was Sie über eine Warnung tun können, wenn Sie jemanden warnen, der jedes Mal auftaucht . Und das ist eine grundlegende, wenn sonst Aussage, das ist alles, was es dazu gibt. Wenn Sie diese zusammen ändern wollen,können Sie tun, was man sonst nennt. Wenn Sie diese zusammen ändern wollen, Wenn ja, haben wir, wenn sonst, wenn und sonst als ein schnelles Beispiel, wenn Name Name ist gleich ist, um einen beliebigen Namen zu wählen, den Sie wollen, muss nicht Ihre Variable sein sollte eigentlich etwas anderes sein. Also werde ich sehen, ob mein Name Joseph Alert ist. Hallo, Joe. Sonst, wenn der Name gleich ist, und das sollte eigentlich Platz darin sein. Wenn der Name gleich ist, können wir wissen, dass dieser wahr ist? Das wird also laufen. Das ist jetzt wahr. Wir könnten es einfach hier lassen, wenn wir wollten. Es gibt keine Regel, die besagt, dass Sie eine else-Anweisung oder eine NFL-Anweisung haben müssen. Wirklich, Sie brauchen nur, wenn Anweisungen, wenn etwas wahr ist oder wenn etwas nicht wahr ist, führen Sie ein bestimmtes Stück Code aus. Das ist alles, was es ist. Aber um dieses Beispiel willen, ist es nicht ein Durchlauf durch diese schnell. Wenn der Name Joseph Alert ist. Hallo, Joe. Wenn der Name nicht Joseph ist, überprüfen Sie, ob dieser Name Caleb ist. Wir wissen, dass das wahr ist. Das wird abhauen. Aber wenn der Name nicht mit Joseph oder Caleb übereinstimmt, dann wird es etwas anderes alarmieren. Also basierend auf dem, was wir bisher wissen, nehmen Sie einfach eine kurze Sekunde positiv. Sie hören, wenn Sie Andi haben, denken Sie an sich selbst, welcher soll laufen oder wenn Sie die Reihenfolge von diesen wechseln, welche wird laufen? Und wenn Joseph oder Caleb wahr ist und eine der 1. 2 If-Anweisungen erfolgreich ausgeführt wird, beginnt der Code darin zu laufen, läuft der Code innerhalb der else-Anweisung auch? Lassen Sie uns herausfinden, dass das wahr ist, weil der Name Caleb ist und das war's. So lief es nicht, weil Joseph, der Name ist nicht Joseph Iran. Weil der Name Caleb ist und die else-Anweisung nicht ausgeführt wurde. Was ist, wenn sonst der Block wirklich tut, ist es nach einem bestimmten echten Vergleich zu suchen? Also, wenn Ihr Vergleich wahr ist, wird es nur diesen Code ausführen. Es wird keinen der anderen Blöcke ausführen, die Sie damit schreiben. In der nächsten Lektion werde ich Ihnen zeigen, wie Sie nach Informationen auffordern. Und dann werden wir NFL-Anweisung basierend auf dem, was der Benutzer eingibt, und wir werden Ihnen zeigen, dass Benutzereingaben tatsächlich ändern können, wie ein Programm handeln. Aber jetzt mache ich eine kurze Sekunde von Ihrem Rat auf Dekret It. Ah, und wenn sonst Aussage für sich selbst nur um das zu spielen, stellen Sie sicher, dass es funktioniert. Die Lektion hier geht es nicht um Warnungen, obwohl, wenn Sie das hineinwerfen wollten, kein Schaden angerichtet 16. Wenn du das Elseif.. Andere aus Benutzereingabe: Alles klar. In der letzten Lektion haben wir gelernt, wie zu tun und wenn sonst, wenn und sonst Aussage. Aber jetzt möchte ich Ihnen zeigen, wie wir einige Benutzereingaben nehmen können. Ah, und passen Sie wirklich an, was das Programm tun soll. Und dafür müssen wir etwas Neues lernen. Etwas namens Prompt und letzte Lektion. Wir haben gelernt, Alarmbereitschaft ein wenig zu booten. Ein wenig informell, nehme ich an. Aber in diesem werden wir über die Eingabeaufforderung lernen, die im Grunde eine Warnung mit einem kleinen Textfeld ist, mit dem Menschen Informationen eingeben können . Jetzt, wie ein Vorwärtsschreit, benutzt niemand mehr Eingabeaufforderungen. Da die Eingabeaufforderungen aber einfach sind, wir sie in dieser Lektion verwenden, um Ihnen zu zeigen, wie wir Benutzereingaben verwenden können, um die Funktionsweise des Programms zu ändern . Also lasst uns voran gehen und tippen. Name ist gleich der Eingabeaufforderung. Wie heißt du jetzt? Hier? Ich drücke Shift Enter, weil, wenn ich nur drücken , geben Sie es ein, nur werde eine Aufforderung sein und nichts anderes tun. Nun, hier fangen wir an, viel Javascript in eine JavaScript-Datei zu setzen, damit wir mehr als eine Zeile gleichzeitig ausführen können . Nun, ich sagte, wenn der Name das tatsächlich sehen, wenn der Name in Kleinbuchstaben gleich Caleb ist, nur mein Name. Nichts. Ausgefallene Warnung. Hallo, Caleb. Nun, das ist eine grundlegende if-Anweisung, wir können das hier lassen. denke, Ichdenke,wir sollten das übernehmen. Mal sehen, was passiert. Wie ist dein Name? Und ich werde sagen, es nach Caleb im Kleinbuchstaben fragt, also lasst uns das ändern. Lassen Sie uns alles in Großbuchstaben minus B B setzen Könnte in Kleinbuchstaben sein, weil denken Sie daran, Benutzereingabe ist nie so, wie Sie es erwarten. Sie müssen also ein wenig zusätzliche Filterung durchführen, um sicherzustellen, dass die Benutzereingabe möglich ist. Ontario sagt Hallo, Caleb. Der Grund dafür ist, dass es meinen Namen nahm. Ah, das war Kloo alle in Kappen mit einem Kleinbuchstaben und änderte es in einen Kleinbuchstaben. Und dann sagte es, wenn dieser Kleinschreibung Wert der Namensvariablen gleich Kleinbuchstaben Caleb ist , dann alarmieren. Was ich hier habe, ist nur eine leere Indexdatei. Auf dieser Seite wird kein JavaScript angegriffen. Das erste, was wir tun müssen, ist die JavaScript-Datei anzuhängen. Also ist der untere Teil meines Körpers Typoskript SRC gleich Javascript dot Js Die JavaScript-IGS ist Ihre JavaScript-Datei. Jetzt habe ich eine JavaScript-RGS-Datei, und es ist im gleichen Verzeichnis wie Index dot html ist im gleichen Ordner. Das ist alles, was wir jetzt tun müssen, um sicherzustellen, dass das funktioniert. Gehen wir zu JavaScript bei Js und geben Sie alert ein. Hallo Welt. Alles, was wir tun wollen, ist sicherzustellen, dass das Skript funktioniert. Ich habe den Safe gerettet. Beide Dateien über Chrome und ich aktualisiere die Seite und es sagt, Hallo Welt. Das bedeutet, oder Javascript-Datei funktioniert. Jetzt gibt es andere Möglichkeiten, es zu überprüfen. Dies ist einer der schnelleren Verschwendung. Überprüfen Sie, ob Ihr JavaScript geladen wird. Sie müssen Ihren Konsularen nichts öffnen. Es ist nur ah, eklatante Alarmbereitschaft in deinem Gesicht. Es ist hässlich, aber es macht den Zug. Also, jetzt wollen wir unser Skript neu schreiben. Sagen wir Name. Es ist tun Variablenname ist gleich, was Ihr Name ist, und wir wollen, dass mit einer Aufforderung zu wickeln und wir sagen, wenn Name Alarm hallo und wir wissen, wie Katyn acht kann. Richtig. Also benutzen wir Hallo, Captain. Acht. Variabler Name und Hallo Gäste. Also, was das tut, ist, wenn jemand den Namen eingibt, wenn Informationen hier drin sind, wird es zurückkehren. Wahr. JavaScript wird sagen, aber es gibt etwas, das wahr ist. Es ist nicht undefiniert. Ist es nicht. Nein, es ist nicht falsch, dass dieser Datentyp aus diesem Wert tatsächlich wahr ist. Es hat einige Informationen da drin. Und wenn es so ist, gib uns einfach eine Warnung zurück, sag Hallo und was auch immer dieser Wert ist. Aber wenn nichts drin ist, wenn jemand auf den Abbrechen-Button klickt, was passiert dann? Nun, hallo, Guess Now, das nennt man Information Floor Datenfluss. Und das ist auch ein sehr wichtiges Konzept. So ziemlich von allen Programmiersprachen ist wieder das, was passiert, wenn etwas Ihren Erwartungen nicht entspricht . Was ist, wenn jemand in der Eingabeaufforderung abbricht? Also lassen Sie uns sagen, dies Gehen Sie zurück zu dieser Seite. Ich werde schlagen, aktualisieren und mich fragen, wie mein Name ist. Es sind immer nur zwei Szenarien. Ich kann meinen Namen eingeben und OK drücken, oder ich kann abbrechen. Also, was passiert, wenn ich meinen Namen oder irgendjemandes Namen einfüge? Es muss meinen Namen nicht schlagen. Bringen wir den Namen eines anderen hinein. Lassen Sie uns sagen, mein Name ist Zephyr und schlagen OK, hellos, immer cool. Das ist Benutzereingaben. Nein, ich aktualisiere die Seite erneut, damit diese Eingabeaufforderung wieder ausgeführt wird. Wie ist mein Name? Und wenn ich dieses Mal auf „Abbrechen“ klicke, was passiert dann? Nun, wenn wir auf ihren Code zurückblicken, wenn es einen Namen gibt, wird hallo sagen, plus Ihren Namen, wenn es nichts gibt, wird hallo sagen, Gast. Und tatsächlich hat es das nicht getan. Und das liegt daran, dass ich vergessen habe, als keinen Datentyp zu berücksichtigen. Und das ist etwas, das einfach mit allen Programmen passiert. und wieder bewegen wir uns ein wenig zu schnell. Ah, Lektion. Als Entwickler ist es okay, Fehler zu machen. Du darfst Fehler machen. Als Entwickler gebe ich Ihnen die Erlaubnis, die meisten Fehler jetzt zu machen. Völlig akzeptabel. Es wird nur inakzeptabel, wenn Sie beginnen, den gleichen Fehler immer und immer wieder zu machen . also auf den Code zurückblicken, wissen wir, dass der Wert des Namens nein ist. Nein kam als wahrer Wert zurück. Deshalb ist es hier drin gelaufen. Also was? Wir müssen dio Anstatt eine else-Anweisung auszuführen, führen wir eine if else Anweisung aus. Entschuldigung, wir führen eine else if Anweisung anders aus. Wenn der Name gleich ist, lassen Sie uns einen genauen Vergleich machen und sehen, wie das schwenkt Alarm. Dein Name ist leer. Sag das. Zurück zu einer Seite Aktualisieren. Mein Name ist, es wird wieder abgesagt. Sagt hallo. Nein, nun, warum ist das? Was ist, weil die if-Anweisung vor der else if-Anweisung kam und so, wenn dies wahr ist , wird der Rest der Thean-Reifenaussage ignorieren. Die Befehlskette geht von oben nach unten, und sobald einer von ihnen sich getroffen hat, spielt es keine Rolle, was Sie sonst noch haben, es wird nicht einschließen, es wird es nicht ausführen. Das ist, was wir tun müssen, ist, dass wir hier die Reihenfolge ändern müssen. Also werde ich das hier einfach nach oben schieben und also alles, was ich getan habe, war zu sagen, ob der Name kein erster ist, jetzt verwenden wir hier einen strengen Vergleich. Mal sehen, was passiert. Wie ist mein Name? Ich habe geschlagen. Wieder abbrechen, sagt Hallo Wissen, warum tut es das? Könnte es sein, weil wir da oben sind? Könnte es sein, weil wir einen strikten Vergleich verwenden? Könnte es sein, weil nein soll in Anführungszeichen oder Apostrophe sein könnte jetzt, als Entwickler, dies ist einer jener Zeiten, in denen Sie verstehen müssen, dass alles zu wissen, es ist unmöglich. Du musst dich nicht ständig an solche Dinge erinnern. Dies ist ein kleines Detail, und wenn Sie jemals vergessen, ist es völlig akzeptabel, auf die alte Google-Maschine zu springen und einzugeben. Was auch immer Ihre Abfrage ist, es wird Sie wahrscheinlich zu einer Stack-Überlaufseite bringen und Sie werden es wahrscheinlich eine ziemlich gute Antwort finden . Jetzt ändert sich, um Zehe zu kennen. Entfernen Sie diesen strengen Vergleich, und ich möchte nur sehen, was das richtig passieren wird. Wir experimentieren hier und wieder und experimentieren als Entwickler völlig akzeptabel, weil Sie so lernen. Sie experimentieren, Sie machen Fehler und Sie wiederholen, dass Sie nur weiter iterieren, und wenn Sie essen, lernen Sie mehr und mehr. Das ist alles, was die Entwicklung ist. Das ist wirklich alte Technologie. Ist. Sind Menschen versuchen neue Dinge und bewegen sich vorwärts, scheitern, einen Schritt zurück, erkennen, warum sie gescheitert und versuchen es erneut. Das ist alles, was es ist. Wir bekommen immer noch Nein, das ist in Ordnung. Was passiert, wenn wir Bar entfernen? Wir werden immer noch bekannt. Eine weitere Option, die wir haben, ist zu überprüfen, ob dies eine Zeichenfolge ist oder nicht. Erinnerst du dich an ein paar Lektionen? Eine ganze Lektion zu gehen. Ich sagte, dass Benutzereingaben immer als String kommen. In den meisten Fällen gilt das auf jeder Plattform für jede Website und Anwendung. Und das ist nur, weil wir nicht wissen, ob die Zahlen der Benutzer sind. Input soll eine Nummer oder Steuer sein, und es ist unsere Aufgabe als Entwickler herauszufinden, was es ist. Also alles, was ich tun werde, ist hier Zitate hinzuzufügen. Also, jetzt wird es sagen, ob der Name nicht ist, als eine Zeichenfolge wie diese ist, was er zurückgebracht hat. Das ist es, was es denkt. Dein Name ist momentan nicht, dass da nichts drin ist. Nicht, dass sonst etwas. Nicht, dass dies eine Zahl oder flott ist. Es denkt nur, dass das Ihr Name ist. Es wäre also eine Zeichenfolge. Speichern Sie das. Aktualisieren Sie die Seite, klicken Sie auf Abbrechen, und ich garantiere Ihnen, dass diese Zeit funktioniert. Dein Name ist leer, genau so. Jetzt wissen wir, was passiert, wenn dein Name leer ist? Nein, als Lernstunde. Geh zurück und finde heraus, was passiert ist. Hit. Aktualisieren Sie es. Abbrechen. Mein Name ist noch leer, also wissen wir, dass es nicht von unserem Was ist, wenn wir einen strikten Vergleich machen? Das Gleiche. Also wissen wir mit dem Straßenvergleich, dass das zurückkehrt? Nein, nein. Ein anderer Weg, den wir überprüfen können. Dies ist diese schöne, schöne Methode Hier. Konsolenprotokoll protokolliert alles auf Ihrer Konsole. Was ich tun werde, ist, dass ich inspizieren werde. Aktualisieren Sie die Seite, die abgebrochen wird, dass mein Name über der Konsole leer ist. Und das ist es, womit es zurückkam. Jetzt wissen wir, was die Antwort ist. Jetzt müssen wir nicht viel von diesem zusätzlichen Test durchführen. Wir können hier ein Konsolenprotokoll erstellen. Wir könnten hier eine Konsole einloggen. Wir machen einen hier drin. Wir könnten hier eine tun, um zu sehen, wohin die Informationen gehen, und es gibt Ihnen eine bessere visuelle Vorstellung davon, wohin Ihre Daten fließen. Was passiert, wenn ich meinen Namen setze, ist Caleb. Hit. Geben Sie ein. Hallo, Caleb. Getötete kommt hier rein. Es wird nur erwartet. Genau wie was? Keine Arbeit. Was wir wissen, Antwort gab uns, aber irgendwie Nein, es ist Caleb, als Entwickler ist ein Programm ist auch Ihre Aufgabe, nach Effizienz zu suchen. Also schauen wir uns dies an, wenn sonst wenn sonst Aussage wir wissen, dass es immer nur zwei verschiedene Arten von Eingaben geben kann . Richtig? Wir wissen, dass es nur eine Stornierung geben kann und in OK, geben Sie Ihren Namen ein oder Sie stornieren? Das war's. Was wir hier haben, ist, wenn Ihr Name leer ist. Wenn Sie keine Namenswarnung hinzugefügt haben, dass Ihr Name leer ist, sonst Grunde warnen Sie im Grundein jeder anderen Situation einfach den Namen. Warum auf der Erde haben wir überhaupt die andere Aussage da drin? Wenn es immer nur zwei Szenarien gibt, müssen wir es immer nur tun. Wenn else Anweisungen, müssen wir nicht überprüfen, was der Name in der else-Anweisung ist. Denn, ehrlich gesagt, wird der Name immer wieder in die Warnmeldung wiederholt werden. Nun, wenn wir sicherstellen wollten, dass der Name etwas sehr, sehr spezifisches war , dann würden wir sagen, wenn sonst der Name gleich etwas anderes ist, und nur in dieser Zeit wird diese Anzeige. Also lasst es uns versuchen. Versuchen wir es mit einem anderen Namen. Was das macht, wenn Sie keinen Namen haben. Wenn Sie storniert haben, ist Ihr Name leer. Wenn der Name Henry ist, alarmieren Sie Henry. Sonst. Wenn es keines dieser Kriterien erfüllt, tun Sie nichts, und dies ist genau das gleiche wie eine leere L-Anweisung darin zu lassen. Der einzige Unterschied ist, dass Sie die else-Anweisung nicht drin haben müssen. Wenn nichts läuft, dann lass uns das loswerden. Speichern Sie es. Geben Sie Henry ein. Hallo, Henry. Aber als Beispiel, wenn wir einen anderen Namen eingeben, tippen Menschen in Prärie. Nichts passiert. Wir bekommen immer noch den Namen. Wir bekommen das Konsolenprotokoll, und das kommt immer genau hier. Aber es gab keine Warnung, also ist das ziemlich am tiefsten, wenn sonst, wenn else-Anweisung basierend auf Benutzereingaben, die Ihnen jemand wirklich vorwärts geben könnte , die if- und else if-Anweisungen werden wirklich nicht zu kompliziert. Aber in der Zwischenzeit möchte ich, dass du dieses Skript im Grunde nimmst, wenn du kannst. Ich würde es vorziehen, wenn du das ausschreibst. Es ist kein langes Skript, also wird es nicht lange dauern, aber das Schreiben gibt Ihnen ein wenig Muskelgedächtnis und Ihre Finger, so dass das Schreiben in Zukunft ein bisschen einfacher wird. Alles in Ordnung, eso das ist es für wenn sonst wenn und sonst Aussagen und wir werden Sie in der nächsten Lektion sehen. 17. Query Selektoren: Hallo. Willkommen zurück. Ich wollte ursprünglich ein paar grundlegende Konzepte der Programmierung in Javascript durchgehen . Aber um ehrlich zu sein, es wird ein bisschen trocken. Und ich denke, wir brauchen etwas Spannenderes, etwas ein wenig interaktives, etwas, das wirklich zeigt, warum Javascript so beliebt ist und warum es jetzt eine gute Programmiersprache , Ich denke, wir müssen ein wenig Interaktivität auf der Seite erstellen. Also, jetzt werden wir ein wenig HTML bearbeiten. Dieser Kurs basiert nicht auf HD Miller CSS. Also das Styling, das Sie den grundlegenden HTML sehen, ist sehr roh. Wir sind nicht hier, um eine schöne Website zu erstellen. Ich bin sicher, dass Sie HTML und CSS kennen und Sie können dies so schön machen, wie Sie wollen. Aber für die Zwecke dieser Lektion werden wir die Dinge einfach halten. Was wir heute lernen werden, sind Abfrageselektoren. Wie erhalten wir Informationen oder wie fügen wir Informationen zu der Seite hinzu? Also haben wir zwei Teile zu dieser Lektion, die ich gerne über die 1. 1 gehen möchte, ist wie fügen wir Informationen in die Seite und die zweite 1 ist, wie wir Informationen von der Seite greifen Jetzt erfordert ein Abfrage-Selektor entweder eine Klasse und ich d oder in Elementen. Nun, es gibt Möglichkeiten, das viel komplizierter zu machen, aber wir werden uns jetzt an den Grundlagen halten. Und zu diesem Zeitpunkt sollten Sie mit Ideen und Klassen sowie HTML und CSS vertraut sein. Also, was ich hier tun werde, ist, dass ich einfach eine Grundklasse schreiben werde. Eigentlich machen wir ein I D. Ich werde das Haupt nennen, also habe ich einen Diff namens Main mit der Idee von Maine da drin. Diese Idee ist sehr wichtig, und ich werde das leer lassen. Da wird jetzt nichts mehr über meinen Browser drin sein. Und ich sehe, wie der Rat geöffnet wird und was wir hier im Bereich Elemente sehen . Wenn ich den Körper runterschalte, können wir sehen, dass Maine da drin ist, falls Sie nicht wussten, dass Sie Informationen hier bearbeiten können , also machen Sie das ein wenig einfacher für Sie, hören zu sehen. Also habe ich das Wort getestet hinzugefügt und es hat es sofort auf meiner Seite hinzugefügt. Dann fügen Sie ein wenig mehr sagt und mehr hinzu, damit es Ihren zusätzlichen Leerraum nicht berücksichtigt , weil das HTML riecht, ist Ihr zusätzlicher Leerraum nicht schrecklich, es sei denn Sie sagen ihm explizit, dass es mehr Leerraum haben muss. Also werde ich das rückgängig machen. Ich werde über meine Konsole gehen und ich bin eine kreative Variable, und diese Variable wird nur Körper genannt werden. In der Tat brauchen wir den Balken nicht wirklich, und alles, was wir tun möchten, ist ein angehobener Dokumentpunkt-Abfrage-Selektor. Nun, der Grund, warum wir Dokument Punkt verwenden, ist, weil Abfrage-Selektor ist eine Methode, eine Funktion, die ein Teil des Seitendokuments ist. Also geben wir Cree selector ein und was suchen wir? Nun, wir suchen nach dem I. D. von Maine. Also wickeln wir dies in eine Zeichenfolge mit Klammern um ihn herum, weil es eine Funktion ist. Und genau wie Sie in CSS zielen, zielen Sie auf die gleiche Weise mit Abfrage-Selektoren ab. Also hier geben wir main es eingeben, und es gibt uns unser HTML. Wir können es da drin sehen, also wissen wir, dass es das Richtige ausgewählt hat. In der Tat, eigentlich, was ich werde zu dio, weil ich nicht will. Ich erstellt zu viele Variablen mit verschiedenen Namen. In der Tat, was ich werde, um sie zu benutzen und das zu klären, da wir Maine haben, ist gleich zu meinen. Ich möchte sicherstellen, dass Maine mir auf diese Weise gleich ist. Niemand wird verwirrt über das Körperelement Haupt. Wenn wir irgendwelche Informationen in dieses Element hinzufügen wollten, fügen wir inneres HTML hinzu. Und wenn wir anfangen, das Wort dot inner einzugeben, erhalten wir innere Punkt-HTML-Klammern in einem offenen String und sagen, Hallo, Welt. Wieso hat das nicht funktioniert? Wir verwenden Klammern. Wir haben eine Zeichenfolge wie im Abfrageselektor verwendet, aber es gab uns ein Versprechen, dass HTML keine Funktion ist es. Wenn Sie so etwas sehen, liegt es daran, dass es buchstäblich keine Funktion ist. Es gibt nichts zu rennen. Stattdessen möchten Sie den tatsächlichen Wert ändern. Die innere HTML ist, was innerhalb Ofenelement gehalten wird. Das ist, was Javascript sieht es, als. Es sieht es als eine Eigenschaft, keine Funktion, sondern wie ein Attribut, genau wie Sie dunkle Haare oder blaue Augen haben könnten. Oder du trägst ein grünes Hemd. Es ist eine Eigenschaft dessen, wer du bist oder was du trägst, und das werden wir bearbeiten. Anstatt also zu versuchen, die grundlegenden Eigenschaften einer Person zu ändern, um sie dazu zu bringen ihre Hemdfarbe zu ändern, werden wir einfach Ihre Hemdfarbe ändern, weil es nicht so kompliziert sein muss. Also hier geben wir Hauptpunkt minderjährig weiblich ist gleich hallo Welt, und wir sehen, dass es automatisch erscheint. Also, jetzt bekommen wir viel interaktiver sind JavaScript tatsächlich in der Lage, Dinge zu bearbeiten, die auf der Seite sind, solange es weiß, was zu suchen ist. In diesem Fall sucht er nach dem I. D. von Maine, von dem wir wissen, dass es jetzt hier ist. Wenn wir uns das Element ansehen, hat es tatsächlich hinzugefügt, Hallo, Welt für uns. Wenn wir also wollten, könnten wir hier reingehen. Wir könnten diese Hello Welt bearbeiten, um in ihrem Konsul auftauchen zu können, wir könnten das gleiche wieder ausführen , und es wird es einfach so überschreiben, wissen Sie, wenn wir mehr hinzufügen wollen, wir kann einen arithmetischen Operator verwenden. Wir sagen, Maine dachte Schnittstelle E-Mail ist gleich, was auch immer es derzeit ist plus hallo Welt . Also, anstatt Hello Welt hinzuzufügen, werden wir eine weitere Zeile in hier hinzufügen, die nur sagt, dass ich Dinge bearbeiten Seite. Und jetzt schauen wir hier hoch und sagen: Hallo, Hallo, Welt. Ich bearbeite diesen Patienten. Wir haben beide Sätze da drin. Aber was, wenn wir die Informationen von dort bekommen und diese in einer bearbeiteten Variable speichern und wieder auf die Seite setzen wollten ? Nun, können wir auch tun . Lassen Sie uns eine neue Variable namens Inhalt erstellen Variablenname ist unwichtig. Sie können es nennen, was auch immer Sie wollen, sagen main dot inter html. Und jetzt kommen wir jedes Mal, wenn wir Inhalte schreiben , zu den aktuellen Inhalten. Was passiert jetzt, da wir die Inhaltsvariable erstellt haben, die Hello Welt hat? Ich bearbeite diese Seite als String. Was passiert, wenn wir Theater-HTML erneut bearbeiten? Nur Inhalt ändern. Nun, lasst uns herausfinden, Hauptpunkt im Alter, weißt du? Nun, wir wissen, dass das dasselbe ist. Lass uns weitermachen und das ändern. Und wir fügten das Wort editiert hinzu. Was passiert nun, wenn wir Kontakt erneut eingeben? wurden keine Inhalte so gespeichert, wie wir die Informationen ursprünglich erfasst haben. Also, nur weil Sie Informationen in einer der Variablen aus der Eingabe A gespeichert haben, bedeutet sie nicht, dass Sie das in Ihrem HTML wieder ändern können und Ihren Inhalt ändern können. Das ist eine sehr, sehr gute Sache. So haben wir jetzt den ursprünglichen Inhalt. Wir haben das Wort nicht bearbeitet. Das ist perfekt. Das ist genau das, was wir wollen. Aber jetzt wollen wir Inhalte bearbeiten und zurück auf die Seite werfen. Wir möchten die Seite basierend auf was bearbeiten? Was es früher war. So kleiden Sie sich als Demonstration. Wir werden den Inter HTML ändern, um mich bitte zu entfernen. Wir wissen, dass der Inhalt immer noch so ist, wie er ursprünglich war. Also lassen Sie uns jetzt Kontakt Inhalt bearbeiten ist gleich Well, was wollen wir damit tun? Wir können es in Großbuchstaben ändern, um Inhalt in Großbuchstaben. Nun, eine schöne Sache in JavaScript ist diese Fähigkeit, Methoden zusammen zu String-Also könnten wir zu Großbuchstaben sagen und dann könnten wir auch sagen, dass Punkt Gesichter durch Bindestriche ersetzen. Und was passiert, wenn wir schlagen? Geben Sie ein? Es hat genau das getan, was wir wollten. Eso drehte es alles in Großbuchstaben. Wir haben unseren ersten Raum durch einen Bindestrich ersetzt. Weil wir nicht gesagt haben, dass sie alle Räume ersetzen soll. Wir haben gerade gesagt, dass er die 1. 1 seiner Art ersetzen soll. Also, wenn wir den Hauptpunkt in ihr eingeben, ist HTML gleich dem Inhalt. Wir haben den Inhalt der Seite geändert. jedoch Dabei überschrieben wirjedoch die ursprüngliche Inhaltsvariable und es ist nicht mehr das, was sie früher war. Das können wir nicht mehr zurückbekommen. 18. Query Selektoren Teil 2: wir werden ein anderes Beispiel machen. Wir werden eine Eingabe erstellen. Wir werden stattdessen einen Klassenwähler verwenden und wir werden dieses Textfeld aufrufen, um einen Eingabetyp zu haben . Ist Steuerklassen, Textfeld und innerhalb dieses Textfelds. Wir gehen davon aus, dass jemand irgendeine Art von Informationen hier eingegeben hat. Einige Informationen in hier gehen wir zurück zu einer Seitenaktualisierung. Wir haben ein grundlegendes Eingabefeld, genau wie einige Informationen hier jetzt, wie bekommen wir diese Informationen? Es ist nicht dasselbe, wie wir es mit Main gemacht haben. Lassen Sie uns das versuchen. Lassen Sie uns tun txt ist gleich Dokumenten. Doctor Query, Selektor Was ist der Selektor, den wir suchen nach Punkt-Textfeld Punkt Als die Klasse genau wie in CSS cool. Das gibt uns das ganze Element. Wir haben das gesamte Element hier zu modifizieren. Was passiert, wenn wir das tun? Txt nicht in ihr. HTML war gleich dem Test Rückgabetest. Es sah nicht so aus, als hätte es da drin etwas verändert. Nun, okay, ändern Sie den inneren HTML-Code der Eingabe. jedoch Eingabe istjedocheines jener Elemente, die kein inneres HTML haben. Es ist ein selbstschließendes Etikett. Es gibt nur einen. Ist es nicht. Es ist nicht wie ein div oder ein Textfeld oder ein Textbereich. Vielmehr sieht das Eingabefeld im Allgemeinen nur so aus. Das ist dein Eingabefeld. Wie sehen wir also die Eingabe an, die wir ändern wollten? Wie sehen wir das auf der Seite? Der Trick hier ist, dass wir keine inneren HTML-Bearbeitung und Attribute mehr bearbeiten. Wir wollen den Wert ändern, den wir wollen, um den Wert zu Tribut ändern. Stattdessen geben wir txt ein und dann ist der Attributname gleich einem neuen Attributwert. Und jetzt können wir sehen, dass sich auch der Wert des Textfelds geändert hat. Nun, wenn wir diese Informationen erhalten wollten, ist das Erstellen einer neuen Variablen namens Eingabe gleich dem txt Punktwert. Und wenn ich die Eingabe alarmiere, gibt es uns genau das, was auf der Seite ist. Aber was, wenn ich es dynamisch auf der Seite geändert habe? Was ist, wenn ich ein Jahr bin? Ich schaue mir den Code nicht an, oder? Als Benutzer möchte ich nur normal mit der Seite interagieren, also werde ich hallo sagen. Mein Name ist Length und ich wollte diese Informationen noch einmal bekommen. Nun, ich weiß, dass ich es alarmieren möchte und ich weiß, dass ich diese Informationen nochmal bekommen muss. Also, was passiert, wenn ich dio txt Punktwert? Wir erhalten den Wert des Eingabefeldes jetzt ist es perfekt, aber das könnte ein wenig verwirrend sein. Wie kommt es, dass es hier funktioniert hat, aber es hat im vorherigen Beispiel nicht funktioniert. Wenn wir den inneren HTML-Code ändern, heißt das nicht, dass es tatsächlich nicht funktioniert hat, funktionierte es so, wie wir es wollten. jedoch Es gibtjedocheinen kleinen Unterschied, weil wir mit einem Wert arbeiten. Also, was wir hier tun, ist, dass wir die txt-Variable von hier oben greifen. Und wir wissen, dass dies diese Eingabe dieses ganzen Elements auswählt. Nun hat die Variable den Wert dieses Elements nicht gespeichert. Doch diese Variable bezieht sich einfach auf das gesamte Element. Jedes Mal, wenn sich der Wert ändert, können wir voran gehen und den neuen Wert erhalten, weil wir den nicht in einer Variablen gespeichert haben. Nun, wenn wir taten, Daten sind gleich txt dot Wert wir erhalten Hallo, Mein Name ist Lampe. Wenn wir txt ändern , ist dieser Wert gleich etwas anderes. Geben Sie die Daten erneut ein. Es ist wieder da, wo es war, also nimmt es im Grunde einen Schnappschuss, wo die Daten waren, was sie waren. Ah, und speichert es in einer Variablen für Sie. Ich wollte das in HTML auskommentieren, damit es nicht angezeigt wird, und ich gehe zurück zu Maine und ich werde einige dieser Stilattribute ändern, denn in Javascript ist eine sehr häufige Sache, die Sie tun möchten, Klassen hinzuzufügen, Entfernen Sie Styling, fügt Styling hinzu. Sie wissen, Sie möchten Ihr CSS im Grunde manipulieren, weil CSS extrem statisch ist. Möchten Sie es von Zeit zu Zeit ändern? Die Seite aktualisieren? Ich habe absolut nichts da sah meine Elemente. Ich weiß, dass Maine da ist. Meine Eingabe ist auch da, aber es ist auskommentiert. Damit werden wir nicht arbeiten. Die Haupt se Haupt ist gleich Dokument Di Query Selektor Cool. Es hat den richtigen ausgewählt. Nun, wenn ich den inter html Perfect ändern möchte. Jetzt haben wir etwas Text auf der Seite und wenn ich den Stil ändern möchte, sagen wir Hauptpunkt-Stil Punktrahmen, weil dies ein Objekt eine Punktnotation Art Sprache orientiert ist . Es sucht nach dem Stil und dann sucht es nach der spezifischen CSS-Stilreihenfolge ist wie eine Zeichenfolge man einfarbig rot auswählt, und jetzt haben wir einen einfarbigen roten Rand um ihn herum. Eine Sache, die Sie nicht tun können , ist, wenn Sie nur die Reihenfolge nach oben hinzufügen möchten, fügen Sie stattdessen keine Striche hinzu, Sie Kamelfall es und es wäre Grenze. Und statt des Strichs, verwenden Sie die Hauptstadt T. Das ist eigentlich ein schlechtes Beispiel, weil wir bereits eine Grenze haben. Lasst uns etwas anderes benutzen. Hauptpunkt-Stil Punkt klopfen oben ist gleich Lassen Sie uns dieses absurd machen und sagen, 50 Pixel Nun, da Polsterung nur auf der Oberseite stattfand und was passiert Und ihre Seite ist wo es Stil sagt. Wir ändern jetzt die Stilattribute. Wir haben es in keinem HTML ein verblüffendes Attribut gegeben, aber JavaScript smart genug, um das zu erkennen. Okay, das kann so ziemlich alles im HTML-Kabinenstil haben. Also geht es voran. Es erstellt das Attribut für uns, und es füllt es mit den Informationen, die wir ihm gegeben haben. Wir gaben ihm einen Stil von einem Pixel, solide rote Grenze mit einem 50 Pixel klopfte auf der Oberseite. Nun, wenn Sie nicht mit dem Bearbeiten von CSS vertraut sind, ist nur eine kurze kleine Erinnerung, wenn Sie auf Ihrer Elementseite sind, können Sie diese auch umschalten. Und wenn Sie nicht mögen, was Sie sagen, können Sie es immer direkt den HTML-Code hinzufügen. Okay, das ist also Abfrage-Selektor in Kürze. Was ich möchte, dass Sie tun, ist ich möchte, dass Sie Element auf Ihrer HTML-Seite erstellen. Ich werde Ihnen auch die Projektdateien geben, Element auf Ihrer HTML-Seite erstellen und dann Ihren Konsul öffnen und einen Abfrage-Selektor schreiben Grab, der es in eine Variable einfügen, wie Sie mit Main gesehen haben, ist gleich dem Dokument-Dockery-Selektor . Dann möchte ich, dass Sie den inneren HTML-Code ändern und dann möchte ich, dass Sie das Styling ändern. Und es muss nicht nur die Grenze der Polsterung sein. Probieren Sie andere CSS-Eigenschaften aus, die Sie kennen. Es könnte Rand Hintergrundfarbe sein. Es könnte die Schriftfarbe sein, und dann möchte ich, dass du im Grunde dasselbe tust. Aber anstatt einen I D Select oder Klasse Wähler zu verwenden, nur Elemente, Wähler, sehen, was passiert, wenn Sie den gesamten Körper auswählen und Sie die Hintergrundfarbe auf dem Körperändern Körper 19. Einführung in die Funktionen: Hallo schon wieder. In dieser Lektion werden wir jetzt über Funktionen sprechen. Funktionen sind wiederum ein sehr wichtiger Teil der Programmierung. Es ist in jeder Programmiersprache, und was im Wesentlichen eine Funktion ist, dass sie Menge an Code festlegen, den Sie immer und immer wieder ausführen können ohne ihn immer und immer wieder kopieren und einfügen zu müssen. Dies fällt in Einklang mit D R Y, die Augen ist die trockene Methodik von Do not repeat yourself. Also, wenn Sie Code schreiben, versuchen Sie nicht, den exakt gleichen Code immer und immer wieder zu wiederholen. Wenn Sie jemals den gleichen Code wiederholen müssen, sollte es in eine Funktion gehen. Aber eine Funktion kann auch Parameter oder Argumente nehmen, und im Grunde, was sie tut, ist, dass Sie Informationen eingeben, und es spuckt ein wenig Informationen aus. Lassen Sie uns also einen Blick auf eine schnelle Beispielfunktion werfen. Eine Beispielfunktion beginnt immer mit der Wortfunktion, und so weiß JavaScript genau, was das ist. Und dann gibst du ihm einen Namen und du kannst ihn so ziemlich wie alles benennen. Bleiben Sie bei den gleichen Namenskonventionen wie Variablen. Fangen Sie nicht mit Nummer an. Verwenden Sie keine Bindestriche. Im Grunde geht alles andere so für diesen. Wir sind es nicht zusätzlich genannt, und wir werden nur zwei Zahlen zusammen hinzufügen. Das ist alles, was wir tun werden. Das sieht also viel wie eine else - Anweisung aus, wo wir die Klammern haben und dann unsere geschweiften Klammern haben, und alles in den geschweiften Klammern ist Teil der Funktion. Wenn wir Zahlen zusammen hinzufügen möchten, können wir diese Funktion immer und immer wieder ausführen. Also, was auch immer hier drin ist, wird in der Lage sein, immer wieder zu laufen. Nun, nur weil Sie jemals eine Funktion geschrieben haben, bedeutet nicht, dass sie ausgeführt wird. Es ist in einem Teil Ihrer Anwendung registriert, aber Sie müssen ihm tatsächlich einen JavaScript-Befehl geben. Du musst es sagen, Oh, Oh, geh und führe diese spezielle Funktion aus. Um das zu tun, korrigieren Sie einfach den Funktionsnamen ohne die Wortfunktion davor. Geben Sie ihm die Klammern, die es braucht, und das sagt Javascript, nur mit diesen Klammern, das ist eine Funktion und es wird es ausführen. Also lassen Sie uns das hier eine Warnung geben. Hallo. Ich bin jetzt eine Funktion, wenn ich diese Seite öffne und ich sie aktualisiere Dies ist die Bühne weiblich hier, übrigens. Es ist nur aus der vorherigen Lektion, die wir behalten werden. Hinzufügen dazu ist HTML, da eine Lektion sowieso auf einem anderen geht. Also aktualisieren Sie die Seite und sagt, Hallo, ich bin eine Funktion. Aktualisieren Sie die Seite. Hallo, ich bin eine Funktion. Wenn ich diesen Mantel auskommentiere und die Seite erneut aktualisiere, passiert nichts. Ich erfrische immer und immer wieder, und nichts passiert. Das liegt daran, dass JavaScript weiß, dass die Funktion existiert, aber es weiß auch, sie noch nicht auszuführen, bis es gesagt wird, dies jetzt zu tun. Diese Funktion ab sofort istab sofortnicht sehr nützlich. Was wäre, wenn wir einen bestimmten Satz Code ausführen wollten, der nur nach jemandem Namen fragt? Genau wie in früheren Beispielen, die wir gut gemacht haben, können wir Variablen innerhalb einer Funktion erstellen, die gleichnamige gleich ist. Und lass uns Krump, wie ist dein Name? All dies wird also tun, ist zu fragen, wie Ihr Name ist und Hallo Name sagen? Wir haben das schon mal gesehen, aber der Unterschied ist, dass es diesmal in einer Funktion ist. Also sage ich, wenn Refresh, steht es, wie ist Ihr Name? Ich werde meinen Namen da reinlegen. Hallo, Caleb. Nichts Schickes. Nichts, von dem wir noch nicht wissen. Der einzige Unterschied ist, dass wir dies im Wesentlichen von einem Befehl aus ausführen. Und wenn wir das immer und immer wieder ausführen wollten, könnten wir diesen und anderen Code setzen, den wir sagen könnten, Wenn heute gleich ist wie Sie wissen, Mittwoch müssen Sie heute zuweisen, was auch immer der Tag ist. In diesem Fall wäre nur W e d. Dann zusätzlich sonst Tradition. Also, jetzt schreiben wir diese beiden Codezeilen hier nicht zweimal. Wir benutzen nur diese eine Zeile zweimal. Und so erstellt es diesen Verweis zurück auf das, was der ursprüngliche Codesatz tun soll. Und jetzt wiederholst du dich nicht. Es hat keinen Sinn, dasselbe immer und immer wieder zu tippen. Wenn Sie es einmal eingeben könnten und es jedes Mal auf die gleiche Weise laufen lassen. Fahren Sie nun mit diesem Beispiel fort. Lassen Sie uns wirklich etwas hinzufügen hier. Lassen Sie uns tun Nummer eins ist gleich 15. Num num zwei ist gleich 89 und alert. Taub eins. Außerdem bin ich zu dran. Dann lass uns das Zeug loswerden. Speichern Sie es, aktualisieren Sie die Seite gibt mir 104. Das ist, weil es hinzugefügt 15 mit 89 gerade zurückgegeben, dass jetzt. Ah, Funktion sollte etwas nicht alarmieren, wahr? Alert ist im Allgemeinen, eigentlich nur eine schlechte Praxis. Es ist gut für das Debuggen, aber wirklich, Warnungen sind. Es ist eine alte Schule JavaScript-Sache, die die meisten Entwickler nicht mehr verwenden. Nehmen wir an, wir wollten diese beiden Zahlen 15 und 89 in eine Variable zusammenfügen. Nun, wie bekommen wir die Summe? Die 104 Zahl, die wir in eine Variable außerhalb der Funktion gesehen haben, weil wir dio total ist gleich jemandem plus taub zu genial. Was machen wir damit? Nun, lassen Sie uns versuchen, diese Funktion auszuführen und dann mal sehen, was passiert, wenn wir Alerts insgesamt ausführen. Aktualisieren Sie die Seite. Ich bekomme 100 und vier cool. Was passiert, wenn ich dies über den Zusatz schiebe? Nichts geschieht und erfrischend. Nichts passiert. Warum ist das? Nun, wenn ich meine Konsole aufmache, haben wir hier keine Luft. Summe ist jetzt nicht definiert. Warum ist das? Das liegt daran, dass Javascript nicht weiß, dass dies existiert, obwohl total hier ab diesem Zeitpunkt richtig ist , es wurde nicht wieder deklariert. JavaScript ist sich dieser Funktion bewusst. Es kennt den Inhalt nicht, bis er ausgeführt wird. Wenn wir das also nach unten verschieben, speichern, die Seite aktualisieren, gibt es uns die Nummer, nach der wir suchen. Aber was passiert, wenn wir das hier behalten? ADV sind davor? Aktualisieren Die Seitensumme ist nicht definiert. Obwohl es vor einem Moment definiert wurde, ist es nicht mehr definiert. Nun, warum ist das? Das liegt daran, dass Var eine Variable innerhalb eines Bereichs deklariert. Nun Umfang ist dieses Konzept, dass Variablen Onley innerhalb bestimmter Bereiche existieren können. Wenn Sie also ah haben, funktionieren Sie jede Funktion mit var und dann haben Sie eine Variable, sie können immer nur innerhalb dieser Funktion zugegriffen werden. Also denkst du in dieser Zeit vielleicht, , warum zum Teufel sollte ich das jemals wollen? Warum sollte ich nicht wollen, dass Total außerhalb mit dieser Funktion zugänglich ist, nachdem ich sie ausgeführt habe? Und das ist eine faire Frage, und die ehrliche Antwort ist, dass Sie nicht wollen, dass Variablen aus ihren Bereichen bluten. Manchmal ist es aus Sicherheitsgründen. Manchmal ist es für Effizienz. Manchmal ist es nur, um Ihren Code sauber zu halten, aber Sie möchten diese nicht außerhalb Ihrer Funktionen verwenden. Also, wenn wir es nicht so benutzen sollen, wie zum Teufel sollen wir außerhalb der Funktion total werden? Nun, hier kommt das schöne Schlüsselwort zurück. Wir kehren insgesamt zurück. Also total wurde hier deklariert, es ist die Zugabe von Nummer eins, plus taub, um diese Summe zurückzugeben. Und wenn wir dies auf unserer Seite ausführen, erhalten wir immer noch Total ist nicht definiert jetzt. Warum ist das? Denn was Rückkehr tut, ist es OK, ich werde diese Funktion ausführen, und ich werde dies als die Definition einer Variablen zurückgeben. Also, wenn wir haben und wir das viele Male getan haben, eso, wenn wir Variablennamen getan haben, ist gleich John. Wir wissen, dass dies der Wert der Variablen namens John ist, aber stattdessen, was wir können dio ist, wir können sagen, Lassen Sie uns eigentlich einfach Dinge gehen bei Variable Total oder nennen wir es New Total ist gleich Addition . Anstatt also zu sagen, dass dies 104 als String oder Ganzzahl ist oder anstatt 15 plus 89 zu sagen wir alles, was wir sagen, ist zu speichern, was auch immer diese Funktion die Summe herausfindet, die in dieser Variablen ist. Also, jetzt, wenn wir sagen Alarm Neue Gesamt, das wird uns 104 geben. So gehen Sie zurück auf die Seite Refresh 104, wie wir erwartet. Jetzt innerhalb Ihrer Funktion können Sie innerhalb Ihrer Funktiondas gesamte JavaScript in der Welt ausführen. Idealerweise sollte es niemals außerhalb Ihrer Funktion lecken, dass Ihre Funktion ein enthaltener, spezifischer Satz von Anweisungen sein sollte , die Sie immer und immer wieder verwenden können. Aber sagen wir, wir wollen das anpassen. Wir wollen Nummer eins und Nummer zwei gut anpassen, jedes Mal, wenn wir laufen, wird diese Funktion immer 15 bzw. 89 sein. Das wollen wir nicht. Funktionen werden normalerweise am besten verwendet, wenn sie extrem dynamisch sind, und das einzige, was wir tun möchten, ist, dass wir taub eins plus taub zu automatisieren, anstatt sagen, Nummer eins und Nummer zwei sind immer genau die gleichen Zahlen und sagte, wir geben ihnen Parameter oder Argumente und alles, was wir dio ist, dass wir eine neue Variable innerhalb der Klammern erstellen , durch ein Komma und eine andere neue Variable getrennt. Nun ist dies der Name, wie Sie hier sehen können, taub zu taub zu taub eins mit Nummer eins übereinstimmt. Also lasst uns weitermachen. Löschen Sie dies, denn sobald diese Funktion ausgeführt wird, wird sie diese Variable innerhalb der Funktion erstellen, und sie ist nur innerhalb dieser Funktion zugänglich. Also, wenn wir diesmal verschiedene Zahlen gemacht 10 und 15, sagen wir Run Edition. Die erste Zahl sollte 10 und die zweite Zahl 15 sein. Die Funktionen gehen dann Nummer eins zu nehmen, die 10 taub ist, zu denen 15 insgesamt sie zusammen. Bringen Sie das in eine neue Variable für uns zurück. Wenn wir diese neue Variable alarmieren, werden wir bekommen, was die Summe sein wird. Also werde ich diese Aktualisierung speichern. Und sobald diese Aktualisierung, wird das mit Nummer 25 genau so alarmieren. Warum ist das nützlich? Aber Sie können einen Rechner erstellen. Es ist ziemlich einfacher Rechner, aber Sie können einen Rechner erstellen, der nur die Zusatzfunktion hat jetzt. Aber was, wenn wir mehr hinzufügen wollten? Was wäre, wenn wir eine andere Ausgabe machen wollten Also, anstatt insgesamt laufen zu müssen, ist gleich Melodie Nummer eins plus taub zu oder explizit harte Nummern in unser Programm oder Anwendung zu müssen , können wir jetzt jede andere Zahl in der Welt, und was ich tun werde, ist, anstatt zu warnen, ich werde zu Konsole, Protokoll, Konsolenprotokoll Protokoll , neue Gesamt-Komma, die Summe. Um das zu speichern, werde ich die Seite aktualisieren, anstatt die Antwort auf die Seite zu warnen. Es wird in der Konsole angezeigt. Also traf ich um fünf, und da haben wir 25 und 1114 jetzt das ist die Hinzufügung von diesen zwei Zahlen und diesen beiden Zahlen. Jetzt haben wir also eine Funktion, die dasselbe immer und immer wieder macht. Völlig ehrlich zu dir. In diesem Kurs geht es nicht um Zuckerbeschichtungen, wie Sie vielleicht schon erlebt haben. Aber diese Funktion ist ehrlich, es ist Unsinn. Es gibt keinen Grund, dass diese Funktion wirklich existieren sollte. Aber wenn Sie es wollten, könnten Sie diese Funktion deutlich komplexer machen. Sie könnten taub nehmen Sie erhalten multipliziert mit Pi Sie könnten taub nehmen, und Sie könnten durch das, was selbst ist, Sie könnten taub zu nehmen, und Sie könnten Platz verwurzelt durch die Zahl, die Sie wollen. Nun, Sie müssen sich nicht mehr an diese Formel erinnern. Oder wenn Sie eine bestimmte mathematische Formel haben, richtig, so wird es taub ein mal im Grunde Kuchen und dann geht Adam zwei geteilt durch acht. Ich kann das nicht in meinem Kopf tun, also werde ich das retten. Und was passiert, wenn ich die Seite aktualisiere? Es gibt mir eine sehr genaue Nummer. Also jetzt macht es grundlegende Mathematik für uns und kaufen Basic. Ich meine Multiplikationszugabe, und Division ist immer noch grundlegend, aber ich habe diese Formel nur einmal geschrieben. Ich muss mich nie wieder daran erinnern. Das einzige, was ich tun sollte, ist, Kommentare um diese Funktion hinzuzufügen, was genau sie tut. Also, was ich möchte, dass Sie für diese Lektion tun, ist, dass Sie eine neue Funktion erstellen. Es muss keine Addition sein. Es könnte heißen, was immer Sie wollen. Sie können so viele Parameter haben, wie Sie möchten. Es könnte ein Parameter sein. Es könnte 30 Parameter sein, obwohl das vorzugsweise nicht tun. Vielleicht halten Sie sich an ein Limit von etwa vier Parametern bei Max, nur weil es viel sein wird, sich daran zu erinnern, was Sie innerhalb Ihrer Funktion tun. Und es ist mir egal, was Sie innerhalb Ihrer Funktion tun, solange Sie es als Variable in Ihrer Funktion speichern und für sie zurückgeben. Alternativ können Sie dies nehmen, und es wird die exakt gleiche Nummer für Sie zurückgeben, ohne sie in einer Variablen zu speichern. Ich habe das nur aus Gründen der Klarheit gemacht, aber ich möchte, dass Sie zurückgeben, was auch immer Sie sind, Funktion soll zurückkehren und es dann in zwei neue Variablen werfen und es nennen, ein Protokoll geht aus, genau wie ich es mit diesem Video getan habe . In der nächsten Lektion werden wir ein paar andere Funktionen als eine Demonstration erstellen, weil Funktionen so unglaublich wichtig sind. Ich möchte sicherstellen, dass dies wirklich in Ihr Gehirn gebohrt wird, denn wieder, das ist etwas, das Sie von JavaScript in jede andere Programmiersprache der Welt nehmen können . Also machen Sie diese Aufgabe schnell und dann machen wir ein paar Beispiele. Ein paar weitere Beispiele für Funktionen im nächsten Video 20. Funktionsbeispiele: in dieser Lektion. Ich möchte nur ein paar weitere Beispiele dafür ansehen, was Sie in einer Funktion tun können, und das ist wirklich nicht auf irgendetwas beschränkt. Sie können jedes JavaScript innerhalb einer Funktion ausführen, aber Funktionen oder etwas, mit dem Sie jeden Tag arbeiten werden. Und ich möchte sicherstellen, dass Sie wirklich verstehen, was so ist, wenn Sie nicht ein vollständiges Verständnis davon haben , welche Funktionen sind noch in diesem Video ist definitiv für Sie. Also im letzten Video haben wir zusätzlich Funktion erstellt, und alles, was es getan hat, war zwei Zahlen zusammen hinzuzufügen. Stattdessen lassen Sie uns weitermachen und ein paar verschiedene andere Funktionen erstellen, und das ist wirklich nur zum Beispiel Zwecke. Diese sind im wirklichen Leben vielleicht nicht praktisch, aber ich möchte Ihnen nur zeigen, was sie tun können und können, oder vielmehr wissen, was sie nicht tun können , genau das, was sie tun können. Denken Sie daran, dass Sie immer mit einem Funktions-Schlüsselwort beginnen, und das ist ein reserviertes Wort. Rufen Sie also nicht Ihre Variablen auf. Das Wort Funktion bekommt, dass geht Zeh verursachen ein wenig, ah, Schmerzen in Ihrem Leben als Entwickler. Also diese Funktion, nennen wir es einfach get name und diese wird überhaupt keine Parameter nehmen. Nun, wenn wir uns ihren Index Punkt html betrachten, haben wir von einer vorherigen Lektion gehen in diese, wir haben ein Eingabefeld namens Textfeld. Ich werde das in Namen und Namen ändern. Hier ist, was sich der Wert tatsächlich ändern wird. Ich will nicht, dass Namie Aziz einen echten Namen John Smith hat. Und nur damit Sie sehen können, wie diese Seite aussieht, alles, was wir haben, ist Eingabefeld namens John Smith. Das ist das einzige, was sichtbar ist, geht zurück zu einem JavaScript. Lass uns voran gehen und diesen Wert bekommen. Wir wollen diesen Namen erhalten, so dass wir eine neue Variable erstellen und wir wollen, dass diese sehr Variable lokal für die Funktion ist. So verwenden wir VAR Name ist gleich Dokument Punkt Abfrage, Abfrage, Selektor und wir wollen durch seine Klasse Namen des Namens ausgewählt. Wenn Sie sich an eine vorherige Lektion erinnern, habenwir Zugriff auf dieses gesamte Element, sobald wir dieses Element auswählen. Wenn Sie sich an eine vorherige Lektion erinnern, wir Zugriff auf dieses gesamte Element, sobald wir dieses Element auswählen Wir haben Zugriff auf seine innere HTML, die es keinen gibt, weil es ein selbstschließendes Tag ist. Wir haben Zugang zu seinem Wert. Seine Klassen geben alle anderen Eigenschaften und Attribute ein, die wir ihm geben können. Wir haben jetzt Zugriff auf all das, aber alles, was wir wollen, ist der Name. Also lassen Sie uns von Name zu Name Element ändern, weil das nur das Element des HTML-Elements ist. Und lassen Sie uns den Namen als Namenselement Punktwert erhalten. So wissen wir, dass name-Element die Namenselemente hier auswählt, und wir werden den Wert greifen, der diese Eigenschaft oder dieses Attribut entspricht. Cool. Also, jetzt haben wir einen Namen. Was, wenn wir diesen Namen mutieren wollen? Was, wenn wir es etwas ändern wollen? Was, wenn wir sagen, dass der Nachname Smith zu häufig ist und es etwas anderes sein muss? Wenn der Nachname Smith auftaucht, ersetzen wir ihn automatisch. Nun, was wir tun können, ist, dass wir eine neue Variable erstellen können. Es wird es einen neuen Namen nennen, ist, dass er Dot Smith durch Aufruf ersetzen könnte und um diese Funktion auszuführen , laufen wir einfach, bekommen Namen. Ich aktualisiere diese Seite. Absolut. Es wird nichts passieren. Ich habe meine Konsole geöffnet und nichts ist passiert. Nun, warum ist das? Weil diese Funktion nichts zurückgibt. Wenn wir sagten Alarm neuen Namen, es wird diese Funktion ausführen. Es wird das Zeug nicht laufen. Es erkennt, dass es da ist, aber es wird den Code erst hier ausführen. Ich werde voran gehen, speichern, die Seite zu aktualisieren, auf der ich John Colleen kriege, wer auch immer das sein könnte. Aber wir wollen den Namen nicht lernen. Niemand benutzt Alarme mehr. Also, was wir tun wollen, ist, wollen wir einen neuen Namen zurückgeben und anstatt nur Dysfunktion ausführen , die es immer noch ausgeführt wird. Aber wir haben noch keinen Zugang zu irgendwas. Wir werden eine andere Variable namens aktueller Name erstellen, die den Namen von Der Eingabebereich wird Smith durch Verkaufen ersetzen, und es wird uns geben, was auch immer dieser Name ist. Also, jetzt, wenn ich sagte Konsulat log aktuellen Namen, aktualisieren Sie die Seite, Ich bekomme den aktuellen Namen. Das ist der Name, der hier drin ist. Wenn ich also auf meine Indexseite ging, ändere das von John zu Caleb Refresh. Ich habe jetzt Caleb erzählt. Das liegt daran, dass es diesen Wert ergreift und Smith verändert. Zu groß, mager. Aber was, wenn wir mehr tun wollten? Was, wenn wir nur den Vornamen bekommen wollten? Wir können eine andere Funktion namens get first name erstellen, und wir wollen den gesamten Namen für erhalten, so dass wir nicht alles über kopieren müssen. Wir könnten, aber das bricht das Prinzip „Wiederholen Sie sich nicht. Ihr Code sollte immer trocken und trocken bleiben. Wiederholen Sie sich nicht, falls Sie das nicht erwischt haben. Okay, also was ich jetzt tun werde, ist der Variablenname gleich dem Namen. Dieser Name steht überhaupt nicht in Konflikt mit diesem Namen, da sie sich in verschiedenen Funktionen befinden. Diese Variable hier ist völlig unbewusst, dass etwas hier drin existiert. Und jetzt können wir die gleichen Namen immer wieder in verschiedenen Funktionen verwenden. Und während Name Mehrdeutigkeit war manchmal sehr schwierig Sache zu arbeiten, weil einige Namen , oder einfach nur natürlich mehrdeutig, erlaubt es uns, Nate Variablen wie Namen einen gemeinsamen Variablennamen immer und immer wieder zu verwenden. Nun, das ist großartig. Wir haben den Namen. Was passiert, wenn wir Alarm ausführen? Name? Ich wollte die nicht auskommentieren und rennen. Erhalte Vornamen, speichere, aktualisiere und ich bekomme den richtigen Namen wieder, obwohl die Eingabe Caleb Smith ist und sich als Caleb erzählt erwies, und das liegt daran, dass es jetzt eine Funktion innerhalb einer Funktion ausführt. Nun, das ist ziemlich cool, aber wir wollen nur den Vornamen. Wie brechen wir also eine Saite in verschiedene Bits und Stücke? Nun, wir können split verwenden, was im Wesentlichen wird, wenn wir sagen, dass es das Wort basierend auf all diesen Leerzeichen in der Zeichenfolge brechen soll. Der Vorname der Variablen ist also gleich Name, nicht geteilt. Und das ist alles, was wir jetzt tun werden, anstatt zu warnen, dass dies besser angezeigt wird, wenn ich diese Speicheraktualisierung protokolliere . Und das ist ein Array, das wir sagen können, weil das Proto ein Array ist und es gibt zwei Stücke, um es kam und völlig in, aber wir wollen nur den Vornamen. Jetzt wissen wir mit dem Array-Datentyp , den wir vor einiger Zeit gelernt haben, dass die 1. 1 immer mit der Indexnummer Null beginnt. Was ich also tun kann, ist den Vornamen Null zurückzugeben, und das ist jetzt wieder der Vorname, weil ich ihn zurückgebe. Wir bekommen eigentlich keine Informationen, die nützlich sein könnten. Es wird großartig zurückgegeben, konnte aber noch nicht darauf zugreifen. Also wieder erstellen wir eine andere Variable und haben keine Angst, Variablen zu verwenden. Variablen benötigen sehr wenig Speicher. Es ist kein Problem. Verwenden Sie so viele Variablen, wie Sie benötigen. Wir werden sagen, variable Vorname ist gleich dem Vornamen zu erhalten. Erhalten Sie den Vornamen läuft, Holen Sie sich Namen, was auch immer das zurückgibt. Dieser Name ist nun der neue Name. Wir nehmen diesen Namen und teilen ihn auf. Wir werfen es in eine Variable namens Vorname und wir werden immer nur den ersten Teil dieses Namens zurückgeben . Das scheint also eine Menge zu sein. Und wirklich, es ist nur ein Schritt nach dem anderen. Das ist alles, was es ist. Also speichern, aktualisieren. Nichts passiert. Das liegt daran, dass es in dieser Variablen ist. Aber wir haben noch nichts getan, was variabel ist. So Wolken Rat log, Vorname, speichern. Aktualisieren. Da gehen wir. Vorname. Was passiert, wenn ich das in etwas anderes ändere? Sparen Sie Ihre Frische. Er gibt uns alles andere. Was passiert, wenn wir hier viele andere Wörter haben? Verrückter Vorname. Sonst noch etwas? Viele verschiedene Wörter hier drin. Smith. Das ist der Name, der gerade da drin ist, und es gibt immer noch nur das erste Wort zurück. So können Sie jetzt sehen, dass Funktionen tatsächlich ziemlich wertvoll sind, weil es uns erlaubt, diesen Code sehr einfach zu schreiben . Wir müssen es nicht immer und immer wieder schreiben. Um zusammenzufassen, wie eine Funktion funktioniert oder wie unsere Funktionen derzeit funktionieren, ist eine Variable. Wir deklarierten es als Vorname gleich der ersten benannten Funktion zu erhalten, und das wird der Wert von allem sein, was zurückgegeben wird. Also haben wir es. Schritt eins wird nach Schritt zwei suchen, aber in der Tat, Schritt zwei wäre es technisch gesehen hier jetzt, während trat, Wer läuft? Es wird versuchen, das hier zu bekommen. Das ist also Schritt 2.1. Lass uns das nach oben 2.1 heiraten, und es wird zurückkehren, was auch immer hier drin ist. Also 2.2. Jetzt ändert sich das in 2.2, weil der Name ist, was hier zurückgegeben wird, es wird all diesen Code ausführen, denn er wird zurückgeben, was hier drin ist. Werfen Sie es in diese Variable namens name. Wir teilen es, wir den ersten Wert zurückzugeben. Und jetzt haben wir zwei Funktionen, die zusammen arbeiten. Und wir müssen diesen Code nie wieder schreiben. Nun, wenn wir das wirklich basierend auf jeder Art von Eingabefeld anpassen wollten, könnten wir einen Parameter hinzufügen, um den Namen wirklich alles zu bekommen, was Sie wollen, Teoh. Aber hier wollte es Klassen-Selektor nennen. Und Ihr Parametername sollte immer klar sein. Geben Sie ihnen nette, klare Namen. Selbst wenn sie etwas länger sind, ist Clearer besser. Und hier werden wir einfach Klassenauswahl hinzufügen. Aber jetzt, wenn wir das ausführen, funktioniert es nicht. Warum? Weil get name nach dem Klassenselektor sucht. Der Parameter ist nicht vorhanden. Also fügen wir die Zeichenfolge hier hinzu, die im Wesentlichen wir sie gerade von hier nach hier verschoben haben. Das ist alles, was wir getan haben. Wenn ich dies speichere, aktualisieren Sie die Seite, es funktioniert immer noch. Aber wenn ich eine Klasse auswähle, die nichts enthält, was passiert dann? Cannery Eigenschaftswert von Nein. Im Wesentlichen, was es sagt, ist der Abfrageselektor, dass die Auswahl des Namens keine Klasse irgendwo unterbezahlt existiert , die offensichtlich nirgendwo hier ein leeres HTML-Element zurückgegeben hat. Da ist nichts drin, also konnte es nicht das ausführen, was es brauchte, um zu spielen. Sei also vorsichtig damit. So können Funktionen im Wesentlichen funktionieren. Wenn Sie immer noch nicht ganz klar über Funktionen sind, lassen Sie sich nicht allzu an ihm hängen. Sie sind ein bisschen anders zu denken. Es ist eine andere Art zu denken, ähm, aber im Laufe der Zeit wirst du dich mehr an sie gewöhnen und an einem dieser Tage, oder vielleicht in ein paar Minuten wird dein Gehirn anklicken und es wird gehen. Oh, ich weiß genau, wie die funktionieren, aber bleiben Sie dran. Es ist eines dieser Dinge, die keinen Sinn ergibt, weil wir das nicht wirklich in normalem menschlichem Verhalten verwenden . Aber sobald Sie diesen logischen Teil Ihres Gehirns anschalten, wird es viel einfacher. Das schließt also diese Lektion ein. Ich hoffe, das macht viel mehr Sinn für Sie. Ich weiß, wir eilen irgendwie durch Funktionen ein bisschen. Das liegt vor allem daran, dass Funktionen so häufig sind, dass es keinen Weg um sie herum gibt. Und so, als Programmierer, als Webentwickler, werden Sie mit diesen sehr, sehr vertraut werden, ob es Ihnen gefällt oder nicht? Ah, und es ist eine sehr gute Sache. Sehr gute Sache, sich bewusst zu sein, wie Funktionen funktionieren. Das schließt also diese Lektion ein. Was ich tun werde, ist, dass ich ein paar Kommentare zu dieser Datei hinzufügen werde. Sie können diese Datei auch herunterladen und testen. Ich werde es aufräumen. Ähm, und stellen Sie sicher, dass Sie sicher, dass es für Sie ein wenig leichter zu verstehen ist, wenn Sie diesen Code tatsächlich durchlesen . 21. HTML: Hallo und willkommen in dieser Lektion, über die wir reden werden. Machen Sie Veranstaltungen? Ereignisse sind, wie Sie Dinge in Ihrem Code passieren lassen. Jetzt haben wir Dinge in unserem Code mit Funktionen und if else Anweisungen geschehen lassen. Aber es gibt nichts wirklich, was diese auslöst. Wir müssen manuell gehen und jede Funktion verarbeiten, die wir ausführen möchten. Und, nun, das ist einfach keine Möglichkeit, dein Leben zu leben. Und das ist eine schreckliche Benutzererfahrung. Wir wollen nicht, dass der Benutzer eingehen und ihre eigenen Ereignisse auslösen muss. In dieser Lektion lernen wir, wie Sie Ereignisse auslösen können, indem Sie einfach einfache HTML- und JavaScript-Funktionen verwenden. Also das erste, was ich hier tun werde, ist, dass ich tatsächlich die Eingabe entfernen werde, die nicht mehr benötigt wird. Und Main wird nur sagen, äh, Hauptkörperinhalt. Wir verlinken auf JavaScript bei Js, das hier drüben ist. Und wenn wir diese Seite in unserem Browser laden und aktualisieren, ist es eine grundlegende Seite, super einfach. Jetzt werden wir ein Ereignis basierend auf einer Schaltfläche erstellen, die außerhalb eines Formulars liegt, so dass es nie wirklich etwas tut, es sei denn, Sie sagen es explizit, etwas zu tun. Ich werde weitermachen, einen Knopf erstellen. Nur ein grundlegender Schaltflächen-Typ wird gegen die grundlegende Schaltfläche sein und wird sagen Klicken Sie mich jetzt Ich möchte ein HTML-Ereignis hinzufügen. Und wie Sie sehen können, hat Sublime automatisch unsere vorgeschlagenen eher verschiedene Ereignisse ausgefüllt. Aber was ist, wenn wir gerade auf Klick gemacht haben und in diesem auf Klick wollen wir ihm eine JavaScript-Funktion geben . Jetzt haben wir keine Funktion erstellt. Wir wissen nicht, dass diese Funktion noch sein wird, also lasst uns einen aus dem Hut ziehen. Ändern main html Jetzt ist das Raj JavaScript. Dies ist JavaScript in Ihrem HTML. Jetzt schaffen wir etwas dynamischeres. Speichern Sie das und gehen Sie zu Ihnen JavaScript bei Js und erstellen Sie eine neue Funktion ändern main html , die hier übereinstimmt, wie Sie genau den gleichen Namen sehen können. Und was wir hier tun werden, ist, dass wir diesen Inhalt auswählen und ihn ändern wollen. Also müssen wir unseren Abfrageselektor verwenden, um dies zu greifen. So variabel main ist gleich Dokument klar Selektor, Haupt und lasst uns einfach anfangen Basic kann nicht interessieren. HTML ist gleich. Ich wurde verändert und das war's. Also gehen wir zurück zu unserer Seitenaktualisierung. Und was passiert, wenn ich darauf klicke? Der Inhalt hat sich geändert, so dass der Benutzer jetzt die Kontrolle über einige der Funktionen hier hat. Wenn sie es wieder kochen, passiert nichts, weil es bereits geändert wurde. Aber wenn eine Aktualisierung und klicken Sie erneut, es ändert sich jetzt zurück. Technisch gesehen, wenn ich das immer und immer wieder klicke, ändert es sich technisch und Sie können es erkennen, denn jedes Mal, wenn es darauf klickt, wenn ich die Seite inspizieren gehe, können Sie sehen, dass es sich hier tatsächlich ändert und nur einen doppelten Check. Ich werde das bearbeiten. Wir können sehen, dass das heißt, es ist offensichtlich bearbeitet worden. Klicken Sie erneut darauf, und es geht zurück zu Ich wurde geändert. Also jetzt haben wir eine Möglichkeit, mit der Seite zu interagieren, und das ist nur ein Klick-Ereignis. Was wäre, wenn wir den Inhalt des Fotografen umschalten wollten? Lassen Sie uns zwei verschiedene Sätze hinzufügen, die wir hin und her wechseln werden. So variable verurteilte ein Hallo. Danke, dass du mich geändert hast und sehr wenig zu Oh, hallo verurteilt hast. Ich bin ein anderer Satz viele Ausrufe und es gibt sehr spannende Sachen. So, jetzt können wir sagen, wenn Haupt getan, inter html ist gleich Satz ein Haupt Arzt Inter HTML ist gleich Satz zu. Also, wenn es mit dem ersten Satz übereinstimmt, verwandle es in Satz zu jetzt. Lass es uns tun, L Stephen, was im Grunde bedeutet, wenn der innere HTML nicht mit Satz übereinstimmt, zu dem man wahrscheinlich verurteilt wurde oder irgendetwas anderes, weil wir hier nicht sehr spezifisch sind. Dann wollen wir es in Satz eins ändern. Wir gehen bleibt Punkt inter html gleich Satz eins speichern Gehen Sie zurück, aktualisieren Sie die Seite. Schau dir an, dass Ta gehen Einfach so schön und einfach jetzt muss es nicht sein, ist ein einfaches Ändern des Textes Sie können das Styling auch ändern Was wir können dio wir sagen, wenn wir diese Nachkommen ändern, um einige zusätzliche Polsterung hinzuzufügen So main dot Stil, Polsterung gleich ist, weiß ich nicht, 50 Pixel, aber wenn es zurück zu Satz eins wechselt, lassen Sie uns vielleicht den Padding Stil Punkt Padding entfernen ist gleich Null Pixel speichern Und ich werde einfach diese Seite aktualisieren Wie? Sieh dir das an. Also, oh, hallo. Ich bin ein anderer Satz hat viel mehr Polsterung da drin. Oh, hallo, mittlerer Satz, zu dem verurteilt wird, hat 50 Pixel Polsterung. Genau so, wie wir gesagt haben, Nein. Wenn wir es umschalten, wird es es entfernen, weil es wieder zum Satz gehen wird. Man wird das Patty einfach so entfernen. Es gibt also eine Fülle von HTML-Ereignissen. Es ist nicht nur klicken. Es ist auf Form. Senden Sie auf die meisten über auf die meisten aus, was haben wir sonst noch hier? Wir haben einen Klick auf Doppelklick auf die meisten nach unten auf die meisten bewegen. Wenn Sie also am meisten über ein Element sind und es sich ein wenig innerhalb dieses Elements bewegt , lösen Sie diese Funktion immer und immer wieder aus. Vorsicht, dass hier. Es wird die Funktion jedes Mal auslösen. Ihre meisten Bewegungen von einem Pixel auf meinem so weiter, die meisten über auf die meisten oben auf dem Rad. Also, wenn Sie einen sehr gut haben und Sie scrollen durch, das ist ein Auslöser. Das ist ein HTML-Fünf. Wenn ich an HTML fünf glaube, haben wir ah, Mittagessen von verschiedenen Ereignissen. Wir haben den Drink auf Drag und Andre betritt Drogenurlaub. Ziehen Sie über Getränke. Starten Sie Drop-Scroll. Wir haben eine Tonne davon. Also, was ich eigentlich tun werde, ist, dass ich eine riesige Liste von verschiedenen Ereignissen erstellen werde, die Sie verwenden können. Ah, und ich werd sie in den zusätzlichen Inhalt für dich werfen. Ich werde es in die JavaScript-Datei bei Js einfügen. Gerade kommentiert, dass Sie all die verschiedenen sehen können. Ich kann nicht einmal alle von ihnen bekommen, um ehrlich zu sein, aber ich werde versuchen, in die häufigsten diejenigen, die Sie am ehesten auf einer täglichen Basis als Front-End-Web-Entwickler verwenden . Und dann ist das einzige, was Sie tun müssen, um dieses Ereignis wirklich zu ändern, anstatt auf Klick, Sie könnten auf Doppelklick oder auf die meisten nach unten sein, was bedeutet, dass Sie nach unten klicken. Aber Ihre meisten sind noch nicht nach oben oder auf die meisten über, was bedeutet, dass Sie nur bewegen Sie Ihre meisten über den Knopf und es wird umschalten. In der Tat, werfen wir einen Blick auf das. Meine Seite aktualisieren. Und ich klicke nicht. kannst du hören. Ich klicke nicht. Ich bewege nur meine Maus darüber. So hat der Benutzer jetzt eine Art Möglichkeit, mit dem Patienten zu interagieren. Dies ist eine super, super grundlegende Interaktion, aber hier beginnt der Spaß wirklich. Nun, da Sie wissen, welche Funktionen und Variablen und FL-Anweisungen sind, wissen Sie, wie Sie Inhalte umschalten können. Sie wissen, wie Sie den inneren HTML-Code ändern können. Sie wissen, wie Sie Styling ändern Mit JavaScript, haben Sie im Wesentlichen die meisten der vereinbarten Zutaten, die Sie benötigen, um eine super dynamische , super interaktive Webseite zu erstellen , . Ich werde sein, es ist sehr einfach. Aber, hey, du musst irgendwo anfangen, richtig? So ist diese Lektion. Was ich möchte, dass Sie tun, ist, dass Sie eine neue Funktion erstellen, und ich möchte, dass Sie diese an einen Ereignisauslöser in Ihrem HTML anhängen. Es könnte jedes Ereignis sein, das Sie mögen, und ich möchte nur, dass Sie einen Unterschied machen, ob es die Hintergrundfarbe, die Textfarbe oder die Schriftgröße ändert. Weißt du, was auch immer du willst Dio, geh weiter und tu es. Wenn Sie auf diesen Mantel stecken bleiben, gebe ich Ihnen diesen Mantel als zusätzlichen Inhalt. Also zögern Sie nicht, das herunterzuladen und werfen Sie einen Blick. Und wenn Sie etwas mehr Zeit haben, spielen Sie mit den verschiedenen HTML-Ereignissen herum, es muss nicht nur ein On Click-Ereignis sein. Es könnte jedes andere Ereignis sein. Und während Sie dabei sind, gehen Sie in Google alle Veranstaltungen sowie einen Entwickler. Ich sage dir jetzt, wer ist dein bester Freund? Es gibt keine Möglichkeit, sich an jedes einzelne Ereignis zu erinnern, während Sie lernen . Html CSS JavaScript PHP Python-Knoten. Was auch immer es ist, es ist einfach zu viel zu lernen und Sie haben jede Menge Referenzen von dort. Sie müssen sich nicht an alles erinnern, aber fühlen Sie sich frei, auf die alte Google-Maschine auf Google zu springen, ein paar verschiedene. 22. Calculator: - Hallo. Willkommen zu Ihrem ersten Projekt. Dieses Projekt wird also ein sehr einfacher Taschenrechner sein. das nicht Lust wert. Verschwenden Sie keine Zeit mit CSS und HTML und lassen Sie diesen Rechner schön aussehen. Ich meine, wenn Sie es wollen, aber das ist nicht das Ziel dieser Übung. Also sollten Sie Ihre erste Nummer hier haben, Ihre zweite Nummer hier, und was auch immer Sie hier tun wollen, klicken Sie auf die Check-späte Schaltfläche und eine Zahl erscheint unten. Nun, ich habe Ihnen das Grundlayout dafür bereits gegeben, also ist es nur eine Grundform. Sie haben Ihren Absende-Button, Sie haben die Nummer eins Nummer zwei. Und tatsächlich waren die falsch. Ich hoffe, Nummer eins und Nummer zwei. Und dann haben Sie die Auswahl, die Sie nicht haben. Weißt du, ich habe ein paar Dinge absichtlich blinzeln gelassen. Wie welche Ereignisse werden Sie verwenden? Wir wissen es noch nicht. Also müssen Sie vielleicht ein wenig googeln dafür tun. Oder Sie können sich auf ah beziehen, vorherige Lektion ein vorheriges Projekt, das Sie wirklich getan haben? Alles andere, was Sie dazu beitragen können, dies zu beschleunigen. Das sollte Sie überhaupt nicht sehr lange dauern. Aber, weißt du, wenn du stecken bleibst, ist das auch ganz in Ordnung . Wenn Sie stecken bleiben, werde ich Ihnen eine Antwort geben. , Eigentlich werde ich nur aufzeichnen,wie ich das aufbaue und alles benutze, was wir bis zu diesem Punkt in der nächsten Lektion gelernt haben. Wenn du also stecken bleibst, kannst du mir zusehen, ich es baue, wo du Fragen stellen kannst. Facebook-Gruppe oder ah, lassen Sie einen Kommentar oder eine Frage unten. Aber um das zum Laufen zu bringen, brauchen Sie nur alles, was wir verwendet haben. Bis zu diesem Zeitpunkt wird es eine Menge Sachen geben, die du nicht auch brauchst. Also gib dem einfach deine beste Chance. Geben Sie Ihre beste Anstrengung. - Nichts. Und du wirst zu kompliziert sein. Und denken Sie daran, es einfach zu halten, ist Ihr Freund. Machen Sie das nicht zu komplizieren 23. Die Projektlösung für das Rechner der Rechner: Hey, da. Ich hoffe, Sie haben relativ gut mit dem Rechnerprojekt aus dieser letzten Lektion gemacht, wenn Sie stecken geblieben sind, oder wenn Sie nur neugierig sind, wie ich das tun würde. Ja. Das ist ein Video für dich, denn ich werde dieses Ding einfach machen. Ich weiß nicht, ich habe keinen Plan. Ich weiß nicht, wie das aussehen soll. Wir können alles nutzen, was wir bereits gelernt haben, und das ist alles, was wir verwenden werden. Ich möchte Sie nicht wissen lassen, dass es in JavaScript bessere Möglichkeiten gibt, Dinge zu tun und was wir derzeit gelernt haben. Aber mit dem besagten, diese Luft auch kompliziertere Wege. Und das ist ein wesentlicher JavaScript-Wert, kein kompletter JavaScript-Webentwicklungskurs. Das ist also wirklich nur, um Sie als Junior- bis Zwischen-JavaScript-Entwickler zu bewegen. Also habe ich meine Indexpunkt-HTML-Datei hier geöffnet. Ich werde auch die JavaScript-Datei öffnen, und ich werde wahrscheinlich die Style-Datei überhaupt nicht benötigen. Obwohl ich vielleicht darauf hineinkomme. Aber das tue ich nicht, äh nicht den Atem anhalten . Das erste, was ich tun möchte, ist zu denken, was passiert, wenn dieses Formular eingereicht wird? Nun, ab jetzt ist nichts passiert. Also gehen wir auf Einreichung ist gleich, äh lasst uns einfach diese berechnen Reisegruppen Cola nennen, Sie spät Hure mit Klammern. Und sobald dies diese ganzen Formulare eingereicht ist, soll es diese Funktion ausführen. Nun, diese Funktion existiert noch nicht, also lassen Sie es uns erstellen. Also wissen wir, dass dieser Funktionsrechner einen Spuck aus Eine Antwort hat. Und so hier ist unsere aktuelle Seite. Nun, wenn wir uns den Code ansehen, unsere Antworten unter dem Formular Also irgendwo in diesem Bereich, wo mein Meistes herumschwingt, wird hier die Antwort auftauchen. Und um den Inhalt dort zu ändern, wissen wir, dass wir die Antwort auswählen müssen. Wir wissen auch, dass wir, um irgendeine Mathematik zu machen, Nummer eins und Nummer zwei auswählen müssen, um entweder Minusdividen hinzuzufügen oder die Zahlen zusammen zu multiplizieren . Das erste, was wir tun müssen, ist, dass wir Selektoren erstellen müssen. Jetzt. Wir wissen nicht zu viel über den Bereich, aber wir wissen, dass die Variable innerhalb einer Funktion innerhalb einer Funktion bleibt. Wir werden zu einem späteren Zeitpunkt darüber reden. Wir befinden uns in einer späteren Lektion, aber alle Variablen, die oben und vor einer Funktion deklariert werden, sind auch in der Lage, innerhalb der Funktion verwendet zu werden . Es ist also die umgekehrte Mentalität dessen, was Sie bereits gelernt haben. Wir werden nicht darauf hineinkommen, weil das eine Schicht komplexer Komplexität hinzufügt. Aber lassen Sie uns das vorerst in Ihre Gesäßtasche stecken. Wir werden das etwas später benutzen. Für jetzt, lassen Sie uns einfach einen Selektor erstellen. Also nennen wir dies die Antwort Selektor Dokument Gedankenabfrage Selektor Antwort. Also, was wir hier auswählen, lassen Sie uns einfach größer aussehen, ist, dass wir diese Entwicklung auswählen. Wir müssen auch Nummer eins und Nummer zwei auswählen. So variabel jemand dokumentiert, dass Abfrage-Selektor Nummer eins. Ich glaube, es war eine Idee, oder? Ich und ich wollten, dass sie jemandem das überschreiben. Und lasst uns einfach mit Instanzen ändern. Sie sind nur in Botham gewechselt. Zur gleichen Zeit, wenn Sie einen netten Editor wie Sublime oder Adam haben, können Sie zahlreiche von genau dem gleichen Wert auswählen und Sie können das Ganze hier gleichzeitig ändern . Ah, an mehreren Orten. Es ist wirklich schön. Das ist alles. Ich habe dort nichts Leckeres getan. Es ist nur ein netter Editor-Trick, und ich muss auch die Auswahl auswählen. Ich werde die Auswahl vorerst verlassen, weil wir nicht wissen, welches ausgewählt ist. Also, was wir wollen dio So wollen wir nur sicherstellen, dass diese Zahlen tatsächlich die richtigen Selektoren auswählen. Lassen Sie uns dieses Konsolenprotokoll machen Antwort wird nichts tun, weil nichts drin ist. Wir wollen nur jemanden sehen. Sie auch. Speichern Sie das. Aktualisieren Sie Ihre Seite. Ich werde unseren Konsul öffnen. Es sind Bewegungen vorbei, so dass wir mehr Seite 12 sehen können und nichts passiert ist. Nun, nichts ist passiert, weil die Seite tatsächlich aktualisiert wurde. Und das liegt nur daran, dass HTML, wenn Sie ein Formular absenden, es wird versuchen, zu tun, was das Formular tun soll. Es wird seine Verwirrung verwenden, dass unsere Post-Methode, was auch immer Sie ihr sagen zu tun, es wird zu jeder Action-Datei gehen, die Sie ihm sagen zu tun. Wir haben nichts davon angegeben. Anstatt beim Senden zu tun, weil wir nicht möchten, dass die Seite aktualisiert wird, verschieben wir das auf die Schaltfläche und ändern Sie einen Schaltflächentyp in einen regulären. Aber weil es technisch nicht brauchen, um das Formular zu senden und wir können sagen, anstatt auf Absenden auf Klick, es ist jetzt Diese Schaltfläche ist nur eine regelmäßige, aber es ist kein Formular absenden. Technisch gesehen macht das diese Form nutzlos. Und das ist, Ah, viel von der Macht hinter JavaScript. Sie können so aus der traditionellen HTML-Hierarchie ausbrechen. Es wird jetzt diese Rechner-Funktion ausführen und wird sie ein und zwei greifen und sie protokollieren. Aktualisieren Sie die Seite 12 Dokument erstellt Auswählen ist keine Funktion. Offensichtlich liegt es daran, dass es Abfrage-Selektor ist. Gesicht aktualisieren wurde erneut versucht. 12 Da gehen wir. Das gefällt Nummer eins ist auffällig Nummer zwei Cool als Abkürzung. Lass uns das einfach machen. Es ist mit dem Wert speichern Refresh erneut versucht. Da gehen wir. Wir wollten das tun. Alles, was wir dort getan haben, war Wir ändern dies eigentlich technisch nicht Training, weil wir keine Methoden Funktionen verwendet haben . Alles, was wir taten, war zu sagen, dass ein Dokument taub findet und dann den Wert davon erhält und speichert, dass in einer Variablen namens taub zu dem, was alles ist, also jetzt, um sicherzustellen, dass die Antwort funktioniert, sagen wir, Antwort Punkt inter hte E-Mail ist gleich Nummer eins plus taub zu I weiß nicht, was das tun wird, weil die Werte Strings sein sollen. JavaScript erkennt aber auch, welche Zahlen nur Zahlen innerhalb einer Zeichenfolge sind. Egal, an dieser Stelle spielt es keine Rolle, denn alles, was ich tue, ist zu testen, ob irgendetwas da drin auftaucht. Da gehen wir. Und so all dies tut, ist es ein ausstehendes sie, weil JavaScript derzeit denkt, dass diese Luftstränge, nicht Zahlen. Also lassen Sie uns Nummer eins und sie in tatsächliche Zahlen verwandeln. Frischer und lass uns 54. Jetzt haben wir 55, so dass es zumindest hinzugefügt wird, also wissen wir, dass das funktioniert. Aber warum funktioniert das? Wir haben es nicht gesagt, etwas Besonderes zu tun. , Denk dran,was ich dir gesagt habe. Es gab einen harten Teil daran. Ich habe etwas ausgelassen. Die Sache, die ich verlassen habe, war, wie finden Sie heraus, welche von denen derzeit ausgewählt ist ? , Das erste,was wir tun müssen, ist, dass wir den Fußball holen müssen. Also, äh, es heißt, die Auswahl ist gleich dem Dokumentabfrage-Selektor, und es ist die einzige Auswahl auf der Seite. Also werden wir das als das gesamte Element auswählen, weil das alles ist, was wir brauchen. Jetzt. Wie erkennen wir, welches aktuell ausgewählt ist? Nun, lassen Sie uns versuchen, diese ausgewählten Punkt-Optionen und das ist, wo ein wenig von Google und kam in. Dies ist kein unbekanntes Territorium für Sie. Das ist nur ein bisschen neu. Es ist nur, deine Grenzen ein wenig zu schieben. Können wir im Array sagen? Slack-Punkt-ausgewählter Index? Sag das. Aktualisieren Sie die Seite und, na ja, das gibt uns etwas gibt uns eine Option. Elemente. Cool. Okay, damit könnten wir arbeiten. Ist es Wert, den wir wollen? Ja. Sieh dir das an. Wir wollten die Auktion und den Wert auswählen. Also gehen wir zurück. Da gehen wir. Es fügt tun zu minus hinzu. Es wird sich teilen. Cool. So haben wir jetzt eine Art, damit zu arbeiten. Lassen Sie uns das wieder in Variable setzen. Wir werden diesen Operator jetzt anrufen. Wir haben alles, was wir brauchen, um unsere Grundformel zu berechnen. Wir haben die Antwort. Abschnitt Nummer eins, Nummer zwei, These Elect Box. Also, was wird das hinzufügen minus dividieren oder multiplizieren? Und dann müssen wir nur die Berechnungen durchführen. Also, was wir hier tun werden, ist, dass wir in mehreren Bereichen zurückkehren werden, und das ist ein bisschen anders, aber es ist total laut. Also sagen wir, wenn der Operator gleich addieren ist, so dass der Operator die Auktionen erhält, den ausgewählten Index und dann den Wert, wählen Sie die Option und was es Je nachdem, welcher ausgewählt ist und wird mit einem dieser übereinstimmen Werte, sagen wir, es wird hinzufügen Was tun wir, wenn es hinzufügen wird? Nun, wir können sagen, Rückkehr Nummer eins plus, taub zu jetzt ist es Hinzufügen dieser Zahlen zusammen sonst Operator ist gleich minus, und wir können im Grunde das gleiche tun. Aber der einzige Unterschied ist, dass wir den Operator ändern, weil dies ein Minus ist. Jetzt gibt es einen anderen Weg, dies zu tun, und das ist ein schrecklicher Weg. Aber ich werde es dir jetzt sagen, weil es wichtig ist, das nicht zu tun. Es gibt eine Funktion in den meisten Sprachen. Es wird normalerweise böse genannt, in das Sie rohes Javascript hier einfügen können. Der Benutzer kann rohes JavaScript hier einfügen und Sie werden es ausführen. Der Grund, warum das schlecht ist, ist, weil Sie dem Benutzer die vollständige Kontrolle über Ihr JavaScript gegeben haben, und das ist nicht das, was ein Programm ist. Ein Programm ist eine definierte Box mit bestimmten Regeln darin, die besagt, dass Sie bestimmte Dinge tun können und nicht . Und innerhalb dieser Grenzen hast du völlige Freiheit. Aber außerhalb davon dürfen Sie nicht. Du darfst jetzt nicht außerhalb der Kiste sein. Der Grund, warum ich Ihnen das sage, ist, weil das Böse von vielen neueren Entwicklern verwendet , weil es ist. Es ist einfacher. Es ist einfach, es funktioniert einfach. Und es macht das Schreiben dieser Art von Code, wenn sonst, wenn sonst, wenn das ist, was wir tun werden, macht es das obsolet tut. Du brauchst es nicht mehr. Aber das ist eine schlechte Entwicklung, und das werden wir nicht tun. Und wenn wir gerade in einem physischen Klassenzimmer waren, werde ich noch alle von euch mir in die Augen schauen und sagen, dass ihr nicht böse laufen werdet 24. Die Projektlösung Teil 2: Alles klar, weitermachen. Also jetzt haben wir im Wesentlichen das Layout für die nächsten beiden. Ich meine, eine Kopie dieser beiden unten. Und lasst uns das Minus ändern, um zu teilen und zu multiplizieren. Das wird eine Division sein. Das wird eine Multiplikation sein. Ah, schnelle Warnung vor Kopieren und Einfügen. Wenn Sie kopieren und einfügen, werden Sie wahrscheinlich vergessen, was jedem einzelnen Entwickler auf diesem Planeten passiert. Also, wenn Sie etwas kopieren und einfügen und dann plötzlich ist der Code nicht gut funktioniert , vielleicht weil Sie vergessen haben, ein wenig zu ändern, vielleicht einen Operator oder eine kleine Zahl in einer Variablen oder Kette. Du hast nichts geändert, was geändert werden sollte. So vorsichtig, kopieren und einfügen, sehr gefährlich zu sein, kann auch sehr schnell sein, weil es offensichtlich nicht viermal dort dreimal schreiben zu müssen . Und lassen Sie uns tun und sonst ist das andere nur da, denn wenn der Benutzer etwas auswählt, das nicht minus dividieren oder multiplizieren ist, werden wir sagen, dass ich das nicht tun kann. Und der Grund, warum wir das tun, ist, weil der Benutzer hier reingehen und einfach eine von ihnen in irgendetwas anderes ändern kann und plötzlich, obwohl es Plus sagt , hier drin ist alles andere der Wert, den wir verwenden und das funktioniert nicht. Also, wenn wir diesen Code tatsächlich ausführen, wissen wir, dass, wenn wir den Code ausführen, die Seite 12 aktualisieren, was denkst du, wird passieren, wenn du sagtest, dass nichts passieren wird ? Du hast absolut recht. Und hier ist der Grund. Hör zu, nichts ist passiert, und das ist wegen der zurückkehrenden Informationen. Jetzt ist das erlaubt. Wenn wir dies irgendwo in eine Antwort zurückgeben wollten, sagen wir, dass die Antwort gleich dem Rechner ist, wird die Antwort angezeigt. Was auch immer. Wenn der Benutzer sagte, fügen Sie hinzu, die Antwort wird zusätzlich sein, Minus wird eine Subtraktion sein, aber wir geben nichts zurück, und das liegt daran, dass diese Funktion nichts zurückgeben muss. So ein bisschen bricht das, was wir gelernt haben. Ah, vor ein paar Lektionen, beide Funktionen, aber gleichzeitig nicht, weil es erlaubt ist. Niemand hat explizit gesagt, dass Sie zu einem bestimmten Zeitpunkt etwas zurückgeben müssen . Stattdessen werden wir diese in einer Variablen speichern. Ruf es an. Die berechnete Antwort ist gleich gut, wir setzen etwas oder wir könnten es einfach als undefiniert halten. Jetzt werde ich diese Rückgaben ändern, wissen Sie, wenn jemand hier gespeichert hinzufügt oder wenn sie in derselben Variablen gespeichert sind. Denken Sie daran, dass, wenn einer dieser if-Anweisungen übereinstimmt, es spielt keine Rolle, was die anderen, wenn Anweisungen oder sonst Anweisungen sagen, dass sie nicht ausgeführt werden . Dies ist ein, was auch immer man passt zuerst verwendet diese. Jetzt werden wir hier eine Rückkehr falsch sehen, denn wenn es eine Warnung gibt, zeigen Sie keine Antwort. Eigentlich, kratzen Sie das. Ich habe eine bessere Idee. Nehmen wir an, die berechnete Antwort ist gleich einem ungültigen Operator. In der Tat werde ich das einfach aussagen. Und jetzt können wir Antwort sagen. Ich dachte Praktikant. HTML ist gleich der berechneten Antwort. Speichern Sie das. Gehen Sie zu unserer Seite. Aktualisieren. Eins plus zwei ist drei eins minus zwei ist minus eins, dividiert durch 20,5 und eins multipliziert. Wille, etwas anderes zu tun. Stereo. Fünf. Was passiert, wenn wir das über Wasser bringen? 5.24 1.48 Multiplizieren Sie diese zusammen, da ist Ihre Antwort. Also jetzt haben Sie einen einfachen Rechner. Aber mal sehen, was passiert, wenn wir einen böswilligen Benutzer bekommen. Ein Typ, der denkt, er sei klüger als du, kommt rein und sagt: „ Du weißt, was passiert, wenn ich mich ändere, füge zu etwas anderem hinzu. Lass es uns ändern und sehen, was passiert. Ungültiger Operator. Warum ist das? Weil alles andere nicht erlaubt war. Minus dividieren oder multiplizieren. Alles andere gibt Ihnen einen ungültigen Operator. Also da hast du es. Mit einer Funktion in wie vielen Zeilen, die wir hier in 23 Codezeilen haben. Sie haben sich selbst Rechner in Ihrem Browser geschrieben, und in der Tat brauchen Sie das Formular überhaupt nicht mehr, obwohl es wahrscheinlich eine gute Idee ist, es dort zu behalten. Aber wenn Sie sowieso etwas JavaScript-basiertes verwenden, um Formular zu verwenden, um etwas an Ihren Server zu senden und es irgendwie nutzlos zurückkommen zu lassen, also ist das Formular technisch unnötig. Und nur um das zu beweisen, aber etwas anderes da drin sind wir los. Es funktioniert ohne das Formular. Nein ich, um ein paar Minuten beim Styling dieser Eingänge und der Select und der B-Taste und die Antwort und so zu verbringen. Wenn du dafür bleiben willst, ist das auch cool . Alles klar, um das zu stylen, gehen wir weiter. Und, äh, ich werde etwas Platz schaffen. Antwort kann unten gehen. Es spielt keine Rolle, wohin es geht. Was sehe ich hier an? Ich möchte alle Eingaben ändern. Ein PX-Solid. Siehst du, äh, Padding wen? Wie viel zu viel. 55 Pixel. Mal sehen, was angefangen hat. Sehen Sie sich hier an. Sieht ein bisschen schöner aus. Lassen Sie uns umreißen Null Kein Umriss gehen, wenn ich in sie klicke. Ah, womit soll das damit anfangen? Wählen Sie aus. Da gehen wir. Nein, aber die Dinge sahen gut aus. Änderung der Hintergrundfarbe. Hintergrundfarbe ist gleich warten. Es geht hier und an einem Platzhalter hat das geändert. Aber schweben Sie mit der Maus Hintergrundfarbe. si Si, , si , uh , damit machen wir etwas Interessanteres. Das ist los 81 515 Les Schatten von rot auf. Lassen Sie uns die Farbe zu weiß ändern. Und lassen Sie uns auch sagen, dass dieser Knopf einen Übergangsübergang hat. Die Hintergrundfarbe 250 Millisekunden. Linear wird auch die Farbe übergehen, um 2 50 Millisekunden zu nehmen. Tun Sie dasselbe, und es wird auch linear sein. Sagen wir das frisch. Da gehen wir. Schöner Knopf. Uh, aber wenn Sie eine Sache Cursorzeiger eso haben, ändern wir die ah-Grenze. Ein Plektrum von Feststoff. Ich habe nicht gesehen, was ich getan habe. Sehen Sie einen Stamm, fünf passen zu den anderen Farben. Das ist etwas besser. Jetzt berechnen wir, Button ragt tatsächlich heraus. Und was passiert, wenn wir das tun? Zero tut es. Da ist nichts. Fünf. Wollen wir diese Antwort ändern? Ja, sicher. Warum nicht? Text ausrichten. Mittelpolsterung, 50 Pixel. Hintergrundfarbe. Ich sah nicht 155 Farbe f f f f f auf Größe 54 und ich bin kein Fan von Ah, Sarah Funk. wir also alles aus der Familie. Ah, verdammt Vodicka, wenn Ihr Computer es hat, Wenn Sie auf einem Mac sind, haben Sie wahrscheinlich Helvetica sonst nutzen Bereich. Andernfalls verwenden Sie Sands. Sarah. Cool. Das ist also, wo die Antwort sein wird? Sieht nicht fantastisch aus, oder? Das glaube ich auch nicht. Also lassen Sie uns vielleicht eine Polsterung geben. Da gehen wir. Das ist besser. Also dort haben wir einen sehr einfachen Rechner und das war's. Also danke, dass du bei mir durch dieses ganze Video geklebt hast. Ich habe Ihr Ohr wahrscheinlich schon abgeredet. Wenn ich nicht genial bin. Wenn ich jetzt wäre ein guter Zeitpunkt zu gehen. Machen Sie eine Pause. Essen, Gas, Wasser, Wasser, vielleicht spazieren gehen. Es ist gut, rauszukommen und dein Gehirn zu erfrischen. Gehen Sie für ein wenig vom Code weg. Ich weiß, es klingt kontraintuitiv, aber wenn Sie sich von Code entfernen, hilft Ihrem Gehirn tatsächlich, dort etwas besser zu verarbeiten . Wenn Sie zurückkommen, fühlen Sie sich frei, weiter zu üben oder zu schlagen, fahren Sie fort und gehen Sie zur nächsten Lektion. 25. Anonyme Funktionen: Hallo Und diese Lektion, wir werden über anonyme Funktionen sprechen. Wenn dir das gruselig klingt, dann weil sie es sind. Eigentlich sind sie es nicht. Sie sind überhaupt nicht beängstigend. Sie sind genau wie Funktionen, außer dass sie im Grunde innerhalb einer Variablen leben. Um Ihnen also eine Vorstellung davon zu geben, worüber wir hier sprechen, wissen wir, dass eine Funktion mit Funktion beginnt und dann Ihren Namen, Klammern und Klammern haben . Dann gab es etwas zurück, und im Wesentlichen ist das eine Funktion in Kürze. Eine anonyme Funktion ist jedoch eine Funktion, die keinen bestimmten Namen hat. Ein Beispiel wäre also die Variable X gleich Funktion ist. Und dann könntest du Alarmstufe sagen, ABC 123 Jetzt werde ich das einfach aufmachen und dieses Zeug auch loswerden , weil es für diese Lektion nicht mehr benötigt wird. Das war von der letzten Lektion, und ich öffne diese Datei einfach in meinem Browser. Ich traf F 12, um den Inspektor zu öffnen. Nichts taucht auf. Cool. Okay, wie führe ich eine anonyme Funktion aus? Weil es eine Variable ist, oder? Es ist keine Funktion, aber es ist eine Funktion innerhalb einer Variablen. Nun, es ist wirklich einfach, dass Sie es genauso ausführen, wie Sie es in der normalen Funktion tun würden, nur Sie können den Namen nennen, wie der Variablenname ist. Sie haben also X. Sie setzen Ihre Klammern am Ende davon, genau wie Sie eine Funktion zurück auf Ihre Seite aufrufen. Aktualisieren Sie es und Sie haben ein B C. 123 Das ist Ihre anonyme Funktion. Jetzt bist du anonym. Funktion kann auch Argumente annehmen. Erinnern Sie sich an das erste Mal, dass wir jemals Zahlen in einer Funktion hinzugefügt haben, die wir Nummer eins und Nummer zwei verwendet haben ? Nun, das wird das Gleiche sein. Es ist nur Konsolenprotokoll, taub eins plus taub zu Es wird einfach, das im Konsolenprotokoll zurückzugeben. Speichern Sie also die Aktualisierung. Ich bekomme keine Nummer, weil es Parameter eins und zwei fehlt. Also lasst uns 45 54 gehen. Aktualisieren. Da gehen wir. Wir bekommen 99. Eine anonyme Funktion ist also nicht. Es unterscheidet sich nicht zu sehr von unregelmäßiger Funktion. Der größte Unterschied, den Sie jetzt wissen müssen, ist, dass anonyme Funktion nur eine Funktion ist , die innerhalb einer Variablen gehalten wird. Nun, das zweite, was Sie über anonyme Funktionen wissen müssen, ist, dass sie keine globale Funktion sind . Wenn Sie Funktion einen Namen wie diesen eingeben, der global ist, so dass Sie diese Funktion in anderen Funktionsnamen in anderen Objekten in verschiedenen Abschnitten Ihres Codes verwenden können . Und das ist vollkommen in Ordnung. Aber Sie erinnern sich, als wir Var geschrieben haben und Var war Umfang zu einer Funktion, was bedeutet, wenn wir Funktion hatten, ABC unseres Namens ist gleich Test. Das bedeutet, dass diese Variable ganz ist. Hier liegend ist nur innerhalb der ABC-Funktion zugänglich. Nun, das ist nicht anders. Wenn wir also eine Art Funktion ausführen, nennen wir es alles, was es nicht wirklich wichtig ist. Fügen Sie hier Erfindung hinzu. Also, jetzt habe ich eine Funktion in einer Funktion jetzt. Der Grund, warum ich eine anonyme Funktion innerhalb einer Funktion deklarieren möchte, liegt darin, dass dieses Konsolenprotokoll taub eins plus taub möglicherweise nirgendwo anders ausgeführt werden muss, außer innerhalb der Anywhere-Funktion . Also, wenn ich das mehr als einmal ausführen wollte, wir 12 x 34 x 56 und ich wollte diese Funktion alles ausführen. Also, was ich sage, ist, hey, Browser, die Funktion auslösen, die alles genannt wird, was es tut, dass es eine andere Funktion hier schafft. Es ist anonyme Funktion und es wird immer nur hier drin laufen. Schauen wir uns das an. Da gehen wir. 37 und 11. Es fügte hinzu. All diese Zahlen zusammen für uns. Was passiert, wenn ich das mache? X 123 und 456 X ist jetzt nicht definiert. Das liegt daran, dass X mit dem VAR Schlüsselwort innerhalb einer Funktion definiert wurde, und das bedeutet, dass es innerhalb dieser Funktion stecken bleibt. Wir können es jetzt nicht wieder rauskriegen. Warum ist das nützlich? Getötet? Warum sollte ich jemals eine Funktion innerhalb einer Funktion haben wollen, die ich nicht herausbekommen kann? Nun, denn manchmal haben Sie Informationen in einer Ihrer Funktionen, die auf eine bestimmte Weise oder ein gutes Beispiel vor dem Schlafengehen manipuliert werden müssen , und Sie möchten Ihren Text auf eine bestimmte Weise formatieren. Aber diese Formatierung Onley wendet diese eine Funktion auch an. Warum deklarieren Sie eine globale Funktion, wenn sie nur für Ihre eine Funktion gilt? Das sind viele Funktionen, aber im Wesentlichen ist der Punkt, warum Ihren globalen Namensraum überladen? Warum haben Sie so viele Funktionen im Freien, wo sie überall verwendet werden können, wenn sie nicht sein müssen. Warum haben Sie so viele Funktionen im Freien, Sie wissen, im Wesentlichen, das ist alles eine anonyme Funktion ist ihre Funktion innerhalb einer Variablen, aber es hat verschiedene Bereichsregeln. Und, äh, Scoping ist etwas, worüber wir in Zukunft noch ein bisschen mehr reden werden. Also mach dir keine Sorgen darüber. Wenn Sie sehr neugierig sind, können Sie auf Ihren Google-Maschinentyp in JavaScript-Bereichen springen, die Sie für diese Lektion tun möchten . Erstellt anonyme Funktion, nicht diese Art. Erstellen Sie diese Art von anonymer Funktion und es muss nicht komplex sein. Ich möchte nur, dass Sie einen schreiben, damit Sie das Gefühl bekommen und es dann ausführen lassen können. Das ist alles. Sie sollten nicht länger als 60 Sekunden dauern. 26. Self Funktionen: schon. Wir haben viel gelernt, welche Funktionen und anonyme Funktionen. Aber was ist, wenn wir die Last funktionieren wollen, sobald die Seite fertig ist? Laden, wie wenn das Skript fertig ist, einfach automatisch ausgeführt wird? Wir wollen ihm keinen bestimmten Befehl geben. Wir wollen nur, dass es so schnell wie möglich ausgeführt wird. Jetzt diese Luft genannt selbstaufrufende Funktionen. Es ist eine Funktion, die geschrieben wird, und sobald es mit dem Laden fertig ist, beginnt es mit der Ausführung. Jetzt sehen diese ein bisschen anders aus, und die Syntax dafür werde ich nicht lügen. Es ist ein wenig seltsam, es zuerst zu betrachten, aber das ist eine sehr häufige Art von, ah, Syntax es für JavaScript Javascript, eine dieser Sprachen, die irgendwie lose geschrieben Teoh besser selbst, in einem Sinn, so sieht es sehr so aus. Sie haben eine Funktion. Und so waren einige davon mit diesem Teil vertraut. Das ist nur eine normale Funktion. Aber wenn wir es in Klammern einschließen, fangen Sie hier Klammern an, und Sie schließen Klammern hier, und dann nennen Sie es wie eine normale Funktion, also wird alles hier wird automatisch ausgeführt, wenn die Seitenaktion mit der Seite geladen wird, wenn diese Funktion geladen wird, da Sie dies technisch nicht in verschiedenen Teilen der Seite haben können , die nicht sofort dort ausgeführt werden. Also, wenn wir sagte Alarm schwebt und wir gehen zu einem Browser, wir aktualisieren Ihre Seite gerade so Jetzt in ihrem HTML, Wenn wir uns das ansehen, gibt es nichts drin, das diese Funktion aufruft. Was uns selbst aufrufen lässt, sind diese zwei Klammern. Am Ende, wenn wir diese entfernen, gehen Sie zurück aktualisieren Sie die Seite. Nichts passiert. Das liegt daran, dass dies nur ein Codeabschnitt ist. Und diese Klammern sagen: Oh, Oh, du musst gehen und das wie eine normale Funktion ausführen, genau wie eine anonyme Funktion. Diese selbstaufrufende Funktion sagt, OK, na ja, das wird geladen, wenn es fertig ist, während diese Prentice zu laden und sagen, ich muss gehen und meinen Job machen , damit es geht und seinen Job macht. Warum würdest du das jemals benutzen? Nun, mal sehen, was Sie mit einigen Speisen auf einige dynamische Inhalte direkt an der Spitze meines Kopfes hier machen wollen. Was wäre, wenn wir die Seite gewinnen wollten? Lasten haben die Hintergrundfarbe ändern, so dass wir unseren Körper auswählen würden. Es ist ein variabler Körper Dokument, Abfrage , Selektor, Körper in einer Zeichenfolge, und das wird dies auswählen. Und dann sagen wir, Körper, dass Stil Hintergrundfarbe, Kamel gehüllt ist gleich si gewonnen fünf. Wir sehen uns 1515 und weil der Text schwer zu sehen sein wird, änderte sich auch wirklich die Farbe . Das und dann lassen Sie uns auch die Inter html Willkommen auf meiner Seite ändern. Wenn wir uns also den regulären Ishmael ansehen, ist da nichts drauf. Wir gehen wieder auf die Seite zurück. Da ist nichts drauf. Ich werde um fünf schlagen. Und sobald dieses JavaScript fertig ist, wird es die Seite komplett ändern. Genau so. Jetzt haben wir kein CSS geschrieben. Wir haben nein geschrieben, HTML. Dies ist rein JavaScript. Nun, das ist, was eine selbstaufrufende Funktion ist. Solltest du sie die ganze Zeit benutzen? Nein. Gibt es Zeiten, in denen Sie sie verwenden möchten? Absolut. Ja, wie zum Beispiel, zum Beispiel, wenn Sie eine Parallax-Bibliothek laden, wissen Sie, wie Sie die Seite nach unten scrollen und einige Elemente scrollen in einem anderen Tempo in der restlichen Seite, die Parallax genannt wird, und in Javascript möchten Sie das möglicherweise sofort laden. Sobald die Seite I Dies beginnt, Ihr JavaScript zu laden. Willst du das auch, auch, wer fängt an zu laden? Weil es so am besten aussieht. Aber es gibt andere Zeiten, in denen Sie vielleicht unseren Taschenrechner nicht mögen möchten, den wir gemacht haben. Warum sollte das eine selbstaufrufende Funktion sein? Tut es nicht. Das ist ein Ereignis, das heißt, wenn eine Schaltfläche Collector ist. Wenn das Formular gesendet wird, wird diese Funktion ausgelöst. Es gibt also einen Ort in der Zeit für selbstaufrufende Funktionen. Es gibt einen Ort in der Zeit für regelmäßige oder anonyme Funktionen als auch. Also, was ich möchte, dass Sie für diese Lektion tun, erstellen Sie einfach eine selbstaufrufende Funktion. Geh einfach weiter und schreib es. Sie haben Zugriff auf den gesamten Code, den wir während dieses Kurses geschrieben haben. jedoch Wenn Siejedochdie Zeit haben, würde ich es vorziehen, wenn Sie dies von Hand schreiben könnten, nur damit Sie irgendwie ein Gefühl dafür bekommen können . Ich weiß manchmal, wenn du in der Sprache schreibst, deine Finger irgendwie ein bisschen widerstandsfähig, warum sollte ich hier in Klammern setzen? Und warum sollte ich dann nicht in Klammern setzen? Lockige Klammern es ist gut für Ihr Muskelgedächtnis. Es ist gut, den Typ schneller zu lernen, um ein wenig produktiver zu sein. Ähm, und insgesamt ist es nur eine gute Übung. Wenn Sie also Zeit haben, würde ich es vorziehen, wenn Sie das ausschreiben könnten. Aber wenn Sie ein wenig Zeit haben, zögern Sie nicht, JavaScript bei Js zu öffnen. Nur Spielzeug um mit diesem Code, auch wenn es so einfach ist, wie die Änderung der A C 1515 auf nur schwarz 000 Ich möchte nur, dass Sie einige Hände auf Erfahrung mit diesem machen, bevor wir unser nächstes Projekt starten. 27. Das Keywort: Alles klar, also haben wir über Funktionen, anonyme Funktionen, selbstaufrufende Funktionen gesprochen anonyme Funktionen, . Und nun schauen wir uns einige der Eigenschaften innerhalb dieses Schlüsselworts an, das Wort, das Sie nicht sehen können, aber ich mache Luftzurate. Das Schlüsselwort this ist ein spezielles, reserviertes Wort, das für die objektorientierte Programmierung verwendet wird. Lassen Sie uns also einen Blick darauf werfen, wie sich dies auf eine Funktion bezieht. Wir haben eine Funktion, in der er es alles nennen wird, und hier verwenden wir diesen Punkt-Variablennamen, was auch immer dieser Variablenname sein mag. Aber in diesem Moment gibt es das nicht. Nun wird dieses Schlüsselwort verwendet, um alle anderen Informationen zu erfassen, die mit einer Funktion namens irgendetwas verbunden sind. Also, wenn wir einen Konsul Erwachsenen loggen Sie sich auf das Schlüsselwort ein und lassen Sie uns einfach diese Funktion ausführen kann auf meine Seite gehen und ich habe gerade aktualisiert. Es gibt mir eine Menge. Es gibt mir alles, was ich damit machen kann. Dies ist ein sehr mächtiges Wort, das wir jetzt Listen gesehen haben, aber wir haben noch nie eine ziemlich umfangreiche Liste davon gesehen, was wir tun können und was nicht. Dies ist eine sehr mächtige Sache, aber darin gibt es auch die Möglichkeit, Ihre eigenen Variablen hinzuzufügen. Nun werden diese Variablen, die mit dem Schlüsselwort this verbunden sind, Eigenschaften genannt. Also jede Art von Variable innerhalb einer Klasse, die fortgeschrittener ist. JavaScript diese Luft, genannt Eigenschaften und Funktionen innerhalb einer Klasse werden Methoden genannt. Ich muss mich vorerst nicht daran erinnern. Vielleicht steckst du das einfach ein bisschen in deine Gesäßtasche. Was passiert also, wenn wir diese Startnummer sagen? Wird es konsultieren? Es ist undefiniert. Okay, nun, da wir wissen, dass es undefiniert ist, können wir sagen, wenn diese Aktiennummer und ich nur eine Nummer erfinden, könnte das wirklich alles andere sein, was du nennen willst. Es ist gleich einem strengen Vergleich. Nicht definiert. Dann lassen Sie uns das auf etwas setzen, das Null sein wird. Dieses erste Konsul Log sollte also nicht definiert sein. Aber jetzt haben wir es als Null definiert. Nun, wenn wir trösten, loggen Sie das nochmals, hier ist, was wir bekommen werden. Null unter Financier, genau wie erwartet, weil Computer, zum größten Teil, von oben nach unten laufen. Nun, das gab es noch nicht, aber jetzt tut es es. Nun, dies ist nicht anders als die Zuweisung einer normalen Variablen innerhalb einer Funktion. Warum also überhaupt das Schlüsselwort „this“ verwenden? Nun, vor allem ist es eine großartige Einführung in die objektorientierte Programmierung, die Punktnotation diesen Punkt , den wir an allen möglichen Orten sehen, wenn wir über Strings sprechen und wir die Länge bekommen, Das ist es, was wir tun. Also, was passiert, wenn wir wollten? Teoh hat diese Funktion mehr aufgerufen als diejenigen, die wir sagen konnten. Jedes Mal, wenn diese Funktion aufgerufen wird, machen wir diese Punktnummer plus plus erhöhen Sie einfach die Zahl um eins. Geben Sie es dem hier. Befreien Sie sich dies und die Konsole protokollieren Sie diese Startnummer. Dies wird vermutlich die Nummer eins gezeigt, weil es nicht definiert ist. Definiert es als Null und in jedem Fall, Inkrement um eins So niedrigste Zahl dies sein könnte, ist eine Aktualisierung Ihrer Seite. Da gehen wir. Nummer ist Eins. Aber was passiert, wenn ich diese Funktion wie 10 ish mal kopiere? Es wurde tatsächlich in Tenniszeiten geboren. Sieh dir das an. Wir sehen nun, dass diese Bestandsnummer eine Inkrement-ID hat. Wie oft von 1 bis 12. Jetzt speichern wir Informationen in einer Funktion, die nicht jedes Mal überschrieben wird , wenn wir sie verwenden. Jede andere Funktion, die wir jede andere anonyme Finanzierung selbst verwendet haben, ruft Funktion auf, dass wir alle Variablen geschrieben haben, überschreiben einander jedes Mal. Es ist wie ein frischer Schiefer jedes Mal, wenn du es nennst. Aber manchmal willst du das nicht. Manchmal möchten Sie einige dieser Informationen beibehalten. So können Sie jetzt im Wesentlichen Informationen innerhalb Ihrer Funktion speichern, die nie überschrieben werden, es sei denn, Sie möchten sie explizit überschreiben. Jetzt kommt das Schlüsselwort dieses ins Spiel, wenn es beginnt, in objektorientierte Programmierung zu gelangen , was bedeutet, dass Sie Klassen haben, nicht nur Funktionen. Klasse ist im Wesentlichen eine Gruppe von Funktionen, die für einen gemeinsamen Zweck zusammenarbeiten. Und wenn Sie damit beginnen, wird das Schlüsselwort dieses sehr wichtig, da dies sich auf das gesamte Objekt bezieht. Also funktioniert alles so. Eigentlich ist es nicht abgeladen, dass sich dies auf Ihre Funktion bezieht. Das ist es, worüber es geht. Es gibt also keine Aufgabe dafür. Diese Lektion, die ich wollte nur wissen lassen, dass das Schlüsselwort existiert. Ich muss nichts damit machen. Wissen Sie nur, dass Sie in der Zukunft auf das stoßen werden, besonders wenn Sie anfangen, Dinge wie Jaqui zu lernen, verwendet dieses Schlüsselwort ah viel und das Wort an diesem Schlüsselwort bezieht sich auf Funktion, in der es lebt. Nein, wenn Sie eine Funktion innerhalb einer Funktion umschließen. Wenn Sie also eine andere Funktion hatten, bezieht sich dieses Schlüsselwort auf diese. Und wenn Sie jemals dieses Schlüsselwort verwenden wollten, indem Sie sich auf die irgendetwas Funktion verweisen, würden Sie Variable sagen und Sie nennen dies alles andere als eine gängige Praxis wie Unterstrich Tear unterstrichen. Dies ist gleich diesem und jetzt innerhalb dieser Funktion. Was Sie tun können, ist dieser Punktname ist gleich was auch immer. Also wieder, Sie müssen nichts damit tun, dass nur versteckt in Ihrer Gesäßtasche für jetzt, denn schließlich werden wir in das als JavaScript-Entwickler laufen. Und es ist eine sehr häufige Sache. Wenn Sie also sehen, dass nicht ausflippen, bezieht sich alles auf seine übergeordnete Funktion. 28. Hoisting: Alles klar. In dieser Lektion werden wir über das Heben sprechen. Also, was ist Hebezeuge? Nun, JavaScript hat diese einzigartige kleine Funktion, mit der Sie Variablen verwenden können, bevor sie sogar in vielen anderen Programmiersprachen deklariert werden. Das ist ein großes Nein. Setzen Sie JavaScript ein, können Sie später mit dem Deklarieren einer Variablen davonkommen. Das heißt nicht, dass du das solltest. Also, wenn wir nur kleine Devyn Rh E-Mail namens Test Head über zu einem JavaScript bei Js erstellen und wir rechts Variable A ist gleich etwas Gleichnis sein, können wir dann sagen, document dot queary selector test dot inter html ist gleich einem Plus. B ist tatsächlich an einem Platz da drin. A plus b speichern aktualisieren, und es wird angezeigt. Das ist nichts Neues für uns. Das liegt daran, dass wir hier eine Variable deklariert und ihr dann einen Wert zugewiesen haben. Was passiert? Wir werden das loswerden und deklarieren die Variable hier Variable eine Variable B Ich trage Refresh, und es ist immer noch geladen. Nun, was wir hier beobachten, heißt Hebeing und JavaScript. Das bedeutet, dass Sie variabel sind, wann immer es deklariert wird, wird wieder an den Anfang seines Bereichs gehen. Es gibt, dass wir mit dem Umfang nicht ganz vertraut sind. Was ist das? Wir werden in Kürze darauf eingehen. Es ist üblich. Ich verspreche es dir. Was passiert, wenn wir das tun? Du sagst das. Das ist etwas Undefiniertes. Warum ist eine Variable nicht definiert? Das liegt daran, dass der Abfrageselektor versucht, eine Variable ein etwas und eine Variable B zu verwenden Nein, es ist nicht, dass es nicht existiert. Es ist nur so, dass es noch nicht existiert. So wurde es erklärt, weil es unten war. Hier, variabel sein. JavaScript sieht dies so. Während B deklariert wurde, hat es noch keinen Wert und ist daher undefiniert. Während wenn wir ihm eine andere Variable gegeben haben, die nicht existiert, sehen und aktualisieren Sie die Seite, werden wir tatsächlich geöffnet. Unser Konsul C ist nicht definiert. Wir erhalten einen legitimen Fehler. Also mache ich voran und mache rückgängig, dass das unterwegs wieder nach oben geht und alles so im Wesentlichen funktioniert , was JavaScript tun wird, wenn du weit siehst, es wird sich nach oben bewegen. Nun lasst uns dies in eine Funktion ändern Text umschließen. Jetzt wickeln wir das in eine Funktion ein. Es wird genauso funktionieren, wie es wie erwartet funktioniert. Was ist, wenn wir weit A und B wieder unter den Abfrageselektor bewegen? Nun, es taucht immer noch perfekt auf. Der Grund dafür ist, dass weit wieder nach oben bewegt. Okay, also habe ich dieses Konzept wirklich niedergeschlagen, nach oben zu gehen und wieder Luftzurate zu machen. Aber was Sie nicht wissen, ist, dass unser A und B nicht aus seiner Funktion ausbricht. Sein Umfang ist die geschweiften Klammern bisher und wir werden nur hier oben bewegen. Welche Mittel von R und B. Außerhalb dieser Funktion ist jetzt nicht zugänglich, was mit anonymen Funktionen geht. Es geht mit Self-Infocomm-Funktionen. Regelmäßige Funktionen gehen mit jeder Art von Formensprache in JavaScript wieder ein. Wir kommen auf mein Versprechen, dass wir dorthin kommen. Aber vorerst ist es gut zu wissen, dass, wenn Sie eine Variable deklarieren, es nicht dasselbe ist wie eine Signatur von Wert. Eine Variable zu deklarieren bedeutet einfach, den Variablennamen zu erstellen, ist wie das Registrieren. Es bedeutet nicht, dass es einen Wert gibt, der damit verbunden ist, aber es bedeutet nur, dass es einfach existiert, aber Sie wissen nicht, was darin ist, bis Sie ihm etwas zuweisen, das ein String inter float sein könnte , undefiniert wissen, was auch immer Sie es nennen. Das ist also das Konzept hinter dem Heben. Jetzt, wenn Sie andere Sprachen wie Python PHP schreiben. Hoisting ist nicht sehr häufig, aber als JavaScript-Entwickler ist es gut zu wissen, dass das Heben dies jetzt tun wird. Es gibt hier eine bewährte Vorgehensweise, wenn Sie eine Variable deklarieren, die am oberen Rand des Bereichs deklariert wird, auch wenn Sie sie noch nicht verwenden. Also, wenn Sie einen Haufen Code hier drin haben, was auch immer das sein könnte. Selbst wenn Variablen A und B keine Zuweisung zu ihm haben, haben sie keine Werte. Erklären Sie sie sowieso. Dafür gibt es zwei Gründe. Heben kann manchmal zu Fehlern führen. Viele Entwickler sind sich nicht bewusst, dass das Heben eine Sache ist, und zwei, es sagt anderen Entwicklern, dass hey, in diesem Bereich die Variablen verwendet wurden. Sie haben vielleicht noch keine Werte, aber wir verwenden sie, und so gibt es anderen Entwicklern einen Kopf, damit sie wissen, was etwas früher vor sich geht , also müssen sie nicht lesen, wissen Sie, 2050 oder 200 Codezeilen, die plötzlich an sich denken. Hey, wo zum Teufel ist diese Variable wie „Warum“? Warum ist es hier? Warum wird es nicht woanders deklariert? Wenn sie in diese Funktionen kommen, wissen sie genau, worauf sie sich einlassen. Das ist also deine schnelle Einführungsstunde in das, was Heben ist. Es gibt keine Hausaufgaben. Damit gibt es wieder keine Aufgabe. Das ist nur eines dieser Konzepte, die du in deine Gesäßtasche steckst. Moment ist es sehr nützlich, wenn wir anfangen, zu lernen, wie Umfang tatsächlich funktioniert und was es tut, wenn wir anfangen, über Schließungen zu sprechen und was nicht? Aber wenn es zwei Dinge zu nehmen gibt, ist es eins. Das Deklarieren einer Variablen ist nicht dasselbe wie das Zuweisen einer Variablen, und die Deklaration der Variablen bewegt sich immer an den Anfang ihres Geltungsbereichs. Und zu ist, dass Sie Ihre Variablen am Anfang des Bereichs oder so früh wie möglich deklarieren möchten , Auch wenn Sie ihm keinen Wert zuweisen, deklarieren Sie es einfach 29. Probiere das Fach und schließlich: Hallo. Willkommen zurück heute in dieser Lektion, die wir über Versuchen, fangen und werfen sprechen . Nun, in den einfachsten Worten, versuchen und fangen ist irgendwie wie eine if else - Anweisung. Der einzige Unterschied ist in einem Versuch Catch. Es sucht nicht nach einem bestimmten, wenn sonst nach Fehlern sucht. Und als Entwickler wirst du auf eine Fülle von Eris stoßen, und manchmal weißt du nicht, was du mit ihnen machen sollst. Jetzt wird ein guter Entwickler diese Informationen, den Fehler nehmen , und sie werden damit umgehen. Sie werden es verarbeiten, und sie werden sicherstellen, dass der Benutzer als eine großartige Erfahrung, obwohl es einen Fehler gibt, der faule Entwickler nur das Skript töten wird. Und wir sehen das viel mit PHP-Entwicklern. Und es ist ein schrecklicher Howard, in den viele Entwickler kommen. Aber wenn Sie in eine Luft geraten, sollten Sie damit umgehen. Nein, ein Try Catch-Block sieht so aus. Sie haben Code hier ausprobiert und Sie haben hier einen Haken mit Ihrem Fehler. Nun, was macht das? Nun, bevor wir darauf eingehen, möchte ich Ihnen eine Best Practice sagen. Vernisten Sie Ihre versuchen Fangblöcke nicht. Das bedeutet, dass Sie nicht einen anderen Versuch in Ihrem mit einem anderen Catch-Fehler, der wirklich chaotisch wird. Und diese Art negiert den Punkt des Versuchs und fangen Stattdessen wollen Sie kleine versuchen fangen Airs schreiben. Wenn Sie nicht sicher sind, dass etwas zu Fuß geht, dann gebe ich Ihnen die richtige Antwort und nur dann werden Sie einen Versuch schreiben. Fänger. Sie sind nicht so häufig wie Aussagen geschrieben, aber sie sind unglaublich wichtig. Und sie kommen heutzutage mit so ziemlich jeder Programmiersprache. Also lassen Sie uns das eine Chance geben. Mal sehen, was hier passiert. Wir gehen Teoh, Versuchen Sie, eine Funktion auszuführen, die nicht existierte. Ich habe gerade gespeichert, dass meine Seite aktualisieren. Ich sehe nichts auf meine Konsole. Da ist nichts drin. OK, aber gibt es einen Fehler? Also lassen Sie uns versuchen, diese Warnung Fehlermeldung Punkt Nachricht. Das war es, was uns zurückgegeben wurde. Besteht nicht, ist nicht definiert Von hier an aus. Wir wollen uns irgendwie von Ares fernhalten, es sei denn, wir machen ernsthaft Fehler, in diesem Fall ist das in Ordnung. Aber eine bessere Praxis entweder Konsolenprotokoll oder loggen Sie einfach eine direkt auf die Seite. Also in ihrem Index von HTML. Wir haben noch diese Testentwicklung, also lassen Sie uns fortfahren und beenden. Dokument klar. Selektor-Test in ihrem html ZX zwei Fehler Punkt Nachricht Jetzt, wenn es einen Fehler gibt, kommt es in Form eines Objekts. Und dieses Objekt ist, wo Sie diese Punktnotation erhalten. Denken Sie nun daran, zurück mit Datentypen. Das war vor 100 Jahren. Zu Beginn dieses Kurses konnten wir auf Objekte von Daten zugreifen, indem wir einen Zeitraum verwenden, der einzigartige Zehenobjekte ist. Wir können das nicht mit einer Gehaltserhöhung machen. Arrays sind die quadratischen harten Klammern. Funktionen sind die abgerundeten Schläger, die Klammern. Und so, wann immer Sie einen Punkt sehen, das ist ein Objekt, wir retten uns, gehen Sie auf unsere Seite sagte. Okay, ich habe mich gerade aktualisiert. Und jetzt in unserem Testelement, sagt es nicht existiert ist nicht definiert. Aber welche anderen Informationen erhalten wir, während wir uns in einer Konsole auf das gesamte Fehlerobjekt anmelden ? Aktualisieren Sie die Seite und der Fehler, der zurückkommt, ist genau hier. Weißt du, wenn du nur konsolen willst, melde die Luft, du kannst das tun, um Log-Fehler und immer Punkt-Nachricht zu konsolen. Zeigen Sie, was das zurückgibt. Ich aktualisiere gerade die Seite und der Fehler war ein Referenzfehler. Die Fehlermeldung selbst lautet, Ist nicht vorhanden, ist jetzt nicht definiert. Was, wenn wir das anpassen wollen? Was, wenn wir sagen, wenn einer gleich eins ist, das immer wahr ist? Einer ist immer gleich einem anderen. Physik lügt. Physik ist eine Lüge. Wenn das wahr ist, wie unsere, wenn die eine nicht gleich eins jetzt hier ist, was wir tun können, ist, können wir einen Fehler werfen, speichern, dass eine Seite neu laden, wenn wir eine Probe Luft undefiniert bekommen, cool. Also wissen wir es jetzt. Aber der Fehler selbst ist eine Probenluft. Wir wissen dies, weil es die Protokollierung der jemals So jetzt haben wir eine Art von Richtung, schwächen vollständig angepasst und sagen, statt Satz für eine Luft, können wir sagen, unbekannter Benutzer. Und hier sagen wir, wenn Fehler dem unbekannten Benutzer gleich ist, tun Sie etwas hier drin, sonst ist es eine andere Luft. Nun, was wir hier tun können, ist, anstatt unbekannten Benutzer zurück auf die Seite. Benutzer möchten keine Luftnachrichten wie diese sehen. Ah, und die meisten Benutzer wissen nicht einmal, was diese Dinge. Eigentlich denken sie einfach, Oh, das ist seltsam. Das sollte wahrscheinlich nicht passieren. Und es ist irgendwie unheimlich für sie. Aber für uns, als Entwickler, wissen wir genau, was zu tun ist. Wir geben ihnen eine benutzerdefinierte Fehlermeldung. Wir sagen. Entschuldigung, du bist nicht mehr so angemeldet. Gehen Sie nun zurück, aktualisieren Sie Ihre Seite und es steht: Entschuldigung, Entschuldigung, Sie sind nicht mehr angemeldet. Und die Fehlermeldung ist unbekannt. Benutzer, das ist Datenfluss. Jetzt haben wir etwas zu arbeiten. Nun, um das ein bisschen besser zu machen. Lass uns diesen Namen machen. Äh, ja. Wie ist dein Name? Variablenname ist gleich Eingabeaufforderung. Wie ist dein Name? Und wenn Name nicht gleich einem geheimen Namen, Lassen Sie uns aber Geheimnis. Wir werden Luft werfen. Sonst tun Sie etwas Gutes. Willst du nur sagen, dass du hier rein bist, genau so. Speichern. Aktualisieren. Wie ist dein Name? Nun, wir suchen nach dem Namen Secret, dass Sie hier rein dürfen. Ehrfürchtig. Okay, also lasst uns wieder auffrischen. Wie ist dein Name? Mein Name ist Caleb, und es sollte mir einen unbekannten Benutzerfehler werfen. Und es tat auf bekannten Benutzer. Und weil wir wussten, was dieser Fehler war, konnten wir das anpassen und sagen, dass die Jahre von ihnen nicht mehr angemeldet sind oder dass ich ein Gast bin oder dass ich nicht erlaubt bin oder etwas in dieser Richtung, und das macht die Benutzererfahrung nur ein bisschen glatter. Wir haben hier kommentiert, werfen eine neue Luft. Jetzt haben wir noch einen hier drin, und das ist endlich geht zusammen mit versuchen und fangen. Und was das bedeutet, ist, unabhängig davon, was hier passiert, unabhängig davon, was hier drin passiert, immer diesen nächsten Abschnitt ausführen. Das ist, was wir tun können, ist, dass wir diese Zeile kopieren und wir können es anhängen und sagen, Lassen Sie uns einige HTML nur ah hinzufügen, grundlegende Zeilenumbruch und rechts versuchen Catch wurde schließlich genau wie diese erfrischende Seite ausgeführt. Wie ist dein Name? Lass uns gehen. Nein, wir wollen kein Geheimnis