ALLISON BUCHHOLTZ-AU: Alle Rechte jedermann.
Willkommen zurück in Abschnitt.
Es ist unsere vorletzte Abschnitt.
Es ist so traurig.
Ich weiß nicht, was ich tun werde, ohne zu sehen, euch jeden Montag.
Ich denke, wir sollten just-- nur vielleicht könnten wir
Hier treffen sich und ein Abendessen oder so etwas.
Ich weiß nicht.
Ich werde Essen statt zu bringen.
Wir müssen nur zu reden.
Aber ja, wird nächste Woche unser letzter Abschnitt.
>> In diesem Sinne, haben Sie ein Quiz nächste Woche.
Ich weiß, ich habe vergessen, meine zu tun, wie, 2 Wochen Vorankündigung in der vergangenen Woche,
aber hoffentlich euch wusste, dass dies kommen.
Hoffentlich ist dies eine der letzten Mittelklausuren für euch für das Semester.
Aber es geht zu decken alle Material, das wir über gegangen.
Also es ist nicht so einfach vergessen, etwa vier Loops oder Variablen.
Weil wir gelernt diejenigen, die in den Anfang,
das sind offensichtlich Freiwild für Ihr Quiz.
>> Es wird sein, das gleiche Format, gleiche Länge, so dass Sie bereits daran gewöhnt.
Es geht um sein Codierung von Hand Probleme,
vielleicht einige true false, vielleicht einige kurze Antwort.
Deshalb sollte man sein mit dem Format vertraut
vor allem wenn Sie nehmen Die Praxis-Tests.
Aber als ich hier sage, ist es kumulativen, aber wir sind auf jeden Fall
sein werden, auf die sich Dinge, von Woche sechs weiter.
Also, wir sind wahrscheinlich nicht dich fragen, wie viele Bytes
sind in jedem Typ oder diese Art von Sachen,
aber wir sind wahrscheinlich zu sein Interesse an Dinge wie verkettete Listen,
oder anderen Datenstrukturen, oder verschiedene Algorithmen
dass wir gesprochen haben.
So stellen Sie sicher, du bist wirklich über denen, und wenn Sie
müssen alle Ressourcen, hier ist jede Menge Ressourcen.
Ich habe gerade Art gab dir eine kurze Liste gibt.
>> Nächste Woche wird Quiz sein überprüfen während dieser Zeit.
Also, wenn Sie Fragen haben, oder spezifischen Themen,
bestimmte Dinge auf dem Quiz, Sie möchten, übergehen Sie bitte
schickt sie mir vor der Zeit, so kann ich etwas Material für diese Art der Vorbereitung.
Und zusätzlich zu diesen Abschnitt Überprüfung, werden wir
Auch werden halten den Kurs weit prüfen wie wir beim letzten Mal.
Und es wird sein, von den gleichen Leuten getan.
Ich weiß nicht, ob das macht es besser oder schlechter,
aber es wird für mich sein, Hannah, Davan und Gabe wieder.
Also, wenn Sie kommen, sehen wollen uns alle Geplänkel miteinander
und gehen Sie durch Quiz Kritik, sollten Sie auf jeden Fall
kommen auch auf diesen kommenden Montag.
So dass Sie einfach nur einen Montag Marmelade Quiz Kritik, was gut ist verpackt
weil Dienstag dann haben Sie durch alles zu verarbeiten.
>> Aber auf jeden Fall tun überprüfen aus diesen Ressourcen.
Study.csv.net ist mit Abstand, I denken, eine der nützlichsten,
vor allem, weil es eine Menge von Beispielcode,
sie alle Machtpunkte hat mit allen Notizen darauf
die sind wirklich das, was ich am meisten zu ziehen meiner Abschnitt Materialien aus.
Wenn es etwas gibt in früheren Abschnitte, die ich verschickt habe
dass Sie möglicherweise nicht über bekommen, lass es mich wissen.
Wie Beispielcode in der vergangenen Woche, wenn jemand nicht bekommen, dass,
emailen Sie mich einfach an oder kommen mit mir reden, und ich werde dafür sorgen, dass du das her.
>> Also mit diesem, heute werden wir zu sein, darüber zu reden JavaScript.
So here we Tommy, wer ich bin gerade ein Gespräch mit Ihnen letzte Nacht.
Ich liebe Tommy.
JavaScript ist sein Lieblings Sprache, wie er sagt hier.
Sie werden versuchen und Ihnen sagen, dass es nicht die beste, und sie werden falsch sein.
So Tommy ist ein JavaScript-Master.
Ich bin an seinem nicht ganz Ebene, aber ich war wie,
"Tommy, wie kann ich lehren diese Kinder JavaScript? "
Also habe ich ein paar Tipps, damit hoffentlich klappt.
>> So ein paar Dinge zu wissen, ist, dass JavaScript ist eine Client-Side-Scripting-
Sprache, so dass während PHP ist etwas, dass wir als weitere serverseitige,
es wurde auf den Server hochladen, zusammengestellt und dort ausgeführt.
Diese Anweisung ausgeführt auf Ihrem eigenen Rechner.
OK?
So können Sie einige JavaScript-Seite zu laden, und führt sie auf Ihrem Computer.
Syntax ist sehr ähnlich zu C und PHP.
Wir werden durchgehen einige Beispiele für JavaScript
und du wirst sehen, dass die wie wir über Variablen sprechen, Schleifen,
Bedingungen sind alle sehr ähnlich.
OK?
Die Tatsache, dass sie so ähnlich sind, ist wahrscheinlich zu einigen von euch stolpern
oben, in manchen Fällen nur weil Sie werden ein wenig von C integrieren
wo es nicht sein sollte.
Vielleicht haben Sie versucht, und geben Sie etwas, wenn sie werden nicht eingegeben.
>> Und dass, eine Sache, wissen ist, dass Sie JavaScript
wird ein dynamisch typisierten Sprache wie PHP.
Also, wenn Sie Jungs erinnern aus dem Abschnitt in der vergangenen Woche,
wenn wir waren irgendwie tut unsere PHP-Crashkurs,
wir sahen, wie ein String sein könnte verwandelte sich in einen int ein, und so weiter.
Die Art der Ihre Variablen werden zur Laufzeit festgelegt,
so dass sie über ändern die Laufzeit des Programms,
und in der gleichen Weise, dass wir noch nie wirklich erklären Typen für PHP-Variablen,
werden wir werden das gleiche tun, ist hier, wo wir nicht wirklich
Steuern der Arten der Variablen, so zu sprechen, wie wir es in C tun
>> Und dann eine Sache, das ist ziemlich cool ist
dass Sie Fehler überprüfen über die Konsole,
mit diesem großen Funktion console.log, die
ermöglicht es Ihnen, verschiedene drucken Variablen oder Objekte, die wir
sprechen.
Genau wie letzte Woche, als ich wie: "Verwenden Sie diese Funktion," mit dump
von Ihrem pset dies ist eine Funktion, die Sie verwenden möchten, console.log.
Ich war so überrascht, wie viele Studenten an der Bürozeiten
wusste nicht, um die Sendefunktion.
Und ich war wie, "Jungs, dieser Wille machen Ihnen das Leben so viel einfacher. "
>> Na gut, das war also Art nur eine kurze Sache, wie immer,
Wir haben Beispiele.
Ich weiß, Sie Jungs lieben die.
Also hier ist ein Beispiel für eine sehr einfache JavaScript-Datei hier.
So ist es nur geht, um zu erstellen Dieses Pop-up, das sagt,
"Hallo Welt", wenn Sie geben Sie die Seite, aber wir
versuchen und zu Fuß durch diese ein wenig.
So offensichtlich dies nur wie Ihr normales index.html.
Also, einfach unsere normale Template hier, und wir müssen HTML, wir haben unseren Kopf,
und wie bei CSS, wie wir enthalten einige außerhalb Datei, oder?
Wir haben einige script type Text, der JavaScript ist.
Und die Quelle hello.js, Das ist hier unten.
Dies ist die gesamte Datei von hello.js.
Und dann haben wir einige haben Titel und einige Körper HTML
dass wir nicht wirklich über.
>> Was passiert, ist, wenn wir diese Seite zu laden, es wird automatisch ausgeführt, dieses Skript.
OK?
So JavaScript wird automatisch ausgeführt werden.
Also, was es tun wird, es geht sofort wechseln und dies.
Und es wird sagen: "Alarm.
Hallo Welt. "
Welche Warnung ist die Funktion, tatsächlich erzeugt dieses Kontrollkästchen.
OK?
Also, es ist irgendwie alles zu umfassen.
Es gibt nichts, wir mussten zusätzliche um neben nur Alarm zu tun,
und dann, was wir wollten in unserem Alert-Box.
OK?
Also das ist nur eine super einfach Beispiel dafür, was JavaScript fähig sind.
>> Einer der wirklich cool Dinge, wie wir sehen werden,
ist, dass JavaScript können Sie um Ihre Web-Seiten zu manipulieren,
ohne laden sie jedes Mal.
Also, wenn Sie zum Beispiel want-- wenn Sie über etwas schweben,
wenn euch jemals gesehen wie Menüleisten,
oder wenn Sie über einige schweben Thema, erscheint ein Auswahlmenü,
das ist, weil von JavaScript.
OK?
So dass Sie nicht Neuladen der gesamten Seite zu ankommen dieses Menü zu zeigen,
Sie gerade auf der Suche nach einem spezifischen Aktion, die der Benutzer gefunden hat,
die Ereignisse genannt, die wir bekommen werden in, und wenn Sie sehen, dass, sagen Sie,
"OK, bearbeiten etwas auf diese Seite und machen es anders aussehen,
sondern nur diese spezifischen Dinge zu bearbeiten.
Laden Sie nicht, die ganze Sache. "
So ist es eigentlich viel schöner, und müssen Sie nicht auf Ihre Seiten neu zu laden,
und es ist wirklich cool.
>> So Variablendeklarationen, schauen Sie sich die Art zu sehen,
Ich ganz oben in der hier lose typisiert.
Also das ist sehr ähnlich wie PHP.
Wir brauchen nicht zu sagen, JavaScript Was Typ sind wir
erwartet jede dieser Variablen ist.
Sie können sein, was Typen wir wollen.
So dass Sie in diesem Fall feststellen, erklären wir sie sehr einfach, nur mit "var"
und dann, was wir wollen unsere Variablennamen sein.
Eine Sache zu beachten ist, dass, wenn Sie setzen var vor einem Variablennamen,
lokal Tive es.
OK?
Es ist völlig angemessen für Sie vollständig nur löschen Sie die var
und nur noch s entspricht CS50 und das wäre nur eine globale Variable sein.
OK?
So können Sie es initialisieren in beide Richtungen, nur darauf an, wie Sie es wollen.
Also, wenn Sie die Initialisierung sind es in einer Funktion,
und Sie diese Variable zu wollen bleiben innerhalb dieser Funktion Gültigkeitsbereich,
Sie gehen zu wollen, sind so etwas wie var nennen eine Variable,
gegenüber, wenn Sie es wollen Bereiche, und Sie
kann nur tun, den Namen die Variable und dann
was auch immer Sie möchten es auf gleich.
OK?
>> Das ist irgendwie cool, was hier unten, denn wenn wir unsere variablen merken
b beginnt als wahr.
Und was diese does-- können mir jemand sagen was das bedeutet?
Wir haben also eine Benachrichtigung.
Was wäre der b geben sein am Anfang?
ZIELGRUPPE: Boolean.
ALLISON BUCHHOLTZ-AU: Boolean.
Richtig.
Und dann haben wir weisen Sie b Dieser Saite, nicht wahr?
Also hier, welche Art von b sein?
Es wäre ein String sein, nicht wahr?
Also, was ist wichtig, Hinweis ist, dass in c, wir
könnte fast nie tun so ähnlich.
Wir müssten eine Variable haben, warf es als etwas anderes,
vielleicht tun einige Funktion mit zwei i, gehen aus einer Charge in eine Ganzzahl.
Aber wenn wir bemerken hier, b sehr leicht verändert geben.
>> ZIELGRUPPE: Warten Sie, so können Sie nur sein wie: "machen b eine ganze Zahl?"
>> ALLISON BUCHHOLTZ-AU: Ja.
Sie können einfach neu zuweisen b in eine Ganzzahl.
>> ZIELGRUPPE: Wirklich?
>> ALLISON BUCHHOLTZ-AU: Ja.
Und dann wäre es ein int sein.
So Ihre Variablen können über ändern die Laufzeit des Programms zu.
Sie sind nicht streng typisiert.
Es ist sehr lose typisiert.
OK?
Grundsätzlich Ihre Variablen können tun, was sie wollen, wie wir irgendwie sah mit PHP.
Sie können einige verrückte Dinge zu tun, so es ist wichtig, ziemlich vorsichtig.
Benennen Sie Ihre Variablen auch.
Wenn Sie nicht, mit einem Mal alles tun, wirst du aussehen,
"Warte, ich dachte, das war ein String, und jetzt ist es ein int,
und ich bin mir nicht sicher was ist denn hier los. "
Also das ist nur ein einfaches Beispiel die zeigen, wie eine Variable kann leicht
die Änderung des Typs über der Verlauf eines Programms.
>> OK.
Also das aussehen sollte super, super vertraut.
Das sind unsere Schleifen in JavaScript.
Es sind genau die gleichen, außer für statt vier int i gleich Null ist,
wir könnten einfach sagen var i gleich Null ist.
Und dann haben wir unsere dieselbe Art haben könnte der Bedingung, dieselbe Art von Update,
i plus plus funktioniert prima.
So fours gleich sind, whiles gleich sind,
und tun whiles sind genau die gleichen.
Gleiche Art von allgemeinen Format.
Wir stellen fest, vier, Klammern, Klammern, es ist alles das gleiche.
Auch wird es ein Semikolon sein wenn wir zu Beispiel-Code.
Du wirst sehen, es ist ziemlich das gleiche wie c.
>> Für Funktionsdeklarationen, wieder, sehr ähnlich.
Wir haben eine Funktion, die gerade sagt, dass es eine Funktion, und dann
der Name unseres Funktion und die Eingänge.
Und wieder, wenn wir feststellen, wir Es ist kein Arten hier auch immer.
Richtig?
Wir haben nichts zu sagen, dass diese müssen ints oder Doppelzimmer, oder Schwimmer sein.
Sie konnten sein, was sie wollen.
Wichtig ist zu bemerken, dass müssen wir die Funktion vorher zu schreiben
JavaScript wissen zu lassen, dies ist eigentlich eine Funktion.
>> Das ist also nur einige einfache Summe Funktion, x oder y gibt,
und dann, was auch cool ist, dass man tatsächlich
Zuweisen einer Funktion einer Variablen zu.
So dass in diesem Fall nun die Summe Funktion, die tatsächlich Summe.
Also, wenn Sie hier bemerken, haben wir Funktion Name Funktion Eingänge.
Richtig?
Hier haben wir nur Funktion und Eingänge.
So spricht man eine anonyme Funktion.
Und das ist etwas, was neu sein sollte die meisten von euch, wenn nicht alle von euch.
Also im Grunde, was das Mittel ist, dass wir nicht
müssen Name unseres Funktion in diesem Fall.
Wir können nur sagen: "OK, ich bin zu gehen haben diese Funktion, die ausgeführt wird, hier
sind die Eingänge, und hier ist was es tun wird. "
Und vor allem, wenn Sie die Zuordnung sind eine Funktion, um einer Variablen
dass Sie gehen zu manipulieren sind, Sie nicht unbedingt tun,
müssen es denn nennen du gehst zu meinst
ihr durch diese variable Name, nicht von was auch immer
die Funktion hieß eigentlich.
OK?
>> Also, wenn wir hier sehen, werden wir haben einige variable Summe jetzt
, die gleich der Summe von drei und fünf.
Und wir würden dieses.
Und das wäre nur eine gewisse Warnung, drei plus fünf ist gleich der Anzahl.
Dieses Plus wird einfach verketten was auch immer unsere Antwort auf die Saite.
Auch cool, plus Strings verketten.
>> Für JavaScript als mit PHP, HTML, CSS und wie gesagt,
ein großer Teil davon sind wir Art der Einnahme die Stützräder ab hier
und euch eine Menge Know haben wie man wirklich verstehen, diese Dinge.
Sie sind etwas anders, aber sie sind nicht so fremd
und dass man die Dinge nicht Google oder Suchen Sie sie online mit w3 Schulen.
Und wir wirklich erwarten Sie Jungs, Art, Experiment
und lernen, auf eigene Faust.
Also, ich weiß, das könnte ein wenig scheinen weniger gründlich als einige der Dinge, c
wir tun, aber das ist eigentlich für einen Grund.
Aber hoffentlich ist es nicht zu anders, und es ist nicht überwältigend.
>> So Arrays in JavaScript wieder sehr, sehr ähnlich.
Richtig?
Wir haben einige Variablen-Array das ist gleich leer Klammern,
und das ist nur ein leeres Array.
Dies wird häufig als wörtliche Array-Schreibweise.
Das ist nur eine Sache, die wir es nennen.
Wenn wir sehen, Array beiden hier haben wir einige wörtliche Array, das drei Elemente hat,
oder?
Und dann haben wir einige haben var dritte Element, das ist
eine Variable, die gerade ist werde diese Saite zu halten, JS.
>> Die Elemente, gut zu merken, werden durch Komma getrennt,
so wie wir es erwarten würden.
Und Sie können auch auf diese, wie wir in C, mit diesem Index-Schreibweise, oder?
So verschieden von PHP Jetzt werden wir wieder gehen
um nur eine Art, die sich die Dinge beim Index.
Genau wie C, es ist auch Null-Index.
Ich habe das Gefühl, es wäre wirklich grausam wenn sie plötzlich JavaScript ein
Index, und man musste komplett überdenken, wie Sie Arrays zu denken.
>> Eine coole Sache ist, dass statt zu müssen, wenn Sie jemals do--
wollte die Länge eines Arrays, vielleicht haben Sie durchlaufen
bis Sie einige Ende oder Sie weiß nur, was es ist.
Da JavaScript ist sehr locker in mehr Möglichkeiten als nur Art, wie wir hier sehen,
wir können einfach dieses Array zu machen größer, weil wir uns entscheiden,.
Wenn wir feststellen, Array drei hat drei Dinge, um zu starten,
aber dann ganz plötzlich, wir sind wie: "Oh, nur ein Scherz.
Wir sind eigentlich vor sich geht um es zu machen 101 Sachen. "
Also, wenn Sie schon mal in die wissen wollen tatsächliche Länge des Arrays,
Sie es wie folgt tun.
Und wir werden eine Menge zu sehen dieser Notation in Beispielen
aber mit JavaScript es ist in der Regel unabhängig von
Objekt, das du sprichst dot welcher Art von Funktion
Sie sie angewendet werden sollen.
OK?
>> Also in diesem Fall unsere Objekt Array zwei,
und wir sagen, wir wollen, dass die Länge der Reihe zwei.
Also das nur Anrufe wie Länge auf, dass.
Und das wird Ihre Länge zurück.
Auch etwas zu beachten ist, dass, wenn wir beachten Sie unsere Arrays,
im Gegensatz zu C, die sie nicht haben um alle vom gleichen Typ sein.
Das ist viel mehr wie PHP.
JavaScript ist im Grunde genau wie Diese interessante Verschmelzung von C und PHP.
Also werden wir in das zu bekommen.
Denn jetzt, lass uns einfach davon ausgehen, dass Ihre Arrays sind grundsätzlich
wie C-Arrays, dass sie Null indiziert.
OK, das ist alles.
Sie können auch einfach erweitern ein Array-Index, was auch immer Sie wollen.
Dies würde wahrscheinlich seg Verschulden Sie oder geben Ihnen einige Fehler,
JavaScript ist wie: "Nein, es ist in Ordnung.
Ich habe diese.
Wir werden einfach geradeaus wo Sie wollen. "
>> OK, so dass Objekte sind sehr wichtig.
You guys verwenden werden eine Menge von diesen in Ihrem P-Set, wenn ich mich richtig erinnere.
Also die Sache, dass es sich ähnlich wie in C sind Strukturen.
So können Sie sich vorstellen können, wenn about-- gehen wir zum Beispiel rechts
danach Ich denke, es wird machen viel mehr sense--
aber wir nutzen, um Objekte im Grunde organisieren natürlich bezogene Informationen.
Wenn wir darüber gesprochen Strukturen in C, wir oft
sprechen von einem Studenten, der einen Namen hatte, ID, Haus, weißt du, Konzentration.
Und das ist Art von der gleichen Sache dass wir Objekte für Sie hier.
Es ist einfach zu organisieren ähnliche Informationen.
>> Sie können auch von ihnen denken, wie mehr ähnlich wie Arrays in PHP assoziativ.
So würde Art der Sache sein wo wir einige Schlüssel mit einem bestimmten Wert,
sehr ähnlich wie PHP.
So können Sie einige initialisieren leeres Objekt, wie wir hier oben sehen
nur mit geschweiften Klammern.
So Arrays sind in eckigen Klammern.
Leere Objekte sind geschweifte Klammern.
Gute Unterscheidung zu haben.
Und das sind nur zwei verschiedene Möglichkeiten, um Eigenschaften festzulegen.
So ist diese Art von viel mehr von einer Weise,
ist ähnlich wie PHP, mit unseren assoziative Arrays, mit unseren wichtigsten,
und unser Wert, während dieses ist-- du wirst
sehen diese sehr viel mehr in JavaScript.
Dieser neigt dazu, die Konvention sein.
Und in der gleichen Weise, die wir getan haben Array zwei Punktlänge, dies zu sagen,
"OK, gib mir dieses Attribut dieses Objekts. "
Richtig?
So ist die gleiche Art und Weise, es war wie, "geben Sie mir das Attribut Länge Array zwei "
Diese sagt: "gib mir etwas Eigentum unserer leeres Objekt. "
Oder in diesem Fall sind wir Zuordnung zu einem bestimmten Wert hier.
Aber man konnte auch auf das so.
>> Und hier ist das nur die zwei verschiedene Warnungen.
So würde dies die Warnungen zeigen würde genau die gleiche sein,
es ist nur zwei verschiedene Arten, Zugriff auf das Element, das wir wollen.
Heißt das sinnvoll sein, alle?
Ich fühle mich wie dieser wahrscheinlich sinnvoller,
nur weil wir sind weg von PHP kommen.
Aber wie wir mehr Beispiele, diese buchstäblich genau das gleiche.
Vieles davon wird ändern Sie einfach in der Syntax.
>> OK, also Beispiele.
Ich liebe Beispiele.
So, hier ist einige CS50 Variable, die ein Objekt ist,
und speichern wir alles Informationen über sie.
So haben wir natürlich Lehrer, tfs, psets und abgeklebt.
So bemerken wir, das sind fast alle verschiedenen Typen.
Richtig?
So können Objekte speichern Attribute von verschiedenen Typen.
Wir denken kann this-- es sehr ähnlich wie unsere assoziativen Array in PHP.
So Schlüssel, Wert, Schlüssel, Wert, Schlüssel, Wert, so weiter und so fort.
Was ebenfalls in der gleichen Weise interessant dass wir Arrays in Arrays,
wir können auch Objekte innerhalb haben Objekte oder Anordnungen innerhalb von Objekten.
Du bist nie wirklich beschränkt nur ein einziger der Dinge.
Wir können sehr Inceptionesque bekommen, nur fahren Sie in den Kaninchenbau gibt.
>> Also, wenn wir merken, wir haben einige natürlich, dass
ist eine Zeichenfolge, Lehrer, die ein String ist, und Array ein int und ein Boolean.
Also all diese verschiedenen Dinge.
>> Na gut, so haben wir einen anderen.
Also in diesem Fall, wir haben eine Anordnung von Gegenständen.
Also nur ein Objekt gern kann ein Array darin haben.
Wir können auch eine Reihe von Objekten.
Das kann sinnvoll sein denken über ähnliche Art
wie wir hatten eine Hash- Tisch, wir hatten eine Reihe
all dieser verschiedenen Arten von Strukturen, dass
waren Hinweise auf verschiedene Knoten und so weiter.
Aber in diesem Fall haben wir haben eine Reihe von Objekten.
Also das ist wie ein Array von assoziativen Arrays.
Also haben wir eine erste Element hätte ist das Objekt mit dem Namen James
und beherbergen Winthrop.
>> Ihr habt vielleicht noch erinnern etwas sehr ähnlich wie diese
mit Ihrem letzten pset, wo, wenn Sie zog etwas aus Ihrer Datenbank,
die erste Art von Sache in Ihrem Array war
alle Informationen, die über der erste Benutzer, die es traf,
und dann musste man Index in die ihre Lager oder deren Cache erhalten
oder was nicht alles.
Also das ist sehr ähnlich Sache, nur eine kleine Veränderung
in der Syntax, wenig Änderung die Worte, mit denen wir sie zu beschreiben.
>> Also, wenn wir wollten, kann mir jemand sagen mir, was diese Warnung wäre hier zu tun?
Oder was dieses Stück Code wäre für uns tun?
ZIELGRUPPE: Es gebe Ihnen alle Namen.
ALLISON BUCHHOLTZ-AU: Ja, so ist es wäre nur mit allen Namen warnen
weil es durch zu gehen Ferienhaus i, so dass es würde bei Null zu beginnen.
Also würde es zu sagen, OK Wir suchen an diesem ersten Objekt, das
ist der erste Schlitz in unser Angebot.
Und er sagt, "mir die zuschreiben, den Namen des Objekts. "
Also haben wir hier gehen, würden wir Scan, wir würden Namen zu finden,
und wir würden ausdrucken James, Molly und Carl.
Haben Sie Fragen so weit?
JavaScript leider wirst du sein wirst
tun eine Menge blickte auf Ihrem eigenen, herauszufinden, die Syntax,
Auseinandersetzung mit ihm.
Aber natürlich bin ich immer hier, Bürozeiten sind immer hier.
Ich könnte am Dienstag dieser Woche.
Also, wenn Sie dort sind, können Sie besuchen Sie mich in dieser Woche.
Es wäre großartig.
>> OK, also DOM Document-Object Model.
Also das ist nur ein Weg, dass wir gerne glauben,
darüber, wie unsere HTML und alles in ihm organisiert.
Das ist sehr, etwas, das wird wahrscheinlich kommen auf dem Quiz.
Ich weiß, mein Jahr, es war wie hier, HTML-Datei, füllen Sie das DOM dafür.
Und Sie füllen Sie einfach Kleinigkeiten.
Diese sollten einfach Punkte hoffentlich.
Hoffentlich werden Sie see--
>> ZIELGRUPPE: [unverständlich]
>> ALLISON BUCHHOLTZ-AU: So Sie sehen diesen Baum hier?
>> ZIELGRUPPE: Ja.
>> ALLISON BUCHHOLTZ-AU: So dass sie den Einsatz fragen
zu füllen, was unter dem Körper geht.
Vielleicht unter dem Körper, haben wir einige divs oder wir haben einige Absätze,
und wir werden Sie bitten, füllen ein Baum sehr ähnlich wie diese.
Also werden wir gehen werden, durch sie.
Also das Document-Objekt Modell ist nur ein Weg
zu strukturieren und zu denken, über unsere HTML grafisch.
Und auch wenn wir in mehr JavaScript
es wird das sein, so dass wir tatsächlich
verschiedene manipulieren Elemente auf der Seite.
Wir müssen einen Weg finden, jeder Zugriff von dem, was in unserem HTML,
und so gibt uns eine sehr Beton standardisiert
über verschiedene Web-Seiten zu tun.
>> Also, wenn wir nur zu Fuß durch dies hier natürlich
unser Dokument ist wie unsere gesamte Datei.
Das offensichtlich sinnvoll dass es das Höchste,
und dann haben wir unsere aktuellen HTML, das entspricht diesem Tag hier.
Auch wenn Sie in Ihrem Gedankenstrich Tags richtig, dann die Schaffung dieser DOM-Baum
wird super einfach.
Also haben wir etwas den Kopf hier.
Wir haben einige Körper, wir sehen, stammen aus der HTML,
weshalb wir haben Kopf und Körper.
Im Kopf gibt es einige Titel-Tag, ein Ende Titel-Tag,
so dass wir wissen, dass nach dem Kopf geht.
Und in unserem Titel-Tag, haben wir hallo, Welt.
OK?
Also das ist die ganze linke Ast.
Und dann für die rechte Hand Zweig Hier sehen wir, dass wir HTML,
OK haben wir diese Kopfteil durchgeführt, wir sind nur am Körper suchen,
also haben wir etwas Körperbereich.
Und darin, die einzige was wir haben, ist Hallo, Welt.
OK?
Wenn wir Dinge wie gehabt einige Halterung p und dann
Hallo, Welt, und dann noch Halterung p der auf Wiedersehen, Welt,
wir würden zwei Blasen haben kommen aus hier.
Weil sie sowohl unter dem Körper, aber sie getrennte Absätze dieser Fall.
Es ist auf jeden Fall der Praxis auf die in früheren Tests,
sowie zahlreiche Online auf sie.
OK so, nur können Sie diese wir sehen, alles schön
und zu manipulieren, Dinge sehr systematisch.
OK?
Wir wissen genau, wie man durchqueren, durch diesen Baum,
so dass wir wissen, was wir zugreifen wollen.
>> OK, so ist dies, warum wir wollen, , diese Art von Modell haben,
so dass wir Dinge wie diese zu verwenden, und wir verstehen, was sie bedeuten,
und sie sind standardisiert über alle Dinge, die wir tun.
So Dokument dot Titel ist nur der Titel our-- alle diese
sind ziemlich selbsterklärend, Ich mag den Gedanken.
Also die ersten drei Beispiele sind nur zu sagen,
"Okay, gib mir nur die Titel dieser Web-Seite. "
So wird es dir geben, was entspricht der Titel.
>> Document dot Körper wird dir geben was auch immer in diesen Body-Tags.
So können Sie zu manipulieren, dass.
Und Dokumenten dot dot Körper Geben HTML ist eine sehr coole eine,
und vielleicht ist nicht wie super intuitiv, aber der innere HTML
entspricht dieser genau hier.
Also, wenn Sie schon immer einmal bearbeiten Sie den Text auf einer Seite,
normalerweise Sie gehen zu tun etwas mit dem Körper dot Innen HTML.
OK?
So inneren HTML neigt dazu, zu beziehen was tatsächlich zwischen diesen Tags.
OK?
Und dann nützliche Funktionen.
Also, wenn Sie wollen bekommen jede von diesen, irgendein Element,
wir haben einige Id, Klasse Name oder Tag-Namen.
Dies ist sehr ähnlich Dinge, die wir mit CSS, nicht wahr?
Wo wir einige Selektoren, entsprechen entweder einem Tag, einer Klasse
dass wir ihnen, oder eine ID.
Dies ist sehr wesentlich die gleiche Weise.
Wenn Sie etwas haben, dass hat etwas Kategorie des Hundes,
und Sie sagen zu Elementen von Tag-Namen, und Sie setzen Hund in sind-- oder traurig,
Klassennamen.
Sie können Punkt in es gesetzt.
Es wird all jene zurück Elemente, die Sie, die diese Klasse haben.
So dass Sie nur diejenigen manipulieren kann.
Auf dieselbe Weise, vielleicht gerade wollen einige Header manipulieren, so
einige h1 Header, so wie wir.
Sie können tun, um Elemente nach Tag zu nennen, weil h1 ist eine Tag-Namen.
Und in der gleichen Weise, wenn Sie wollen, um einige einzigartige Sache, die Sie get-Tag tun können.
Holen Element Id.
Und sie sind tatsächlich viele von ihnen.
Dies sind nur drei der wie sehr viele.
Also, wenn Sie online gehen, wie Ich werde ermutigen
was Sie tun, und tun einige Forschung auf eigene Faust,
Ich empfehle auf jeden Fall Suche in allen von ihnen.
Sie konnten Super sein nützlich, insbesondere, wenn
Sie nur irgendwie zu manipulieren wollen ganz bestimmte Dinge, ohne
um durch zu gehen und zu versuchen zu analysieren, alles.
>> OK, so dass das letzte, was ist Javascript Veranstaltungen.
So, als ich vorhin gesprochen über das Gehen auf eine Website,
und wenn Sie den Mauszeiger über etwas, oder Ihre Maus über etwas,
etwas anderes passiert.
Dies ist, was wir möchten denken Sie als Ereignis.
Also, was wir haben, dass die Macht hilfreich sein, hier ist onclick.
So war mir auf schweben, die, wie ich bin ziemlich sicher, dass, nur auf schweben.
Auch eine Menge von diesen dass Sie suchen können.
Es gibt eine ganze Liste Online der verschiedene Dinge
dass Sie hören können.
>> Aber JavaScript Ereignisse im Grunde nur der Reaktion auf Dinge
dass Ihr Benutzer tut.
Richtig?
Also Ihren Benutzer tut etwas, das ist ein Ereignis,
und JavaScript reagieren aber Sie möchten es.
Es wird entsprechend reagieren.
Also in diesem Fall, wir haben einige Fenster dot onload.
Also, was sagt, ist, "warten bis das Fenster geladen. "
OK?
Also, wenn alles geladen, onload, dann können Sie diese Funktion ausführen.
Also, wenn alles geladen, Sie gehen
einige Suchtaste haben das wird ein Element von Id,
und er druckt was immer das Element ist wie die Schaltfläche Suchen.
Und dann haben wir diese Variable, wir sagen: "OK, Onclick."
Also, wenn wir hören ein Klicken, auf die Schaltfläche Suchen,
Mit dieser Funktion, die eine ist ausführen Alarm, klickten Sie auf die Schaltfläche Suchen.
>> Also, was passiert ist-- ist dies ein schönes kleine grafische Darstellung hier.
So ist unser Dokument geladen wird, das ist unser onload,
finden wir unsere Suche Taste, die dieser ist.
Wir sind für unsere Suche-Taste suchen.
Und dann, wenn Sie die Suchtaste ist angeklickt wird, entspricht er genau hier.
Onclick.
Dann haben wir endlich unsere Benutzer zu alarmieren, was diese letzte Zeile hier.
OK?
So jede dieser vier Schritte einfach entspricht den vier Kästen
dort unten auf dem Boden.
Heißt das sinnvoll sein, alle?
>> Und dann eine Sache, die ich werde einfach sehr, sehr kurz, dass ich schon erwähnt,
ermutigen euch zu schau mehr in ist
jQuery, die nur eine Bibliothek , dass auf der Oberseite der JavaScript gebaut.
Es ist super nützlich, da mit den meisten Bibliotheken.
Es gibt viele Funktionen.
Also, wenn es überhaupt etwas, das Sie in JavaScript zu tun möchten,
Ihr erster Instinkt sollte nicht sein, denken
der, "welche Funktion sollte I-Code? ", Es sein sollte,
"Lassen Sie mich sehen, wie jemand ist dies bereits für mich getan. "
Da neun von zehn, jemand wird es bereits getan haben,
und sie wahrscheinlich haben es besser machen.
Die Menschen verbringen viel Zeit mit diesen, und JavaScript ist sehr weit verbreitet,
so die Menschen ständig versuchen es besser zu machen.
Und jQuery hat eine Menge von Funktionen das wird wahrscheinlich nützlich sein
in das endgültige Projekt, wenn Sie nichts mit Web-Design zu tun.
Als Ich mag sagen, "work intelligenter, nicht härter. "
Wenn euch das tun, wird es groß sein.
Als wir auf dem Hackathon, zeig ich nicht wünschen Sie alle gestresst.
Ich möchte, wie sein "Ich habe dies. jQuery meine Rückseite erhalten.
Ich brauche, um diese Funktionen zu schreiben. "
>> Also nur zwei Dinge denken Sie daran, ich werde
zu lassen, euch mehr sehen in jQuery auf eigene Faust.
Alles, was ich sagen werde, ist es hat einige ziemlich genial Dinge
und kann Ihr Leben eine ganze Reihe einfacher.
Aber was Sie wollen haben unabhängig von Datei
dass Sie gehen, es zu benutzen in bist, Sie gehen zu wollen, diese beiden Zeilen.
Du wirst das wollen Skript von js js jQuery Punkt.
Und tatsächlich Ihre Quelle wird einige URL sein.
Wenn Sie jQuery, Google Google tatsächlich findet alle Dateien für Sie.
So können Sie möchte auf jeden Fall Eingangs dass URL statt.
Ich habe nur diese hier der Einfachheit halber.
All dies bedeutet, ist, wo man finden Sie Ihre jQuery-Bibliothek.
Es ist riesig, so dass Sie nicht möchten, um sie auf dem eigenen Rechner hosten
wenn Sie es vermeiden können, das ist, warum wir neigen dazu, nur in den Google-URL setzen, dass
beherbergt alle diese Dateien für Sie.
OK?
Sie Google es, ich verspreche, es wird da sein.
>> Und was auch immer JavaScript-Datei, die Sie
Hilfe, so ist dies nur einige externe JavaScript-Datei, die Sie verwenden.
In der gleichen Weise auf die wir verlinken, unsere CSS Dateien, das ist die gleiche Art der Sache.
Diese Links nur in der Datei wo sie JavaScript ist.
Und ich habe ein paar Beispiele mit einfachen JavaScript.
Also werden wir durch sie gehen werden.
Und dann in Ihrem Index JavaScript Das ist Ihre JavaScript-Datei hier,
das ist eine Art der Verpackung dass Sie für jQuery.
Du bist fast 99,9 Prozent der Zeit gehen
um diese in Ihrem index.js Datei haben.
Denn was das sagt ist, "Nichts ausführen
bis Ihr Dokument ist eigentlich bereit, "das ist genau das, was Sie wollen.
Denn wenn Ihr Dokument ist noch nicht bereit, jQuery und beginnt, Dinge zu tun,
es ist nur ein Durcheinander.
Also immer Du diesen Wrapper haben.
Und dann für Dinge, die da rein, ich werden, um Ihre Jungs eigenen Durchlesen verlassen.
>> OK, so gibt es richtige Fragen jetzt über JavaScript im Allgemeinen?
Oder der DOM-Modell?
Wenn nicht, haben wir ein paar coole Beispiele, die wir durchlaufen kann,
dass euch kann mir helfen, Code.
Aber ich bin auch zu sein super nett, und wenn Sie
wollen nicht, etwas zu sagen für diese, das ist in Ordnung.
Ich kann auch Ihnen nur Beispiele.
Aber alles, was auf der Powerpoint, bevor wir weitermachen?
Kühle.
>> Ich fühle mich wie ihr Jungs, Energie benötigen.
Also ich denke, wir werden beginnen mit meiner Partei beispiels ersten.
Wir haben drei Beispiele, haben Sie die Wahl.
So haben wir Uhr, wo wir hingehen um eine tatsächliche Uhr, die ist zu implementieren
gehen zu aktualisieren, wie die Zeit vergeht.
Wir haben diese große Twitter-Funktion.
This-- Sie wissen, was, festhalten.
Wir werden machen diese weg.
Bam.
OK.
>> Wir haben diese große Twitter-Funktion Hier dass-- ich weiß, nicht wahr?
Es wird großartig sein.
Seid ihr aufgeregt?
Das wird die Anzahl zu zählen der Zeichen, die Sie verlassen haben,
so dass, wenn ich schreibe gerade jetzt, natürlich ist es immer noch, sagt 140,
aber wir wissen, das ist nicht der Fall.
Und dann mit unseren letzten hier, hier klicken, um zu feiern.
Was wird passieren, wenn Wir klicken, wird der Hintergrund des
gehen zu Farben zu ändern.
So euch Ihre Wahlen des haben die von Ihnen zuerst zu tun.
Ich verspreche, ich werde es sehr einfach für Sie.
Ich fühle mich wie jeder seiner Art nur sehr dezent heute.
Also werde ich Sie durch, wie gehen Wir werden alle diese umzusetzen.
Wenn Sie schlagen wollen in, das ist toll, aber ich
das Gefühl, jeder ist ein wenig müde.
Also werde ich einfach gehen Sie durch diese Beispiele.
Haben wir etwas haben, dass möchten wir als erstes tun?
Anyone?
Keine Präferenz?
OK.
Weißt du was?
Wir sind auf Party.
Ich fühle mich wie euch brauchen eine little-- so werden wir die Partei einen ersten zu tun.
OK.
>> Also, was wir haben, das ist hier-- eigentlich nicht da sein.
Jetzt ist es gut.
OK.
Also, was wir hier haben, ist nur eine einfache HTML-Seite
dass euch sollte alles super sein vertraut mit Ihrer letzten zwei psets.
wir haben unsere doc Art hier.
Kann jeder sehen?
OK.
Kühle.
Wir haben unsere HTML offensichtlich.
Wir haben einige Header, ist auf ein Stylesheet verknüpft, dass
nur machte meine Schrift schön und groß und Fett.
Also keine Sorgen machen.
>> Wir haben einige Körper mit eine Id Hintergrund, OK?
Denn wir werden sein Ändern der Hintergrund.
Also, wenn wir die Änderung der Hintergrund unseres Körpers,
wir erinnern uns von vor zwei Wochen wenn es sich um Web-Seiten zu tun haben.
So gut, dass zu haben.
Und wir haben einige Id entspricht Partei.
Dies h ref Pfund bedeutet nur, dass es wird auf die gleiche Seite zu gehen.
Und klicken Sie hier zum Feiern, weshalb, wenn wir auf sie,
es sollte die Farben ändern, Gott sei Dank.
>> Und dann haben wir ein Skript, dass hier wird nur diese Partei dot js verbunden
Datei, die leer ist, weil haben wir hier noch nicht aktiv.
Und es ist so traurig.
Doch schon bald wird es zu ändern Farben und es wird fantastisch.
>> Also ich werde einfach gehen euch durch, wie wir diesen Ansatz.
So ist die erste Sache, wir möchten Sie vielleicht tun,
wenn wir ändern den Hintergrund der Körper, das erste, was wir vielleicht
tun müssen, ist tatsächlich greifen was der Körper ist, nicht wahr?
So wollen wir die Summe haben unsere Hintergrund, und wenn Sie bemerken,
Ich habe gerade automatisch starten Sie einfach mit der Eingabe.
Es ist nichts Besonderes, dass wir müssen für unsere JavaScript-Dateien zu tun.
Ich kann das Deklarieren von Variablen zu starten, und erklärte Zufallsfunktionen.
Und es ist viel freier Form.
Es ist wie mit C, haben wir euch alle diese harten Regeln, und Sie aufgewachsen sind,
so sind wir wie "ausgehen.
Sei frei.
Tun Sie, was Sie wollen. "
Und das ist, was JavaScript ist.
So haben wir hier einige Hintergrundinformationen.
Mit unserem DOM-Modell, wir wissen, wir tun können, Dokument dot erhalten Element,
und wenn wir hier bemerken, unsere Körper eine ID.
Richtig?
So können wir wissen Dokument erhalten, indem Id, und hier ist ein einfaches.
Was ist unsere Id, die wir hier?
ZIELGRUPPE: Hintergrund.
ALLISON BUCHHOLTZ-AU: Hintergrund.
Perfect.
Und das Semikolon am Ende.
Das hat sich nicht weg noch weg.
Sie müssen noch Ihre Semikolon.
OK.
Also das ist unsere erste.
Und wenn wir auf etwas, wir wollen, dass etwas passiert, oder?
So wollen wir könnten einige variable dass wartet auf einen Klick.
Was wir tun werden ist, dass wir zu gehen unsere Verbindung mehr ähnlich einer Taste.
So werden wir etwas Taste haben, dass gleich dokumentieren dot erhalten Element Id.
Und wenn ich über das Gespräch Klicken Sie den Link oder klicken Sie hier zum Feiern
Link, was könnte meine Id hier sein?
Partei.
Richtig.
OK nicht schlecht so weit.
Jeder bekommt, was wir tun?
>> OK, so jetzt haben wir unsere Taste, und wir wollen,
Dinge zu ändern, wenn wir darauf klicken.
Also, wenn wir daran denken, aus unserer Powerpoint, sehr einfach, was wir tun können
gerade Knopf dot onclick, nicht wahr?
Und das wird eine Funktion gleich.
Dies ist eine anonyme Funktion.
Und das nur as-- eigentlich bin ich geht das ein wenig größer zu machen.
>> Also, was ich gerade tat hier ist was ich sage, OK,
wenn wir auf unseren Button, der ist Link, die wir eben erwähnten,
werden wir ausführen Diese anonyme Funktion.
Wir brauchen keine Eingänge.
Es ist uns egal, was der Benutzer sagt.
Wenn sie darauf klicken, sind wir werde alles tun, was wir wollen,
Das ist die Hintergrundfarbe.
OK?
Also das ist, warum wir überhaupt Vorleistungen nicht, wir haben nur diese anonyme Funktion.
Und jetzt sind wir eigentlich vor sich geht um diese Funktion zu schreiben.
>> So gibt es eine Reihe von Möglichkeiten, wie Sie könnte eine zufällige Farbe zu erzeugen.
Die Art, wie ich es gemacht habe war, erzeugen drei Zufallszahlen
und wandeln sie in ein RGB-Tripel.
Also das nur zeigt Ihnen ein paar coole Dinge, wenn Sie so wollen, "oh sind,
Ich muss einen zufälligen generieren Nummer. ", wenn Sie es gegoogelt,
das ist, was Sie finden würde.
>> So haben wir drei verschiedene Dinge, var, nicht mehr rot, grün.
Richtig?
Das sind also die drei Dinge, die eine Farbe zu machen.
Blau, Rot und Grün.
Kühle.
Und was wir tun können, ist, dass wir wissen, die sie braucht, um zwischen 255 sein,
und wenn Sie sah einige Zufallszahlengenerator,
Sie könnte so etwas wie Mathe bekommen dot Zufalls, die, wenn Sie diese nachschlagen
kehrt nach einer bestimmten Anzahl zwischen null und eins.
OK?
Und was für Zahlen tun unser RGB Tripel gehen zwischen?
Null und was?
Was kann sie gehen bis zu?
255.
Also, wenn Mathematik dot Zufalls geht zwischen Null und Eins,
wie könnten wir wollen diese konvertieren?
ZIELGRUPPE: Zeit?
ALLISON BUCHHOLTZ-AU: Ja, genau.
So Es ist 255.
>> ZIELGRUPPE: [unverständlich] Es ist, als [unverständlich].
ALLISON BUCHHOLTZ-AU: Math dot zufällig.
ZIELGRUPPE: Kühl.
ALLISON BUCHHOLTZ-AU: Ja.
JavaScript dauert nur kümmern.
OK.
So können wir, daß für alle diese tun.
Richtig?
Math dot zufälligen Zeitpunkten 255.
Kopieren Sie die.
Kühle.
Also die Sache ist, kann dies eine ganze Zahl nicht zurück.
Richtig?
Vielleicht eine Zahl erhalten wir zwischen null und eins,
und es bewirkt, dass es leicht sein, ausgeschaltet, und unsere RGBs nicht Schwimmer sein.
Sie müssen Ganzzahlen sein.
Also, wenn Sie diese versuchte, würde es wahrscheinlich haben etwas fehlerhaftes Verhalten.
Es wäre etwas abgefahren sein.
Also, was wir tun, ist, dass wir machen wollen sicher, dass diese abgerundet sind,
und man könnte so oder so zu runden.
Ich abgerundet mit Boden.
Also ich habe immer dafür gesorgt, dass sie abgerundet.
Doch geht aus der, wie einfach es war es nur eine Zufallszahl zu erhalten,
wie denken Sie, wir könnte Boden diese Nummer?
Es ist sehr ähnlich.
Irgendeine Idee?
Also, wenn zufällig war nur mathematische Punkt zufällig, so denken Sie, würden wir Boden tun?
Math dot Boden.
Und Sie können auch tun math dot Decke.
Runde ist ziemlich zweideutig weil Sie nicht tun,
, ob sie runden oder abrunden.
Also in der Regel haben wir immer Mathematik zu tun Punkt Stock, Mathematik dot Decke.
Aber honestly--
>> ZIELGRUPPE: Funktioniert Boden abrunden?
>> ALLISON BUCHHOLTZ-AU: Etage rundet.
Und das ist nur eine Auswahl von meiner Seite.
>> So, jetzt haben wir unsere drei Zahlen , die nach dem Zufallsprinzip generiert haben,
und das, was wir jetzt tun ist, wir sind gerade dabei, den Hintergrund zu ändern.
OK?
So haben wir bereits unsere Hintergrund Art gespeichert
in diesem Element namens Hintergrund.
Also, was werden Sie feststellen, ist, wenn Sie spielte mit diesem,
wir, um den Stil zu ändern.
Und das ist Art von etwas, das Sie Google und herauszufinden,
gerne, wie Sie die Farbe zu ändern.
>> Aber die Art des Zugriffs ist diese Farbe Hintergrund dot Stil Punkthintergrund.
Also das ist zu sagen gegeben dieses Objekt, Hintergrund,
der sich auf die Element Id da oben,
wir werden bei der Suche Stil in der Art,
wir werden im Hintergrund suchen.
OK?
Und wenn Sie gehen und schauen Sie diese auf, es könnte ein wenig mehr Sinn machen,
aber das ist im Grunde nur sagen: "Gib mir dieses sehr speziellen Attribut
von dem, was ich bereits festgelegt. "
Also, was wir verändern es ist einige RGB, weil es Sinn macht.
Wir verwenden RGB verdreifacht, nicht wahr?
Und wir have-- Ich möchte, dass ich Holen Sie sich die richtige Anzahl von Zitaten in hier.
Also, was wir tun, ist, dass wir RGB, und wir werden
zu-- das ist wie Verkettung, die rot ist.
Und dann wollen wir eine Komma.
Und dann wollen wir und grün, dann einige Komma, und einige blau.
>> Also diese Pluspunkte gerade meine, wie Verkettung.
Also das ist nur die Schaffung dieser Zeichenfolge, die im RGB los ist.
OK?
>> ZIELGRUPPE: [unverständlich] und dann die grüne ein Plus dann den roten.
>> ALLISON BUCHHOLTZ-AU: Ja, weil ich durcheinander, dass bis.
Dass die eigene Ordnung.
Oh, warte.
Nein.
Denn ich brauche, um sicherzustellen, dass ich all diese recht.
Also werde ich in uno momento erklären.
Grün, blau, perfekt.
Jetzt bin ich fertig.
Ich glaube.
>> OK.
Also, was es ist, dass Hintergrund wird sich bis zu einem gewissen Zeichenfolge festgelegt werden.
Richtig?
Welches ist, was wir hier haben.
Es wird einige RGB 255 Komma 255 Komma Null, oder welche Anzahl auch immer
haben es.
Wir sind so hier, wir haben einige String.
Und was wir tun wollen, ist, wir sind Art der dynamischen Erstellung
dass, wenn wir dieses Programm tatsächlich ausgeführt.
Das ist also etwas String.
Plus-verkettet mit der Wert, den rot hat,
die verkettet ihn mit ein Komma, das es verkettet
mit welchem ​​grün ist, und so weiter und so fort.
OK?
Bis zum Schluss, das der ist schließenden Klammern des RGB hier.
OK?
>> Also, was ist los erzeugen eine gewisse Befehl wirklich
dh RGB aus drei Zahlen dass Hintergrund ist nun eingestellt.
OK?
Also mal sehen, ob das funktioniert.
Ich hoffe, dass dies der Fall, weil, wenn es nicht, ich werde sein Echt traurig.
Oh nein.
OK, halten Sie auf.
Definitiv Hintergrund dot Stil Punkthintergrund.
Ich bin auf jeden Fall fehlt etwas, nur gering.
Glaubst du nicht, dass Jungs hassen?
Wenn es nur ein kleiner kleiner Fehler?
Allmächtigen Hintergrund.
RGB.
>> ZIELGRUPPE: [unverständlich]
ALLISON BUCHHOLTZ-AU: Nein
Ich habe versucht, diese vor der Klasse.
Ich habe alles, was ich zuvor Klasse bei Ich war wie,
"Warte, was habe ich falsch gemacht?"
Denn ich war wie, "Ich werde wahrscheinlich Einander diese bis zu einem bestimmten Zeitpunkt. "
Plus-grün.
Alles sieht aus wie es ist ordnungsgemäß verkettet.
OK.
>> ZIELGRUPPE: [unverständlich]
>> ALLISON BUCHHOLTZ-AU: Oh, dort gehen Sie.
Das ist, was ich brauchte.
Sieh dir das an.
Tiffany zu retten.
Perfect.
OK.
Nun wollen wir sehen, ob es funktioniert.
Oh mein Gott.
OK.
Warten Sie mal.
>> ZIELGRUPPE: Raum nach dem zweiten Plus.
>> ALLISON BUCHHOLTZ-AU: Welche?
Oh, Moment mal, halte durch.
Raum Verschleiß?
>> ZIELGRUPPE: Zweite Plus die grüne Verkettung.
ALLISON BUCHHOLTZ-AU: Oh.
ZIELGRUPPE: Es gibt keinen Platz nach plus, ja.
ALLISON BUCHHOLTZ-AU: Sie brauchen Sie nicht, dass, aber--
ZIELGRUPPE: Oh, Sie nicht?
ALLISON BUCHHOLTZ-AU: Es sieht ziemlich.
ZIELGRUPPE: OK.
OK.
>> ALLISON BUCHHOLTZ AU: Mal sehen, ob das funktioniert.
OK.
Ich bin natürlich in Ermangelung an diese Demo, das erinnert mich an
einer Vorlesung die zweite Woche, aber ich weiß, dass dies funktionieren wird.
Ich weiß, das wird funktionieren.
So nah.
Wenn ich nicht versehentlich gelöscht mein Skript in diesem Fall.
Nein, es ist Partei dot js.
OK halten.
Ich werde diese zu kopieren, und ich bin auch gerade dabei, alles zu löschen,
weil ich diese Arbeits zuvor.
>> Ich verspreche, es funktioniert.
Wenn nicht, werde ich Ihnen zeigen, was Tommy ist.
Und da.
>> ZIELGRUPPE: Sie verweisen Party dot CSS, und es ist eine Partei dot js.
>> ALLISON BUCHHOLTZ-AU: Ah, gut hier ist Party dot js.
OK, was habe ich anders machen?
OK, wir werden sehen, ob das funktioniert jetzt.
Bam.
Also, ich weiß nicht, was ich tat, anders, aber das ist, was passieren soll.
Irgendwie cool.
Ich habe auf diese, wie immer.
Aber wir können versuchen und sehen, was ich tat, anders, dass dieser hatte.
Ich weiß nicht wie es euch geht, aber diese sieht im Grunde, was ich gerade schrieb.
Es war vermutlich ein fehl Semikolon irgendwo ist mein Ding.
Eigentlich nach, ich glaube, ich fehlte Semikolon hier tatsächlich.
Aber ich konnte nicht, weil es zu sehen es war aus dem Bildschirm.
>> Aber wenn wir bemerken, das ist ziemlich sehr genau, was ich gerade geschrieben habe.
Ich denke, dass wahrscheinlich der schwierigste Teil über das ist nur eine Art dieser Sache Recht
hier, Verständnis was es dort zu tun.
Diese Art von Dingen, die Sie lernen, wirklich nur durch googeln und ehrlich
nur versucht.
Wenn Sie denken, es gibt einige Attribut, es ist wahrscheinlich.
Also probieren Sie es.
Sehen, was passiert.
Wie gesagt, es gibt eine Menge von Experimentieren mit JavaScript
und PHP, und alles, Zeug, und vor allem CSS.
Das ist der einzige wahre Weise, sie zu verstehen.
>> OK, so dass nach diesem Fiasko mit Party dot js, haben wir zwei weitere Optionen.
Wir haben Uhr oder Twitter.
Sie sind beide interessant.
Vielleicht nicht ganz so viel Spaß wie Partei, die eine kühle kleine Strobe hatte
was am Ende.
Habt ihr eine Präferenz?
ZIELGRUPPE: Uhr?
ALLISON BUCHHOLTZ-AU: Uhr?
OK.
Kühle.
>> Also noch einmal, haben wir unsere leere JavaScript-Datei.
Und wie wir sehen hier, wir haben einige sehr einfache HTML.
Wir haben unser Stylesheet, dass nur formatiert, wie es aussehen soll.
Wir haben unsere div mit eine Id von Uhr, die
nur sagt: "Dies sollte eine Uhr sein."
Und wir müssen unseren Link unsere JavaScript-Datei
das ist eigentlich los, um erzeugen unsere Uhr für uns.
Da die kühle Sache ist, dass man gesetzt JavaScript automatisch aktualisiert
selbst.
OK?
Also anstatt zu warten, für die Benutzer die Aktualisierung auf eine Seite schlagen
so dass Sie bekommen können aktualisierte Zeit, JavaScript
kann es zu aktualisieren aber es mag.
>> So wie bei unserem letzten, wir wollten für den Zugriff auf unseren Hintergrund, nicht wahr?
Also, was tun Sie vielleicht denken die sein erste, was wir hier tun?
Wenn wir solche Abheben diese Art von Paradigma hier?
Wir wollen wahrscheinlich Zugriff auf unsere Uhr, nicht wahr?
Also, wir haben einige var Uhr, die equals--
was wir denken, es geht zu sein?
Document dot erhalten Element nach-- ich auch Liebe Sublime-- Id und unsere Id Uhr.
Semikolon.
Haben Sie, um sicherzustellen, bekommen diese Semikolons diesmal,
weil ich das Gefühl, dass das Problem war beim letzten Mal.
OK so, wie ich sagte gerade mit dem Versuch, sie JavaScript erfrischen sich,
gibt es diese große Funktion, I wissen, dass es sich als nützlich im vergangenen Jahr kam,
Ich bin mir nicht sicher, dass es praktisch ist dafür pset, aber es wird festgelegten Intervall bezeichnet.
Und das ist eigentlich wirklich kühlen, wenn euch etwas tun
mit der Zeit oder immer aktuelle Informationen.
Auf einer Webseite für eine endgültige Projekt ist wahrscheinlich diese
eine Funktion, die Sie wollen, bekommen Super kennen.
Was Intervall tut, ist, dass wir werden es eine Funktion geben,
und wie oft es sein sollte rufen Sie diese Funktion.
OK?
>> Also in diesem Fall, wir sind gerade dabei, erstellen eine anonyme Funktion wieder,
OK, das wird erhalten unser Tag, und unsere Zeit,
und dann die Dinge zu aktualisieren und anzeigen.
Also werden wir darüber keine Sorgen.
Wir werden sein wie hier erzeugen Uhr.
Aber was wir brauchen, ist, wie oft, es zu aktualisieren.
Also in diesem Fall, es ist nur Millisekunden.
Also werden wir gerade dabei, tun 100 Millisekunden.
Natürlich völlig frei wählbar.
Wenn Sie wollten, dass es zu aktualisieren viel langsamer, könnten Sie.
Wir können herum mit dem festgelegten Intervall,
wie groß unsere Intervall, nachdem wir ein Arbeitstakt, die hoffentlich werde ich
bekommen.
Also das ist einfach nur sagen: "OK, Anruf diese Funktion alle 100 Millisekunden. "
OK?
Das ist alles was sie tut.
>> Also, was wir wollen, dass unsere Funktion zu tun ist, wir wollen einige Datum haben
und einige Zeit ist das, was wir gehen zu müssen.
So können wir mit unseren starten Datum entspricht etwas,
und unsere Zeit gleich etwas dass wir noch nicht wissen.
Oder eigentlich, wir müssen nur Datum, weil Termin wird alles umfassen.
Auch wenn Sie nur etwas über Google was Sie tun wollen, wenn Sie schreiben, "OK,
Ich möchte die Zeit zu bekommen über JavaScript "es
wird Ihnen diese große Funktion namens get Datum.
Buchstäblich, die meisten Dinge dass Sie tun möchten,
JavaScript ist zu haben, es für Sie schon gemacht.
So ist es buchstäblich wie neu bekommen Datum, das creating-- ist
oder neues Datum, rather-- welche zu erzeugen ist
ein Gegenstand, der ein Datum repräsentiert.
>> Und was wir hier zu tun ist Dies ist-- Ich werde dies zu schreiben,
und dann erklären, was es tut.
Also werde ich sicherstellen, dass ich diese richtig zu machen.
>> OK, was diese Funktion tut, ist, dass wir gerade sind
Erstellen von HTML, die tatsächlich ist werde innerhalb unseres div id der Uhr gehen.
Also, was vor sich geht, zu tun befindet sich nur erzeugen eine Schnur, OK?
Das wird dann sein wird in unsere HTML transplantiert.
Im Grunde, was es zu tun ist, was auch immer wir--, was ich dir zeigen
ist, dass alles, was wir sagen, ist HTML, wir werden diesen Text hier ersetzen
mit dem, was HTML ist.
Also das wird ermöglichen wir unsere Uhr dot ändern
HTML entfernt, nur der Text dieser sollte eine Uhr sein, um tatsächlich zu zeigen
die Zahlen und Dinge, die wir uns interessieren zu, und tatsächlich Uhr sein.
>> Also, was wir tun werden, ist, wir sind gehen mit dem Generieren von HTML.
So in der gleichen Weise, die wir früher zu tun, und ist gleich für ganze Zahlen,
Sie können jetzt tun, dass für Streicher, außer es wird ihnen zu verketten.
Richtig?
Wie wir mit Party dot js, diese gerade gesehen verkettet alle diese Dinge zusammen.
So können Sie verschiedene Bits zu verketten HTML von Variablen oder Bits von Strings
dass Sie zu schreiben sich selbst, und dies nur
wirklich können Sie dynamisch erzeugen HTML, was ziemlich cool ist.
Also, wenn Sie etwas haben, sehr benutzerspezifischen,
dies ermöglicht es Ihnen, das zu tun.
>> So haben wir HTML, um ich zu gehen versuchen, sicherzustellen, dass ich diese richtig zu machen.
Also werden wir einige h1 Header zu tun.
Also, was ist wichtig zu erkennen, ist, dass dies eigentlich nur HTML.
Richtig?
Wir schreiben tatsächlichen HTML-Code in hier, es ist
nicht nur eine Zeichenfolge in der normalen Weise, dass wir darüber nachdenken würde.
So haben wir einige HTML.
Dies wird als eine Zeichenfolge hier aber.
Und das tun wir Datum dot-- wir wollen unsere Stunden.
Auch zu sehen, wenn Sie waren bis nichts über Datum,
es wäre Ihnen sagen, das sind alles die Attribute dieses Datum hat.
Und hier ist, was man darauf verwenden können.
So wird es wahrscheinlich hat Dinge wie Stunden bekommen, und erhalten Minuten,
und erhalten Sekunden und Millisekunden zu erhalten, und wer weiß, was sie sonst noch haben.
Aber wenn Sie in der Suche Dokumentation, werden alle da sein.
>> So haben wir bekommen Stunden und wir wollen würde
verketten, dass with-- Ich bin werde dies hier zu bewegen.
Also, wenn wir richtige Erzeugung jetzt sind wir tatsächlich Erzeugung der Zeit, nicht wahr?
Wir haben Stunden, und dann, was ist zwischen Stunden und Minuten?
Sie haben ein Semikolon, oder?
Deshalb wollen wir eine Semikolon hier.
Und dann wollen wir unsere erhalten Minuten, so dass in der gleichen Weise
dass wir bisher bekommen dot Stunden Wie können wir unsere Minuten zu bekommen?
Es ist buchstäblich Datums-Punkt erhalten Minuten, die ich mag.
Es ist wie, "oh, wie bekomme ich meine Minuten? "
Ich habe gerade meine Minuten.
>> OK.
Und dann haben wir hier einen weiteren Doppelpunkt.
Und dann, wenn wir wollen, um unsere Sekunden, wie könnten wir unser zweites zu bekommen?
Datum dot erhalten Sekunden.
Ich denke, es ist ziemlich cool.
Und was ist wichtig, zu realisieren, ist, dass wir auch
müssen unsere HTML-Tag hier in der Nähe, weil es sollte immer noch gültig HTML, so h1 ist.
Kühle.
>> So nach, dass können wir tun Uhr dot Innen HTML ist gleich HTML.
OK?
Also denken Sie daran, wie ich sagte, Innen HTML grundsätzlich
erfolgt, was auch immer zwischen dem zwei Tags, die wir gesprochen
und Einsätze oder manipuliert was ist da drin?
Also, was es tut, wenn gehen wir zurück zu unserer Uhr,
ist, dass Takt bezeichnet alles, was in diesem div.
Dies ist der innere HTML dieser Id Uhr div.
Und so, es wird es sich ändern die HTML, die wir gerade erzeugt wird,
die, die, hoffentlich, hoffentlich, hoffentlich,
wird die Zeit zeigen.
Wir werden sehen.
Natürlich.
So viele technische Probleme.
Allisons just-- Ich bin mein Spiel heute Jungs.
OK, das funktioniert.
Uhr dot Innen HTML.
Es war HTML Wirklich?
Auch dies ist, was passiert.
Wenn Sie nicht sehen können, etwas, das Sie, Schauen Sie sich den Quellcode.
OK.
Sie wollen wissen, einen kühlen umgehen dass wir gehen, um hier zu tun?
>> ZIELGRUPPE: Können Sie Großbuchstaben zu tun?
Die Großbuchstaben?
Denn Sie haben zu Stunden, und dann bekommen Minuten.
>> ALLISON BUCHHOLTZ-AU: Es ist zu Stunden und get-- oh.
Sie sind-- goldenen Stern.
Es ist alles ein Test, Jungs.
Ich verspreche, es wurde vor der Klasse arbeiten.
>> OK, aber etwas kühl zu wissen ist, dass Sie, wenn manchmal also-- können
Ihre externe Dateien immer ein wenig verrückt,
Sie können auch einfach legte sie gerade hier, die Dinge zu beheben neigt.
Außer das ist wie wirklich hässlich.
Natürlich formatieren alles.
Stellen Sie sicher, es ist alles recht.
OK.
>> Ich wollte alle coolen Demos zu tun, und sie sind einfach nicht funktioniert.
OK.
Skript var Uhr.
Wie auch immer, was wichtig ist, dass dies die allgemein
dass Sie JavaScript formatieren.
Wie Sie sehen können, kann es manchmal sehr pingelig,
auch wenn es buchstäblich vor 2 Sekunden arbeiten.
Oder nicht 2 Sekunden vor, aber sehr, sehr vor kurzem.
>> Also, um Ihnen zu zeigen, was es aussehen sollte, und um Ihnen zu zeigen, dass ich nicht verrückt,
und dass alles, was ist genau die gleiche, das ist, was es aussehen sollte.
Sie sind gerade dabei, dieses Oberteil tun hier, und wenn man Seite Quelle anzuzeigen,
wenn Sie feststellen, hat er einige verrückter Dinge, vereinfachte ich es.
Auch Kredite an Tommy McWilliam, die tatsächlich
hat mir geholfen, diese Beispiele zu erstellen, weshalb ich weiß, dass sie funktionieren.
Da Tommy ist ein JavaScript-Master.
Aber wenn wir bemerken, haben wir eine Reihe.
Wir haben hier unsere Uhr-Funktion.
Dies ist um so, dass Javascript wir gerade geschrieben haben, oder ein Teil davon.
Wir schrieben nur diese eine hier.
Und er hat eine extra Funktion, die nur füllt es
indem er vor einem eine Null Schreiben oder vor einer Reihe, wenn es
nur einer von ihnen.
Also, wenn Sie feststellen, das ist ziemlich sehr genau, was wir gerade geschrieben haben.
Sie haben einige variablen Takt dass hat unser Element, erhalten Element nach ID,
was Uhr.
Wir haben unsere festgelegten Intervall Funktion, das ist
eine anonyme Funktion dass führt all dies.
Wir haben einige Start Reihe von HTML, die wir dann dynamisch
erzeugen, indem er einige h1 Header, verkettet
mit bekommen die Stunden plus unsere Doppelpunkt, sowie immer
die Minuten, plus weitere Doppelpunkt, sowie unsere Sekunden,
und schließlich die Endung HTML dafür.
Und dann haben wir unsere Uhr aktualisiert dot Innen HTML, HTML,
und wir aktualisieren alle 100 Millisekunden.
OK?
>> Siehe Ich verspreche, ich bin nicht verrückt.
Ich weiß nicht.
Ich weiß nicht, warum sie mich nicht mag.
Ich fühle mich wie sieht gleich aus, aber anscheinend ist es hasst mich.
>> Also mal sehen, ob die dritte Runde geht besser.
Wir sind dabei, zu sehen.
Ich bin nicht sicher, wie das wird zu gehen.
Ist jeder zumindest immer die Nachteile, wie gerade das allgemeine Thema
von JavaScript, wenn?
Ich hoffe, das ist zumindest sinnvoll, mehr als zu zeigen, dass es ein wenig pingelig.
Aber das Problem Set wird sehr lustig werden.
Es wird großartig sein.
Es wird nicht ganz so langweilig, da dies, glaube ich nicht.
Sie werden tatsächlich erhalten sehen wirklich coole Dinge.
>> So nicht zuletzt, wir werden die Twitter ausprobieren.
Ich bin jetzt wirklich Angst, Leute.
Ich weiß nicht, wie das gehen wird.
Aber nur, um Ihnen ein wenig mehr Geschmack, und dies tatsächlich
Manipulation von Strings und Eingänge, was wir tun werden
ist, wenn wir merken, hier mit HTML-- dieser hat ein wenig mehr schreiben--
wir haben einige Textbereich, die entspricht diesem Textfeld hier.
OK?
Und das hat eine ID von Text.
Wir umgestaltet es ein wenig mit irgendeiner Breite und Höhe
dass wir vorgegebenen habe, und wir haben H1,
was nur ist unser Kopf eine, steht für unser noch Zeichen zur Verfügung.
Wir gaben ihm etwas Id Zeichen möglich,
und dann haben wir ein Skript hier, ich bin wirklich davon
Hoffnung dritten Mal die der Zauber hier, Leute.
>> Also, was wir tun wollen, in der gleichen allgemeinen Venen
dass wir mit Uhr dot js getan und Party-Punkt js wie wir bemerkt,
wird wir von wirklich greifen begonnen die Dinge, die uns wichtig, nicht wahr?
So dass in diesem Fall gibt es zwei Dinge, die wir kümmern uns um, OK?
Eine Sache, die wir eigentlich ganz Blick in und Zeichendaten aus,
und eine Sache, wir sind wirklich zu ändern.
Es gibt also unsere HTML.
Wenn dies unserer Webseite hier, was ist die Daten, die wir auf der Suche?
Es wird was auch immer der Text in unsere Boxen, oder?
Also, was ich geben Sie hier.
Das ist, was ich wissen will, oder das ist, was ich will, zu betrachten.
Und was wird sein, Wechsel auf unserer Webseite?
Die Zeichen möglich.
So in der gleichen Weise wir wollen starten, indem Initialisierung von Variablen
dass tatsächlich auf jene Elemente zu halten.
OK?
Wenn wir also einige var das ist unser Textbereich,
und wir haben einige var, die übrigen ist.
Richtig?
So werden diese zu gehen Halten Sie diese beiden Dinge.
So dass die gleiche Art der Sache, Dokument dot-- OK, bin ich
werde sicherstellen, dass dies diesmal funktionieren.
Ich bin sehr hartnäckig.
OK, also, wenn wir wollen, dass unsere Textbereich nach
unsere HTML, was ist unser Kennung?
Was ist unsere Id?
Es ist gerade dabei, Text, weil sein das schafft unsere Textbereich, OK,
und unsere Id ist Text, das ist also wie wir packen was da drin ist.
OK, Semikolon.
Ich werde Super sein präzise darüber,
denn ich will diese, diese Zeit zu arbeiten.
OK, das gleiche tun, erhalten Element Id.
Ich bin wirklich fragen, was hat verursacht die beiden anderen in Unordnung zu bringen.
OK, dann in diesem, Was wollen wir den Zugang?
Was ist unsere Id hier?
Wir haben eine andere Id in unsere HTML, was ist das?
ZIELGRUPPE: Übrige Zeichen.
ALLISON BUCHHOLTZ-AU: Übrige Zeichen.
>> OK.
Kühle.
Also ich bin gerade dabei, schreibe wirklich schnell.
Ich werde einfach diese in Sekunden schreiben.
So Textbereich.
Was interessant ist, B function-- es gibt viele Funktionen, die nicht nur
vor dem Kauf Maus, aber der Tastatur.
OK?
Man kann also sagen, wenn Sie eine beliebige Taste ist gedrückt, können Sie so etwas tun kann.
Also die, die wir verwenden wird auf die wichtigsten aufgerufen, die
sagt, ", wenn Sie eine beliebige Taste auf gedrückt haben Tastatur, wenn der Benutzer aufgehoben wurde
ihre Finger von dieser Taste, und der Schlüssel ist zu unpressed,
dann werden wir etwas tun. "
OK?
Also das macht Sinn, nicht wahr?
Da jedes Zeichen wir geben, werden wir
um unsere Finger abheben zu müssen davon, so, wenn die Taste nach oben geht,
wir wissen können, zu verringern unsere Zeichen möglich.
>> Also haben wir etwas auf die wichtigsten auf, und in der gleichen Weise,
wir werden sagen, "OK, wenn wir das tun, werden wir
gehen, um eine Funktion zu erstellen, dass wird sich E in diesem Fall nehmen ",
und das, was wir wollen, ist Berechnung der verbleibenden Anzahl.
OK, also lasst uns einfach starten durch die Schaffung eines variablen.
Wir haben also eine Variable r, das wird vertreten
wie viele Zeichen die wir verlassen haben.
OK?
Wir wissen, dass wir mit 140, und wenn wir wissen wollen,
sagen wir mal, die Länge dieses Zeichenfolge, die eingegeben worden ist,
Habt ihr eine Ahnung, wie wir das tun?
Direkt an der Hand auf der Basis Dinge, wie wenn wir wollten Stunden
wir gewöhnen Stunden.
Wir wissen, dass unser Objekt Textbereich, konnte aber ihr Jungs
denken Sie an, was man nach ihm kommen?
Irgendwelche Ideen?
>> Also das hier ist Art von weniger intuitive, aber es ist Wert Punktlänge.
Also gib mir einige Wert Attribut,
ist eigentlich die Länge dieser Zeichenkette.
Also, es wird sagen: "OK, ich bin auf der Suche bei dieser ganzen String in Textbereich,
und ich werde sagen, Sie, wie lange es ist. "
Denn wenn wir uns erinnern, Strings sind wirklich nur Arrays,
so dass wir einfach die Länge von ihnen.
So haben wir das.
Kühle.
>> Dann, was wir tun wollen, ist, dass wir nie wollen, um dem Benutzer erlauben,
Eingabe über 140 Zeichen, oder?
Denn wenn wir, wie "Oh, Sie sagen, nur so viel Rest "
und dann sollen sie das tun, Wie auch immer, wir haben gelogen.
Und dies ist ein anderer Sache, dass JavaScript
kann wirklich gut sein für, ist Benutzervalidierung
und dafür sorgen, dass Ihre Benutzer innerhalb einer Regelung passt
dass Sie sie zur Verfügung gestellt haben.
Also, wenn Sie Dinge wie was tun wollen sicher, dass jemand Eingabe ihrer E-Mail-Adresse,
oder dafür sorgen, dass, wenn sie Geben Sie zwei Passwörter, abgestimmt sie.
JavaScript kann das tun.
Sie wäre so etwas wie, "wann das Formular gesendet wird, "oder ähnliches,
"Wenn Formular absenden Button geklickt haben, lassen Sie diese Dinge. "
Und wir, dass JavaScript fähig sind.
Also das ist genau das, was werden wir hier zu tun.
>> Also, was könnte ein Weg, um zu überprüfen, ob sie haben mehr als 140 Zeichen gegangen?
Was wird geschehen unseren Wert von r, wenn sie versuchen?
Es wird negativ sein, nicht wahr?
Oder es wird weniger sein als oder gleich Null ist.
So können wir ein zu verwenden, wenn dies Genau wie alles andere.
OK?
Und wir haben einige Textbereich dot Wert, und was wir hier machen
ist, dass wir nur cutting-- was ist das?
Entschuldigung.
Dieses, wir wollen einfach nur return false.
Ich habe mich verwirrt.
Alle frazzled von den Dingen nicht.
OK, wir wollen einfach nur return false, und dann werden wir
wollen die Anzeige restlichen Zeichen, oder?
So mit der Uhr, haben wir etwas mit Innen HTML, oder?
Wo wir es gleich einige Variable, so was können wir hier machen?
Was werden wir die Änderung der inneren HTML?
>> ZIELGRUPPE: Die geblieben?
>> ALLISON BUCHHOLTZ-AU: Wir ändern übrigen.
In Ordnung, und was machen wir wollen es gleich eingestellt?
Es wird r, denn das sollte unser Zeichen möglich.
OK?
Also ich bin wirklich nervös, um zu sehen, wenn das funktioniert jetzt, aber wir werden sehen.
Lassen Sie diese.
Das ist wirklich schnell.
[Unverständlich] OK.
Auch ich bin nur werde Ihnen zeigen.
Aus welchem ​​Grund, Bergwerk entscheidet, nicht zu arbeiten,
aber was ich dir zeigen werde ist, dass diese ist-- oh Ich sollte, dass in.
OK, stellen wir die gleiche Art von Sache hier, bekommen Sie den Textbereich.
>> Auch, wenn Sie guy Nachricht, wenn es überhaupt etwas, was Sie tun wollen,
und Sie nicht wissen, wie zu tun es, klicken Sie einfach Seitenquelltext,
und sie werden Ihnen sagen.
Manchmal es wird verschlüsselt werden.
Für Ihre pset, verschlüsseln wir alles, so es sieht wie Kauderwelsch.
Aber wenn es jemals ein wirklich coole Website, die Sie mögen,
wenn Sie nur klicken Sie auf Seite Quelle, es wird Ihnen sagen, wie es geht.
Also noch einmal, intelligenter zu arbeiten, nicht härter.
Und wie man hier alle sehen diese Dinge sind die gleichen.
diese hier dauert nur einige substring dass, vergesse ich genau das, was das bedeutet.
Aber es offensichtlich dauert einige substring der Wert von null bis zehn,
und gibt false zurück, was aufhören sollte der Benutzer von mehr einzugeben,
und dann natürlich aktualisiert die innere HTML gibt.
>> Kühle.
So groß Imbisse von heute, Experiment betrachten Quellcode
denn es wird Ihnen helfen, eine Menge, und jeder, manchmal JavaScript
kann schwierig zu handhaben sein und nicht immer so funktionieren, wie Sie es erwarten,
sondern nur immer wieder versuchen, weil ich verspreche, es wird.
Ich verspreche allen diesen Beispielen wurden vor dem Unterricht arbeiten.
Ich verstehe nicht, was passiert ist.
Ich habe wirklich alles das gleiche.
>> Eine weitere Sache, die ich will nur zeigen euch, die super nützlich sein kann,
wird in-- was vor der Arbeit?
Wir bekamen Partei der Arbeit, nicht wahr?
Ich glaube schon.
Ja.
Wir taten.
Ehrfürchtig.
OK, so eine Sache, Sie Jungs wissen sollten
ist das Konsolenprotokoll, das ich darüber gesprochen.
So trösten Punkt Protokoll hallo.
Also das ist eine Art, die JavaScript Äquivalent printf.
Also, wenn Sie schon immer einmal überprüfen Sie Ihre Variablen
oder sehen, was dort vor sich geht, was Sie tun können, ist, wenn wir untersuchen Element,
ist das, was Sie gehen wollen zu, und Sie gehen, um zu trösten,
Sie sehen, dass es gedruckt hallo.
>> So konnten wir es haben Druck, was wir wollten.
Wenn wir wollten, dass es Hintergrund zu drucken dot Stil Punkthintergrund,
wir sollten in der Lage, das zu sehen RGB dreimal so kommt.
Oder nicht.
Vergesse ich genau, wie Sie drucken Sie eine Variable so,
aber Sie sollten in der Lage zu sein, Drucken Sie solche Dinge.
Das wird sehr nützlich sein für Ihre pset, wenn
Sie versuchen zu manipulieren sind koordiniert und so weiter.
So dass sie auch dieses Stück in der Klasse zu ändern.
Dies unterscheidet sich von den letzten Jahren, so dass einfach nur schön sein, Ihre TFs oder die TFs
bei Sprechstunden statt, denn wir sind Art des Lernens zusammen mit euch.
Aber das Konsolenprotokoll war super, super hilfreich für JavaScript im Vorjahr.
So lieben es.
Erfahren Sie, wie man es benutzt.
Es ist einfacher zu benutzen als GDB, so dass sollte mindestens ein Pluspunkt sein.
Aber danke Jungs Lager mit mir.
Es tut mir leid, dass mein Beispiele aus irgendeinem Grund
wollte einfach nicht zu arbeiten mit mir, aber ich
hoffen, dass es half Art erhalten Sie ein etwas mehr in der Zone von JavaScript.
Und schicken Sie mir Ihre Fragen für nächste Woche, so kann ich Super repariert werden kann,
und ich werde Süßigkeiten und sogar extra bringen Süßigkeiten, denn es war lächerlich.
Aber ihr seid großartig, und haben eine wunderbare Woche.