1 00:00:00,000 --> 00:00:08,802 2 00:00:08,802 --> 00:00:11,140 >> JASON HIRSCHHORN: Willkommen jeder Woche acht. 3 00:00:11,140 --> 00:00:13,420 Wir haben eine spannende Woche vor uns. 4 00:00:13,420 --> 00:00:21,390 Ihr habt in diesem letzten paar Tauben von Vorträgen, PHP, SQL, HTML, CSS, so 5 00:00:21,390 --> 00:00:27,270 vier ganz neue Sprachen, die gehen , sich der Rest dieses Kurses. 6 00:00:27,270 --> 00:00:30,750 Wir werden auch ein paar andere lernen Sprachen vor Kursende ist. 7 00:00:30,750 --> 00:00:35,200 Aber wie auch immer, unnötig zu sagen, das ist eine sehr aufregende Zeit in CS50, jetzt 8 00:00:35,200 --> 00:00:41,200 C haben, angeblich gemeistert und sind Bewegung auf die Programmierung für Websites. 9 00:00:41,200 --> 00:00:45,320 >> Also in dieser Woche, werden wir weitergehen ein Wirbelwind-Tour durch die vier 10 00:00:45,320 --> 00:00:50,200 Sprachen, die ich gerade erwähnt, HTML, CSS, PHP und SQL. 11 00:00:50,200 --> 00:00:53,340 Und hoffentlich werden wir viele verlassen Zeit am Ende von Abschnitt zu sprechen 12 00:00:53,340 --> 00:00:58,800 zu dieser Woche P-Set und Antwort Fragen können Sie alle haben. 13 00:00:58,800 --> 00:01:03,500 >> Jede Woche die gleiche Liste von Ressourcen für Sie, um Ihnen helfen, die Woche 14 00:01:03,500 --> 00:01:05,780 Problem eingestellt und gehen über das Material - 15 00:01:05,780 --> 00:01:09,440 aber in dieser Woche insbesondere für diese Web-basierte Problemstellungen gibt es 16 00:01:09,440 --> 00:01:12,350 Vielzahl von anderen Ressourcen aus es, dass Sie wahrscheinlich 17 00:01:12,350 --> 00:01:13,500 finden unglaublich hilfsbereit. 18 00:01:13,500 --> 00:01:14,670 Ich habe sie hier oben. 19 00:01:14,670 --> 00:01:17,570 Ich werde Ihnen diese per E-Mail nach dem Abschnitt, und dies auch online sein. 20 00:01:17,570 --> 00:01:21,700 >> Aber vor allem gibt es viele der großen Ressourcen gibt. 21 00:01:21,700 --> 00:01:24,380 Es gibt auch einige nicht so toll diejenigen, so vorsichtig sein, von denen sein. 22 00:01:24,380 --> 00:01:28,210 Aber auf dieser Folie, habe ich vier gute Mittel, eines für jedes der 23 00:01:28,210 --> 00:01:30,600 Sprachen, die Sie arbeiten werden mit dieser Woche - 24 00:01:30,600 --> 00:01:35,090 ein Referenzblatt für HTML, ein Referenzblatt für CSS. 25 00:01:35,090 --> 00:01:38,320 Dieses Recht ist hier die PHP-Handbuch. 26 00:01:38,320 --> 00:01:42,110 >> Also statt Tippen Mann und dann eine PHP- Befehl, das ist, wo man es 27 00:01:42,110 --> 00:01:46,980 gehen zum Nachschlagen der Funktionsprototyp und Beispiele und auch einige Tipps und 28 00:01:46,980 --> 00:01:48,770 Tricks im Umgang mit PHP-Funktionen. 29 00:01:48,770 --> 00:01:51,590 Sie werden diesen Ort häufig verwenden, so dass ich Sie ermutigen, sich 30 00:01:51,590 --> 00:01:52,280 mit ihm vertraut. 31 00:01:52,280 --> 00:01:55,860 Es kann ein wenig technischen, aber es auch eine Tonne von Ressourcen und 32 00:01:55,860 --> 00:02:00,440 Beispiele für alle Funktionen und auch andere, wie zB wie man Arrays verwenden oder 33 00:02:00,440 --> 00:02:01,500 verschiedene Arten von Variablen. 34 00:02:01,500 --> 00:02:03,480 Diese Seite ist sehr hilfreich für PHP. 35 00:02:03,480 --> 00:02:07,160 >> Und dann, für SQL, wenn Sie diese Taube Woche Problem Satz, werden Sie wissen, 36 00:02:07,160 --> 00:02:09,160 dass wir mit einer Datenbank. 37 00:02:09,160 --> 00:02:13,340 Und wir Zugriff auf diese Datenbank über eine relativ schöne Benutzeroberfläche. 38 00:02:13,340 --> 00:02:15,760 Oder das ist ein Weg, um Zugang dass Datenbank. 39 00:02:15,760 --> 00:02:19,670 Die Benutzerschnittstelle phpMyAdmin genannt. 40 00:02:19,670 --> 00:02:23,400 Es gibt eine SQL-Register, auf die wir Blick auf später heute. 41 00:02:23,400 --> 00:02:28,230 >> Und Sie können in ihre SQL-Beispiel geben Abfragen, die Dinge in der Datenbank zu tun 42 00:02:28,230 --> 00:02:29,780 und führen Sie dann diese Abfragen. 43 00:02:29,780 --> 00:02:31,850 Und wenn sie korrekt sind, wird es sagen, das hier ist richtig. 44 00:02:31,850 --> 00:02:33,480 Wenn sie falsch ist, werde es sagen wir, es ist falsch. 45 00:02:33,480 --> 00:02:37,260 Das ist ein großartiger Ort, um Ihre Praxis SQL-Abfragen, bevor sie in das Schreiben 46 00:02:37,260 --> 00:02:39,990 Ihr Code, um sicherzustellen, dass Sie haben das Format korrekt. 47 00:02:39,990 --> 00:02:42,080 >> Schließlich eine andere Website hier. 48 00:02:42,080 --> 00:02:45,390 Dies ist die Website, wo Sie können gehen und zu überprüfen, um sicherzustellen, dass Ihr machen 49 00:02:45,390 --> 00:02:47,520 HTML-Code ist gültig. 50 00:02:47,520 --> 00:02:51,250 Also, bevor Sie Ihre Probleme eingestellt in dieser Woche, sicherzustellen, dass alle 51 00:02:51,250 --> 00:02:52,690 Ihre HTML-gültig ist. 52 00:02:52,690 --> 00:02:55,840 >> Letzte Woche, Sie valgrind laufen hatte, sicherstellen, dass Sie keine Speicherlecks hatte. 53 00:02:55,840 --> 00:02:59,050 Diese Woche, müssen Sie sicherstellen, dass alle machen Ihr Gutscheincode ist gültig HTML5. 54 00:02:59,050 --> 00:03:02,140 Wenn es nicht gültig HTML5, sind Sie gehend zu erhalten Punkte aus. 55 00:03:02,140 --> 00:03:03,110 >> So stellen Sie sicher - 56 00:03:03,110 --> 00:03:05,700 nur weil es funktioniert nicht meine, es ist vollständig gültig. 57 00:03:05,700 --> 00:03:09,770 Führen Sie Ihren Code über diese Website bevor es in. 58 00:03:09,770 --> 00:03:10,810 Auch hier ist die Website. 59 00:03:10,810 --> 00:03:15,150 >> Wenn Sie Feedback für mich, wir haben ein paar mehr Abschnitte links, 60 00:03:15,150 --> 00:03:18,100 und ich will immer zu tun, was ich kann Sie alle bieten den besten Schnitt 61 00:03:18,100 --> 00:03:19,460 Erfahrung möglich. 62 00:03:19,460 --> 00:03:22,115 Also lassen Sie mich wissen, wenn ich etwas tun können, zu verbessern oder wenn es 63 00:03:22,115 --> 00:03:24,730 Dinge, die Sie sehen, dass ich besser machen könnte. 64 00:03:24,730 --> 00:03:25,710 Danke, Avi. 65 00:03:25,710 --> 00:03:27,610 Legen Sie es auf der Website. 66 00:03:27,610 --> 00:03:31,870 >> Dies war das Motorrad, das ich hatte, als ich wurde, sagen wir, vier zu Hause. 67 00:03:31,870 --> 00:03:34,500 Es ist ein Teenage Mutant Ninja Turtle Radfahren, für den Fall, Sie können nicht sagen, 68 00:03:34,500 --> 00:03:35,345 weil es ein wenig verschwommen. 69 00:03:35,345 --> 00:03:38,900 Sie können es jetzt bei ToysRUs bekommen für, glaube ich, etwa 100 Dollar. 70 00:03:38,900 --> 00:03:42,690 >> Aber das Merkmal dieses Fahrrad, das ich will Sie darauf achten, diese sind 71 00:03:42,690 --> 00:03:43,480 hier richtig. 72 00:03:43,480 --> 00:03:44,980 Dies sind die Stützräder. 73 00:03:44,980 --> 00:03:50,230 Bis jetzt haben Sie schon Handheld durch C. Und wir genommen haben eine lange 74 00:03:50,230 --> 00:03:53,610 Zeit, zwei Monate plus, durch C gehen 75 00:03:53,610 --> 00:03:55,440 >> Für diese nächsten paar Sprachen, wir gehen nicht zu 76 00:03:55,440 --> 00:03:56,600 so viel Zeit. 77 00:03:56,600 --> 00:03:58,350 Die Stützräder kommen aus. 78 00:03:58,350 --> 00:04:01,360 Und wir werden in diese eintauchen Sprachen schnell und bewegen sich durch 79 00:04:01,360 --> 00:04:04,720 sie schnell, das ist nicht zu sagen, dass wir sind gerade dabei, Sie schwimmen lassen 80 00:04:04,720 --> 00:04:07,590 gibt, mit keiner Weise zu unterstützen Sie selbst oder herausfinden, wie diese 81 00:04:07,590 --> 00:04:08,270 Sprachen zu arbeiten. 82 00:04:08,270 --> 00:04:10,750 Zeigte ich Ihnen nur eine Liste von Ressourcen, um Ihnen zu helfen. 83 00:04:10,750 --> 00:04:14,560 >> Aber bedenken Sie, dass PHP ist unglaublich ähnlich C. Wir gehen über 84 00:04:14,560 --> 00:04:15,970 noch heute, und einige der Unterschiede. 85 00:04:15,970 --> 00:04:17,990 Aber in den meisten Fällen, gibt es für Schleifen. 86 00:04:17,990 --> 00:04:18,750 Es gibt, wenn die Bedingungen. 87 00:04:18,750 --> 00:04:20,680 >> Wenn Sie ein Problem lösen möchten, Sie verwenden gerade ein 88 00:04:20,680 --> 00:04:22,029 Kombination von diesen. 89 00:04:22,029 --> 00:04:22,920 Es ist sehr ähnlich. 90 00:04:22,920 --> 00:04:26,040 Die Logik ist sehr ähnlich zu sein was Sie in der Vergangenheit getan haben. 91 00:04:26,040 --> 00:04:29,810 Was ist wirklich neu in dieser Woche ist die Syntax und wie Sie sich auszudrücken. 92 00:04:29,810 --> 00:04:32,850 Und Sie, um eine for-Schleife schreiben wollen, aber es aussehen könnte, ein bisschen anders. 93 00:04:32,850 --> 00:04:35,910 Oder Sie ein Array erstellen wollen, aber es aussehen könnte, ein bisschen anders. 94 00:04:35,910 --> 00:04:39,920 >> Also bedenken Sie, dass, nach vorne bewegt, die Logik ist sehr ähnlich, was 95 00:04:39,920 --> 00:04:41,020 Sie in der Vergangenheit getan habe. 96 00:04:41,020 --> 00:04:44,030 Aber Sie gehen jetzt zu stoßen werden viele neue Syntax. 97 00:04:44,030 --> 00:04:47,600 Und wir sind nicht dabei, Sie gehen durch Alle Elemente der Syntax. 98 00:04:47,600 --> 00:04:53,020 So ist es wirklich an Ihnen, herauszufinden, online oder über Annäherung auf 99 00:04:53,020 --> 00:04:58,770 Diskutieren oder per E-Mail oder im Gespräch mit mir einander, wie die Dinge zu schreiben, in 100 00:04:58,770 --> 00:05:02,580 PHP und wie SQL-Abfragen schreiben und wie man HTML und CSS zu verwenden. 101 00:05:02,580 --> 00:05:06,160 >> Aber nur, damit Sie wissen, ist es nicht so, dass wir versuchen, Sie dort rauswerfen 102 00:05:06,160 --> 00:05:07,630 erneut, um die Haie schwimmen. 103 00:05:07,630 --> 00:05:10,600 Dies ist, was Sie wahrscheinlich zu tun Ihr letztes Projekt, wenn Sie ein wählen 104 00:05:10,600 --> 00:05:15,150 andere Sprache, wie IOS und Objective-C, oder wenn Sie sich entscheiden, starten 105 00:05:15,150 --> 00:05:17,580 Programmierung in der Zukunft und tauchen in andere Sprachen, 106 00:05:17,580 --> 00:05:19,210 wie Python oder Ruby. 107 00:05:19,210 --> 00:05:23,380 >> Oft ist die Logik sehr ähnlich in all diesen Sprachen, und die 108 00:05:23,380 --> 00:05:24,560 Syntax ist, was ist anders. 109 00:05:24,560 --> 00:05:27,560 Und es wird bis zu Ihnen sein, da die Programmierer, gehen Sie nutzen das Internet 110 00:05:27,560 --> 00:05:30,790 Ressourcen zur Verfügung, um Sie und Figur Sie, wie um auszudrücken, was Sie wissen, wie 111 00:05:30,790 --> 00:05:33,200 in C ausdrücken, in eine andere Sprache. 112 00:05:33,200 --> 00:05:36,410 Also das ist eine gute Übung, sowohl für Ihre Abschlussprojekt, und wieder, für 113 00:05:36,410 --> 00:05:40,150 was Sie wahrscheinlich tun nachdem Sie CS50 verlassen. 114 00:05:40,150 --> 00:05:42,550 >> Bevor wir fortfahren, weiß jemand Fragen über das, was 115 00:05:42,550 --> 00:05:43,800 Ich bisher getan? 116 00:05:43,800 --> 00:05:52,450 117 00:05:52,450 --> 00:05:53,120 Große. 118 00:05:53,120 --> 00:05:53,910 Gehen wir weiter. 119 00:05:53,910 --> 00:05:59,090 >> Zunächst werden wir kurz sprechen über den Befehl chmod. 120 00:05:59,090 --> 00:06:02,420 Diese werden wir zu Beginn zu tun Ihre Probleme einstellen. 121 00:06:02,420 --> 00:06:05,050 Einer der ersten Befehle für Sie, nach dem Herunterladen der 122 00:06:05,050 --> 00:06:09,280 Verteilung Code ist zum Ändern der Berechtigungen der Dateien und 123 00:06:09,280 --> 00:06:11,350 Verzeichnisse, die Sie erhalten. 124 00:06:11,350 --> 00:06:16,430 >> Kann jemand eine Vermutung wagen oder wissen, Deshalb ist es wichtig, das zu ändern 125 00:06:16,430 --> 00:06:20,012 Berechtigungen für bestimmte Dateien und Verzeichnisse auf Ihrem Computer? 126 00:06:20,012 --> 00:06:20,956 Avi - 127 00:06:20,956 --> 00:06:24,796 >> ZIELGRUPPE: Dann niemand außer Sie können sehen, was du tust? 128 00:06:24,796 --> 00:06:25,470 >> JASON HIRSCHHORN: OK. 129 00:06:25,470 --> 00:06:28,330 Also, wenn wir etwas auf die setzen wollen Web und Sie haben festgelegt, dass die Berechtigungen 130 00:06:28,330 --> 00:06:30,960 können nur Sie etwas sehen, dann niemand anderes kann 131 00:06:30,960 --> 00:06:32,530 sehen, was Sie geschaffen haben. 132 00:06:32,530 --> 00:06:33,380 Was sonst? 133 00:06:33,380 --> 00:06:34,320 Ja. 134 00:06:34,320 --> 00:06:37,360 >> ZIELGRUPPE: Verhindern, dass jemand anderes, dass Sie wollen nicht, etwas zu sehen, von 135 00:06:37,360 --> 00:06:37,870 etwas zu sehen. 136 00:06:37,870 --> 00:06:38,820 >> JASON HIRSCHHORN: Das ist auch wahr. 137 00:06:38,820 --> 00:06:40,730 Wahrscheinlich gibt es einen Code, Sie schreiben, dass Sie nicht 138 00:06:40,730 --> 00:06:42,690 wollen Menschen zu sehen. 139 00:06:42,690 --> 00:06:46,190 Du bist wahrscheinlich mit Menschen zu sehen, OK Ihr HTML-und Ihr JavaScript. 140 00:06:46,190 --> 00:06:50,360 Aber Ihre PHP, eine Back-End-Code, eine Menge von die Logik, um Ihren Code, vielleicht die 141 00:06:50,360 --> 00:06:53,200 Dinge, die einige Ihrer Passwörter für Ihre Datenbank, die Sie nicht tun 142 00:06:53,200 --> 00:06:55,880 wollen die Menschen sehen, dass Art von Informationen. 143 00:06:55,880 --> 00:06:59,420 >> Daher ist es wichtig, dass jede Datei und jedes Verzeichnis erstellen wir über Berechtigungen 144 00:06:59,420 --> 00:07:03,660 anwendbar, ob wir wollen Menschen, diese Arten von Dateien zu sehen und 145 00:07:03,660 --> 00:07:08,030 Verzeichnisse und in der Lage sein, auf sie zuzugreifen und möglicherweise sogar zu ändern. 146 00:07:08,030 --> 00:07:09,920 >> So gibt es drei Arten Berechtigungen. 147 00:07:09,920 --> 00:07:14,980 Es gibt eine Leseberechtigung, was bedeutet, Sie eine Datei oder eine Liste der lesen kann 148 00:07:14,980 --> 00:07:16,490 Inhalt des Verzeichnisses. 149 00:07:16,490 --> 00:07:20,820 Es gibt die Schreibberechtigung, die heißt, Sie können eine Datei oder einen Wechsel ändern 150 00:07:20,820 --> 00:07:24,910 ein Verzeichnis und dann die Ausführung Erlaubnis, das heißt, Sie können 151 00:07:24,910 --> 00:07:31,060 Ausführen einer Datei oder besser gesagt, Sie kann in einem Verzeichnis zu verschieben. 152 00:07:31,060 --> 00:07:34,470 Also CD etwas, wenn Sie die Erlaubnis, um sie auszuführen, können Sie verschieben 153 00:07:34,470 --> 00:07:37,300 in dieses Verzeichnis. 154 00:07:37,300 --> 00:07:38,510 >> Dies ist ein kleines Beispiel. 155 00:07:38,510 --> 00:07:40,700 Auch hier können Sie über diese gegangen in das Problem eingestellt. 156 00:07:40,700 --> 00:07:44,630 Aber ich ein Verzeichnis mit dem Befehl mkdir. 157 00:07:44,630 --> 00:07:46,320 Ich die Berechtigungen ändern. 158 00:07:46,320 --> 00:07:48,505 Diese beiden Linien tatsächlich tun genau die gleiche Sache. 159 00:07:48,505 --> 00:07:52,580 Es ist zu verdeutlichen, dass die Syntax für Ändern von Berechtigungen, ob Sie tun 160 00:07:52,580 --> 00:07:55,600 die a + x oder 711, das sind die gleichen. 161 00:07:55,600 --> 00:07:57,550 >> Wir sehen uns an diesem schönen Tisch. 162 00:07:57,550 --> 00:07:59,960 Wir sehen, dass es Benutzer Berechtigungen zuerst. 163 00:07:59,960 --> 00:08:03,280 Das bist du, das Individuum, und Ihr Server möglicherweise. 164 00:08:03,280 --> 00:08:05,070 Und dann gibt es Gruppe und andere. 165 00:08:05,070 --> 00:08:09,350 Die Unterschiede in den zwei sind relativ trivial. 166 00:08:09,350 --> 00:08:11,170 So allgemein, werden wir über einen Kamm scheren diejenigen zusammen. 167 00:08:11,170 --> 00:08:14,380 >> Aber im Grunde, wenn wir eine Datei haben genannt beinhaltet, dass wir sein wollen 168 00:08:14,380 --> 00:08:18,760 in der Lage, uns selbst zu bearbeiten und wir wollen andere, um auszuführen, 169 00:08:18,760 --> 00:08:20,560 es ist die Genehmigung 711. 170 00:08:20,560 --> 00:08:22,390 Und wir sehen, dass nach unten Hier in dieser Tabelle. 171 00:08:22,390 --> 00:08:24,730 Wir haben eine Lese-, Schreib-und Ausführungs. 172 00:08:24,730 --> 00:08:26,790 Für jeden von uns, wir wollen in der Lage, diejenigen zu tun. 173 00:08:26,790 --> 00:08:30,160 Gruppen und andere, wollen wir nur sie in der Lage, auszuführen. 174 00:08:30,160 --> 00:08:33,860 >> Die Art und Weise übersetzen wir, dass in eine Anzahl von 175 00:08:33,860 --> 00:08:36,870 Genehmigung ist durch binär. 176 00:08:36,870 --> 00:08:41,780 Wenn wir also drei Einsen, ist eine 1, dass in der diejenigen Spalte, eine 1 in den Zweien 177 00:08:41,780 --> 00:08:43,049 Spalte eine 1 die Vieren Spalte. 178 00:08:43,049 --> 00:08:45,180 Das ist 7 recht. 179 00:08:45,180 --> 00:08:47,450 Und diese Erlaubnis ist 1. 180 00:08:47,450 --> 00:08:48,390 Diese Erlaubnis ist 1. 181 00:08:48,390 --> 00:08:54,200 Also, wenn 711 ist die gleiche wie geben uns selbst zu lesen, schreiben und ausführen, 182 00:08:54,200 --> 00:08:56,660 und alle anderen Privilegien auszuführen. 183 00:08:56,660 --> 00:08:59,180 >> Diese Linie hier, wir in der Regel lesen und schreiben können, wenn wir 184 00:08:59,180 --> 00:09:00,250 ein Verzeichnis. 185 00:09:00,250 --> 00:09:04,650 Also diese Linie hier fügt nur ausführen Privilegien für alle. 186 00:09:04,650 --> 00:09:07,450 So, das wäre ähnlich, in Zusätzlich zu dem, was wir haben, 187 00:09:07,450 --> 00:09:09,930 Zugabe von 1, 1, 1 für alle. 188 00:09:09,930 --> 00:09:13,880 >> Während diese, es ist unnötig lesen und schreiben zu addieren. 189 00:09:13,880 --> 00:09:16,130 Aber wenn du gehst, um die Zahlen zu verwenden sind, man kann nicht einfach etwas hinzufügen. 190 00:09:16,130 --> 00:09:19,070 Sie überschreiben, was waren Erlaubnis es und setzen sie mit dem neuen 191 00:09:19,070 --> 00:09:20,920 Nummer, die Sie geben. 192 00:09:20,920 --> 00:09:21,930 Das war ziemlich schnell. 193 00:09:21,930 --> 00:09:24,115 Hat jemand irgendwelche Fragen haben, über das Ändern von Berechtigungen? 194 00:09:24,115 --> 00:09:28,460 195 00:09:28,460 --> 00:09:28,950 >> OK. 196 00:09:28,950 --> 00:09:32,480 Wenn ich eine PHP-Datei, welche Berechtigungen will ich es haben? 197 00:09:32,480 --> 00:09:36,638 198 00:09:36,638 --> 00:09:38,780 Dies ist in der Problem Satz spec. 199 00:09:38,780 --> 00:09:41,590 So können Sie bei der Spezifikation aussehen und dann lesen Sie mir die Antwort. 200 00:09:41,590 --> 00:09:45,820 201 00:09:45,820 --> 00:09:48,605 >> ZIELGRUPPE: Sie wollen dem Benutzer, haben Lese-und Schreibberechtigungen. 202 00:09:48,605 --> 00:09:51,080 Und Sie wollen alle sonst nichts. 203 00:09:51,080 --> 00:09:53,060 >> JASON HIRSCHHORN: Und was Zahlen ist, dass? 204 00:09:53,060 --> 00:09:53,480 >> ZUSCHAUER: 600. 205 00:09:53,480 --> 00:09:54,840 >> JASON HIRSCHHORN: 600. 206 00:09:54,840 --> 00:09:59,550 Also chmod 600 - wann immer Sie drucken eine PHP-Datei, es chmod 600. 207 00:09:59,550 --> 00:10:00,370 OK. 208 00:10:00,370 --> 00:10:01,890 Ich habe ein Verzeichnis. 209 00:10:01,890 --> 00:10:04,870 Jemand neben Jeff, Ich habe eine Datei-Ordner. 210 00:10:04,870 --> 00:10:08,060 Welche Berechtigungen will ich um in diesen Ordner zu geben - 211 00:10:08,060 --> 00:10:11,620 auch in der Problem gesetzt spec, direkt unterhalb dieser Antwort oder 212 00:10:11,620 --> 00:10:14,840 die vorherige Antwort? 213 00:10:14,840 --> 00:10:16,160 Möglicherweise auch auf der Folie - 214 00:10:16,160 --> 00:10:16,450 Marcus. 215 00:10:16,450 --> 00:10:17,230 >> ZIELGRUPPE: Für die 216 00:10:17,230 --> 00:10:18,180 Ordner, es ist 711. 217 00:10:18,180 --> 00:10:19,590 JASON HIRSCHHORN: 711 - 218 00:10:19,590 --> 00:10:21,230 so ein Ordner, Sie wollen 711 geben. 219 00:10:21,230 --> 00:10:25,280 Sie wollen in der Lage, um diesen Ordner zu lesen, Verzeichnisse ändern, bewegen Sie in 220 00:10:25,280 --> 00:10:25,785 dass Ordner. 221 00:10:25,785 --> 00:10:28,865 Und Sie wollen alle anderen auch in der Lage sein, in diesem Ordner zu navigieren, aber 222 00:10:28,865 --> 00:10:30,790 nicht unbedingt seinen Inhalt zu ändern. 223 00:10:30,790 --> 00:10:33,720 Was ist mit einem nicht-PHP-Datei, sagen, eine JavaScript-Datei? 224 00:10:33,720 --> 00:10:36,090 Welche Rechte wollen wir diese Art von Datei geben? 225 00:10:36,090 --> 00:10:37,020 >> ZUSCHAUER: 644. 226 00:10:37,020 --> 00:10:38,030 >> JASON HIRSCHHORN: 644 - 227 00:10:38,030 --> 00:10:40,010 Deshalb wollen wir es 644 geben? 228 00:10:40,010 --> 00:10:42,880 >> ZIELGRUPPE: Um anderen Menschen lesen zu lassen. 229 00:10:42,880 --> 00:10:44,840 Und Sie lesen oder schreiben. 230 00:10:44,840 --> 00:10:48,540 >> JASON HIRSCHHORN: Also gut, alle sonst lesen kann, dass JavaScript-Datei. 231 00:10:48,540 --> 00:10:51,420 Und Sie können das ändern, zusätzlich zu der Möglichkeit, sie zu lesen. 232 00:10:51,420 --> 00:10:54,970 Damit wird eines der häufigsten Fehler Leute haben mit diesem Problem setzen und ihre 233 00:10:54,970 --> 00:10:58,880 Abschlussprojekt, wenn es eine Web-basierte Abschluss Projekt wird, werden sie nicht eingestellt haben 234 00:10:58,880 --> 00:11:00,170 die richtigen Berechtigungen. 235 00:11:00,170 --> 00:11:03,180 Und sie werden nicht in der Lage sein, auf ihrer Website zu sehen. 236 00:11:03,180 --> 00:11:04,840 Oder einen bestimmten Teil ihrer Website. 237 00:11:04,840 --> 00:11:06,930 >> So stellen Sie sicher, dass Sie setzen die Berechtigungen richtig. 238 00:11:06,930 --> 00:11:10,730 Sie nicht einfach davon ausgehen, dass es wird diese Aufgabe automatisch für Sie. 239 00:11:10,730 --> 00:11:11,500 >> OK. 240 00:11:11,500 --> 00:11:15,100 Das war eine kleine Sache, die wir haben eine gute Menge an Zeit auf, so 241 00:11:15,100 --> 00:11:16,190 wir könnten es nageln. 242 00:11:16,190 --> 00:11:18,000 Gehen wir weiter in HTML. 243 00:11:18,000 --> 00:11:20,430 >> Und wieder, für diesen nächsten vier Themen, wir werden durch sie gehen 244 00:11:20,430 --> 00:11:21,600 relativ schnell. 245 00:11:21,600 --> 00:11:24,980 Also bitte fühlen Sie sich frei, mich jeder stoppen Zeit, wenn Sie irgendwelche Fragen haben, 246 00:11:24,980 --> 00:11:27,900 ob sie im Zusammenhang mit, was ich abdecken oder etwas aus Vorlesung oder 247 00:11:27,900 --> 00:11:29,440 sogar aus das Problem eingestellt. 248 00:11:29,440 --> 00:11:31,690 Stoppen Sie mich, wenn Sie ihn brauchen. 249 00:11:31,690 --> 00:11:34,370 Wenn wir bis zum Ende erhalten, werden wir nur beginnen werde über das Problem Satz. 250 00:11:34,370 --> 00:11:38,100 >> So HTML steht für Hypertext Markup Language. 251 00:11:38,100 --> 00:11:41,360 Es ist keine Programmiersprache. 252 00:11:41,360 --> 00:11:45,800 Denn es macht nicht Struktur Ihre Inhalte und auch einige Metadaten. 253 00:11:45,800 --> 00:11:52,340 So zum Beispiel, vermutlich vielen Sie Facebook benutzt haben. 254 00:11:52,340 --> 00:11:56,810 Und Sie können Links in sind, oder Sie kann einen Link als Ihren Status setzen. 255 00:11:56,810 --> 00:11:59,070 >> Und dann werden Sie feststellen, dass Link hat immer ein schönes Bild 256 00:11:59,070 --> 00:12:00,450 zu ihm und etwas Text. 257 00:12:00,450 --> 00:12:03,040 Im Allgemeinen ist, dass einige Metadaten für eine Web-Seite. 258 00:12:03,040 --> 00:12:05,250 Und es ist Facebook-spezifische Metadaten. 259 00:12:05,250 --> 00:12:07,780 Und dann, wenn Facebook liest, dass Seite und Einsetzen, dass Link, es 260 00:12:07,780 --> 00:12:10,780 sucht die spezifische Metadaten, so dass es weiß, was Bild, um anzuzeigen, was 261 00:12:10,780 --> 00:12:13,820 Titel angezeigt werden, und was abstrakten Text angezeigt. 262 00:12:13,820 --> 00:12:17,760 >> So können wir mit Metadaten enthalten unsere Web-Seite mit HTML. 263 00:12:17,760 --> 00:12:21,190 Und es hilft uns auch Struktur der Gehalt im allgemeinen, was 264 00:12:21,190 --> 00:12:25,400 wir wollen gehen, wo. 265 00:12:25,400 --> 00:12:28,240 >> Alles in HTML ist ein Element. 266 00:12:28,240 --> 00:12:30,690 Und genau hier Elemente - 267 00:12:30,690 --> 00:12:33,410 Diese CS50 ist der Text-Element. 268 00:12:33,410 --> 00:12:35,140 Und es hat einige Umbauten. 269 00:12:35,140 --> 00:12:36,690 Es hat dies einen Tag. 270 00:12:36,690 --> 00:12:41,730 Und wir feststellen, es ist ein A an der beginnen und dann ein Schrägstrich ein, so 271 00:12:41,730 --> 00:12:43,960 Schließen der einen Tag am Ende. 272 00:12:43,960 --> 00:12:46,800 Manchmal gibt es keine offene -Tag und eine enge-Tag. 273 00:12:46,800 --> 00:12:49,040 Es gibt nur eine Sache. 274 00:12:49,040 --> 00:12:50,640 >> Wir werden ein Beispiel dafür sehen, auf der nächsten Folie. 275 00:12:50,640 --> 00:12:52,640 So brauchen Sie nicht eine offene und eine enge-Tag. 276 00:12:52,640 --> 00:12:59,570 Aber dafür sind wir umhüllt diese CS50-Element in der ein Anker-Tag. 277 00:12:59,570 --> 00:13:03,270 Und im Grunde, diese Tags zu erzählen der Browser, was damit zu tun, 278 00:13:03,270 --> 00:13:04,700 das jeweilige Element. 279 00:13:04,700 --> 00:13:07,380 >> Also noch einmal, CS50 ist der Text wir werden sehen. 280 00:13:07,380 --> 00:13:10,060 Und es wird sein, eine Art von Anker. 281 00:13:10,060 --> 00:13:13,920 Anker dient im wesentlichen für Links zu etwas. 282 00:13:13,920 --> 00:13:16,000 Insbesondere, wie Sie können schon sagen, das ist eine 283 00:13:16,000 --> 00:13:18,950 verlinken auf dem CS50-Homepage. 284 00:13:18,950 --> 00:13:23,160 >> Der nächste Teil von dem Tag - oder allgemein, ein Teil des Tags sind 285 00:13:23,160 --> 00:13:24,290 Attribute. 286 00:13:24,290 --> 00:13:27,080 Und wir sehen hier, dass die ein Tag hat ein 287 00:13:27,080 --> 00:13:29,680 Attribut, dieses href-Attribut. 288 00:13:29,680 --> 00:13:32,000 Und sie einen bestimmten Tag ändern. 289 00:13:32,000 --> 00:13:36,100 In der Tat, wenn Sie eine der gehen Websites oder die Referenzen, die ich dir gegeben habe 290 00:13:36,100 --> 00:13:39,480 vor oder schauen die einen Tag online, Sie werden feststellen, es gibt eine Tonne von 291 00:13:39,480 --> 00:13:41,010 Potenzial Attribute. 292 00:13:41,010 --> 00:13:42,310 >> Dies ist wahrscheinlich eine der häufigste. 293 00:13:42,310 --> 00:13:46,090 Das sagt mir ein erstellen Link zu der Website. 294 00:13:46,090 --> 00:13:50,260 Und Attribute im allgemeinen gegeben sind, wenn nicht ausschließlich gegeben, 295 00:13:50,260 --> 00:13:52,350 in Schlüssel-Wert-Paaren. 296 00:13:52,350 --> 00:13:55,380 >> Also hier ist der Schlüssel, href. 297 00:13:55,380 --> 00:13:57,320 Und der Wert ist hier richtig. 298 00:13:57,320 --> 00:14:01,960 Und das wird in handliches kommen später, wenn wir beginnen mit einigen Bibliotheken 299 00:14:01,960 --> 00:14:07,280 Helfen Sie uns, Code in JavaScript oder schreiben Sie HTML-Inhalte. 300 00:14:07,280 --> 00:14:11,120 Wir werden oft sein wird - so wie wir würde Array Halterung 0 und das zu tun 301 00:14:11,120 --> 00:14:12,340 würde uns einen gewissen Wert. 302 00:14:12,340 --> 00:14:17,190 >> In der Zukunft werden wir dabei eine Menge Dinge wie etwas href Halterung. 303 00:14:17,190 --> 00:14:21,180 Und das wird uns den Wert der zu geben href, oder wenn wir die href aktualisieren möchten 304 00:14:21,180 --> 00:14:23,980 -Taste und dann geben wir es ein bestimmter Wert. 305 00:14:23,980 --> 00:14:28,915 So wie mit Arrays, wo wir Taste 0 oder Taste 1 oder Taste 2 oder sogar mit einem 306 00:14:28,915 --> 00:14:33,480 Hash-Tabelle, nun, mit Hash-Tabellen wie auch, haben Sie wahrscheinlich hatte - es 307 00:14:33,480 --> 00:14:35,790 war ein Array, so dass die Taste 0, die Tasten 1, 2. 308 00:14:35,790 --> 00:14:38,480 >> Dieser Index gibt, können wir denken, dass als Schlüssel. 309 00:14:38,480 --> 00:14:40,180 Und der Wert ist, was dort gespeichert. 310 00:14:40,180 --> 00:14:42,760 Alle diese Attribute sind der Schlüssel-Wert-Paaren. 311 00:14:42,760 --> 00:14:47,370 Und das wird für den Wechsel sein oder sie zu aktualisieren oder 312 00:14:47,370 --> 00:14:51,020 Einsetzen später. 313 00:14:51,020 --> 00:14:53,990 >> Schließlich können Sie diese Struktur gesehen haben vor, aber dies ist die einfachste 314 00:14:53,990 --> 00:14:55,350 Struktur der HTML-Seite. 315 00:14:55,350 --> 00:14:58,700 An der Spitze, sagen wir euch, dass dies ist in der Tat HTML. 316 00:14:58,700 --> 00:15:01,910 Und dann haben wir einen offenen HTML -Tag und ein enger HTML-Tag. 317 00:15:01,910 --> 00:15:04,940 Also alles, was innerhalb der Hier ist die HTML. 318 00:15:04,940 --> 00:15:08,960 >> Wir sehen den Kopf und den Körper. 319 00:15:08,960 --> 00:15:12,350 Der Kopf des Dokuments umfasst in der Regel, was? 320 00:15:12,350 --> 00:15:16,980 321 00:15:16,980 --> 00:15:20,995 Alle Vermutungen, was Sie legte in den Kopf? 322 00:15:20,995 --> 00:15:23,060 >> ZIELGRUPPE: Sie setzen den Titel und Stil. 323 00:15:23,060 --> 00:15:23,790 >> JASON HIRSCHHORN: Der Titel. 324 00:15:23,790 --> 00:15:26,110 Das war eine große Vermutung. 325 00:15:26,110 --> 00:15:27,200 Ich kann Ihnen, die gekippt sind ausgeschaltet. 326 00:15:27,200 --> 00:15:28,150 Was sind einige andere Dinge? 327 00:15:28,150 --> 00:15:30,351 Wir erwähnten, dass einer von ihnen könnte in den Kopf gehen. 328 00:15:30,351 --> 00:15:33,057 329 00:15:33,057 --> 00:15:35,225 >> ZIELGRUPPE: Er sagte, Stile. 330 00:15:35,225 --> 00:15:36,240 >> JASON HIRSCHHORN: Styles - 331 00:15:36,240 --> 00:15:41,050 so, wenn Sie in einem JavaScript verlinken möchten oder sogar ein CSS, die Sie sprechen 332 00:15:41,050 --> 00:15:42,610 etwa, wenn Sie reden zu Stilen. 333 00:15:42,610 --> 00:15:45,670 Eine weitere Datei, die in eine verlinken möchten Sie außerhalb Datei, wird diese wahrscheinlich 334 00:15:45,670 --> 00:15:46,920 in den Kopf. 335 00:15:46,920 --> 00:15:48,660 336 00:15:48,660 --> 00:15:51,070 >> Was sonst? 337 00:15:51,070 --> 00:15:52,960 Wir erwähnten, ein paar Dias vor eines der Dinge, die 338 00:15:52,960 --> 00:15:54,510 HTML für Sie tun können. 339 00:15:54,510 --> 00:15:58,180 340 00:15:58,180 --> 00:16:01,240 Es kann liefern - 341 00:16:01,240 --> 00:16:02,874 beginnt mit einem M - 342 00:16:02,874 --> 00:16:03,820 >> ZIELGRUPPE: Metadaten. 343 00:16:03,820 --> 00:16:06,170 >> JASON HIRSCHHORN: Metadaten - so viel der Metadaten in den Kopf gehen, 344 00:16:06,170 --> 00:16:08,990 denn das wird nicht unbedingt Teil des Körpers des Codes sein. 345 00:16:08,990 --> 00:16:11,820 Das ist in der Regel - der Körper ist der Inhalt, was jemand sieht. 346 00:16:11,820 --> 00:16:14,210 Und so gab ich einfach weg, die Antwort zu meiner nächsten Frage. 347 00:16:14,210 --> 00:16:17,770 Aber in dem Körper ist in der Regel der Gehalt das wird angezeigt 348 00:16:17,770 --> 00:16:19,750 auf der Web-Seite. 349 00:16:19,750 --> 00:16:26,120 >> Wie wir sehen werden, komplizierte Websites neigen dazu, vermischen oder zu ändern, was bis 350 00:16:26,120 --> 00:16:27,170 sie in den Kopf und den Körper. 351 00:16:27,170 --> 00:16:30,360 Aber im Allgemeinen, enthält der Kopf Dinge dass der Benutzer nicht zu 352 00:16:30,360 --> 00:16:31,290 auf dem Bildschirm sehen. 353 00:16:31,290 --> 00:16:34,150 Es verbindet in anderen Dateien und stellt Metadaten. 354 00:16:34,150 --> 00:16:37,690 Während alles enthält der Körper der Benutzer wird sehen. 355 00:16:37,690 --> 00:16:39,270 Keine Ahnung, was das p-Tag bedeutet? 356 00:16:39,270 --> 00:16:41,660 >> ZIELGRUPPE: Absatz? 357 00:16:41,660 --> 00:16:42,780 >> ZIELGRUPPE: Drucken. 358 00:16:42,780 --> 00:16:44,120 >> ZIELGRUPPE: Bedeutet nicht, Druck. 359 00:16:44,120 --> 00:16:45,380 >> ZIELGRUPPE: Bedeutet es, Absatz? 360 00:16:45,380 --> 00:16:47,620 >> JASON HIRSCHHORN: Absatz - so ist dies ein Absatz. 361 00:16:47,620 --> 00:16:50,920 Und das p-Tag, konnte ich gerade eingegeben haben diese auf dem Bildschirm und dann 362 00:16:50,920 --> 00:16:52,630 enthalten einen Zeilenumbruch am Ende. 363 00:16:52,630 --> 00:16:54,380 Jeder weiß, wie zu zählen ein Zeilenumbruch? 364 00:16:54,380 --> 00:16:55,240 >> ZIELGRUPPE: pr - 365 00:16:55,240 --> 00:16:55,700 >> JASON HIRSCHHORN: pr - 366 00:16:55,700 --> 00:16:57,080 >> ZIELGRUPPE: Slash pr? 367 00:16:57,080 --> 00:17:00,120 >> JASON HIRSCHHORN: pr Schrägstrich steht für Zeilenumbruch. 368 00:17:00,120 --> 00:17:03,270 Aber Absätze haben spezifische Formatierung. 369 00:17:03,270 --> 00:17:06,060 Und wir werden um das Formatieren in eine bekommen zweitens, wenn wir über CSS zu sprechen. 370 00:17:06,060 --> 00:17:09,900 Aber alles in diesen p-Tags werden einige Standardformatierung haben 371 00:17:09,900 --> 00:17:13,210 zugeordnet ist, wahrscheinlich einige Abstand zwischen verschiedenen 372 00:17:13,210 --> 00:17:15,069 Absätze. 373 00:17:15,069 --> 00:17:19,410 Und es wird ein Weg, um zu differenzieren Codeblöcke. 374 00:17:19,410 --> 00:17:20,980 >> Alle anderen tags - 375 00:17:20,980 --> 00:17:24,584 was sind andere Tags, die Sie gesehen haben? 376 00:17:24,584 --> 00:17:26,609 >> JASON HIRSCHHORN: durch h6 h1. 377 00:17:26,609 --> 00:17:28,460 h1 bis h6, und was ist das? 378 00:17:28,460 --> 00:17:31,560 >> ZIELGRUPPE: Es wird zu bezeichnen, wie groß und fett die Buchstaben sind. 379 00:17:31,560 --> 00:17:32,650 >> JASON HIRSCHHORN: Rechts, sie steht für Header. 380 00:17:32,650 --> 00:17:34,960 Und so ist ein großer header1 Header. 381 00:17:34,960 --> 00:17:40,840 Es wird wahrscheinlich standardmäßig fett sein, ein große Schriftgröße, wahrscheinlich zentriert auf 382 00:17:40,840 --> 00:17:44,030 der Bildschirm, den ganzen Weg bis h6, die eine kleinere Schriftgröße, weniger ist 383 00:17:44,030 --> 00:17:44,780 betont. 384 00:17:44,780 --> 00:17:50,290 Natürlich können Sie, sind Sie in CSS-Datei oder irgendwo im Code - die, 385 00:17:50,290 --> 00:17:53,830 wieder, werden wir zu, dass in einem zweiten zu bekommen - ändern, was das Standardverhalten 386 00:17:53,830 --> 00:17:55,780 eines H1-Tag ist. 387 00:17:55,780 --> 00:18:01,040 >> Aber bedenken Sie, dass Chrome, Safari, Firefox, Internet Explorer alle haben 388 00:18:01,040 --> 00:18:04,030 Standard sieht für viele diese Standard-Tags. 389 00:18:04,030 --> 00:18:07,110 Sie können wieder immer ändern wie sie aussehen. 390 00:18:07,110 --> 00:18:09,955 Alle anderen Tags, die jeder gesehen hat? 391 00:18:09,955 --> 00:18:10,350 Yeah - 392 00:18:10,350 --> 00:18:11,530 >> ZIELGRUPPE: Ein div Ort. 393 00:18:11,530 --> 00:18:15,830 >> JASON HIRSCHHORN: Ein div-Tag - div-Tag keinen eingebauten Format pro 394 00:18:15,830 --> 00:18:21,850 se, die verwendet wird, zum Absperren verschiedene Codes. 395 00:18:21,850 --> 00:18:22,980 Alle anderen Tags? 396 00:18:22,980 --> 00:18:23,390 Ja. 397 00:18:23,390 --> 00:18:24,333 >> ZIELGRUPPE: li - 398 00:18:24,333 --> 00:18:24,850 >> JASON HIRSCHHORN: li - 399 00:18:24,850 --> 00:18:25,580 was ist für li? 400 00:18:25,580 --> 00:18:26,210 >> ZIELGRUPPE: Liste. 401 00:18:26,210 --> 00:18:26,930 >> ZIELGRUPPE: Liste 402 00:18:26,930 --> 00:18:29,510 >> JASON HIRSCHHORN: li ist für Listenelemente. 403 00:18:29,510 --> 00:18:30,720 Es gibt zwei Arten von Listen. 404 00:18:30,720 --> 00:18:31,970 Was sind die beiden Arten? 405 00:18:31,970 --> 00:18:34,165 406 00:18:34,165 --> 00:18:35,806 >> ZIELGRUPPE: Bestellt und ungeordnete. 407 00:18:35,806 --> 00:18:37,780 >> JASON HIRSCHHORN: Bestellt und ungeordnete - so steht ul 408 00:18:37,780 --> 00:18:38,560 für ungeordnete Liste. 409 00:18:38,560 --> 00:18:41,120 Das ist, wenn Sie wollen, eine Kugel darauf, eine Liste von Kugeln. 410 00:18:41,120 --> 00:18:43,180 Eine geordnete Liste ist eine nummerierte Liste. 411 00:18:43,180 --> 00:18:47,930 Und so finden Sie einen offenen ul-Tag zu tun und dann Tonnen von Listenelementen und dann 412 00:18:47,930 --> 00:18:50,450 schließen Sie das ul-Tag. Und das wird eine ungeordnete Liste zu erstellen. 413 00:18:50,450 --> 00:18:52,380 >> Wir werden einige Beispiele zu sehen von HTML in ein bisschen. 414 00:18:52,380 --> 00:18:55,800 Aber bis dahin möchte ich auf CSS zu bekommen. 415 00:18:55,800 --> 00:18:58,530 Und CSS steht für Cascading Style Sheets. 416 00:18:58,530 --> 00:19:03,010 Und das ist sehr eng verwandt in HTML, aber etwas anders. 417 00:19:03,010 --> 00:19:06,920 Dies hilft Ihnen, sich die Inhalte zu formatieren dass die HTML-Strukturen. 418 00:19:06,920 --> 00:19:14,940 >> Also in CSS, wir in der Regel nicht wollen, Stil jeden einzelnen Kopf-oder jeder 419 00:19:14,940 --> 00:19:17,250 Einzelbild oder jede einzigen Absatz. 420 00:19:17,250 --> 00:19:21,210 Wir wollen einige Elemente zu stylen oder vielleicht ein bestimmtes Element. 421 00:19:21,210 --> 00:19:25,250 Und die Art, wie wir einen bestimmten Stil Element ist eine ID zu geben. 422 00:19:25,250 --> 00:19:26,070 >> Also das ist ein Attribut. 423 00:19:26,070 --> 00:19:27,960 Es hat einen Schlüssel und einen Wert. 424 00:19:27,960 --> 00:19:29,130 ID ist der Schlüssel. 425 00:19:29,130 --> 00:19:30,220 Logo der Wert ist. 426 00:19:30,220 --> 00:19:32,410 Ich nahm Logo zufällig. 427 00:19:32,410 --> 00:19:36,780 Und wenn Sie etwas eine ID zu geben, allgemein, dass nur gegeben werden sollte 428 00:19:36,780 --> 00:19:38,800 einem Element. 429 00:19:38,800 --> 00:19:42,340 >> Und dann, im Stylesheet können Sie Stil, dass bestimmtes Element jedoch 430 00:19:42,340 --> 00:19:44,090 Sie wollen es sehen. 431 00:19:44,090 --> 00:19:49,560 Wenn Sie eine Reihe von Stil wollen Elemente, vielleicht ist es eine bestimmte Klasse 432 00:19:49,560 --> 00:19:51,310 von Überschriften, nur einige Ihrer Header. 433 00:19:51,310 --> 00:19:56,780 Vielleicht ist es ein Kopf-und ein Bild und eine ist Absatz, den Sie alle wollen zentriert werden. 434 00:19:56,780 --> 00:20:00,700 Dann können Sie diesen Gruppen geben kann von Elementen alles eine Klasse. 435 00:20:00,700 --> 00:20:04,300 Und Sie die Klasse geben kann bestimmte Stile. 436 00:20:04,300 --> 00:20:08,860 So eine ID und eine Klasse gibt zwei Möglichkeiten, brechen Sie den Code, so können Sie helfen 437 00:20:08,860 --> 00:20:11,990 genauer, was Sie Stil. 438 00:20:11,990 --> 00:20:13,830 >> Es gibt drei Möglichkeiten, um zu stylen. 439 00:20:13,830 --> 00:20:17,530 Die erste ist, mit dieser Stil-Attribut. 440 00:20:17,530 --> 00:20:21,200 So können Sie sehen, der Stil ist Key-Stil. 441 00:20:21,200 --> 00:20:24,370 Der Stil ist eigentlich Wert ein weiterer Schlüssel-Wert-Liste. 442 00:20:24,370 --> 00:20:26,570 >> In diesem Fall nahm ich einen Schlüssel, text-align. 443 00:20:26,570 --> 00:20:27,730 Und ich sagte, Zentrum. 444 00:20:27,730 --> 00:20:30,280 Vielleicht fragen Sie sich an dieser Punkt, wie kam ich über 445 00:20:30,280 --> 00:20:31,230 text-align. 446 00:20:31,230 --> 00:20:32,280 Was bedeutet, dass auch tun? 447 00:20:32,280 --> 00:20:35,350 Das ist eine gute Frage zu stellen, und wir gehen, um dort in einem zweiten zu bekommen. 448 00:20:35,350 --> 00:20:39,740 Also das ist ein Weg, um etwas zu stylen, geben ihr einfach das style-Attribut. 449 00:20:39,740 --> 00:20:43,490 >> Ein weiterer Weg, um etwas zu stylen ist - dies Akshar erwähnt. 450 00:20:43,490 --> 00:20:49,660 Sie können Art-Tags benutzen setzen, dass im Kopf des HTML-Dokuments. 451 00:20:49,660 --> 00:20:52,220 Sie sind also im Grunde sagen, der Inhalt in hier 452 00:20:52,220 --> 00:20:53,870 Stil ist etwas Inhalt. 453 00:20:53,870 --> 00:20:59,520 Und das Format für das ist das, was Sie Möchten Art und dann, innerhalb von 454 00:20:59,520 --> 00:21:03,460 geschweiften Klammern, die Schlüssel-Wert Paar Attribute, die Sie geben wollen 455 00:21:03,460 --> 00:21:05,920 dass bestimmte Art von Element. 456 00:21:05,920 --> 00:21:07,370 >> Schließlich, und dies ist der häufigste Weg. 457 00:21:07,370 --> 00:21:10,320 Und das ist die Art, wie wir tun es in Satz 7 p. 458 00:21:10,320 --> 00:21:12,370 Es ist ein externes Stylesheet. 459 00:21:12,370 --> 00:21:14,370 So haben Sie eine. Css-Datei. 460 00:21:14,370 --> 00:21:18,050 Und in der es, eine Menge sehen Sie Dinge, die so aussehen, der Name 461 00:21:18,050 --> 00:21:22,730 einer Art von Element oder eine ID oder eine Klasse und dann, innerhalb von geschweiften 462 00:21:22,730 --> 00:21:28,040 Hosenträger, eine Liste von Schlüssel-Wert-Paaren. 463 00:21:28,040 --> 00:21:30,065 >> Natürlich, wenn Sie ein externes erstellen Datei, du bist zu gehen 464 00:21:30,065 --> 00:21:31,310 müssen sie gehören - 465 00:21:31,310 --> 00:21:34,860 scharf sind, das wäre werden die C-Analogie - 466 00:21:34,860 --> 00:21:36,250 in der HTML-Datei. 467 00:21:36,250 --> 00:21:39,820 Sie müssen also dafür sind Code in die HTML-Datei. 468 00:21:39,820 --> 00:21:46,080 Dies ist der Name der Datei, und vorausgesetzt, es ist im gleichen Verzeichnis. 469 00:21:46,080 --> 00:21:47,100 >> OK. 470 00:21:47,100 --> 00:21:48,200 Das war eine Menge. 471 00:21:48,200 --> 00:21:52,440 Und wir gehen jetzt zu atmen und schauen bei einigen echten, Live-Website und 472 00:21:52,440 --> 00:21:53,720 erkunden Sie mehr. 473 00:21:53,720 --> 00:21:55,470 Aber bevor wir das tun, weiß jemand Fragen? 474 00:21:55,470 --> 00:22:00,830 475 00:22:00,830 --> 00:22:04,970 >> Also, wenn Sie dies tun möchten, zusammen mit mir, wir können an das Gerät gehen. 476 00:22:04,970 --> 00:22:08,950 Und ich wählte den CS50-Startseite. 477 00:22:08,950 --> 00:22:10,020 Sie können dies mit einer Website zu tun. 478 00:22:10,020 --> 00:22:13,070 Aber warum machen wir nicht mit zu beginnen CS50 die Homepage? 479 00:22:13,070 --> 00:22:14,650 >> Lassen Sie uns zu erfrischen. 480 00:22:14,650 --> 00:22:18,030 Ich empfehle Ihnen wirklich tun diese zusammen mit mir, weil das, was wir 481 00:22:18,030 --> 00:22:22,720 sind jetzt tun sein wird, unglaublich nützlich für Sie, nicht nur in 482 00:22:22,720 --> 00:22:24,450 P-Set 7, aber in der P-Set 8 als gut. 483 00:22:24,450 --> 00:22:24,810 Ja. 484 00:22:24,810 --> 00:22:29,560 >> ZIELGRUPPE: Gibt es eine Möglichkeit, um Kommentare zu tun in HTML, ohne die Verwendung von PHP? 485 00:22:29,560 --> 00:22:31,130 >> JASON HIRSCHHORN: Ja, Sie können machen Kommentare in HTML. 486 00:22:31,130 --> 00:22:32,690 >> PUBLIKUM: Was ist die Syntax? 487 00:22:32,690 --> 00:22:34,340 >> ZIELGRUPPE: Ausrufezeichen Bindestrich Bindestrich. 488 00:22:34,340 --> 00:22:36,125 >> ZIELGRUPPE: OK. 489 00:22:36,125 --> 00:22:37,100 >> JASON HIRSCHHORN: Ja. 490 00:22:37,100 --> 00:22:38,350 Das ist die Syntax. 491 00:22:38,350 --> 00:22:40,630 492 00:22:40,630 --> 00:22:41,900 Sie können Kommentare in HTML zu machen. 493 00:22:41,900 --> 00:22:43,310 Sie können Kommentare in PHP zu machen. 494 00:22:43,310 --> 00:22:46,590 >> Wie Sie sehen werden, wird im HTML-Kommentar noch auftauchen, wenn wir auf die 495 00:22:46,590 --> 00:22:49,960 HTML-Quellcode einer bestimmten Website. 496 00:22:49,960 --> 00:22:51,610 Also das cs50.net. 497 00:22:51,610 --> 00:22:57,360 Wenn Sie rechts in den meisten modernen klicken Browser, die auf fast jeder Seite, sehen Sie 498 00:22:57,360 --> 00:22:58,820 die Seite Quelle. 499 00:22:58,820 --> 00:23:01,480 Also lassen Sie uns das tun, auf CS50. 500 00:23:01,480 --> 00:23:05,060 >> Und siehe da, wir sehen eine riesige Sache. 501 00:23:05,060 --> 00:23:07,420 CS50 sieht eigentlich ziemlich nett. 502 00:23:07,420 --> 00:23:08,920 Eine Vielzahl von Websites wird nicht sehen diese schön. 503 00:23:08,920 --> 00:23:10,540 Wenn Sie Google-Startseite gehen und öffnen Sie es. 504 00:23:10,540 --> 00:23:11,960 Es wird nicht so aus, dieses schöne. 505 00:23:11,960 --> 00:23:13,830 >> Aber Sie bemerken, dass an der Spitze - 506 00:23:13,830 --> 00:23:16,650 das ist eine Art von kleinen. 507 00:23:16,650 --> 00:23:17,900 Lassen Sie uns das größer. 508 00:23:17,900 --> 00:23:22,660 509 00:23:22,660 --> 00:23:23,570 OK. 510 00:23:23,570 --> 00:23:26,660 An der Spitze, DOCTYPE HTML, das ist bekannt. 511 00:23:26,660 --> 00:23:30,650 Dann sehen wir den offenen HTML-Tag und der Kopf, genau hier, alle 512 00:23:30,650 --> 00:23:34,350 dieser Meta-Tags. 513 00:23:34,350 --> 00:23:38,000 Und Sie können diese og sehen, nicht werde nun darauf eingehen. 514 00:23:38,000 --> 00:23:42,110 Aber ich bin mir fast sicher, dass bei diese würden Facebook sein. 515 00:23:42,110 --> 00:23:42,900 >> Das ist eigentlich die Facebook. 516 00:23:42,900 --> 00:23:44,870 Ich denke, dass für offene Grafik steht. 517 00:23:44,870 --> 00:23:48,930 Also denken Sie daran, ich war zu erwähnen ist Faceboook spezifische Metadaten können 518 00:23:48,930 --> 00:23:49,800 geben, um einer Seite. 519 00:23:49,800 --> 00:23:51,150 Das ist, was hier ist. 520 00:23:51,150 --> 00:23:54,580 >> Also, wenn Sie diese Seite auf Facebook zu verknüpfen, das Bild, es wird zeigen, 521 00:23:54,580 --> 00:23:56,630 ist dieses Bild hier richtig. 522 00:23:56,630 --> 00:23:58,310 Und Sie tatsächlich sehen, dass es Facebook, weil es 523 00:23:58,310 --> 00:23:59,470 die Facebook-Bild. 524 00:23:59,470 --> 00:24:00,880 >> Aber egal, wir sind immer beiseite. 525 00:24:00,880 --> 00:24:03,220 So haben wir einige Metadaten-Tags hier. 526 00:24:03,220 --> 00:24:05,570 Wir sehen den CS50-Titel. 527 00:24:05,570 --> 00:24:09,830 Und wieder ist der Titel, was geht hier oben in der Registerkarte Browser. 528 00:24:09,830 --> 00:24:14,770 Wir sehen dies ist die Verknüpfung in, genau hier, eine externe JavaScript-Datei. 529 00:24:14,770 --> 00:24:17,640 >> Wir haben nicht viel geredet über JavaScript, aber nächste Woche - und sicherlich, wenn 530 00:24:17,640 --> 00:24:20,350 Sie tun, eine web-basierte Set Problem sind, Sie werden mit Hilfe von JavaScript. 531 00:24:20,350 --> 00:24:23,540 Dies ist, wie Sie in Externer Link JavaScript-Dateien. 532 00:24:23,540 --> 00:24:31,970 Wir sehen hier schließlich die CSS Stylesheet dokumentiert, dass diese 533 00:24:31,970 --> 00:24:32,830 Stile dieser Code. 534 00:24:32,830 --> 00:24:37,190 >> Lassen Sie uns zu öffnen, dass tatsächlich und schauen wirklich schnell. 535 00:24:37,190 --> 00:24:38,440 Das sieht verrückt. 536 00:24:38,440 --> 00:24:40,840 537 00:24:40,840 --> 00:24:42,790 Es gibt keinen Weg, ich wäre der Lage, durch zu lesen. 538 00:24:42,790 --> 00:24:46,930 Also eigentlich kann man aber, wenn Sie nehmen ein Blick, Sie Art sehen, dass 539 00:24:46,930 --> 00:24:48,650 gibt es - 540 00:24:48,650 --> 00:24:49,790 dort gehen wir. 541 00:24:49,790 --> 00:24:53,440 >> Das sieht aus wie etwas, das wir gesehen haben, vor, Hintergrundfarbe, die Einstellung es 542 00:24:53,440 --> 00:24:55,550 gleich einem Rot-Grün-Blau-Wert. 543 00:24:55,550 --> 00:24:59,070 Dieses Zeug Art sollte nicht den Anschein, dass Fremd, obwohl, wenn vorgestellt 544 00:24:59,070 --> 00:25:00,850 wie diese, kann es ein wenig überwältigend. 545 00:25:00,850 --> 00:25:03,340 Wir gehen nicht an dieser CSS-Datei zu suchen oder verbringen viel Zeit auf, weil 546 00:25:03,340 --> 00:25:06,030 es ist wieder ziemlich schwer zu lesen. 547 00:25:06,030 --> 00:25:09,090 >> Gehen wir zurück in diese HTML-Seite für CS50. 548 00:25:09,090 --> 00:25:10,930 Und lassen Sie nach unten scrollen, um den Körper. 549 00:25:10,930 --> 00:25:14,730 Und innen sehen wir dieses div-Tag. 550 00:25:14,730 --> 00:25:18,370 Wir sehen eine Kopf hier richtig. 551 00:25:18,370 --> 00:25:21,060 Wir sehen die Anker-Tag. 552 00:25:21,060 --> 00:25:26,050 >> Und diese Liste Element bei einer bestimmten Klasse. 553 00:25:26,050 --> 00:25:28,370 Und wir sehen, dass Klasse wiederholt immer und immer wieder. 554 00:25:28,370 --> 00:25:29,730 Es gibt Sie Curtis. 555 00:25:29,730 --> 00:25:32,730 Es ist der Kommentar in HTML5. 556 00:25:32,730 --> 00:25:36,280 >> Und wie Sie bemerken, die wir immer noch sehen können es, aber es wird nicht angezeigt. 557 00:25:36,280 --> 00:25:37,960 Es ist eigentlich wirklich interessant. 558 00:25:37,960 --> 00:25:40,760 Es sieht aus wie dieser Partituren Liste Element auskommentiert. 559 00:25:40,760 --> 00:25:45,110 Wenn wir zu dieser Seite wieder, es immer noch dort erscheint, so interessant. 560 00:25:45,110 --> 00:25:47,830 >> Oh, das ist, warum, weil dieser nächsten Zeile. 561 00:25:47,830 --> 00:25:50,680 562 00:25:50,680 --> 00:25:52,735 Was wir sonst noch von Interesse zu sehen? 563 00:25:52,735 --> 00:25:56,640 564 00:25:56,640 --> 00:26:00,180 Der Rest ist eher verwirrend, in Umgang mit diesem Recht die Hälfte der 565 00:26:00,180 --> 00:26:03,280 Webseite, die ein wenig ist etwas komplexer. 566 00:26:03,280 --> 00:26:08,890 >> Also das ist, was einige HTML wird aussehen würde. 567 00:26:08,890 --> 00:26:10,990 Für mich aber ist das ein wenig überwältigend, und dies nicht 568 00:26:10,990 --> 00:26:12,350 helfen Sie mir, dass viel. 569 00:26:12,350 --> 00:26:16,560 Allerdings gibt es etwas, das hat in der Tat, helfen mir sehr viel. 570 00:26:16,560 --> 00:26:20,490 >> Und das ist, was ich bin, wenn ich versuchen, herauszufinden, wie etwas 571 00:26:20,490 --> 00:26:24,270 so aussieht, wie es funktioniert, oder wie kann Ich Änderungen an meiner Website. 572 00:26:24,270 --> 00:26:29,280 Und das ist ein Entwickler-Tool dass in Chrome eingebaut. 573 00:26:29,280 --> 00:26:33,960 Also, wenn Sie diese drei Balken rechts gehen hier und gehen Sie auf Tools, klicken Sie auf 574 00:26:33,960 --> 00:26:40,120 Entwickler-Tools, wird ein kleines Fenster Pop-up am unteren Rand der Seite. 575 00:26:40,120 --> 00:26:46,910 Und insbesondere Chrom, da es wunderbar, dieses Fenster zu formatieren und 576 00:26:46,910 --> 00:26:49,580 nehmen Sie die HTML und lassen es so aussehen viel schöner für Sie. 577 00:26:49,580 --> 00:26:54,860 So jetzt ist es eigentlich etwas, zusammenklappbar HTML, die Sie erkunden können, um zu überprüfen 578 00:26:54,860 --> 00:26:56,620 Die Elemente auf der Seite. 579 00:26:56,620 --> 00:26:59,400 >> Wenn wir wollen, um auf den Körper aus, es tatsächlich hervorhebt. 580 00:26:59,400 --> 00:27:03,240 Wenn Sie über einen Teil des HTML-blättern, unten in diesem Fenster, wird es 581 00:27:03,240 --> 00:27:06,530 Markieren Sie das Teil, da spricht etwa in der großen Fenster. 582 00:27:06,530 --> 00:27:10,800 Also lassen Sie mich noch einmal zu versuchen und blasen diese ein wenig. 583 00:27:10,800 --> 00:27:12,170 OK. 584 00:27:12,170 --> 00:27:13,550 >> Also öffnen wir den Körper. 585 00:27:13,550 --> 00:27:17,280 Und ich bin Scrollen über diese Links div. 586 00:27:17,280 --> 00:27:21,420 Und Sie stellen fest, dass es Hervorhebung diese linke Hälfte des Bildschirms. 587 00:27:21,420 --> 00:27:25,710 Lassen Sie uns also auf, dass Sie und zu erweitern, dass. 588 00:27:25,710 --> 00:27:27,280 >> Innerhalb von ihm, sieht es aus wie gibt es zwei divs. 589 00:27:27,280 --> 00:27:29,790 Es ist das erste div. 590 00:27:29,790 --> 00:27:30,760 Ich sehe nicht, dass hervorgehoben. 591 00:27:30,760 --> 00:27:35,900 Ich weiß nicht, aber es sieht so aus zweite, innere linke, der Gehalt 592 00:27:35,900 --> 00:27:37,700 Auf der linken Seite des Bildschirms. 593 00:27:37,700 --> 00:27:39,360 >> Dann gibt es dieses Ding namens Header. 594 00:27:39,360 --> 00:27:41,890 Es sieht aus wie das ist Hervorhebung Teil der CS50. 595 00:27:41,890 --> 00:27:46,600 Wenn wir uns öffnen, die sich, sehen wir, dass es nichts weiter als ein Kopf. 596 00:27:46,600 --> 00:27:51,140 Es ist eine ID gegeben, und es ist angesichts der Text CS50. 597 00:27:51,140 --> 00:27:57,240 >> Also noch einmal, es bei der Suche durch diese Konsole oder über die Entwickler-Tools 598 00:27:57,240 --> 00:28:00,710 Scheibe am unteren Rand des Bildschirms Marken Erkundung dieser Website hoffentlich ein 599 00:28:00,710 --> 00:28:02,990 viel weniger einschüchternd und viel mehr erreichen. 600 00:28:02,990 --> 00:28:06,360 Es erlaubt uns auch zu verstehen, dass Diese Website, obwohl es sehr aussieht 601 00:28:06,360 --> 00:28:09,210 hübsch und nett, ist gar nicht so viel mehr als was du sein wirst 602 00:28:09,210 --> 00:28:10,430 dabei auf Problem Set 7. 603 00:28:10,430 --> 00:28:13,080 Und dies ist völlig innerhalb Ihre Fähigkeit zu erstellen. 604 00:28:13,080 --> 00:28:14,110 >> Wenn wir wollen, - 605 00:28:14,110 --> 00:28:18,270 die andere kühle Sache über die Verwendung dieser Tools ist, wenn man einen Rechtsklick auf die 606 00:28:18,270 --> 00:28:22,270 Titel, können Sie die HTML bearbeiten. 607 00:28:22,270 --> 00:28:25,660 Also nennen wir es Jason. 608 00:28:25,660 --> 00:28:28,990 Und jetzt werden Sie feststellen, ich habe mich verändert die HTML-Datei auf dieser Seite. 609 00:28:28,990 --> 00:28:31,020 >> Natürlich habe ich nicht geändert dauerhaft. 610 00:28:31,020 --> 00:28:34,570 Wenn ich meinen Browser aktualisieren, dann wäre es gehen Sie zurück auf die ursprüngliche HTML. 611 00:28:34,570 --> 00:28:38,860 Aber manchmal möchte ich meinen Code zu debuggen, und ich möchte nicht aussehen muss nur meine 612 00:28:38,860 --> 00:28:41,370 gedit-Fenster und versuchen zu verstehen, , was los ist. 613 00:28:41,370 --> 00:28:42,705 >> Ich möchte sehen, was passieren wird live. 614 00:28:42,705 --> 00:28:45,880 Also werde ich Code wie diesen zu bearbeiten und erhalten es so, wie ich es will um zu schauen. 615 00:28:45,880 --> 00:28:47,960 Und dann werde ich das machen Veränderungen in meinem Code. 616 00:28:47,960 --> 00:28:50,010 >> Und ich finde, dass es viel einfacher wenn Sie die Dinge tun können, 617 00:28:50,010 --> 00:28:52,400 sofort, wie die. 618 00:28:52,400 --> 00:28:58,410 Sag mal, wieder einem anderen, wollen wir Chance, weil wir mit der Erforschung 619 00:28:58,410 --> 00:29:00,340 HTML und CSS jetzt. 620 00:29:00,340 --> 00:29:02,600 Ich kann die Datei jetzt bearbeiten. 621 00:29:02,600 --> 00:29:06,680 Und ich werde einen Link angeben. 622 00:29:06,680 --> 00:29:10,650 >> Also werde ich CS50 Heim ändern Seite, so dass es zu verlinken - 623 00:29:10,650 --> 00:29:12,060 sagen wir - meine Homepage. 624 00:29:12,060 --> 00:29:16,700 Was ist der Name, wenn jemand erinnert, oder was ist das Attribut Ich will geben 625 00:29:16,700 --> 00:29:18,850 zu einem Anker Registerkarte, wenn ich will es woanders verlinken? 626 00:29:18,850 --> 00:29:19,562 >> ZIELGRUPPE: href? 627 00:29:19,562 --> 00:29:20,812 >> JASON HIRSCHHORN: href - 628 00:29:20,812 --> 00:29:32,520 629 00:29:32,520 --> 00:29:35,750 So, jetzt, werden Sie sehen, dass es ist ein Unterstrich unter Jason. 630 00:29:35,750 --> 00:29:40,170 Das ist, weil Chrome standardmäßig Anker gibt eine Unterstreichung. 631 00:29:40,170 --> 00:29:41,990 Sie haben wahrscheinlich gesehen, dass vor wenn Sie zu einer Web-Seite gegangen. 632 00:29:41,990 --> 00:29:44,200 Dinge, die Links sind unterstrichen und in blau. 633 00:29:44,200 --> 00:29:47,300 Der Standardstil für einen Link ist es in der Regel zu unterstreichen 634 00:29:47,300 --> 00:29:48,830 und steckte es in blau. 635 00:29:48,830 --> 00:29:50,050 >> Wenn ich es nicht mag, dass, Ich kann das ändern. 636 00:29:50,050 --> 00:29:51,220 Und wir werden sie in einer Sekunde ändern. 637 00:29:51,220 --> 00:29:54,660 Aber jetzt, auch feststellen, dass, wenn ich den Mauszeiger über diese, in der unteren linken Seite des 638 00:29:54,660 --> 00:29:58,580 Bildschirm, direkt über der Wortelemente ist die Verbindung, die ich gab ihn. 639 00:29:58,580 --> 00:30:03,080 >> So klicken Sie, wenn ich auf das - und wir können Rechtsklick auf diese, eine neue Registerkarte öffnen. 640 00:30:03,080 --> 00:30:04,520 Dies ist nicht wirklich meine Homepage. 641 00:30:04,520 --> 00:30:06,700 Es ist nur mein Name. 642 00:30:06,700 --> 00:30:07,210 Dort gehen Sie. 643 00:30:07,210 --> 00:30:10,440 Wir haben jetzt machen es zu einem Link. 644 00:30:10,440 --> 00:30:13,220 >> Lassen Sie uns einige CSS als auch. 645 00:30:13,220 --> 00:30:15,680 Die schöne Sache - und ich bin zu gehen machen diese etwas kleiner - ca. 646 00:30:15,680 --> 00:30:19,480 Diese Konsole ist, dass verrückt CSS Blatt bevor wir sahen, das war wirklich 647 00:30:19,480 --> 00:30:24,130 schwer zu analysieren, ist jetzt schön für uns auf der linken Seite gelegt 648 00:30:24,130 --> 00:30:25,270 von diesem Bereich. 649 00:30:25,270 --> 00:30:27,230 So können wir sehen. 650 00:30:27,230 --> 00:30:33,690 Und wenn wir diese Arten Registerkarte erweitern wir können alle von den verschiedenen Arten 651 00:30:33,690 --> 00:30:37,940 , die mit zugeordneten, in diesem Fall, Dieses besondere Element dieser 652 00:30:37,940 --> 00:30:39,700 Link-Element. 653 00:30:39,700 --> 00:30:44,240 >> Wenn wir das tun die Registerkarte Verbindung Stile, dass zeigt uns, nur nicht dort, wo alles 654 00:30:44,240 --> 00:30:47,450 stammt, aber im wesentlichen alle diese Stile, die auf sich 655 00:30:47,450 --> 00:30:51,220 Dieses besondere Element jetzt. 656 00:30:51,220 --> 00:30:55,050 Und sagen wir, wir wollen um es zu ändern ein bisschen. 657 00:30:55,050 --> 00:30:58,870 658 00:30:58,870 --> 00:31:02,740 Also das ist alle Stile, die sind die auf diesem Element. 659 00:31:02,740 --> 00:31:04,800 Sagen wir, wir wollen es ändern, weil wir wollen sehen, wie etwas aussieht. 660 00:31:04,800 --> 00:31:06,050 Und wir sind nur spielen um gerade jetzt. 661 00:31:06,050 --> 00:31:08,720 Oder wir etwas aus zu testen, bevor wollen es im Code zu schreiben und Schieben 662 00:31:08,720 --> 00:31:10,150 es und es zu leben. 663 00:31:10,150 --> 00:31:11,780 >> Wir können Sie auf die Registerkarte Stile zu gehen. 664 00:31:11,780 --> 00:31:14,270 Und in der ersten Box es sagt, element.style. 665 00:31:14,270 --> 00:31:17,020 Und hier können Sie einfügen, Sie können etwas hinzuzufügen. 666 00:31:17,020 --> 00:31:18,550 >> So möchte ich - 667 00:31:18,550 --> 00:31:22,360 lassen Sie uns auf meinen Link und gehen die die Hintergrundfarbe. 668 00:31:22,360 --> 00:31:25,830 Und es tatsächlich AutoFills es für Sie, alle möglichen Eigenschaften. 669 00:31:25,830 --> 00:31:29,360 Hintergrundfarbe, und ich will , dass blau zu machen. 670 00:31:29,360 --> 00:31:31,520 Blus ist nicht ein Wort. 671 00:31:31,520 --> 00:31:32,400 Blue ist ein Wort. 672 00:31:32,400 --> 00:31:34,490 >> Habe ich sehe es kommen? 673 00:31:34,490 --> 00:31:35,800 Oh, das ist, weil es in der href? 674 00:31:35,800 --> 00:31:36,550 OK. 675 00:31:36,550 --> 00:31:40,220 Also ich sehe keine Veränderung hier. 676 00:31:40,220 --> 00:31:45,100 Und das ist, denn wenn wir das markieren Link, werden Sie feststellen, dass der Link 677 00:31:45,100 --> 00:31:48,430 ist eigentlich nicht die Kontrolle Eigenschaften dieses besondere Element. 678 00:31:48,430 --> 00:31:52,430 Es ist eigentlich, wenn wir den Link zu öffnen, dieser Header ist hier, dass 679 00:31:52,430 --> 00:31:53,590 Steuerung, wie es aussieht. 680 00:31:53,590 --> 00:31:56,380 >> Also, wenn ich will, um den Hintergrund zu machen blau, habe ich eigentlich ändern 681 00:31:56,380 --> 00:31:59,640 Hintergrundfarbe auf die Header-Element. 682 00:31:59,640 --> 00:32:02,700 Und nun sehen wir, dass die Hintergrund ist blau. 683 00:32:02,700 --> 00:32:06,770 >> Also noch einmal, dies schnell im Gange sein könnte durch dieses Material ziemlich schnell. 684 00:32:06,770 --> 00:32:08,580 Aber das ist im Wesentlichen, was Sie gehen zu tun. 685 00:32:08,580 --> 00:32:10,860 Es ist nicht auf Problem-Set 7, aber sicherlich, wenn Sie 686 00:32:10,860 --> 00:32:12,080 Codierung im Web. 687 00:32:12,080 --> 00:32:12,360 >> OK. 688 00:32:12,360 --> 00:32:13,780 Ich möchte den Hintergrund blau machen. 689 00:32:13,780 --> 00:32:16,180 Obwohl in diesem Fall, blau sieht ziemlich hässlich. 690 00:32:16,180 --> 00:32:17,740 Ich kann hier zu gehen, um zu spielen. 691 00:32:17,740 --> 00:32:20,515 Ich sehe, dass Sie es bis blau nicht auf dem ein zu arbeiten. 692 00:32:20,515 --> 00:32:26,710 Ich habe den Header tatsächlich ändern Element, um die blau sind 693 00:32:26,710 --> 00:32:28,200 Hintergrund. 694 00:32:28,200 --> 00:32:34,450 >> Und dann, wenn dann gehe ich zurück in mein CSS Datei, wie kann ich eigentlich diese eingestellt 695 00:32:34,450 --> 00:32:37,520 Hintergrund blau zu sein und Diese Änderung Stick? 696 00:32:37,520 --> 00:32:44,840 Denn wenn wir merken, wenn ich die aktualisieren Seite, werden alle Änderungen, die ich gemacht, sind vorbei. 697 00:32:44,840 --> 00:32:47,220 So erkannte ich, OK, meine Hintergrund ist blau. 698 00:32:47,220 --> 00:32:51,260 >> Ich muss in diesem header1 Element gehen und ändern Sie die Hintergrundfarbe zu Blau. 699 00:32:51,260 --> 00:32:52,710 Wie kann ich eigentlich machen, dass der Wandel? 700 00:32:52,710 --> 00:32:57,040 Nun, daran erinnern, dass, wenn wir reingehen von hier, dieser Header, die 701 00:32:57,040 --> 00:32:59,280 Titel hat eine ID. 702 00:32:59,280 --> 00:33:00,890 Und das ist Titel. 703 00:33:00,890 --> 00:33:09,010 >> Und so in unsere CSS-Datei, können wir sagen, OK, nehmen nichts mit der ID-Titel und 704 00:33:09,010 --> 00:33:11,330 geben ihm diese zusätzliche Eigenschaft. 705 00:33:11,330 --> 00:33:18,010 Wie können wir etwas mit der Referenz ID der Titel, Ideen, oder jemand 706 00:33:18,010 --> 00:33:24,406 wissen, wie wir verweisen IDs in unsere CSS-Datei? 707 00:33:24,406 --> 00:33:26,290 >> Ein Hash, das ist genau richtig. 708 00:33:26,290 --> 00:33:28,710 Und Sie, dass eine Spur von rechts hier. 709 00:33:28,710 --> 00:33:32,810 Also irgendwo in dieser CSS-Datei, es gibt diese Zeile Code - 710 00:33:32,810 --> 00:33:34,150 # Links # links-Innen # header # Titel. 711 00:33:34,150 --> 00:33:36,810 712 00:33:36,810 --> 00:33:40,590 Und es ist ihm Rand unten, Festlegung der Marge Grund zu 713 00:33:40,590 --> 00:33:42,220 bestimmten Element. 714 00:33:42,220 --> 00:33:46,580 >> Nun, wenn ich wollte, das zu ändern, Ich würde in dieser CSS-Datei zu gehen. 715 00:33:46,580 --> 00:33:49,510 Und ich finde das könnte entweder Teil der CSS-Datei. 716 00:33:49,510 --> 00:33:50,300 Oder ich könnte meine eigene schreiben. 717 00:33:50,300 --> 00:33:54,670 >> Ich konnte Hash-Titel geschweiften Klammer und zu tun dann Hintergrundfarbe blau Doppelpunkt 718 00:33:54,670 --> 00:33:57,250 Semikolon und nah, dass geschweifte Klammer. 719 00:33:57,250 --> 00:34:02,790 Und das würde den Hintergrund ändern Farbe dieses Element zu blau. 720 00:34:02,790 --> 00:34:06,690 Der Grund warum sie hier geben Ihnen so viele ist dass es in diesem Fall notwendig, 721 00:34:06,690 --> 00:34:08,690 weil Titel ist eine eindeutige Kennung. 722 00:34:08,690 --> 00:34:11,190 >> Aber was Sie tun können, ist Nest Dinge. 723 00:34:11,190 --> 00:34:14,760 Also das ist zu sagen, OK, nach links zu gehen. 724 00:34:14,760 --> 00:34:15,350 Das ist sehr klein. 725 00:34:15,350 --> 00:34:16,150 Ich entschuldige mich dafür. 726 00:34:16,150 --> 00:34:17,750 >> Aber gehen Sie auf die Sache mit der ID links. 727 00:34:17,750 --> 00:34:20,420 Innerhalb der, dass, für die Sache mit ID linken Innen. 728 00:34:20,420 --> 00:34:22,630 Innerhalb von diesem Blick, suchen Sie nach die Sache mit ID-Header. 729 00:34:22,630 --> 00:34:27,560 Innerhalb der, dass, suchen Sie nach dem Ding ID Titel und ändern Sie die ID-Titel. 730 00:34:27,560 --> 00:34:29,120 Also das ist nur ein Weg, der Verschachtelung Dinge. 731 00:34:29,120 --> 00:34:32,719 Einige Leute mögen Nest, weil es macht es ein bisschen klarer. 732 00:34:32,719 --> 00:34:37,980 >> Sie werden auch hier unten rechts zu sehen, hier gibt es keine Hash. 733 00:34:37,980 --> 00:34:39,449 Es ist nur h1. 734 00:34:39,449 --> 00:34:44,060 Das ist, weil h1 ist angesichts der Name eines generischen Tag. 735 00:34:44,060 --> 00:34:48,080 Und es gibt einige CSS-Eigenschaften mit jedem einzelnen h1 verbunden. 736 00:34:48,080 --> 00:34:51,889 Also, wenn ich fand einen anderen h1 auf dieser Seite, Ich möchte auch sehen, dass dieser Stil war 737 00:34:51,889 --> 00:34:54,280 sowie beaufschlagt. 738 00:34:54,280 --> 00:34:59,290 >> Wenn ich wollte, um einen Stil zu einer Klasse gelten, wie kann ich verweisen auf eine Klasse oder 739 00:34:59,290 --> 00:35:02,469 sprechen von einer Klasse in einer CSS-Datei? 740 00:35:02,469 --> 00:35:03,315 >> ZIELGRUPPE: Punkt. 741 00:35:03,315 --> 00:35:05,340 >> JASON HIRSCHHORN: Es ist mit einem Punkt. 742 00:35:05,340 --> 00:35:08,630 Lassen Sie uns also zurück auf diese Seite gehen, bevor. 743 00:35:08,630 --> 00:35:11,160 Wenn ich Hash-ID. 744 00:35:11,160 --> 00:35:14,760 Das ändert den Stil der Sache mit Ausweis. 745 00:35:14,760 --> 00:35:21,390 Oder sorry, wenn ich Hash-Logo, das ist Suche nach der Sache mit der ID-Logo 746 00:35:21,390 --> 00:35:24,010 und ihm eine bestimmte CSS-Stil. 747 00:35:24,010 --> 00:35:28,280 >> Wenn ich etwas zu tun. Oben, das ist die Suche nach alles, was mit der Klasse der Ober-und 748 00:35:28,280 --> 00:35:30,190 Änderung ihrer Stile. 749 00:35:30,190 --> 00:35:35,950 Wenn ich einfach h1, dass jeder findet Einzel h1 und was auch immer gibt es die 750 00:35:35,950 --> 00:35:37,940 Stil will ich es geben. 751 00:35:37,940 --> 00:35:43,260 Wenn ich h1 Leerzeichen und dann. Spitze. 752 00:35:43,260 --> 00:35:47,670 Das wird gehen, finden Sie alle h1s und dann alle die, die mit der Klasse der Ober-und 753 00:35:47,670 --> 00:35:51,690 dann nur die Stile zu ändern was ich will, es zu geben. 754 00:35:51,690 --> 00:35:54,600 >> Und wieder, die wir geschrieben haben könnte einiges davon auf unseren eigenen. 755 00:35:54,600 --> 00:35:55,790 Aber wir wären nicht so weit gekommen. 756 00:35:55,790 --> 00:35:59,180 Viel besser, so scheint es eigentlich gehen auf einem echten Live-Website und sehen, wie 757 00:35:59,180 --> 00:36:02,800 sie es tun und schauen Sie sich alle der fantastische Dinge, die Sie tun. 758 00:36:02,800 --> 00:36:06,570 >> Schauen wir uns eine weitere Website bevor wir weiterziehen. 759 00:36:06,570 --> 00:36:10,150 Und das ist eine, die Sie wahrscheinlich werden vertraut mit. 760 00:36:10,150 --> 00:36:12,310 Dies ist CS50 Finance. 761 00:36:12,310 --> 00:36:16,120 Also noch einmal, können Sie tatsächlich in zu gehen und Diese CSS-Datei auf Ihrem beobachten 762 00:36:16,120 --> 00:36:19,390 Computer, weil Sie diese heruntergeladen haben CSS-Datei, wenn Sie die heruntergeladene 763 00:36:19,390 --> 00:36:20,270 Problem eingestellt. 764 00:36:20,270 --> 00:36:26,850 >> Wir können auf Extras und Entwickler-Tools. 765 00:36:26,850 --> 00:36:30,280 Und wir sehen eine viel einfachere HTML-Layout. 766 00:36:30,280 --> 00:36:32,020 Wir haben oben, Mitte und unten. 767 00:36:32,020 --> 00:36:34,490 Und wieder etwas, das man sein mit, denn Sie haben gesucht vertraut 768 00:36:34,490 --> 00:36:37,680 durch die Verteilung Code für diese Woche Problem eingestellt. 769 00:36:37,680 --> 00:36:43,360 >> An der Spitze ist, per Code, ein einzelnes Bild genannt. 770 00:36:43,360 --> 00:36:47,170 Und das ist der Bildquelle. 771 00:36:47,170 --> 00:36:52,170 Sagen, ich habe alles, was fertig Ich wollte für Set 7 Problem. 772 00:36:52,170 --> 00:36:55,500 Und es ist richtig arbeiten, aber Ich möchte zu ändern, wie es aussieht. 773 00:36:55,500 --> 00:36:58,900 Und ich, um den Hintergrund zu ändern von der Oberseite der Seite, 774 00:36:58,900 --> 00:37:01,000 zum Beispiel blau. 775 00:37:01,000 --> 00:37:04,860 Wenn es nach mir ginge, würde ich kommen in hier und herauszufinden, was OK 776 00:37:04,860 --> 00:37:05,890 will ich ändern. 777 00:37:05,890 --> 00:37:08,700 >> Mal sehen, div id top, dass sieht wie der oben auf der Seite. 778 00:37:08,700 --> 00:37:09,910 Lassen Sie uns also dorthin zu gehen. 779 00:37:09,910 --> 00:37:13,940 Lassen Sie uns versuchen Sie, die Hintergrundfarbe. 780 00:37:13,940 --> 00:37:16,360 Gehen wir tun Alice blau, weil das ist ein schöner, ein. 781 00:37:16,360 --> 00:37:18,010 >> Und Sie werden feststellen, dass - 782 00:37:18,010 --> 00:37:19,190 Sie wahrscheinlich nicht sehen können, dass. 783 00:37:19,190 --> 00:37:23,430 Aber es ist ein hellblau, neben dem CS50-Logo. 784 00:37:23,430 --> 00:37:25,810 Wir ändern es statt auf rot. 785 00:37:25,810 --> 00:37:28,790 Und Sie werden jetzt merke ich gerade geändert die Hintergrundfarbe auf rot. 786 00:37:28,790 --> 00:37:37,050 >> So, jetzt würde ich in meine CSS-Datei zu gehen und Typ # top lockig paren hier richtig. 787 00:37:37,050 --> 00:37:42,170 Sie können den Code der rechten Seite hier geschweifte Klammer. 788 00:37:42,170 --> 00:37:44,530 Und dann möchte ich hinzufügen, Hintergrund Farbe, rot. 789 00:37:44,530 --> 00:37:47,500 Und dann gäbe es sein, eine geschweifte Klammer. 790 00:37:47,500 --> 00:37:52,230 Das ist also, wie ich zu erforschen und experimentieren Sie mit dem Formatieren auf dem CS50 791 00:37:52,230 --> 00:37:53,070 Finanzen Ort. 792 00:37:53,070 --> 00:37:55,060 >> Ich es hier und testen Sie tun könnten es ist in meinem Browser. 793 00:37:55,060 --> 00:37:58,130 Und dann konnte ich in meine eigentliche Code gehen und die Änderungen, dass Will 794 00:37:58,130 --> 00:38:01,940 tatsächlich live gehen und dass die Menschen tatsächlich sehen, wenn sie kommen sollten 795 00:38:01,940 --> 00:38:04,280 meine speziellen Ort. 796 00:38:04,280 --> 00:38:05,390 >> OK. 797 00:38:05,390 --> 00:38:06,850 Das war eine Menge. 798 00:38:06,850 --> 00:38:09,380 Ich entschuldige mich für das Durchlaufen es so schnell. 799 00:38:09,380 --> 00:38:12,560 Hat jemand irgendwelche Fragen haben, überhaupt über HTML oder CSS? 800 00:38:12,560 --> 00:38:15,830 801 00:38:15,830 --> 00:38:24,728 >> ZIELGRUPPE: Können Sie etwas über zu gehen, wie Sie verknüpft wurde, was Jason, schon wieder? 802 00:38:24,728 --> 00:38:26,180 >> JASON HIRSCHHORN: Was Sie verknüpft das? 803 00:38:26,180 --> 00:38:29,765 >> ZIELGRUPPE: Sie ein Link zu einem anderen Website, mit dem Anker. 804 00:38:29,765 --> 00:38:32,980 >> JASON HIRSCHHORN: Also werden Sie fragen, nur allgemein, wie Sie einen Link zu machen? 805 00:38:32,980 --> 00:38:33,560 >> ZIELGRUPPE: Ja. 806 00:38:33,560 --> 00:38:34,150 >> JASON HIRSCHHORN: OK. 807 00:38:34,150 --> 00:38:35,575 Der Code für die Herstellung einer Verbindung - 808 00:38:35,575 --> 00:38:38,180 809 00:38:38,180 --> 00:38:40,590 >> ZIELGRUPPE: Nein, wie in der HTML. 810 00:38:40,590 --> 00:38:43,140 >> JASON HIRSCHHORN: Hier unten, meinen Sie? 811 00:38:43,140 --> 00:38:46,960 Also, wenn ich einen Link einzufügen irgendwo, beispielsweise ist dies der HTML meine 812 00:38:46,960 --> 00:38:50,210 Seite hier richtig. 813 00:38:50,210 --> 00:38:51,010 Dies ist der HTML-Code. 814 00:38:51,010 --> 00:38:53,720 Vielleicht ist es in einer Datei geöffnet, index.html. 815 00:38:53,720 --> 00:38:56,100 Ich gehe in. 816 00:38:56,100 --> 00:38:58,990 >> Lassen Sie uns diese Copyright-John Harvard Link zu etwas. 817 00:38:58,990 --> 00:39:02,230 Also werden wir alles als HTML bearbeiten. 818 00:39:02,230 --> 00:39:08,480 Alles, was Sie tun, ist sind das eine, so umklammern eine enge Klammer an der 819 00:39:08,480 --> 00:39:12,700 Anfang, und dann Halterung Schrägstrich eine schließende Klammer am Ende. 820 00:39:12,700 --> 00:39:13,930 >> So, jetzt habe ich ein Anker-Tag enthalten. 821 00:39:13,930 --> 00:39:15,475 Und tatsächlich, wenn Sie auf aus diesem, wird sie jetzt 822 00:39:15,475 --> 00:39:22,110 formatieren Sie sie als HTML bearbeiten. 823 00:39:22,110 --> 00:39:24,020 Und sagen wir es verknüpfen möchten. 824 00:39:24,020 --> 00:39:25,760 Wir würden Sie die href-Attribut. 825 00:39:25,760 --> 00:39:27,010 Und wir sagen - 826 00:39:27,010 --> 00:39:42,600 827 00:39:42,600 --> 00:39:47,600 >> Und nun, wie Sie feststellen, Urheberrecht John Harvard ist blau. 828 00:39:47,600 --> 00:39:50,870 Und wenn ich scrollen über es, es ist jetzt ein Link. 829 00:39:50,870 --> 00:39:53,140 So können Sie diesen Code zu schreiben. 830 00:39:53,140 --> 00:39:57,030 Sie können so ziemlich alles umgeben Sie in einem Anker-Tag wollen und schalten Sie es 831 00:39:57,030 --> 00:39:57,700 in einen Link. 832 00:39:57,700 --> 00:39:58,246 >> ZIELGRUPPE: OK. 833 00:39:58,246 --> 00:39:58,520 Verstanden. 834 00:39:58,520 --> 00:40:01,300 >> JASON HIRSCHHORN: Und wenn ich nicht wollte es - natürlich, manchmal Menschen neigen 835 00:40:01,300 --> 00:40:04,090 , diese Dinge, die nur schauen, dass blau und unterstrichen sind generisch 836 00:40:04,090 --> 00:40:05,860 nicht der schönste Weg, um einen Link zu machen. 837 00:40:05,860 --> 00:40:11,380 Also, wenn ich hier zu kommen, sehen Sie, dass, irgendwo in einer CSS-Datei, gibt es 838 00:40:11,380 --> 00:40:14,500 geschrieben und dann dieses eine zwei geschweiften Klammern. 839 00:40:14,500 --> 00:40:20,700 Also sagen wir mal, dass für Links, ich nicht wollen, dass sie blau, eher werde ich 840 00:40:20,700 --> 00:40:23,645 wollen, dass die Farbe eines Links zu sein, dieses schöne Magenta. 841 00:40:23,645 --> 00:40:28,320 842 00:40:28,320 --> 00:40:30,640 >> Lass es uns die Farbe. 843 00:40:30,640 --> 00:40:34,060 844 00:40:34,060 --> 00:40:35,110 Greifen wir Magenta. 845 00:40:35,110 --> 00:40:38,440 Nun, all die Links auf meiner Seite haben werden diese schöne Farbe Magenta. 846 00:40:38,440 --> 00:40:40,170 Manche Menschen wissen nicht, wie Farben überhaupt. 847 00:40:40,170 --> 00:40:41,340 Manche Menschen wissen nicht, wie Unterstreichungen. 848 00:40:41,340 --> 00:40:42,510 Sie erhalten zu holen. 849 00:40:42,510 --> 00:40:44,990 >> Mit Links, die Sie stylen können, wie sie aussehen, wenn man sie besucht haben. 850 00:40:44,990 --> 00:40:47,820 Wie werden Sie auf vielen Seiten bemerkt, Links abbiegen auf lila Sie sie besuchen. 851 00:40:47,820 --> 00:40:49,190 Sie können diese Farbe auch ändern. 852 00:40:49,190 --> 00:40:49,450 Ja. 853 00:40:49,450 --> 00:40:51,790 >> ZIELGRUPPE: Also Sie es ändern für jeden einzelnen Link. 854 00:40:51,790 --> 00:40:56,310 Aber wenn Sie nur wollten, dass Link tun selbst, würden Sie nur in der ID zu tun 855 00:40:56,310 --> 00:40:58,720 Boden oder so etwas? 856 00:40:58,720 --> 00:41:01,070 >> JASON HIRSCHHORN: Also große Frage. 857 00:41:01,070 --> 00:41:05,090 Wie Sie hier bemerkt, änderte ich einige Teil der CSS, die gilt 858 00:41:05,090 --> 00:41:11,530 alles, was ein A ist, wenn ich es wollte nur tun, dass Link am Ende, ich 859 00:41:11,530 --> 00:41:14,500 würde meine CSS-Datei gehen und wahrscheinlich tun, wie du gesagt hast, Hash- 860 00:41:14,500 --> 00:41:16,040 Bodenraum ein. 861 00:41:16,040 --> 00:41:18,400 Und das würde mir Als alle in den Boden. 862 00:41:18,400 --> 00:41:30,720 >> Oder ich könnte, alternativ, es zu eindeutige ID und dann tun Sie Hash-Link. 863 00:41:30,720 --> 00:41:32,050 Und das würde mir erlauben um dies heraus zu ändern. 864 00:41:32,050 --> 00:41:36,170 Allerdings nur austeilen IDs wohl oder übel ist generell eine schlechte 865 00:41:36,170 --> 00:41:37,730 Praxis, denn die sollte eindeutig sein. 866 00:41:37,730 --> 00:41:40,940 Und je mehr Sie haben, die es kann ein wenig verwirrend. 867 00:41:40,940 --> 00:41:41,270 Ja. 868 00:41:41,270 --> 00:41:43,725 >> ZIELGRUPPE: Können Sie das gleiche geben ID, mehrere Eigentümer? 869 00:41:43,725 --> 00:41:45,820 >> JASON HIRSCHHORN: Technisch ja. 870 00:41:45,820 --> 00:41:50,700 Nichts ist los, Sie zu stoppen, aber Sie sollten nicht Sie sollten ihm eine Klasse. 871 00:41:50,700 --> 00:41:55,330 872 00:41:55,330 --> 00:41:57,655 OK, andere Fragen über HTML oder CSS? 873 00:41:57,655 --> 00:42:05,660 874 00:42:05,660 --> 00:42:06,310 >> OK. 875 00:42:06,310 --> 00:42:09,950 Kommen wir nun zu PHP. 876 00:42:09,950 --> 00:42:10,575 Oh, ja. 877 00:42:10,575 --> 00:42:13,800 >> PUBLIKUM: Was ist es über diese Websites, die bedeutet, dass wir bearbeiten können, 878 00:42:13,800 --> 00:42:15,440 bevor wir sie aktualisieren. 879 00:42:15,440 --> 00:42:18,270 Aber sobald wir aktualisieren es kehrt auf die Anfangs HTML zurück? 880 00:42:18,270 --> 00:42:19,900 >> JASON HIRSCHHORN: Gute Frage - 881 00:42:19,900 --> 00:42:24,810 so, wenn wir diese geladen haben Web-Seite, es ist HTML. 882 00:42:24,810 --> 00:42:25,900 Und es ist kein JavaScript. 883 00:42:25,900 --> 00:42:29,060 Die PHP ausgeführt wird, um uns zu geben, was auch immer Art der Website, die wir sehen. 884 00:42:29,060 --> 00:42:33,130 Und es ist etwas HTML, manche erstellt JavaScript und einige CSS. 885 00:42:33,130 --> 00:42:35,990 Und das ist jetzt zugänglich von unserem Computer. 886 00:42:35,990 --> 00:42:40,700 >> Und eine Kopie dieser Dateien wird gespeichert lokal auf unserem Computer, 887 00:42:40,700 --> 00:42:41,910 vorerst. 888 00:42:41,910 --> 00:42:44,030 So können wir diese lokale Kopie zu bearbeiten. 889 00:42:44,030 --> 00:42:46,530 Aber natürlich sind wir nicht bearbeiten der Server-Kopie. 890 00:42:46,530 --> 00:42:49,420 >> Und wenn wir die Seite zu aktualisieren, wir bekommen einen anderen Server kopieren. 891 00:42:49,420 --> 00:42:51,250 Und so sehen wir die Dinge zurück, wie sie waren. 892 00:42:51,250 --> 00:42:55,200 Wenn wir in der Lage, von hier, zu bearbeiten die offiziellen Website, würden wir eine Menge haben 893 00:42:55,200 --> 00:42:55,800 Probleme. 894 00:42:55,800 --> 00:42:58,670 >> ZIELGRUPPE: Ja, so kann man lesen und schreiben Sie diese Kopie. 895 00:42:58,670 --> 00:43:00,140 >> JASON HIRSCHHORN: Richtig. 896 00:43:00,140 --> 00:43:04,380 Wir machen nur lokale Änderungen hier aber wieder, sehr hilfreich für die Erkundung, 897 00:43:04,380 --> 00:43:05,690 oft. 898 00:43:05,690 --> 00:43:08,900 Wenn ich schreibe meine Abschlussprojekt, für Beispiel, ich will sehen, wie einige 899 00:43:08,900 --> 00:43:11,270 Website gemacht etwas Look die Art, wie sie es taten. 900 00:43:11,270 --> 00:43:17,350 Ich werde gehen und diesen Bereich nach unten hier, zu welchem ​​CSS gab sie aussehen 901 00:43:17,350 --> 00:43:20,890 es oder welche Farbe sie abgeholt oder wie sie bekam es so, dass, wenn Sie schwebte 902 00:43:20,890 --> 00:43:24,180 über etwas, kam die Liste in einem schönen kaskadenförmig. 903 00:43:24,180 --> 00:43:27,220 Es ist ein guter Weg, um zu prüfen, welche anderen Websites zu tun und leihen, von ihnen. 904 00:43:27,220 --> 00:43:30,590 905 00:43:30,590 --> 00:43:33,690 >> Kommen wir nun zu PHP. 906 00:43:33,690 --> 00:43:38,560 PHP steht, in einem rekursiven Sinn PHP Hypertext Processor. 907 00:43:38,560 --> 00:43:42,060 Und PHP, was es tun wird Ausführen von Code ist Server-Seite. 908 00:43:42,060 --> 00:43:44,490 So werden wir nie mit PHP-Code zu sehen. 909 00:43:44,490 --> 00:43:47,210 >> Allerdings ist es schön zu spielen mit HTML und häufig zu 910 00:43:47,210 --> 00:43:48,210 eine Menge von HTML-Code. 911 00:43:48,210 --> 00:43:52,570 Aber wie werden Sie mit Problem vertraut sein Set 7, wird Ihr PHP-Code auszuführen, 912 00:43:52,570 --> 00:43:56,200 erzeugen einige HTML, und das ist, was der Benutzer am Ende sehen. 913 00:43:56,200 --> 00:44:00,510 >> PHP ist unglaublich ähnlich C. Es gibt jedoch ein paar 914 00:44:00,510 --> 00:44:04,400 Unterschiede, und diese Unterschiede sind wichtig zu beachten. 915 00:44:04,400 --> 00:44:09,420 Ein Unterschied ist, dass die Variablen in PHP lose typisiert. 916 00:44:09,420 --> 00:44:11,275 Hat jemand einen Sinn haben von dem, was das bedeutet? 917 00:44:11,275 --> 00:44:14,245 >> ZIELGRUPPE: Keine Notwendigkeit, es stürze dich. 918 00:44:14,245 --> 00:44:16,400 Wie keine Notwendigkeit, in Text zu schreiben. 919 00:44:16,400 --> 00:44:19,070 >> JASON HIRSCHHORN: Ich würde nicht mit der Wort Besetzung, aber ja, keine Notwendigkeit zu erklären, 920 00:44:19,070 --> 00:44:20,930 ein Typ für eine bestimmte Variable. 921 00:44:20,930 --> 00:44:22,300 Wie wir stattdessen eine Variable deklarieren? 922 00:44:22,300 --> 00:44:23,860 >> ZIELGRUPPE: Verwenden Sie ein Dollarzeichen. 923 00:44:23,860 --> 00:44:25,270 >> JASON HIRSCHHORN: Verwenden Sie ein Dollarzeichen. 924 00:44:25,270 --> 00:44:27,540 So $ x eine Variable ist. 925 00:44:27,540 --> 00:44:29,580 Ist $ 1 eine Variable. 926 00:44:29,580 --> 00:44:31,910 $ String ist eine Variable. 927 00:44:31,910 --> 00:44:36,280 >> Die Variablen $ x konnte eine ganze Zahl sein. 928 00:44:36,280 --> 00:44:38,010 Dann könnte es eine Zeichenkette sein. 929 00:44:38,010 --> 00:44:39,420 Dann könnte es ein Zeichen sein. 930 00:44:39,420 --> 00:44:40,790 Es spielt eigentlich keine Rolle. 931 00:44:40,790 --> 00:44:46,360 >> Auch die kühle Sache über PHP ist, sagen wir, $ x die Zeichenkette ein. 932 00:44:46,360 --> 00:44:48,920 Und $ y ist der Charakter ein. 933 00:44:48,920 --> 00:44:54,370 Sie können $ x und $ y hinzufügen, und es werde geben Sie 2, was man erwarten würde. 934 00:44:54,370 --> 00:44:56,160 So gibt es Niederlassungen in PHP. 935 00:44:56,160 --> 00:45:00,810 Weil es locker typisierte Variablen, einige implizites Casting ist für Sie erledigt 936 00:45:00,810 --> 00:45:02,330 und einige Operationen. 937 00:45:02,330 --> 00:45:04,240 >> Sie können Operationen an Dinge zu tun von verschiedenen Arten. 938 00:45:04,240 --> 00:45:08,740 Während vor, erhalten Sie häufig eine Fehler in C-Sprichwort, das ist nicht die Art 939 00:45:08,740 --> 00:45:09,610 das soll hier. 940 00:45:09,610 --> 00:45:11,510 Nur Dinge dieser Art können hier. 941 00:45:11,510 --> 00:45:14,900 Du wirst doch nicht um diese Art zu erhalten Fehler, in der Regel, in PHP. 942 00:45:14,900 --> 00:45:17,420 Also das ist ein großer Unterschied - wie wir mit Variablen. 943 00:45:17,420 --> 00:45:20,850 >> Der zweite große Unterschied ist, dass PHP-Code interpretiert wird. 944 00:45:20,850 --> 00:45:23,110 Wheres wird C-Code kompiliert. 945 00:45:23,110 --> 00:45:23,910 Was ist das? 946 00:45:23,910 --> 00:45:26,700 >> Nun, für C-Code, den Sie lief es durch einen Compiler. 947 00:45:26,700 --> 00:45:29,010 Sie erzeugt eine binäre Datei. 948 00:45:29,010 --> 00:45:30,770 Und Sie, dass die Binär-Datei lief. 949 00:45:30,770 --> 00:45:35,500 Sie kümmerte sich um alle Fehler vor Sie die Binär-Datei erzeugt. 950 00:45:35,500 --> 00:45:37,810 >> Natürlich, es hätte sein können Segmentierungsfehler, wenn Sie lief der 951 00:45:37,810 --> 00:45:39,020 Binärdatei. 952 00:45:39,020 --> 00:45:45,780 Aber es ist nicht wie Sie vergessen haben, gehören die Definition von printf, oder 953 00:45:45,780 --> 00:45:48,735 Sie haben nicht nur eine Variable und erstellt eine verschwenderische variabel. 954 00:45:48,735 --> 00:45:51,830 Oder Sie definieren hat eine Funktionsprototyp. 955 00:45:51,830 --> 00:45:53,590 >> Alle, die vor euch zusammengestellt passiert. 956 00:45:53,590 --> 00:45:56,830 Es gab dir alle Fehler oder schlecht Dinge, die es gedacht passieren könnte. 957 00:45:56,830 --> 00:45:59,900 Und dann mussten Sie Ihre 0 und 1 Datei, die Sie lief. 958 00:45:59,900 --> 00:46:01,690 PHP-Code funktioniert so nicht funktionieren. 959 00:46:01,690 --> 00:46:03,750 >> Sie werden Ihre PHP-Code zu schreiben. 960 00:46:03,750 --> 00:46:05,820 Dann sind Sie gehen speichern Sie sie, vermutlich. 961 00:46:05,820 --> 00:46:09,160 Und zumindest in P-Set 7, Sie gehen Ihren Web-Browser zu aktualisieren, und 962 00:46:09,160 --> 00:46:11,110 Sie gehen, um zu sehen was passiert ist. 963 00:46:11,110 --> 00:46:14,110 Du wirst sehen, die Ausgangs dieser PHP-Code. 964 00:46:14,110 --> 00:46:17,450 >> Möglicherweise sehen Sie auch, an der Spitze Ihrer Seite ein Fehler auf. 965 00:46:17,450 --> 00:46:19,960 Denn Sie hatten einige Fehler in der PHP. 966 00:46:19,960 --> 00:46:22,390 Sie können immer noch den Rest der die Web-Seite ist in Ordnung suchen. 967 00:46:22,390 --> 00:46:25,130 Aber ein Teil ist falsch, und es gibt ein Fehler an diesem Ort. 968 00:46:25,130 --> 00:46:28,320 Und das liegt daran, dass ein Teil der Ihre PHP-Code funktioniert nicht. 969 00:46:28,320 --> 00:46:31,680 >> In der Tat, wenn Sie ausführen, wenn Sie gehen, um so etwas wie by.php. 970 00:46:31,680 --> 00:46:34,950 Es wird durch Ihre PHP gehen Datei Zeile für Zeile und führen Sie es aus 971 00:46:34,950 --> 00:46:36,210 dann und nur dann. 972 00:46:36,210 --> 00:46:39,890 Es wird nicht zum Kompilieren vor Zeit oder kompilieren eine Kopie und geben 973 00:46:39,890 --> 00:46:41,570 dass kompilierte Kopie an alle. 974 00:46:41,570 --> 00:46:43,830 Jedes Mal, es wird durchlaufen Zeile für Zeile und ausführen. 975 00:46:43,830 --> 00:46:46,620 >> So einige Zeilen funktionieren könnte und Ausgangs etwas richtig. 976 00:46:46,620 --> 00:46:49,500 Und andere Linien könnte gebrochen werden und stattdessen ein Fehler ausgegeben. 977 00:46:49,500 --> 00:46:52,650 Also, wenn das Debugging mit PHP, die wir gegeben haben Sie ein paar hilfreiche Dinge 978 00:46:52,650 --> 00:46:54,580 , Sie Debug-Hilfe, wie der Dump-Funktion. 979 00:46:54,580 --> 00:46:56,900 >> Aber im Allgemeinen, Sie gehen , um diese Fehler zu sehen. 980 00:46:56,900 --> 00:46:58,340 Und das ist, wie Sie zu gehen wissen, dass Sie etwas falsch gemacht haben. 981 00:46:58,340 --> 00:47:00,740 Aber Sie nur gehen, um den Fehler zu sehen wenn Sie tatsächlich führen Sie den Code. 982 00:47:00,740 --> 00:47:03,420 983 00:47:03,420 --> 00:47:08,880 >> Ein weiterer wichtiger Aspekt von PHP und Web-Entwicklung ist die Idee der get 984 00:47:08,880 --> 00:47:09,920 gegen Post. 985 00:47:09,920 --> 00:47:13,250 Kann jemand erklären, was der Unterschied zwischen GET und POST sind? 986 00:47:13,250 --> 00:47:17,530 987 00:47:17,530 --> 00:47:18,780 Nobody - 988 00:47:18,780 --> 00:47:21,710 989 00:47:21,710 --> 00:47:21,970 Ja. 990 00:47:21,970 --> 00:47:24,495 >> ZIELGRUPPE: Hat nicht einer von ihnen damit der Benutzer die Daten sehen, 991 00:47:24,495 --> 00:47:26,080 und einer von ihnen nicht? 992 00:47:26,080 --> 00:47:27,310 >> JASON HIRSCHHORN: Großartig. 993 00:47:27,310 --> 00:47:28,400 Ja, haben Sie etwas hinzufügen? 994 00:47:28,400 --> 00:47:32,622 >> ZIELGRUPPE: Ich dünne Säule ist ein super-globalen Variablen. 995 00:47:32,622 --> 00:47:34,740 >> JASON HIRSCHHORN: Also diese beiden Variablen, die Ihnen. 996 00:47:34,740 --> 00:47:35,630 Dies sind nur Variablen. 997 00:47:35,630 --> 00:47:37,740 Und Sie wissen, dass sie Variablen sind, weil ich hier 998 00:47:37,740 --> 00:47:38,780 verwenden Sie die Dollar-Zeichen. 999 00:47:38,780 --> 00:47:41,950 >> Dies sind Variablen gegeben Ihnen von PHP. 1000 00:47:41,950 --> 00:47:45,990 Und wenn man zwischen Web-Seiten zu bewegen, Sie einige Informationen speichern wollen. 1001 00:47:45,990 --> 00:47:47,960 Wahrscheinlich wollen Sie sparen, wenn der Benutzer angemeldet 1002 00:47:47,960 --> 00:47:49,270 Das ist nicht in GET-und POST gespeichert. 1003 00:47:49,270 --> 00:47:51,390 Das ist in etwas anderes gespeichert, eine andere Variable. 1004 00:47:51,390 --> 00:47:55,170 >> Jeder weiß, welche Variable, die gespeichert ist in, oder welche Variable, die Sie verwenden in 1005 00:47:55,170 --> 00:47:57,728 P-Set 7, um sicherzustellen, dass der Benutzer eingeloggt? 1006 00:47:57,728 --> 00:48:00,360 1007 00:48:00,360 --> 00:48:03,690 $ _SESSION, Das ist genau richtig, wahrscheinlich wichtig, vertraut sein mit 1008 00:48:03,690 --> 00:48:06,060 die Namen dieser Dinge die Sie häufig verwenden. 1009 00:48:06,060 --> 00:48:10,070 >> So können Sie den Session-Variablen verwenden, um zu sparen Informationen von Seite zu Seite. 1010 00:48:10,070 --> 00:48:11,075 Das ist ein Super-Variable. 1011 00:48:11,075 --> 00:48:15,250 Es gibt auf jeder Seite, vielleicht wie ein globale Variable, wenn Sie denken wollen 1012 00:48:15,250 --> 00:48:16,900 darüber so. 1013 00:48:16,900 --> 00:48:19,260 >> Es gibt eine Reihe von anderen Variablen Informationen, die Sie übertragen lassen 1014 00:48:19,260 --> 00:48:20,710 von Seite zu Seite. 1015 00:48:20,710 --> 00:48:24,260 Insbesondere die, die wir uns konzentrieren auf sind die GET-und die POST-Variablen. 1016 00:48:24,260 --> 00:48:29,330 In PHP sie aussehen $ _GET Und $ _POST. 1017 00:48:29,330 --> 00:48:33,610 Und der Unterschied, wies als Marcus sich zwischen den beiden ist, dass, 1018 00:48:33,610 --> 00:48:37,670 Informationen in $ _GET ist in der URL angezeigt. 1019 00:48:37,670 --> 00:48:41,380 >> Also, wenn wir hier unten schauen, wir sehen ein YouTube-Link. 1020 00:48:41,380 --> 00:48:43,760 Wir sehen dieses Fragezeichen. 1021 00:48:43,760 --> 00:48:47,730 Wir sehen v = und dann einen gewissen Wert. 1022 00:48:47,730 --> 00:48:53,460 Zurück zu dieser Idee der Schlüsselwert Paar ist der v der Schlüssel. 1023 00:48:53,460 --> 00:48:56,970 Und hier ist der Wert. 1024 00:48:56,970 --> 00:49:01,030 >> Also, wenn wir auf diese Seite zu gehen oder Codierung auf dieser Seite, würden wir eine haben 1025 00:49:01,030 --> 00:49:04,000 Variable namens $ _GET. 1026 00:49:04,000 --> 00:49:11,030 Wenn wir nach $ _GET Klammer auf "v" Klammer zu, sehr ähnlich Array 1027 00:49:11,030 --> 00:49:15,000 Notation ist dies ein assoziatives Array weil wir nicht über Indizes. 1028 00:49:15,000 --> 00:49:16,710 Wurden mit Strings als Schlüssel. 1029 00:49:16,710 --> 00:49:17,940 Aber sehr ähnliche Idee. 1030 00:49:17,940 --> 00:49:20,520 Wenn wir gingen wir, diesen Wert zu bekommen. 1031 00:49:20,520 --> 00:49:23,276 >> Auf dieser Seite möchten wir in der Lage sein, , um diesen Wert zu verwenden. 1032 00:49:23,276 --> 00:49:32,200 Wenn wir tatsächlich aussehen, lassen Sie uns gehen Sie zu einem YouTube-Seite. 1033 00:49:32,200 --> 00:49:35,140 Welche Video sollten wir sehen? 1034 00:49:35,140 --> 00:49:37,350 Dieses sind die Menschen Hobbit-Fans? 1035 00:49:37,350 --> 00:49:40,731 >> ZIELGRUPPE: Ja. 1036 00:49:40,731 --> 00:49:44,750 >> JASON HIRSCHHORN: Also ich bin kopieren ihren Anteil URL 1037 00:49:44,750 --> 00:49:46,000 Einfügen in einem neuen Fenster. 1038 00:49:46,000 --> 00:49:48,550 1039 00:49:48,550 --> 00:50:00,470 Und jetzt, wenn Sie sich hier anschauen, werden Sie feststellen, dass wieder einmal - 1040 00:50:00,470 --> 00:50:03,170 Ich werde in diese Adresse kopieren und gedit, so können wir sehen es größer. 1041 00:50:03,170 --> 00:50:16,530 1042 00:50:16,530 --> 00:50:19,720 Sie werden bemerken, dass es Dieses Fragezeichen. 1043 00:50:19,720 --> 00:50:22,150 Das Fragezeichen bezeichnet, dass alles, was danach sein wird, 1044 00:50:22,150 --> 00:50:23,530 in der GET-Variable gespeichert. 1045 00:50:23,530 --> 00:50:29,130 >> Es hat dann die v, das ist die erste Schlüssel und dieser erste Wert. 1046 00:50:29,130 --> 00:50:30,710 Ampersand ist besonders. 1047 00:50:30,710 --> 00:50:34,340 Ampersand ist zu sagen, OK, wir beendete den ersten Wert. 1048 00:50:34,340 --> 00:50:37,170 Wir gehen nun zu einem anderen Schlüssel-Wert-Paar. 1049 00:50:37,170 --> 00:50:41,135 Hier ist das Hauptmerkmal genannt, und der Wert ist youtu.be. 1050 00:50:41,135 --> 00:50:44,010 1051 00:50:44,010 --> 00:50:50,710 >> Also, wenn ich eine Codierung diese Seite und jemand ging auf diese URL, und ich hatte 1052 00:50:50,710 --> 00:50:53,190 vielleicht watch.php. 1053 00:50:53,190 --> 00:50:54,150 Und ich habe diese Codierung. 1054 00:50:54,150 --> 00:50:57,060 Und ich konnte die $ _GET-Variable verwenden. 1055 00:50:57,060 --> 00:51:02,740 Und ich würde einen V haben, und Ich würde eine Funktion haben. 1056 00:51:02,740 --> 00:51:07,080 >> Und wenn ich die Taste v, I würde diesen Wert zu erhalten. 1057 00:51:07,080 --> 00:51:14,145 Und wenn ich $ _GET Klammer "Feature" Klammer zu, würde ich diesen Wert zu erhalten. 1058 00:51:14,145 --> 00:51:17,530 Auch hier macht es nicht unbedingt gelten - 1059 00:51:17,530 --> 00:51:21,460 offensichtlich, die YouTube Schlüssel und Werte und erhalten Informationen gilt nicht für 1060 00:51:21,460 --> 00:51:22,700 unser Problem Set 7. 1061 00:51:22,700 --> 00:51:28,450 Aber es gibt bestimmte Dinge, die wir gelangen über GET in unserem Set 7 Problem. 1062 00:51:28,450 --> 00:51:33,120 Und sicher, wenn Sie auf eine Web-Seite zu gelangen oder Codierung Ihre eigene Seite, die 1063 00:51:33,120 --> 00:51:36,440 $ _GET Wird sich als nützlich wenn Ihr Codierung. 1064 00:51:36,440 --> 00:51:41,030 >> Was ist ein Grund, $ _GET verwenden, dann wenn es keine Privatsphäre bietet? 1065 00:51:41,030 --> 00:51:43,170 Sie alle diese Informationen zu sehen das ist übertragen. 1066 00:51:43,170 --> 00:51:44,170 Es ist alles für den Benutzer angezeigt. 1067 00:51:44,170 --> 00:51:49,060 Aber was ist ein Grund, dass Sie vielleicht wollen etwas in $ _GET als zu sparen, 1068 00:51:49,060 --> 00:51:50,310 auf $ _POST dagegen? 1069 00:51:50,310 --> 00:51:52,650 1070 00:51:52,650 --> 00:51:53,900 Warum sollten Sie das tun wollen? 1071 00:51:53,900 --> 00:51:58,065 1072 00:51:58,065 --> 00:51:58,540 >> Gut. 1073 00:51:58,540 --> 00:52:00,310 Ich fragte Sie, in Quiz ein. 1074 00:52:00,310 --> 00:52:02,210 Was ist die pro von $ _GET? 1075 00:52:02,210 --> 00:52:04,250 Was ist ein Profi? 1076 00:52:04,250 --> 00:52:04,700 Yeah - 1077 00:52:04,700 --> 00:52:06,180 >> ZIELGRUPPE: Es ist einfacher, Informationen auszutauschen. 1078 00:52:06,180 --> 00:52:07,040 >> JASON HIRSCHHORN: Ich denke, das ist großartig. 1079 00:52:07,040 --> 00:52:07,870 Es ist einfacher, Informationen zu teilen. 1080 00:52:07,870 --> 00:52:09,360 Es ist einfacher, Lesezeichen. 1081 00:52:09,360 --> 00:52:15,260 >> Sie können nun Lesezeichen, YouTube.com / watch? V = etwas und gehen 1082 00:52:15,260 --> 00:52:16,900 zu diesem bestimmten Video. 1083 00:52:16,900 --> 00:52:22,020 Wenn YouTube immer tat POST-Anfragen zu verschiedenen Seiten, jeder YouTube URL 1084 00:52:22,020 --> 00:52:22,985 wäre YouTube.com. 1085 00:52:22,985 --> 00:52:25,750 Sie könnten eine einzelne Video kein Lesezeichen. 1086 00:52:25,750 --> 00:52:28,160 Denn wenn Sie sagen, dass Link geteilt mit jemand anderem, sie nicht 1087 00:52:28,160 --> 00:52:30,160 erhalten automatisch Ihre Post-Variable. 1088 00:52:30,160 --> 00:52:33,570 Sie sind einfach immer diesen Link, und die Link ist für alle gleich. 1089 00:52:33,570 --> 00:52:35,180 >> Das ist also ein Profi. 1090 00:52:35,180 --> 00:52:38,850 Es ermöglicht Ihnen, bookmarken Informationen und teilen diese Informationen 1091 00:52:38,850 --> 00:52:40,840 oder machen es ein bisschen benutzerfreundlicher. 1092 00:52:40,840 --> 00:52:43,890 Natürlich gibt es keine Privatsphäre, so haben wir diesen Beitrag variabel. 1093 00:52:43,890 --> 00:52:47,570 Und nach Informationen nicht in der URL angezeigt. 1094 00:52:47,570 --> 00:52:49,200 >> Es ist nicht ganz privat. 1095 00:52:49,200 --> 00:52:51,710 Aber es ist geringfügig mehr privat. 1096 00:52:51,710 --> 00:52:55,030 Und so werden Sie diese URL sehen hier unten, cs50.net. 1097 00:52:55,030 --> 00:52:59,200 Ob Sie in der angemeldete Website, es geht um das gleiche haben 1098 00:52:59,200 --> 00:53:02,600 URL cs50.net. 1099 00:53:02,600 --> 00:53:05,940 >> Offensichtlich ist etwas anderes, wenn Sie in die Website eingeloggt. 1100 00:53:05,940 --> 00:53:08,690 Sie haben, ein, wahrscheinlich Eingabe Ihrer PIN. 1101 00:53:08,690 --> 00:53:10,600 Und es wurde bestätigt, dass mit dem Server. 1102 00:53:10,600 --> 00:53:12,650 Und es ist wahrscheinlich sparen einige andere Informationen. 1103 00:53:12,650 --> 00:53:14,810 Aber die URL überhaupt nicht ändern. 1104 00:53:14,810 --> 00:53:17,080 >> Und damit ist der Fall, wenn etwas wird von POST gesendet. 1105 00:53:17,080 --> 00:53:18,800 Die URL ändert sich nicht. 1106 00:53:18,800 --> 00:53:21,100 Diese Information ist nicht POST in der URL angezeigt. 1107 00:53:21,100 --> 00:53:26,150 Aber einige Zustand hat sich geändert, und vielleicht gibt es einige Informationen in die gespeicherte 1108 00:53:26,150 --> 00:53:27,400 POST-Variablen. 1109 00:53:27,400 --> 00:53:30,460 1110 00:53:30,460 --> 00:53:36,880 >> Entschuldigung. bevor ich in SQL zu gehen, jede Fragen zu PHP, insbesondere 1111 00:53:36,880 --> 00:53:41,850 Fragen über Dinge, die wir nicht übergehen dass Sie gefunden haben, oder einen Syntax-oder 1112 00:53:41,850 --> 00:53:43,855 Logik Fragen zu PHP? 1113 00:53:43,855 --> 00:53:49,300 1114 00:53:49,300 --> 00:53:50,050 OK. 1115 00:53:50,050 --> 00:53:54,400 >> Die endgültige Sprache werden Sie Interaktion mit dieser Woche ist die 1116 00:53:54,400 --> 00:53:58,920 Structured Query Language, SQL, Fortsetzung ausgesprochen häufig. 1117 00:53:58,920 --> 00:54:01,740 Das erlaubt Ihnen, mit dem interagieren Datenbank in einer formalisierten Art und Weise. 1118 00:54:01,740 --> 00:54:04,390 Und es spielt sehr schön mit PHP. 1119 00:54:04,390 --> 00:54:09,950 >> Wie Sie in Problem Set 7 zu sehen, haben wir gegeben Sie eine Funktion namens Abfrage. 1120 00:54:09,950 --> 00:54:14,990 Und es dauert eine SQL-Zeichenfolge und führt die Abfrage in der Datenbank. 1121 00:54:14,990 --> 00:54:17,470 In den vergangenen Jahren waren Sie nicht Diese Funktion gegeben. 1122 00:54:17,470 --> 00:54:22,250 Sie mussten PHP-Funktionen verwenden, um die Abfrage auf die Datenbank und die Prüfung 1123 00:54:22,250 --> 00:54:24,230 für Fehler und erhalten dann die Ergebnisse. 1124 00:54:24,230 --> 00:54:26,120 >> Und eigentlich ist es nicht so schwer, weil wieder, es spielt 1125 00:54:26,120 --> 00:54:27,080 sehr schön mit PHP. 1126 00:54:27,080 --> 00:54:31,240 Und PHP gibt Ihnen eine Menge von Funktionen mit einer SQL-Datenbank interagieren. 1127 00:54:31,240 --> 00:54:34,810 So oft, die beiden von diese zusammen. 1128 00:54:34,810 --> 00:54:37,090 Natürlich könnten Sie interagieren mit die SQL-Datenbank mit einem 1129 00:54:37,090 --> 00:54:38,400 Reihe von anderen Sprachen. 1130 00:54:38,400 --> 00:54:41,420 Aber PHP ist eine große man wählen. 1131 00:54:41,420 --> 00:54:42,290 >> Eine Datenbank - 1132 00:54:42,290 --> 00:54:46,030 wir über dies schnell gehen, weil dies ist ein Modewort wir zu gehen 1133 00:54:46,030 --> 00:54:48,030 beginnen mit oft - 1134 00:54:48,030 --> 00:54:50,140 ist eine Sammlung von Tabellen. 1135 00:54:50,140 --> 00:54:53,960 Also wir daran denken können als Excel-Datei. 1136 00:54:53,960 --> 00:54:57,260 Eine Excel-Datei mehrere Registerkarten auf der Unterseite des Bildschirms. 1137 00:54:57,260 --> 00:55:03,090 Jede Registerkarte wir jetzt einen Tisch rufen, wo eine Tabelle ist eine Auflistung von Zeilen. 1138 00:55:03,090 --> 00:55:04,060 >> Und was ist eine Reihe? 1139 00:55:04,060 --> 00:55:06,890 Nun, das ist eine Zeile, die gleiche Sache in der Excel-Datei. 1140 00:55:06,890 --> 00:55:10,380 Das hat nur bestimmte Werte für jede bestimmten Bereich oder jede gegebene Spalte. 1141 00:55:10,380 --> 00:55:12,010 Es ist wie ein Eintrag in der Tabelle. 1142 00:55:12,010 --> 00:55:16,570 Es ist ein Student, der eine ID, a spezifische ID und einem bestimmten Namen und eine 1143 00:55:16,570 --> 00:55:17,910 bestimmten Haus. 1144 00:55:17,910 --> 00:55:19,790 >> So dass eine Datenbank ist eine Sammlung von Tabellen. 1145 00:55:19,790 --> 00:55:22,685 Und Tabellen selbst sind ein Anzahl der Zeilen oder Datensätze. 1146 00:55:22,685 --> 00:55:25,470 1147 00:55:25,470 --> 00:55:28,280 Es gibt auch in jeder Tisch, bestimmte Felder. 1148 00:55:28,280 --> 00:55:32,130 Und das gibt, was jeder Datensatz gehen zu müssen, manchmal auch als Felder 1149 00:55:32,130 --> 00:55:33,890 Spalten, aber allgemein als Felder. 1150 00:55:33,890 --> 00:55:38,270 >> In diesem sehr einfachen Tisch, ich habe drei Felder, ein ID-Feld, einen Benutzernamen 1151 00:55:38,270 --> 00:55:39,780 Feld und ein Hash-Feld. 1152 00:55:39,780 --> 00:55:41,300 Und ich habe drei Zeilen. 1153 00:55:41,300 --> 00:55:42,100 Gerade jetzt sind sie leer. 1154 00:55:42,100 --> 00:55:44,850 Sie würde wahrscheinlich nicht leer sein wenn dies meine eigentliche Datenbank. 1155 00:55:44,850 --> 00:55:50,530 >> Also, wenn Sie Excel verwendet haben, ähnliche Idee zu dem, was Sie in Excel zu tun, obwohl, 1156 00:55:50,530 --> 00:55:54,300 offensichtlich, jetzt sind wir in der Lage zu sein, viel mehr tun, mächtige Dinge auf die 1157 00:55:54,300 --> 00:55:56,430 Informationen, die gespeichert wird in unserer Datenbank. 1158 00:55:56,430 --> 00:56:00,270 Sie erstellen sich ein Datenbank Problem Set 7. 1159 00:56:00,270 --> 00:56:02,820 Aber Sie werden das Erstellen mehrerer Tabellen in der Datenbank. 1160 00:56:02,820 --> 00:56:06,950 >> Hier finden Sie eine Datenbank erstellen werden oder eine Tabelle für die Nutzer. 1161 00:56:06,950 --> 00:56:12,830 Hier finden Sie auch eine Tabelle erstellen, werden für wahrscheinlich Aktientransaktionen, zu halten 1162 00:56:12,830 --> 00:56:15,580 Spur von ihnen, weil Sie brauchen Umsetzung einer Geschichte Funktion. 1163 00:56:15,580 --> 00:56:18,370 Sowohl die Tabellen haben verschiedenen Bereichen. 1164 00:56:18,370 --> 00:56:22,190 Zum Beispiel, in einem Benutzerfeld, Sie wahrscheinlich wollen ihren Benutzernamen und ein 1165 00:56:22,190 --> 00:56:24,220 ID und ein Hash sein Passwort. 1166 00:56:24,220 --> 00:56:28,450 >> In der Tabelle, die Aktien der Spur hält Geschichte oder die Geschichte Tabelle können Sie 1167 00:56:28,450 --> 00:56:31,620 wahrscheinlich nicht brauchen, den Benutzernamen und der Hash und die ID. 1168 00:56:31,620 --> 00:56:34,460 Sie brauchen wahrscheinlich nur einer von denen, Werte, die einzigartig sind, zu assoziieren 1169 00:56:34,460 --> 00:56:35,830 mit einem bestimmten Benutzer. 1170 00:56:35,830 --> 00:56:38,100 >> Aber dann, auf andere speichern wollen Sie Dinge wie, was Zeit 1171 00:56:38,100 --> 00:56:40,630 wurde Transaktion. 1172 00:56:40,630 --> 00:56:42,380 Welche Aktie gekauft oder verkauft wurde? 1173 00:56:42,380 --> 00:56:44,150 Wie viele Aktien aus dem Aktien wurde gekauft oder verkauft? 1174 00:56:44,150 --> 00:56:48,360 Was war der Preis, zu dem die Aktie gekauft oder verkauft wurde? 1175 00:56:48,360 --> 00:56:50,180 >> Also noch einmal, du gehst zu interagieren sind mit Datenbanken, die ist 1176 00:56:50,180 --> 00:56:51,350 gehen, um mehrere Tabellen haben. 1177 00:56:51,350 --> 00:56:54,340 Jede Tabelle ist zu haben, seinen eigenen Satz von Feldern. 1178 00:56:54,340 --> 00:56:58,430 Es wird jedoch wahrscheinlich eine ähnliche sein Feld in jeder Tabelle, dass 1179 00:56:58,430 --> 00:57:00,130 betrifft sie miteinander. 1180 00:57:00,130 --> 00:57:02,660 Normalerweise ist dies ein ID-Feld. 1181 00:57:02,660 --> 00:57:07,000 >> Denn wenn jeder Benutzer eine eindeutige ID und Sie diese ID assoziieren mit jeder 1182 00:57:07,000 --> 00:57:09,365 Transaktion, die Benutzer macht oder die ganze Geschichte dieses Benutzers. 1183 00:57:09,365 --> 00:57:12,760 1184 00:57:12,760 --> 00:57:13,830 Und Sie haben die ID des Benutzers. 1185 00:57:13,830 --> 00:57:15,365 Sie können Informationen zu erhalten entweder Tisch. 1186 00:57:15,365 --> 00:57:19,770 Sie können ihren Benutzernamen, und Sie können alle ihre Transaktionen zu bekommen. 1187 00:57:19,770 --> 00:57:24,410 >> Haben Sie Fragen zu Datenbanken, oder spezielle Fragen? 1188 00:57:24,410 --> 00:57:25,240 Eigentlich wollen wir halten, dass. 1189 00:57:25,240 --> 00:57:27,410 Wir werden dort in zwei Seiten. 1190 00:57:27,410 --> 00:57:31,210 >> So gibt es vier Operationen Datenbanken, die Sie verwenden werden, in 1191 00:57:31,210 --> 00:57:34,790 Problem Set 7 und wahrscheinlich je verwenden werden. 1192 00:57:34,790 --> 00:57:38,040 Das erste, was Sie tun möchten, ist Einsatz ein neuer Datensatz in eine Tabelle oder eine 1193 00:57:38,040 --> 00:57:39,960 neue Zeile in einer Tabelle. 1194 00:57:39,960 --> 00:57:46,070 Dies ist die generische Funktion, die generische Form, dieser SQL-Abfrage. 1195 00:57:46,070 --> 00:57:52,240 >> INSERT INTO den Tisch, was auch immer Spalten Sie einfügen möchten, und dann 1196 00:57:52,240 --> 00:57:58,740 die Werte, die Sie gehen zu wollen sind legte in diesen Spalten oder Felder. 1197 00:57:58,740 --> 00:58:03,980 Wenn Sie mehrere Tabellen in einer Datenbank oder mehrere Datenbanken, die Sie 1198 00:58:03,980 --> 00:58:06,630 Möglicherweise müssen Sie auch die Datenbank angeben und die Tabelle, die Sie wollen 1199 00:58:06,630 --> 00:58:07,980 die Dinge kannst. 1200 00:58:07,980 --> 00:58:11,390 Aber sehr einfach, wenn Sie einfügen möchten in etwas, sagen Sie, hier sind die 1201 00:58:11,390 --> 00:58:12,890 Ich möchte Felder eingefügt werden soll. 1202 00:58:12,890 --> 00:58:14,740 Und hier sind die Werte. 1203 00:58:14,740 --> 00:58:18,840 >> In einigen Tabellen auch, und das Benutzer- Tabelle ist ein gutes Beispiel. 1204 00:58:18,840 --> 00:58:21,940 Wahrscheinlich in der Tabelle dieser Bedienungsanleitung und wahrscheinlich in der Tabelle Ihre Benutzer in P-Set 1205 00:58:21,940 --> 00:58:24,200 7, es gibt nicht nur einen Benutzernamen Wert. 1206 00:58:24,200 --> 00:58:27,100 Es ist nicht nur ein Geldwert, oder Feld, lieber. 1207 00:58:27,100 --> 00:58:29,140 Es ist auch ein ID-Feld. 1208 00:58:29,140 --> 00:58:31,110 >> Ich gehe nicht, dass die ID-Feld einfügen. 1209 00:58:31,110 --> 00:58:34,020 Das wird gegeben werden mir automatisch, wenn ein 1210 00:58:34,020 --> 00:58:35,810 neuen Datensatz eingefügt. 1211 00:58:35,810 --> 00:58:37,820 So gibt es einige, die Sie Feld eingestellt automatisch sein. 1212 00:58:37,820 --> 00:58:41,740 >> Vielleicht sind Sie für jeden Benutzer geben wollen 10.000 $ an Bargeld von der Fledermaus. 1213 00:58:41,740 --> 00:58:43,470 So brauche ich nicht einfügen eine Reihe von Geld hier. 1214 00:58:43,470 --> 00:58:45,860 Alles was ich brauche, um einzufügen ist der Benutzername. 1215 00:58:45,860 --> 00:58:49,230 Und dann wird der Cash-Feld sein vorausgefüllt, und die ID-Feld wird 1216 00:58:49,230 --> 00:58:50,590 werden vorbelegt. 1217 00:58:50,590 --> 00:58:53,640 >> So oft, wir sind nicht das Einfügen etwas in allen Bereichen, denn 1218 00:58:53,640 --> 00:58:55,400 die anderen Felder sind bereits besiedelt. 1219 00:58:55,400 --> 00:58:58,320 Denn das ist, wie wir einzurichten, dass die Tabelle. 1220 00:58:58,320 --> 00:59:01,280 >> Das zweite, was du zu gehen tun möchte, ist eine Aufzeichnung zu löschen. 1221 00:59:01,280 --> 00:59:02,900 Löschen von etwas ist sehr einfach. 1222 00:59:02,900 --> 00:59:05,660 Sie geben den Tisch, wo Sie wollen etwas aus zu löschen. 1223 00:59:05,660 --> 00:59:11,202 Und Sie sagen, OK, ich möchte das löschen Datensatz, der einen Benutzernamen von Milo hat. 1224 00:59:11,202 --> 00:59:16,180 Oder ich möchte alle Datensätze zu löschen, die einen Benutzernamen von Milo oder waren, dass eine 1225 00:59:16,180 --> 00:59:18,700 Transaktion von Benutzer-ID-Nummer 2. 1226 00:59:18,700 --> 00:59:21,950 1227 00:59:21,950 --> 00:59:24,809 Sie haben Fragen zu diesen zwei Typen von Abfragen? 1228 00:59:24,809 --> 00:59:26,059 >> ZIELGRUPPE: [unverständlich]. 1229 00:59:26,059 --> 00:59:28,721 1230 00:59:28,721 --> 00:59:30,770 >> JASON HIRSCHHORN: Ja. 1231 00:59:30,770 --> 00:59:33,530 Also ich werde Reihe und Rekord verwenden austauschbar und einige 1232 00:59:33,530 --> 00:59:35,400 mit Spalte und Feld. 1233 00:59:35,400 --> 00:59:37,650 Aber eine Zeile ist ein Rekord. 1234 00:59:37,650 --> 00:59:40,080 Eine Spalte ist ein Feld, gehen zurück nach dieser Tabelle. 1235 00:59:40,080 --> 00:59:44,210 1236 00:59:44,210 --> 00:59:45,420 >> OK. 1237 00:59:45,420 --> 00:59:47,310 Das nächste, was Sie wahrscheinlich zu tun ist, einige bekommen 1238 00:59:47,310 --> 00:59:48,400 Informationen aus der Tabelle. 1239 00:59:48,400 --> 00:59:50,090 Das ist eine Select-Abfrage. 1240 00:59:50,090 --> 00:59:52,330 Und wieder, welche Tabelle Ich bin von der Auswahl? 1241 00:59:52,330 --> 00:59:58,370 Und welche Spalte will ich die Option, oder welchen Wert will ich auswählen und 1242 00:59:58,370 --> 00:59:59,530 aus welcher Zeile? 1243 00:59:59,530 --> 01:00:01,120 >> Also die Auswahl ist ein wenig spezifisch. 1244 01:00:01,120 --> 01:00:03,620 Ich sagen, OK, ich will diese Tabelle. 1245 01:00:03,620 --> 01:00:09,350 Und dann möchte ich die Spalte Benutzername und Ich will es aus der Zeile mit der ID 2. 1246 01:00:09,350 --> 01:00:11,030 Das ist ein Weg, um eine Auswahl zu tun. 1247 01:00:11,030 --> 01:00:14,180 >> Oder ich kann sagen, mir jeden Einzelbenutzernamen ein. 1248 01:00:14,180 --> 01:00:18,200 Oder ich kann sagen, gib mir eine ganze Zeile aus dieser Tabelle, wo 1249 01:00:18,200 --> 01:00:19,460 der Benutzername ein. 1250 01:00:19,460 --> 01:00:22,300 Also es gibt ein paar verschiedene Möglichkeiten, um SELECT-Abfragen zu tun, je nachdem, wie 1251 01:00:22,300 --> 01:00:24,130 viele Informationen Sie möchten, 1252 01:00:24,130 --> 01:00:29,410 >> Sie können immer nur alles wählen von diesem bestimmten Tabelle und dann die Schleife 1253 01:00:29,410 --> 01:00:31,320 durch sie, Kommissionierung die Dinge, die Sie wollen. 1254 01:00:31,320 --> 01:00:33,940 Aber denken Sie daran, wenn Sie mit der Auswahl sind eine Menge Dinge aus einer Tabelle und Sie 1255 01:00:33,940 --> 01:00:37,400 haben einen wirklich großen Tisch, wird das dauern einige Zeit, also am besten nur wählen 1256 01:00:37,400 --> 01:00:40,000 Dinge, die Sie gehen um am Ende mit. 1257 01:00:40,000 --> 01:00:43,580 >> Auch mit auswählen und mit all diesen andere SQL-Befehle wie gut, ich bin 1258 01:00:43,580 --> 01:00:45,760 was Ihnen die nackten Knochen-Version. 1259 01:00:45,760 --> 01:00:51,600 Aber zu sagen, ich bin der Auswahl der Benutzer, und ich möchte um sie aus alphabetisch drucken, 1260 01:00:51,600 --> 01:00:56,710 Ich konnte alle Benutzer auswählen und dann sortieren sie alphabetisch in meinem Code. 1261 01:00:56,710 --> 01:01:01,990 >> Oder gibt es eine Möglichkeit die Auswahl zu schreiben Abfrage wählt, dass die Dinge in eine 1262 01:01:01,990 --> 01:01:06,580 alphabetischer Mode, basierend aus einer bestimmte Spalte, aufsteigend oder 1263 01:01:06,580 --> 01:01:07,490 absteigend. 1264 01:01:07,490 --> 01:01:11,660 Also denken Sie daran, dass eine Menge von dem, was Sie tun möchte, kann wahrscheinlich gemacht werden 1265 01:01:11,660 --> 01:01:15,070 die Abfrage durch eine zusätzliche zuzuschreiben. 1266 01:01:15,070 --> 01:01:19,120 Also schauen diese Abfragen online oder die anderen Dinge, die Sie tun können, mit diesen 1267 01:01:19,120 --> 01:01:21,410 Abfragen, um sie zu erweitern. 1268 01:01:21,410 --> 01:01:25,020 >> Schließlich das letzte, was Sie tun möchten, ist nicht etwas, einfügen oder löschen 1269 01:01:25,020 --> 01:01:26,700 etwas, sondern etwas zu aktualisieren. 1270 01:01:26,700 --> 01:01:30,380 Und die mit der Aktualisierung durchgeführt Abfrage, und wieder, welche Tabelle. 1271 01:01:30,380 --> 01:01:32,530 Und was ändern will ich machen? 1272 01:01:32,530 --> 01:01:35,915 Und um die Zeile oder Platte machen Ich will, dass der Wandel zu machen? 1273 01:01:35,915 --> 01:01:38,720 1274 01:01:38,720 --> 01:01:40,300 Sie haben Fragen zu SQL? 1275 01:01:40,300 --> 01:01:47,070 1276 01:01:47,070 --> 01:01:47,310 >> OK. 1277 01:01:47,310 --> 01:01:49,080 So haben wir etwa 15 Minuten. 1278 01:01:49,080 --> 01:01:51,460 Und dies ist die letzte Folie die ich habe. 1279 01:01:51,460 --> 01:01:55,380 Und hoffentlich ist diese letzte Folie ein guten Übergang in das Problem eingestellt, 1280 01:01:55,380 --> 01:01:58,820 da zu verstehen, wo wir wollen Einfügen von Datensätzen, zu löschen, wählen Sie 1281 01:01:58,820 --> 01:02:03,420 sie, und aktualisieren Sie sie uns helfen verstehen, die größere Logik und fließen 1282 01:02:03,420 --> 01:02:05,570 von Problem Set 7. 1283 01:02:05,570 --> 01:02:08,330 >> So weiß ich, alle Antworten auf diese Fragen. 1284 01:02:08,330 --> 01:02:10,570 Ich werde mich nicht zu sagen, alle Antworten. 1285 01:02:10,570 --> 01:02:15,530 Aber wenn jemand anderes möchte präsentieren eine Frage an die Gruppe oder eine 1286 01:02:15,530 --> 01:02:18,700 Antwort auf eine dieser Fragen, können wir verwenden, die als Startpunkt zu 1287 01:02:18,700 --> 01:02:20,311 sprechen über das Problem Satz. 1288 01:02:20,311 --> 01:02:24,159 1289 01:02:24,159 --> 01:02:27,260 Oder wenn jemand eine generische Frage aus dem Problem-Set, das Gefühl, 1290 01:02:27,260 --> 01:02:28,210 frei, das auch fragen. 1291 01:02:28,210 --> 01:02:29,460 Und wir dort starten können. 1292 01:02:29,460 --> 01:02:32,840 1293 01:02:32,840 --> 01:02:35,973 Beachten Sie, dass Sie schweigen schadet allen. 1294 01:02:35,973 --> 01:02:36,376 Ja. 1295 01:02:36,376 --> 01:02:39,540 >> ZIELGRUPPE: Also ist der einzige Weg, um übergeben Variablen zu und von verschiedenen Web 1296 01:02:39,540 --> 01:02:44,532 Seiten oder die bequemste Weise mit POST oder GET? 1297 01:02:44,532 --> 01:02:52,380 >> JASON HIRSCHHORN: Also ja, das ist die bequemste Weg zu sagen -, wenn 1298 01:02:52,380 --> 01:02:53,970 jemand ein Formular ausfüllt - 1299 01:02:53,970 --> 01:02:57,540 informieren Sie sich auf einer anderen Webseite Seite mit GET oder POST. 1300 01:02:57,540 --> 01:03:00,400 1301 01:03:00,400 --> 01:03:04,320 Aufgrund der Rahmenbedingungen sind wir mit in diesem Problem-Set, werden Sie feststellen, 1302 01:03:04,320 --> 01:03:08,630 dass eine Menge Zeit, die wir machen eine andere Seite. 1303 01:03:08,630 --> 01:03:12,420 Oder wir machen wir eine weitere Datei, nicht notwendigerweise eine andere Seite. 1304 01:03:12,420 --> 01:03:14,050 >> So gehen wir in einer Variablen. 1305 01:03:14,050 --> 01:03:16,400 Und dann, macht es ein HTML-Seite, mit der 1306 01:03:16,400 --> 01:03:18,220 Informationen aus dieser Variable. 1307 01:03:18,220 --> 01:03:20,790 Das ist technisch nicht vorbei Informationen zwischen 1308 01:03:20,790 --> 01:03:21,910 verschiedene Web-Seiten. 1309 01:03:21,910 --> 01:03:24,600 Das ist vorbei Informationen zwischen verschiedenen Dateien. 1310 01:03:24,600 --> 01:03:26,710 >> Und so können wir jegliche Nutzung Variable, um das zu tun. 1311 01:03:26,710 --> 01:03:33,230 Aber ja, wenn wir wollten weitergeben Informationen von einer bestimmten Seite 1312 01:03:33,230 --> 01:03:36,850 eine andere Seite, GET und POST würde sein, die Art und Weise, das zu tun. 1313 01:03:36,850 --> 01:03:43,060 1314 01:03:43,060 --> 01:03:45,765 Alle anderen Fragen zu das Problem ein? 1315 01:03:45,765 --> 01:03:49,490 1316 01:03:49,490 --> 01:03:50,150 >> OK. 1317 01:03:50,150 --> 01:03:53,660 Lassen Sie uns gehen, dann eine spezifische Teil des Problems gesetzt. 1318 01:03:53,660 --> 01:04:00,260 Sie werden zu müssen an einem Punkt, Portfolio jemand auf Anzeige 1319 01:04:00,260 --> 01:04:01,710 der Bildschirm. 1320 01:04:01,710 --> 01:04:06,454 Was meine ich, wenn ich sage, Portfolio, in Zusammenhang mit diesem Problem ein? 1321 01:04:06,454 --> 01:04:11,350 >> ZIELGRUPPE: Es ist wie die Aktien, die sie haben, wie viele Aktien sie besitzen, 1322 01:04:11,350 --> 01:04:13,760 der Preis, und wie viel Geld, das sie verlassen haben. 1323 01:04:13,760 --> 01:04:15,235 >> JASON HIRSCHHORN: Das klingt toll. 1324 01:04:15,235 --> 01:04:19,640 Deshalb möchte ich alle Aktien anzuzeigen sie besitzen, für jede Aktien Unternehmens 1325 01:04:19,640 --> 01:04:23,770 Aktien und wahrscheinlich, wie viel das ist, wert ist, und dann eine separate Variable, 1326 01:04:23,770 --> 01:04:25,960 wie viel Geld sie besitzen. 1327 01:04:25,960 --> 01:04:27,150 Also sage ich, um zu beschreiben, dass. 1328 01:04:27,150 --> 01:04:29,660 Lassen Sie uns darüber reden, wie ich konnte, gehen zu tun, welche Tabellen Ich bin 1329 01:04:29,660 --> 01:04:31,210 gehen zu müssen, zu haben, in der Lage sein, das zu tun. 1330 01:04:31,210 --> 01:04:34,070 1331 01:04:34,070 --> 01:04:34,460 Yeah - 1332 01:04:34,460 --> 01:04:37,970 >> ZIELGRUPPE: Nun Benutzer, und dann, denke ich, Sie können eine Tabelle namens machen 1333 01:04:37,970 --> 01:04:41,920 Aktien oder so etwas, was wäre, wie viele sie gekauft haben. 1334 01:04:41,920 --> 01:04:42,660 >> JASON HIRSCHHORN: OK. 1335 01:04:42,660 --> 01:04:46,530 Also werde ich eine Tabelle namens brauchen Benutzer, die den Überblick über die hält 1336 01:04:46,530 --> 01:04:50,640 Benutzername, vermutlich, wahrscheinlich einige ID, wahrscheinlich eine individuelle Passwort. 1337 01:04:50,640 --> 01:04:52,850 Was ist etwas anderes, die Sie gerade gesagt, dass ist verbunden? 1338 01:04:52,850 --> 01:04:55,510 Jemand neben Michael, was ist etwas anderes, das verknüpft ist mit 1339 01:04:55,510 --> 01:04:58,270 jeder Benutzer, einzigartig zu ihnen? 1340 01:04:58,270 --> 01:05:00,050 >> ZIELGRUPPE: ID. 1341 01:05:00,050 --> 01:05:01,170 >> JASON HIRSCHHORN: ID - 1342 01:05:01,170 --> 01:05:03,540 was ist eine andere Sache, wir sind wahrscheinlich zu wollen 1343 01:05:03,540 --> 01:05:05,685 Anzeige auf dieser Seite? 1344 01:05:05,685 --> 01:05:06,990 >> ZIELGRUPPE: Ihr Name. 1345 01:05:06,990 --> 01:05:10,550 >> JASON HIRSCHHORN: Ihr Name - was ist eine andere Sache, im Zusammenhang mit dieser 1346 01:05:10,550 --> 01:05:11,420 besonderes Problem eingestellt? 1347 01:05:11,420 --> 01:05:14,110 >> ZIELGRUPPE: Welche Aktien, die sie besitzen - 1348 01:05:14,110 --> 01:05:16,650 >> JASON HIRSCHHORN: Es sind los sein, eine Menge, welche Aktien sie besitzen. 1349 01:05:16,650 --> 01:05:19,670 Was ist eine der spezifische Wert aber, dass sie gehen zu müssen, 1350 01:05:19,670 --> 01:05:22,640 mit ihnen verbunden? 1351 01:05:22,640 --> 01:05:25,709 Wie werden sie zu kaufen und verkaufen ihre Aktien? 1352 01:05:25,709 --> 01:05:26,595 >> ZIELGRUPPE: Cash. 1353 01:05:26,595 --> 01:05:28,100 >> JASON HIRSCHHORN: Sie sind gehen, um Geld zu haben. 1354 01:05:28,100 --> 01:05:31,020 Jeder Benutzer ist zu haben, ein Wert für Geld. 1355 01:05:31,020 --> 01:05:32,360 Und das wird sein für jeden Benutzer eindeutig. 1356 01:05:32,360 --> 01:05:35,040 So in der Tabelle des Benutzers, ermöglicht es Sinn in bar gebracht. 1357 01:05:35,040 --> 01:05:39,100 >> Man könnte natürlich eine andere erstellen Tabelle, die Benutzer-IDs und hat ihre 1358 01:05:39,100 --> 01:05:40,200 Wert von Bargeld. 1359 01:05:40,200 --> 01:05:41,070 Aber es ist nicht sinnvoll. 1360 01:05:41,070 --> 01:05:43,410 Es macht Sinn, setzen Sie einfach all dies in einer Tabelle. 1361 01:05:43,410 --> 01:05:46,860 >> So werden wir einen Tisch haben mit diesen Informationen. 1362 01:05:46,860 --> 01:05:48,360 Und dann, was ist die andere Tabelle wir gehen zu müssen? 1363 01:05:48,360 --> 01:05:49,430 Sie sagte, ein Aktien-Tabelle. 1364 01:05:49,430 --> 01:05:50,680 Was setzen wir in die Aktien Tisch? 1365 01:05:50,680 --> 01:05:55,860 1366 01:05:55,860 --> 01:05:57,530 Jeder, Ideen - 1367 01:05:57,530 --> 01:05:58,796 >> PUBLIKUM: Das Unternehmen. 1368 01:05:58,796 --> 01:06:00,020 >> JASON HIRSCHHORN: Wir gehen im Namen der Put- 1369 01:06:00,020 --> 01:06:03,620 Unternehmen, so AAPL für Apple. 1370 01:06:03,620 --> 01:06:04,050 Ja. 1371 01:06:04,050 --> 01:06:05,390 >> ZIELGRUPPE: Wie viele Aktien und wie viel sie wert sind. 1372 01:06:05,390 --> 01:06:08,590 >> JASON HIRSCHHORN: Wie viele Aktien, wie viel sie wert sind - 1373 01:06:08,590 --> 01:06:10,630 was ist etwas, was wir müssen in dieser Tabelle? 1374 01:06:10,630 --> 01:06:12,770 >> ZIELGRUPPE: Eine Benutzer-ID zu indizieren. 1375 01:06:12,770 --> 01:06:14,000 >> JASON HIRSCHHORN: Ein User ID. 1376 01:06:14,000 --> 01:06:16,070 Also in dieser Tabelle, werden wir wahrscheinlich - 1377 01:06:16,070 --> 01:06:18,610 sagen wir mal, wenn es jemanden, besitzt drei Aktien, drei Reihen mit jeweils 1378 01:06:18,610 --> 01:06:23,730 dass Benutzer-ID oder dass einzelne Benutzer ID, aber eine andere Firma, eine 1379 01:06:23,730 --> 01:06:28,570 unterschiedliche Anzahl von Aktien vermutlich und eine andere Preis-Wert für jeden 1380 01:06:28,570 --> 01:06:29,820 über die Vorräte. 1381 01:06:29,820 --> 01:06:34,690 1382 01:06:34,690 --> 01:06:37,130 Auch hier, was ich jetzt sage, ist nicht unbedingt die Implementierung, 1383 01:06:37,130 --> 01:06:39,150 weil Sie erkennen, gibt es einige weitere effiziente Möglichkeiten, sie umzusetzen. 1384 01:06:39,150 --> 01:06:41,020 Aber das ist ein guter Ort, um zu starten. 1385 01:06:41,020 --> 01:06:41,430 >> OK. 1386 01:06:41,430 --> 01:06:42,830 Das sind also die beiden Tabellen die wir haben. 1387 01:06:42,830 --> 01:06:44,470 Jetzt wollen wir diese Seite anzuzeigen. 1388 01:06:44,470 --> 01:06:48,510 Was die erste Art von Abfrage wir brauchen, um zu machen. 1389 01:06:48,510 --> 01:06:52,190 Auf jeder Seite wird angenommen, dass ein Benutzer angemeldet sind, haben wir deren Benutzer-ID. 1390 01:06:52,190 --> 01:06:55,480 Also, was ist die erste Art von Abfrage, die wir machen müssen? 1391 01:06:55,480 --> 01:06:55,910 Ja. 1392 01:06:55,910 --> 01:06:56,936 >> ZIELGRUPPE: Ihre Benutzer-ID. 1393 01:06:56,936 --> 01:07:00,090 >> JASON HIRSCHHORN: Wir haben die Benutzer-ID, wenn wir beginnen, um Code auf der 1394 01:07:00,090 --> 01:07:01,340 Anfang unserer Seite. 1395 01:07:01,340 --> 01:07:03,880 1396 01:07:03,880 --> 01:07:06,470 Also, was ist die erste Art der Abfrage, die wir machen müssen, angesichts eines Benutzer-ID? 1397 01:07:06,470 --> 01:07:09,580 1398 01:07:09,580 --> 01:07:10,530 Wir gingen über die vier Arten. 1399 01:07:10,530 --> 01:07:11,860 Es gibt nur vier mögliche Antworten. 1400 01:07:11,860 --> 01:07:13,230 >> ZIELGRUPPE: Es ist wählen Sie einen Eintrag. 1401 01:07:13,230 --> 01:07:14,710 >> JASON HIRSCHHORN: A Select - 1402 01:07:14,710 --> 01:07:19,110 wollen wir von der Benutzer-wählen Tisch zu bekommen, sagen wir, 1403 01:07:19,110 --> 01:07:20,040 ihre Menge an Bargeld. 1404 01:07:20,040 --> 01:07:22,450 Und wir können die Höhe der Geld drucken auf der Oberseite des Bildschirms. 1405 01:07:22,450 --> 01:07:22,720 OK. 1406 01:07:22,720 --> 01:07:24,210 Was ist der nächste Art von Abfrage, die wir tun wollen? 1407 01:07:24,210 --> 01:07:34,650 1408 01:07:34,650 --> 01:07:36,160 >> Wir haben einige andere Dinge wir brauchen, um anzuzeigen. 1409 01:07:36,160 --> 01:07:37,480 Die sind in einer anderen Tabelle gespeichert. 1410 01:07:37,480 --> 01:07:38,300 Also, wie sollen wir das zu bekommen? 1411 01:07:38,300 --> 01:07:40,106 >> ZIELGRUPPE: Sie wählen für sie. 1412 01:07:40,106 --> 01:07:42,490 >> JASON HIRSCHHORN: A Wählen Sie - wieder es gibt nur vier Möglichkeiten. 1413 01:07:42,490 --> 01:07:44,180 Wählen Sie wahrscheinlich Klänge wie das rechte. 1414 01:07:44,180 --> 01:07:47,510 Also haben wir eine andere Auswahlabfrage tun müssen, wieder mit dieser Benutzer-ID. 1415 01:07:47,510 --> 01:07:50,370 Und nun, nicht nur eine Rückkehr wollen wir Reihe, bu alle Zeilen, die unseren entsprechen 1416 01:07:50,370 --> 01:07:53,200 Kriterien, wobei die Benutzer-ID gleich 1 ist. 1417 01:07:53,200 --> 01:07:56,790 >> Und dann können wir gehen und lassen nur eine Schleife drucken alle, die auf dem Bildschirm 1418 01:07:56,790 --> 01:07:59,250 Vielleicht drucken Sie das Unternehmen von jedes von denen auf dem Bildschirm. 1419 01:07:59,250 --> 01:08:02,430 Toll, das klingt wie das ist, Anzeige eines Portfolios nicht viel mehr 1420 01:08:02,430 --> 01:08:03,810 komplizierter. 1421 01:08:03,810 --> 01:08:07,460 >> OK, dann entscheidet der Benutzer, dass sie haben viel Geld übrig. 1422 01:08:07,460 --> 01:08:09,900 Und sie wollen, einige kaufen mehr Aktien einer Aktien. 1423 01:08:09,900 --> 01:08:12,580 Lassen Sie uns sagen, die sie bereits besitzen Lager dieser Firma auch. 1424 01:08:12,580 --> 01:08:14,110 >> Also gehen sie das Buy-Seite. 1425 01:08:14,110 --> 01:08:16,830 Sie Eingangsnamen des Unternehmens. 1426 01:08:16,830 --> 01:08:20,380 Was ist die Abfrage nach der Eingabe der Firmennamen, die Sie brauchen, 1427 01:08:20,380 --> 01:08:22,819 ausführen als nächstes? 1428 01:08:22,819 --> 01:08:23,180 Ja. 1429 01:08:23,180 --> 01:08:23,960 >> ZIELGRUPPE: Update. 1430 01:08:23,960 --> 01:08:26,670 >> JASON HIRSCHHORN: Update - und was Tabelle wollen Sie ändern? 1431 01:08:26,670 --> 01:08:29,018 >> ZIELGRUPPE: Die Tabelle, die auf ihrer ID-Nummer? 1432 01:08:29,018 --> 01:08:31,880 >> JASON HIRSCHHORN: So aktualisieren nicht Tisch des Benutzers - 1433 01:08:31,880 --> 01:08:36,029 1434 01:08:36,029 --> 01:08:40,899 so die Aktien Tisch, zu aktualisieren, wo das Benutzer-ID passt nicht nur, sondern die 1435 01:08:40,899 --> 01:08:43,160 Lager Name auch passt. 1436 01:08:43,160 --> 01:08:45,660 Sie werden etwas Wert zu erhalten. 1437 01:08:45,660 --> 01:08:48,270 Und dann werden Sie diesen Wert nehmen wollen und fügen jedoch viele Aktien sie 1438 01:08:48,270 --> 01:08:49,890 wollen, um es zu kaufen. 1439 01:08:49,890 --> 01:08:53,420 >> Also wollen Sie nicht blind diesen Wert überschreiben. 1440 01:08:53,420 --> 01:08:56,330 Aber man kann in der Tat, nehmen, dass die ersten schätzen und einfach aktualisieren. 1441 01:08:56,330 --> 01:09:00,790 Sie können tun, wie ein Plus entspricht, anstatt nur einem Gleichheits. 1442 01:09:00,790 --> 01:09:03,689 >> Was ist etwas, obwohl - wenn wir Gedanken über dies und wir sein wollen 1443 01:09:03,689 --> 01:09:08,090 so robust wie möglich - wir tun sollten bevor wir laufen, dass die Update-Abfrage? 1444 01:09:08,090 --> 01:09:09,859 Sie wollen bis zu fünf Jahren von Apple zu kaufen. 1445 01:09:09,859 --> 01:09:11,030 Jede Aktie von Apple ist 200 $. 1446 01:09:11,030 --> 01:09:12,762 >> ZIELGRUPPE: Wir sollten Geld zunächst prüfen. 1447 01:09:12,762 --> 01:09:15,130 >> JASON HIRSCHHORN: Wir sollten überprüfen Sie zuerst Geld. 1448 01:09:15,130 --> 01:09:16,680 Wir sollten sicherstellen, dass sie machen genug Geld. 1449 01:09:16,680 --> 01:09:20,766 Welche Art von Abfrage können wir ausführen, um sicherzustellen, dass sie genug Geld haben? 1450 01:09:20,766 --> 01:09:22,143 >> ZIELGRUPPE: Eine weitere Auswahl. 1451 01:09:22,143 --> 01:09:23,680 >> JASON HIRSCHHORN: A Select - 1452 01:09:23,680 --> 01:09:26,580 wir auf der Grundlage ihrer Benutzer-ID wählen, um ihren Wert von Bargeld. 1453 01:09:26,580 --> 01:09:27,620 Haben einige schnelle Mathematik. 1454 01:09:27,620 --> 01:09:30,279 Und wenn das passiert aufbringen, sie haben genug Geld. 1455 01:09:30,279 --> 01:09:31,580 Dann können wir unsere Update ausführen. 1456 01:09:31,580 --> 01:09:33,850 Oder vielleicht, wenn nicht, dann gehen wir. 1457 01:09:33,850 --> 01:09:35,370 Wir geben ihnen eine Warnung aus. 1458 01:09:35,370 --> 01:09:35,710 >> OK. 1459 01:09:35,710 --> 01:09:36,560 Sagen sie nicht über eine Gesellschaft zu haben. 1460 01:09:36,560 --> 01:09:37,310 Sie kaufen ein neues Unternehmen. 1461 01:09:37,310 --> 01:09:39,910 Sie kaufen Microsoft. 1462 01:09:39,910 --> 01:09:41,910 Welche Art von Fragen, wollen wir tun, wenn sie Microsoft kaufen? 1463 01:09:41,910 --> 01:09:43,350 Und sie keine eigenen Microsoft. 1464 01:09:43,350 --> 01:09:47,520 Nicht Manu, jemand anderes, jemand neben Marcus? 1465 01:09:47,520 --> 01:09:48,229 Carlos - 1466 01:09:48,229 --> 01:09:50,870 >> ZIELGRUPPE: A Select, um sicherzustellen, dass sie haben genug Geld. 1467 01:09:50,870 --> 01:09:51,770 >> JASON HIRSCHHORN: Klingt gut. 1468 01:09:51,770 --> 01:09:54,815 >> ZIELGRUPPE: Und dann legen Sie auf die [unverständlich]. 1469 01:09:54,815 --> 01:09:56,500 >> JASON HIRSCHHORN: Genau, wir sind gehen zu wollen, legen Sie 1470 01:09:56,500 --> 01:09:57,800 in den Aktien-Tabelle. 1471 01:09:57,800 --> 01:09:59,370 Und wir gehen zu wollen, einfügen. 1472 01:09:59,370 --> 01:10:02,510 Wir können ihre Benutzer-ID den Namen einfügen, des Unternehmens, und wie viele Aktien 1473 01:10:02,510 --> 01:10:03,940 sie kaufen wollen. 1474 01:10:03,940 --> 01:10:08,040 >> Was sind einige andere Operationen, die sind Seiten oder Funktionalität sind Sie 1475 01:10:08,040 --> 01:10:10,420 gehen, um in P-Set implementieren zu müssen 7, dass wir übergehen? 1476 01:10:10,420 --> 01:10:12,160 >> ZIELGRUPPE: Eigentlich habe ich Art haben eine Frage zu diesem ein. 1477 01:10:12,160 --> 01:10:18,000 Bevor Sie das Portfolio anzuzeigen, sollte Sie Yahoo-Website überprüft 1478 01:10:18,000 --> 01:10:19,920 sicherzustellen, dass die Aktienkurse haben sich nicht geändert? 1479 01:10:19,920 --> 01:10:21,660 >> JASON HIRSCHHORN: Das ist, Klänge wie eine gute Idee. 1480 01:10:21,660 --> 01:10:27,260 Also, was ist, ist Marcus sagen, OK, Lager Preise ändern sich ständig. 1481 01:10:27,260 --> 01:10:32,840 Bei den Aktien, die sie besitzen, Tisch, unsere Tabelle namens Stocks, könnten wir die sparen 1482 01:10:32,840 --> 01:10:35,360 Preis der Aktie kauften sie es. 1483 01:10:35,360 --> 01:10:37,990 >> Aber das scheint nicht so robust, weil der Preis der Aktie ist 1484 01:10:37,990 --> 01:10:39,490 ständig ändern wird. 1485 01:10:39,490 --> 01:10:41,990 Also in der Tat, werden Sie wahrscheinlich nicht brauchen um den Preis der Aktie zu speichern. 1486 01:10:41,990 --> 01:10:45,230 Aber jedes Mal, wenn Sie zeigen ihre Portfolio, Sie zu aktualisieren oder zu aktualisieren, die 1487 01:10:45,230 --> 01:10:46,280 Preis der Aktie. 1488 01:10:46,280 --> 01:10:48,720 >> Und wenn Sie zu haben - und Sie haben bereits. 1489 01:10:48,720 --> 01:10:51,330 Ich weiß, Sie haben alle in der gesuchten Problem setzt schon wieder. 1490 01:10:51,330 --> 01:10:55,410 Sie haben erkannt, dass wir geschrieben haben ein Code für Sie, dass Sie damit 1491 01:10:55,410 --> 01:10:57,650 um den Preis einer Aktie zu erhalten, gegeben den Namen eines Unternehmens. 1492 01:10:57,650 --> 01:10:59,620 >> Also ja, das klingt wahrscheinlich ein bisschen robuster. 1493 01:10:59,620 --> 01:11:04,260 Aber die Tabelle muss nicht unbedingt um den Preis der Aktie zu speichern. 1494 01:11:04,260 --> 01:11:04,720 OK. 1495 01:11:04,720 --> 01:11:07,590 Was sind einige andere Funktionalitäten Sie brauchen, um diese Woche zu implementieren, die 1496 01:11:07,590 --> 01:11:10,340 wir können darüber reden? 1497 01:11:10,340 --> 01:11:11,590 Ich möchte darüber reden. 1498 01:11:11,590 --> 01:11:14,342 1499 01:11:14,342 --> 01:11:16,516 >> Was wollen Sie sprechen? 1500 01:11:16,516 --> 01:11:17,810 Es ist wahrscheinlich in dieser Spezifikation. 1501 01:11:17,810 --> 01:11:20,600 Ich würde einfach nach unten scrollen nach unten der Spezifikation und fragen mich, das erste Wort 1502 01:11:20,600 --> 01:11:21,850 Sie sehen, dass macht keinen Sinn. 1503 01:11:21,850 --> 01:11:55,130 1504 01:11:55,130 --> 01:11:56,960 Eine weitere Funktionalität - 1505 01:11:56,960 --> 01:11:57,840 lassen Sie uns über einen reden. 1506 01:11:57,840 --> 01:12:00,775 Wir werden dort beginnen. 1507 01:12:00,775 --> 01:12:02,065 >> ZIELGRUPPE: Registrierung der Geschichten. 1508 01:12:02,065 --> 01:12:03,960 >> JASON HIRSCHHORN: Aufnahme die Geschichte, die große. 1509 01:12:03,960 --> 01:12:06,920 Also Sie gehen zu müssen, um Kurs zu halten sind einer Historie von Transaktionen. 1510 01:12:06,920 --> 01:12:10,840 1511 01:12:10,840 --> 01:12:14,270 Damit Sie den Überblick behalten wollen jeden Zeit, die sie kaufen oder verkaufen ein Lager. 1512 01:12:14,270 --> 01:12:15,160 >> Ich kaufte mir mein Lager. 1513 01:12:15,160 --> 01:12:18,580 Wir haben gerade gesagt, wahrscheinlich ist es sinnvoll um eine Select gehören, um ihre 1514 01:12:18,580 --> 01:12:20,220 Menge an Bargeld und überprüfen zurück. 1515 01:12:20,220 --> 01:12:25,270 Es ist wahrscheinlich Smart dann gehören ein einfügen oder ein Update, je nach 1516 01:12:25,270 --> 01:12:27,720 ob sie besitzen, die diesen Bestand. 1517 01:12:27,720 --> 01:12:32,740 Wenn wir wollen, auch den Überblick zu behalten eine Geschichte, wie können wir das tun? 1518 01:12:32,740 --> 01:12:37,530 1519 01:12:37,530 --> 01:12:38,720 Heißt das, dass in der Tabelle Stocks gehen? 1520 01:12:38,720 --> 01:12:39,822 >> ZIELGRUPPE: Nein 1521 01:12:39,822 --> 01:12:42,130 >> JASON HIRSCHHORN: Nein, ist es wahrscheinlich geht in eine andere Tabelle. 1522 01:12:42,130 --> 01:12:44,040 Da sagen Sie 10 kaufen Aktien von Apple. 1523 01:12:44,040 --> 01:12:45,370 Dann können Sie weitere 10 Aktien zu kaufen. 1524 01:12:45,370 --> 01:12:46,610 Sie wollen schleppen separate Datensätze. 1525 01:12:46,610 --> 01:12:47,610 Das sind zwei getrennte Geschäfte. 1526 01:12:47,610 --> 01:12:50,510 >> So haben wir eine andere Tabelle, a History-Tabelle. 1527 01:12:50,510 --> 01:12:51,880 Also noch einmal, die wir kaufen. 1528 01:12:51,880 --> 01:12:54,080 Wir führen eine Auswahl, dann ein Einfügen oder aktualisieren. 1529 01:12:54,080 --> 01:12:56,410 Was machen wir als nächstes? 1530 01:12:56,410 --> 01:13:00,410 Was ist das nächste Abfrage, die wir ausführen wenn wir etwas zu kaufen? 1531 01:13:00,410 --> 01:13:01,430 Wir wollen die Spur der Geschichte zu halten. 1532 01:13:01,430 --> 01:13:01,570 Ja. 1533 01:13:01,570 --> 01:13:05,195 >> ZIELGRUPPE: Sie wollen den Überblick zu behalten von fehlgeschlagenen Transaktionen zu. 1534 01:13:05,195 --> 01:13:07,700 >> JASON HIRSCHHORN: Nun, bevor wir sagen, welche Art von Transaktion, 1535 01:13:07,700 --> 01:13:11,080 was wollen wir - 1536 01:13:11,080 --> 01:13:13,910 Welche Art der Abfrage, Carlos, würde es uns ermöglichen, den Überblick zu behalten 1537 01:13:13,910 --> 01:13:16,216 der Dinge überhaupt? 1538 01:13:16,216 --> 01:13:17,860 Sie haben vier Vermutungen. 1539 01:13:17,860 --> 01:13:18,660 Welches meinst du? 1540 01:13:18,660 --> 01:13:20,835 >> ZIELGRUPPE: Aktualisierung. 1541 01:13:20,835 --> 01:13:22,400 >> JASON HIRSCHHORN: Nicht aktualisieren. 1542 01:13:22,400 --> 01:13:25,250 Was ist Ihre zweite Vermutung? 1543 01:13:25,250 --> 01:13:26,730 >> ZIELGRUPPE: Auswahl. 1544 01:13:26,730 --> 01:13:30,020 >> JASON HIRSCHHORN: Wenn Sie behalten möchten Spur von etwas, möchten Sie wahrscheinlich 1545 01:13:30,020 --> 01:13:33,310 es irgendwo notieren oder speichern Sie sie für später. 1546 01:13:33,310 --> 01:13:37,054 Also, wenn nicht aktualisieren, dann - 1547 01:13:37,054 --> 01:13:38,310 >> ZIELGRUPPE: Legen Sie es. 1548 01:13:38,310 --> 01:13:39,553 >> JASON HIRSCHHORN: Einfügen, dort gehen wir. 1549 01:13:39,553 --> 01:13:44,230 Ja, so können Sie die Anzahl der zu wählen Bargeld, das sie haben, hört sich toll an. 1550 01:13:44,230 --> 01:13:45,320 Sie haben nicht genug Geld. 1551 01:13:45,320 --> 01:13:46,720 Diese Transaktion ist nicht zur Arbeit gehen. 1552 01:13:46,720 --> 01:13:49,440 Nein, müssen Sie nicht den Überblick zu behalten eine Transaktion, wenn es nicht funktioniert. 1553 01:13:49,440 --> 01:13:52,280 Oder Sie können, wenn Sie wollen geben ihnen eine harte Zeit. 1554 01:13:52,280 --> 01:13:53,430 Aber Sie müssen nicht. 1555 01:13:53,430 --> 01:13:55,820 >> Dann können Sie einfügen oder aktualisieren in ihre Bestände Tisch. 1556 01:13:55,820 --> 01:13:57,260 Und jetzt haben Sie Ihre anderen Tisch. 1557 01:13:57,260 --> 01:13:59,790 Sie haben Ihre Geschichte Tabelle oder was auch immer Sie es nennen wollen. 1558 01:13:59,790 --> 01:14:02,920 Und in dieser Tabelle, Sie gehen um eine neue Zeile einzufügen. 1559 01:14:02,920 --> 01:14:04,205 >> Das ist wahrscheinlich zu haben die ID des Benutzers. 1560 01:14:04,205 --> 01:14:05,840 Es ist wahrscheinlich gehen zu müssen der Name der Aktie. 1561 01:14:05,840 --> 01:14:08,760 Es ist wahrscheinlich gehen zu müssen eine Zeit, dass sie es taten. 1562 01:14:08,760 --> 01:14:11,500 Und in diesem Fall, werden Sie wahrscheinlich wollen den Preis einfügen. 1563 01:14:11,500 --> 01:14:13,960 Da für eine Geschichte, die Sie nicht tun egal, was der aktuelle Preis ist. 1564 01:14:13,960 --> 01:14:17,140 Sie kümmern, was der Preis ist, wenn sie gekauft oder verkauft etwas. 1565 01:14:17,140 --> 01:14:21,530 >> So klingt es wie, um den Kauf zu implementieren vollständig beinhaltet eine Anzahl verschiedener 1566 01:14:21,530 --> 01:14:25,530 SQL-Abfragen, aber ehrlich gesagt, nicht dass viel Code insgesamt. 1567 01:14:25,530 --> 01:14:26,330 OK. 1568 01:14:26,330 --> 01:14:28,840 Und kümmert Geschichte. 1569 01:14:28,840 --> 01:14:30,450 >> Lassen Sie uns sagen, wir wollen Anzeigen unserer Geschichte. 1570 01:14:30,450 --> 01:14:31,670 Wir sprachen über die Anzeige unserem Portfolio. 1571 01:14:31,670 --> 01:14:33,902 Wie würden wir zeigen unsere Geschichte? 1572 01:14:33,902 --> 01:14:36,312 >> ZIELGRUPPE: Vermutlich chronologisch. 1573 01:14:36,312 --> 01:14:37,920 >> JASON HIRSCHHORN: Vermutlich chronologisch - 1574 01:14:37,920 --> 01:14:39,400 was glauben Sie, Abfrage verwenden wir möchten? 1575 01:14:39,400 --> 01:14:40,675 >> ZIELGRUPPE: Ein Auswahl. 1576 01:14:40,675 --> 01:14:41,840 >> JASON HIRSCHHORN: Eine ausgewählte - 1577 01:14:41,840 --> 01:14:46,590 wählen Sie vielleicht alle Zeilen aus dieser Tabelle entsprechen, dass die Benutzer-ID und dann 1578 01:14:46,590 --> 01:14:49,510 zeigt sie chronologisch, klingt gut. 1579 01:14:49,510 --> 01:14:52,590 Brauchen wir, um Code zu schreiben sortieren durch diese Liste? 1580 01:14:52,590 --> 01:14:55,084 >> ZIELGRUPPE: Nein, weil Sie gesagt uns gibt es eine aufsteigende 1581 01:14:55,084 --> 01:14:57,320 und absteigend Sache. 1582 01:14:57,320 --> 01:14:58,230 >> JASON HIRSCHHORN: Thing? 1583 01:14:58,230 --> 01:14:59,190 >> ZIELGRUPPE: Ja. 1584 01:14:59,190 --> 01:15:01,270 >> JASON HIRSCHHORN: Ja. 1585 01:15:01,270 --> 01:15:09,300 OK, nicht im Code drehen zu mir, dass manuell sortiert durch Ihre Anfragen, 1586 01:15:09,300 --> 01:15:09,820 um sie zu sortieren. 1587 01:15:09,820 --> 01:15:12,480 Dieser Code ist bereits gegeben. 1588 01:15:12,480 --> 01:15:15,310 Sie können eine SELECT-Abfrage schreiben dass Dinge sortiert. 1589 01:15:15,310 --> 01:15:18,900 Sortierung ihnen zuvor und dann ausdrucken. 1590 01:15:18,900 --> 01:15:22,070 Es macht so viel mehr Sinn, zu tun, es so, als umge. 1591 01:15:22,070 --> 01:15:22,375 Ja. 1592 01:15:22,375 --> 01:15:23,925 >> ZIELGRUPPE: Müssen wir sortieren sie vorher? 1593 01:15:23,925 --> 01:15:25,976 Heißt das, dass du meinst Art sie in der Datenbank? 1594 01:15:25,976 --> 01:15:30,510 >> JASON HIRSCHHORN: Die Select-Abfrage gibt sie an Sie sortierten. 1595 01:15:30,510 --> 01:15:34,990 So tun, und nicht nur sie haben zurück, um Sie in einer zufälligen Reihenfolge und 1596 01:15:34,990 --> 01:15:36,150 dann sortieren sie sich. 1597 01:15:36,150 --> 01:15:36,405 Ja. 1598 01:15:36,405 --> 01:15:39,925 >> ZIELGRUPPE: Gibt es eine Möglichkeit, es zu halten in der Datenbank selbst sortiert, so dass 1599 01:15:39,925 --> 01:15:41,355 Sie müssen nicht zu sortieren es jedes Mal, wenn Sie - 1600 01:15:41,355 --> 01:15:43,065 >> ZIELGRUPPE: Können Sie es einfügen sortierten? 1601 01:15:43,065 --> 01:15:45,740 >> JASON HIRSCHHORN: Frage - 1602 01:15:45,740 --> 01:15:49,796 spielt es eine Rolle, dass die Dinge in der Datenbank sortiert? 1603 01:15:49,796 --> 01:15:50,700 >> ZIELGRUPPE: Nein 1604 01:15:50,700 --> 01:15:52,240 >> JASON HIRSCHHORN: Nun, sie werden sortiert. 1605 01:15:52,240 --> 01:15:53,100 Sie sind chronologisch sortiert. 1606 01:15:53,100 --> 01:15:55,060 Aber nehmen wir an, dass sich die Dinge sortiert 1607 01:15:55,060 --> 01:15:57,640 chronologischer Reihenfolge, von oben nach unten. 1608 01:15:57,640 --> 01:15:58,930 Wir haben eine Google-Form. 1609 01:15:58,930 --> 01:16:01,400 Immer, wenn jemand zu unserer Google reagiert zu bilden, es wird nur in der Put- 1610 01:16:01,400 --> 01:16:02,480 unten auf der Tabelle. 1611 01:16:02,480 --> 01:16:07,318 Spielt es eine Rolle, dass die Dinge nicht chronologisch geordnet? 1612 01:16:07,318 --> 01:16:11,290 >> ZIELGRUPPE: Wenn es nicht chronologisch, haben Sie nicht jedes Mal zu sortieren 1613 01:16:11,290 --> 01:16:12,920 Sie nehmen Informationen aus. 1614 01:16:12,920 --> 01:16:16,730 Aber wenn es bereits sortiert, kannst du nicht nicht haben, dass zusätzlich zu tun 1615 01:16:16,730 --> 01:16:17,570 Funktionsaufruf? 1616 01:16:17,570 --> 01:16:20,690 >> JASON HIRSCHHORN: Also das ist eigentlich ein guter Punkt. 1617 01:16:20,690 --> 01:16:23,690 Für uns als Programmierer, könnte es egal. 1618 01:16:23,690 --> 01:16:26,190 Und wir möchten Sie vielleicht, um eine Datenbank zu finden das bedeutet nicht, Dinge zu sortieren 1619 01:16:26,190 --> 01:16:26,900 chronologisch. 1620 01:16:26,900 --> 01:16:30,100 Oder unsere Datenbank hinterlegt, so dass es hält Dinge, sortiert nach Benutzer-ID. 1621 01:16:30,100 --> 01:16:34,060 >> So so, sagen wir, wir haben 1000 Benutzer-IDs. 1622 01:16:34,060 --> 01:16:36,690 Oder Facebook, Millionen haben wir von Benutzer-IDs. 1623 01:16:36,690 --> 01:16:39,560 Wir wollen nicht, dass unser Tisch, gerecht zu sein zufällige oder unsere Datenbank zufällig zu sein. 1624 01:16:39,560 --> 01:16:41,630 Es wäre schön, wenn alle Benutzer-IDs wurden sortiert. 1625 01:16:41,630 --> 01:16:46,020 Also dann könnten wir binäre Suchanfragen laufen auf unserem Tisch und dann einfach zu finden die 1626 01:16:46,020 --> 01:16:47,050 bestimmten Stück. 1627 01:16:47,050 --> 01:16:50,640 >> Also ja, je nachdem -, wenn wir hochskaliert, wir möchten Sie vielleicht, um eine Datenbank zu finden 1628 01:16:50,640 --> 01:16:53,370 gehalten, dass die Dinge in einem anderen sortiert Weise, so dass diese Abfragen 1629 01:16:53,370 --> 01:16:54,140 würde weniger Zeit. 1630 01:16:54,140 --> 01:16:56,820 Und wir hatten nicht zu durchlaufen unsere gesamte Datenbank in jeder einzelnen Zeile in 1631 01:16:56,820 --> 01:16:58,260 eine bestimmte Tabelle. 1632 01:16:58,260 --> 01:17:01,640 Aber das Niveau wir bei Arbeits wir Sie müssen nicht über das Halten Sorgen 1633 01:17:01,640 --> 01:17:02,270 Dinge sortiert. 1634 01:17:02,270 --> 01:17:06,100 Wir können annehmen, dass die Zeit, die Abfrage zu laufen sein wird 1635 01:17:06,100 --> 01:17:08,910 vernachlässigbar ist, gegeben, was wir es zu tun haben. 1636 01:17:08,910 --> 01:17:13,550 Aber ja, gute Idee - wie wir skalieren, könnte es Sinn machen, gestalten unsere 1637 01:17:13,550 --> 01:17:15,390 Datenbank in ein bisschen anders. 1638 01:17:15,390 --> 01:17:18,520 >> Eine letzte Datenbank-Design, was ich will als auch zu erwähnen, weil man sie 1639 01:17:18,520 --> 01:17:22,660 bewertet werden, oder vielmehr hat, auf das Design Ihrer Datenbank. 1640 01:17:22,660 --> 01:17:24,160 Wir sprachen darüber. 1641 01:17:24,160 --> 01:17:27,490 Bar ist einzigartig für jeden Benutzer. 1642 01:17:27,490 --> 01:17:30,820 So können Sie eine Tabelle namens Cash haben, dass hat seine Benutzer-ID und ihre Menge 1643 01:17:30,820 --> 01:17:33,370 Geld und dann eine Tabelle namens Benutzer, die ihre Benutzer 1644 01:17:33,370 --> 01:17:34,810 ID und den Benutzernamen. 1645 01:17:34,810 --> 01:17:37,390 >> Diese Tabellen auf jede Karte andere Eins-zu-eins. 1646 01:17:37,390 --> 01:17:39,520 Es macht wohl Sinn, sie einer Tabelle sein. 1647 01:17:39,520 --> 01:17:42,750 1648 01:17:42,750 --> 01:17:44,830 Also nehmen wir an, Sie haben ein Benutzer Tabelle, die Spur hält 1649 01:17:44,830 --> 01:17:46,220 Benutzernamen und Bargeld. 1650 01:17:46,220 --> 01:17:49,960 Sie haben nun eine Tabelle, hat der Aktien ein Individuum besitzt. 1651 01:17:49,960 --> 01:17:52,130 >> Und ein Einzelner besitzen mehr als ein Lager. 1652 01:17:52,130 --> 01:17:54,900 Also diese nicht auf der Karte einander eins-zu-eins. 1653 01:17:54,900 --> 01:18:00,140 Es macht keinen Sinn, eine Riesen haben Tabelle 30 Datensätze hat, dass 1654 01:18:00,140 --> 01:18:02,960 alle einen Benutzernamen zu wiederholen, dass alle wiederholen Sie ein Passwort, dass alle 1655 01:18:02,960 --> 01:18:04,680 wiederholen, eine Reihe von Bargeld. 1656 01:18:04,680 --> 01:18:08,360 Aber jeder hat vielleicht eine andere Lager Namen oder eine andere Aktienkurs. 1657 01:18:08,360 --> 01:18:11,310 >> Es macht keinen Sinn zu haben, dass viele große Datensätze. 1658 01:18:11,310 --> 01:18:14,880 Seien Sie schlau zu, wenn Sie diese erstellen Datenbanken, so dass Sie nicht tun 1659 01:18:14,880 --> 01:18:20,050 etwas albern wie das, sich wiederholenden viele unnötige Informationen. 1660 01:18:20,050 --> 01:18:20,570 >> OK. 1661 01:18:20,570 --> 01:18:22,570 Wir haben zwei Minuten. 1662 01:18:22,570 --> 01:18:26,580 Menschen außerhalb sind begeistert, kommen uns oder wahrscheinlich, vermutlich, 1663 01:18:26,580 --> 01:18:27,650 beginnen ihre eigene Klasse. 1664 01:18:27,650 --> 01:18:30,110 Hat jemand irgendwelche Fragen haben, bevor wir beenden? 1665 01:18:30,110 --> 01:18:35,520 1666 01:18:35,520 --> 01:18:38,620 >> OK, das war in der Tat ein Wirbelwind über alles. 1667 01:18:38,620 --> 01:18:43,510 Ich entschuldige mich, dass es hatte so schnell zu sein und dass wir nicht wie Hands-on 1668 01:18:43,510 --> 01:18:46,640 in dieser Woche, wie ich es haben gern gewesen wäre. 1669 01:18:46,640 --> 01:18:50,610 Aber wenn Sie Fragen zu haben gingen wir über alles oder alles in 1670 01:18:50,610 --> 01:18:52,090 dieses Problem eingestellt - 1671 01:18:52,090 --> 01:18:54,900 Vorausgesetzt, Sie es gelesen und gesetzt haben in einer guten Glauben bemüht - 1672 01:18:54,900 --> 01:18:57,920 sich bitte an mich per E-Mail oder kontaktieren Sie mich. 1673 01:18:57,920 --> 01:19:00,960 Ich bin mehr als glücklich, durcharbeiten Ihr Code mit Ihnen oder beantworten jeder 1674 01:19:00,960 --> 01:19:02,330 Fragen Sie haben. 1675 01:19:02,330 --> 01:19:06,160 >> Bedenken Sie, dass in dieser Woche eine Menge Ihre Zeit wird damit verbracht werden, die 1676 01:19:06,160 --> 01:19:10,730 neue Syntax und versuchen zu verstehen, wie SQL-Abfragen oder PHP schreiben 1677 01:19:10,730 --> 01:19:14,280 Funktionen oder befassen sich mit ein MVC-Framework. 1678 01:19:14,280 --> 01:19:17,290 Eine Menge Zeit in dieser Woche wahrscheinlich wird nicht versucht, herauszufinden, werden die 1679 01:19:17,290 --> 01:19:19,380 verrückte Logik, dass wir fragen, was Sie tun. 1680 01:19:19,380 --> 01:19:23,820 Eine Menge davon gingen wir etwas über ist relativ einfach. 1681 01:19:23,820 --> 01:19:25,790 >> Also das bedeutet nicht, warten bis zur letzten Minute. 1682 01:19:25,790 --> 01:19:29,710 Aber es bedeutet, einstellen, wie Sie tun entsprechend zu arbeiten, um sicherzustellen, dass 1683 01:19:29,710 --> 01:19:30,970 Sie verstehen und Lernen Sie die Syntax. 1684 01:19:30,970 --> 01:19:33,640 Sie sind also nicht, ganz plötzlich, wohl wissend, genau das, was Sie tun möchten, 1685 01:19:33,640 --> 01:19:37,200 aber keine Ahnung, wie man genau schreiben. 1686 01:19:37,200 --> 01:19:38,450 OK, ich werde Sie nächste Woche. 1687 01:19:38,450 --> 01:19:40,438