1 00:00:00,000 --> 00:00:08,070 2 00:00:08,070 --> 00:00:10,430 >> R. J. Aquino: Lasst uns einfach loslegen. 3 00:00:10,430 --> 00:00:12,310 So ist dieses Quiz ein. 4 00:00:12,310 --> 00:00:14,890 Hier sind einige High-Level-Informationen. 5 00:00:14,890 --> 00:00:19,915 Auf der Seite für das Quiz ist in diesem URL nicht mehr CS50.net, obwohl das 6 00:00:19,915 --> 00:00:21,080 wird immer noch funktionieren. 7 00:00:21,080 --> 00:00:26,920 Es ist CS50.harvard.edu/quizzes/2013/1. 8 00:00:26,920 --> 00:00:31,070 Es ist die große Über-Seite, sagt Ihnen wo und wann, und zwar am nächsten Mittwoch 9 00:00:31,070 --> 00:00:32,100 in eine Reihe von Zimmern. 10 00:00:32,100 --> 00:00:36,120 Und am nächsten Mittwoch, ich bedeuten, in zwei Tagen. 11 00:00:36,120 --> 00:00:37,890 All diese Information ist da. 12 00:00:37,890 --> 00:00:39,110 Aber es ist kumulativ. 13 00:00:39,110 --> 00:00:43,790 >> Also alles, was aus der ersten Hälfte des Jahr ist potenziell auf dem Quiz, 14 00:00:43,790 --> 00:00:50,780 da kann man nicht wirklich fortschrittliche tun Dinge in C ohne, wenn die Bedingungen und 15 00:00:50,780 --> 00:00:51,920 für Schleifen und dergleichen. 16 00:00:51,920 --> 00:00:55,580 Aber es wird ein Schwerpunkt auf die sein Material, da Quiz 0 abgedeckt, 17 00:00:55,580 --> 00:00:59,570 beginnend mit Strukturen und Datei I / O. Es ist in der Regel mehr 18 00:00:59,570 --> 00:01:01,620 Herausforderung als Quiz 0. 19 00:01:01,620 --> 00:01:03,870 Die durchschnittliche Punktzahl ist in der Regel niedriger. 20 00:01:03,870 --> 00:01:05,980 Studieren schwer. 21 00:01:05,980 --> 00:01:09,340 >> Während Sie studieren, sollten Sie verwenden, CS50/discuss auf Ihre Fragen stellen 22 00:01:09,340 --> 00:01:10,830 und lesen Sie die Fragen der anderen Menschen. 23 00:01:10,830 --> 00:01:13,550 Also, wenn Sie irgendwelche Fragen nicht haben, einloggen und lesen 24 00:01:13,550 --> 00:01:14,580 Fragen Sie Ihre Freunde '. 25 00:01:14,580 --> 00:01:16,560 Sie sind wahrscheinlich gute Fragen. 26 00:01:16,560 --> 00:01:17,730 Und nehmen Sie die Praxis Quiz. 27 00:01:17,730 --> 00:01:20,750 Wir haben was für Quiz sieben oder acht Jahren. 28 00:01:20,750 --> 00:01:22,180 Sie sind alle online. 29 00:01:22,180 --> 00:01:25,540 Zukunftsfragen sind ähnlich auf alte Fragen. 30 00:01:25,540 --> 00:01:26,550 Das ist, wie wir sie machen. 31 00:01:26,550 --> 00:01:27,740 >> Das Quiz ist noch nicht vorhanden. 32 00:01:27,740 --> 00:01:28,670 Keiner von uns haben es gesehen. 33 00:01:28,670 --> 00:01:32,496 Aber es aussehen wird vorherige Quiz. 34 00:01:32,496 --> 00:01:36,500 Aus diesem Review-Sitzung, das ist nicht eine vollständige Liste der Themen. 35 00:01:36,500 --> 00:01:40,740 Man kann nicht einfach diese zu besuchen und dann sein für das Quiz perfekt bereit. 36 00:01:40,740 --> 00:01:43,330 Andernfalls wäre es nicht dass viel von einem Quiz. 37 00:01:43,330 --> 00:01:46,270 Und dies ist auch nicht unbedingt alles, was Sie wissen müssen über jede 38 00:01:46,270 --> 00:01:46,970 bestimmten Thema. 39 00:01:46,970 --> 00:01:50,520 Es soll Sie auf die Dinge, aussetzen wir behandelt haben, daran erinnern, was wir 40 00:01:50,520 --> 00:01:53,070 bedeckt, und die Art und Weise die wir es bedeckt. 41 00:01:53,070 --> 00:01:57,030 Aber Sie müssen noch weiter gehen und tiefer, wenn Sie studieren, um doppelte Kontrolle 42 00:01:57,030 --> 00:02:00,230 Sie wissen alles über einem bestimmten Thema ist und dass Sie ausgefüllt haben 43 00:02:00,230 --> 00:02:03,320 alle Ecken, die waren in der Vorlesung behandelt. 44 00:02:03,320 --> 00:02:07,980 >> Die Quiz Noten sagen Sie zu gehen, um die Schreiber Notizen, Uhr Vortrag Videos. 45 00:02:07,980 --> 00:02:10,155 Das ist ein guter Weg, um sicherzustellen, Sie haben bedeckt alle Grundlagen. 46 00:02:10,155 --> 00:02:12,670 47 00:02:12,670 --> 00:02:17,340 Also erst angefangen, als ich diese Dias, habe ich versucht, zu setzen, wo ich 48 00:02:17,340 --> 00:02:18,350 Informationen. 49 00:02:18,350 --> 00:02:22,890 Also für Datei-I / O, zum Beispiel, Woche 7, Montag Vortrag und der entsandte 50 00:02:22,890 --> 00:02:27,960 Abschnitt 6 und Problem-Set haben alle Informationen über Datei-I / O. Ich getan habe 51 00:02:27,960 --> 00:02:28,840 dies für jedes Thema. 52 00:02:28,840 --> 00:02:33,010 Also diese Titel Folien können Sie hilfreich sein. 53 00:02:33,010 --> 00:02:38,950 >> Hier haben wir also Datei-I / O. Denken Sie daran, in Problem Set 5, haben wir fopen, fclose, 54 00:02:38,950 --> 00:02:41,210 fwrite, fread und fseek. 55 00:02:41,210 --> 00:02:48,090 Direkt nach Wiederherstellung 30ish JPEGs und mit der Größe verändert und mit der Nase 56 00:02:48,090 --> 00:02:50,320 Bitmaps, sollten Sie ziemlich vertraut sein mit diesen Funktionen 57 00:02:50,320 --> 00:02:51,830 und wie sie funktionieren. 58 00:02:51,830 --> 00:02:54,420 Wenn Sie nicht mehr vertraut, auf jeden Fall überprüfen sie. 59 00:02:54,420 --> 00:02:56,860 Und stellen Sie sicher, dass Sie verstehen, was die verschiedenen Argumente sind, 60 00:02:56,860 --> 00:02:58,260 wenn sie verwendet wird. 61 00:02:58,260 --> 00:03:03,620 >> Aber die gemeinsame Datei-bezogene Bugs Sie kann etwa gefragt werden - 62 00:03:03,620 --> 00:03:07,270 Nun, wenn Sie vergessen haben, zu überprüfen, ob fopen tatsächlich gearbeitet, bevor Sie zu gehen 63 00:03:07,270 --> 00:03:08,350 Ändern einer Datei. 64 00:03:08,350 --> 00:03:09,760 Das könnte schlecht sein. 65 00:03:09,760 --> 00:03:13,560 Wenn Sie vergessen haben, eine Datei fclose dass Sie fopened haben, ist, dass ähnlich 66 00:03:13,560 --> 00:03:14,400 ein Speicherverlust. 67 00:03:14,400 --> 00:03:15,980 Das ist ziemlich schlecht. 68 00:03:15,980 --> 00:03:18,670 Und vergessen zu überprüfen, ob Sie haben erreicht das Ende der Datei, bevor Sie 69 00:03:18,670 --> 00:03:19,790 Schreiben beginnen zu. 70 00:03:19,790 --> 00:03:22,320 >> Also, wenn Sie sagen, hey, ich bin bei das Ende der Datei. 71 00:03:22,320 --> 00:03:23,750 Gib mir 5 weitere Bytes. 72 00:03:23,750 --> 00:03:27,370 Nun, das ist wahrscheinlich nicht zu so funktioniert, wie Sie es erwarten. 73 00:03:27,370 --> 00:03:30,930 Das ist es wirklich für Datei-I / O, Weil wir so viel davon 74 00:03:30,930 --> 00:03:32,300 mit das Problem eingestellt. 75 00:03:32,300 --> 00:03:36,000 Also, wenn Sie verstehen, was los war in Problem-Set 5, erinnern sich an die bitmats 76 00:03:36,000 --> 00:03:40,090 und die JPEGs, dann haben Sie wahrscheinlich alle sind Set für Datei-I / O. Wenn das ein bisschen 77 00:03:40,090 --> 00:03:44,770 Fuzzy, auf jeden Fall überprüfen, dass Problem eingestellt und die zugehörigen Material. 78 00:03:44,770 --> 00:03:51,110 >> Strukturen waren das Thema, das auf der waren Linie zwischen 0 und Quiz Quiz ein. 79 00:03:51,110 --> 00:03:53,090 Hat nicht ganz den Schnitt für 0 Quiz. 80 00:03:53,090 --> 00:03:57,040 So werden sie auf jeden Fall auf sein Quiz 1, Woche 7, Montag. 81 00:03:57,040 --> 00:03:58,150 Was ist eine Struktur? 82 00:03:58,150 --> 00:04:00,250 Hier zeigen wir eine Struktur. 83 00:04:00,250 --> 00:04:03,140 Es ist wie ein neuer Typ. 84 00:04:03,140 --> 00:04:07,940 Es ist wie ein Behälter für mehrere Felder. 85 00:04:07,940 --> 00:04:12,970 >> In diesem Fall haben wir eine Struktur deklariert Schüler, die zwei Felder hat - 86 00:04:12,970 --> 00:04:17,750 eine Zeichenfolge, die wir fordern Namen und ein int, die wir fordern Alter. 87 00:04:17,750 --> 00:04:21,450 Also, wenn ich mich um Studenten weitergeben oder ich Studenten ändern, werde ich in der Lage zu sein, 88 00:04:21,450 --> 00:04:24,430 Zugriff auf ihre Namen und ihr Alter. 89 00:04:24,430 --> 00:04:26,670 Schauen wir uns einige Code dafür. 90 00:04:26,670 --> 00:04:29,090 Hier sehen wir, dass ich erklärt habe ein Student s, genau wie 91 00:04:29,090 --> 00:04:30,300 Ich erkläre, eine Variable - 92 00:04:30,300 --> 00:04:32,430 int x, int y, et cetera. 93 00:04:32,430 --> 00:04:34,180 >> Hier ist Student s. 94 00:04:34,180 --> 00:04:37,370 Er beginnt mit nichts auf seinen Feldern. 95 00:04:37,370 --> 00:04:38,240 Setzen wir also ihnen. 96 00:04:38,240 --> 00:04:40,681 Sie setzen Felder einer Struktur mit Punkt. 97 00:04:40,681 --> 00:04:43,780 Also habe ich hier gesagt, dass s.name = RJ. 98 00:04:43,780 --> 00:04:46,470 Und s.age = 21. 99 00:04:46,470 --> 00:04:48,500 Sie können auch Felder zu aktualisieren auf die gleiche Weise zu aktualisieren, würde 100 00:04:48,500 --> 00:04:49,550 der Wert einer Variablen. 101 00:04:49,550 --> 00:04:53,270 Also habe ich meinen Namen von RJ mit ändern wollen keine Zeiträume R. J. Dinkel die 102 00:04:53,270 --> 00:04:54,540 richtige Weg. 103 00:04:54,540 --> 00:04:58,890 Es wäre = RJ, das gleiche s.name werden wie gesagt es ursprünglich. 104 00:04:58,890 --> 00:05:00,030 Und dann können Sie darauf zugreifen. 105 00:05:00,030 --> 00:05:00,930 >> Also haben wir sie eingestellt haben. 106 00:05:00,930 --> 00:05:01,840 Wir haben sie aktualisiert. 107 00:05:01,840 --> 00:05:03,890 Sie können auch auf sie zugreifen in der gleichen Weise. 108 00:05:03,890 --> 00:05:09,330 So, hier bin ich Ausdrucken R. J. Ist 21 Jahre alt. 109 00:05:09,330 --> 00:05:14,700 Und ich bin Zugriff auf diese Werte mit s.name und s.age. 110 00:05:14,700 --> 00:05:17,040 Also das ist, den Zugriff auf Strukturen mit der Punktnotation. 111 00:05:17,040 --> 00:05:17,850 Yep, in Frage zu stellen? 112 00:05:17,850 --> 00:05:21,176 >> ZIELGRUPPE: Gibt es einen Grund für die vorherigen Folie, die Sie gar nicht gestellt 113 00:05:21,176 --> 00:05:24,848 Schüler in der oberen Zeile, wie typedef struct Student und dann 114 00:05:24,848 --> 00:05:25,840 Schüler am Ende? 115 00:05:25,840 --> 00:05:29,040 >> R. J. Aquino: Also war die Frage, auf diese Folie, die wir gesehen haben, in der Regel 116 00:05:29,040 --> 00:05:32,400 typedef struct Knoten und dann die Felder der Struktur und 117 00:05:32,400 --> 00:05:34,250 dann das Wort Knoten. 118 00:05:34,250 --> 00:05:37,790 Und wie hier komme ich nicht sagen, typedef struct Student und dann die 119 00:05:37,790 --> 00:05:39,820 Felder der Struktur und dann Student? 120 00:05:39,820 --> 00:05:44,310 Der Grund ist, dass ich nicht brauchen, um zugreifen, innerhalb der Struktur. 121 00:05:44,310 --> 00:05:46,270 Es ist also OK, um es ohne einen Namen zu verlassen. 122 00:05:46,270 --> 00:05:49,210 Ich kann einfach lassen, wie eine anonyme Struktur. 123 00:05:49,210 --> 00:05:53,130 >> Der Grund, warum wir es tun und für verkettete Listen Dinge ist, weil in Ihnen benötigen 124 00:05:53,130 --> 00:05:55,360 um eine Struktur-Knoten Sterne verweisen. 125 00:05:55,360 --> 00:05:58,220 So ist die Struktur muss einen Namen haben, so dass Sie später darauf zugreifen können. 126 00:05:58,220 --> 00:05:59,540 Es ist ein kleines Detail. 127 00:05:59,540 --> 00:06:04,750 Aber Sie werden in der Regel sehen typedef struct geschweiften Klammern, wenn Sie nicht brauchen, 128 00:06:04,750 --> 00:06:08,720 Name und typedef struct einige Namen gefolgt von geschweiften Klammern, wenn man so will 129 00:06:08,720 --> 00:06:09,520 müssen der Name. 130 00:06:09,520 --> 00:06:12,070 Also das ist eine gute Frage. 131 00:06:12,070 --> 00:06:17,000 >> Und an diesem Punkt, neigen wir dazu, zu modifizieren Strukturen und übergeben um Strukturen von 132 00:06:17,000 --> 00:06:18,680 verweisen, nicht von Wert. 133 00:06:18,680 --> 00:06:21,940 Also werden wir nur passieren um Hinweise auf Strukturen statt, das um die 134 00:06:21,940 --> 00:06:23,150 Structs sich. 135 00:06:23,150 --> 00:06:28,050 Sie sind also sehr häufig sein wird Verwendung, in diesem Fall, Student * oder 136 00:06:28,050 --> 00:06:34,150 struct node * oder * statt Knoten Studenten, oder Knoten. 137 00:06:34,150 --> 00:06:39,350 So, hier habe ich gesagt, OK, die Variable ptr wird sich die Adresse s sein. 138 00:06:39,350 --> 00:06:45,570 Es wird der Zeiger sein dem Schüler R. J. 139 00:06:45,570 --> 00:06:48,965 >> So können wir auf diesen Feldern erhalten das gleiche wie wir etwas zu bekommen. 140 00:06:48,965 --> 00:06:51,460 Zunächst ID Referenz den Zeiger , um die Struktur zu erhalten. 141 00:06:51,460 --> 00:06:55,530 Das ist * ptr und dann ein Punkt und dann Alter. 142 00:06:55,530 --> 00:06:58,790 Also, um das Feld zu gelangen, und ich habe aktualisiert nun auf 22, denn wir 143 00:06:58,790 --> 00:07:00,860 sagen wir, es war mein Geburtstag. 144 00:07:00,860 --> 00:07:03,990 Es gibt eine Kurzsyntax Mit den Pfeil hier. 145 00:07:03,990 --> 00:07:07,060 So ptr Pfeil Alter nur das gleiche wie * ptr.age. 146 00:07:07,060 --> 00:07:10,150 147 00:07:10,150 --> 00:07:11,550 Nun, das ist etwas, das Sie haben auswendig zu lernen und zu erinnern. 148 00:07:11,550 --> 00:07:15,010 >> Sie verwendet es eine Menge in pset6, die Speller pset. 149 00:07:15,010 --> 00:07:18,350 Aber das ist eigentlich, was los ist auf unter der Haube. 150 00:07:18,350 --> 00:07:20,500 Es ist Dereferenzierung des Zeigers und dann zugreift. 151 00:07:20,500 --> 00:07:21,432 Fragen? 152 00:07:21,432 --> 00:07:22,682 >> ZIELGRUPPE: [unverständlich]. 153 00:07:22,682 --> 00:07:25,860 154 00:07:25,860 --> 00:07:28,060 >> R. J. Aquino: Also, warum sind wir mit Zeiger als Strukturen anstelle der 155 00:07:28,060 --> 00:07:29,500 Structs selbst? 156 00:07:29,500 --> 00:07:33,740 Der Grund wäre, wenn Sie vorbei sind eine Struktur an eine Funktion, werden Sie wahrscheinlich 157 00:07:33,740 --> 00:07:36,900 geben möchten um nur die 4 oder so Bytes, die den Zeiger darstellen, wie 158 00:07:36,900 --> 00:07:40,375 auf die potenziell 30 oder Gegensatz 40 Bytes, die der Struktur sind. 159 00:07:40,375 --> 00:07:44,410 So etwas vorbei zu einer Funktion ist einfacher, wenn die Sache 160 00:07:44,410 --> 00:07:48,230 kleiner ist kurz. 161 00:07:48,230 --> 00:07:49,074 Fragen? 162 00:07:49,074 --> 00:07:53,026 >> ZIELGRUPPE: Sie könnte dies erwähnt haben am Anfang, sind aber 163 00:07:53,026 --> 00:07:56,000 anderen Folien auf [unverständlich]? 164 00:07:56,000 --> 00:07:58,960 >> R. J. Aquino: Diese Folien werden nach der Überprüfung Sitzung. 165 00:07:58,960 --> 00:08:00,210 Wir werden sie auf der Website zu posten. 166 00:08:00,210 --> 00:08:02,450 167 00:08:02,450 --> 00:08:06,870 So bewegen auf und Bewegen auf leicht schneller, werden wir über Daten sprechen 168 00:08:06,870 --> 00:08:07,350 Strukturen. 169 00:08:07,350 --> 00:08:08,040 Es gibt eine Menge. 170 00:08:08,040 --> 00:08:10,080 Wir legten ein paar von ihnen. 171 00:08:10,080 --> 00:08:12,500 Hier ist, was Sie verstehen sollten, über Datenstruktur. 172 00:08:12,500 --> 00:08:15,590 >> Sie sollten sich wirklich auf einem hohen verstehen nivellieren, was jeder Struktur ist. 173 00:08:15,590 --> 00:08:21,190 Können Sie sich in Englisch zu erklären, Ihre Freund, der CS50 nicht getroffen hat, wie 174 00:08:21,190 --> 00:08:25,580 organisieren wir unsere Daten und deshalb möchten wir werden, mit so etwas in dieser Art und Weise? 175 00:08:25,580 --> 00:08:26,990 Das ist ein Ding. 176 00:08:26,990 --> 00:08:29,650 Thing zwei, verstehen die Umsetzung. 177 00:08:29,650 --> 00:08:34,270 So verstehen, wie man diese Dinge verwenden in C. Und wir werden über diese gehen. 178 00:08:34,270 --> 00:08:39,030 >> Und dann, was drei werden wissen, wäre die Laufzeiten und die Grenzen der 179 00:08:39,030 --> 00:08:40,470 verschiedenen Strukturen, die Sie verwenden. 180 00:08:40,470 --> 00:08:44,059 So verstehen, warum Sie wäre ein Hash-Tabelle statt eines Arrays. 181 00:08:44,059 --> 00:08:49,570 Verstehen Sie, wie schnell, im Durchschnitt, Zugriff auf eine Hash-Tabelle ist. 182 00:08:49,570 --> 00:08:54,010 Verstehen Sie, was Operationen sind schnell auf verketteten Liste, aber langsam auf Arrays und 183 00:08:54,010 --> 00:08:56,080 umgekehrt. 184 00:08:56,080 --> 00:08:59,780 Also um das zu verstehen, werden Sie zu haben, verstehen, Big-O-Notation nur wissen, 185 00:08:59,780 --> 00:09:01,310 wie man über diese sprechen möglichen Dinge. 186 00:09:01,310 --> 00:09:02,700 Und wir werden darüber reden. 187 00:09:02,700 --> 00:09:06,040 >> Also als erstes, verkettete Listen. 188 00:09:06,040 --> 00:09:07,770 Hier ist eine High-Level-Bild einer verketteten Liste. 189 00:09:07,770 --> 00:09:08,830 Wir zeigen dies in der Klasse. 190 00:09:08,830 --> 00:09:11,670 Wir haben in der Regel 10 Personen auf der Bühne stehen. 191 00:09:11,670 --> 00:09:16,790 Aber wir haben eine Reihe von Knoten, wo jeder Knoten einen Wert und einen Zeiger hat 192 00:09:16,790 --> 00:09:18,610 zu seiner nächsten Wert. 193 00:09:18,610 --> 00:09:21,730 So, um von einem Knoten zum nächsten zu kommen, können Sie nur sagen, gib mir den nächsten Knoten. 194 00:09:21,730 --> 00:09:22,530 Sie haben diesen Knoten. 195 00:09:22,530 --> 00:09:23,770 Gib mir den nächsten Knoten. 196 00:09:23,770 --> 00:09:24,400 Sie haben diesen Knoten. 197 00:09:24,400 --> 00:09:28,790 Gib mir den nächsten Knoten und so weiter bis es kein Knoten links. 198 00:09:28,790 --> 00:09:31,850 >> Also weiter zu reden es auf einem hohen Niveau. 199 00:09:31,850 --> 00:09:34,100 Es ist sehr einfach, die Dinge einfügen in einer verketteten Liste. 200 00:09:34,100 --> 00:09:36,010 Wenn Sie nicht über die Reihenfolge egal, Sie können einfach fallen lassen 201 00:09:36,010 --> 00:09:36,840 gleich zu Beginn. 202 00:09:36,840 --> 00:09:38,520 Das ist konstante Zeit. 203 00:09:38,520 --> 00:09:39,900 Aber es ist schwer, einen Wert zu finden. 204 00:09:39,900 --> 00:09:43,060 Wenn Sie versuchen, zu fragen sind, sieben in meiner Liste? 205 00:09:43,060 --> 00:09:44,740 Sie müssen durch gehen jeden einzelnen Wert. 206 00:09:44,740 --> 00:09:45,680 Ist das sieben? 207 00:09:45,680 --> 00:09:46,610 Ist das sieben? 208 00:09:46,610 --> 00:09:47,770 Ist das sieben? 209 00:09:47,770 --> 00:09:48,690 Ist das sieben? 210 00:09:48,690 --> 00:09:49,830 Immer und immer wieder. 211 00:09:49,830 --> 00:09:51,520 Und das ist O (n). 212 00:09:51,520 --> 00:09:53,800 Also, wenn das Studium für das Quiz, vergleichen Sie dies mit Arrays. 213 00:09:53,800 --> 00:09:57,010 214 00:09:57,010 --> 00:09:58,220 >> Ist das OK? 215 00:09:58,220 --> 00:09:59,220 Die Lichter gingen dim. 216 00:09:59,220 --> 00:10:01,110 OK. 217 00:10:01,110 --> 00:10:02,400 Wann ist eine verbundene Liste besser? 218 00:10:02,400 --> 00:10:04,640 Wenn ein Array ist besser? 219 00:10:04,640 --> 00:10:06,670 Also schauen wir uns an einem bestimmten Code. 220 00:10:06,670 --> 00:10:08,960 Hier ist eine Potentialknoten. 221 00:10:08,960 --> 00:10:09,770 Es ist eine Struktur. 222 00:10:09,770 --> 00:10:12,220 Es verfügt über einen int n, die wird unser Wert sein. 223 00:10:12,220 --> 00:10:17,780 Und es hat eine struct node * next, die Unser Zeiger auf den nächsten Knoten. 224 00:10:17,780 --> 00:10:23,040 So, hier können wir sehen, dass wir zufällig um einen int in unserer Knoten gesetzt haben. 225 00:10:23,040 --> 00:10:27,850 Aber wenn dies eine verbundene Liste von char Sterne oder eine verkettete Liste von Schwimmern, wir 226 00:10:27,850 --> 00:10:28,820 völlig könnte das auch tun. 227 00:10:28,820 --> 00:10:33,110 >> Denken Sie daran, in pset6, Sie hatten wohl ein verknüpfte Liste von char Sterne oder nur 228 00:10:33,110 --> 00:10:34,360 static char-Arrays. 229 00:10:34,360 --> 00:10:37,370 230 00:10:37,370 --> 00:10:39,040 Schauen wir uns hier bei einer Operation. 231 00:10:39,040 --> 00:10:43,570 So zu legen Sie eine neue wollen wir n in unsere verketteten Liste. 232 00:10:43,570 --> 00:10:48,940 Wir beginnen mit einem Zeiger, der Kopf ist einen Zeiger zu diesem Knoten, weist der 233 00:10:48,940 --> 00:10:53,460 Wert von n und der nächsten einen Zeiger, Punkte dieser Knoten ein Wert von 234 00:10:53,460 --> 00:10:57,760 n und eine nächste null, denn es ist der letzte Knoten. 235 00:10:57,760 --> 00:11:00,440 Also im Interesse der Zeit, werde ich setzen alle den Code auf dem Bildschirm. 236 00:11:00,440 --> 00:11:03,130 Und wir werden durch sie hindurchgehen ein paar Zeilen zu einer Zeit. 237 00:11:03,130 --> 00:11:05,790 >> Also hier ist der Code. 238 00:11:05,790 --> 00:11:07,560 Ich hoffe, es ist lesbar. 239 00:11:07,560 --> 00:11:11,275 Das erste, was wir tun, ist malloc wir einen neuen Knoten. 240 00:11:11,275 --> 00:11:15,105 Es macht also einen Zeiger auf einen neuen Knoten, die nicht ganz haben nichts einstellen 241 00:11:15,105 --> 00:11:16,450 in es noch nicht. 242 00:11:16,450 --> 00:11:19,580 Wir überprüfen, um sicherzustellen, dass der neue Knoten nicht leer ist. 243 00:11:19,580 --> 00:11:22,220 Andernfalls müssen wir aufgeben. 244 00:11:22,220 --> 00:11:27,680 So vergewissert haben, dass wir jetzt die Werte in den Knoten. 245 00:11:27,680 --> 00:11:31,520 Also haben wir die neue n in unsere n-Feld. 246 00:11:31,520 --> 00:11:36,050 Und wir stellen Sie die nächste Zeiger auf Punkt der ursprüngliche Kopf, so dass wir 247 00:11:36,050 --> 00:11:38,900 Jetzt haben dies einge Knoten in unsere Liste. 248 00:11:38,900 --> 00:11:44,600 >> Schließlich haben wir die globale Kopfpunkt zu unserem neuen Knoten, so dass, wenn wir uns 249 00:11:44,600 --> 00:11:50,300 beginnen an Kopf, würden wir das an sein neuen ersten Knoten statt 250 00:11:50,300 --> 00:11:51,560 die alte ersten Knoten. 251 00:11:51,560 --> 00:11:55,320 Und wenn die Funktion beendet wird, die Variable neuen Knoten nicht mehr existiert, 252 00:11:55,320 --> 00:11:57,130 da es lokal zu der Funktion. 253 00:11:57,130 --> 00:11:59,770 Das ist also der Zustand der Welt. 254 00:11:59,770 --> 00:12:03,570 Unsere globale Kopf weist auf unseren neuen ersten Knoten, die auf die Punkte unserer 255 00:12:03,570 --> 00:12:06,346 Original ersten Knoten, die Punkte zum Knoten danach. 256 00:12:06,346 --> 00:12:09,790 >> Das war Insertion. 257 00:12:09,790 --> 00:12:12,150 Ich hoffe, dass war relativ einfach zu folgen. 258 00:12:12,150 --> 00:12:14,300 Wenn Sie Zweifel haben, zeichnen Sie ein Bild. 259 00:12:14,300 --> 00:12:17,820 Also ich finde, dass spricht verkettete Listen und Blick auf 260 00:12:17,820 --> 00:12:19,870 Code ist sehr nicht geholfen. 261 00:12:19,870 --> 00:12:23,790 Während der Suche auf ein Bild von einem verknüpften Liste ermöglicht es mir zu denken, oh, so 262 00:12:23,790 --> 00:12:24,970 Ich habe diesen Knoten hier. 263 00:12:24,970 --> 00:12:28,980 Aber wenn ich diesen Zeiger zu aktualisieren, es endet getrennt. 264 00:12:28,980 --> 00:12:34,340 Und ich habe vergessen, wo der Knoten geht. 265 00:12:34,340 --> 00:12:35,390 Und der Code beendet. 266 00:12:35,390 --> 00:12:37,830 Und Sie haben mehrere Knoten , die getrennt sind. 267 00:12:37,830 --> 00:12:39,970 Und Sie müssen nicht am Ende mit die Liste, die Sie möchten. 268 00:12:39,970 --> 00:12:43,320 >> Also, wenn Sie das Bild zu zeichnen und es tun Schritt für Schritt, hoffentlich, sehen Sie, 269 00:12:43,320 --> 00:12:46,840 die richtige Ordnung der Dinge in Bezug auf die Aktualisierung der Zeiger um sicherzustellen, dass 270 00:12:46,840 --> 00:12:48,830 dass die Liste kommt zusammen. 271 00:12:48,830 --> 00:12:51,240 Einfügen ist relativ einfach. 272 00:12:51,240 --> 00:12:55,210 Ein komplizierter wäre ein Einsetzen in eine sortierte Liste. 273 00:12:55,210 --> 00:12:59,980 Eine kompliziertere Funktion löschen und finden, so dass der Blick durch ein Liste 274 00:12:59,980 --> 00:13:03,030 sehen, wenn etwas da ist. 275 00:13:03,030 --> 00:13:07,220 Vielleicht haben Sie diese in pset6 haben, wenn Sie stieg in Ihrem Hash-Tabelle und Sie haben gesagt, 276 00:13:07,220 --> 00:13:10,460 gut, das Wort Apfel in meiner verketteten Liste? 277 00:13:10,460 --> 00:13:11,440 >> So können Sie bereits getan haben. 278 00:13:11,440 --> 00:13:15,530 Aber auf jeden Fall, Ihr Gedächtnis aufzufrischen und versuchen Sie erneut implementieren und 279 00:13:15,530 --> 00:13:19,150 neu implementieren zu löschen für eine verknüpfte Liste. 280 00:13:19,150 --> 00:13:22,850 Fun Seite beachten, da auch doppelt verknüpfte Listen, wo man 281 00:13:22,850 --> 00:13:27,490 Hinweise, die sowohl vorwärts als auch Punkt rückwärts, so dass man auf dem Sprung 282 00:13:27,490 --> 00:13:29,270 nächsten Knoten und zum vorherigen Knoten. 283 00:13:29,270 --> 00:13:33,860 Und es war eine Frage, auf die im letzten Jahr Quiz dieser Art, im Gespräch 284 00:13:33,860 --> 00:13:36,190 etwa doppelt verkettete Listen. 285 00:13:36,190 --> 00:13:40,070 >> Nun, das ist eine Struktur, die Sie relativ vertraut mit, denn die meisten 286 00:13:40,070 --> 00:13:42,520 von Ihnen wahrscheinlich benutzt sie auf pset6. 287 00:13:42,520 --> 00:13:45,680 Hier ist eine, die ein bisschen weniger vertraut ist. 288 00:13:45,680 --> 00:13:51,020 Als Randbemerkung, ich denke, dass ist ein Quiz vor allem härter als Quiz 0, da 289 00:13:51,020 --> 00:13:54,600 die Dinge, die Sie tun, Sie haben nicht so viel getan. 290 00:13:54,600 --> 00:13:58,100 Um dies anders gesagt, für Quiz 0, Sie eine Menge von C geschrieben hatte und wir 291 00:13:58,100 --> 00:13:58,880 fragte Sie C. 292 00:13:58,880 --> 00:14:02,310 >> Für ein Quiz, wir werden dich fragen PHP und JavaScript, die Sie 293 00:14:02,310 --> 00:14:03,490 nicht so viel geschrieben. 294 00:14:03,490 --> 00:14:07,590 Wir werden Sie über C-Code zu fragen, die Sie nicht so viel geschrieben haben, 295 00:14:07,590 --> 00:14:09,130 diese fortschrittliche C Sachen. 296 00:14:09,130 --> 00:14:11,520 Also auf jeden Fall, üben die Sachen, die wir sprach in der Vorlesung, die Sie 297 00:14:11,520 --> 00:14:15,260 nicht unbedingt tun auf das Problem eingestellt. 298 00:14:15,260 --> 00:14:17,870 >> Apropos, Sie nicht geschrieben haben ein Stapel auf ein Problem einstellen. 299 00:14:17,870 --> 00:14:19,610 Aber es war in der Vorlesung. 300 00:14:19,610 --> 00:14:22,530 Hier ist der High-Level-Bild stapelt, dass wir jedes Jahr zu zeigen. 301 00:14:22,530 --> 00:14:26,180 Es ist der Stapel von Ablagen in die Mather Speisesaal. 302 00:14:26,180 --> 00:14:30,570 Auf einem hohen Niveau, sind Stapel eine letzte in-first-out-Datenstruktur. 303 00:14:30,570 --> 00:14:32,040 Das heißt, Sie gehen die Dinge in gesetzt - 304 00:14:32,040 --> 00:14:36,400 1, 3, 7, 12, 14, 0 negativ. 305 00:14:36,400 --> 00:14:39,180 Das einzige, was ich nicht haben der - negativen 3, 0. 306 00:14:39,180 --> 00:14:40,250 Sie setzen all diese Dinge in. 307 00:14:40,250 --> 00:14:42,940 Und das letzte, legt man in die erste ist ein, die gehen, um herauszukommen. 308 00:14:42,940 --> 00:14:44,170 >> So haben Sie zwei Operationen - 309 00:14:44,170 --> 00:14:45,260 Push-und Pop. 310 00:14:45,260 --> 00:14:49,180 Alle von der Umsetzung in, dass ich gestikulieren wie diese sind Push. 311 00:14:49,180 --> 00:14:52,020 Und als ich dann in den Greifer zu erreichen etwas zu erreichen oder an der Spitze zu greifen 312 00:14:52,020 --> 00:14:53,940 etwas, das ist Pop. 313 00:14:53,940 --> 00:14:55,540 So werden wir zu Stapeln implementieren. 314 00:14:55,540 --> 00:14:57,870 Und wir zeigten ihnen in der Vorlesung Verwendung von Arrays. 315 00:14:57,870 --> 00:14:59,550 Aber Sie sie tun konnte, mit verknüpften Listen. 316 00:14:59,550 --> 00:15:01,770 Ein Stapel ist eine konzeptionelle Daten Struktur, nicht wie ein 317 00:15:01,770 --> 00:15:03,760 spezifische Umsetzung ein. 318 00:15:03,760 --> 00:15:06,420 >> Also, was würde das aussehen? 319 00:15:06,420 --> 00:15:07,970 Es wäre eine Art, wie diese aussehen. 320 00:15:07,970 --> 00:15:10,840 Sie müssten eine ganze Größe. 321 00:15:10,840 --> 00:15:16,000 Und Sie möchten ein Array von Werten haben, die Wir nennen Tabletts, denn das ist 322 00:15:16,000 --> 00:15:18,570 was war das Bild für uns - int Schalen - 323 00:15:18,570 --> 00:15:21,740 und dann einige maximalen Kapazität. 324 00:15:21,740 --> 00:15:27,100 So was würde aussehen schieben? 325 00:15:27,100 --> 00:15:33,250 Nun, wenn wir einen Stapel s, dann drücken s etwas auf, wir bekommen 326 00:15:33,250 --> 00:15:34,620 die Größe s. 327 00:15:34,620 --> 00:15:42,270 Und dass die nächste wäre offene Stelle unserer Array. 328 00:15:42,270 --> 00:15:50,510 Also, wenn wir drei Dinge in unserem Stapel, dann Fächer 3 wäre der nächste sein 329 00:15:50,510 --> 00:15:54,290 offene Stelle, denn 0, 1, und 2 sind bereits gefüllt. 330 00:15:54,290 --> 00:16:01,790 >> Also haben wir den Wert in s.trays [s.size], den dritten Platz. 331 00:16:01,790 --> 00:16:06,290 Und dann erhöhen wir s.size zu sagen, hey, drei Dinge hatten wir vorher. 332 00:16:06,290 --> 00:16:07,400 Jetzt haben wir vier. 333 00:16:07,400 --> 00:16:10,180 Also das nächste Mal, wenn Sie drücken, sind Sie gehen, um etwas in 4 setzen. 334 00:16:10,180 --> 00:16:15,560 Oder das nächste Mal, wenn Sie Pop, Sie gehen auf 3 anstelle von 4 oder so aussehen. 335 00:16:15,560 --> 00:16:18,000 Und dann werden wir true zurück sagen wir, hey, ist es uns gelungen. 336 00:16:18,000 --> 00:16:19,160 Das funktionierte. 337 00:16:19,160 --> 00:16:22,060 Als Faustregel gilt, wenn eine Funktion, die es true zurück, oder 338 00:16:22,060 --> 00:16:26,370 falsche immer true zurück, können Sie etwas falsch gemacht haben. 339 00:16:26,370 --> 00:16:28,350 So funktioniert das? 340 00:16:28,350 --> 00:16:32,400 >> Nun, es funktioniert gut für 1, und 2, und 3 und 4, und fünf. 341 00:16:32,400 --> 00:16:34,640 Aber lassen Sie uns sagen, dass ich meine Fähigkeiten zu erreichen. 342 00:16:34,640 --> 00:16:38,750 Ich habe dann zu einem Problem führen, weil wenn Größe ist die gleiche wie Kapazität, ich bin 343 00:16:38,750 --> 00:16:43,340 jetzt versuchen, etwas in einen setzen Array, wo ich nicht Platz haben. 344 00:16:43,340 --> 00:16:46,980 So ein kurzer Check, dies zu beheben. 345 00:16:46,980 --> 00:16:51,630 Wenn s.size == KAPAZITÄT, return false. 346 00:16:51,630 --> 00:16:54,130 Ansonsten gehen und tun, was wir taten. 347 00:16:54,130 --> 00:16:55,660 Also, was sonst könnten wir fragen, etwa für Stapel? 348 00:16:55,660 --> 00:16:56,460 Was sollten Sie studieren? 349 00:16:56,460 --> 00:16:57,690 Was sollten Sie aus? 350 00:16:57,690 --> 00:17:01,030 >> Nun, die Umsetzung Pop. 351 00:17:01,030 --> 00:17:02,370 Wir haben bereits Push. 352 00:17:02,370 --> 00:17:04,280 Ich werde das beheben. 353 00:17:04,280 --> 00:17:08,180 Ein Nicht-Array-Implementierung, bei der Sie eine verknüpfte Liste zu verwenden, vielleicht. 354 00:17:08,180 --> 00:17:09,390 Ein nicht-int Umsetzung. 355 00:17:09,390 --> 00:17:10,940 Wir haben hier ints. 356 00:17:10,940 --> 00:17:11,880 Aber es hätte sein können schwimmt. 357 00:17:11,880 --> 00:17:13,010 Ich hätte sein können Strings. 358 00:17:13,010 --> 00:17:14,290 Es hätte char-Stars haben. 359 00:17:14,290 --> 00:17:17,960 Schauen Sie vorbei Quiz für die Arten von Fragen, die wir gefragt haben, zu Stapeln. 360 00:17:17,960 --> 00:17:20,000 >> Ich werde sagen, dass wir rund um Stapel abgedeckt das gleiche wie wir sie in abgedeckt 361 00:17:20,000 --> 00:17:20,540 den vergangenen Jahren. 362 00:17:20,540 --> 00:17:24,400 So sind die Quizfragen sollten ein guter Hinweis. 363 00:17:24,400 --> 00:17:27,010 In Zukunft noch schneller Warteschlangen. 364 00:17:27,010 --> 00:17:28,200 Sie sind wie Stacks. 365 00:17:28,200 --> 00:17:29,960 Aber sie sind first in, first out. 366 00:17:29,960 --> 00:17:33,530 Wenn Sie Briten sind, das Wort Warteschlange wahrscheinlich machte eine Menge Sinn für Sie. 367 00:17:33,530 --> 00:17:36,390 Andernfalls müssen Sie möglicherweise es als eine Leitung zu hören. 368 00:17:36,390 --> 00:17:38,120 Sie funktionieren wie der Linie im Apple Store. 369 00:17:38,120 --> 00:17:40,740 Die erste Person, um 3:00 zeigen, bis Morgen ist der erste 370 00:17:40,740 --> 00:17:42,880 Person, seine iPad kaufen. 371 00:17:42,880 --> 00:17:44,260 >> So haben wir zwei Operationen - 372 00:17:44,260 --> 00:17:45,720 Enqueue und dequeue. 373 00:17:45,720 --> 00:17:47,560 Enqueue bringt jemand in der Leitung. 374 00:17:47,560 --> 00:17:50,070 Dequeue zieht den ersten Person von der Linie. 375 00:17:50,070 --> 00:17:52,640 Auch wir umsetzen können dies mit einem Array. 376 00:17:52,640 --> 00:17:54,880 Also, was ist die Struktur wir zeigte in der Vorlesung? 377 00:17:54,880 --> 00:17:57,660 Es war dieses ein. 378 00:17:57,660 --> 00:17:59,300 Auch Zahlen. 379 00:17:59,300 --> 00:18:02,020 Auch Größe und dieses neue Ding vorne. 380 00:18:02,020 --> 00:18:04,880 Warum gibt es so genannte Front? 381 00:18:04,880 --> 00:18:07,050 Es ist der Index des nächsten Element aus der Warteschlange entfernt. 382 00:18:07,050 --> 00:18:12,210 Es ist nur intern zu verfolgen der erste Mann zu zeigen, so dass wir 383 00:18:12,210 --> 00:18:15,005 kann ihn herausziehen, wenn wir müssen. 384 00:18:15,005 --> 00:18:19,322 >> Definitiv an Skripten und versuchen zu Enqueue und dequeue implementieren 385 00:18:19,322 --> 00:18:21,700 wenn das Studium für das Quiz. 386 00:18:21,700 --> 00:18:23,190 Wichtige Dinge zu denken. 387 00:18:23,190 --> 00:18:27,260 Umwickeln, wenn der Front sowie die Größe endet größer als die Kapazität. 388 00:18:27,260 --> 00:18:32,670 Auch, wenn Ihre Struktur ist voll, wirst du ein Problem haben. 389 00:18:32,670 --> 00:18:34,780 Hash-Tabellen, die Sie bisher gesehen haben. 390 00:18:34,780 --> 00:18:39,820 Die meisten von euch wahrscheinlich umgesetzt diese auf pset6. 391 00:18:39,820 --> 00:18:44,210 Es ist eine Struktur, die für O Ziel (1) konstante Zeit Einsetzen und O (1) 392 00:18:44,210 --> 00:18:46,430 konstante Zeit-Lookup. 393 00:18:46,430 --> 00:18:49,760 >> In CS50, diese umgesetzt, wie wir eine Anordnung von Linked-Lists. 394 00:18:49,760 --> 00:18:53,690 Die Schlüsselkomponente, um eine Hash-Tabelle ist die Hash-Funktion. 395 00:18:53,690 --> 00:18:58,350 So wandelt es Ihre Eingabe, sagen wir, ein Wörterbuchwort, in einer Reihe, 396 00:18:58,350 --> 00:18:59,560 die gehen, um unseren Index. 397 00:18:59,560 --> 00:19:01,410 Und wir werden diesen Index verwenden in unser Angebot. 398 00:19:01,410 --> 00:19:05,374 Also hier ist ein nettes kleines Bild von study.50.net. 399 00:19:05,374 --> 00:19:08,060 Wir werfen alle Wörter in unsere Hash-Funktion. 400 00:19:08,060 --> 00:19:10,950 Und die Hash-Funktion sagt uns, wo diese Worte zu fassen. 401 00:19:10,950 --> 00:19:15,650 >> Das ist alles groß in dem Land, wo es gibt nur ein Wort für jeden Steckplatz. 402 00:19:15,650 --> 00:19:20,480 Aber wie Sie sich erinnern von pset6 gibt mehr Wörter als Schlitze. 403 00:19:20,480 --> 00:19:23,080 Also, was passiert, wenn Sie bekommen eine Kollision? 404 00:19:23,080 --> 00:19:26,730 Statt der Speicherung von einem Wert in, sagen wir, Hash-Tabelle 3, Sie 405 00:19:26,730 --> 00:19:27,990 Speichern einer verketteten Liste. 406 00:19:27,990 --> 00:19:32,900 Und so statt mit Melone hier, würden Sie eine verlinkte Liste haben, 407 00:19:32,900 --> 00:19:34,190 wobei der erste Knoten Melone. 408 00:19:34,190 --> 00:19:35,260 Und der nächste Knoten ist Katze. 409 00:19:35,260 --> 00:19:38,970 Und der dritte Knoten Kollision, lassen sagen, weil alle diese Worte zu starten 410 00:19:38,970 --> 00:19:41,110 mit C. 411 00:19:41,110 --> 00:19:42,700 >> So sind die meisten von euch tat dies für pset6. 412 00:19:42,700 --> 00:19:45,685 Wenn Sie eine Hash-Tabelle auf pset6 nicht und Sie so etwas wie versucht 413 00:19:45,685 --> 00:19:47,720 ein Trie, auf jeden Fall überprüfen Hash-Tabellen. 414 00:19:47,720 --> 00:19:50,650 Wenn Sie nicht tun es auf pset6, auf jeden Fall Hash-Tabellen überprüfen. 415 00:19:50,650 --> 00:19:53,610 Und wenn Sie tat es auf pset6 und es kam nicht erarbeiten ganz richtig, und Sie 416 00:19:53,610 --> 00:19:56,150 hatte eine Menge Ärger mit sich, auf jeden Fall Hash-Tabellen überprüfen. 417 00:19:56,150 --> 00:20:01,610 Also die Lektion wirklich ist definitiv Hash-Tabellen überprüfen. 418 00:20:01,610 --> 00:20:07,130 >> Die große Minderheit der Sie versucht, versucht auf pset6. 419 00:20:07,130 --> 00:20:08,570 High-Level-Bild. 420 00:20:08,570 --> 00:20:15,150 Es ist etwas wie diesen, wo jeder Knoten einen Satz von Kindern, wobei jede 421 00:20:15,150 --> 00:20:17,100 Kind entspricht einem Buchstaben. 422 00:20:17,100 --> 00:20:20,520 Und auch jeder Knoten sagt, hey, ich bin ein Wort. 423 00:20:20,520 --> 00:20:25,933 So dass in diesem Beispiel das Wort Maxwell, wenn Sie die M zu dem A die folgen 424 00:20:25,933 --> 00:20:28,530 X-W-E-L-L und dann folgen sie eine weitere. 425 00:20:28,530 --> 00:20:32,800 Und Sie dieses Symbol, Delta, erhalten die wir zu bedeuten, die meine, das ist ein Wort. 426 00:20:32,800 --> 00:20:34,780 So Maxwell ist ein Wort. 427 00:20:34,780 --> 00:20:38,430 Diese Differenzen werden in ganz signifikanten welche Dinge sind Worte und welche 428 00:20:38,430 --> 00:20:40,360 sind die Dinge nicht. 429 00:20:40,360 --> 00:20:46,400 >> So in pset6, der die Daten gespeichert wir neben einem unserer Knoten war "Ich bin ein 430 00:20:46,400 --> 00:20:52,630 Wort. "Und die kühle Sache über Versuche Einsetzen wird sie demonstrieren und 431 00:20:52,630 --> 00:20:55,080 Nachschlag in O (Länge eines Wortes). 432 00:20:55,080 --> 00:20:59,450 Also nur durch Maxwell bekommen, ist es M-A-X-W-E-L-L. So sieben oder acht - 433 00:20:59,450 --> 00:21:00,360 Ich kann nicht zählen - 434 00:21:00,360 --> 00:21:03,920 Schritte, um bis zum Ende erhalten und überprüfen Sie Dinge aus. 435 00:21:03,920 --> 00:21:06,800 So schnelle Umsetzung hier. 436 00:21:06,800 --> 00:21:10,230 Rob ging durch eine verknüpfte Liste in seinem postmortalen. 437 00:21:10,230 --> 00:21:11,600 So überprüfen Sie, dass aus. 438 00:21:11,600 --> 00:21:11,720 Entschuldigung. 439 00:21:11,720 --> 00:21:13,240 Ging durch einen Trie in seinem postmortalen. 440 00:21:13,240 --> 00:21:14,260 So überprüfen Sie, dass aus. 441 00:21:14,260 --> 00:21:24,410 >> Aber haben Sie grundsätzlich jeder Knoten 27 Zeiger auf den nächsten Knoten und einem 442 00:21:24,410 --> 00:21:27,050 Boolean ich bin für ein Wort. 443 00:21:27,050 --> 00:21:31,530 Schauen Sie sich Robs Obduktion, wie dies tatsächlich umgesetzt wird. 444 00:21:31,530 --> 00:21:34,750 Unsere endgültige Struktur, unsere Bäume und binäre Suchbäume. 445 00:21:34,750 --> 00:21:41,530 So suchen diese, wurden diese abgedeckt zuletzt Woche 8, Montag. 446 00:21:41,530 --> 00:21:46,960 Ein Baum ist ähnlich zu einem Trie, außer man nicht notwendigerweise 27 Knoten an 447 00:21:46,960 --> 00:21:47,500 jeder Punkt. 448 00:21:47,500 --> 00:21:52,820 Und Sie müssen diese Daten bei jedem nicht Schritt, ob das bedeutet - 449 00:21:52,820 --> 00:21:54,030 der Weg ist egal. 450 00:21:54,030 --> 00:22:00,870 Während ein Trie, der Weg von oben nach Boden, Maxwell, war uns wichtig. 451 00:22:00,870 --> 00:22:05,270 >> Aber jeder Knoten mehrere Kinder, vielleicht. 452 00:22:05,270 --> 00:22:07,290 Wir haben etwas mehr Wortschatz. 453 00:22:07,290 --> 00:22:09,530 Die Wurzel des Baumes ist an der Spitze. 454 00:22:09,530 --> 00:22:12,520 Und wir sagen, dass das sehr untersten Knoten, die keine haben 455 00:22:12,520 --> 00:22:14,530 Kinder sind Blätter. 456 00:22:14,530 --> 00:22:18,040 So wie ein Trie, ist ein Baum eine Struktur von Knoten. 457 00:22:18,040 --> 00:22:21,490 Eine verbreitete Art von Baum, wir gehen zu reden ist ein binärer Baum, in dem 458 00:22:21,490 --> 00:22:26,040 jeder Knoten keine Kinder hat oder ein Kind oder zwei Kinder. 459 00:22:26,040 --> 00:22:28,890 Also das Bild ist hier nicht ein binärer Baum, weil 460 00:22:28,890 --> 00:22:32,890 Knoten 3 hat drei Kinder. 461 00:22:32,890 --> 00:22:38,140 >> Aber wenn wir zu denen, den Rest zu ignorieren waren es ist ein binärer Baum, weil es 462 00:22:38,140 --> 00:22:43,200 zeigt die Eigenschaft, dass jeder Knoten null, ein oder zwei Kinder. 463 00:22:43,200 --> 00:22:46,400 Also, wie können wir ausdrücken im Code? 464 00:22:46,400 --> 00:22:51,460 Wir könnten ein Knoten, in dem jeder Knoten haben eine ganze Zahl innerhalb der IT sowie 465 00:22:51,460 --> 00:22:55,590 als ein Zeiger auf den linken Baum und ein Zeiger auf den Baum auf der 466 00:22:55,590 --> 00:22:59,510 rechts, so dass die zwei Kinder. 467 00:22:59,510 --> 00:23:00,880 Wie ist das sinnvoll? 468 00:23:00,880 --> 00:23:05,740 Nun, wenn wir Regeln darüber, wo wir Knoten setzen, können wir schneller suchen. 469 00:23:05,740 --> 00:23:10,630 >> Also gibt es ein Konzept einer binären Suche Baum, bei dem alle Knoten auf dem 470 00:23:10,630 --> 00:23:14,420 linken Teilbaum einen kleineren Wert als der Knoten wir auf der Suche. 471 00:23:14,420 --> 00:23:17,880 Und alle Knoten auf dem rechten Teilbaum haben einen größeren Wert 472 00:23:17,880 --> 00:23:18,660 als Wurzelknoten. 473 00:23:18,660 --> 00:23:20,670 Jetzt sieht das wie eine Menge von Wörtern. 474 00:23:20,670 --> 00:23:23,770 Ich werde es in der Doppel setzen Zitate und zeigen Sie ein Bild. 475 00:23:23,770 --> 00:23:27,010 So, hier ist ein Beispiel für ein binärer Suchbaum. 476 00:23:27,010 --> 00:23:28,770 Seht zu, dass wir mit 10. 477 00:23:28,770 --> 00:23:31,780 Alles, was auf der linken Seite 10 ist kleiner als dieser. 478 00:23:31,780 --> 00:23:33,130 Und alles, was auf der rechten Seite ist größer als sie. 479 00:23:33,130 --> 00:23:37,620 >> Aber um so mehr, als dass jeder Knoten in der Baum drückt diese Eigenschaft. 480 00:23:37,620 --> 00:23:42,110 So wird der Knoten 7 eine 3 zum linke und 9 nach rechts. 481 00:23:42,110 --> 00:23:44,440 Also alle, die kleiner sind als 10 ist. 482 00:23:44,440 --> 00:23:50,470 Aber ein Blick auf nur diejenigen, hat die 7 3 auf seiner linken und seiner rechten 9. 483 00:23:50,470 --> 00:23:56,100 Und in ähnlicher Weise auf der rechten Seite, 15 hat 14 auf der linken und 50 auf ihrer rechten Seite. 484 00:23:56,100 --> 00:24:03,770 So sind die drei Knoten dort, 15, 14, und 50, sind auch ein gültiger binären Baum 485 00:24:03,770 --> 00:24:05,480 oder eine gültige binären Suchbaum. 486 00:24:05,480 --> 00:24:07,250 Und sie sind alle größer als 10 ist. 487 00:24:07,250 --> 00:24:08,960 So dürfen sie sein auf der rechten Seite. 488 00:24:08,960 --> 00:24:09,940 Gibt es eine Frage? 489 00:24:09,940 --> 00:24:12,580 >> ZIELGRUPPE: Wie gehen Sie bei der Sie haben zwei Siebener? 490 00:24:12,580 --> 00:24:12,850 >> R. J. Aquino: Ja. 491 00:24:12,850 --> 00:24:16,550 Wie gehen Sie mit zwei Werten umgehen , die gleich sind? 492 00:24:16,550 --> 00:24:21,465 Einige binäre Suchbäume sagen, dass Sie Duplikate zu ignorieren, denn das Ziel ist 493 00:24:21,465 --> 00:24:24,280 nur zu sagen, die ich gesehen habe diese Dinge so weit. 494 00:24:24,280 --> 00:24:28,120 Einige binäre Suchbäume, man könnte sagen einen Zählwert innerhalb des Knotens. 495 00:24:28,120 --> 00:24:32,000 Andere könnten sagen, dass alles zu Links ist weniger als oder gleich. 496 00:24:32,000 --> 00:24:33,470 Und alles, was auf der rechten Seite größer. 497 00:24:33,470 --> 00:24:36,520 >> Es kommt nur darauf an, was die Problem ist, Sie zu lösen sind. 498 00:24:36,520 --> 00:24:40,840 Also in einem Wörterbuch, zum Beispiel, Sie würde nicht um Duplikate. 499 00:24:40,840 --> 00:24:41,490 Sie würden sie hinauswerfen. 500 00:24:41,490 --> 00:24:44,719 Aber einige andere Problem, das Sie vielleicht interessieren. 501 00:24:44,719 --> 00:24:49,242 >> ZIELGRUPPE: Ist es möglich, dass a 1 auf der linken Seite 15, die 502 00:24:49,242 --> 00:24:50,590 weniger als 10? 503 00:24:50,590 --> 00:24:51,885 >> R. J. Aquino: Nein 504 00:24:51,885 --> 00:24:56,570 Wenn die 14 hier waren eine 1, würde dies eine gültige binären Suchbaum nicht sein, 505 00:24:56,570 --> 00:25:00,840 weil alles, was auf der rechten Seite 10 größer, als es zu sein. 506 00:25:00,840 --> 00:25:02,300 Und wir werden sehen, warum. 507 00:25:02,300 --> 00:25:07,960 Wenn im Land der Suche mein Ziel ist bis 14 zu finden, beginne ich an der Wurzel. 508 00:25:07,960 --> 00:25:08,500 Also ich aussehe. 509 00:25:08,500 --> 00:25:08,710 OK. 510 00:25:08,710 --> 00:25:10,670 Wir werden an der Wurzel zu starten. 511 00:25:10,670 --> 00:25:12,500 Schauen Sie sich 10. 512 00:25:12,500 --> 00:25:16,050 >> Nun, 14, unser Ziel, ist größer als 10 ist. 513 00:25:16,050 --> 00:25:17,370 So muss es auf der rechten Seite. 514 00:25:17,370 --> 00:25:21,780 Dies ist sehr ähnlich zu dem gesamten Telefon Buch, was wir taten, die binäre 515 00:25:21,780 --> 00:25:23,720 dort zu suchen. 516 00:25:23,720 --> 00:25:26,430 Doch statt der binären Suche in einem Array, wir sind binäre 517 00:25:26,430 --> 00:25:28,490 Suche in diesem Baum. 518 00:25:28,490 --> 00:25:31,260 Daher freuen wir uns immer noch auf der Suche nach 14. 519 00:25:31,260 --> 00:25:32,480 Nun, 14 ist kleiner als 15 ist. 520 00:25:32,480 --> 00:25:36,430 Also, wenn es in unserem Baum, muss es werden hier in dieser Gegend. 521 00:25:36,430 --> 00:25:39,680 Es muss auf der rechten Seite sein 10 und auf der linken Seite von 15. 522 00:25:39,680 --> 00:25:42,250 >> Und so prüfen wir diesen Knoten. 523 00:25:42,250 --> 00:25:45,790 Und yay, wir 14 gefunden. 524 00:25:45,790 --> 00:25:46,760 Ich werde nicht durch sie hindurchgehen. 525 00:25:46,760 --> 00:25:48,090 Aber hier ist der Code. 526 00:25:48,090 --> 00:25:49,690 Es ist eigentlich relativ unkompliziert, 527 00:25:49,690 --> 00:25:52,630 denn dies ist rekursiv. 528 00:25:52,630 --> 00:25:55,420 Was könnten wir bitten Sie, bei einem Quiz zu tun? 529 00:25:55,420 --> 00:25:57,000 Wir könnten Sie bitten, diesen Code zu schreiben. 530 00:25:57,000 --> 00:25:59,170 Wir können Sie bitten, an dieser Code aussehen und ändern diesen Code und erklären, was 531 00:25:59,170 --> 00:26:00,210 es tut. 532 00:26:00,210 --> 00:26:00,390 Ja. 533 00:26:00,390 --> 00:26:00,770 Fragen? 534 00:26:00,770 --> 00:26:04,240 >> ZIELGRUPPE: Sind diese Folien sein wird zur Verfügung gestellt, wie sie letzte Mal? 535 00:26:04,240 --> 00:26:04,740 >> R. J. Aquino: Ja. 536 00:26:04,740 --> 00:26:06,460 Also diese Folien werden auf jeden Fall veröffentlicht werden. 537 00:26:06,460 --> 00:26:08,640 >> ZIELGRUPPE: Sie sind tatsächlich geschrieben jetzt auf der Website. 538 00:26:08,640 --> 00:26:10,020 David gerade tat. 539 00:26:10,020 --> 00:26:12,720 >> R. J. Aquino: Die Folien sind jetzt auf der Website. 540 00:26:12,720 --> 00:26:16,420 Ich werde wahrscheinlich flicken ein paar Ich bemerkte die Fehler und zu lösen. 541 00:26:16,420 --> 00:26:19,940 Aber es ist eine aktuelle Version auf der Site. 542 00:26:19,940 --> 00:26:21,820 Andere Dinge könnten wir Sie bitten, zu tun - 543 00:26:21,820 --> 00:26:23,790 schreiben Einsatz. 544 00:26:23,790 --> 00:26:27,490 Schreiben Sie eine iterative Version der rekursive Funktion, die wir gerade Ihnen gezeigt, 545 00:26:27,490 --> 00:26:32,520 oder über diese Dinge zu sprechen, wie in Absätze, in Worten, in den Sätzen. 546 00:26:32,520 --> 00:26:35,760 Vergleichen der Laufzeiten und Erläuterung was würden Sie auf eine binäre verwenden möchten 547 00:26:35,760 --> 00:26:39,200 Suchbaum für die anstelle einer Hash-Tabelle, zum Beispiel. 548 00:26:39,200 --> 00:26:43,580 >> So verstehen diese Strukturen zu einem ziemlich tiefen Niveau. 549 00:26:43,580 --> 00:26:47,440 Verstehen Sie, wie sie zu schreiben, wie man verwenden Sie sie, wie man über sie zu sprechen. 550 00:26:47,440 --> 00:26:50,270 Und Sie werden ganz eingestellt werden. 551 00:26:50,270 --> 00:26:50,630 Fragen? 552 00:26:50,630 --> 00:26:55,070 >> ZIELGRUPPE: Wenn du schreibst das binären Suchbaum, wie wollen Sie 553 00:26:55,070 --> 00:27:01,460 bestimmen, welche Wert auf machen es wie die Wurzel? 554 00:27:01,460 --> 00:27:06,120 >> R. J. Aquino: Also war die Frage, was Wert sehen Sie als die Wurzel zu machen? 555 00:27:06,120 --> 00:27:08,760 Abhängig von Ihrem Code können Sie kann eine globale Wurzel. 556 00:27:08,760 --> 00:27:14,290 So können Sie wahrscheinlich haben pset6 eine globale Hash-Tabelle. 557 00:27:14,290 --> 00:27:18,640 Oder Sie könnten der Wurzel als Argument. 558 00:27:18,640 --> 00:27:23,810 Also diese Suchfunktion hier ein Argument ein Knoten *. 559 00:27:23,810 --> 00:27:27,420 Und so was Knoten, den Sie gerade sind Blick auf die, die Sie behandeln sind 560 00:27:27,420 --> 00:27:31,510 als Stamm, wenn Sie es weitergeben in. 561 00:27:31,510 --> 00:27:32,320 Und ich bin ganz eingestellt. 562 00:27:32,320 --> 00:27:33,480 Das sind meine Dias. 563 00:27:33,480 --> 00:27:35,940 Die nächste Person kann Swap kommen in einem Laptop und Mikrofon. 564 00:27:35,940 --> 00:27:47,390 565 00:27:47,390 --> 00:27:49,760 >> ROB BOWDEN: Ich denke, dass ich vielleicht interpretiert, dass die Frage anders. 566 00:27:49,760 --> 00:27:53,826 Aber ich interpretierte sie als, wenn Sie die Zahlen 1, 2 und 3, wie können wir 567 00:27:53,826 --> 00:27:56,720 wissen, um die Root-2 machen im Gegensatz zu 1 oder 3? 568 00:27:56,720 --> 00:27:59,480 Wenn wir zwei der Wurzel, dann ist es schön 1 und 3 nach links und rechts. 569 00:27:59,480 --> 00:28:04,610 Aber wenn 1 ist die Wurzel, dann ist es ein zu der Spitze, 2 die rechte, 3 nach rechts. 570 00:28:04,610 --> 00:28:10,880 Also standardmäßig, Sie wissen nicht, was, um die Wurzel zu machen. 571 00:28:10,880 --> 00:28:15,400 Und für jeden Algorithmus wir zu erwarten Ihnen, nur das erste, was Sie 572 00:28:15,400 --> 00:28:16,680 Einsatz würde die Wurzel sein. 573 00:28:16,680 --> 00:28:19,890 Oder wir würden Sie einen binären Baum zu geben, dass ist bereits vorhanden, die eine Wurzel hat. 574 00:28:19,890 --> 00:28:24,760 Aber auch andere Algorithmen existiert, so dass die Wurzel zu aktualisieren, so dass, wenn Sie 575 00:28:24,760 --> 00:28:28,370 am Ende in der Situation, wo es 1, 2, 3, wird es automatisch zu aktualisieren würde 576 00:28:28,370 --> 00:28:30,900 2 machen die neue Wurzel, so dass es ist immer noch schön ausgeglichen. 577 00:28:30,900 --> 00:28:33,750 578 00:28:33,750 --> 00:28:34,833 >> ANGELA LI: Kühle. 579 00:28:34,833 --> 00:28:36,170 Hey, Jungs. 580 00:28:36,170 --> 00:28:37,810 Ich bin Angela. 581 00:28:37,810 --> 00:28:42,490 Und ich werde zum Schluss unsere C und dann in einigen unserer Web zu gehen 582 00:28:42,490 --> 00:28:43,120 Technologien - 583 00:28:43,120 --> 00:28:46,570 HTTP, HTML und CSS. 584 00:28:46,570 --> 00:28:49,610 So die erste Sache ist Puffer Überlauf-Attacken. 585 00:28:49,610 --> 00:28:53,070 Werfen wir also einen Blick auf diesen Code. 586 00:28:53,070 --> 00:28:54,260 Es ist ziemlich einfach. 587 00:28:54,260 --> 00:28:55,460 Es gibt eine Funktion foo. 588 00:28:55,460 --> 00:28:56,990 Und es gibt nichts zurück. 589 00:28:56,990 --> 00:29:00,950 Aber es braucht in einem Zeiger in einen String namens bar. 590 00:29:00,950 --> 00:29:04,920 >> Und es geht um diese zu erklären Puffer, die ein Zeichen 591 00:29:04,920 --> 00:29:07,690 Array, das 12 Slots hat. 592 00:29:07,690 --> 00:29:11,730 Und es nutzt memcpy, das ist nur ein Funktion, dass Kopien von einer Adresse 593 00:29:11,730 --> 00:29:12,910 in eine andere. 594 00:29:12,910 --> 00:29:19,400 Also das versucht, in zu kopieren unsere Puffer von was auch immer 595 00:29:19,400 --> 00:29:21,140 bar, die auf. 596 00:29:21,140 --> 00:29:24,640 So eine Idee, was falsch ist mit diesem Code? 597 00:29:24,640 --> 00:29:27,568 598 00:29:27,568 --> 00:29:30,830 >> ZIELGRUPPE: Wenn Bar ist länger als C, werden sie zu überschreiben. 599 00:29:30,830 --> 00:29:31,520 >> ANGELA LI: Ja, genau. 600 00:29:31,520 --> 00:29:34,200 Wir haben keine Garantie, dass Bar wird auf weniger als 12 sein. 601 00:29:34,200 --> 00:29:36,080 Wir haben gerade eine willkürliche Zahl 12 gemacht. 602 00:29:36,080 --> 00:29:38,380 Und wir waren wie, lasst uns hoffen, dass unsere Benutzereingabe ist weniger als 603 00:29:38,380 --> 00:29:40,440 12 Zeichen lang. 604 00:29:40,440 --> 00:29:46,320 Also in einer idealen Welt, wenn unser Eingang ist immer wie erwartet, dann werden wir 605 00:29:46,320 --> 00:29:47,550 so etwas wie, hallo. 606 00:29:47,550 --> 00:29:48,920 Das ist weniger als 12 Zeichen. 607 00:29:48,920 --> 00:29:51,870 Es wird in char c zu lesen. 608 00:29:51,870 --> 00:29:53,280 Und dann haben wir etwas zu tun mit ihm. 609 00:29:53,280 --> 00:29:54,800 Es spielt eigentlich keine Rolle. 610 00:29:54,800 --> 00:29:59,740 >> Aber ein böswilliger Mensch tun könnte etwas wie diese, wo sie 611 00:29:59,740 --> 00:30:04,760 geben uns was Leiste zeigt auf, es geht um dieser großen Array zeigen 612 00:30:04,760 --> 00:30:06,280 nur von A. 613 00:30:06,280 --> 00:30:10,680 Und das ist viel mehr als 12 ist. 614 00:30:10,680 --> 00:30:13,830 Also es geht um den ganzen Weg gehen hier unten, wo die Rück 615 00:30:13,830 --> 00:30:15,420 Adresse verwendet werden. 616 00:30:15,420 --> 00:30:17,860 Also sagen wir mal diese Funktion heißt foo. 617 00:30:17,860 --> 00:30:20,970 Vielleicht war foo durch eine andere genannt Funktion, die durch die Haupt genannt. 618 00:30:20,970 --> 00:30:24,890 Also, wenn foo ausgeführt wird, muss es zu wissen, wo, um zurückzukehren. 619 00:30:24,890 --> 00:30:29,130 >> Wenn foo wurde von einigen Funktion mit dem Namen genannt BAZ ist zu wissen, dass es 620 00:30:29,130 --> 00:30:30,250 muss zurück zu gehen baz. 621 00:30:30,250 --> 00:30:34,040 Und das ist, was diese Absender-Adresse hier unten sagt uns. 622 00:30:34,040 --> 00:30:38,340 Aber wenn wir überschreiben Sie es mit einem anderen Adresse, in diesem Fall ist dies ein 623 00:30:38,340 --> 00:30:42,650 Darstellung der Adresse, an die Anfang dieses Puffers, dann 624 00:30:42,650 --> 00:30:45,240 , was tatsächlich passieren wird ist, dass statt zurück zu baz Rückkehr, 625 00:30:45,240 --> 00:30:48,470 die unsere Funktion aufgerufen, es ist nur gehen, um an die Front dieses Codes gehen. 626 00:30:48,470 --> 00:30:53,930 >> Und wenn dieses es, da ein böswillige Hacker-Kumpel kam und 627 00:30:53,930 --> 00:30:56,820 Diese injiziert, dann vielleicht diese Menge von A ist nicht wirklich von A. 628 00:30:56,820 --> 00:31:02,030 Und es ist eigentlich nur Code, der Pausen Ihrem Computer oder so etwas. 629 00:31:02,030 --> 00:31:05,930 So defensiv über diese Art der zu sein Sache, müssen Sie nie davon ausgehen, dass 630 00:31:05,930 --> 00:31:09,120 Anwendereingabe ein bestimmter Menge von Zeichen. 631 00:31:09,120 --> 00:31:13,310 Zum Beispiel, wenn Sie taten Speller, Ihnen sagte, dass Worte waren 632 00:31:13,310 --> 00:31:15,580 nur zu 40 Zeichen lang sein lange Maximum. 633 00:31:15,580 --> 00:31:16,570 Und das war gut. 634 00:31:16,570 --> 00:31:20,150 >> Aber wenn nicht, dann müssen Sie müssten achten Sie darauf, nur in 45 lesen 635 00:31:20,150 --> 00:31:21,520 Zeichen gleichzeitig. 636 00:31:21,520 --> 00:31:24,430 Andernfalls könnten Sie überschreiben Ihre Puffer. 637 00:31:24,430 --> 00:31:26,140 Sie haben Fragen zu, dass. 638 00:31:26,140 --> 00:31:26,733 Ja. 639 00:31:26,733 --> 00:31:28,850 >> ZIELGRUPPE: Können Sie nur reden ein wenig mehr über diese? 640 00:31:28,850 --> 00:31:29,790 >> ANGELA LI: Sorry. 641 00:31:29,790 --> 00:31:31,040 Ja. 642 00:31:31,040 --> 00:31:32,813 643 00:31:32,813 --> 00:31:35,870 >> PUBLIKUM: Das Mikrofon ist nur für Video. 644 00:31:35,870 --> 00:31:37,640 Ich werde versuchen, Projekt. 645 00:31:37,640 --> 00:31:39,900 Hallo, Jungs. 646 00:31:39,900 --> 00:31:40,920 Sup? 647 00:31:40,920 --> 00:31:45,330 So gehen wir über ein paar Dinge in der CS50-Bibliothek, die Sie schon mit 648 00:31:45,330 --> 00:31:49,072 alle Semester, meist auf Benutzereingaben zu bekommen. 649 00:31:49,072 --> 00:31:53,140 Wie Sie wissen, sind Sie die CS50 Bibliothek von nur tun CS50.h, die 650 00:31:53,140 --> 00:31:55,660 enthält alle Prototypen der Funktionen, die Sie verwenden können, wie 651 00:31:55,660 --> 00:31:58,640 GetString und GetInt und GetFloat, et cetera. 652 00:31:58,640 --> 00:32:02,870 Und es gibt diese eine Zeile in der CS50 Bibliothek, die einen String definiert, die 653 00:32:02,870 --> 00:32:05,380 euch alle jetzt wissen ist nur ein char *. 654 00:32:05,380 --> 00:32:07,900 >> Aber lassen Sie uns einen Blick auf wie GetString funktioniert. 655 00:32:07,900 --> 00:32:10,010 Dies ist eine sehr gekürzte Fassung. 656 00:32:10,010 --> 00:32:15,090 Sie können bis CS50 die Bibliotheksdateien ziehen aus, denke ich, manuals.CS50.net. 657 00:32:15,090 --> 00:32:16,750 Und Sie können durch lesen die eigentliche Funktion. 658 00:32:16,750 --> 00:32:19,330 Aber das werden einige der die wichtigen Teile. 659 00:32:19,330 --> 00:32:23,870 Also haben wir einige Puffer erstellt haben mit etwas Kapazität. 660 00:32:23,870 --> 00:32:27,570 Und was wir tun müssen, ist uns ein Zeichen bekommen zu einer Zeit, von der Standard n. 661 00:32:27,570 --> 00:32:30,910 Das ist, wo die Benutzereingaben Text in der Konsole. 662 00:32:30,910 --> 00:32:33,430 >> Und so werden wir in ein Lese Charakter, so lange es nicht eine neue 663 00:32:33,430 --> 00:32:37,220 Linie und es ist nicht am Ende der Datei, die ist das Ende der Standardeingabe. 664 00:32:37,220 --> 00:32:45,690 Und für jedes Zeichen, das wir lesen in, wenn es ein Zeichen endet Zugabe 665 00:32:45,690 --> 00:32:50,120 auf die Anzahl der Charaktere, die wir gelesen haben, in, und das ist mehr als unsere Fähigkeit, 666 00:32:50,120 --> 00:32:53,490 dann, was wir tun, ist, dass wir nur die Größe unserer Puffer, so dass es doppelt so lang. 667 00:32:53,490 --> 00:32:56,950 Also noch einmal, diese schützen vor Puffer Überlauf-Attacken, da Sie in lesen 668 00:32:56,950 --> 00:32:58,315 ein Zeichen zu einem Zeitpunkt. 669 00:32:58,315 --> 00:33:02,290 Und wenn Sie zu irgendeinem Zeitpunkt in zu lesen viele, die Sie gerade erweitern Sie Ihre Puffer. 670 00:33:02,290 --> 00:33:03,330 Man multipliziert ihn mit zwei. 671 00:33:03,330 --> 00:33:05,510 Und dann haben Sie mehr Platz. 672 00:33:05,510 --> 00:33:09,120 >> Andernfalls fügen Sie einfach ein Zeichen zu puffern. 673 00:33:09,120 --> 00:33:15,080 Und nachdem Sie in allen gelesen habe Zeichen enthält, wird die Puffer schrumpfen 674 00:33:15,080 --> 00:33:18,510 wieder auf die normale Größe, fügen Sie ein Nullabschluss und dann zurückkehren. 675 00:33:18,510 --> 00:33:21,880 676 00:33:21,880 --> 00:33:24,960 Nun, schauen wir uns GetInt. 677 00:33:24,960 --> 00:33:27,700 Kann euch lesen? 678 00:33:27,700 --> 00:33:30,710 Ich kann ein wenig vergrößern. 679 00:33:30,710 --> 00:33:33,410 680 00:33:33,410 --> 00:33:34,660 Ich weiß nicht, wie Computer funktionieren. 681 00:33:34,660 --> 00:33:40,840 682 00:33:40,840 --> 00:33:41,270 Das macht nichts. 683 00:33:41,270 --> 00:33:42,520 Ich kann nicht richtig heranzoomen. 684 00:33:42,520 --> 00:33:47,500 685 00:33:47,500 --> 00:33:48,770 >> Das ist wirklich hart. 686 00:33:48,770 --> 00:33:49,180 Es tut mir leid. 687 00:33:49,180 --> 00:33:51,490 Sagen wir einfach, dies zu betrachten. 688 00:33:51,490 --> 00:33:57,140 Also, was tut, ist es GetInt liest zuerst in einer Reihe von GetString, die 689 00:33:57,140 --> 00:33:59,250 wir zuvor implementiert haben. 690 00:33:59,250 --> 00:34:02,945 Und der wichtige Teil, hier zu beachten ist, wenn diese gemeinsame Nutzung, die es endet 691 00:34:02,945 --> 00:34:06,400 Lesen ist nicht wirklich wie einer Schnur, dann können wir nur zurück, um INT_MAX 692 00:34:06,400 --> 00:34:09,409 stellen Versagen. 693 00:34:09,409 --> 00:34:12,645 Warum haben wir INT_MAX stattdessen zurückgeben negativer 1 bzw. 1? 694 00:34:12,645 --> 00:34:13,895 Irgendwelche Ideen? 695 00:34:13,895 --> 00:34:16,853 696 00:34:16,853 --> 00:34:19,350 >> ZIELGRUPPE: [unverständlich] 1 auf einer negativen. 697 00:34:19,350 --> 00:34:20,070 >> ANGELA LI: Ja, genau. 698 00:34:20,070 --> 00:34:24,560 Sie sind also so eher nur wollen Eingang 1 oder negativ ein, wenn Sie dazu aufgefordert 699 00:34:24,560 --> 00:34:27,469 für einen n-ten und n-ten, was auch immer maxes. 700 00:34:27,469 --> 00:34:27,969 Es ist riesig. 701 00:34:27,969 --> 00:34:29,690 Du bist wahrscheinlich nicht gehen, um es zu benutzen. 702 00:34:29,690 --> 00:34:32,690 Also das ist wie eine Design-Entscheidung zu stellen Sie sicher, dass Sie nicht versehentlich zu tun 703 00:34:32,690 --> 00:34:38,540 einen Fehler zurück, oder Sie nicht zurückgeben 1, die analysiert werden könnte 704 00:34:38,540 --> 00:34:41,199 als eine richtige Antwort. 705 00:34:41,199 --> 00:34:45,110 So dass, wenn eine Zeile nicht vorhanden ist, wir zurück RC-MAX. 706 00:34:45,110 --> 00:34:48,090 Ansonsten verwenden wir sscanf, Das ist wie scanf. 707 00:34:48,090 --> 00:34:49,449 Aber es liest aus einem String. 708 00:34:49,449 --> 00:34:54,310 >> Und wir haben diese formatiert String, der% i% c ist. 709 00:34:54,310 --> 00:34:57,440 Und wir versuchen, mit, dass mit was der Benutzer hat uns. 710 00:34:57,440 --> 00:35:01,420 Wir wollen, dass die Anzahl der gefundenen Dinge 1 sein, was bedeutet, dass wir nur 711 00:35:01,420 --> 00:35:04,940 wirklich eine ganze Zahl übereinstimmen soll vielleicht von Weiß umgeben 712 00:35:04,940 --> 00:35:06,840 Raum, vielleicht auch nicht. 713 00:35:06,840 --> 00:35:10,710 In diesem Fall, wenn Sie in etwas setzen wie Bar, keine Bar überhaupt nicht übereinstimmen, 714 00:35:10,710 --> 00:35:14,400 denn es braucht, um sein eine ganze Zahl am Anfang. 715 00:35:14,400 --> 00:35:17,060 Also nie gedreht SSCAN 0. 716 00:35:17,060 --> 00:35:19,640 So können Sie nicht zurück das nicht. 717 00:35:19,640 --> 00:35:23,850 >> Alternativ, wenn Sie in etwas setzen wie 1, 2, 3, A, B, C, dass Spiele 718 00:35:23,850 --> 00:35:27,180 sowohl die Integer-, sondern auch der Charakter danach. 719 00:35:27,180 --> 00:35:29,990 So wird sscanf 2 zurück, die ist auch nicht ideal. 720 00:35:29,990 --> 00:35:34,620 Sie wollen nicht, 1, 2, 3, A, B, C, um eine gültige int sein. 721 00:35:34,620 --> 00:35:36,990 So, dass auch nicht. 722 00:35:36,990 --> 00:35:38,530 Aber sagen Sie so etwas wie 50 setzen. 723 00:35:38,530 --> 00:35:42,460 Das wird der i% entsprechen, was bedeutet, es wird noch gelesen in n. 724 00:35:42,460 --> 00:35:44,790 Und jetzt wird die Anzahl n 50 enthalten. 725 00:35:44,790 --> 00:35:46,110 Und dann können Sie es zurück. 726 00:35:46,110 --> 00:35:49,270 >> Ansonsten treffen Sie auf Wiederholen. 727 00:35:49,270 --> 00:35:55,790 Und dann es geht einfach immer wieder, bis Sie eine richtige Eingabe bekommen von dem Benutzer. 728 00:35:55,790 --> 00:35:56,891 Haben Sie Fragen dazu? 729 00:35:56,891 --> 00:36:02,182 >> ZIELGRUPPE: Also, wenn Sie waren zum Ausdrucken der Wert der GetInt auf [unverständlich] 730 00:36:02,182 --> 00:36:06,250 wäre es nur die ganze Zahl und max? 731 00:36:06,250 --> 00:36:07,440 >> ANGELA LI: Ja. 732 00:36:07,440 --> 00:36:11,780 Also, wenn Sie GetInt verwenden, sollten Sie davon ausgehen, dass Sie nicht möchten, dass n-te max auf 733 00:36:11,780 --> 00:36:15,328 ein gültiges Eingangs, denn du gehst anzunehmen, dass das war schlecht. 734 00:36:15,328 --> 00:36:27,740 >> ZIELGRUPPE: Wenn wir nicht char c und jemand in 1, 2, 3, Sam setzen, wäre es 735 00:36:27,740 --> 00:36:29,430 noch für 1, 2, 3 zu arbeiten? 736 00:36:29,430 --> 00:36:29,750 >> ANGELA LI: Ich denke, dass es funktionieren würde. 737 00:36:29,750 --> 00:36:33,340 Aber Sie wollen nicht zu 123Sam eine gültige Eingabe durch einen Benutzer. 738 00:36:33,340 --> 00:36:34,670 Das ist nicht wirklich ein Int. 739 00:36:34,670 --> 00:36:36,840 So ist es nicht fair um es als int analysieren. 740 00:36:36,840 --> 00:36:40,910 741 00:36:40,910 --> 00:36:42,160 OK. 742 00:36:42,160 --> 00:36:45,800 In diesem Fall lassen Sie Umzug auf das Internet. 743 00:36:45,800 --> 00:36:49,120 So HTTP ist keine Sprache. 744 00:36:49,120 --> 00:36:56,060 HTTP ist nur der Satz von Standards für wie Sie die Dinge von Kunden zu schicken, 745 00:36:56,060 --> 00:36:57,280 das sind Sie, zu Servern. 746 00:36:57,280 --> 00:36:59,730 Das ist, anderen Menschen über das Internet. 747 00:36:59,730 --> 00:37:02,900 >> So HTTP steht für Hypertext Übertragungsprotokoll. 748 00:37:02,900 --> 00:37:04,610 Es ist das Herz und die Seele des gesamten Web. 749 00:37:04,610 --> 00:37:07,050 Die Hypertext-Teil nur bezieht sich auf HTML. 750 00:37:07,050 --> 00:37:10,690 Der Transfer ist Kunden wie Sie Anfragen zu senden 751 00:37:10,690 --> 00:37:13,060 Server, die Antworten zu geben. 752 00:37:13,060 --> 00:37:16,380 Und das Protokoll ist nur, wie kann Sie erwarten, dass ein Server zu verhalten? 753 00:37:16,380 --> 00:37:19,960 Und wie soll man sich verhalten so dass Sie diese zu rationalisieren 754 00:37:19,960 --> 00:37:21,920 Kommunikationsprozess? 755 00:37:21,920 --> 00:37:26,650 >> So HTTP-Anforderungen sehen aus wie diese. 756 00:37:26,650 --> 00:37:28,070 GET ist die Art der Anfrage. 757 00:37:28,070 --> 00:37:31,220 Ihr habt gesehen, GET-Anfragen und POST-Anfragen. 758 00:37:31,220 --> 00:37:36,690 Das zweite, was es gibt, mir ist / dass nur der URI oder die URL, wo man 759 00:37:36,690 --> 00:37:38,140 wollen innerhalb der Wirts gehen. 760 00:37:38,140 --> 00:37:44,140 So Anfrage bittet um die Seite, wie www.facebook.com / me. 761 00:37:44,140 --> 00:37:45,300 Und es ist eine GET Anfrage. 762 00:37:45,300 --> 00:37:51,020 Und dann diese HTTP/1.1, das ist nur die Version von HTTP, die Sie verwenden. 763 00:37:51,020 --> 00:37:55,020 Es ist fast immer 1.1. 764 00:37:55,020 --> 00:37:56,880 >> Und dann gibt es ein paar andere Sachen auch. 765 00:37:56,880 --> 00:38:02,510 Sie können tatsächlich sehen, wenn Sie diese öffnen Sie die Konsole, wenn Sie 766 00:38:02,510 --> 00:38:03,770 Surfen im Web. 767 00:38:03,770 --> 00:38:07,290 Antworten suchen etwas eher wie dieses. 768 00:38:07,290 --> 00:38:09,620 Der obere Teil ist wieder der Art von HTTP, die Sie verwenden 769 00:38:09,620 --> 00:38:12,310 gefolgt von dem Statuscode. 770 00:38:12,310 --> 00:38:14,700 Also 200 OK ist alles geklappt. 771 00:38:14,700 --> 00:38:16,200 Hier ist Ihre Inhalte. 772 00:38:16,200 --> 00:38:17,390 Ihr Inhalt wird folgen. 773 00:38:17,390 --> 00:38:21,730 Und dann wird es Ihnen sagen, welche Art von Inhalten und anderen Sachen zu. 774 00:38:21,730 --> 00:38:24,620 >> Die Statuscodes, gibt es ein paar wichtigsten, die Sie kennen sollten. 775 00:38:24,620 --> 00:38:26,460 200 OK ist wie alles golden. 776 00:38:26,460 --> 00:38:28,490 Alles funktioniert. 777 00:38:28,490 --> 00:38:29,710 403 Forbidden. 778 00:38:29,710 --> 00:38:32,910 Das haben Sie wahrscheinlich gesehen, wenn Sie vergessen etwas richtig chmod. 779 00:38:32,910 --> 00:38:34,510 Es bedeutet, dass Sie nicht haben, die richtigen Berechtigungen 780 00:38:34,510 --> 00:38:36,210 Zugriff auf die auf dem Server. 781 00:38:36,210 --> 00:38:38,110 Es ist wie, nein, Sie können es nicht sehen. 782 00:38:38,110 --> 00:38:39,780 404 bedeutet, dass etwas existiert nicht. 783 00:38:39,780 --> 00:38:40,400 Nicht gefunden. 784 00:38:40,400 --> 00:38:41,640 Sie haben wahrscheinlich, dass viel gesehen. 785 00:38:41,640 --> 00:38:45,510 >> 500 Internal Server Error ist in der Regel wie etwas falsch an der Seite ging 786 00:38:45,510 --> 00:38:46,460 des Servers. 787 00:38:46,460 --> 00:38:50,830 Also, wenn Sie wurden pset7 Umsetzung, wenn Sie PHP-Fehler hatte, konnte man 788 00:38:50,830 --> 00:38:53,890 tatsächlich auf die Seite gehen und sehen, ein ganze Reihe von PHP-Fehler Zeug. 789 00:38:53,890 --> 00:38:56,900 Aber das bedeutet in der Regel nicht passieren, weil Websites nicht wirklich wollen, 790 00:38:56,900 --> 00:38:58,830 Ihnen sagen, warum ihre Website ist gebrochen. 791 00:38:58,830 --> 00:39:03,370 Sie werden wahrscheinlich nur durch Rücksendung des 500 Internal Server Error. 792 00:39:03,370 --> 00:39:06,120 >> Und dann gibt es 418 Ich bin eine Teekanne. 793 00:39:06,120 --> 00:39:07,910 Es gibt eine ganze Geschichte über warum, das ist eine Sache. 794 00:39:07,910 --> 00:39:09,860 Aber man kann darüber gelesen auf Ihrer eigenen Zeit. 795 00:39:09,860 --> 00:39:11,450 Es gibt eine ganze Reihe von anderen Statuscodes zu. 796 00:39:11,450 --> 00:39:12,700 Aber das sind die, die Sie muss es wissen. 797 00:39:12,700 --> 00:39:15,660 798 00:39:15,660 --> 00:39:18,610 Lassen Sie uns also über HTML sprechen. 799 00:39:18,610 --> 00:39:22,180 HTML, erinnern, ist kein Programmiersprache. 800 00:39:22,180 --> 00:39:23,510 Es ist eine Markup-Sprache. 801 00:39:23,510 --> 00:39:25,210 Das heißt, es Inhalt beschreibt. 802 00:39:25,210 --> 00:39:30,440 Hier erfahren Sie, was ein HTML-Dokument aussieht wie ist oder nicht, wie es aussieht 803 00:39:30,440 --> 00:39:32,230 aber wie ist es strukturiert. 804 00:39:32,230 --> 00:39:36,110 >> So ist es definiert eine Struktur und Semantik von Web-Seiten. 805 00:39:36,110 --> 00:39:37,830 Es ist wie, das ist ein Absatz. 806 00:39:37,830 --> 00:39:40,060 Dies ist eine geordnete Liste. 807 00:39:40,060 --> 00:39:42,360 Das ist wie ein Teil meiner Seite. 808 00:39:42,360 --> 00:39:43,260 Hier ist der Titel. 809 00:39:43,260 --> 00:39:44,310 Es tut Sachen. 810 00:39:44,310 --> 00:39:48,770 Es ist nicht Stil von alledem, denn das ist, was Sie in CSS zu tun. 811 00:39:48,770 --> 00:39:50,270 Und es sieht aus wie eine Serie von verschachtelten Tags. 812 00:39:50,270 --> 00:39:54,720 Also, um ein Beispiel für eine wirklich grundlegende verwenden HTML-Seite, die DOCTYPE haben Sie 813 00:39:54,720 --> 00:39:56,720 Erklärung oben. 814 00:39:56,720 --> 00:40:00,940 >> Diese DOCTYPE-Deklaration ist sagen, wir sind mit HTML5. 815 00:40:00,940 --> 00:40:03,370 Dann haben Sie die große HTML-Tag. 816 00:40:03,370 --> 00:40:05,230 Es enthält einen Kopf und einen Körper. 817 00:40:05,230 --> 00:40:06,970 Im Inneren des Kopfes, haben Sie den Titel. 818 00:40:06,970 --> 00:40:12,950 Das ist, was in dem Titel geht Leiste Ihres Browsers. 819 00:40:12,950 --> 00:40:15,810 Wir haben eine Link-Tag, das verbindet in einem externen Stylesheet. 820 00:40:15,810 --> 00:40:19,880 Und dann haben wir ein Skript, das zieht von einer externen JavaScript als auch. 821 00:40:19,880 --> 00:40:23,750 >> Und dann in unserem Körper ist eigentlich was wird auf der Seite angezeigt. 822 00:40:23,750 --> 00:40:28,210 Wir haben einen Absatz haben und dann eine Bild in diesem Absatz. 823 00:40:28,210 --> 00:40:32,000 Dieses ist ein Bild der Kätzchen. 824 00:40:32,000 --> 00:40:35,840 Beachten Sie, dass die Bild Tag schließt sich. 825 00:40:35,840 --> 00:40:41,760 Also statt der Öffnung mit einem Bild und dann tut eine andere / Bild, können Sie 826 00:40:41,760 --> 00:40:47,500 nur noch dieses kleine Schrägstrich hier, die es sich schließt. 827 00:40:47,500 --> 00:40:53,670 Und die Bild-Tag hat diese Taste auch Wert Attribut namens alt. 828 00:40:53,670 --> 00:40:56,970 Das ist der alternative Text, passiert, wenn man über sie schweben. 829 00:40:56,970 --> 00:41:03,170 >> Die meisten HTML-Elemente haben einige Schlüsselwert Dinge, die Sie können es, verschiedene 830 00:41:03,170 --> 00:41:04,420 Anpassung. 831 00:41:04,420 --> 00:41:06,230 832 00:41:06,230 --> 00:41:08,705 Ja. 833 00:41:08,705 --> 00:41:09,955 >> ZIELGRUPPE: [unverständlich]. 834 00:41:09,955 --> 00:41:17,510 835 00:41:17,510 --> 00:41:19,680 >> ANGELA LI: Nun, es ist also ein Attribut des Tags. 836 00:41:19,680 --> 00:41:25,320 Also, wenn Sie mit jQuery wurden, könnten Sie Wählen image.getAttribute tun. 837 00:41:25,320 --> 00:41:27,930 Und dann können Sie für die Suche Holen Sie sich die alt-Attribut. 838 00:41:27,930 --> 00:41:31,040 Und es wird Ihnen Kätzchen. 839 00:41:31,040 --> 00:41:37,400 Wenn Sie sich erinnern Formulare in HTML, Eingangs Elemente Name Attribute. 840 00:41:37,400 --> 00:41:41,870 Und das ist, was PHP zum Senden Anfragen, wenn ein Formular abgeschickt wird. 841 00:41:41,870 --> 00:41:44,762 842 00:41:44,762 --> 00:41:50,064 >> ZIELGRUPPE: Haben Sie etwas zu erwähnen über, wie wenn Sie Kittens.jpg nutzen oder 843 00:41:50,064 --> 00:41:54,410 etwas, das die fehlende hat Datei-Ordner oder andere Dateien? 844 00:41:54,410 --> 00:41:54,750 >> ANGELA LI: Ja. 845 00:41:54,750 --> 00:41:57,010 Also das ist, was eine relative genannt Weg, denn ich gebe nicht auf 846 00:41:57,010 --> 00:41:58,740 Sie den vollständigen Pfad. 847 00:41:58,740 --> 00:42:05,160 Das ist wie wenn in C, wenn Sie fopen tun einige Datei, falls Sie fopen hi.txt, dass 848 00:42:05,160 --> 00:42:09,190 hi.txt wird voraussichtlich in der gleichen sein Verzeichnis, sofern Sie es nicht mehr geben, eine 849 00:42:09,190 --> 00:42:11,530 komplexen Weg. 850 00:42:11,530 --> 00:42:14,900 >> ZIELGRUPPE: Sie geben könnte die Ordner [unverständlich]? 851 00:42:14,900 --> 00:42:17,660 >> ANGELA LI: Ja. 852 00:42:17,660 --> 00:42:19,370 Und Sie können nachschlagen, wie das zu tun. 853 00:42:19,370 --> 00:42:23,480 Aber wenn ich wollte Kittens.jpg raus des übergeordneten Verzeichnisses, würde ich tun, 854 00:42:23,480 --> 00:42:24,730 .. / Kittens.jpg. 855 00:42:24,730 --> 00:42:29,680 856 00:42:29,680 --> 00:42:30,930 Ja. 857 00:42:30,930 --> 00:42:32,960 858 00:42:32,960 --> 00:42:33,760 Entschuldigung. 859 00:42:33,760 --> 00:42:34,045 Ja. 860 00:42:34,045 --> 00:42:35,700 Oh Mann, ich habe vergessen, die Frage. 861 00:42:35,700 --> 00:42:36,460 Was war die Frage? 862 00:42:36,460 --> 00:42:39,570 Oh, das war die Frage, Kittens.jpg erwartet, dass sie im selben Verzeichnis sein? 863 00:42:39,570 --> 00:42:40,630 Und in diesem Fall ist es. 864 00:42:40,630 --> 00:42:44,030 Sie können aber auch ihm einen bestimmten Weg so daß es nicht zu sein. 865 00:42:44,030 --> 00:42:47,100 866 00:42:47,100 --> 00:42:48,350 Good? 867 00:42:48,350 --> 00:42:50,190 868 00:42:50,190 --> 00:42:51,350 >> CSS. 869 00:42:51,350 --> 00:42:55,420 Also CSS, wie HTML, ist nicht eine Programmiersprache. 870 00:42:55,420 --> 00:42:58,250 CSS ist nur eine Reihe von Styling-Regeln. 871 00:42:58,250 --> 00:43:00,130 Es steht für Cascading Style Sheets. 872 00:43:00,130 --> 00:43:03,910 Und Sie können es verwenden, in Verbindung mit HTML-Seiten, um Stil. 873 00:43:03,910 --> 00:43:08,140 So gibt es drei Möglichkeiten, Sie können es enthalten. 874 00:43:08,140 --> 00:43:11,950 Eine, wie Sie es tun können, ist im Kopf Teil Ihrer HTML, können Sie einfach 875 00:43:11,950 --> 00:43:15,410 öffnen Sie ein Style-Tag und dann kleben einige CSS-Regeln drin. 876 00:43:15,410 --> 00:43:16,759 Es ist ziemlich OK. 877 00:43:16,759 --> 00:43:17,228 Ja. 878 00:43:17,228 --> 00:43:21,449 >> ZIELGRUPPE: Könnten Sie die Stil-Tags in zwischen, lassen 879 00:43:21,449 --> 00:43:22,860 sagen wir, Körper und / body. 880 00:43:22,860 --> 00:43:27,400 Und dann würden Sie sein Styling nur im Körper. 881 00:43:27,400 --> 00:43:28,840 >> ANGELA LI: Sie konnte. 882 00:43:28,840 --> 00:43:29,590 Es wird funktionieren. 883 00:43:29,590 --> 00:43:33,990 Aber man sollte nicht, weil Styling ist Art der Metadaten, die in gehen sollte 884 00:43:33,990 --> 00:43:35,890 der Kopf des Dokuments. 885 00:43:35,890 --> 00:43:38,280 Körper sollte wirklich enthalten nur was ist eigentlich los, um 886 00:43:38,280 --> 00:43:39,420 zeigen, bis auf Ihrer Seite. 887 00:43:39,420 --> 00:43:42,155 >> ZIELGRUPPE: Sie Stil anziehen würde in den Kopf, um die Stil 888 00:43:42,155 --> 00:43:43,930 gesamte Web-Seite, oder? 889 00:43:43,930 --> 00:43:44,300 >> ANGELA LI: Ja. 890 00:43:44,300 --> 00:43:50,470 So setzen Stil hier, diese CSS-Regeln wird die gesamte Seite auf der Basis anwenden 891 00:43:50,470 --> 00:43:52,100 ihre Wähler. 892 00:43:52,100 --> 00:43:57,090 Also der bessere Weg, es zu tun ist, anstatt der mit einer Style-Tag in deinem Kopf, 893 00:43:57,090 --> 00:44:00,430 Sie diesem Link zu einem externen Style haben Blatt, wie ich Ihnen gezeigt, in der 894 00:44:00,430 --> 00:44:01,980 vorigen Beispiel. 895 00:44:01,980 --> 00:44:05,920 Was das bedeutet ist es versucht, und findet die Datei style.css und dann zieht es 896 00:44:05,920 --> 00:44:08,470 in und verwendet diese als die Stile für die Seite. 897 00:44:08,470 --> 00:44:10,500 Und Ihre style.css würde nur so aussehen. 898 00:44:10,500 --> 00:44:13,330 Es wäre nur ein Haufen von CSS sein. 899 00:44:13,330 --> 00:44:16,210 >> Und schließlich gibt es eine andere Art und Weise Sie CSS gehören, was Sie wirklich 900 00:44:16,210 --> 00:44:17,480 sollte nicht immer zu tun. 901 00:44:17,480 --> 00:44:18,950 Es ist Call Inline-Styling. 902 00:44:18,950 --> 00:44:22,650 Und so kann auch jedes HTML-Element einen Stil-Attribut. 903 00:44:22,650 --> 00:44:26,320 Und dann in diesem Stil-Attribut, Sie können es CSS-Regeln. 904 00:44:26,320 --> 00:44:29,140 Also in diesem Fall, was auch immer div Ich bin hier definieren, es geht um 905 00:44:29,140 --> 00:44:32,580 haben einen schwarzen Hintergrund und eine weiße Textfarbe. 906 00:44:32,580 --> 00:44:35,620 Aber man sollte das nicht tun, weil das, was dies wird es setzt Ihr Styling 907 00:44:35,620 --> 00:44:36,850 in Ihrem HTML. 908 00:44:36,850 --> 00:44:40,530 >> Und ich weiß, wir haben über HTML gesprochen ist die Struktur-und CSS-Stil ist. 909 00:44:40,530 --> 00:44:42,790 Wenn Sie dies tun, mischt es sie zusammen. 910 00:44:42,790 --> 00:44:44,550 Und es ist nicht sehr sauber. 911 00:44:44,550 --> 00:44:45,800 Also tun Sie das nicht. 912 00:44:45,800 --> 00:44:47,690 913 00:44:47,690 --> 00:44:52,100 Anhand eines Beispiels von CSS, da oben, wir wählen Sie einfach den Körper des HTML 914 00:44:52,100 --> 00:44:52,380 Dokumentarfilm. 915 00:44:52,380 --> 00:44:55,110 Und wir sind wie, alles ist werde Comic Sans sein. 916 00:44:55,110 --> 00:44:57,290 Ich auch nicht empfehlen,. 917 00:44:57,290 --> 00:44:59,940 Aber man könnte das tun. 918 00:44:59,940 --> 00:45:03,140 >> Die zweite Regel hier, es geht um das Element auf die Auswahl 919 00:45:03,140 --> 00:45:04,880 Seite mit der ID main. 920 00:45:04,880 --> 00:45:11,690 So was HTML-Element, sagte ich, ID = Hauptsache, ich werde geben, dass ein 921 00:45:11,690 --> 00:45:16,020 20-Pixel-Marge und richten alles, der gesamte Text, an der Mitte. 922 00:45:16,020 --> 00:45:19,030 Das letzte, was wählt von CSS-Klasse. 923 00:45:19,030 --> 00:45:24,450 Also jedes Element auf der Seite, ich gab ein Teil der Klasse, ich werde es machen 924 00:45:24,450 --> 00:45:26,602 eine Hintergrundfarbe hellblau. 925 00:45:26,602 --> 00:45:29,380 926 00:45:29,380 --> 00:45:30,040 Yep. 927 00:45:30,040 --> 00:45:30,700 Das ist alles was ich habe. 928 00:45:30,700 --> 00:45:30,890 Fragen? 929 00:45:30,890 --> 00:45:34,020 >> PUBLIKUM: Was bedeutet der Hashtag vor den Haupt tun? 930 00:45:34,020 --> 00:45:36,310 >> ANGELA LI: Die Frage ist, was macht der Hashtag vor den Haupt do? 931 00:45:36,310 --> 00:45:40,770 In diesem Fall wird der Hash CSS bedeutet nach ID wählen. 932 00:45:40,770 --> 00:45:47,490 Also, wenn ich einige HTML-Element, wie DIVID = Haupt, diese CSS-Regel wählt 933 00:45:47,490 --> 00:45:49,260 die Sache mit ID main. 934 00:45:49,260 --> 00:45:53,940 Und ebenso die Zeit vor Abschnitt Auswahl nach CSS-Klasse oder 935 00:45:53,940 --> 00:45:56,558 auswählen, indem Sie HTML-Klasse. 936 00:45:56,558 --> 00:46:00,940 >> ZIELGRUPPE: Warum gibt es einen hat, bevor 6 in Hintergrundfarbe? 937 00:46:00,940 --> 00:46:01,270 >> ANGELA LI: Ja. 938 00:46:01,270 --> 00:46:03,360 Die Frage ist also, warum gibt es ein Hash vor der 6? 939 00:46:03,360 --> 00:46:05,320 Dies ist anders als die Hash. 940 00:46:05,320 --> 00:46:09,500 Das bedeutet, dass du gibst eine hexadezimale Farbe. 941 00:46:09,500 --> 00:46:14,260 So hex Farben, das nur eine Farbe. 942 00:46:14,260 --> 00:46:17,860 Und Sie erinnern sich RGB-Tripel, wenn Sie die Forensik pset getan hat? 943 00:46:17,860 --> 00:46:18,770 Dies ist ähnlich. 944 00:46:18,770 --> 00:46:21,590 Die ersten beiden Ziffern stehen für wie viel rot in der Farbe. 945 00:46:21,590 --> 00:46:23,260 Die zweite repräsentieren zwei wie viel Grün. 946 00:46:23,260 --> 00:46:25,450 Und die dritte stellt wie viel Blau. 947 00:46:25,450 --> 00:46:30,060 Und der Hash ist, das wird um eine Farbe darzustellen. 948 00:46:30,060 --> 00:46:35,660 >> Also alles von 0, 0, 0, 0, 0, 0 bis F, F, F, F, F, F ist gültig. 949 00:46:35,660 --> 00:46:39,550 Es ist einige gültigen Farb Das kann von Ihrem Browser angezeigt werden. 950 00:46:39,550 --> 00:46:39,790 Fragen? 951 00:46:39,790 --> 00:46:43,590 >> PUBLIKUM: Was ist der Unterschied zwischen Verwendung von ID und Klasse? 952 00:46:43,590 --> 00:46:46,470 >> ANGELA LI: Die Frage ist, was ist die Differenz zwischen 953 00:46:46,470 --> 00:46:48,950 Verwendung von ID und Klasse? 954 00:46:48,950 --> 00:46:54,390 Sie können nur ein Element in einem HTML-Dokument, das eine ID gegeben hat. 955 00:46:54,390 --> 00:46:58,660 Also nur eine Sache auf meiner Seite darf ID Haupt haben. 956 00:46:58,660 --> 00:47:02,580 So können Sie sie für diesen Einsatz ist die Kopfzeile. 957 00:47:02,580 --> 00:47:03,850 Das ist die Navigation. 958 00:47:03,850 --> 00:47:05,230 Dies ist die Fußzeile. 959 00:47:05,230 --> 00:47:09,070 Klassen sind unterschiedlich, da kann man Klassen gelten, so viele HTML-Elemente 960 00:47:09,070 --> 00:47:10,100 wie Sie wollen. 961 00:47:10,100 --> 00:47:15,860 >> So zum Beispiel, habe ich Class-Bereich, da gibt es wahrscheinlich mehr als eine 962 00:47:15,860 --> 00:47:17,540 Abschnitt auf meiner Seite. 963 00:47:17,540 --> 00:47:20,200 Sie sind nur erlaubt, so viele haben Elemente auf der Seite mit der gleichen 964 00:47:20,200 --> 00:47:23,190 Klasse, aber nur eine mit einer bestimmten ID. 965 00:47:23,190 --> 00:47:25,600 >> ZIELGRUPPE: Also der Punkt steht für die Klasse? 966 00:47:25,600 --> 00:47:26,090 >> ANGELA LI: Ja. 967 00:47:26,090 --> 00:47:27,380 Ein Punkt steht für eine Klasse. 968 00:47:27,380 --> 00:47:29,990 969 00:47:29,990 --> 00:47:31,540 Kühl. 970 00:47:31,540 --> 00:47:32,370 Das ist alles, was ich habe, Jungs. 971 00:47:32,370 --> 00:47:33,544 Danke. 972 00:47:33,544 --> 00:48:13,380 >> [Applaus] 973 00:48:13,380 --> 00:48:14,290 >> ZAMYLA CHAN: Hallo, alle zusammen. 974 00:48:14,290 --> 00:48:14,880 Ich bin Zamyla. 975 00:48:14,880 --> 00:48:18,830 Ich werde sein für PHP, MVC und SQL heute. 976 00:48:18,830 --> 00:48:22,350 977 00:48:22,350 --> 00:48:26,110 Eine Menge von dem Material, das ich sein werde Belag wird sich ziemlich viel sein 978 00:48:26,110 --> 00:48:29,100 direkt aus der pset7. 979 00:48:29,100 --> 00:48:29,700 Gut. 980 00:48:29,700 --> 00:48:31,180 Also, was ist PHP? 981 00:48:31,180 --> 00:48:35,150 PHP steht für PHP Hypertext Preprocessor. 982 00:48:35,150 --> 00:48:38,740 So ist es in sich selbst eine rekursive nennen, was ziemlich cool ist. 983 00:48:38,740 --> 00:48:42,220 PHP ist eine serverseitige Skriptsprache, und es bietet die Backend 984 00:48:42,220 --> 00:48:44,610 und die logischen Grundlagen auf unserer Website. 985 00:48:44,610 --> 00:48:48,520 >> Also Angela sprachen viel über die HTML- und CSS, die die Struktur machen 986 00:48:48,520 --> 00:48:49,530 der Website. 987 00:48:49,530 --> 00:48:53,210 Aber was, wenn Sie das ändern wollen Inhalte dynamisch oder wenn es variiert 988 00:48:53,210 --> 00:48:55,240 basierend auf dem Benutzer oder bestimmten Bedingungen? 989 00:48:55,240 --> 00:48:57,060 Das ist, wo PHP kommt in. 990 00:48:57,060 --> 00:49:02,610 Nun, in der Regel, PHP kann ein paar weniger Linien, die gleiche Umsetzung 991 00:49:02,610 --> 00:49:07,380 in C. Das ist, weil PHP Griffe Speicher Management für den Programmierer, 992 00:49:07,380 --> 00:49:11,170 im Gegensatz zu uns mit malloc frei, solche Dinge. 993 00:49:11,170 --> 00:49:15,430 >> Aber da PHP ist eine interpretierende Sprache, typischerweise, könnte es auszuführen 994 00:49:15,430 --> 00:49:19,540 ein bisschen langsamer als C, die ist eine kompilierte Sprache. 995 00:49:19,540 --> 00:49:23,150 Denn wir bewegen Programmierung Sprachen, schauen wir uns an, wie die 996 00:49:23,150 --> 00:49:24,570 Syntax unterscheiden. 997 00:49:24,570 --> 00:49:28,770 Lassen Sie sehr vorsichtig sein, nicht zu verwirrt mit diesem. 998 00:49:28,770 --> 00:49:33,750 Also mit PHP-Syntax, ob Sie Einbettung von PHP-innen eines HTML- 999 00:49:33,750 --> 00:49:40,430 Datei oder in einem. php-Datei selbst, Sie müssen den Code in das offene umschließen 1000 00:49:40,430 --> 00:49:45,270 PHP und die geschlossenen PHP-Tags wie folgt, wie auf dem Bildschirm. 1001 00:49:45,270 --> 00:49:46,660 >> Variablen in PHP. 1002 00:49:46,660 --> 00:49:51,490 Jede einzelne Variable mit zu beginnen die $-Zeichen, gefolgt vom Namen des 1003 00:49:51,490 --> 00:49:53,150 Ihre Variable. 1004 00:49:53,150 --> 00:49:56,530 Nun sind Variablen in PHP schwach typisierte, was bedeutet, dass Sie nicht brauchen, 1005 00:49:56,530 --> 00:50:00,030 zu dem, was den Datentyp angeben ist, wenn Sie es zu erklären. 1006 00:50:00,030 --> 00:50:03,505 Allerdings bedeutet dies nicht, dass sie haben keine Typen überhaupt. 1007 00:50:03,505 --> 00:50:09,370 Also, wenn ich eine Variable deklarieren und einfach eingestellt es gleich 1 ist, und dann erkläre ich, 1008 00:50:09,370 --> 00:50:15,140 eine weitere Variable, stellen Sie es gleich "1" und dann noch ein 1.0, gut, 1009 00:50:15,140 --> 00:50:19,410 abhängig von der Art der Gleich Betreiber die ich benutze, wenn ich vergleichen 1010 00:50:19,410 --> 00:50:21,830 über alle Arten, dann sie werden gleich sein. 1011 00:50:21,830 --> 00:50:25,570 Aber wenn ich wollen sicherstellen, dass die Typen gleich sind, kann PHP immer noch 1012 00:50:25,570 --> 00:50:28,690 dass, auch wenn wir nicht an, welche Art es ist, wenn wir 1013 00:50:28,690 --> 00:50:31,170 zuerst, die Datei. 1014 00:50:31,170 --> 00:50:33,990 >> Jetzt, in PHP, auch wenn wir Umschalten von der Programmierung 1015 00:50:33,990 --> 00:50:39,360 Sprachen aus C, haben wir immer noch unsere treuen, wenn die Bedingung, einfach so. 1016 00:50:39,360 --> 00:50:43,270 Wir haben immer noch unsere while-Schleifen, nur wie diese, wo Sie in setzen Sie Ihr 1017 00:50:43,270 --> 00:50:47,300 Zustand und dann die Körper der Schleife. 1018 00:50:47,300 --> 00:50:50,360 Und dann haben wir auch unsere for-Schleife die in der Regel sieht so aus. 1019 00:50:50,360 --> 00:50:55,330 Also, wenn ich wollte, über alle zu durchlaufen neun psets und senden und rufen Sie ein 1020 00:50:55,330 --> 00:50:58,960 Funktion submitPset, dann werde ich tun kann, dass hier, was euch alle haben 1021 00:50:58,960 --> 00:50:59,830 zu diesem Zeitpunkt getan. 1022 00:50:59,830 --> 00:51:01,080 Herzlichen Glückwunsch, übrigens. 1023 00:51:01,080 --> 00:51:04,560 1024 00:51:04,560 --> 00:51:07,550 >> Für die Kamera, die Menschen sagte, danke. 1025 00:51:07,550 --> 00:51:11,220 Nun, wenn Sie nicht wollen, benutzen Sie einfach diese for-Schleife, dann eigentlich auch PHP 1026 00:51:11,220 --> 00:51:13,580 hat die Dinge genannt foreach-Schleifen. 1027 00:51:13,580 --> 00:51:22,210 Also wenn ich ein Array von ganzen Zahlen, 0 bis 8, in dem Array gespeichert psets, 1028 00:51:22,210 --> 00:51:27,290 dann könnte ich eine foreach-Schleife haben, die durchläuft jeder Nummer im psets. 1029 00:51:27,290 --> 00:51:30,640 Und dann konnte ich die gleiche nennen funktionieren achtmal 1030 00:51:30,640 --> 00:51:31,910 genau wie ich zuvor. 1031 00:51:31,910 --> 00:51:36,480 Also das für jede Schleife ist schön, weil Sie müssen nicht, wenn Sie nicht wissen, 1032 00:51:36,480 --> 00:51:39,470 die genaue Länge des Arrays, die Sie , dann mit dieser foreach-Schleife 1033 00:51:39,470 --> 00:51:42,800 wird sich darum kümmern für Sie. 1034 00:51:42,800 --> 00:51:45,410 >> Also machte ich psets als Array. 1035 00:51:45,410 --> 00:51:46,700 Schauen wir uns das an. 1036 00:51:46,700 --> 00:51:51,290 Arrays in PHP sind in der Regel die gleichen wie diejenigen, die wir in C, gehabt haben, wo 1037 00:51:51,290 --> 00:51:52,960 Sie können ein Array deklarieren. 1038 00:51:52,960 --> 00:51:59,200 Und hier kann ich ein leeres Array deklarieren und dann bauen dynamisch mit 1039 00:51:59,200 --> 00:52:00,850 Indizes als Zahlen. 1040 00:52:00,850 --> 00:52:04,140 So Index 0, ich werde zu speichern eine ganze Zahl nannte ein. 1041 00:52:04,140 --> 00:52:09,210 Am Index 1 auf meiner Liste, ich werde , um den Wert 2 zu speichern. 1042 00:52:09,210 --> 00:52:12,670 Und der dritte Index, aber die zweite Zahl, ich bin zu gehen 1043 00:52:12,670 --> 00:52:14,870 speichern die Anzahl 12. 1044 00:52:14,870 --> 00:52:17,250 >> Nun, das ist fein, dass funktioniert es gut funktioniert. 1045 00:52:17,250 --> 00:52:21,310 Aber sagen Sie es mir ankommt was jeder Index hält. 1046 00:52:21,310 --> 00:52:24,500 Für mich Index 0 bedeutet, wie viele Katzen ich habe. 1047 00:52:24,500 --> 00:52:27,400 Und der Index 1 bedeutet, wie Eulen viele ich habe. 1048 00:52:27,400 --> 00:52:29,450 Und der nächste bedeutet, wie viele Hunde. 1049 00:52:29,450 --> 00:52:34,140 Nun, dann ist es klarzustellen, daß statt der mit sich zu erinnern 0 bezieht sich auf 1050 00:52:34,140 --> 00:52:38,090 Katzen und 1 bis Eulen, die ich verwenden kann assoziative Arrays, was bedeutet, dass 1051 00:52:38,090 --> 00:52:42,260 anstelle von ganzen Zahlen als mein Indizes Ich kann tatsächlich nutzen Saiten. 1052 00:52:42,260 --> 00:52:43,290 >> Also das ist sehr nützlich. 1053 00:52:43,290 --> 00:52:47,130 Und Sie haben im Grunde nur ersetzt die ganzen Zahlen mit Strings. 1054 00:52:47,130 --> 00:52:50,074 Und dort haben Sie eine haben assoziatives Array. 1055 00:52:50,074 --> 00:52:51,930 Ja. 1056 00:52:51,930 --> 00:52:55,800 >> ZIELGRUPPE: Gibt es einen Grund, warum es ein Unterstrich für das zweite 1057 00:52:55,800 --> 00:52:58,750 Teil, denn meine Liste hat die Array. 1058 00:52:58,750 --> 00:53:01,330 >> ZAMYLA CHAN: Die Frage war, ist Gibt es einen Grund, warum es eine 1059 00:53:01,330 --> 00:53:03,320 Strich zwischen meinem und Liste? 1060 00:53:03,320 --> 00:53:03,610 Nein. 1061 00:53:03,610 --> 00:53:06,878 Das ist nur, wie ich die Benennung meine Variable. 1062 00:53:06,878 --> 00:53:11,670 >> ZIELGRUPPE: Auf der ersten Linie, es ist ein Wort. 1063 00:53:11,670 --> 00:53:12,560 >> ZAMYLA CHAN: Meine Entschuldigung. 1064 00:53:12,560 --> 00:53:13,410 Ich werde das beheben. 1065 00:53:13,410 --> 00:53:13,620 Ja. 1066 00:53:13,620 --> 00:53:15,460 Sie sollten die gleiche Variablenname sein. 1067 00:53:15,460 --> 00:53:16,710 Guter Fang. 1068 00:53:16,710 --> 00:53:19,640 1069 00:53:19,640 --> 00:53:19,950 OK. 1070 00:53:19,950 --> 00:53:22,610 Also machen wir weiter auf String Verkettung. 1071 00:53:22,610 --> 00:53:27,500 Wenn ich wollte, zwei Strings zu nehmen, dann kann ich sie verketten 1072 00:53:27,500 --> 00:53:28,550 mit dem Punkt-Operator. 1073 00:53:28,550 --> 00:53:32,440 Also wenn ich Milo als Vorname Banana und als Nachname, dann 1074 00:53:32,440 --> 00:53:35,430 Verkettung mit dem Punkt-Operator und dann setzen einen Raum zwischen 1075 00:53:35,430 --> 00:53:39,210 wird eine Zeichenfolge, die Milo enthält machen Banane, die ich dann echo oder, 1076 00:53:39,210 --> 00:53:41,280 eher, ausdrucken. 1077 00:53:41,280 --> 00:53:44,465 >> Apropos Echo, lass uns reden über ein paar nützliche - 1078 00:53:44,465 --> 00:53:44,920 oops. 1079 00:53:44,920 --> 00:53:46,030 Es tut mir leid. 1080 00:53:46,030 --> 00:53:52,920 Ein paar nützliche PHP-Funktionen. 1081 00:53:52,920 --> 00:53:56,240 So haben wir die - 1082 00:53:56,240 --> 00:53:57,444 technische Schwierigkeiten. 1083 00:53:57,444 --> 00:53:58,694 Eine Sekunde. 1084 00:53:58,694 --> 00:54:16,960 1085 00:54:16,960 --> 00:54:19,550 Ich schickte sie. 1086 00:54:19,550 --> 00:54:22,320 Powerpoint-Probleme. 1087 00:54:22,320 --> 00:54:29,200 Und wir sind wieder mit PHP-Funktionen. 1088 00:54:29,200 --> 00:54:32,010 1089 00:54:32,010 --> 00:54:35,150 Und wir sind wieder mit PHP-Funktionen. 1090 00:54:35,150 --> 00:54:39,890 >> So haben wir die Funktion erfordern, in dem wenn Sie in einer Datei übergeben, hier wird nur 1091 00:54:39,890 --> 00:54:43,300 ein Beispiel für eine Datei, die Ich könnte passieren in. 1092 00:54:43,300 --> 00:54:47,605 Dann, dass die PHP-Code enthalten aus dieser Datei, die ich hinweisen. 1093 00:54:47,605 --> 00:54:49,940 Und es wird, dass in. bewerten 1094 00:54:49,940 --> 00:54:54,450 Dann haben wir auch Echo, das ist eine Parallele zu printf. 1095 00:54:54,450 --> 00:54:57,710 Abfahrt ist eine parallele zu brechen, die den Block der verlässt 1096 00:54:57,710 --> 00:54:58,570 Code, der Sie in. 1097 00:54:58,570 --> 00:55:03,180 Und dann leer prüft, ob eine gegebene Variable ist wie null oder null oder 1098 00:55:03,180 --> 00:55:08,482 was ist mit leer gleichgesetzt. 1099 00:55:08,482 --> 00:55:09,438 Ja. 1100 00:55:09,438 --> 00:55:15,341 >> ZIELGRUPPE: Für die String-Verkettung Punkt-Operator ein, in PHP ist, dass die 1101 00:55:15,341 --> 00:55:20,158 gleiche wie in JavaScript, wo es mit der Punkt für die Verkettung bedeutet, zzgl.? 1102 00:55:20,158 --> 00:55:27,440 So nach dem vollen Namen, könnte man Dollar haben unterzeichnen ersten + + und dann dauern? 1103 00:55:27,440 --> 00:55:27,720 >> ZAMYLA CHAN: Ja. 1104 00:55:27,720 --> 00:55:32,150 So war die Frage, ob wir in PHP können die gleiche String-Verkettung verwenden 1105 00:55:32,150 --> 00:55:33,890 wie in JavaScript mit der Pluspunkte. 1106 00:55:33,890 --> 00:55:35,410 Und Joseph wird in später. 1107 00:55:35,410 --> 00:55:36,620 Ich denke, er verfügt über eine Rutsche auf die. 1108 00:55:36,620 --> 00:55:37,570 Eigentlich ist es anders. 1109 00:55:37,570 --> 00:55:41,310 So in JavaScript zu benutzen müssen Sie das Plus, um Zeichenfolgen zu verketten. 1110 00:55:41,310 --> 00:55:43,280 Und in PHP, müssen Sie verwenden Sie den Punkt-Operator. 1111 00:55:43,280 --> 00:55:44,530 So sind sie anders. 1112 00:55:44,530 --> 00:55:46,680 1113 00:55:46,680 --> 00:55:46,910 >> OK. 1114 00:55:46,910 --> 00:55:49,500 So, jetzt haben wir alles abgedeckt Diese PHP, wo tut es 1115 00:55:49,500 --> 00:55:50,490 wirklich nützlich sein? 1116 00:55:50,490 --> 00:55:54,470 Nun, praktisch ist es, wenn wir kann es mit unserem HTML kombinieren. 1117 00:55:54,470 --> 00:55:59,550 Also unsere PHP geben uns die Kraft HTML-Inhalt einer Seite vor dem ändern 1118 00:55:59,550 --> 00:56:00,000 seine Lade. 1119 00:56:00,000 --> 00:56:04,270 Also auf verschiedenen Bedingungen, in der Regel die spezifische Benutzer, ist 1120 00:56:04,270 --> 00:56:07,520 angemeldet, die wir anzeigen können unterschiedliche Informationen. 1121 00:56:07,520 --> 00:56:08,800 Linda, hast du eine Frage? 1122 00:56:08,800 --> 00:56:15,510 >> ZIELGRUPPE: Können Sie verketten eine ganze Zahl auch? 1123 00:56:15,510 --> 00:56:16,760 >> ZAMYLA CHAN: Ja, das können Sie. 1124 00:56:16,760 --> 00:56:19,530 1125 00:56:19,530 --> 00:56:23,270 So war die Frage, wenn du kannst verketten ganze Zahlen oder andere 1126 00:56:23,270 --> 00:56:28,920 variable.s jetzt bewegen wir uns auf MVC, die ist ein Paradigma, das wir verwendet 1127 00:56:28,920 --> 00:56:33,380 pset7 und eine Menge von Web-Designer verwenden für Organisieren Sie den Code in den Dateien 1128 00:56:33,380 --> 00:56:34,490 in ihrer Website. 1129 00:56:34,490 --> 00:56:35,870 M steht für Modell. 1130 00:56:35,870 --> 00:56:41,450 Und im Grunde, werden Modell-Dateien umgehen mit Interaktionen mit der Datenbank. 1131 00:56:41,450 --> 00:56:44,640 Dateien anzeigen, die sie betreffen Ästhetik der Website. 1132 00:56:44,640 --> 00:56:47,550 Und der Controller Benutzeranforderungen, analysiert 1133 00:56:47,550 --> 00:56:49,230 Daten, macht eine andere Logik. 1134 00:56:49,230 --> 00:56:52,520 >> In pset7 kombinierten wir das Modell und der Controller. 1135 00:56:52,520 --> 00:56:55,880 Und wir nannten sie nur Controller und legte sie in das öffentliche Verzeichnis. 1136 00:56:55,880 --> 00:57:01,730 Und die View-Dateien, nutzen wir sie als Vorlagen im Vorlagenverzeichnis. 1137 00:57:01,730 --> 00:57:07,260 So stellt dieses Diagramm auch hier die gleiche Art der Teilung mit der 1138 00:57:07,260 --> 00:57:10,510 Modell und die Steuerung in lila hier auf der linken und 1139 00:57:10,510 --> 00:57:12,770 Die Ansicht auf der rechten Seite. 1140 00:57:12,770 --> 00:57:16,020 Also das ist eine schematische dass einige von euch kann zu Öffnungszeiten oder gesehen haben 1141 00:57:16,020 --> 00:57:19,130 Diagramme, die wir, wie Sie zeichnen wurden herauszufinden, Ihre pset. 1142 00:57:19,130 --> 00:57:25,030 >> So, hier, in einem bestimmten Controller, ein Modell Controller, haben wir Funktionen 1143 00:57:25,030 --> 00:57:30,490 , die Abfrage des SQL beziehen Datenbank, das Ausführen von PHP-Logik. 1144 00:57:30,490 --> 00:57:32,370 Vielleicht würden Sie nachschlagen ein Lager in Yahoo! 1145 00:57:32,370 --> 00:57:34,590 Finance. 1146 00:57:34,590 --> 00:57:37,390 Oder vielleicht, Sie würde nur zu überprüfen, um sehen, ob ein Benutzer eingereicht hatte ein 1147 00:57:37,390 --> 00:57:40,250 bilden schon bevor Ihre Seite besucht. 1148 00:57:40,250 --> 00:57:43,390 Und dann machen würde a bilden hier. 1149 00:57:43,390 --> 00:57:48,210 Danach Form eingereicht worden durch den Benutzer, die Aktion, war 1150 00:57:48,210 --> 00:57:53,470 in dem Formular angegebenen HTML-Tag würde die Seite anzuzeigen, dass es 1151 00:57:53,470 --> 00:57:55,620 gibt diese Daten an. 1152 00:57:55,620 --> 00:57:59,460 >> Also alle diese Informationen wäre an Ihre Steuerung zurück gesendet. 1153 00:57:59,460 --> 00:58:02,620 Dann würden Sie wahrscheinlich ein bisschen mehr Logik auf, dass und vielleicht ein paar ausführen 1154 00:58:02,620 --> 00:58:06,510 mehr Abfragen in der SQL-Datenbank und dann, endlich, kommen mit einem schön 1155 00:58:06,510 --> 00:58:11,930 verpackt Reihe von Informationen, die Sie geben in eine andere Vorlage 1156 00:58:11,930 --> 00:58:13,950 angezeigt, dass diese Informationen. 1157 00:58:13,950 --> 00:58:17,030 Nun, wie wir eigentlich zu verpacken , dass die Informationen auf? 1158 00:58:17,030 --> 00:58:23,980 Nun, eine Funktion namens Render haben wir das war in der functions.php Datei in 1159 00:58:23,980 --> 00:58:29,950 pset7, in dem Sie auf den Namen weitergeben ein Bild, den Namen der Vorlage. 1160 00:58:29,950 --> 00:58:32,160 >> Und dann haben Sie auch übergeben ein assoziatives Array. 1161 00:58:32,160 --> 00:58:37,150 Und damit assoziatives Array stellt die unterschiedlichen Informationen 1162 00:58:37,150 --> 00:58:39,040 dass Sie weitergeben möchten in. 1163 00:58:39,040 --> 00:58:43,460 Nun, was ist los in konstant zu sein In diesen Beispielen ist, dass die Tasten oder, 1164 00:58:43,460 --> 00:58:47,070 Vielmehr sind die Schlüssel des assoziativen Arrays, das sind, was los zu sein 1165 00:58:47,070 --> 00:58:51,050 erwartet von der Vorlage konstant ist, weil sie weiß, es braucht 1166 00:58:51,050 --> 00:58:53,990 etwas namens Nachricht genannt oder Namen. 1167 00:58:53,990 --> 00:58:56,940 Und dann die Dinge, die auf dem Recht, das Ist-Werte, so dass in diesem Fall ist die 1168 00:58:56,940 --> 00:59:00,750 ein guter Junge und Milo, die gehen um die Werte, die ändern sich sein 1169 00:59:00,750 --> 00:59:05,610 dass die Steuerung ändert sich jedes Mal oder an einem bestimmten Zustand auf und 1170 00:59:05,610 --> 00:59:07,120 werden, dass sich übergeben 1171 00:59:07,120 --> 00:59:12,790 >> Also hier in Vorlagen, sehen wir, dass wir werden mit HTML-Sonderzeichen, 1172 00:59:12,790 --> 00:59:16,370 die im Grunde nur bedeutet, dass wir wollen, die Peer-String zu erhalten, dass die 1173 00:59:16,370 --> 00:59:17,580 Benutzer setzen in. 1174 00:59:17,580 --> 00:59:20,880 Und wir ersetzen wollen Nachricht in dort. 1175 00:59:20,880 --> 00:59:26,110 Also wenn wir tatsächlich sehen die Datei, die spezifische 1176 00:59:26,110 --> 00:59:28,700 Informationen werden die übergeben 1177 00:59:28,700 --> 00:59:33,850 Beachten Sie, dass der Schlüssel, wie machen Arbeiten ist dass die Schlüssel des assoziativen 1178 00:59:33,850 --> 00:59:37,170 Arrays, die sich variabel Namen hier. 1179 00:59:37,170 --> 00:59:40,720 Und so die Werte der entsprechenden Taste in der assoziatives Array wird dann die 1180 00:59:40,720 --> 00:59:41,970 Wert der Variablen. 1181 00:59:41,970 --> 00:59:44,800 1182 00:59:44,800 --> 00:59:46,040 >> Nun, lassen Sie uns nun auf SQL. 1183 00:59:46,040 --> 00:59:48,010 Es steht für Structured Abfragesprache. 1184 00:59:48,010 --> 00:59:50,460 Und so ist dies nur ein Programmier Sprache entwickelt 1185 00:59:50,460 --> 00:59:51,880 für die Verwaltung von Datenbanken. 1186 00:59:51,880 --> 00:59:56,860 Und es kam praktisch für uns unsere pset7 Finanz Website. 1187 00:59:56,860 --> 01:00:00,510 Im Grunde ist es nur eine einfache Möglichkeit, verfolgen und zu verwalten Objekte und Tabellen 1188 01:00:00,510 --> 01:00:02,070 und verbinden diese miteinander. 1189 01:00:02,070 --> 01:00:06,860 Nun, denken Sie an Ihre SQL-Datenbank grundsätzlich als Excel-Datei, vielleicht, 1190 01:00:06,860 --> 01:00:10,040 mit mehreren Registerkarten Blatt. 1191 01:00:10,040 --> 01:00:13,820 >> So können Sie mehrere Tabellen haben könnte, vielleicht, daß miteinander verknüpft. 1192 01:00:13,820 --> 01:00:19,420 Und ähnlich wie Excel, haben wir eine Menge von die Funktionalität, die wir wollen. 1193 01:00:19,420 --> 01:00:22,300 Zum Beispiel, wir wählen können bestimmte Zeilen. 1194 01:00:22,300 --> 01:00:24,110 Wir können Informationen einzufügen. 1195 01:00:24,110 --> 01:00:25,560 Wir können Zeilen zu aktualisieren. 1196 01:00:25,560 --> 01:00:27,440 Und wir können auch Dinge zu löschen. 1197 01:00:27,440 --> 01:00:30,920 1198 01:00:30,920 --> 01:00:36,560 >> Die SQL-Werke wählen, indem Sie Reihen oder eine Reihe von angegebenen Spalten aus einer 1199 01:00:36,560 --> 01:00:39,640 Datenbank, die eine bestimmte entsprechen Kriterien, die Sie angeben. 1200 01:00:39,640 --> 01:00:44,930 Also, wenn ich hier wählen Sie sehen aus * Assistenten, wo Haus = Ravenclaw, dann 1201 01:00:44,930 --> 01:00:48,340 Ich Auswahl *, das heißt ich bin Auswählen jeder einzelnen Spalte, dass 1202 01:00:48,340 --> 01:00:56,340 Zeile aus der Tabelle Assistenten aber nur, wenn das Haus Ravenclaw Spalte entspricht. 1203 01:00:56,340 --> 01:00:57,840 Nun, dies ist rein oder SQL. 1204 01:00:57,840 --> 01:01:02,680 Also, wenn ich in phpMyAdmin, das ist die spezifische Art und Weise, die wir verwenden, um zu verwalten 1205 01:01:02,680 --> 01:01:07,040 unsere SQL-Datenbanken, dann habe ich einfügen könnte dass in den phpMyAdmin-Website. 1206 01:01:07,040 --> 01:01:08,290 Und das wäre auszuführen. 1207 01:01:08,290 --> 01:01:11,280 >> Aber wir eigentlich tun wollen dass auf der PHP-Seite. 1208 01:01:11,280 --> 01:01:12,580 Also, wie machen wir das? 1209 01:01:12,580 --> 01:01:20,180 Nun verwenden wir die Abfragefunktion, die im Grunde führt, dass SQL-Abfrage. 1210 01:01:20,180 --> 01:01:21,830 Mit? 1211 01:01:21,830 --> 01:01:25,850 als Platzhalter, können wir in bestimmten geben Werte, unsere String, dass wir 1212 01:01:25,850 --> 01:01:26,920 ersetzen möchten. 1213 01:01:26,920 --> 01:01:32,110 Also vielleicht bin ich Speicherung unterschiedlicher Werte in der curr_house, die 1214 01:01:32,110 --> 01:01:34,400 stellt das aktuelle Haus dass ich durchmache. 1215 01:01:34,400 --> 01:01:39,040 So kann ich, dass in geben als Platzhalter mit dem Fragezeichen. 1216 01:01:39,040 --> 01:01:43,290 Und dann werde ich im Grunde führen die elbe wie ich vorher, nur 1217 01:01:43,290 --> 01:01:45,550 jetzt bin ich in PHP. 1218 01:01:45,550 --> 01:01:51,300 >> Und wird eine Abfrage zurück assoziatives Array. 1219 01:01:51,300 --> 01:01:53,470 Und ich werde es in den Reihen zu speichern. 1220 01:01:53,470 --> 01:01:56,880 Jetzt können Abfrage immer scheitern. 1221 01:01:56,880 --> 01:02:02,870 Vielleicht ist die SQL-Abfrage nicht ausführen konnte da die Tabelle nicht existiert. 1222 01:02:02,870 --> 01:02:04,310 Oder vielleicht hat die Spalte nicht vorhanden. 1223 01:02:04,310 --> 01:02:05,400 Etwas ist schief gelaufen. 1224 01:02:05,400 --> 01:02:08,170 Nun, in diesem Fall werden Sie machen wollen sicher, dass Sie überprüfen, ob die 1225 01:02:08,170 --> 01:02:09,700 Abfrage zurück falsch. 1226 01:02:09,700 --> 01:02:15,590 Und das ist, mit Hilfe des Dreifach- Betrieb gleich dort. 1227 01:02:15,590 --> 01:02:19,660 >> Und dann entschuldige ich mich, das andere ist CS50-Funktion, vorbei in einer Nachricht. 1228 01:02:19,660 --> 01:02:23,435 Und wenn Sie zu entschuldigen, alle es aussehen wirklich tut, ist apology.php machen. 1229 01:02:23,435 --> 01:02:26,100 1230 01:02:26,100 --> 01:02:26,410 Ja. 1231 01:02:26,410 --> 01:02:29,630 >> ZIELGRUPPE: Können Sie erklären, was das Sterne macht zwischen Select und von? 1232 01:02:29,630 --> 01:02:30,710 >> ZAMYLA CHAN: Ja, absolut. 1233 01:02:30,710 --> 01:02:35,220 Also die Sterne zwischen SELECT und FROM bedeutet, dass ich die ganze wählen 1234 01:02:35,220 --> 01:02:37,440 ganze Zeile von meinem Tisch. 1235 01:02:37,440 --> 01:02:41,900 Ich konnte wählen angegeben haben zu nennen, das Jahr, Hauses. 1236 01:02:41,900 --> 01:02:46,160 Und ich würde nur diese drei Spalten in meiner Tabelle. 1237 01:02:46,160 --> 01:02:51,560 Aber wenn ich sage, select *, dann werde ich alles bekommen, was in dieser Spalte. 1238 01:02:51,560 --> 01:02:53,760 Dann werde ich Sie gehen in der ersten der Rückseite. 1239 01:02:53,760 --> 01:02:57,656 >> ZIELGRUPPE: Also das ist immer noch in SQL, oder? 1240 01:02:57,656 --> 01:02:59,610 Ist diese Abfrage oder ist das PHP? 1241 01:02:59,610 --> 01:03:00,550 >> ZAMYLA CHAN: Wir sind in einer Abfrage. 1242 01:03:00,550 --> 01:03:01,940 Also das ist in PHP. 1243 01:03:01,940 --> 01:03:06,280 Also mit der PHP-Funktion Abfrage wir Ausführen einer SQL-Abfrage. 1244 01:03:06,280 --> 01:03:11,988 1245 01:03:11,988 --> 01:03:15,364 >> ZIELGRUPPE: Ist alles in SQL Groß-und Klein, wie wählen 1246 01:03:15,364 --> 01:03:17,834 oder Assistenten oder Haus? 1247 01:03:17,834 --> 01:03:20,050 >> ZAMYLA CHAN: Ist alles in SQL case-sensitive? 1248 01:03:20,050 --> 01:03:21,760 Ich glaube schon, ja. 1249 01:03:21,760 --> 01:03:24,620 Ich glaube, dass SELECT und FROM Und wo sind die Groß-und Kleinschreibung. 1250 01:03:24,620 --> 01:03:25,535 Nein? 1251 01:03:25,535 --> 01:03:27,500 >> ROB BOWDEN: Also, es ist das Gegenteil. 1252 01:03:27,500 --> 01:03:32,030 Die Spaltennamen und die Tabelleneinrichtung, alle, die die Groß-und Kleinschreibung. 1253 01:03:32,030 --> 01:03:35,470 Aber jeder der MySQL Schlüsselwörtern, wie SELECT, FROM und WHERE, diejenigen, die nicht sind 1254 01:03:35,470 --> 01:03:36,140 Groß-und Kleinschreibung. 1255 01:03:36,140 --> 01:03:36,420 OK. 1256 01:03:36,420 --> 01:03:37,780 Also das Gegenteil von dem, was ich sagte. 1257 01:03:37,780 --> 01:03:40,420 Also alles, was der MySQL Schlüsselwörter - 1258 01:03:40,420 --> 01:03:42,670 Wählen Sie aus, wo - das nicht zwischen Groß-und Kleinschreibung. 1259 01:03:42,670 --> 01:03:44,630 Aber alles andere ist. 1260 01:03:44,630 --> 01:03:45,210 OK. 1261 01:03:45,210 --> 01:03:46,500 Sie in der Front. 1262 01:03:46,500 --> 01:03:52,041 >> ZIELGRUPPE: Wenn ich Zeilen in Bezug auf $ mehr als eine Zeile, heißt das, ist 1263 01:03:52,041 --> 01:03:53,640 gerade wird ein assoziatives Array? 1264 01:03:53,640 --> 01:03:59,550 >> ZAMYLA CHAN: So war die Frage, ob Zeilen verfügt über mehr als eine Zeile in ihr, nicht 1265 01:03:59,550 --> 01:04:01,800 es wird ein assoziatives Array? 1266 01:04:01,800 --> 01:04:05,680 So ist es ein Array von Assoziativ Arrays bereits. 1267 01:04:05,680 --> 01:04:10,730 Also selbst wenn es nur eine Zeile zurückkehrte, dann müssten Sie hier um zu gehen 1268 01:04:10,730 --> 01:04:12,690 Index 0 dieses Ergebnis. 1269 01:04:12,690 --> 01:04:15,316 Und dann würde man diesen ersten Reihe. 1270 01:04:15,316 --> 01:04:17,482 Ja, Belinda? 1271 01:04:17,482 --> 01:04:21,258 >> ZIELGRUPPE: Wenn Sie === zu verwenden, ist dies der einzige Fall? 1272 01:04:21,258 --> 01:04:22,210 Oder gibt es andere? 1273 01:04:22,210 --> 01:04:26,815 >> ZAMYLA CHAN: Also in diesem Fall, === ist ein Vergleich zwischen den Arten. 1274 01:04:26,815 --> 01:04:29,870 1275 01:04:29,870 --> 01:04:34,050 Entschuldigung. === Eine Vergleichs dass die Typen vergleicht. 1276 01:04:34,050 --> 01:04:37,620 Und dann == vergleicht über alle Arten. 1277 01:04:37,620 --> 01:04:41,620 >> ZIELGRUPPE: Können Sie erklären, was Zeilen in dieser Situation? 1278 01:04:41,620 --> 01:04:45,120 Ist es von Daten rudern? 1279 01:04:45,120 --> 01:04:48,100 >> ZAMYLA CHAN: In der nächsten Folie, ich bin werde erklären, welche Zeilen ist. 1280 01:04:48,100 --> 01:04:49,890 Also, wenn Sie nichts dagegen haben, halten ab auf die. 1281 01:04:49,890 --> 01:04:50,620 Und dann in den Rücken? 1282 01:04:50,620 --> 01:04:54,699 >> ZIELGRUPPE: Für Funktionen wie Abfrage, machen und sich entschuldigen [unverständlich]? 1283 01:04:54,699 --> 01:04:59,050 1284 01:04:59,050 --> 01:05:03,050 >> ZAMYLA CHAN: Die Frage war, ob diese Funktionen - Abfrage zu entschuldigen, 1285 01:05:03,050 --> 01:05:04,510 und rendern - 1286 01:05:04,510 --> 01:05:05,930 sind in PHP üblich. 1287 01:05:05,930 --> 01:05:09,460 Das sind diejenigen, die CS50 schrieb für pset7. 1288 01:05:09,460 --> 01:05:09,910 Und Jay? 1289 01:05:09,910 --> 01:05:15,333 >> ZIELGRUPPE: Wenn Sie sagen müssen $ _SESSION, Ist, dass nur für IDs? 1290 01:05:15,333 --> 01:05:17,310 Oder könnte man das hier gesagt haben? 1291 01:05:17,310 --> 01:05:23,440 >> ZAMYLA CHAN: Also war die Frage, wann wir $ _SESSION, das war eine spezifische 1292 01:05:23,440 --> 01:05:25,290 globale Variable, die wir verwenden. 1293 01:05:25,290 --> 01:05:32,080 Hier wird diese Variable werde sein, um unsere lokale Funktion. 1294 01:05:32,080 --> 01:05:36,588 So sind wir nur erklären eine neue Variable. 1295 01:05:36,588 --> 01:05:38,460 >> ZIELGRUPPE: Wie wird sich entschuldigen umgesetzt? 1296 01:05:38,460 --> 01:05:40,960 >> ZAMYLA CHAN: Die Frage war, wie wird entschuldigen umgesetzt? 1297 01:05:40,960 --> 01:05:44,180 Und ich denke, das ist eigentlich ein ziemlich gute Praxis für euch zu gehen in 1298 01:05:44,180 --> 01:05:49,260 die functions.php Abschnitt und sehen Sie sich entschuldigen und sehen, wie könnten Sie haben 1299 01:05:49,260 --> 01:05:50,670 es selbst getan. 1300 01:05:50,670 --> 01:05:55,620 So kann ich, dass Sie aber nur sagen, dass, wenn Sie schauen zu entschuldigen, 1301 01:05:55,620 --> 01:06:02,110 dann die Nachricht, die Sie nimmt es vorgelegt zu entschuldigen, und dann ist es 1302 01:06:02,110 --> 01:06:06,570 macht diese Nachricht. 1303 01:06:06,570 --> 01:06:08,240 Haben Sie weitere Fragen? 1304 01:06:08,240 --> 01:06:08,710 Ich liebe Fragen. 1305 01:06:08,710 --> 01:06:09,555 So halten sie kommen. 1306 01:06:09,555 --> 01:06:11,888 >> ZIELGRUPPE: [unverständlich] 1307 01:06:11,888 --> 01:06:13,840 echo oder Druck gibt? 1308 01:06:13,840 --> 01:06:15,900 >> ZAMYLA CHAN: Die Frage war, konnten wir nicht nur zusammengetragen haben 1309 01:06:15,900 --> 01:06:17,000 echo oder Druck gibt. 1310 01:06:17,000 --> 01:06:19,710 So, dass wäre so etwas getan haben etwas anders. 1311 01:06:19,710 --> 01:06:23,750 Das wäre Abfrage gedruckt haben gescheitert, dass in - 1312 01:06:23,750 --> 01:06:27,420 gut, jetzt sind wir tatsächlich in unserem Controller. 1313 01:06:27,420 --> 01:06:30,350 So haben wir eigentlich nicht haben HTML einzurichten hier. 1314 01:06:30,350 --> 01:06:34,946 Apologize von Rendering apologize.php tatsächlich leitet Sie auf apology.php. 1315 01:06:34,946 --> 01:06:39,560 1316 01:06:39,560 --> 01:06:42,200 OK. 1317 01:06:42,200 --> 01:06:45,880 >> So, jetzt gehen wir an die Adresse Frage von früher, was 1318 01:06:45,880 --> 01:06:47,330 wirklich Zeilen. 1319 01:06:47,330 --> 01:06:51,960 Nun, Abfrage zurückgeben ein Array von Reihen. 1320 01:06:51,960 --> 01:06:55,020 Und jede Zeile dargestellt durch ein assoziatives Array. 1321 01:06:55,020 --> 01:07:02,840 Also, wenn ich einige SQL-Abfrage und ausgeführt Ich habe das Ergebnis in Zeilen gespeichert, dann 1322 01:07:02,840 --> 01:07:07,850 mit einer foreach-Schleife, dann das Array Name ist der erste dort - Zeilen. 1323 01:07:07,850 --> 01:07:13,170 Und dann werde ich anrufen jede Zeile in es $ row. 1324 01:07:13,170 --> 01:07:20,060 >> So Iteration über das, ich kann dann Zugriff Name-Spalte der gegebenen Reihe ist, 1325 01:07:20,060 --> 01:07:22,340 Jahr Spalte und Haus Spalte. 1326 01:07:22,340 --> 01:07:28,010 Beachten Sie, dass ich nicht in der Lage gewesen tun dies mit den Zeilen, da Zeilen-Index 1327 01:07:28,010 --> 01:07:29,290 Name ist nicht vorhanden. 1328 01:07:29,290 --> 01:07:31,970 Zeilen ist nur eine Reihe von assoziative Arrays. 1329 01:07:31,970 --> 01:07:34,870 So können Sie zwei Ebenen gibt. 1330 01:07:34,870 --> 01:07:37,170 Sobald Sie die Array von Zeilen, Sie müssen in das zu bekommen. 1331 01:07:37,170 --> 01:07:39,110 Und dann haben Sie die Spalten zugreifen können. 1332 01:07:39,110 --> 01:07:41,636 Hat das deutlich machen? 1333 01:07:41,636 --> 01:07:42,520 Ja, vor? 1334 01:07:42,520 --> 01:07:45,490 >> ZIELGRUPPE: [unverständlich] zu öffnen Halterungen für [unverständlich]? 1335 01:07:45,490 --> 01:07:46,220 >> ZAMYLA CHAN: Verzeihen Sie mir? 1336 01:07:46,220 --> 01:07:49,740 >> ZIELGRUPPE: Die offenen Klammern. 1337 01:07:49,740 --> 01:07:52,420 >> ZAMYLA CHAN: Dies hier? 1338 01:07:52,420 --> 01:07:58,520 Das ist mir erlaubt, sind dass variable. 1339 01:07:58,520 --> 01:07:58,670 Ja. 1340 01:07:58,670 --> 01:08:01,900 >> ZIELGRUPPE: Wenn Sie drucken, sind Sie Drucken mit dem HTML-Code? 1341 01:08:01,900 --> 01:08:03,110 >> ZAMYLA CHAN: Ja. 1342 01:08:03,110 --> 01:08:07,720 Wenn ich drucken, das ist hier im Inneren meine Vorlage jetzt, so dass 1343 01:08:07,720 --> 01:08:10,310 meine Sicht der MVC-Methode. 1344 01:08:10,310 --> 01:08:12,750 Also werde ich den Druck in den HTML. 1345 01:08:12,750 --> 01:08:16,670 >> ZIELGRUPPE: Also, wenn wir gingen in Entwickler Werkzeuge nach dem Ausführen dieser, könnten wir 1346 01:08:16,670 --> 01:08:17,160 dass tatsächlich im Code? 1347 01:08:17,160 --> 01:08:18,410 >> ZAMYLA CHAN: Das ist eine große Frage, ja. 1348 01:08:18,410 --> 01:08:22,359 Also, wenn Sie in die Entwickler-Tools ging in Firefox mit Firebug oder 1349 01:08:22,359 --> 01:08:26,109 Chrome, dann ja, könnten Sie finden Sie im entsprechenden HTML. 1350 01:08:26,109 --> 01:08:28,470 So wäre es nicht $ row ["Name"] zu zeigen. 1351 01:08:28,470 --> 01:08:32,524 Es wäre Unabhängig davon, welche zeigen, Name ist in dieser Reihe. 1352 01:08:32,524 --> 01:08:36,268 >> ZIELGRUPPE: Nur eine allgemeine Frage, was tr und td definiert als? 1353 01:08:36,268 --> 01:08:37,672 Warum sollten wir [unverständlich]? 1354 01:08:37,672 --> 01:08:41,850 1355 01:08:41,850 --> 01:08:44,814 >> ZAMYLA CHAN: Tabellenzeile tr, Tabelle dann td Spalte. 1356 01:08:44,814 --> 01:08:48,060 1357 01:08:48,060 --> 01:08:49,310 OK. 1358 01:08:49,310 --> 01:08:55,771 1359 01:08:55,771 --> 01:08:56,835 >> ZIELGRUPPE: Ja, es ist Tabellendaten. 1360 01:08:56,835 --> 01:08:58,770 >> ZAMYLA CHAN: Tabellendaten. 1361 01:08:58,770 --> 01:08:59,894 Ja. 1362 01:08:59,894 --> 01:09:08,670 >> ZIELGRUPPE: Es ist eine Zeile, in der die Zeile wird wie eine Säule behandelt? 1363 01:09:08,670 --> 01:09:08,910 >> ZAMYLA CHAN: Sorry. 1364 01:09:08,910 --> 01:09:10,570 Können Sie das wiederholen? 1365 01:09:10,570 --> 01:09:14,450 >> ZIELGRUPPE: Wie würden Sie visualisieren Reihen? 1366 01:09:14,450 --> 01:09:16,310 >> ZAMYLA CHAN: Wie würden Sie visualisieren Zeilen in welcher Art und Weise? 1367 01:09:16,310 --> 01:09:21,796 Sind Sie über diese reden Zeilen hier, oder die Reihen tr? 1368 01:09:21,796 --> 01:09:22,630 >> ZIELGRUPPE: Die Zeilen. 1369 01:09:22,630 --> 01:09:25,229 >> ZAMYLA CHAN: Diese Zeilen hier? 1370 01:09:25,229 --> 01:09:28,620 Ich würde dies als Visualisierung Ich meine Abfrage ausführen. 1371 01:09:28,620 --> 01:09:38,729 Und er sagt, OK, ich habe entweder 0 bis n Menge der Zeilen, die den Kriterien entsprechen 1372 01:09:38,729 --> 01:09:40,510 dass Sie abgefragt hatte. 1373 01:09:40,510 --> 01:09:43,740 So habe ich eine bestimmte Anzahl von Zeilen. 1374 01:09:43,740 --> 01:09:51,450 So Zeilen, die $ rows speichert jeder eine dieser Zeilen in einem Array. 1375 01:09:51,450 --> 01:09:58,110 Also selbst wenn es nur einer von ihnen, ist es noch ein Array von Zeilen, die es passen. 1376 01:09:58,110 --> 01:10:03,010 >> Also beispielsweise ist dies ähnlich, wenn Sie geholt 1377 01:10:03,010 --> 01:10:05,390 der Cache von Anwendern. 1378 01:10:05,390 --> 01:10:10,810 Und die Kriterien dort war, wo ID ist gleich der Session-ID. 1379 01:10:10,810 --> 01:10:14,250 Es ist wirklich nur eine Zeile das könnte passen, dass. 1380 01:10:14,250 --> 01:10:18,960 Aber immer noch Zeilen nur eine Zeile zurückgegeben. 1381 01:10:18,960 --> 01:10:22,620 Also müssten Sie, um Zeilen gehen, Index 0, Index-Cache 1382 01:10:22,620 --> 01:10:26,195 tatsächlich, den Cache zu bekommen. 1383 01:10:26,195 --> 01:10:29,650 >> ZIELGRUPPE: Ist der Druckfunktion echo in die gleiche Sache? 1384 01:10:29,650 --> 01:10:30,670 >> ZAMYLA CHAN: Ja. 1385 01:10:30,670 --> 01:10:31,190 Ja. 1386 01:10:31,190 --> 01:10:33,304 Drucken Sie ein Echo der gleiche. 1387 01:10:33,304 --> 01:10:42,400 >> ZIELGRUPPE: Ist der foreach-Schleife die einzige Weg, um Index in Reihen? 1388 01:10:42,400 --> 01:10:46,110 >> ZAMYLA CHAN: Ist ein foreach-Schleife Nur so können Sie 1389 01:10:46,110 --> 01:10:47,030 Zeilen durchlaufen? 1390 01:10:47,030 --> 01:10:47,180 Nein. 1391 01:10:47,180 --> 01:10:51,000 Sie können auch für eine Schleife verwenden, vorausgesetzt, dass Sie die Länge wissen 1392 01:10:51,000 --> 01:10:53,024 von der Zeile Array. 1393 01:10:53,024 --> 01:10:58,500 >> ZIELGRUPPE: Könnten Sie darauf zugreifen mit einer Zeile wie [unverständlich]? 1394 01:10:58,500 --> 01:11:01,640 >> ZAMYLA CHAN: Sie können nicht darauf zugreifen nur mit Zeile, wenn Sie nicht über ein 1395 01:11:01,640 --> 01:11:05,160 foreach-Schleife vorgesehen, dass Sie nicht erklärt haben Reihe. 1396 01:11:05,160 --> 01:11:08,150 1397 01:11:08,150 --> 01:11:09,660 Ja. 1398 01:11:09,660 --> 01:11:10,810 Ja, in den weißen. 1399 01:11:10,810 --> 01:11:13,990 >> ZIELGRUPPE: Also, was tun tr und td tun? 1400 01:11:13,990 --> 01:11:16,790 >> ZAMYLA CHAN: Also tr und td sind HTML-Tags. 1401 01:11:16,790 --> 01:11:19,590 tr gibt den Anfang einer Tabellenzeile. 1402 01:11:19,590 --> 01:11:26,625 Und jedes td zeigt ein neue Tabelle Daten Spalte. 1403 01:11:26,625 --> 01:11:32,275 >> ZIELGRUPPE: Für eine visuelle, was eine Reihe ist wie, nur vorstellen, die SQL, wie 1404 01:11:32,275 --> 01:11:33,510 sie haben eine Reihe. 1405 01:11:33,510 --> 01:11:35,980 [Unverständlich]. 1406 01:11:35,980 --> 01:11:36,390 >> ZAMYLA CHAN: Ja. 1407 01:11:36,390 --> 01:11:37,630 Das ist ein großer Punkt. 1408 01:11:37,630 --> 01:11:41,510 Sie können Zeilen wie eben visualisieren wie in einer Excel-Tabelle, nur 1409 01:11:41,510 --> 01:11:44,540 die Liste der Zeilen. 1410 01:11:44,540 --> 01:11:46,870 OK. 1411 01:11:46,870 --> 01:11:47,230 Gut. 1412 01:11:47,230 --> 01:11:50,740 So, jetzt haben wir über wählen gegangen, wenn es gibt keine mehr Fragen, wir werden 1413 01:11:50,740 --> 01:11:52,970 gehen über auf Einsatz. 1414 01:11:52,970 --> 01:11:58,220 Also, wenn ich wollte in einige einfügen Tabelle, und fügen bestimmte Spalte 1415 01:11:58,220 --> 01:12:02,320 Werte, ich selbst einfügen könnte in Ravenclaw in der 7. Klasse. 1416 01:12:02,320 --> 01:12:07,245 Aber manchmal gibt es möglicherweise doppelte sein Werte, wie wir in pset7 sah, als wir 1417 01:12:07,245 --> 01:12:09,240 wurden unser Portfolio aktualisieren. 1418 01:12:09,240 --> 01:12:15,610 >> Also in diesem Fall, zu benutzen ON wollen wir DUPLICATE KEY UPDATE, so dass wir nicht 1419 01:12:15,610 --> 01:12:18,280 Speichern mehrerer Zeilen mit demselben Wert, sondern vielmehr zu aktualisieren. 1420 01:12:18,280 --> 01:12:21,780 1421 01:12:21,780 --> 01:12:25,560 Dann haben wir eigentlich Update die nicht eine Einlage. 1422 01:12:25,560 --> 01:12:30,100 Es ist nur ein Update, wo Sie aktualisieren in einer bestimmten Tabelle mit einem gegebenen 1423 01:12:30,100 --> 01:12:34,403 Kriterien und dann, endlich, löschen, was macht eine sehr ähnliche Sache. 1424 01:12:34,403 --> 01:12:40,200 >> ZIELGRUPPE: Können Sie kurz gehen Sie über die doppelte Schlüssel? 1425 01:12:40,200 --> 01:12:40,850 >> ZAMYLA CHAN: Ja. 1426 01:12:40,850 --> 01:12:48,340 Im Wesentlichen hier, ich habe INSERT INTO gringotts ist, Galeonen, diese Werte. 1427 01:12:48,340 --> 01:12:56,900 Aber ID vermutlich ein eindeutiger Schlüssel Wert in MySQL-Tabelle gesetzt. 1428 01:12:56,900 --> 01:13:06,750 Also, wenn ich schon, dass ID einrichten, dann kann ich eine neue Zeile einfügen. 1429 01:13:06,750 --> 01:13:10,961 So dass, wenn es nicht bereits vorhanden ist, dann muss ich es aktualisieren. 1430 01:13:10,961 --> 01:13:16,040 1431 01:13:16,040 --> 01:13:17,722 In der Mitte in den weißen. 1432 01:13:17,722 --> 01:13:21,570 >> ZIELGRUPPE: Also einfügen, aktualisieren, löschen, und wählen, sind alle diejenigen verfügbar 1433 01:13:21,570 --> 01:13:22,875 lokal [unverständlich]? 1434 01:13:22,875 --> 01:13:27,320 1435 01:13:27,320 --> 01:13:29,630 >> ZAMYLA CHAN: Also einzufügen, Update, löschen und 1436 01:13:29,630 --> 01:13:31,120 sind alle SQL-Abfragen auswählen. 1437 01:13:31,120 --> 01:13:34,970 Also, wenn Sie mit SQL sind, Sie müssen diejenigen zur Verfügung. 1438 01:13:34,970 --> 01:13:38,226 1439 01:13:38,226 --> 01:13:40,706 >> ZIELGRUPPE: Zurück zu den letzten Tests - 1440 01:13:40,706 --> 01:13:44,178 Es war eine Frage, die behandelt wenn Sie hatte einen Tisch und wollte 1441 01:13:44,178 --> 01:13:52,610 einfügen Testergebnisse in ein und legen Sie Ihren Namen, damit es nicht im Stich lassen 1442 01:13:52,610 --> 01:13:54,594 [Unverständlich] Ihr Freund-Test-Ergebnis. 1443 01:13:54,594 --> 01:13:59,060 Wie würden Sie, dass mit Einsatz zu tun? 1444 01:13:59,060 --> 01:14:02,490 >> ZAMYLA CHAN: So war die Frage nach eine frühere Halbzeit-Frage. 1445 01:14:02,490 --> 01:14:04,320 Ich bin mir nicht bewusst, von denen einen ist es jetzt. 1446 01:14:04,320 --> 01:14:06,790 Also vielleicht später, wenn Sie wollen kommen und zeigen mir, dann kann ich 1447 01:14:06,790 --> 01:14:08,155 sicherlich geben Ihnen Tipps. 1448 01:14:08,155 --> 01:14:11,250 1449 01:14:11,250 --> 01:14:15,460 Aber sprechen Einfügen Dinge, wie unter jemandes Score, wenn Sie 1450 01:14:15,460 --> 01:14:18,800 sollte nicht, lassen Sie uns darüber reden SQL-Injection-Angriffe. 1451 01:14:18,800 --> 01:14:22,050 So eine SQL-Injection-Angriff ist im Wesentlichen wo jemand nimmt 1452 01:14:22,050 --> 01:14:27,680 Vorteil der geringen Sicherheit der Weise, dass Sie in der Daten einnehmen. 1453 01:14:27,680 --> 01:14:35,660 >> Also hier, genau wie in CS50 Finanzen, wenn wir Sie angemeldet sind, können wir in eine geben 1454 01:14:35,660 --> 01:14:39,510 Benutzername im Login-Formular, das erste Textfeld, und 1455 01:14:39,510 --> 01:14:41,570 geben Sie ein Passwort ein. 1456 01:14:41,570 --> 01:14:45,610 Vielleicht ist unsere PHP-Code aussehen könnte etwas wie diesen, wo $ username 1457 01:14:45,610 --> 01:14:51,410 ist die Post-Daten Benutzername und Passwort ist Post-Daten vergessen. 1458 01:14:51,410 --> 01:14:55,110 Und dann haben wir einfach unsere Abfrage ausführen, sagen wir, OK, gut, unsere Abfrage wird sich 1459 01:14:55,110 --> 01:14:57,990 von unseren Nutzern zu wählen, wo Der Benutzername ist die 1460 01:14:57,990 --> 01:14:58,970 eine, die sie eingereicht. 1461 01:14:58,970 --> 01:15:06,870 Und das Passwort ist das Passwort, was bedeutet, dass die Passwörter übereinstimmen. 1462 01:15:06,870 --> 01:15:12,670 >> Nun, was ist, wenn statt der tatsächlich Einreichung eines tatsächlichen vergessen, wie 1463 01:15:12,670 --> 01:15:16,850 12345 und erraten, das sagt Zinke Passwort und versuchen zu hacken ihre 1464 01:15:16,850 --> 01:15:21,460 Konto, was ist, wenn statt sie übermittelt diese. 1465 01:15:21,460 --> 01:15:24,380 Sie könnten vielleicht geben eine Vermutung bei einem Passwort. 1466 01:15:24,380 --> 01:15:30,480 Und dann sind sie fertig wäre die Zitat geben Sie dann in oder 1 = 1 ist. 1467 01:15:30,480 --> 01:15:35,160 Das würde direkt in die SQL-Tempo abfragen, um so etwas zu suchen. 1468 01:15:35,160 --> 01:15:38,200 Wählen Sie aus, wo Benutzer Benutzername = Zinken und Passwort 1469 01:15:38,200 --> 01:15:41,450 Lilie oder gleich 1 = 1. 1470 01:15:41,450 --> 01:15:45,450 >> Also entweder das Passwort hat richtig oder 1 = 1 ist, 1471 01:15:45,450 --> 01:15:47,870 das ist immer wahr. 1472 01:15:47,870 --> 01:15:52,780 So dass in diesem Fall, im Grunde kann ein Benutzer nutzen dies und nur anmelden 1473 01:15:52,780 --> 01:15:55,240 sich in und Hack jemand Konto. 1474 01:15:55,240 --> 01:15:58,950 Also das ist, warum wir vermeiden wollen jemand mit, dies zu tun. 1475 01:15:58,950 --> 01:16:03,890 Aber zum Glück, die Abfrage-Funktion durch vorbei in die Platzhalter dauert 1476 01:16:03,890 --> 01:16:04,800 erledigt dies für Sie. 1477 01:16:04,800 --> 01:16:08,570 Außerdem werden Sie in der Regel nie wollen tatsächlich die Passwörter einreichen 1478 01:16:08,570 --> 01:16:09,310 sich. 1479 01:16:09,310 --> 01:16:14,115 Das ist, warum wir gehasht oder verschlüsselt sie in CS50 Finanzen. 1480 01:16:14,115 --> 01:16:17,553 >> ZIELGRUPPE: Die Vergangenheit gesprochen Quiz Flucht über MySQL-Strings. 1481 01:16:17,553 --> 01:16:21,800 Müssen wir uns Sorgen machen? 1482 01:16:21,800 --> 01:16:22,670 >> ZAMYLA CHAN: Das ist eine gute Frage. 1483 01:16:22,670 --> 01:16:29,050 Die MySQL-Escape-Zeichenfolgen ist definitiv ein Funktion, die in unserer Abfrage verwendet wurde. 1484 01:16:29,050 --> 01:16:30,420 Aber auf jeden Fall in diesem Blick. 1485 01:16:30,420 --> 01:16:32,950 Ich würde sagen, das ist fair game zu wissen dass man bräuchte, um so nennen 1486 01:16:32,950 --> 01:16:34,370 funktionieren auf einer Schnur. 1487 01:16:34,370 --> 01:16:35,245 Ja, Belinda? 1488 01:16:35,245 --> 01:16:38,606 >> ZIELGRUPPE: Woher wissen Sie, wenn es einzelne oder doppelte Anführungszeichen? 1489 01:16:38,606 --> 01:16:43,516 Und auch, fühle ich mich wie in der Vorlesung Sie erwähnte etwas über nicht 1490 01:16:43,516 --> 01:16:48,426 die [unverständlich] oder etwas oder die zweite Single Zitat am Ende. 1491 01:16:48,426 --> 01:16:56,407 1492 01:16:56,407 --> 01:17:00,825 Ich glaube, er wies darauf hin, dass in der Vorlesung Sie soll ein Apostroph haben 1493 01:17:00,825 --> 01:17:04,290 und dann nicht Apostrophe oder so etwas. 1494 01:17:04,290 --> 01:17:05,540 >> ZIELGRUPPE: [unverständlich]. 1495 01:17:05,540 --> 01:17:14,860 1496 01:17:14,860 --> 01:17:18,657 >> ZIELGRUPPE: Die Sache ist die letzte Single Zitat in dort in der zweiten Box 1497 01:17:18,657 --> 01:17:19,391 sollte es nicht sein. 1498 01:17:19,391 --> 01:17:21,840 [Unverständlich] 1499 01:17:21,840 --> 01:17:26,730 Denn wenn Sie das letzte Einzel nehmen zitiere aus und passen diese für Inhalte 1500 01:17:26,730 --> 01:17:30,522 wo das Passwort, wenn Sie haben, dass Abfrage, da ist ein Apostroph bei 1501 01:17:30,522 --> 01:17:31,340 das Ende schon. 1502 01:17:31,340 --> 01:17:36,580 Sie wollen, dass einfache Anführungszeichen verwenden wie die, die man gegenübersteht 1503 01:17:36,580 --> 01:17:37,574 [Unverständlich]. 1504 01:17:37,574 --> 01:17:42,820 Also, was ist eigentlich in diesem Text Box sollte nicht haben. 1505 01:17:42,820 --> 01:17:44,070 >> ZAMYLA CHAN: Ich werde das ändern. 1506 01:17:44,070 --> 01:17:56,490 1507 01:17:56,490 --> 01:17:56,880 OK. 1508 01:17:56,880 --> 01:18:00,435 Wenn es keine Fragen, dann werde ich geben sie über Joseph zu sprechen 1509 01:18:00,435 --> 01:18:04,332 über JavaScript, et cetera. 1510 01:18:04,332 --> 01:18:09,540 >> [Applaus] 1511 01:18:09,540 --> 01:18:11,660 >> JOSEPH ONG: Also wir laufen ein wenig hinter sich. 1512 01:18:11,660 --> 01:18:13,280 Also, wenn Sie gehen müssen, das ist OK. 1513 01:18:13,280 --> 01:18:16,540 Aber wir bitten Sie, Ihre Köpfe unten zu halten wenn Sie in der Mitte, so dass Sie 1514 01:18:16,540 --> 01:18:19,560 die Kamera nicht blockieren, und Sie verwenden die hinteren Ausgang, wenn Sie müssen. 1515 01:18:19,560 --> 01:18:25,010 1516 01:18:25,010 --> 01:18:26,306 Ich bin Joseph von dem Weg. 1517 01:18:26,306 --> 01:18:27,556 Hallo. 1518 01:18:27,556 --> 01:18:37,910 1519 01:18:37,910 --> 01:18:38,630 Testen, testen. 1520 01:18:38,630 --> 01:18:39,630 Dan, ist das gut? 1521 01:18:39,630 --> 01:18:40,880 Kühl. 1522 01:18:40,880 --> 01:18:44,460 1523 01:18:44,460 --> 01:18:47,600 >> So wird das Video auch gebucht werden Für diejenigen, die Online- 1524 01:18:47,600 --> 01:18:48,850 muss jetzt gehen. 1525 01:18:48,850 --> 01:18:51,350 1526 01:18:51,350 --> 01:18:52,600 Peinlich. 1527 01:18:52,600 --> 01:18:56,300 1528 01:18:56,300 --> 01:18:57,510 OK. 1529 01:18:57,510 --> 01:18:59,730 So Quiz Bewertung. 1530 01:18:59,730 --> 01:19:00,980 Dies ist eine Katze. 1531 01:19:00,980 --> 01:19:03,150 1532 01:19:03,150 --> 01:19:07,170 Jetzt, JavaScript, was vielleicht keine aww, wie für einige von euch Jungs. 1533 01:19:07,170 --> 01:19:07,370 OK. 1534 01:19:07,370 --> 01:19:09,280 Also das ist zunächst daran erinnern, von Zamyla. 1535 01:19:09,280 --> 01:19:11,270 Denken Sie daran, dass PHP laufen auf dem Server. 1536 01:19:11,270 --> 01:19:15,230 Und viele Male, Jungs schrieb Schleifen in PHP ausdrucken HTML, oder? 1537 01:19:15,230 --> 01:19:19,170 Also, wenn dieser Code ausgeführt wird, dass HTML-Ausgabe, die Sie ausdrucken 1538 01:19:19,170 --> 01:19:20,500 wird an den Benutzer gesendet. 1539 01:19:20,500 --> 01:19:25,960 Und wenn das passiert, kann kein PHP mehr ausgeführt werden, wenn Sie die Seite neu zu laden, der 1540 01:19:25,960 --> 01:19:27,660 Natürlich, die die PHP reexecutes. 1541 01:19:27,660 --> 01:19:30,080 Aber wenn du einmal darauf hin, dass HTML drucken, man kann nicht überall hin. 1542 01:19:30,080 --> 01:19:33,580 >> Damit wird über HTML an den Benutzer geschickt, die der Browser über hier, wo 1543 01:19:33,580 --> 01:19:35,470 Milo ist mit dem Computer. 1544 01:19:35,470 --> 01:19:40,340 Und so gut, es gibt mehrere Dinge, sobald wir HTML für den Benutzer. 1545 01:19:40,340 --> 01:19:43,350 Manchmal, so etwas zu tun, wollen wir wenn Sie auf etwas klicken, wir wollen 1546 01:19:43,350 --> 01:19:47,350 Alarm-Boxen, um Pop-up, diese Art von Wechselwirkungen, wie wenn Sie die Taste 1547 01:19:47,350 --> 01:19:50,740 -Taste, wenn Sie etwas auf das Sie Seite, ich will, dass etwas passiert. 1548 01:19:50,740 --> 01:19:54,550 Nun, man kann nicht erneut ausführen PHP Code einmal, dass HTML ist eingestellt. 1549 01:19:54,550 --> 01:19:55,900 So, wie Sie dies tun? 1550 01:19:55,900 --> 01:19:59,930 >> Wir führen eine neue Sprache namens JavaScript, das im Browser läuft 1551 01:19:59,930 --> 01:20:02,890 , das Ihnen erlaubt, Dinge zu tun in HTML, nachdem Sie empfangen 1552 01:20:02,890 --> 01:20:04,020 vom Server. 1553 01:20:04,020 --> 01:20:07,050 Und deshalb ist es ein Client-Seite nennen wir Programmiersprache. 1554 01:20:07,050 --> 01:20:09,110 Es funktioniert auf Ihrem Computer - 1555 01:20:09,110 --> 01:20:11,400 der Kunde. 1556 01:20:11,400 --> 01:20:13,830 Haben Sie Fragen zu, dass so weit? 1557 01:20:13,830 --> 01:20:15,650 Das Paradigma ist sinnvoll für Menschen? 1558 01:20:15,650 --> 01:20:16,010 OK. 1559 01:20:16,010 --> 01:20:16,790 Gut. 1560 01:20:16,790 --> 01:20:17,340 Gut. 1561 01:20:17,340 --> 01:20:20,850 Also das erste, was zu beachten JavaScript ist nicht PHP. 1562 01:20:20,850 --> 01:20:23,010 >> Sie haben etwas andere Syntax, denen wir in zu gehen. 1563 01:20:23,010 --> 01:20:24,530 Und sie haben sehr unterschiedliche Nutzungen. 1564 01:20:24,530 --> 01:20:26,640 JavaScript wieder, für Ihre Browser für den Client. 1565 01:20:26,640 --> 01:20:30,640 Server läuft irgendwo auf jemand anderes Computer, die Informationen sendet 1566 01:20:30,640 --> 01:20:31,720 zu Ihnen, zu korrigieren? 1567 01:20:31,720 --> 01:20:36,730 Also, wenn wir Sie bitten, PHP-Code schreiben auf eine Prüfungsfrage, nicht schreiben 1568 01:20:36,730 --> 01:20:38,710 JavaScript und umgekehrt. 1569 01:20:38,710 --> 01:20:41,710 Sie werden nur verlieren Punkte, und es wird nicht richtig sein. 1570 01:20:41,710 --> 01:20:43,690 >> Also lassen Sie uns in einige bekommen Syntax Unterschiede - 1571 01:20:43,690 --> 01:20:46,140 JavaScript auf der linken Seite PHP und rechts. 1572 01:20:46,140 --> 01:20:48,670 Das erste, was Sie bemerken mit JavaScript erklären wir Variablen mit 1573 01:20:48,670 --> 01:20:49,440 das Schlüsselwort var - 1574 01:20:49,440 --> 01:20:53,590 V-A-R. PHP verwendet, das Dollar-Zeichen, Zamyla als früher diskutiert. 1575 01:20:53,590 --> 01:20:57,570 Wenn Sie ein assoziatives erklären wollen Array, sehen wir die bekannte Syntax 1576 01:20:57,570 --> 01:20:59,030 die rechte Seite mit PHP. 1577 01:20:59,030 --> 01:21:01,630 Auf der linken Seite, anstatt Sie geschweifte Klammern verwenden. 1578 01:21:01,630 --> 01:21:03,280 Und dann Ihre Schlüssel sind auf der linken Seite. 1579 01:21:03,280 --> 01:21:04,670 Dann haben Sie einen Doppelpunkt. 1580 01:21:04,670 --> 01:21:06,560 Und dann müssen Sie die Werte dass du willst. 1581 01:21:06,560 --> 01:21:09,840 >> Also das ist, wie Sie es tun würden, in PHP auf der rechten Seite mit dem zweiten 1582 01:21:09,840 --> 01:21:10,955 Linie, die bei Milo beginnt. 1583 01:21:10,955 --> 01:21:14,540 Und das ist, wie Sie es tun würden, auf die links in JavaScript, wenn Sie wollen 1584 01:21:14,540 --> 01:21:16,110 nennen wir ein Objekt. 1585 01:21:16,110 --> 01:21:19,340 Und Objekte in JavaScript nur assoziative Arrays. 1586 01:21:19,340 --> 01:21:23,710 Also, wenn Sie für den Zugriff auf Felder, in wollen PHP Sie diese Klammer-Syntax zu verwenden. 1587 01:21:23,710 --> 01:21:27,170 Und auf diese Weise, die Sie neu zuweisen kann Dieses Feld Besitzer zu Lauren. 1588 01:21:27,170 --> 01:21:30,150 >> Nun, in JavaScript, wenn man will Zugriff auf ein Feld und ändern Sie es, können Sie 1589 01:21:30,150 --> 01:21:31,370 verwenden Sie den Punkt-Syntax. 1590 01:21:31,370 --> 01:21:33,860 Sie können auch die Klammer-Syntax. 1591 01:21:33,860 --> 01:21:35,550 Aber Sie können nicht die Punkt-Syntax in PHP. 1592 01:21:35,550 --> 01:21:36,525 Das wird nicht funktionieren. 1593 01:21:36,525 --> 01:21:38,910 Es funktioniert nur in PHP. 1594 01:21:38,910 --> 01:21:42,060 Und schließlich, um die Dinge, um die Druck Konsole console.log verwenden Sie die 1595 01:21:42,060 --> 01:21:43,720 Sie verwenden eine Menge Jungs in pset8. 1596 01:21:43,720 --> 01:21:45,260 Sie können, dass console.log. 1597 01:21:45,260 --> 01:21:50,030 >> Wenn Sie ein Array in drucken möchten PHP, müssen Sie Druck r verwenden. 1598 01:21:50,030 --> 01:21:53,240 Und auf der rechten Seite, sehen Sie, ich hash String-Verkettung drüben. 1599 01:21:53,240 --> 01:21:54,070 Jemand fragte früher. 1600 01:21:54,070 --> 01:21:55,850 Ich benutze ein Plus in JavaScript. 1601 01:21:55,850 --> 01:21:59,800 Wenn ich etwas zu verketten in PHP, benutze ich den Punkt. 1602 01:21:59,800 --> 01:22:00,800 Diese sind anders. 1603 01:22:00,800 --> 01:22:03,420 Wenn Sie das Schreiben PHP-Code, nicht mit einem Plus. 1604 01:22:03,420 --> 01:22:06,810 Wenn Sie das Schreiben JavaScript Code, schreiben Sie nicht einen Punkt. 1605 01:22:06,810 --> 01:22:08,230 Es wird falsch sein. 1606 01:22:08,230 --> 01:22:09,640 Und Sie werden traurig sein. 1607 01:22:09,640 --> 01:22:11,000 >> So Syntax Unterschiede. 1608 01:22:11,000 --> 01:22:14,710 Kennen Sie Ihre Syntax, denn wenn Sie zu haben schreiben Sie eine Frage und Sie Syntax verwenden 1609 01:22:14,710 --> 01:22:16,890 von der falschen Sprache, es wird nicht funktionieren. 1610 01:22:16,890 --> 01:22:19,520 Und es wird falsch sein. 1611 01:22:19,520 --> 01:22:22,420 Lassen Sie uns also über einige Steuer sprechen fließen Unterschiede, wie Sie mit 1612 01:22:22,420 --> 01:22:24,040 Schleifen in jedem von ihnen. 1613 01:22:24,040 --> 01:22:26,610 Zamyla ging über die rechte Seite. 1614 01:22:26,610 --> 01:22:27,780 Stuff auf der rechten Seite vertraut sein sollten. 1615 01:22:27,780 --> 01:22:29,670 Lassen Sie uns auf der linken Seite. 1616 01:22:29,670 --> 01:22:34,830 >> Wenn Sie sich für n-Schleife in JavaScript verwenden, Ihre Schleife Variable var i drüben, 1617 01:22:34,830 --> 01:22:37,210 Schleife über die Tasten des Arrays. 1618 01:22:37,210 --> 01:22:39,150 Sie sehen also, Name, Haus und Rolle. 1619 01:22:39,150 --> 01:22:42,440 Wenn ich console.log i, bekomme ich Name, Haus und Rolle. 1620 01:22:42,440 --> 01:22:44,720 Wer sind die Schlüssel. 1621 01:22:44,720 --> 01:22:50,080 In JavaScript, geht ein foreach-Schleife über die Werte dieses Feldes. 1622 01:22:50,080 --> 01:22:52,040 So können Sie feststellen, sie sind beide i. 1623 01:22:52,040 --> 01:22:56,000 Aber hier auf der PHP-Seite, druckt er aus Milo, CS50 und Maskottchen. 1624 01:22:56,000 --> 01:22:57,390 Das sind die Werte in PHP. 1625 01:22:57,390 --> 01:23:00,180 >> Das sind also, wie diese beiden sind unterschiedlich in den verschiedenen Sprachen. 1626 01:23:00,180 --> 01:23:02,970 Also, wenn Sie mit einer foreach sind Schleife, nicht davon ausgehen, dass es 1627 01:23:02,970 --> 01:23:03,760 gibt Ihnen die Schlüssel. 1628 01:23:03,760 --> 01:23:08,010 Und wenn Sie mit einer for-Schleife n, nicht davon ausgehen, es gibt Ihnen die Werte. 1629 01:23:08,010 --> 01:23:10,420 Macht das Sinn, so weit? 1630 01:23:10,420 --> 01:23:13,630 Die nächste Folie wird Ihnen zeigen, wie Sie in die entgegengesetzte zugreifen können 1631 01:23:13,630 --> 01:23:15,160 jeder von ihnen. 1632 01:23:15,160 --> 01:23:18,550 >> Nun, wenn man den Schlüssel in JavaScript haben und Sie wollen den Wert aus, 1633 01:23:18,550 --> 01:23:20,440 Sie gerade Index in der Array mit dem. 1634 01:23:20,440 --> 01:23:23,640 So Milo von i erhalten Sie, was Sie wollen - die Werte. 1635 01:23:23,640 --> 01:23:25,260 Es gibt diese andere Syntax in PHP. 1636 01:23:25,260 --> 01:23:28,140 Wenn Sie es wirklich wissen wollen, weiß ich nicht denke, dass wir es euch gezeigt habe noch. 1637 01:23:28,140 --> 01:23:31,740 Aber wenn Sie interessiert sind, können Sie mit diese zusätzliche Syntax auf der rechten 1638 01:23:31,740 --> 01:23:35,130 Seite, die tatsächlich können Sie erhalten, sind die Schlüssel in PHP, wenn Sie verwenden ein 1639 01:23:35,130 --> 01:23:35,880 foreach-Schleife. 1640 01:23:35,880 --> 01:23:39,640 Also nur ein kleines bisschen Trivia wenn Sie interessiert sind. 1641 01:23:39,640 --> 01:23:42,630 >> Also das ist nur zu zeigen, die Unterschiede zwischen diesen beiden Schleifen. 1642 01:23:42,630 --> 01:23:47,060 Mischen Sie sie nicht, wenn Sie Programmierung eine Frage. 1643 01:23:47,060 --> 01:23:49,774 Haben Sie Fragen darüber. 1644 01:23:49,774 --> 01:23:50,770 Kühl. 1645 01:23:50,770 --> 01:23:51,310 Gut. 1646 01:23:51,310 --> 01:23:52,250 JavaScript-Objekte. 1647 01:23:52,250 --> 01:23:53,040 Ich sprach über sie. 1648 01:23:53,040 --> 01:23:54,650 Sie sind wie assoziative Arrays. 1649 01:23:54,650 --> 01:23:57,730 Das einzige, was ich möchte, dass Sie beachten hier ist, dass ein Wert in einem assoziativen 1650 01:23:57,730 --> 01:23:59,540 Arrays alles in JavaScript sein. 1651 01:23:59,540 --> 01:24:02,240 >> Es kann sogar eine Funktion sein, wie drüben. 1652 01:24:02,240 --> 01:24:04,600 Ich habe eine Funktion, die ist ein Wert von einem Schlüssel. 1653 01:24:04,600 --> 01:24:07,030 Und wenn ich will, dass die Funktion aufrufen, Ich habe gerade zugreifen Rinde. 1654 01:24:07,030 --> 01:24:08,490 Und dann habe ich die Klammern danach. 1655 01:24:08,490 --> 01:24:09,790 Und das funktioniert. 1656 01:24:09,790 --> 01:24:15,570 Also noch Fragen? 1657 01:24:15,570 --> 01:24:16,370 Nein? 1658 01:24:16,370 --> 01:24:16,650 OK. 1659 01:24:16,650 --> 01:24:18,190 Gut. 1660 01:24:18,190 --> 01:24:20,130 JavaScript wie PHP, lose typisiert. 1661 01:24:20,130 --> 01:24:20,970 Was bedeutet das? 1662 01:24:20,970 --> 01:24:22,380 >> Es hat Typen. 1663 01:24:22,380 --> 01:24:24,800 Aber wenn Sie einen JavaScript erklären Variable, sagen Sie, var i. 1664 01:24:24,800 --> 01:24:25,850 Sie sagen es nicht. 1665 01:24:25,850 --> 01:24:26,460 Das ist nicht eine Sache. 1666 01:24:26,460 --> 01:24:28,000 Sie müssen nur sagen, es ist eine Variable. 1667 01:24:28,000 --> 01:24:31,590 Und dann wird JavaScript verarbeiten die Typen unter der Haube für Sie. 1668 01:24:31,590 --> 01:24:34,390 Wir können frei zwischen konvertieren Typen, weil dieser. 1669 01:24:34,390 --> 01:24:37,360 So beginnt ich heraus als eine Zahl in diesem Fall. 1670 01:24:37,360 --> 01:24:38,790 Und dann habe ich einen String. 1671 01:24:38,790 --> 01:24:39,710 Und ich hinzufügen, ich zu ihm. 1672 01:24:39,710 --> 01:24:41,810 Und ich wieder neu zuweisen in i. 1673 01:24:41,810 --> 01:24:43,640 >> Also an diesem ersten Zeile, i die Nummer. 1674 01:24:43,640 --> 01:24:47,310 In der zweiten Zeile, wird jetzt ein i String nach ich das Umwandlung. 1675 01:24:47,310 --> 01:24:52,820 Und hier, ich bin nur die Verkettung diese Zahl auf die Saite. 1676 01:24:52,820 --> 01:24:56,210 Sie sehen also, dass, obwohl ich eine war ganze Zahl im ersten Teil, ist es Art 1677 01:24:56,210 --> 01:24:58,500 wie der an ein umge String und dann hinzugefügt 1678 01:24:58,500 --> 01:25:00,510 auf diesem hallo-String. 1679 01:25:00,510 --> 01:25:02,340 Und damit meine ich von der losen Typisierung. 1680 01:25:02,340 --> 01:25:04,760 Das ist, dass Sie zwischen konvertieren Arten sehr leicht. 1681 01:25:04,760 --> 01:25:08,840 Und es spielt keine Warnungen werfen Sie möchten bei C tut. 1682 01:25:08,840 --> 01:25:12,420 >> So enthält i jetzt hallo 123 zur Saite. 1683 01:25:12,420 --> 01:25:13,270 Weiter. 1684 01:25:13,270 --> 01:25:15,610 Wir können auch frei vergleichen zwischen Typen. 1685 01:25:15,610 --> 01:25:19,310 Also, wenn Sie gerade verwenden ==, sehr viel wie in PHP, JavaScript 1686 01:25:19,310 --> 01:25:20,480 macht eine ähnliche Sache. 1687 01:25:20,480 --> 01:25:24,780 Die Saite 123 die gleiche wie die Zahl 123, wenn Sie Doppel Gleichen zu verwenden. 1688 01:25:24,780 --> 01:25:27,820 Bei Verwendung triple Gleichen, sondern auch möchte sicherstellen, dass 1689 01:25:27,820 --> 01:25:29,240 der Typ der gleiche ist. 1690 01:25:29,240 --> 01:25:31,960 So, weil das ein String ist, und dass eine Zahl, auch wenn sie beide 1691 01:25:31,960 --> 01:25:35,280 123, wenn Sie dreifache nutzen entspricht, erhalten Sie falsch. 1692 01:25:35,280 --> 01:25:39,330 In der Doppel entspricht Fall, erhalten Sie wahr, weil Doppel Gleichen nicht 1693 01:25:39,330 --> 01:25:40,020 egal Typ. 1694 01:25:40,020 --> 01:25:42,500 Dreibettzimmer Gleichen nicht kümmern Typ. 1695 01:25:42,500 --> 01:25:43,750 Fragen? 1696 01:25:43,750 --> 01:25:45,790 1697 01:25:45,790 --> 01:25:48,390 OK. 1698 01:25:48,390 --> 01:25:52,870 >> Und noch etwas ist zu JavaScript Rahmen ist eine Art globale, es sei denn du bist 1699 01:25:52,870 --> 01:25:53,460 in Funktion. 1700 01:25:53,460 --> 01:25:55,660 Und es funktioniert auf die gleiche Weg in PHP eigentlich. 1701 01:25:55,660 --> 01:25:57,500 Also lassen Sie uns dieses Beispiel zu gehen. 1702 01:25:57,500 --> 01:25:59,110 Ich i 999. 1703 01:25:59,110 --> 01:26:00,900 Und dann gehe ich in diese for-Schleife. 1704 01:26:00,900 --> 01:26:06,110 Also, wenn ich drucke ich heraus, in dieser für Schleife, erwarte ich, 0, 1, 2, 3, 4. 1705 01:26:06,110 --> 01:26:07,390 Ich i = 4 zu erhalten. 1706 01:26:07,390 --> 01:26:10,770 Es erhöht die ich jetzt auf 5 an das Ende der for-Schleife. 1707 01:26:10,770 --> 01:26:13,300 Und dann bricht es aus der Schleife, weil es nicht erfüllen 1708 01:26:13,300 --> 01:26:14,550 mehr konditionieren. 1709 01:26:14,550 --> 01:26:16,650 >> Was denken Sie, dass im nächsten console.log druckt? 1710 01:26:16,650 --> 01:26:20,570 1711 01:26:20,570 --> 01:26:24,790 Also das ist, was es tun würde, in C In C, weil, wenn Sie außerhalb haben wie i var 1712 01:26:24,790 --> 01:26:28,855 und Sie haben var i in einer Schleife, wie ein for-Schleife, dann macht es ihn so, dass 1713 01:26:28,855 --> 01:26:30,690 es scoped dass die beiden i sind unterschiedlich. 1714 01:26:30,690 --> 01:26:34,630 In JavaScript wird es nur behandeln sie als die gleiche i. 1715 01:26:34,630 --> 01:26:37,870 Ich bekomme 5, denn das war der Wert nachdem es beendet die Schleife. 1716 01:26:37,870 --> 01:26:39,120 Also diese i identisch sind i. 1717 01:26:39,120 --> 01:26:42,620 1718 01:26:42,620 --> 01:26:44,130 Heißt das Sinn? 1719 01:26:44,130 --> 01:26:45,720 >> Nun, ist es sinnvoll aus eine JavaScript-Standpunkt. 1720 01:26:45,720 --> 01:26:49,510 Aber das gleiche Paradigma nicht Übertrag auf C. Sie haben 1721 01:26:49,510 --> 01:26:50,310 verschiedenen Bereichsregeln. 1722 01:26:50,310 --> 01:26:50,630 Ja. 1723 01:26:50,630 --> 01:26:52,566 >> ZIELGRUPPE: [unverständlich] 1724 01:26:52,566 --> 01:26:54,990 außerhalb der Funktion [unverständlich]? 1725 01:26:54,990 --> 01:26:58,340 >> JOSEPH ONG: Also, außerhalb dessen Funktion? 1726 01:26:58,340 --> 01:27:00,810 Also werde ich das in nur einer Sekunde zu bekommen. 1727 01:27:00,810 --> 01:27:02,580 So nennen wir foo (i). 1728 01:27:02,580 --> 01:27:06,920 Dies geht i in foo Schritten , und dann meldet es. 1729 01:27:06,920 --> 01:27:07,750 So war es fünf. 1730 01:27:07,750 --> 01:27:09,210 So wird es sechs. 1731 01:27:09,210 --> 01:27:11,670 Aber was ich meine, ist dass ich in dieser Funktion. 1732 01:27:11,670 --> 01:27:14,430 Denn es ist ein Parameter, ist es Gültigkeitsbereich dieser Funktion. 1733 01:27:14,430 --> 01:27:17,800 Also, wenn ich eigentlich aus, dass zu Funktion, es ist jetzt zu gehen 1734 01:27:17,800 --> 01:27:19,860 zurück zu den alten i. 1735 01:27:19,860 --> 01:27:23,000 Dass ich nur, weil Gültigkeitsbereich es ist in einer Funktion. 1736 01:27:23,000 --> 01:27:24,200 Und wir haben Umfang und Funktionen. 1737 01:27:24,200 --> 01:27:29,080 Aber wir haben außerhalb Umfang nicht von Funktionen in JavaScript. 1738 01:27:29,080 --> 01:27:31,170 Heißt das Sinn? 1739 01:27:31,170 --> 01:27:31,320 Ja. 1740 01:27:31,320 --> 01:27:31,660 Frage. 1741 01:27:31,660 --> 01:27:34,030 >> ZIELGRUPPE: Same [unverständlich]? 1742 01:27:34,030 --> 01:27:34,500 >> JOSEPH ONG: Also ja. 1743 01:27:34,500 --> 01:27:36,260 In PHP ist es die gleiche Art der Sache. 1744 01:27:36,260 --> 01:27:37,680 Es gibt tatsächlich eine leichte Subtilität. 1745 01:27:37,680 --> 01:27:40,130 Aber Sie können mich fragen, dass nach der Überprüfung. 1746 01:27:40,130 --> 01:27:43,930 Sie wissen nicht wirklich wissen müssen Subtilität, dass für das Quiz. 1747 01:27:43,930 --> 01:27:47,600 Für alle Absichten und Zwecke, wie Variablen, globale und PHP, es sei denn, 1748 01:27:47,600 --> 01:27:49,150 sie sind in einer Funktion, die gleiche Sache, in JavaScript. 1749 01:27:49,150 --> 01:27:49,480 Ja. 1750 01:27:49,480 --> 01:27:52,890 >> ZIELGRUPPE: Warum ist diese in erlaubt JavaScript und kein wo sonst? 1751 01:27:52,890 --> 01:27:55,010 >> JOSEPH ONG: Warum ist es erlaubt, in JavaScript und nicht in C? 1752 01:27:55,010 --> 01:27:58,180 Es ist nur, wer kam mit JavaScript beschlossen, dass dies in Ordnung war in 1753 01:27:58,180 --> 01:27:59,510 JavaScript. 1754 01:27:59,510 --> 01:28:02,430 Also, es ist wie eine Programmiersprache Konvention wie wir sagen würden. 1755 01:28:02,430 --> 01:28:02,580 Ja. 1756 01:28:02,580 --> 01:28:04,480 >> ZIELGRUPPE: Also, warum sie gehen von 6 auf 5? 1757 01:28:04,480 --> 01:28:08,280 >> JOSEPH ONG: So ging es von 6 auf 5, weil, wenn ich bestanden i in foo, dass 1758 01:28:08,280 --> 01:28:13,420 i innerhalb von foo ist nun foo Gültigkeitsbereich, Bereich existiert, weil in-Funktionen in 1759 01:28:13,420 --> 01:28:15,050 JavaScript. 1760 01:28:15,050 --> 01:28:18,720 Aber sobald ich hier raus, weil es wurde auf die Funktion Gültigkeitsbereich, ich bin nur 1761 01:28:18,720 --> 01:28:24,300 mit der regelmäßigen i, die im Inneren war der Rest der Steuerfluss. 1762 01:28:24,300 --> 01:28:25,210 Sinnvoll? 1763 01:28:25,210 --> 01:28:26,910 Kann ich auf? 1764 01:28:26,910 --> 01:28:27,320 Gut. 1765 01:28:27,320 --> 01:28:29,180 Kühl. 1766 01:28:29,180 --> 01:28:31,890 >> Die Akzeptanz dafür ist Objekte als Referenz übergeben. 1767 01:28:31,890 --> 01:28:33,990 Sie wissen, wie, wenn Sie weitergeben ein Array in C konnte man 1768 01:28:33,990 --> 01:28:35,810 tatsächlich das Array ändern? 1769 01:28:35,810 --> 01:28:37,350 Es ist die gleiche Sache in JavaScript. 1770 01:28:37,350 --> 01:28:42,960 Wenn ich ein Objekt übergeben, in diesem Fall, ich geben Milo in diese catify Funktion. 1771 01:28:42,960 --> 01:28:44,490 Milo beginnt. 1772 01:28:44,490 --> 01:28:46,310 Sein Name ist Milo Banane. 1773 01:28:46,310 --> 01:28:51,670 Ich dieses Objekt in eine Funktion übergeben denn es ist eine Aufgabe, ein assoziatives ist 1774 01:28:51,670 --> 01:28:53,730 Array in JavaScript. 1775 01:28:53,730 --> 01:28:57,110 >> Wenn ich eine Operation durchführen in dieser Funktion, wird es 1776 01:28:57,110 --> 01:28:58,560 tatsächlich das Objekt zu ändern. 1777 01:28:58,560 --> 01:29:01,720 So wird dies nur für Objekte passieren in JavaScript, genau wie es passiert 1778 01:29:01,720 --> 01:29:09,230 für Arrays innerhalb von C. Also Milo Namen Katze wird eigentlich jetzt geworden. 1779 01:29:09,230 --> 01:29:10,090 Heißt das Sinn? 1780 01:29:10,090 --> 01:29:11,840 So funktioniert das nur für Objekte. 1781 01:29:11,840 --> 01:29:13,090 Objekte werden per Referenz übergeben. 1782 01:29:13,090 --> 01:29:13,400 Ja. 1783 01:29:13,400 --> 01:29:16,850 >> ZIELGRUPPE: Sie sagen also, dass im Gegensatz zu Variablen i. 1784 01:29:16,850 --> 01:29:17,240 >> JOSEPH ONG: Ja. 1785 01:29:17,240 --> 01:29:20,330 Welche Variable i war einfach eine Zahl, oder? 1786 01:29:20,330 --> 01:29:25,280 Es ist wie in C, wenn Sie ein geben integer ein, macht es eine Kopie. 1787 01:29:25,280 --> 01:29:28,130 Und wenn Sie ein Array übergeben, es tatsächlich ändert die tatsächlichen Array in 1788 01:29:28,130 --> 01:29:32,870 C. Das gleiche passiert mit JavaScript in diesem Fall. 1789 01:29:32,870 --> 01:29:34,070 Gut. 1790 01:29:34,070 --> 01:29:38,134 Und das nächste ist traurig, weil Milo er ist jetzt eine Katze. 1791 01:29:38,134 --> 01:29:40,790 1792 01:29:40,790 --> 01:29:45,060 Das war eigentlich Milo nach einige Reise zum Tierarzt. 1793 01:29:45,060 --> 01:29:46,860 >> So, wie wir JavaScript verwenden in einer Webseite? 1794 01:29:46,860 --> 01:29:47,790 Wir können sie schließen. 1795 01:29:47,790 --> 01:29:50,090 Dies ist HTML-Code mit den Streifen Tags. 1796 01:29:50,090 --> 01:29:51,300 So habe ich es Streifen-Tags. 1797 01:29:51,300 --> 01:29:54,820 Und dann habe ich etwas JavaScript Code in den Skript-Tags. 1798 01:29:54,820 --> 01:29:56,390 Und dann führt er diese. 1799 01:29:56,390 --> 01:29:58,830 Wenn ich es genau wie diesem, ist es Inline-JavaScript genannt. 1800 01:29:58,830 --> 01:30:02,400 Es ist irgendwie chaotisch, weil die JavaScript ist eigentlich in der HTML. 1801 01:30:02,400 --> 01:30:07,010 >> Eine bessere Möglichkeit, dies zu tun, viel schöner, ist es, Ihre JavaScript in eine schreiben 1802 01:30:07,010 --> 01:30:10,920 externe Datei und geben Sie dann die Script-Tag mit einer Quelle. 1803 01:30:10,920 --> 01:30:14,920 Und das wird zu dieser JavaScript-Datei gehen und lesen Sie den JavaScript-Code aus 1804 01:30:14,920 --> 01:30:15,960 stattdessen, dass einzureichen. 1805 01:30:15,960 --> 01:30:18,820 Und auf diese Weise, müssen Sie nicht viel JavaScript zu Beginn Ihrer 1806 01:30:18,820 --> 01:30:20,760 HTML-Datei, die macht es ist wirklich chaotisch. 1807 01:30:20,760 --> 01:30:21,860 Sie legen es einfach irgendwo anders. 1808 01:30:21,860 --> 01:30:24,310 Und dann wird es von dort zu lesen. 1809 01:30:24,310 --> 01:30:25,560 Hat das Sinn macht? 1810 01:30:25,560 --> 01:30:27,990 1811 01:30:27,990 --> 01:30:29,640 >> Placement Angelegenheiten. 1812 01:30:29,640 --> 01:30:32,620 In diesem besonderen Fall wird die Skript ist vor dem Körper. 1813 01:30:32,620 --> 01:30:36,090 Also, wenn ich ausführen, dass es nichts im Körper noch. 1814 01:30:36,090 --> 01:30:39,920 Vielleicht wird dies ein wenig mehr machen spüren, wenn ich diesen nächsten Teil zeigen. 1815 01:30:39,920 --> 01:30:43,210 In diesem Fall wird das Skript kommt nach dem div. 1816 01:30:43,210 --> 01:30:46,620 Also eigentlich das div erscheint auf der Seite zuerst. 1817 01:30:46,620 --> 01:30:49,470 Gerade hier in diesem kleinen roten Kreis, Sie sehen, der Text erscheint. 1818 01:30:49,470 --> 01:30:51,810 Und dann die Warnung erscheint. 1819 01:30:51,810 --> 01:30:54,890 >> Im ersten Fall, da das Skript war vor dem div, die 1820 01:30:54,890 --> 01:30:56,170 Alarm zeigt sich zuerst. 1821 01:30:56,170 --> 01:30:59,250 Und dann die div zeigt sich nach Sie entlassen die Box. 1822 01:30:59,250 --> 01:31:01,330 Also die Ausführung ankommt. 1823 01:31:01,330 --> 01:31:02,290 Also werden wir dies im Auge behalten. 1824 01:31:02,290 --> 01:31:03,640 Dies wird wichtig sein, in ein wenig. 1825 01:31:03,640 --> 01:31:08,730 1826 01:31:08,730 --> 01:31:09,540 OK. 1827 01:31:09,540 --> 01:31:12,750 So gut, wie wollen Sie warten, bis die gesamte Seite wird dann geladen, bevor Sie 1828 01:31:12,750 --> 01:31:13,580 einige Code ausführen? 1829 01:31:13,580 --> 01:31:15,540 Wir werden in diesem ein wenig erhalten wenig später auch. 1830 01:31:15,540 --> 01:31:19,016 Aber gerade diese Platzierung zu halten Fragen im Hinterkopf, wenn wir 1831 01:31:19,016 --> 01:31:20,570 kommen zu einer anderen Folie. 1832 01:31:20,570 --> 01:31:22,030 >> So DOM erhalten wir jetzt. 1833 01:31:22,030 --> 01:31:23,550 Und was ist DOM? 1834 01:31:23,550 --> 01:31:26,830 Also, wenn Sie bei HTML-Code aussehen, es ist nur ein Haufen von Text auf dem Bildschirm. 1835 01:31:26,830 --> 01:31:30,560 So, wie der JavaScript wissen, dass dies ist ein HTML-Element? 1836 01:31:30,560 --> 01:31:33,410 Also müssen wir etwas Speicher haben Darstellung dieser 1837 01:31:33,410 --> 01:31:34,930 Struktur, die wir haben. 1838 01:31:34,930 --> 01:31:40,240 Und immer, wenn wir diese im Speicher Darstellung in JavaScript, nennen wir 1839 01:31:40,240 --> 01:31:41,750 dass die DOM. 1840 01:31:41,750 --> 01:31:45,130 Und es ist nur eine Möglichkeit, dass die Menschen entschieden dass wir dies zu vertreten 1841 01:31:45,130 --> 01:31:46,400 HTML-Struktur. 1842 01:31:46,400 --> 01:31:47,940 >> Und was bedeutet das DOM aus? 1843 01:31:47,940 --> 01:31:50,460 Nun, in der Speicherdarstellung, wir diesen Text. 1844 01:31:50,460 --> 01:31:52,870 Und wir machen es zu Speicher Darstellung. 1845 01:31:52,870 --> 01:31:54,400 Also das ist der HTML-Code. 1846 01:31:54,400 --> 01:31:58,090 Also zuerst finden wir heraus, dass jeder DOM-Baum hat ein Dokument. 1847 01:31:58,090 --> 01:31:59,400 Es sieht aus wie ein Baum. 1848 01:31:59,400 --> 01:32:03,550 Und das Dokument enthält die HTML- Tag, eigentlich alles 1849 01:32:03,550 --> 01:32:05,150 Innere das jetzt. 1850 01:32:05,150 --> 01:32:06,970 Der HTML-Tag hat zwei Kinder. 1851 01:32:06,970 --> 01:32:08,630 Es hat einen Kopf. 1852 01:32:08,630 --> 01:32:12,380 Das Kopf, wenn man sich Einbuchtung aussehen dort, wie es strukturiert 1853 01:32:12,380 --> 01:32:14,960 zwischen den Tags in der Nähe, Kopf hat ein Kind. 1854 01:32:14,960 --> 01:32:17,130 Das Kind ist Titel. 1855 01:32:17,130 --> 01:32:18,370 Genau. 1856 01:32:18,370 --> 01:32:21,000 >> Jetzt haben wir einen Körper Kind. 1857 01:32:21,000 --> 01:32:24,870 Und dann hat, dass der Körper ein Kind namens Familie. 1858 01:32:24,870 --> 01:32:27,950 Und dass Familie hat drei Kinder - 1859 01:32:27,950 --> 01:32:29,550 ältesten, mittleren und jüngsten. 1860 01:32:29,550 --> 01:32:31,960 Sie sollten also wissen, wie man ein Diagramm zeichnen so, wenn wir uns fragen, wie 1861 01:32:31,960 --> 01:32:34,270 , um ein Diagramm zu zeichnen, wenn wir geben Sie die HTML-Datei auf der linken Seite. 1862 01:32:34,270 --> 01:32:36,350 Wissen, wie man den DOM-Baum zu erzeugen. 1863 01:32:36,350 --> 01:32:38,930 Und innerhalb dieser Dinge, es gibt nur einige Texte, die ich vertreten 1864 01:32:38,930 --> 01:32:40,180 so wenig Boxen. 1865 01:32:40,180 --> 01:32:42,750 1866 01:32:42,750 --> 01:32:47,980 >> Bedeutet dies DOM-Baumstruktur machen Sinn und was der DOM ist? 1867 01:32:47,980 --> 01:32:49,300 Also, was bedeutet das p steht für? 1868 01:32:49,300 --> 01:32:51,850 Hier drüben, drüben die p in diesem Tag stellt ein 1869 01:32:51,850 --> 01:32:54,510 Absatz-Tag in HTML. 1870 01:32:54,510 --> 01:32:57,080 So können Sie es nachschlagen. 1871 01:32:57,080 --> 01:32:59,290 Aber es bedeutet nur, es ist eine Platz für Text. 1872 01:32:59,290 --> 01:33:02,910 Und es hat einige Standard-CSS-Styling, weil es ein Absatz-Tag. 1873 01:33:02,910 --> 01:33:05,130 Aber nicht wirklich Sorgen zu machen dass ein Teil zu viel. 1874 01:33:05,130 --> 01:33:07,510 Genau wissen, es ist ein Platzhalter für einen Text. 1875 01:33:07,510 --> 01:33:08,480 Ja. 1876 01:33:08,480 --> 01:33:10,200 Fragen? 1877 01:33:10,200 --> 01:33:11,021 Ja. 1878 01:33:11,021 --> 01:33:12,374 >> ZIELGRUPPE: Sie erwähnten eben CSS. 1879 01:33:12,374 --> 01:33:15,492 Der Hash-Familie und der Hash- all das Zeug ist im Grunde 1880 01:33:15,492 --> 01:33:17,400 vertreten IDs in CSS? 1881 01:33:17,400 --> 01:33:18,440 >> JOSEPH ONG: Ja, genau. 1882 01:33:18,440 --> 01:33:20,380 Ich werde, was diese Hashes zu bekommen bedeuten, in einer Sekunde. 1883 01:33:20,380 --> 01:33:23,480 Als Angela ging CSS, sie sprach über CSS-Selektoren. 1884 01:33:23,480 --> 01:33:26,770 Das sind die CSS-Selektoren, die sie sprach. 1885 01:33:26,770 --> 01:33:28,268 Ja, Rob? 1886 01:33:28,268 --> 01:33:32,060 >> ROB BOWDEN: Ich würde auch Kommentar DOM, dass innerhalb der Titel-Tag 1887 01:33:32,060 --> 01:33:35,385 ist auch ein Text-Knoten. 1888 01:33:35,385 --> 01:33:36,070 >> JOSEPH ONG: Richtig. 1889 01:33:36,070 --> 01:33:38,370 So in der Titel-Tag, Ich habe einen Text DOM. 1890 01:33:38,370 --> 01:33:42,730 Also wirklich, sollte dieser Titel wie ein haben kleine Box kommen aus der sie als gut. 1891 01:33:42,730 --> 01:33:45,740 Aber es ist nicht wirklich wichtig zu viel in diesem Fall. 1892 01:33:45,740 --> 01:33:49,620 Wir wissen nicht wirklich über Textknoten zu kümmern, wie wir sie nennen, zu viel. 1893 01:33:49,620 --> 01:33:50,270 OK, machen wir. 1894 01:33:50,270 --> 01:33:51,520 Offenbar, das tun wir. 1895 01:33:51,520 --> 01:33:54,260 1896 01:33:54,260 --> 01:33:57,100 Und ich will, dass, wenn zu beheben Ich es wieder hochladen. 1897 01:33:57,100 --> 01:33:59,830 Heißt das Sinn? 1898 01:33:59,830 --> 01:34:01,160 >> So, wie wir die Arbeit mit dem DOM? 1899 01:34:01,160 --> 01:34:03,790 Wann immer Sie beschäftigen sich mit dem DOM in JavaScript gibt es zwei Schritte. 1900 01:34:03,790 --> 01:34:05,030 Sie wählen ein DOM-Element. 1901 01:34:05,030 --> 01:34:06,580 Und dann haben Sie die Dinge zu tun. 1902 01:34:06,580 --> 01:34:11,480 Also in diesem Fall, abstrakt, habe ich das mittlere Element ausgewählt. 1903 01:34:11,480 --> 01:34:14,530 Und dann ein Beispiel für Dinge tun es würde den Text ändern. 1904 01:34:14,530 --> 01:34:16,020 Das zur Bob sein. 1905 01:34:16,020 --> 01:34:19,930 Nun, was ich es tat, war ich verändert Bob Milo in diesem Fall. 1906 01:34:19,930 --> 01:34:22,130 >> So, wie wir eigentlich tun? 1907 01:34:22,130 --> 01:34:23,440 Wie machen wir das Auswahl? 1908 01:34:23,440 --> 01:34:26,560 Und wie wir die Dinge tun, um die Sache, wenn wir sie getroffen haben? 1909 01:34:26,560 --> 01:34:30,470 Nun, wie Sie Jungs haben es gelernt, in dieser Klasse ist die Verwendung von etwas, was wir 1910 01:34:30,470 --> 01:34:32,420 jQuery genannt. 1911 01:34:32,420 --> 01:34:33,910 Also, was ist jQuery? 1912 01:34:33,910 --> 01:34:37,220 jQuery ist eine Bibliothek, macht JavaScript-leichter zu schreiben. 1913 01:34:37,220 --> 01:34:39,500 So nahm jemand die Zeit und schrieb jQuery. 1914 01:34:39,500 --> 01:34:41,530 >> jQuery ist eigentlich geschrieben in JavaScript. 1915 01:34:41,530 --> 01:34:44,550 Und dann, weil sie jetzt tat, wir haben eine ganze Reihe von Funktionen, die 1916 01:34:44,550 --> 01:34:46,020 wir verwenden können, dass unsere lebt wirklich einfach. 1917 01:34:46,020 --> 01:34:48,580 1918 01:34:48,580 --> 01:34:50,030 Also, was sind einige der Dinge, die sie tut? 1919 01:34:50,030 --> 01:34:51,650 Es macht die Auswahl von Elementen einfacher. 1920 01:34:51,650 --> 01:34:54,020 Es macht den Wechsel HTML, Hinzufügen Klassen einfacher. 1921 01:34:54,020 --> 01:34:55,360 Es macht Ajax einfacher. 1922 01:34:55,360 --> 01:34:58,230 Wir werden wie in einem zweiten zu bekommen. 1923 01:34:58,230 --> 01:35:00,630 >> Und es ist analog zum C-Bibliotheken. 1924 01:35:00,630 --> 01:35:03,090 So sind Sie string.h, Sie strlen zu bekommen. 1925 01:35:03,090 --> 01:35:04,680 Sie erhalten strcpy, all diese Dinge. 1926 01:35:04,680 --> 01:35:09,650 Wenn Sie jQuery gehören, erhalten Sie schöne Möglichkeiten, um Elemente zu ändern wählen 1927 01:35:09,650 --> 01:35:10,390 Dinge, et cetera. 1928 01:35:10,390 --> 01:35:12,990 Sie erhalten zusätzliche Funktionen, die JavaScript erhalten Sie nicht. 1929 01:35:12,990 --> 01:35:15,310 So jQuery ist JavaScript nicht aktiviert. 1930 01:35:15,310 --> 01:35:18,660 jQuery ist eine Bibliothek, in der geschrieben hat JavaScript, das JavaScript macht 1931 01:35:18,660 --> 01:35:20,440 einfacher zu schreiben. 1932 01:35:20,440 --> 01:35:23,170 >> JQuery so ist keine Programmiersprache Sprache. 1933 01:35:23,170 --> 01:35:24,540 Aber JavaScript. 1934 01:35:24,540 --> 01:35:27,420 1935 01:35:27,420 --> 01:35:27,590 zu machen. 1936 01:35:27,590 --> 01:35:30,420 Sicher, dass Sie Ihre Terminologie zu Recht. 1937 01:35:30,420 --> 01:35:32,490 Haben Sie Fragen? 1938 01:35:32,490 --> 01:35:33,882 Ja. 1939 01:35:33,882 --> 01:35:35,132 Ist das eine Frage? 1940 01:35:35,132 --> 01:35:37,910 1941 01:35:37,910 --> 01:35:38,350 Gut. 1942 01:35:38,350 --> 01:35:40,080 So, wie Sie jQuery verwenden? 1943 01:35:40,080 --> 01:35:42,390 Nun, wenn Sie einige schreibst JavaScript-Code, und Sie sind ein 1944 01:35:42,390 --> 01:35:45,570 jQuery am Anfang der Datei ein Skript-Datei, das Dollar-Zeichen verwenden, 1945 01:35:45,570 --> 01:35:47,310 jetzt den Zugang zu jQuery zu bekommen. 1946 01:35:47,310 --> 01:35:49,860 Und das ist anders das Dollarzeichen in PHP. 1947 01:35:49,860 --> 01:35:51,590 >> Es ist das gleiche Symbol, das Sie Geben Sie auf Ihrer Tastatur. 1948 01:35:51,590 --> 01:35:52,780 Doch sie sind noch sehr verschiedene Dinge. 1949 01:35:52,780 --> 01:35:56,090 Dollar-Zeichen in PHP bedeutet dies, ist, wie ich eine Variable deklarieren. 1950 01:35:56,090 --> 01:35:59,120 In JavaScript, wenn Sie eingeschlossen haben jQuery, steht es für jQuery. 1951 01:35:59,120 --> 01:36:01,280 So sollte man nicht vergessen. 1952 01:36:01,280 --> 01:36:03,420 Also, wie können wir wählen DOM-Elemente? 1953 01:36:03,420 --> 01:36:06,500 Nun, wenn Sie es das hässliche JavaScript tun So greifen Sie auf die 1954 01:36:06,500 --> 01:36:08,240 dokumentieren die globale Variable. 1955 01:36:08,240 --> 01:36:11,170 Und dann Element erhalten, indem ID Familie. 1956 01:36:11,170 --> 01:36:15,270 Das ist wirklich lang und wortreich und nicht sehr schön. 1957 01:36:15,270 --> 01:36:18,190 >> Oder Sie können alle Elemente erhalten daß ich a p-Tag sind. 1958 01:36:18,190 --> 01:36:20,080 Das funktioniert auch in JavaScript. 1959 01:36:20,080 --> 01:36:22,470 Aber wir haben nie wirklich gezeigt, Sie die Syntax zu viel. 1960 01:36:22,470 --> 01:36:24,620 Was wir Ihnen gezeigt, war jQuery. 1961 01:36:24,620 --> 01:36:28,720 Also das gesamte Wahl dort oben, dass wurde in JavaScript ausgedrückt wird immer 1962 01:36:28,720 --> 01:36:33,320 zu diesem sehr schönen Dollar kondensiert unterzeichnen Hashtag Familie. 1963 01:36:33,320 --> 01:36:38,480 Und $ p, genau dort, wo es so ist. 1964 01:36:38,480 --> 01:36:41,690 Wenn Sie alle p-Tags auswählen möchten innerhalb einer Familie, einen Raum setzen wir 1965 01:36:41,690 --> 01:36:42,890 zwischen den beiden. 1966 01:36:42,890 --> 01:36:44,815 Und nun, alle p erhalten wir Tags innerhalb einer Familie. 1967 01:36:44,815 --> 01:36:48,740 1968 01:36:48,740 --> 01:36:50,380 >> Und vertraut? 1969 01:36:50,380 --> 01:36:52,880 Nun, sprach über Angela CSS-Selektoren. 1970 01:36:52,880 --> 01:36:54,200 Gib mir eine Sekunde. 1971 01:36:54,200 --> 01:36:57,230 Und so, um ein Element auszuwählen, Sie einfach die gleiche Sache wie Sie 1972 01:36:57,230 --> 01:36:58,530 würde mit einem CSS-Selektor zu tun. 1973 01:36:58,530 --> 01:37:00,910 Wenn Sie setzen einen Hash vor es wählt er nach ID. 1974 01:37:00,910 --> 01:37:02,220 Ein Punkt wählt von Klassen. 1975 01:37:02,220 --> 01:37:06,230 Wenn Sie nur die Sache ohne Hashes oder Punkte wählt er diese Tags. 1976 01:37:06,230 --> 01:37:07,140 Fragen. 1977 01:37:07,140 --> 01:37:07,470 Ja? 1978 01:37:07,470 --> 01:37:11,510 >> ZIELGRUPPE: Wenn wir Punkt in unserer HTML, das ist nicht jQuery? 1979 01:37:11,510 --> 01:37:13,520 >> JOSEPH ONG: Punkt in unserem HTML JavaScript ist eine Sache. 1980 01:37:13,520 --> 01:37:14,750 Es ist nicht eine Sache, jQuery. 1981 01:37:14,750 --> 01:37:17,620 Die Art, wie Sie es gelernt, mit Jungs jQuery ist. html zu verwenden. 1982 01:37:17,620 --> 01:37:21,510 Und dann können Sie es auch immer weitergegeben HTML sein wird. 1983 01:37:21,510 --> 01:37:23,480 Also werde ich zu, dass in nur bekommen eine zweite eigentlich. 1984 01:37:23,480 --> 01:37:27,800 Wie können wir also tun, um Sachen Element einmal haben wir es ausgewählt? 1985 01:37:27,800 --> 01:37:30,130 Also das ist ein Beispiel für Auswahl eines Elements. 1986 01:37:30,130 --> 01:37:32,280 So, jetzt wollen wir die Sachen, es zu tun. 1987 01:37:32,280 --> 01:37:35,730 >> Also in diesem Fall lassen Sie mich zurück zur vorherigen Folie. 1988 01:37:35,730 --> 01:37:37,360 Es war Bob vor. 1989 01:37:37,360 --> 01:37:40,660 Und ich will das ändern in HTML zu Milo. 1990 01:37:40,660 --> 01:37:43,240 Also habe ich die HTML-Funktion aufrufen von dem Element. 1991 01:37:43,240 --> 01:37:45,580 Das HTML-Funktion ein Verfahren des Elements. 1992 01:37:45,580 --> 01:37:47,430 Und dann gebe ich es was Ich möchte die HTML sein. 1993 01:37:47,430 --> 01:37:50,560 Und es ist nur ersetzt, was drin ist der -Tag mit, dass, was auch immer ich es geben. 1994 01:37:50,560 --> 01:37:50,830 Ja. 1995 01:37:50,830 --> 01:37:51,170 Fragen? 1996 01:37:51,170 --> 01:37:57,397 >> ZIELGRUPPE: Der Hashtag wird verwendet, nur für die jQuery. 1997 01:37:57,397 --> 01:37:59,313 [Unverständlich] 1998 01:37:59,313 --> 01:38:01,230 wir nicht nutzen würde, dass. 1999 01:38:01,230 --> 01:38:01,960 >> JOSEPH ONG: Ja, genau. 2000 01:38:01,960 --> 01:38:03,750 Aber nicht zu viel Sorgen machen über reine JavaScript. 2001 01:38:03,750 --> 01:38:06,670 Ich will nur, euch darauf zu konzentrieren, wie Sie würde es mit jQuery zu tun, weil 2002 01:38:06,670 --> 01:38:10,020 das wird das wichtig zu sein Teil auf der Quiz. 2003 01:38:10,020 --> 01:38:10,400 Richtig. 2004 01:38:10,400 --> 01:38:10,880 Genau. 2005 01:38:10,880 --> 01:38:16,025 So sehen Sie, dass hashtag, so dass entspricht das Element mit wählen 2006 01:38:16,025 --> 01:38:18,310 die ID-Mitte, weil dieser Hashtag. 2007 01:38:18,310 --> 01:38:19,670 Hashtag bedeutet ID. 2008 01:38:19,670 --> 01:38:22,870 Und dieses Element hat eine ID von Mitte. 2009 01:38:22,870 --> 01:38:24,366 Also das ist das Element, wir wählen. 2010 01:38:24,366 --> 01:38:27,160 >> ZIELGRUPPE: [unverständlich]. 2011 01:38:27,160 --> 01:38:31,090 Dollarzeichen Hashtag [unverständlich]? 2012 01:38:31,090 --> 01:38:31,710 >> JOSEPH ONG: Also keine. 2013 01:38:31,710 --> 01:38:33,280 Die Frage ist, können Sie verwenden. Wert. 2014 01:38:33,280 --> 01:38:36,445 Und. Wert funktioniert nur auf Elemente , die Eingänge sind. 2015 01:38:36,445 --> 01:38:40,950 2016 01:38:40,950 --> 01:38:45,495 In jQuery, wäre es . Val, nicht. Wert. 2017 01:38:45,495 --> 01:38:49,080 Also werde ich zu einem kleinen Beispiel bekommen, dass zeigt dies alles in Kombination 2018 01:38:49,080 --> 01:38:49,850 in einer zweiten. 2019 01:38:49,850 --> 01:38:53,130 Aber ich denke, dies dient ein kleines Snippet macht es Sinn, die Menschen so weit. 2020 01:38:53,130 --> 01:38:55,450 Möchten Sie den HTML zu ändern, rufen Sie die HTML-Methode. 2021 01:38:55,450 --> 01:38:56,432 Ja. 2022 01:38:56,432 --> 01:38:58,200 >> ZIELGRUPPE: Können Sie erklären, das Verfahren wieder? 2023 01:38:58,200 --> 01:39:01,900 >> JOSEPH ONG: So ein Verfahren ist nur ein Funktion, die man gehört, in diese 2024 01:39:01,900 --> 01:39:04,590 Bei einer dieser DOM-Elemente, weil Sie sehen, ich 2025 01:39:04,590 --> 01:39:05,940 ersten ausgewählten das Element. 2026 01:39:05,940 --> 01:39:07,320 Eigentlich möchte ich die Maus verwenden. 2027 01:39:07,320 --> 01:39:09,330 Ich die erste ausgewählte Element. 2028 01:39:09,330 --> 01:39:12,310 Und dann rief ich HTML funktionieren, dass es hatte. 2029 01:39:12,310 --> 01:39:15,710 Und da diese Funktion gehört zu dieses Ding, nennen wir es eine Methode. 2030 01:39:15,710 --> 01:39:19,480 Das ist nur ein schicker Name für sie. 2031 01:39:19,480 --> 01:39:20,730 Sag das noch einmal. 2032 01:39:20,730 --> 01:39:22,880 2033 01:39:22,880 --> 01:39:25,170 Also denken Sie daran, die wir ausgewählt das Element jetzt. 2034 01:39:25,170 --> 01:39:27,810 Und wir innerhalb von gesteckt haben das Element variabel. 2035 01:39:27,810 --> 01:39:28,600 Korrigieren Sie? 2036 01:39:28,600 --> 01:39:34,380 >> Also, wenn wir um die HTML ändern wollen innen, denn es war Bob vor, Sie 2037 01:39:34,380 --> 01:39:36,420 , um den Text zu Milo ändern möchten. 2038 01:39:36,420 --> 01:39:37,920 So nennen wir HTML. 2039 01:39:37,920 --> 01:39:41,610 Und wir sagen, was die HTML-innen dass Element sollte jetzt. 2040 01:39:41,610 --> 01:39:44,107 Und so ändert er es Milo, weil ich habe es Milo. 2041 01:39:44,107 --> 01:39:46,542 >> ZIELGRUPPE: Also sie zusammen arbeiten. 2042 01:39:46,542 --> 01:39:47,030 [Unverständlich] 2043 01:39:47,030 --> 01:39:47,390 >> JOSEPH ONG: Ja, ja. 2044 01:39:47,390 --> 01:39:48,180 Sie sind zusammen. 2045 01:39:48,180 --> 01:39:50,210 Also einer von ihnen wählt das erste Element. 2046 01:39:50,210 --> 01:39:52,863 Und das zweite tut etwas, um es. 2047 01:39:52,863 --> 01:39:53,790 Ja. 2048 01:39:53,790 --> 01:39:56,168 >> ZIELGRUPPE: [unverständlich]. 2049 01:39:56,168 --> 01:40:01,280 Wenn dieses Verfahren unterscheidet sich von in HTML Sie haben die Methode gleich aktuell. 2050 01:40:01,280 --> 01:40:01,560 >> JOSEPH ONG: Ja. 2051 01:40:01,560 --> 01:40:03,370 Das ist eine andere Methode. 2052 01:40:03,370 --> 01:40:04,670 Das ist eine andere Methode. 2053 01:40:04,670 --> 01:40:07,860 Und wir können, dass in nur einer Sekunde zu decken wenn wir an einem Beispiel. 2054 01:40:07,860 --> 01:40:12,000 Ich möchte sicherstellen, dass wir beschleunigen weil wir aus der Zeit laufen. 2055 01:40:12,000 --> 01:40:15,360 Aber wir haben so über die Zeit jetzt auszuführen. 2056 01:40:15,360 --> 01:40:15,490 OK. 2057 01:40:15,490 --> 01:40:16,430 Kühl. 2058 01:40:16,430 --> 01:40:20,130 Also, wenn Sie eine Klasse hinzufügen möchten, gibt es auch ein Add-Klassenmethode. 2059 01:40:20,130 --> 01:40:24,300 Dies ist nur ein Beispiel dafür, was Sie mit jQuery tun können. 2060 01:40:24,300 --> 01:40:25,950 Das fügt nur eine Klasse. 2061 01:40:25,950 --> 01:40:28,660 >> Wenn Sie es entfernen wollen, Sie entfernen anrufen. 2062 01:40:28,660 --> 01:40:32,280 Das ist nur eine andere Sache, die Sie tun können. 2063 01:40:32,280 --> 01:40:35,680 Also mehr Beispiele für Dinge, die Sie tun können. 2064 01:40:35,680 --> 01:40:37,510 Also kann ich es nur bei die obere wie diese? 2065 01:40:37,510 --> 01:40:38,760 Jüngster entfernen. 2066 01:40:38,760 --> 01:40:42,470 2067 01:40:42,470 --> 01:40:45,930 Wenn ich nur ausführen, dass JavaScript in die Spitze meiner Datei, wird diese Arbeit? 2068 01:40:45,930 --> 01:40:48,540 2069 01:40:48,540 --> 01:40:48,920 Richtig. 2070 01:40:48,920 --> 01:40:50,530 Weil Mitte existiert noch nicht. 2071 01:40:50,530 --> 01:40:51,840 Also das wird nicht funktionieren. 2072 01:40:51,840 --> 01:40:52,800 Ausführungsreihenfolge. 2073 01:40:52,800 --> 01:40:55,040 Es geht an der Spitze zuerst. 2074 01:40:55,040 --> 01:40:55,540 Was? 2075 01:40:55,540 --> 01:40:57,450 >> ZIELGRUPPE: Jüngster ist noch nicht vorhanden? 2076 01:40:57,450 --> 01:40:57,810 >> JOSEPH ONG: Ja. 2077 01:40:57,810 --> 01:40:58,710 Jüngster ist noch nicht vorhanden. 2078 01:40:58,710 --> 01:40:59,600 Genau. 2079 01:40:59,600 --> 01:41:01,320 >> ZIELGRUPPE: Sie sagten Mitte. 2080 01:41:01,320 --> 01:41:01,510 >> JOSEPH ONG: Sorry. 2081 01:41:01,510 --> 01:41:02,720 Jüngster ist noch nicht vorhanden. 2082 01:41:02,720 --> 01:41:04,510 Und die andere Sache ist, ich habe nicht enthalten die jQuery 2083 01:41:04,510 --> 01:41:06,580 Datei fragen Skript src. 2084 01:41:06,580 --> 01:41:07,960 Also das wird nicht funktionieren. 2085 01:41:07,960 --> 01:41:09,580 Eigentlich habe ich nicht das tun, in die nächste Folie, die ist 2086 01:41:09,580 --> 01:41:10,700 soll, dass entweder zu beheben. 2087 01:41:10,700 --> 01:41:14,120 Aber die Art, wie wir dies tun, ist JavaScript ist ereignisgesteuert. 2088 01:41:14,120 --> 01:41:17,410 Also, was wir tun ist, verwenden wir ein Ereignis Handler, damit dies geschieht. 2089 01:41:17,410 --> 01:41:19,510 Und so wähle ich das Dokument eingestellt zuerst. 2090 01:41:19,510 --> 01:41:23,810 Ich sagen, OK, wenn das Dokument bereit, lassen Sie mich eine Funktion auszuführen. 2091 01:41:23,810 --> 01:41:25,470 Also das ist alles, Syntax Mittel. 2092 01:41:25,470 --> 01:41:27,100 >> Ich empfehle das Dokument. 2093 01:41:27,100 --> 01:41:29,530 Nun, wenn das Dokument bereit, führen Sie die Funktion. 2094 01:41:29,530 --> 01:41:32,970 Und so immer hier, wenn das Dokument bereit, was bedeutet, alle HTML hat 2095 01:41:32,970 --> 01:41:36,140 geladen, dann die Funktion ausführen ich dass dieses Element entfernt. 2096 01:41:36,140 --> 01:41:40,270 Und nun, wenn ich diese Funktion ausführen dass ich in den Ready bestanden, ich bin 2097 01:41:40,270 --> 01:41:43,780 gewährleistet, dass alle HTML-Datei auf der Seite wird sich zunächst gibt. 2098 01:41:43,780 --> 01:41:44,100 Ja. 2099 01:41:44,100 --> 01:41:44,425 Fragen? 2100 01:41:44,425 --> 01:41:48,200 >> PUBLIKUM: Was ist die Ereignisschlüssel innerhalb der Funktion? 2101 01:41:48,200 --> 01:41:51,750 >> JOSEPH ONG: Also das event-Schlüsselwort in der Funktion ist nur ein Parameter, 2102 01:41:51,750 --> 01:41:53,490 wird an die Funktion übergeben für jede Veranstaltung. 2103 01:41:53,490 --> 01:41:55,470 Es ist nur etwas, das Sie kostenlos. 2104 01:41:55,470 --> 01:41:59,320 Wenn Sie mit Taste Handler in pset8, dieses Ereignis könnte Ihnen sagen, für 2105 01:41:59,320 --> 01:42:01,350 beispielsweise die Taste, die Sie auf gepresst. 2106 01:42:01,350 --> 01:42:05,540 In diesem Fall, für eine Veranstaltung bereit, es ist eigentlich nicht super nützlich. 2107 01:42:05,540 --> 01:42:08,640 Aber für einen Schlüssel-Down-Ereignis, es ist mehr nützlich, weil Sie wissen, erhalten die 2108 01:42:08,640 --> 01:42:12,330 Taste, die Sie durch den Zugriff auf Tastendruck Code aus diesem Ereignisobjekts. 2109 01:42:12,330 --> 01:42:13,530 Korrigieren Sie? 2110 01:42:13,530 --> 01:42:15,160 Heißt das Sinn? 2111 01:42:15,160 --> 01:42:16,280 OK. 2112 01:42:16,280 --> 01:42:16,580 Ja. 2113 01:42:16,580 --> 01:42:17,150 Fragen? 2114 01:42:17,150 --> 01:42:19,290 >> ZIELGRUPPE: So können Sie legte die Script-Tag tiefer? 2115 01:42:19,290 --> 01:42:19,940 >> JOSEPH ONG: Also ja. 2116 01:42:19,940 --> 01:42:21,500 Sie können das Skript setzen Unter Tag nach unten. 2117 01:42:21,500 --> 01:42:23,090 Aber dann wird es nur wirklich chaotisch. 2118 01:42:23,090 --> 01:42:26,590 Und wir allen zentralisieren von unseren Code an einem Ort. 2119 01:42:26,590 --> 01:42:28,290 Und das wird uns erlauben, es zu tun. 2120 01:42:28,290 --> 01:42:32,010 Denken Sie daran, zuvor hatte ich gesagt, es ist ein schöner Weg, um sicherzustellen, dass Elemente 2121 01:42:32,010 --> 01:42:33,880 auf der Seite, bevor Sie Code ausführen? 2122 01:42:33,880 --> 01:42:36,079 Und das ist nur ein schöner Weg, Sie möchten erreichen, dass. 2123 01:42:36,079 --> 01:42:37,329 >> ZIELGRUPPE: [unverständlich]. 2124 01:42:37,329 --> 01:42:41,710 2125 01:42:41,710 --> 01:42:42,230 >> JOSEPH ONG: Ja. 2126 01:42:42,230 --> 01:42:43,460 Sie würden immer noch zu, oder? 2127 01:42:43,460 --> 01:42:46,930 Denn denken Sie daran, Sie enthalten die Datei an der Spitze der Seite. 2128 01:42:46,930 --> 01:42:49,890 Also, es wird zuerst, bevor ausführen Sie an der Unterseite der Seite zu erhalten. 2129 01:42:49,890 --> 01:42:54,600 2130 01:42:54,600 --> 01:42:55,180 OK. 2131 01:42:55,180 --> 01:42:59,210 So können Sie auch einen anderen hinzufügen Art der Event-Handler. 2132 01:42:59,210 --> 01:43:00,640 Dieser gerade verarbeitet Klicks. 2133 01:43:00,640 --> 01:43:03,910 Wenn ich auf jüngste, dann es wird Pop-up mit einer Warnung. 2134 01:43:03,910 --> 01:43:05,440 Dies ist nur eine andere Art der Veranstaltung. 2135 01:43:05,440 --> 01:43:08,840 Was das Ereignis ready Gegensatz, jetzt Verwenden Sie das Click-Ereignis, wenn Sie empfangen, 2136 01:43:08,840 --> 01:43:10,190 Klicks auf ein Element. 2137 01:43:10,190 --> 01:43:13,860 >> Und so in diesem Fall daran, den Klick Handler wird in jüngster angebracht. 2138 01:43:13,860 --> 01:43:16,080 So ist es nur passiert, wenn Ich klicken jüngste. 2139 01:43:16,080 --> 01:43:19,510 Und in der anderen, der bereit Veranstaltung wurde auf das Dokument angehängt. 2140 01:43:19,510 --> 01:43:23,750 So ist es für das Dokument wartet bereit zu sein. 2141 01:43:23,750 --> 01:43:25,120 Sinnvoll? 2142 01:43:25,120 --> 01:43:26,190 Ich denke, ich kann weitermachen. 2143 01:43:26,190 --> 01:43:26,610 Ja. 2144 01:43:26,610 --> 01:43:26,980 Fragen? 2145 01:43:26,980 --> 01:43:28,230 >> ZIELGRUPPE: [unverständlich]. 2146 01:43:28,230 --> 01:43:31,676 2147 01:43:31,676 --> 01:43:33,620 in diesem Fall können Sie mit [unverständlich]. 2148 01:43:33,620 --> 01:43:36,650 >> JOSEPH ONG: Oh, ja, da in diesem Fall, muss ich für die Jüngsten warten 2149 01:43:36,650 --> 01:43:40,740 Element auf dem Bildschirm zunächst erscheinen bevor ich eine Click-Handler zu befestigen 2150 01:43:40,740 --> 01:43:43,062 es, weshalb ich legte es in der ein Dokument bereit. 2151 01:43:43,062 --> 01:43:45,780 2152 01:43:45,780 --> 01:43:46,840 OK. 2153 01:43:46,840 --> 01:43:52,390 Und das nächste, das ist so ein großes Beispiel der wie würden Sie alles zu kombinieren. 2154 01:43:52,390 --> 01:43:55,930 Dies ist nur ein Beispiel Formularvalidierung Sie in der Vorlesung gesehen haben. 2155 01:43:55,930 --> 01:43:58,410 Also nehmen Sie es Schritt für Schritt, wie Sie durch diese gehen. 2156 01:43:58,410 --> 01:43:59,590 Und es wird völlig in Ordnung sein. 2157 01:43:59,590 --> 01:44:01,400 Lesen Sie es von oben nach unten. 2158 01:44:01,400 --> 01:44:03,030 >> Ich habe ein Formular an der Unterseite. 2159 01:44:03,030 --> 01:44:07,590 Wenn das Dokument fertig ist, lege ich ein einreichen Handler der Form, so dass 2160 01:44:07,590 --> 01:44:12,910 wenn ich finden, erhalte ich die Werte in jedem von diesen Eingängen. 2161 01:44:12,910 --> 01:44:14,560 Und ich überprüfen, ob es leer. 2162 01:44:14,560 --> 01:44:17,090 Wenn es leer ist, ich wieder falsch, weil Ich will nicht, um das Formular abschicken, 2163 01:44:17,090 --> 01:44:18,950 weil die Form ist falsch. 2164 01:44:18,950 --> 01:44:22,040 Wenn das Passwort leer ist oder es ist weniger als acht Zeichen, weiß ich nicht einreichen 2165 01:44:22,040 --> 01:44:24,470 die Form, denn das ist auch falsch. 2166 01:44:24,470 --> 01:44:28,150 Und die Rückkehr falsche nur verhindert die Form von der Abgabe und 2167 01:44:28,150 --> 01:44:30,150 gehen, um eine neue Seite. 2168 01:44:30,150 --> 01:44:31,310 >> Und hoffentlich, macht dies Sinn. 2169 01:44:31,310 --> 01:44:34,650 Ich glaube, Sie Jungs sollten durch zu gehen dieser Code Schritt für Schritt auf eigene Faust. 2170 01:44:34,650 --> 01:44:38,350 Und wenn Sie das, was die Auswahl verstehen Elemente und tun Dinge, um es 2171 01:44:38,350 --> 01:44:40,520 tatsächlich bringt, das macht viel Sinn für Sie. 2172 01:44:40,520 --> 01:44:41,295 Ja? 2173 01:44:41,295 --> 01:44:44,150 >> PUBLIKUM: Was bedeutet die name = Benutzername das? 2174 01:44:44,150 --> 01:44:48,530 >> JOSEPH ONG: Also der name = Benutzername und name = Passwort bedeutet nur, Blick auf die 2175 01:44:48,530 --> 01:44:50,730 Attribut, was auch immer Sie die Auswahl. 2176 01:44:50,730 --> 01:44:51,790 Und dann das muss passen. 2177 01:44:51,790 --> 01:44:53,870 So gehen wir in Registrierung. 2178 01:44:53,870 --> 01:44:56,240 Und dann schauen wir auf alle Eingänge und Registrierung. 2179 01:44:56,240 --> 01:44:59,990 Und dann holen wir die, wo der Name Attribut ist gleich Benutzernamen ein. 2180 01:44:59,990 --> 01:45:04,040 So, dass erste Wahl nur wählt der Benutzername Eingang. 2181 01:45:04,040 --> 01:45:08,220 Und das zweite Auswahl nur wählt das Passwort ein, denn die haben 2182 01:45:08,220 --> 01:45:12,240 ihren Namen als Attribute festzulegen, was sie sein sollte. 2183 01:45:12,240 --> 01:45:12,575 Fragen? 2184 01:45:12,575 --> 01:45:17,030 >> ZIELGRUPPE: Bei Vorlage, wie funktioniert die Unterteil lösen das Oberteil? 2185 01:45:17,030 --> 01:45:19,350 >> JOSEPH ONG: Also das ist, weil der Event-Handler. 2186 01:45:19,350 --> 01:45:23,000 So werden wir für eine vorzulegen Ereignis warten dass wird von der Form gebrannt. 2187 01:45:23,000 --> 01:45:24,730 Und das ist alles, vorzulegen ist. 2188 01:45:24,730 --> 01:45:26,080 Warum nenne ich einreichen da oben? 2189 01:45:26,080 --> 01:45:28,870 Er sagt, wenn das Formular abgeschickt wird, Ich bekomme einen submit-Ereignis. 2190 01:45:28,870 --> 01:45:33,480 Also lassen Sie mich nur, dass abfangen und dann diesen Code ausführen, statt. 2191 01:45:33,480 --> 01:45:33,823 Ja? 2192 01:45:33,823 --> 01:45:35,866 >> ZIELGRUPPE: Warum haben Sie Funktions Veranstaltung? 2193 01:45:35,866 --> 01:45:38,580 Warum kann man nicht einfach [unverständlich]? 2194 01:45:38,580 --> 01:45:41,140 >> JOSEPH ONG: Weil in JavaScript, die Sie haben, um die Funktionen zu erklären. 2195 01:45:41,140 --> 01:45:42,910 Das ist nur, wie es funktioniert in JavaScript. 2196 01:45:42,910 --> 01:45:44,800 Man muss dazu sagen, es wird um eine Funktion auszuführen. 2197 01:45:44,800 --> 01:45:47,290 So sagen Sie es, dass Sie erwartet hier eine Funktion statt 2198 01:45:47,290 --> 01:45:48,260 nur geschweiften Klammern. 2199 01:45:48,260 --> 01:45:50,460 >> Gemeinde: Und die Funktion ist, was folgt? 2200 01:45:50,460 --> 01:45:50,650 >> JOSEPH ONG: Ja. 2201 01:45:50,650 --> 01:45:52,790 Die Funktion ist das, was im Inneren die geschweiften Klammern nach 2202 01:45:52,790 --> 01:45:53,630 diese Funktion Schlüsselwort. 2203 01:45:53,630 --> 01:45:54,045 Ja? 2204 01:45:54,045 --> 01:45:55,295 >> ZIELGRUPPE: [unverständlich]. 2205 01:45:55,295 --> 01:46:00,180 2206 01:46:00,180 --> 01:46:00,660 >> JOSEPH ONG: Für verfassen? 2207 01:46:00,660 --> 01:46:03,520 >> ZIELGRUPPE: Nein, für die Funktion ohne das Ereignis. 2208 01:46:03,520 --> 01:46:03,770 >> JOSEPH ONG: Ja. 2209 01:46:03,770 --> 01:46:05,610 Also ohne die Veranstaltung, können Sie das haben. 2210 01:46:05,610 --> 01:46:08,480 Wenn Sie das Ereignis nicht benötigen, dann können Sie einfach weglassen. 2211 01:46:08,480 --> 01:46:12,220 Aber wenn Sie das tun, dann nur hat es dort. 2212 01:46:12,220 --> 01:46:12,520 Ja. 2213 01:46:12,520 --> 01:46:13,190 Kurze Frage? 2214 01:46:13,190 --> 01:46:14,440 >> ZIELGRUPPE: [unverständlich]. 2215 01:46:14,440 --> 01:46:21,170 2216 01:46:21,170 --> 01:46:21,440 >> JOSEPH ONG: Ja. 2217 01:46:21,440 --> 01:46:24,550 Denn das, was Sie tun müssen, ist die document.ready sagt nur warten, für alle 2218 01:46:24,550 --> 01:46:26,540 die HTML-Datei auf der Seite zum ersten laden. 2219 01:46:26,540 --> 01:46:30,510 Und in der Regel, Ihre Elemente wollen Sie an Ort und Stelle, bevor Sie eine Code ausführen. 2220 01:46:30,510 --> 01:46:31,030 Gut. 2221 01:46:31,030 --> 01:46:32,180 Wir müssen mit Ajax zu bekommen. 2222 01:46:32,180 --> 01:46:33,110 Wir haben nicht viel Zeit. 2223 01:46:33,110 --> 01:46:35,170 Also Vor-und Nachteile. 2224 01:46:35,170 --> 01:46:37,450 JavaScript ist einfacher Versuch schreiben mit jQuery. 2225 01:46:37,450 --> 01:46:38,930 Aber jQuery ist etwas langsam. 2226 01:46:38,930 --> 01:46:42,290 >> Es ist wie PHP ist langsamer als C, weil es interpretiert. 2227 01:46:42,290 --> 01:46:45,690 Und jQuery ist ein wenig langsamer als JavaScript, denn es macht eine Menge 2228 01:46:45,690 --> 01:46:46,630 Dinge unter der Haube. 2229 01:46:46,630 --> 01:46:48,660 Und so, wenn Sie mit jQuery sind, ist es nur ein wenig langsamer als 2230 01:46:48,660 --> 01:46:51,630 JavaScript, obwohl gibt Ihnen schöne Eleganz. 2231 01:46:51,630 --> 01:46:53,970 Und schließlich, Ajax. 2232 01:46:53,970 --> 01:46:59,170 Bisher mit Ajax, Ajax Sie nicht gesehen haben in Bezug auf pset7 noch, weil 2233 01:46:59,170 --> 01:47:01,150 wenn Sie das tun, geben Sie eine Form zu zitieren. 2234 01:47:01,150 --> 01:47:02,350 Es lädt eine neue Seite. 2235 01:47:02,350 --> 01:47:04,440 Also diese großen weißen Blitz erhalten Sie auf der Seite, während die 2236 01:47:04,440 --> 01:47:06,820 zweite Seite geladen wird, richtig? 2237 01:47:06,820 --> 01:47:08,780 >> Es wäre wirklich schön, wenn Sie nicht über diese Blitz. 2238 01:47:08,780 --> 01:47:11,600 Wie Facebook, wenn Sie nur, um zu blättern der Boden, neue Inhalte hinzugefügt 2239 01:47:11,600 --> 01:47:13,490 ohne Aktualisierung der gesamten Seite. 2240 01:47:13,490 --> 01:47:15,420 So etwas wie dieses wäre schön. 2241 01:47:15,420 --> 01:47:17,370 Dies ist JavaScript-Code auf der linken Seite. 2242 01:47:17,370 --> 01:47:19,390 Sie erhalten, was in dieser Eingabe. 2243 01:47:19,390 --> 01:47:21,340 Sie erhalten die Aktie von Yahoo! info 2244 01:47:21,340 --> 01:47:27,440 Und dann haben Sie eine große Reihe zu machen, dass sagt, OK, das ist die Botschaft, die ich will 2245 01:47:27,440 --> 01:47:28,400 auf dem Bildschirm zu zeigen. 2246 01:47:28,400 --> 01:47:32,280 Und dann haben Sie diese Botschaft nach innen setzen einiger HTML-Element, bekommt 2247 01:47:32,280 --> 01:47:33,970 auf dem Bildschirm angezeigt. 2248 01:47:33,970 --> 01:47:35,540 >> Also das ist alles, was hier geschieht. 2249 01:47:35,540 --> 01:47:39,410 Also im Grunde, denn das ist alles, JavaScript und Sie brauchen nicht zu laufen 2250 01:47:39,410 --> 01:47:42,980 mehr PHP, so wird sichergestellt, dass die Seite nicht aktualisieren. 2251 01:47:42,980 --> 01:47:47,470 So ist das nur eine abstrakte Idee dass ich hier sage für jetzt. 2252 01:47:47,470 --> 01:47:50,630 Die abstrakte Idee ist, dass, wenn Sie es tun alle in JavaScript, müssen Sie nicht ein 2253 01:47:50,630 --> 01:47:52,330 Aktualisierung der Seite. 2254 01:47:52,330 --> 01:47:53,800 Aber wie wollen Sie eigentlich tun? 2255 01:47:53,800 --> 01:47:56,230 >> Na ja, eigentlich, lassen Sie uns darüber reden Ein Problem mit diesem ersten. 2256 01:47:56,230 --> 01:47:59,340 Ein Problem ist in JavaScript Ausführung ist synchron. 2257 01:47:59,340 --> 01:48:02,000 Also, für einen müssen Sie warten Linie, bevor Sie fertig 2258 01:48:02,000 --> 01:48:03,370 führen Sie die nächste Zeile. 2259 01:48:03,370 --> 01:48:06,130 Und was ist, wenn ich gehe, um über Yahoo!, und ihre Server sind wirklich langsam, und 2260 01:48:06,130 --> 01:48:08,790 er nimmt sie drei Sekunden gib mir, dass die Aktien Informationen? 2261 01:48:08,790 --> 01:48:12,620 Wenn ich auf diesen Preis Linie, wenn die Ausführung ist synchron, wie es durch 2262 01:48:12,620 --> 01:48:15,390 Standardmäßig ist das, was es gerade zu tun ist, Ihr Browser wird für Stall 2263 01:48:15,390 --> 01:48:15,930 drei Sekunden. 2264 01:48:15,930 --> 01:48:18,900 Und du bist nicht in der Lage sein zu tun etwas, während es, dass die Daten bekommt. 2265 01:48:18,900 --> 01:48:20,010 Es wird eingefroren werden. 2266 01:48:20,010 --> 01:48:20,800 >> Und das ist schlecht. 2267 01:48:20,800 --> 01:48:23,390 Sie wollen nicht einen Benutzer zu haben eine gefrorene Web-Seite. 2268 01:48:23,390 --> 01:48:24,170 Korrigieren Sie? 2269 01:48:24,170 --> 01:48:25,480 Das ist einfach nur schlecht. 2270 01:48:25,480 --> 01:48:26,770 Alle sind sich einig? 2271 01:48:26,770 --> 01:48:29,270 Wenn Sie gerade Facebook und es friert, und Sie können nichts tun, können Sie 2272 01:48:29,270 --> 01:48:31,920 wirklich frustriert. 2273 01:48:31,920 --> 01:48:34,960 So ist die Lösung wir etwas machen asynchron statt. 2274 01:48:34,960 --> 01:48:38,910 Also all das, was sagt asynchrone ist, werde ich diese Fragen 2275 01:48:38,910 --> 01:48:40,280 URL für einige Daten. 2276 01:48:40,280 --> 01:48:41,610 Und dann werde ich weitermachen. 2277 01:48:41,610 --> 01:48:45,330 Ich werde einfach zu halten Ausführung Code, was auch immer danach war. 2278 01:48:45,330 --> 01:48:49,290 >> Und dann, wenn die Daten bereit, dann werde ich es verarbeiten. 2279 01:48:49,290 --> 01:48:50,540 Das ist alles, es sagt. 2280 01:48:50,540 --> 01:48:52,795 2281 01:48:52,795 --> 01:48:56,710 >> ZIELGRUPPE: Ajax macht einfach Code asynchron? 2282 01:48:56,710 --> 01:48:58,560 >> JOSEPH ONG: Es ist ein asynchroner Weg zum Abrufen von Daten. 2283 01:48:58,560 --> 01:49:01,230 Also das erste, was über Ajax ist es erlaubt mir, Daten zu erhalten 2284 01:49:01,230 --> 01:49:03,170 von einer externen Website. 2285 01:49:03,170 --> 01:49:07,045 Und die zweite Sache ist es sicher, dass dass meine Seite nicht blockiert, während ich 2286 01:49:07,045 --> 01:49:07,970 Abrufen dieser Daten. 2287 01:49:07,970 --> 01:49:09,600 Das ist der asynchrone Teil davon. 2288 01:49:09,600 --> 01:49:13,040 Denn es geht irgendwo anders, weil ich sagen, dass ich weitermachen, während 2289 01:49:13,040 --> 01:49:14,900 es ist, dass die Daten zu holen, dass macht es asynchron. 2290 01:49:14,900 --> 01:49:17,170 Ich halte die Ausführung. 2291 01:49:17,170 --> 01:49:18,960 >> So halten, dass asynchrone Idee im Kopf. 2292 01:49:18,960 --> 01:49:22,010 Und ich werde Ihnen zeigen, was der Unterschied ist. 2293 01:49:22,010 --> 01:49:23,920 Die Synchronversion ist auf der linken Seite. 2294 01:49:23,920 --> 01:49:26,240 Die asynchrone Version ist auf der rechten Seite. 2295 01:49:26,240 --> 01:49:29,170 Schauen Sie sich die Zahlen, um zu sehen, welche Schritte entsprechen dem, was 2296 01:49:29,170 --> 01:49:30,610 führt in jeder Zeile. 2297 01:49:30,610 --> 01:49:32,730 Dort zeigt der erste Alarm auf. 2298 01:49:32,730 --> 01:49:34,590 Da bekommen Börseninformationen von Yahoo! 2299 01:49:34,590 --> 01:49:37,250 dauert drei Sekunden stirbt er für drei Sekunden. 2300 01:49:37,250 --> 01:49:39,880 Und dann der Preis alarmiert es Nach diesen drei Sekunden. 2301 01:49:39,880 --> 01:49:43,690 >> So, jetzt, dass die Benachrichtigung Shows bis zu diesem Zeitpunkt - 2302 01:49:43,690 --> 01:49:44,610 3 Sekunden in. 2303 01:49:44,610 --> 01:49:47,670 Und dann alarmiert es durch danach. 2304 01:49:47,670 --> 01:49:48,930 Also es geht nur Schritt für Schritt. 2305 01:49:48,930 --> 01:49:51,200 Es ist wie, was euch akzeptieren würde, richtig? 2306 01:49:51,200 --> 01:49:54,170 Bei der asynchronen Ausführung Sie zunächst aufmerksam zu machen. 2307 01:49:54,170 --> 01:49:57,410 Dann gehen Sie wieder auf diese URL. 2308 01:49:57,410 --> 01:49:59,530 Und Sie sagen, ich werde fragen Sie einfach für die Daten. 2309 01:49:59,530 --> 01:50:01,170 Und dann bin ich los verarbeiten Sie es später. 2310 01:50:01,170 --> 01:50:04,230 So führt sie sofort die nächsten Zeile, nachdem ich machen, dass 2311 01:50:04,230 --> 01:50:05,710 asynchrone Anfrage. 2312 01:50:05,710 --> 01:50:08,920 >> So ein 0,001 Sekunden sehen Sie Alarm hallo. 2313 01:50:08,920 --> 01:50:10,960 Führen Sie diese Funktion, Alarm-bye. 2314 01:50:10,960 --> 01:50:14,240 Und weil ich ein Versprechen gegeben, dass ich würden die Daten später verarbeiten, was 2315 01:50:14,240 --> 01:50:17,920 passiert ist, wenn diese Daten kommt zurück 3 Sekunden später, dann laufe ich, dass 2316 01:50:17,920 --> 01:50:21,380 Funktion, die ich drüben. 2317 01:50:21,380 --> 01:50:21,870 Ja? 2318 01:50:21,870 --> 01:50:25,750 >> ZIELGRUPPE: Können Sie angeben, oder klären, was Ajax bedeutet? 2319 01:50:25,750 --> 01:50:30,460 >> JOSEPH ONG: Also Ajax ist ein Weg, dass, wenn ich Daten müssen, wenn ich auf eine Website und ich 2320 01:50:30,460 --> 01:50:34,690 nicht wollen, um die Seite zu aktualisieren, dann Ich benutze diese Technologie namens Ajax. 2321 01:50:34,690 --> 01:50:40,630 Das bedeutet im Grunde nur, gehen Sie holen Daten von einer anderen Website. 2322 01:50:40,630 --> 01:50:43,724 Und tun es in einer Weise, die nur nicht kippt meiner Web-Seite. 2323 01:50:43,724 --> 01:50:46,650 >> ZIELGRUPPE: Also das ist eine inhärente Teil der JavaScript oder jQuery? 2324 01:50:46,650 --> 01:50:50,590 >> JOSEPH ONG: So schrieb jemand einen Weg das zu tun dies in JavaScript vor langer Zeit. 2325 01:50:50,590 --> 01:50:52,050 An einer Stelle gab es sie nicht. 2326 01:50:52,050 --> 01:50:56,630 Und so jemand diese Technik erfunden , damit die Menschen, um diese Daten zu verlangen 2327 01:50:56,630 --> 01:50:57,680 auf diese Weise. 2328 01:50:57,680 --> 01:50:59,550 Und sie schrieb ein paar Sachen um es für Sie tun. 2329 01:50:59,550 --> 01:51:01,605 Und jQuery gibt dir nur diese sehr schöner Weg, es zu tun 2330 01:51:01,605 --> 01:51:03,112 mit diesem $. get-Funktion. 2331 01:51:03,112 --> 01:51:07,200 2332 01:51:07,200 --> 01:51:09,480 Fragen? 2333 01:51:09,480 --> 01:51:11,560 Ich kann Fragen zu beantworten Ajax danach auch. 2334 01:51:11,560 --> 01:51:13,870 Ich werde hier sein. 2335 01:51:13,870 --> 01:51:16,390 >> Also lasst uns uns abholen ohne Daten die Seite aktualisiert. 2336 01:51:16,390 --> 01:51:18,200 Und lassen Sie uns tun dies in eine asynchrone Weise, dass 2337 01:51:18,200 --> 01:51:19,450 friert nicht die Seite. 2338 01:51:19,450 --> 01:51:22,680 2339 01:51:22,680 --> 01:51:27,310 Zu lang, nicht gelesen, wenn das Erklärung war zu lang für Sie. 2340 01:51:27,310 --> 01:51:29,430 So endlich, Cross-Site- Scripting-Angriffe. 2341 01:51:29,430 --> 01:51:30,910 Wir haben dies mit Zamyla. 2342 01:51:30,910 --> 01:51:34,285 Wenn in meiner Datenbank hat jemand diesen Namen, die diese Script-Tag, und ich bin 2343 01:51:34,285 --> 01:51:38,280 habe einige Code auf meiner Seite, dass Drucke aus Namen von Personen in einer Reihe, oder ich habe 2344 01:51:38,280 --> 01:51:43,310 einige JavaScript-Code, fügt dieser Name in die Seite, 2345 01:51:43,310 --> 01:51:45,680 welche HTML wird produziert? 2346 01:51:45,680 --> 01:51:47,290 Nun, zu drucken ich das HTML-Tag. 2347 01:51:47,290 --> 01:51:48,390 Drucke ich alle diese Tags. 2348 01:51:48,390 --> 01:51:50,740 >> Ich zu dem Teil, wo ich bin Druck erhalten mit meinen Freunden. 2349 01:51:50,740 --> 01:51:52,980 Ich drucke Lauren aus. 2350 01:51:52,980 --> 01:51:54,200 Es Milo aus zu drucken. 2351 01:51:54,200 --> 01:51:56,810 Und dann mein Name in der Datenbank ist Post-Script 2352 01:51:56,810 --> 01:51:58,060 wenig schmeichelhafte Facebook-Status. 2353 01:51:58,060 --> 01:52:00,740 2354 01:52:00,740 --> 01:52:04,330 Weil ich diese eingefügt in die Seite weil es aussieht wie JavaScript, wenn 2355 01:52:04,330 --> 01:52:07,930 Diese Seite wird an den Benutzer gesendet, es wird als JavaScript ausgeführt. 2356 01:52:07,930 --> 01:52:10,800 Und so ist das, was wir eine Cross-Site-Scripting-Angriff. 2357 01:52:10,800 --> 01:52:14,570 Jemand legt bösartigen Informationen in Ihre Datenbank, die zu entsprechen könnte 2358 01:52:14,570 --> 01:52:17,080 einige zusätzliche String oder einige JavaScript-String. 2359 01:52:17,080 --> 01:52:20,130 >> Und wenn es steigt aus, um das gedruckte Seite in dieser Weise, was dann 2360 01:52:20,130 --> 01:52:22,580 passiert ist, dass schlechter Code wird ausgeführt dass ich nicht die Absicht 2361 01:52:22,580 --> 01:52:25,110 für sie ausgeführt werden sollen. 2362 01:52:25,110 --> 01:52:28,230 Und das ist alles eine Cross-Site- Scripting-Angriff ist. 2363 01:52:28,230 --> 01:52:31,790 Und die Art und Weise bekommen Sie rund um das ist wie Zamyla sagte. 2364 01:52:31,790 --> 01:52:34,340 Sie haben Dinge, wickeln Sie sie in HTML-Sonderzeichen. 2365 01:52:34,340 --> 01:52:39,460 Und diese HTML-Sonderzeichen ist ein PHP Funktion, die diese Art verhindern 2366 01:52:39,460 --> 01:52:42,000 der Sache passiert, Sie wenn Sie eine bösartige haben 2367 01:52:42,000 --> 01:52:43,830 String in der Datenbank. 2368 01:52:43,830 --> 01:52:47,650 Es entweicht es einfach, so dass es nicht als HTML interpretiert zu werden. 2369 01:52:47,650 --> 01:52:50,960 Es ersetzt die kleinen Klammern mit dem, was wir als Unternehmen. 2370 01:52:50,960 --> 01:52:52,250 Und wir gingen in diesem Vortrag auch. 2371 01:52:52,250 --> 01:52:55,800 Ich denke also, euch sollte ein gutes Verständnis darüber. 2372 01:52:55,800 --> 01:52:57,420 Fragen? 2373 01:52:57,420 --> 01:52:57,820 Ja. 2374 01:52:57,820 --> 01:53:00,860 >> ZIELGRUPPE: Also wie würde die [unverständlich]? 2375 01:53:00,860 --> 01:53:01,555 >> JOSEPH ONG: Sag das noch einmal. 2376 01:53:01,555 --> 01:53:02,500 >> ZIELGRUPPE: Wie würde der Monitor - 2377 01:53:02,500 --> 01:53:02,860 >> JOSEPH ONG: Richtig. 2378 01:53:02,860 --> 01:53:06,080 So haben Sie etwas, das sagt, haben, wenn Ich melde mich, Typ in meinem Namen. 2379 01:53:06,080 --> 01:53:09,390 Ich habe gerade in diesem Bereich geben, mein Name ist stript wenig schmeichelhaften Beitrag Facebook 2380 01:53:09,390 --> 01:53:11,570 Status der Nähe Script-Tag. 2381 01:53:11,570 --> 01:53:15,690 Und dass, nur wird in der Put- Datenbank, denn ich kann nicht sagen, dass jemand 2382 01:53:15,690 --> 01:53:18,260 in der Welt nicht einen Namen haben mit einem Pfeil nach links in ihm oder 2383 01:53:18,260 --> 01:53:19,036 Wort-Skript in sie. 2384 01:53:19,036 --> 01:53:21,330 Das macht nicht wirklich Sinn machen. 2385 01:53:21,330 --> 01:53:24,560 So habe ich nur sicherstellen, dass ich desinfizieren das Zeug, bevor ich es zu drucken 2386 01:53:24,560 --> 01:53:25,420 aus auf die Seite. 2387 01:53:25,420 --> 01:53:27,140 >> ZIELGRUPPE: Also die HTML-Sonderkarten verhindert, dass die Script-Tags? 2388 01:53:27,140 --> 01:53:28,710 >> JOSEPH ONG: Ja. 2389 01:53:28,710 --> 01:53:29,960 So ist es nicht verhindern, dass die Script-Tags. 2390 01:53:29,960 --> 01:53:32,320 Es macht einfach sicher, dass die Script-Tags nicht bekommen 2391 01:53:32,320 --> 01:53:35,120 als HTML-oder interpretiert - 2392 01:53:35,120 --> 01:53:35,400 ja. 2393 01:53:35,400 --> 01:53:38,470 Es kommt nur als das, was es tatsächlich ist. 2394 01:53:38,470 --> 01:53:39,220 Gut. 2395 01:53:39,220 --> 01:53:40,930 Das war also das Quiz Bewertung. 2396 01:53:40,930 --> 01:53:41,830 Kühl. 2397 01:53:41,830 --> 01:53:45,088 >> [Applaus]