1 00:00:00,000 --> 00:00:08,802 2 00:00:08,802 --> 00:00:11,140 >> JASON HIRSCHHORN: Welkom iedereen tot week acht. 3 00:00:11,140 --> 00:00:13,420 We hebben een spannende week voor de boeg. 4 00:00:13,420 --> 00:00:21,390 Jullie hebben dook afgelopen paar lezingen tot PHP, SQL, HTML, CSS, dus 5 00:00:21,390 --> 00:00:27,270 vier nieuwe talen die gaan tot het nemen van de rest van deze cursus. 6 00:00:27,270 --> 00:00:30,750 We leert ook een paar andere talen voor het einde cursus. 7 00:00:30,750 --> 00:00:35,200 Maar toch, onnodig te zeggen, dit is een zeer spannende tijd in CS50, nu u 8 00:00:35,200 --> 00:00:41,200 knie hebben C, ogenschijnlijk, en zijn over te gaan tot de programmering voor websites. 9 00:00:41,200 --> 00:00:45,320 >> Dus deze week, gaan we op gaan een wervelwind tour door de vier 10 00:00:45,320 --> 00:00:50,200 talen die ik net noemde, HTML, CSS, PHP en SQL. 11 00:00:50,200 --> 00:00:53,340 En hopelijk zullen we tal van vertrekken tijd aan het eind van de sectie te praten 12 00:00:53,340 --> 00:00:58,800 over deze week de P set en antwoord alle vragen die u al hebt. 13 00:00:58,800 --> 00:01:03,500 >> Elke week, op dezelfde lijst van middelen voor u, om u te helpen met de week 14 00:01:03,500 --> 00:01:05,780 probleem te stellen en gaan over het materiaal - 15 00:01:05,780 --> 00:01:09,440 maar deze week vooral deze webgebaseerde probleem sets zijn er 16 00:01:09,440 --> 00:01:12,350 tal van andere middelen die daar dat je zal waarschijnlijk 17 00:01:12,350 --> 00:01:13,500 vinden ongelooflijk behulpzaam. 18 00:01:13,500 --> 00:01:14,670 Ik heb ze hier. 19 00:01:14,670 --> 00:01:17,570 Ik zal u deze e-mail na sectie, en deze ook online zijn. 20 00:01:17,570 --> 00:01:21,700 >> Maar in het bijzonder, er zijn genoeg van grote middelen die er zijn. 21 00:01:21,700 --> 00:01:24,380 Er zijn ook enkele niet zo groot degenen, dus op zijn hoede voor deze. 22 00:01:24,380 --> 00:01:28,210 Maar op deze dia, Ik heb vier goede middelen, een voor elk van de 23 00:01:28,210 --> 00:01:30,600 talen die je werkt met deze week - 24 00:01:30,600 --> 00:01:35,090 een verwijzing blad voor HTML, een verwijzing blad voor CSS. 25 00:01:35,090 --> 00:01:38,320 Dit hier is de PHP handleiding. 26 00:01:38,320 --> 00:01:42,110 >> Dus in plaats van te typen man en vervolgens een PHP commando, dit is waar je zou 27 00:01:42,110 --> 00:01:46,980 gaan te zoeken van de functie prototype en voorbeelden en ook een aantal tips en 28 00:01:46,980 --> 00:01:48,770 trucs voor het gebruik van PHP functies. 29 00:01:48,770 --> 00:01:51,590 U vindt deze site vaak gebruikt, dus ik moedig u aan om te worden 30 00:01:51,590 --> 00:01:52,280 vertrouwd mee. 31 00:01:52,280 --> 00:01:55,860 Het kan een beetje technisch, maar het biedt ook een ton van de middelen en 32 00:01:55,860 --> 00:02:00,440 Voorbeelden voor alle functies en zelfs andere, zoals het gebruik van arrays of 33 00:02:00,440 --> 00:02:01,500 verschillende variabelen. 34 00:02:01,500 --> 00:02:03,480 Deze site is zeer nuttig voor PHP. 35 00:02:03,480 --> 00:02:07,160 >> En dan, voor SQL, als je dook in deze probleem set week, weet je 36 00:02:07,160 --> 00:02:09,160 dat we met behulp van een database. 37 00:02:09,160 --> 00:02:13,340 En we toegang tot die database via een relatief mooie gebruikersinterface. 38 00:02:13,340 --> 00:02:15,760 Of dat is een manier om toegang te krijgen die database. 39 00:02:15,760 --> 00:02:19,670 De gebruikersinterface is genoemd phpMyAdmin. 40 00:02:19,670 --> 00:02:23,400 Er is een SQL-tab, die we zullen kijken naar later vandaag. 41 00:02:23,400 --> 00:02:28,230 >> En u kunt typen in hun steekproef SQL queries, om dingen te doen in uw database 42 00:02:28,230 --> 00:02:29,780 en voer deze queries. 43 00:02:29,780 --> 00:02:31,850 En als ze juist zijn, het zal zeggen, deze is correct. 44 00:02:31,850 --> 00:02:33,480 Als ze verkeerd, het zal zeg, het is ingevuld. 45 00:02:33,480 --> 00:02:37,260 Dat is een geweldige plek om te oefenen uw SQL-query's voor het schrijven ze in 46 00:02:37,260 --> 00:02:39,990 uw code, om ervoor te zorgen dat u hebben het formaat correct. 47 00:02:39,990 --> 00:02:42,080 >> Ten slotte is een andere website hier. 48 00:02:42,080 --> 00:02:45,390 Dit is de website waar u kunt gaan kijken om te zorgen dat uw maken 49 00:02:45,390 --> 00:02:47,520 HTML code geldig is. 50 00:02:47,520 --> 00:02:51,250 Dus voordat u uw problemen te stellen deze week, zorg ervoor dat alle van 51 00:02:51,250 --> 00:02:52,690 uw HTML geldig is. 52 00:02:52,690 --> 00:02:55,840 >> Vorige week had je valgrind uitvoeren, om zorg ervoor dat je geen geheugen lekken gehad. 53 00:02:55,840 --> 00:02:59,050 Deze week, moet u zeker maken allemaal van uw code geldig is HTML5. 54 00:02:59,050 --> 00:03:02,140 Als het niet geldig is HTML5, je bent gaat krijgen punten uit. 55 00:03:02,140 --> 00:03:03,110 >> Dus zorg ervoor dat - 56 00:03:03,110 --> 00:03:05,700 gewoon omdat het werkt niet bedoel het is volledig geldig. 57 00:03:05,700 --> 00:03:09,770 Doe je code via deze website voordat u het in 58 00:03:09,770 --> 00:03:10,810 Nogmaals, hier is de website. 59 00:03:10,810 --> 00:03:15,150 >> Als u feedback voor mij, we hebben een paar meer secties links, 60 00:03:15,150 --> 00:03:18,100 en ik wil altijd doen wat ik kan om u allen de beste sectie 61 00:03:18,100 --> 00:03:19,460 ervaring mogelijk. 62 00:03:19,460 --> 00:03:22,115 Dus laat het me weten als er iets is dat ik kan verbeteren of als er 63 00:03:22,115 --> 00:03:24,730 dingen die je ziet, dat ik beter zou kunnen doen. 64 00:03:24,730 --> 00:03:25,710 Dank je wel, Avi. 65 00:03:25,710 --> 00:03:27,610 Zet het op de website. 66 00:03:27,610 --> 00:03:31,870 >> Dit was de fiets die ik had toen ik was, laten we zeggen, vier thuis. 67 00:03:31,870 --> 00:03:34,500 Het is een Teenage Mutant Ninja Turtle fietsen, voor het geval je niet kan vertellen, 68 00:03:34,500 --> 00:03:35,345 want het is een beetje wazig. 69 00:03:35,345 --> 00:03:38,900 Je kunt het nu krijgen bij ToysRUs voor, denk ik, ongeveer $ 100. 70 00:03:38,900 --> 00:03:42,690 >> Maar het kenmerk van deze fiets die ik wil je aandacht te besteden aan zijn deze 71 00:03:42,690 --> 00:03:43,480 hier. 72 00:03:43,480 --> 00:03:44,980 Dit zijn de zijwieltjes. 73 00:03:44,980 --> 00:03:50,230 Tot nu toe heb je handheld geweest door C. En we hebben een lang geduurd 74 00:03:50,230 --> 00:03:53,610 tijd, twee maanden plus, om te gaan door C. 75 00:03:53,610 --> 00:03:55,440 >> Voor deze komende paar talen, we gaan niet 76 00:03:55,440 --> 00:03:56,600 veel tijd doorbrengen. 77 00:03:56,600 --> 00:03:58,350 De zijwieltjes gaan eraf. 78 00:03:58,350 --> 00:04:01,360 En we gaan om te duiken in deze talen snel en bewegen door 79 00:04:01,360 --> 00:04:04,720 ze snel, wat niet wil zeggen dat we gaan gewoon je zwembad te verlaten 80 00:04:04,720 --> 00:04:07,590 die er met geen manier om te steunen uzelf of erachter te komen hoe deze 81 00:04:07,590 --> 00:04:08,270 talen werken. 82 00:04:08,270 --> 00:04:10,750 Ik liet je een lijst van middelen om u te helpen. 83 00:04:10,750 --> 00:04:14,560 >> Maar houd in gedachten dat PHP is ongelooflijk vergelijkbaar met C. We gaan over 84 00:04:14,560 --> 00:04:15,970 het vandaag nog en een deel van de verschillen. 85 00:04:15,970 --> 00:04:17,990 Maar voor het grootste deel, er zijn voor lussen. 86 00:04:17,990 --> 00:04:18,750 Er zijn als de omstandigheden. 87 00:04:18,750 --> 00:04:20,680 >> Wanneer u een probleem op te lossen, je gaat gebruiken een 88 00:04:20,680 --> 00:04:22,029 combinatie van deze. 89 00:04:22,029 --> 00:04:22,920 Het is zeer vergelijkbaar. 90 00:04:22,920 --> 00:04:26,040 De logica moet zeer vergelijkbaar zijn wat je hebt gedaan in het verleden. 91 00:04:26,040 --> 00:04:29,810 Wat is echt nieuw deze week is het syntaxis en hoe je jezelf te uiten. 92 00:04:29,810 --> 00:04:32,850 En je wilt een te schrijven voor loop, maar het ziet er misschien een beetje anders. 93 00:04:32,850 --> 00:04:35,910 Of wilt u een array te maken, maar het ziet er misschien een beetje anders. 94 00:04:35,910 --> 00:04:39,920 >> Dus hou in gedachten dat, vooruit, de logica is zeer vergelijkbaar met wat 95 00:04:39,920 --> 00:04:41,020 je hebt gedaan in het verleden. 96 00:04:41,020 --> 00:04:44,030 Maar je bent nu gaat worden geconfronteerd veel nieuwe syntax. 97 00:04:44,030 --> 00:04:47,600 En we zijn niet van plan om u door alle elementen van de syntaxis. 98 00:04:47,600 --> 00:04:53,020 Dus het is echt aan jou om erachter te komen, online of via bereiken op 99 00:04:53,020 --> 00:04:58,770 Bespreek of e-mailen mij of praten met elkaar, hoe ze dingen te schrijven in 100 00:04:58,770 --> 00:05:02,580 PHP en hoe om SQL queries te schrijven en hoe HTML en CSS te gebruiken. 101 00:05:02,580 --> 00:05:06,160 >> Maar gewoon zo weet je, het is niet dat we proberen om je daar te gooien 102 00:05:06,160 --> 00:05:07,630 nogmaals om de haaien te zwemmen. 103 00:05:07,630 --> 00:05:10,600 Dit is wat je waarschijnlijk zal doen met je afstudeerproject, als u kiest voor een 104 00:05:10,600 --> 00:05:15,150 andere taal, zoals IOS en Objective C, of ​​als u besluit om te beginnen 105 00:05:15,150 --> 00:05:17,580 programmering in de toekomst en duiken in andere talen, 106 00:05:17,580 --> 00:05:19,210 zoals Python of Ruby. 107 00:05:19,210 --> 00:05:23,380 >> Vaak is de logica vergelijkbaar in al deze talen, en de 108 00:05:23,380 --> 00:05:24,560 syntax is wat anders. 109 00:05:24,560 --> 00:05:27,560 En het is aan u, als de programmeur, te gaan gebruiken het web 110 00:05:27,560 --> 00:05:30,790 middelen beschikbaar om u en figuur hoe uit te drukken wat je weet hoe 111 00:05:30,790 --> 00:05:33,200 uitdrukken in C, in een andere taal. 112 00:05:33,200 --> 00:05:36,410 Dus dit is een goede gewoonte, zowel voor uw afstudeerproject, en nogmaals, voor 113 00:05:36,410 --> 00:05:40,150 wat je zult waarschijnlijk doen nadat u CS50 vertrekken. 114 00:05:40,150 --> 00:05:42,550 >> Voordat we verder gaan, doet iedereen Voor vragen over wat 115 00:05:42,550 --> 00:05:43,800 Ik heb tot nu toe gedaan? 116 00:05:43,800 --> 00:05:52,450 117 00:05:52,450 --> 00:05:53,120 Geweldig. 118 00:05:53,120 --> 00:05:53,910 Laten we verder gaan. 119 00:05:53,910 --> 00:05:59,090 >> Ten eerste, we gaan even praten over het chmod commando. 120 00:05:59,090 --> 00:06:02,420 Dit doen we aan de start van uw problemen te stellen. 121 00:06:02,420 --> 00:06:05,050 Een van de eerste aanwijzingen voor u, nadat u downloaden van de 122 00:06:05,050 --> 00:06:09,280 verdeelsleutel, is het veranderen van de permissies van de bestanden en 123 00:06:09,280 --> 00:06:11,350 mappen die u ontvangt. 124 00:06:11,350 --> 00:06:16,430 >> Kan iemand wagen een gok of weet waarom het belangrijk is om te veranderen de 125 00:06:16,430 --> 00:06:20,012 machtigingen van bepaalde bestanden en mappen op uw computer? 126 00:06:20,012 --> 00:06:20,956 Avi - 127 00:06:20,956 --> 00:06:24,796 >> PUBLIEK: Toen niemand behalve je kunt zien wat je doet? 128 00:06:24,796 --> 00:06:25,470 >> JASON HIRSCHHORN: OK. 129 00:06:25,470 --> 00:06:28,330 Dus als we iets willen op de vragen web en u machtigingen hebt ingesteld dat 130 00:06:28,330 --> 00:06:30,960 alleen kun je iets zien, dan niemand anders kan 131 00:06:30,960 --> 00:06:32,530 zien wat je hebt gemaakt. 132 00:06:32,530 --> 00:06:33,380 Wat anders? 133 00:06:33,380 --> 00:06:34,320 Yeah. 134 00:06:34,320 --> 00:06:37,360 >> PUBLIEK: Voorkom iemand anders dat je niet willen iets zien, van 135 00:06:37,360 --> 00:06:37,870 zien van iets. 136 00:06:37,870 --> 00:06:38,820 >> JASON HIRSCHHORN: Dat is ook waar. 137 00:06:38,820 --> 00:06:40,730 Er is waarschijnlijk een code die je schrijft, dat je niet 138 00:06:40,730 --> 00:06:42,690 wil dat mensen zien. 139 00:06:42,690 --> 00:06:46,190 Je bent waarschijnlijk OK met mensen zien HTML en uw webbrowser. 140 00:06:46,190 --> 00:06:50,360 Maar uw PHP, een back-end code, veel de logica aan uw code, misschien de 141 00:06:50,360 --> 00:06:53,200 dingen die een deel van uw wachtwoorden voor de database, u niet 142 00:06:53,200 --> 00:06:55,880 wil dat mensen zien dat type informatie. 143 00:06:55,880 --> 00:06:59,420 >> Dus het is belangrijk dat elk bestand en directory creëren we machtigingen heeft 144 00:06:59,420 --> 00:07:03,660 van toepassing zijn op of we willen mensen om die types van bestanden te zien en 145 00:07:03,660 --> 00:07:08,030 directories en in staat zijn om ze te openen en mogelijk hen zelfs veranderen. 146 00:07:08,030 --> 00:07:09,920 >> Dus zijn er drie types machtigingen. 147 00:07:09,920 --> 00:07:14,980 Er is een lees toestemming, welke middelen kunt u een bestand of een lijst van de te lezen 148 00:07:14,980 --> 00:07:16,490 inhoud van de directory. 149 00:07:16,490 --> 00:07:20,820 Er is de schrijfrechten, die betekent dat u een bestand of verandering wijzigen 150 00:07:20,820 --> 00:07:24,910 een map en vervolgens de uit te voeren toestemming, wat betekent dat je kunt 151 00:07:24,910 --> 00:07:31,060 een bestand uit te voeren of liever, je kan bewegen in een directory. 152 00:07:31,060 --> 00:07:34,470 Dus CD iets, als je de toestemming om het uit te voeren, kunt u naar 153 00:07:34,470 --> 00:07:37,300 in die map. 154 00:07:37,300 --> 00:07:38,510 >> Dit is een kort voorbeeld. 155 00:07:38,510 --> 00:07:40,700 Nogmaals, je hebt dan dit gegaan het probleem vastgesteld. 156 00:07:40,700 --> 00:07:44,630 Maar ik heb een map aan te maken met de opdracht mkdir. 157 00:07:44,630 --> 00:07:46,320 Ik de permissies te veranderen. 158 00:07:46,320 --> 00:07:48,505 Deze twee lijnen eigenlijk doen precies hetzelfde. 159 00:07:48,505 --> 00:07:52,580 Het is om te illustreren dat de syntaxis voor wijzigen van machtigingen, of je doet 160 00:07:52,580 --> 00:07:55,600 de a + x of 711, die dezelfde zijn. 161 00:07:55,600 --> 00:07:57,550 >> We kijken neer op deze mooie tafel. 162 00:07:57,550 --> 00:07:59,960 We zien dat er gebruiker permissies eerste. 163 00:07:59,960 --> 00:08:03,280 Dat ben jij, het individu, en uw server, mogelijk. 164 00:08:03,280 --> 00:08:05,070 En dan is er nog de groep en anderen. 165 00:08:05,070 --> 00:08:09,350 De verschillen tussen deze beide zijn relatief onbelangrijk. 166 00:08:09,350 --> 00:08:11,170 Dus over het algemeen, zullen we een hoop te gooien die samen. 167 00:08:11,170 --> 00:08:14,380 >> Maar in wezen, als we een bestand genoemd omvat dat we willen zijn 168 00:08:14,380 --> 00:08:18,760 in staat om onszelf te bewerken en dat we willen anderen kunnen voeren, 169 00:08:18,760 --> 00:08:20,560 het is de toestemming 711. 170 00:08:20,560 --> 00:08:22,390 En we zien dat beneden Hier in deze tabel. 171 00:08:22,390 --> 00:08:24,730 We hebben een lees-, schrijf-en uit te voeren. 172 00:08:24,730 --> 00:08:26,790 Voor ieder van ons, we willen staat zijn om die te doen. 173 00:08:26,790 --> 00:08:30,160 Groep en anderen, we willen alleen ze kunnen voeren. 174 00:08:30,160 --> 00:08:33,860 >> De manier waarop we dat vertalen een aantal 175 00:08:33,860 --> 00:08:36,870 toestemming is door middel van binaire. 176 00:08:36,870 --> 00:08:41,780 Dus als we drie degenen, dat is een 1 in de kolom van de eenheden, een 1 in de tweeën 177 00:08:41,780 --> 00:08:43,049 kolom, een kolom 1 de fours. 178 00:08:43,049 --> 00:08:45,180 Dat is 7 daar. 179 00:08:45,180 --> 00:08:47,450 En deze toestemming is 1. 180 00:08:47,450 --> 00:08:48,390 Deze toelating is 1. 181 00:08:48,390 --> 00:08:54,200 Dus als 711 is gelijk geven onszelf lezen, schrijven en uitvoeren, 182 00:08:54,200 --> 00:08:56,660 en iedereen privileges uit te voeren. 183 00:08:56,660 --> 00:08:59,180 >> Deze lijn hier, wij over het algemeen zal lezen en schrijven toen we 184 00:08:59,180 --> 00:09:00,250 maak een directory. 185 00:09:00,250 --> 00:09:04,650 Dus deze lijn hier voegt alleen maar uit te voeren privileges voor iedereen. 186 00:09:04,650 --> 00:09:07,450 Zodat verwant zou zijn, in aanvulling op wat we hebben, 187 00:09:07,450 --> 00:09:09,930 toevoegen van 1, 1, 1 voor iedereen. 188 00:09:09,930 --> 00:09:13,880 >> Overwegende dat dit, het is niet nodig toevoegen lezen en schrijven. 189 00:09:13,880 --> 00:09:16,130 Maar als je gaat om de nummers te gebruiken, je kunt niet zomaar iets toevoegen. 190 00:09:16,130 --> 00:09:19,070 Je worden overschreven toestemming waren daar en ze uit te voeren met de nieuwe 191 00:09:19,070 --> 00:09:20,920 nummer geven. 192 00:09:20,920 --> 00:09:21,930 Dat was vrij snel. 193 00:09:21,930 --> 00:09:24,115 Heeft iemand enig vragen over het wijzigen van machtigingen? 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 Als ik een PHP-bestand, welke permissies wil ik het hebben? 197 00:09:32,480 --> 00:09:36,638 198 00:09:36,638 --> 00:09:38,780 Dit is in het probleem set spec. 199 00:09:38,780 --> 00:09:41,590 Dus je kunt kijken naar de spec en lees me dan is het antwoord. 200 00:09:41,590 --> 00:09:45,820 201 00:09:45,820 --> 00:09:48,605 >> PUBLIEK: U wilt dat de gebruiker hebben lees-schrijf rechten. 202 00:09:48,605 --> 00:09:51,080 En u wilt iedereen anders niets hebben. 203 00:09:51,080 --> 00:09:53,060 >> JASON HIRSCHHORN: En wat getallen is dat? 204 00:09:53,060 --> 00:09:53,480 >> Publiek: 600. 205 00:09:53,480 --> 00:09:54,840 >> JASON HIRSCHHORN: 600. 206 00:09:54,840 --> 00:09:59,550 Dus chmod 600 - wanneer u afdrukt een PHP-bestand, chmod het naar 600. 207 00:09:59,550 --> 00:10:00,370 OK. 208 00:10:00,370 --> 00:10:01,890 Ik heb een directory. 209 00:10:01,890 --> 00:10:04,870 Iemand naast Jeff, Ik heb een map. 210 00:10:04,870 --> 00:10:08,060 Welke rechten wil ik te geven aan die map - 211 00:10:08,060 --> 00:10:11,620 ook het probleem spec ingesteld, rechts onder dit antwoord of 212 00:10:11,620 --> 00:10:14,840 het vorige antwoord? 213 00:10:14,840 --> 00:10:16,160 Mogelijk ook op de glijbaan - 214 00:10:16,160 --> 00:10:16,450 Marcus. 215 00:10:16,450 --> 00:10:17,230 >> PUBLIEK: Voor de 216 00:10:17,230 --> 00:10:18,180 map, het is 711. 217 00:10:18,180 --> 00:10:19,590 JASON HIRSCHHORN: 711 - 218 00:10:19,590 --> 00:10:21,230 dus een map die u wilt geven 711. 219 00:10:21,230 --> 00:10:25,280 U wilt in staat zijn om die map te lezen, veranderen directories, verhuizen naar 220 00:10:25,280 --> 00:10:25,785 die map. 221 00:10:25,785 --> 00:10:28,865 En je wilt iedereen in staat om te navigeren binnen die map, maar 222 00:10:28,865 --> 00:10:30,790 niet noodzakelijkerwijs de inhoud te wijzigen. 223 00:10:30,790 --> 00:10:33,720 Hoe zit het met een niet-PHP-bestand, zeggen, een JavaScript-bestand? 224 00:10:33,720 --> 00:10:36,090 Welke rechten willen we om dat type bestand te geven? 225 00:10:36,090 --> 00:10:37,020 >> Publiek: 644. 226 00:10:37,020 --> 00:10:38,030 >> JASON HIRSCHHORN: 644 - 227 00:10:38,030 --> 00:10:40,010 Daarom willen we het 644 geven? 228 00:10:40,010 --> 00:10:42,880 >> PUBLIEK: Om andere mensen te laten lezen. 229 00:10:42,880 --> 00:10:44,840 En u lezen of schrijven. 230 00:10:44,840 --> 00:10:48,540 >> JASON HIRSCHHORN: Dus rechts, iedereen anders kan lezen dat JavaScript bestand. 231 00:10:48,540 --> 00:10:51,420 En je kan dat veranderen, naast op de mogelijkheid om het te lezen. 232 00:10:51,420 --> 00:10:54,970 Dus een van de meest voorkomende bugs mensen hebben dit probleem stellen en hun 233 00:10:54,970 --> 00:10:58,880 afstudeerproject, als het een web-based finale project is, zullen ze niet hebben ingesteld 234 00:10:58,880 --> 00:11:00,170 de juiste machtigingen. 235 00:11:00,170 --> 00:11:03,180 En zij zullen niet in staat zijn naar hun website te zien. 236 00:11:03,180 --> 00:11:04,840 Of een bepaald deel van hun website. 237 00:11:04,840 --> 00:11:06,930 >> Dus zorg ervoor dat u de instelling toestemmingen correct. 238 00:11:06,930 --> 00:11:10,730 Niet gewoon aannemen dat het zal automatisch het voor u doen. 239 00:11:10,730 --> 00:11:11,500 >> OK. 240 00:11:11,500 --> 00:11:15,100 Dat was een klein ding dat we brachten een goede hoeveelheid tijd op, zodat 241 00:11:15,100 --> 00:11:16,190 kunnen we het nagelen. 242 00:11:16,190 --> 00:11:18,000 Laten we overgaan naar HTML. 243 00:11:18,000 --> 00:11:20,430 >> En nogmaals, voor deze volgende vier thema's, we gaan om te gaan door hen 244 00:11:20,430 --> 00:11:21,600 relatief snel. 245 00:11:21,600 --> 00:11:24,980 Dus aarzel niet om me te stoppen op elk gewenst tijd, als je vragen hebt, 246 00:11:24,980 --> 00:11:27,900 of ze zijn gerelateerd aan wat ik te dekken of iets van lezing of 247 00:11:27,900 --> 00:11:29,440 zelfs van de opdracht gesteld. 248 00:11:29,440 --> 00:11:31,690 Stop me wanneer u maar wilt. 249 00:11:31,690 --> 00:11:34,370 Als we bij het einde, zullen we gewoon start gaan over het probleem set. 250 00:11:34,370 --> 00:11:38,100 >> Dus HTML staat voor HyperText Markup Language. 251 00:11:38,100 --> 00:11:41,360 Het is geen programmeertaal. 252 00:11:41,360 --> 00:11:45,800 Alles wat het doet is de structuur van uw inhoud en ook een aantal metadata. 253 00:11:45,800 --> 00:11:52,340 Dus bijvoorbeeld, vermoedelijk veel je hebt Facebook eerder gebruikt. 254 00:11:52,340 --> 00:11:56,810 En je kunt ook links in, of u kan een link als je status. 255 00:11:56,810 --> 00:11:59,070 >> En dan zul je die link merken heeft altijd een leuke foto 256 00:11:59,070 --> 00:12:00,450 aan het en wat tekst. 257 00:12:00,450 --> 00:12:03,040 Algemeen, dat enige metadata voor een webpagina. 258 00:12:03,040 --> 00:12:05,250 En het is Facebook-specifieke metadata. 259 00:12:05,250 --> 00:12:07,780 En dan, als Facebook leest dat pagina en het invoegen van die link, het 260 00:12:07,780 --> 00:12:10,780 zoekt de metadata, zodat weet wat foto om te laten zien, wat 261 00:12:10,780 --> 00:12:13,820 titel om te laten zien, en wat abstracte tekst weer te geven. 262 00:12:13,820 --> 00:12:17,760 >> Dus we kunnen metadata met onze webpagina met behulp van HTML. 263 00:12:17,760 --> 00:12:21,190 En het helpt ons ook structuur de inhoud, algemeen, welke 264 00:12:21,190 --> 00:12:25,400 we willen gaan waar. 265 00:12:25,400 --> 00:12:28,240 >> Alles in HTML is een element. 266 00:12:28,240 --> 00:12:30,690 En elementen hier - 267 00:12:30,690 --> 00:12:33,410 deze CS50, tekst is het element. 268 00:12:33,410 --> 00:12:35,140 En het heeft een aantal tags. 269 00:12:35,140 --> 00:12:36,690 Het heeft dit een tag. 270 00:12:36,690 --> 00:12:41,730 En we merken dat er een een op de begin en dan een schuine streep een, dus 271 00:12:41,730 --> 00:12:43,960 sluiten van een label aan het eind. 272 00:12:43,960 --> 00:12:46,800 Soms, is er geen open tag en een close-tag. 273 00:12:46,800 --> 00:12:49,040 Er is maar een ding. 274 00:12:49,040 --> 00:12:50,640 >> We zullen daar een voorbeeld van te zien op de volgende dia. 275 00:12:50,640 --> 00:12:52,640 Dus je hoeft niet een open nodig en een close-tag. 276 00:12:52,640 --> 00:12:59,570 Maar voor dit, zijn wij bekisten dit CS50 element in een anchor tag. 277 00:12:59,570 --> 00:13:03,270 En in wezen, deze tags vertellen de browser wat te doen met 278 00:13:03,270 --> 00:13:04,700 het bijzondere element. 279 00:13:04,700 --> 00:13:07,380 >> Dus nogmaals, CS50 is de tekst we zullen gaan zien. 280 00:13:07,380 --> 00:13:10,060 En het gaat worden een soort anker. 281 00:13:10,060 --> 00:13:13,920 Anker wordt hoofdzakelijk gebruikt voor links naar iets. 282 00:13:13,920 --> 00:13:16,000 In het bijzonder, als je kunt al aangeeft, is dit een 283 00:13:16,000 --> 00:13:18,950 koppelen aan de CS50 homepage. 284 00:13:18,950 --> 00:13:23,160 >> Het volgende deel van het label - of in het algemeen, een deel van tags 285 00:13:23,160 --> 00:13:24,290 attributen. 286 00:13:24,290 --> 00:13:27,080 En wij zien hier, dat de een-tag heeft een 287 00:13:27,080 --> 00:13:29,680 toeschrijven, dit href attribuut. 288 00:13:29,680 --> 00:13:32,000 En ze een bepaalde tag te wijzigen. 289 00:13:32,000 --> 00:13:36,100 In feite, als je naar een van de websites of de referenties die ik je gaf 290 00:13:36,100 --> 00:13:39,480 vóór of zoek de een tag online, je zult merken dat er een ton van 291 00:13:39,480 --> 00:13:41,010 mogelijke attributen. 292 00:13:41,010 --> 00:13:42,310 >> Dit is waarschijnlijk een de meest voorkomende. 293 00:13:42,310 --> 00:13:46,090 Dit vertelt me ​​om een ​​te creëren link naar de specifieke website. 294 00:13:46,090 --> 00:13:50,260 En attributen algemeen worden gegeven, zo niet uitsluitend gegeven, 295 00:13:50,260 --> 00:13:52,350 in key-value pairs. 296 00:13:52,350 --> 00:13:55,380 >> Dus hier is de sleutel, href. 297 00:13:55,380 --> 00:13:57,320 En de waarde is dit recht hier. 298 00:13:57,320 --> 00:14:01,960 En dat zal later van pas komen, wanneer we beginnen met behulp van enkele bibliotheken 299 00:14:01,960 --> 00:14:07,280 ons helpen code in JavaScript of schrijf HTML-inhoud. 300 00:14:07,280 --> 00:14:11,120 We worden vaak gaan worden - net als wij zou scala beugel 0 en dat doen 301 00:14:11,120 --> 00:14:12,340 zou ons enige waarde. 302 00:14:12,340 --> 00:14:17,190 >> In de toekomst zullen we veel moeten doen dingen als iets beugel href. 303 00:14:17,190 --> 00:14:21,180 En dat zal ons de waarde van het geven href, of als we willen de href updaten 304 00:14:21,180 --> 00:14:23,980 toets en geef het een bepaalde waarde. 305 00:14:23,980 --> 00:14:28,915 Dus net als met arrays waar we toets 0 of de toets 1 of toets 2 of zelfs met een 306 00:14:28,915 --> 00:14:33,480 hash table, nou, met je hash tables als goed, je had waarschijnlijk - het 307 00:14:33,480 --> 00:14:35,790 was een array, dus sleutel 0, toets 1, toets 2. 308 00:14:35,790 --> 00:14:38,480 >> Die index is er, we kunnen denk dat als een sleutel. 309 00:14:38,480 --> 00:14:40,180 En de waarde is wat werd daar opgeslagen. 310 00:14:40,180 --> 00:14:42,760 Al deze attributen zijn key-value pairs. 311 00:14:42,760 --> 00:14:47,370 En dat is belangrijk voor het veranderen zijn hen of bij te werken of 312 00:14:47,370 --> 00:14:51,020 u ze later op. 313 00:14:51,020 --> 00:14:53,990 >> Tot slot, heb je deze structuur gezien , maar dit is de meest fundamentele 314 00:14:53,990 --> 00:14:55,350 structuur van de HTML-pagina. 315 00:14:55,350 --> 00:14:58,700 Op de top, wij vertellen u dat Dit is in feite HTML. 316 00:14:58,700 --> 00:15:01,910 En dan hebben we een open HTML tag en een nauwe HTML-tag. 317 00:15:01,910 --> 00:15:04,940 Dus alles binnen van Dit is de HTML. 318 00:15:04,940 --> 00:15:08,960 >> We zien het hoofd en het lichaam. 319 00:15:08,960 --> 00:15:12,350 Het hoofd van uw document omvat in het algemeen wat? 320 00:15:12,350 --> 00:15:16,980 321 00:15:16,980 --> 00:15:20,995 Elke gissingen voor wat je zet in het hoofd? 322 00:15:20,995 --> 00:15:23,060 >> PUBLIEK: Je zet de titel en stijl. 323 00:15:23,060 --> 00:15:23,790 >> JASON HIRSCHHORN: De titel. 324 00:15:23,790 --> 00:15:26,110 Dat was een grote gok. 325 00:15:26,110 --> 00:15:27,200 Ik kan u hebt getipt om de. 326 00:15:27,200 --> 00:15:28,150 Wat zijn een aantal andere dingen? 327 00:15:28,150 --> 00:15:30,351 We hebben een van hen die zou kunnen gaan in het hoofd. 328 00:15:30,351 --> 00:15:33,057 329 00:15:33,057 --> 00:15:35,225 >> PUBLIEK: Hij zei, stijlen. 330 00:15:35,225 --> 00:15:36,240 >> JASON HIRSCHHORN: Stijlen - 331 00:15:36,240 --> 00:15:41,050 dus als u wilt koppelen in een webbrowser of zelfs een CSS, waarin je praat 332 00:15:41,050 --> 00:15:42,610 over als je praat over stijlen. 333 00:15:42,610 --> 00:15:45,670 Een ander bestand, dat u wilt koppelen in een buiten-bestand, zal dat waarschijnlijk gaat 334 00:15:45,670 --> 00:15:46,920 in het hoofd. 335 00:15:46,920 --> 00:15:48,660 336 00:15:48,660 --> 00:15:51,070 >> Wat anders? 337 00:15:51,070 --> 00:15:52,960 We hebben het al een paar dia's geleden een van de dingen die 338 00:15:52,960 --> 00:15:54,510 HTML voor u kan doen. 339 00:15:54,510 --> 00:15:58,180 340 00:15:58,180 --> 00:16:01,240 Zij kan bieden - 341 00:16:01,240 --> 00:16:02,874 begint met een M - 342 00:16:02,874 --> 00:16:03,820 >> PUBLIEK: Metadata. 343 00:16:03,820 --> 00:16:06,170 >> JASON HIRSCHHORN: Metadata - dus veel van de metadata zal gaan in het hoofd, 344 00:16:06,170 --> 00:16:08,990 want dat zal niet per se nodig om een ​​deel van het lichaam van uw code. 345 00:16:08,990 --> 00:16:11,820 Dat is over het algemeen - het lichaam is de inhoud, wat iemand ziet. 346 00:16:11,820 --> 00:16:14,210 En dus gaf ik gewoon weg het antwoord naar mijn volgende vraag. 347 00:16:14,210 --> 00:16:17,770 Maar in het lichaam is meestal de inhoud dat gaat worden getoond 348 00:16:17,770 --> 00:16:19,750 op de webpagina. 349 00:16:19,750 --> 00:16:26,120 >> Zoals we zullen zien, ingewikkelde websites de neiging om te vermengen of te wijzigen op wat 350 00:16:26,120 --> 00:16:27,170 zetten ze in het hoofd en het lichaam. 351 00:16:27,170 --> 00:16:30,360 Maar over het algemeen, de kop bevat dingen dat de gebruiker niet zal 352 00:16:30,360 --> 00:16:31,290 op het scherm ziet. 353 00:16:31,290 --> 00:16:34,150 Het verbindt in andere bestanden en geeft metadata. 354 00:16:34,150 --> 00:16:37,690 Overwegende dat het lichaam bevat alles de gebruiker gaat zien. 355 00:16:37,690 --> 00:16:39,270 Enig idee wat deze tag p betekent? 356 00:16:39,270 --> 00:16:41,660 >> PUBLIEK: Paragraaf? 357 00:16:41,660 --> 00:16:42,780 >> PUBLIEK: Print. 358 00:16:42,780 --> 00:16:44,120 >> PUBLIEK: Betekent niet druk. 359 00:16:44,120 --> 00:16:45,380 >> PUBLIEK: Betekent paragraaf? 360 00:16:45,380 --> 00:16:47,620 >> JASON HIRSCHHORN: Paragraaf - dus dit is een paragraaf. 361 00:16:47,620 --> 00:16:50,920 En deze tag p, ik had net getypt dit op het scherm en 362 00:16:50,920 --> 00:16:52,630 omvatte een regeleinde aan het einde ervan. 363 00:16:52,630 --> 00:16:54,380 Iemand weet hoe te nemen een nieuwe regel? 364 00:16:54,380 --> 00:16:55,240 >> PUBLIEK: pr - 365 00:16:55,240 --> 00:16:55,700 >> JASON HIRSCHHORN: pr - 366 00:16:55,700 --> 00:16:57,080 >> PUBLIEK: Slash pr? 367 00:16:57,080 --> 00:17:00,120 >> JASON HIRSCHHORN: pr slash staat voor kabelbreuk. 368 00:17:00,120 --> 00:17:03,270 Maar de leden hebben specifieke formatteren. 369 00:17:03,270 --> 00:17:06,060 En we zullen tot opmaak van een te krijgen ten tweede, als we praten over CSS. 370 00:17:06,060 --> 00:17:09,900 Maar alles binnen deze tags p zullen sommige standaard opmaak hebben 371 00:17:09,900 --> 00:17:13,210 ermee verbonden zijn, waarschijnlijk een tussenruimte tussen verschillende 372 00:17:13,210 --> 00:17:15,069 paragrafen. 373 00:17:15,069 --> 00:17:19,410 En het zal een manier om te differentiëren blokken code. 374 00:17:19,410 --> 00:17:20,980 >> Elke andere tags - 375 00:17:20,980 --> 00:17:24,584 wat zijn andere tags die je gezien hebt? 376 00:17:24,584 --> 00:17:26,609 >> JASON HIRSCHHORN: h1 via h6. 377 00:17:26,609 --> 00:17:28,460 h1 via h6, en wat is dat? 378 00:17:28,460 --> 00:17:31,560 >> Publiek: Het zal duiden hoe groot en vet de letters zijn. 379 00:17:31,560 --> 00:17:32,650 >> JASON HIRSCHHORN: Rechts, het staat voor header. 380 00:17:32,650 --> 00:17:34,960 En dus header1 is een grote kop. 381 00:17:34,960 --> 00:17:40,840 Het zal waarschijnlijk standaard, worden vet, een groot lettertype, waarschijnlijk gericht op 382 00:17:40,840 --> 00:17:44,030 het scherm, helemaal naar beneden met h6, dat is een kleiner lettertype, minder 383 00:17:44,030 --> 00:17:44,780 benadrukt. 384 00:17:44,780 --> 00:17:50,290 Natuurlijk kun je, in je CSS-bestand of ergens in de code - die, 385 00:17:50,290 --> 00:17:53,830 nogmaals, we krijgen dat in een tweede - veranderen wat het standaard gedrag 386 00:17:53,830 --> 00:17:55,780 van een H1 tag is. 387 00:17:55,780 --> 00:18:01,040 >> Maar houd in gedachten dat Chrome, Safari, Firefox, Internet Explorer hebben allemaal 388 00:18:01,040 --> 00:18:04,030 Standaard zoekt veel deze standaard tags. 389 00:18:04,030 --> 00:18:07,110 U kunt, weer, altijd wijzigen hoe ze eruit zien. 390 00:18:07,110 --> 00:18:09,955 Iedere andere tags die iedereen heeft gezien? 391 00:18:09,955 --> 00:18:10,350 Yeah - 392 00:18:10,350 --> 00:18:11,530 >> PUBLIEK: Een div website. 393 00:18:11,530 --> 00:18:15,830 >> JASON HIRSCHHORN: een div-tag - div-tag heeft geen ingebouwde formaat, per 394 00:18:15,830 --> 00:18:21,850 zodanig, dat wordt gebruikt voor blokkeren verschillende soorten code. 395 00:18:21,850 --> 00:18:22,980 Elke andere tags? 396 00:18:22,980 --> 00:18:23,390 Ja. 397 00:18:23,390 --> 00:18:24,333 >> PUBLIEK: li - 398 00:18:24,333 --> 00:18:24,850 >> JASON HIRSCHHORN: li - 399 00:18:24,850 --> 00:18:25,580 wat is li voor? 400 00:18:25,580 --> 00:18:26,210 >> PUBLIEK: List. 401 00:18:26,210 --> 00:18:26,930 >> PUBLIEK: Lijst 402 00:18:26,930 --> 00:18:29,510 >> JASON HIRSCHHORN: li voor lijst elementen. 403 00:18:29,510 --> 00:18:30,720 Er zijn twee soorten lijsten. 404 00:18:30,720 --> 00:18:31,970 Wat zijn de twee types? 405 00:18:31,970 --> 00:18:34,165 406 00:18:34,165 --> 00:18:35,806 >> PUBLIEK: Bestelde en ongeordende. 407 00:18:35,806 --> 00:18:37,780 >> JASON HIRSCHHORN: Besteld en ongeordende - dus ul stands 408 00:18:37,780 --> 00:18:38,560 voor ongeordende lijst. 409 00:18:38,560 --> 00:18:41,120 Dat is als je een kogel wijzen, een lijst met opsommingstekens. 410 00:18:41,120 --> 00:18:43,180 Een geordende lijst is een genummerde lijst. 411 00:18:43,180 --> 00:18:47,930 En dus zult u een open ul-tag te doen en dan ton van de lijst elementen en vervolgens 412 00:18:47,930 --> 00:18:50,450 sluit de ul-tag. en dat zal maak een ongeordende lijst. 413 00:18:50,450 --> 00:18:52,380 >> We gaan een aantal voorbeelden te zien van HTML in een beetje. 414 00:18:52,380 --> 00:18:55,800 Maar voor die tijd wil ik CSS te krijgen. 415 00:18:55,800 --> 00:18:58,530 En CSS staat voor Cascading Style Sheets. 416 00:18:58,530 --> 00:19:03,010 En dit is zeer nauw verwant naar HTML maar iets anders. 417 00:19:03,010 --> 00:19:06,920 Dit helpt u de volledige inhoud te formatteren dat HTML structuren. 418 00:19:06,920 --> 00:19:14,940 >> Dus in CSS, we in het algemeen niet willen stylen elke koptekst of elke 419 00:19:14,940 --> 00:19:17,250 enkel beeld of elke enkele paragraaf. 420 00:19:17,250 --> 00:19:21,210 We willen een aantal elementen te stylen of misschien een specifiek element. 421 00:19:21,210 --> 00:19:25,250 En de manier waarop stylen we een specifiek element is om het een ID. 422 00:19:25,250 --> 00:19:26,070 >> Dus dit is een attribuut. 423 00:19:26,070 --> 00:19:27,960 Het heeft een sleutel en een waarde. 424 00:19:27,960 --> 00:19:29,130 ID is de sleutel. 425 00:19:29,130 --> 00:19:30,220 Logo is de waarde. 426 00:19:30,220 --> 00:19:32,410 Ik pakte logo willekeurig. 427 00:19:32,410 --> 00:19:36,780 En als je iets geven een ID, algemeen, dat mag alleen worden gegeven 428 00:19:36,780 --> 00:19:38,800 een element. 429 00:19:38,800 --> 00:19:42,340 >> En dan, in je stylesheet kunt u stijl dat element, maar 430 00:19:42,340 --> 00:19:44,090 je wilt kijken. 431 00:19:44,090 --> 00:19:49,560 Wilt u een aantal van de stijl elementen, misschien is het een bepaalde klasse 432 00:19:49,560 --> 00:19:51,310 headers, slechts een deel van uw headers. 433 00:19:51,310 --> 00:19:56,780 Misschien is het een header en een afbeelding en een paragraaf u allen wilt worden gecentreerd. 434 00:19:56,780 --> 00:20:00,700 Dan kunt u deze groepen geven elementen al een klasse. 435 00:20:00,700 --> 00:20:04,300 En je kunt de klas geven specifieke stijlen. 436 00:20:04,300 --> 00:20:08,860 Dus een ID en een klasse zijn twee manieren om braakt u een code, zodat u kunt helpen 437 00:20:08,860 --> 00:20:11,990 meer specifiek in wat je stijl. 438 00:20:11,990 --> 00:20:13,830 >> Er zijn drie manieren om stijl. 439 00:20:13,830 --> 00:20:17,530 De eerste is, met dit attribuut stijl. 440 00:20:17,530 --> 00:20:21,200 Dus je ziet, de stijl sleutel is stijl. 441 00:20:21,200 --> 00:20:24,370 De stijl waarde daadwerkelijk een andere belangrijke waarde lijst. 442 00:20:24,370 --> 00:20:26,570 >> In dit geval koos ik een sleutel, text-align. 443 00:20:26,570 --> 00:20:27,730 En ik zei, centrum. 444 00:20:27,730 --> 00:20:30,280 Je zou jezelf de vraag op dit opzicht, hoe wist ik 445 00:20:30,280 --> 00:20:31,230 text-align. 446 00:20:31,230 --> 00:20:32,280 Wat betekent dat eigenlijk doen? 447 00:20:32,280 --> 00:20:35,350 Dat is een grote vraag te stellen, en we gaan er in een seconde. 448 00:20:35,350 --> 00:20:39,740 Dus dat is een manier om iets te stylen geef het de stijl attribuut. 449 00:20:39,740 --> 00:20:43,490 >> Een andere manier om iets te stijl is - dit is Akshar eerder noemde. 450 00:20:43,490 --> 00:20:49,660 U kunt stijl tags en we deze in het hoofd van uw HTML-document. 451 00:20:49,660 --> 00:20:52,220 Dus zeg je in feite, de inhoud binnen hier 452 00:20:52,220 --> 00:20:53,870 is wat inhoud stijl. 453 00:20:53,870 --> 00:20:59,520 En in welke vorm dat is het wat je Wil stijl en dan, de binnenkant van 454 00:20:59,520 --> 00:21:03,460 accolades, de belangrijkste waarde paar attributen die u wilt geven aan 455 00:21:03,460 --> 00:21:05,920 dat type element. 456 00:21:05,920 --> 00:21:07,370 >> Tenslotte, en dit is de meest voorkomende manier. 457 00:21:07,370 --> 00:21:10,320 En dit is de manier waarop we doe het in p set 7. 458 00:21:10,320 --> 00:21:12,370 Het is een externe style sheet. 459 00:21:12,370 --> 00:21:14,370 Dus je hebt een. Css-bestand. 460 00:21:14,370 --> 00:21:18,050 En de binnenkant van het, zie je veel van dingen die er zo uitzien, de naam 461 00:21:18,050 --> 00:21:22,730 van een soort element of een ID of een klasse en dan, de binnenkant van krullend 462 00:21:22,730 --> 00:21:28,040 bretels, een lijst van de belangrijkste waarde paren. 463 00:21:28,040 --> 00:21:30,065 >> Natuurlijk, als u een extern maken bestand, gaat u 464 00:21:30,065 --> 00:21:31,310 nodig om het te omvatten - 465 00:21:31,310 --> 00:21:34,860 scherpe omvatten, dat zou zijn de C analogie - 466 00:21:34,860 --> 00:21:36,250 in uw HTML-bestand. 467 00:21:36,250 --> 00:21:39,820 Dus je moet deze ook code in uw HTML-bestand. 468 00:21:39,820 --> 00:21:46,080 Omdat dit de naam van het bestand en in de veronderstelling dat het in dezelfde directory. 469 00:21:46,080 --> 00:21:47,100 >> OK. 470 00:21:47,100 --> 00:21:48,200 Dat was een stuk. 471 00:21:48,200 --> 00:21:52,440 En we gaan nu om te ademen en te kijken bij sommige echte, levende website en 472 00:21:52,440 --> 00:21:53,720 verken dit meer. 473 00:21:53,720 --> 00:21:55,470 Maar voordat we dat doen, doet niemand nog vragen? 474 00:21:55,470 --> 00:22:00,830 475 00:22:00,830 --> 00:22:04,970 >> Dus als je wilt om dit te doen, samen met me, kunnen we naar het apparaat. 476 00:22:04,970 --> 00:22:08,950 En ik koos de CS50 startpagina. 477 00:22:08,950 --> 00:22:10,020 U kunt dit doen met een website. 478 00:22:10,020 --> 00:22:13,070 Maar waarom beginnen we niet met de CS50 homepage? 479 00:22:13,070 --> 00:22:14,650 >> Laten we vernieuwen. 480 00:22:14,650 --> 00:22:18,030 Ik heb eigenlijk beveel u doen dit samen met mij, want wat we 481 00:22:18,030 --> 00:22:22,720 nu gaan doen gaat worden ontzettend handig voor u, niet alleen in 482 00:22:22,720 --> 00:22:24,450 P-Set 7, maar in P-Set 8 ook. 483 00:22:24,450 --> 00:22:24,810 Yeah. 484 00:22:24,810 --> 00:22:29,560 >> PUBLIEK: Is er een manier om een ​​reactie te doen in HTML, zonder het gebruik van PHP? 485 00:22:29,560 --> 00:22:31,130 >> JASON HIRSCHHORN: Ja, dat kan opmerkingen maken in HTML. 486 00:22:31,130 --> 00:22:32,690 >> Publiek: Wat is de syntax? 487 00:22:32,690 --> 00:22:34,340 >> PUBLIEK: Uitroepteken dash dash. 488 00:22:34,340 --> 00:22:36,125 >> Publiek: OK. 489 00:22:36,125 --> 00:22:37,100 >> JASON HIRSCHHORN: Ja. 490 00:22:37,100 --> 00:22:38,350 Dat is de syntax. 491 00:22:38,350 --> 00:22:40,630 492 00:22:40,630 --> 00:22:41,900 Je kunt te maken in HTML. 493 00:22:41,900 --> 00:22:43,310 Je kunt maken in PHP. 494 00:22:43,310 --> 00:22:46,590 >> Zoals u zult zien, reageer in HTML zal nog opdagen, wanneer we kijken naar de 495 00:22:46,590 --> 00:22:49,960 HTML broncode van een bepaalde site. 496 00:22:49,960 --> 00:22:51,610 Dus dit cs50.net. 497 00:22:51,610 --> 00:22:57,360 Als u met de rechtermuisknop klikt in de meeste moderne browsers op vrijwel elke pagina die u bekijkt 498 00:22:57,360 --> 00:22:58,820 de pagina bron. 499 00:22:58,820 --> 00:23:01,480 Dus laten we dat doen op CS50. 500 00:23:01,480 --> 00:23:05,060 >> En kijk, we zien een gigantische ding. 501 00:23:05,060 --> 00:23:07,420 CS50 ziet er eigenlijk best aardig. 502 00:23:07,420 --> 00:23:08,920 Veel websites zullen niet kijk dit leuk. 503 00:23:08,920 --> 00:23:10,540 Als je naar de startpagina van Google en open het. 504 00:23:10,540 --> 00:23:11,960 Het zal dit niet leuk uitzien. 505 00:23:11,960 --> 00:23:13,830 >> Maar je merkt dat aan de top - 506 00:23:13,830 --> 00:23:16,650 dit is wat klein. 507 00:23:16,650 --> 00:23:17,900 Laten we dit groter. 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 Op de top, DOCTYPE HTML, dat is bekend. 511 00:23:26,660 --> 00:23:30,650 Dan zien we de open HTML-tag en het hoofd, hier, alle 512 00:23:30,650 --> 00:23:34,350 van deze meta-tags. 513 00:23:34,350 --> 00:23:38,000 En u kunt dit og zien, niet ga nu ingaan. 514 00:23:38,000 --> 00:23:42,110 Maar ik ben bijna zeker op dat die zou zijn Facebook. 515 00:23:42,110 --> 00:23:42,900 >> Dat is eigenlijk het Facebook. 516 00:23:42,900 --> 00:23:44,870 Ik denk dat staat voor open grafiek. 517 00:23:44,870 --> 00:23:48,930 Dus onthoud, ik was het vermelden er Faceboook-specifieke metadata kunt u 518 00:23:48,930 --> 00:23:49,800 geven aan een pagina. 519 00:23:49,800 --> 00:23:51,150 Dat is wat is hier. 520 00:23:51,150 --> 00:23:54,580 >> Dus als je deze pagina een link op Facebook, het beeld dat het gaat om te laten zien 521 00:23:54,580 --> 00:23:56,630 is dit beeld hier. 522 00:23:56,630 --> 00:23:58,310 En je eigenlijk zien dat het Facebook, want het is 523 00:23:58,310 --> 00:23:59,470 de Facebook-afbeelding. 524 00:23:59,470 --> 00:24:00,880 >> Maar goed, we krijgen opzij. 525 00:24:00,880 --> 00:24:03,220 Dus hebben we een aantal metadata-tags hier. 526 00:24:03,220 --> 00:24:05,570 We zien de CS50 titel. 527 00:24:05,570 --> 00:24:09,830 En nogmaals, de titel is wat er hier in het tabblad van de browser. 528 00:24:09,830 --> 00:24:14,770 We zien dit is het koppelen van in, hier, een extern JavaScript-bestand. 529 00:24:14,770 --> 00:24:17,640 >> We hebben nog niet gesproken over JavaScript veel, maar volgende week - en zeker als 530 00:24:17,640 --> 00:24:20,350 je doet een web-based probleem set, u zal worden met behulp van JavaScript. 531 00:24:20,350 --> 00:24:23,540 Dit is hoe je een link in externe JavaScript-bestanden. 532 00:24:23,540 --> 00:24:31,970 We zien hier, ten slotte, de CSS style sheet, dat documenteert deze 533 00:24:31,970 --> 00:24:32,830 stijlen van deze code. 534 00:24:32,830 --> 00:24:37,190 >> Laten we daadwerkelijk open die en kijk heel snel. 535 00:24:37,190 --> 00:24:38,440 Dit ziet er gek. 536 00:24:38,440 --> 00:24:40,840 537 00:24:40,840 --> 00:24:42,790 Er is geen manier waarop ik zou zijn in staat om door te lezen. 538 00:24:42,790 --> 00:24:46,930 Dus je kunt eigenlijk wel, als je rekening een blik, kunt u soort zien dat 539 00:24:46,930 --> 00:24:48,650 er zijn - 540 00:24:48,650 --> 00:24:49,790 daar gaan we. 541 00:24:49,790 --> 00:24:53,440 >> Dat lijkt op iets wat we hebben gezien vóór, achtergrondkleur, het instellen van het 542 00:24:53,440 --> 00:24:55,550 gelijk aan wat rood-groen-blauw-waarde. 543 00:24:55,550 --> 00:24:59,070 Dit spul soort mag niet lijken dat buitenlandse, hoewel, wanneer voorgesteld 544 00:24:59,070 --> 00:25:00,850 als dit, kan het zijn een beetje overweldigend. 545 00:25:00,850 --> 00:25:03,340 We gaan niet om te kijken naar dit CSS-bestand of veel tijd aan te besteden, omdat 546 00:25:03,340 --> 00:25:06,030 Het is, nogmaals, erg moeilijk om te lezen. 547 00:25:06,030 --> 00:25:09,090 >> Laten we teruggaan naar dit HTML-pagina voor CS50. 548 00:25:09,090 --> 00:25:10,930 En laten we naar beneden scrollen om het lichaam. 549 00:25:10,930 --> 00:25:14,730 En binnen zien we deze div-tag. 550 00:25:14,730 --> 00:25:18,370 We zien een header hier. 551 00:25:18,370 --> 00:25:21,060 We zien de anchor tag. 552 00:25:21,060 --> 00:25:26,050 >> En deze lijst element is gegeven een specifieke klasse. 553 00:25:26,050 --> 00:25:28,370 En we zien dat klasse herhaald over en weer. 554 00:25:28,370 --> 00:25:29,730 Daar ben je Curtis. 555 00:25:29,730 --> 00:25:32,730 Er is de commentaar in HTML5. 556 00:25:32,730 --> 00:25:36,280 >> En zoals u merkt, kunnen we nog zien het, maar het is niet komen opdagen. 557 00:25:36,280 --> 00:25:37,960 Het is eigenlijk heel interessant. 558 00:25:37,960 --> 00:25:40,760 Het lijkt erop dat deze scores lijst element wordt gereageerd buiten. 559 00:25:40,760 --> 00:25:45,110 Als we naar deze pagina, nogmaals, het nog steeds lijkt er, zo interessant. 560 00:25:45,110 --> 00:25:47,830 >> Oh, dat is waarom, want van deze volgende regel. 561 00:25:47,830 --> 00:25:50,680 562 00:25:50,680 --> 00:25:52,735 Wat hebben we van belang? 563 00:25:52,735 --> 00:25:56,640 564 00:25:56,640 --> 00:26:00,180 De rest van dit is meer verwarrend, in omgaan met deze rechter helft van het 565 00:26:00,180 --> 00:26:03,280 website, die een beetje wat complexer. 566 00:26:03,280 --> 00:26:08,890 >> Dus dit is wat sommige HTML gaat uitzien. 567 00:26:08,890 --> 00:26:10,990 Voor mij wel, dit is een beetje overweldigend, en dit niet 568 00:26:10,990 --> 00:26:12,350 help me dat veel. 569 00:26:12,350 --> 00:26:16,560 Echter, er is iets dat doet, in feite, help me een hoop. 570 00:26:16,560 --> 00:26:20,490 >> En dat is wat ik gebruik wanneer ik proberen te achterhalen hoe iets 571 00:26:20,490 --> 00:26:24,270 lijkt de manier waarop het doet, of hoe kan Ik wijzigingen aanbrengen in mijn website. 572 00:26:24,270 --> 00:26:29,280 En dat is een Developer Tool die is ingebouwd in Chrome. 573 00:26:29,280 --> 00:26:33,960 Dus als je naar deze drie bars recht hier en ga naar gereedschap op 574 00:26:33,960 --> 00:26:40,120 Developer Tools, een klein venster zal pop-up aan de onderkant van de pagina. 575 00:26:40,120 --> 00:26:46,910 En in het bijzonder chroom, aangezien het prachtig, zal dit venster formatteren en 576 00:26:46,910 --> 00:26:49,580 neem de HTML en maken het kijken veel mooier voor je. 577 00:26:49,580 --> 00:26:54,860 Dus nu is het eigenlijk een aantal opvouwbare HTML die je kunt verkennen te inspecteren 578 00:26:54,860 --> 00:26:56,620 de elementen van de pagina. 579 00:26:56,620 --> 00:26:59,400 >> Als we willen kijken naar het lichaam, het eigenlijk hoogtepunten. 580 00:26:59,400 --> 00:27:03,240 Als u naar meer dan een deel van de HTML, in dit venster, zal het 581 00:27:03,240 --> 00:27:06,530 gedeelte markeren het spreekt over in het grote raam. 582 00:27:06,530 --> 00:27:10,800 Dus laat me opnieuw proberen en blazen dit een beetje. 583 00:27:10,800 --> 00:27:12,170 OK. 584 00:27:12,170 --> 00:27:13,550 >> Dus laten we het lichaam te openen. 585 00:27:13,550 --> 00:27:17,280 En ik ben muis over deze links div. 586 00:27:17,280 --> 00:27:21,420 En je merkt dat het benadrukken van Deze linker helft van het scherm. 587 00:27:21,420 --> 00:27:25,710 Dus laten we op dat en uit te breiden dat. 588 00:27:25,710 --> 00:27:27,280 >> Binnenkant van het, het ziet eruit als er zijn twee divs. 589 00:27:27,280 --> 00:27:29,790 Er is deze eerste div. 590 00:27:29,790 --> 00:27:30,760 Ik zie niet in dat gemarkeerd. 591 00:27:30,760 --> 00:27:35,900 Ik weet het niet, maar het lijkt erop dat deze tweede, links binnen, is de inhoud 592 00:27:35,900 --> 00:27:37,700 aan de linkerkant van het scherm. 593 00:27:37,700 --> 00:27:39,360 >> Dan is er dit ding heet header. 594 00:27:39,360 --> 00:27:41,890 Het lijkt erop dat dat is het benadrukken de CS50 deel. 595 00:27:41,890 --> 00:27:46,600 Als we openen dat op, dan zien we dat het niets meer dan header 1. 596 00:27:46,600 --> 00:27:51,140 Het is gegeven een ID, en het is gezien de tekst CS50. 597 00:27:51,140 --> 00:27:57,240 >> Dus nogmaals, dat te bekijken via deze console of via de developer tools 598 00:27:57,240 --> 00:28:00,710 paneel aan de onderkant van het scherm merken het verkennen van deze website, hopelijk, een 599 00:28:00,710 --> 00:28:02,990 veel minder intimiderend en een stuk toegankelijker. 600 00:28:02,990 --> 00:28:06,360 Het geeft ons ook te begrijpen dat deze website, ziet er al heel 601 00:28:06,360 --> 00:28:09,210 mooi en aardig, is niet zo heel veel meer dan wat je gaat worden 602 00:28:09,210 --> 00:28:10,430 doen op Probleemverzameling 7. 603 00:28:10,430 --> 00:28:13,080 En dit is helemaal binnen uw vermogen om te creëren. 604 00:28:13,080 --> 00:28:14,110 >> Als we willen - 605 00:28:14,110 --> 00:28:18,270 de andere koele ding over het gebruik van deze tools is, als je rechts klikt op de 606 00:28:18,270 --> 00:28:22,270 titel, kunt u de HTML bewerken. 607 00:28:22,270 --> 00:28:25,660 Dus laten we het noemen Jason. 608 00:28:25,660 --> 00:28:28,990 En nu zult u merken ik ben veranderd de HTML op deze pagina. 609 00:28:28,990 --> 00:28:31,020 >> Natuurlijk heb ik niet veranderd permanent. 610 00:28:31,020 --> 00:28:34,570 Als ik refresh mijn browser, dan zou het ga terug naar de oorspronkelijke HTML. 611 00:28:34,570 --> 00:28:38,860 Maar soms wil ik mijn code debuggen, en ik wil niet kijken gewoon mijn 612 00:28:38,860 --> 00:28:41,370 gedit raam en proberen te begrijpen wat er gaande is. 613 00:28:41,370 --> 00:28:42,705 >> Ik wil zien wat er zal live gebeuren. 614 00:28:42,705 --> 00:28:45,880 Dus ik zal code bewerken als dit en krijgen het zoals ik het wil kijken. 615 00:28:45,880 --> 00:28:47,960 En dan zal ik de veranderingen in mijn code. 616 00:28:47,960 --> 00:28:50,010 >> En ik vind dat het een stuk makkelijker als je de dingen kunt doen 617 00:28:50,010 --> 00:28:52,400 ogenblikkelijk, als dat. 618 00:28:52,400 --> 00:28:58,410 Zeg, nogmaals, we willen een ander merk kans, omdat we verkennen met 619 00:28:58,410 --> 00:29:00,340 HTML en CSS op dit moment. 620 00:29:00,340 --> 00:29:02,600 Ik kan de HTML nu bewerken. 621 00:29:02,600 --> 00:29:06,680 En ik ga een link. 622 00:29:06,680 --> 00:29:10,650 >> Dus ik ga naar huis CS50's wijzigen pagina, zo zal het verwijzen naar - 623 00:29:10,650 --> 00:29:12,060 laten we zeggen - mijn homepage. 624 00:29:12,060 --> 00:29:16,700 Wat is de naam, als iemand herinnert, of wat is het kenmerk ik wil geven 625 00:29:16,700 --> 00:29:18,850 een anker tabblad wanneer ik wil het ergens anders te koppelen? 626 00:29:18,850 --> 00:29:19,562 >> PUBLIEK: 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 Dus nu, zie je daar die is een onderstreping onder Jason. 630 00:29:35,750 --> 00:29:40,170 Dat komt omdat Chrome, standaard, geeft ankers een onderstreping. 631 00:29:40,170 --> 00:29:41,990 U heeft waarschijnlijk gezien dat voordat wanneer je weg bent naar een webpagina. 632 00:29:41,990 --> 00:29:44,200 Dingen die links zijn onderstreept en in blauw. 633 00:29:44,200 --> 00:29:47,300 De standaardstijl voor een link is algemeen onderstrepen 634 00:29:47,300 --> 00:29:48,830 en zet het in het blauw. 635 00:29:48,830 --> 00:29:50,050 >> Als ik hou niet van dat, Ik kan dat veranderen. 636 00:29:50,050 --> 00:29:51,220 En we zullen het in een tweede veranderen. 637 00:29:51,220 --> 00:29:54,660 Maar nu, ook merken dat, als ik zweven meer dan dit, in de linkerbenedenhoek van het 638 00:29:54,660 --> 00:29:58,580 scherm, rechts boven het woord elementen is de link die ik gaf. 639 00:29:58,580 --> 00:30:03,080 >> Dus als ik klik op deze - en we kunnen klik met de rechtermuisknop op deze, opent een nieuw tabblad. 640 00:30:03,080 --> 00:30:04,520 Dit is niet echt mijn homepage. 641 00:30:04,520 --> 00:30:06,700 Het is gewoon mijn naam. 642 00:30:06,700 --> 00:30:07,210 Daar ga je. 643 00:30:07,210 --> 00:30:10,440 We hebben nu veranderen in een link. 644 00:30:10,440 --> 00:30:13,220 >> Laten we een aantal CSS ook. 645 00:30:13,220 --> 00:30:15,680 Het mooie - en ik ga maken dit een beetje kleiner - over 646 00:30:15,680 --> 00:30:19,480 deze console is, dat gek CSS sheet we eerder zagen, dat was echt 647 00:30:19,480 --> 00:30:24,130 moeilijk te ontleden, is nu prachtig aangelegd voor ons op de linkerkant 648 00:30:24,130 --> 00:30:25,270 van dit paneel. 649 00:30:25,270 --> 00:30:27,230 Dus we kunnen kijken. 650 00:30:27,230 --> 00:30:33,690 En als we breiden dit tabblad stijlen, we kan alle verschillende stijlen te zien 651 00:30:33,690 --> 00:30:37,940 die zijn geassocieerd met, in dit geval, dit element, dit 652 00:30:37,940 --> 00:30:39,700 linkelement. 653 00:30:39,700 --> 00:30:44,240 >> Als we dat doen op het tabblad verbinding stijlen, dat net toont ons, niet waar alles 654 00:30:44,240 --> 00:30:47,450 komt, maar in wezen al deze stijlen die actief zijn op 655 00:30:47,450 --> 00:30:51,220 dit bijzondere element nu. 656 00:30:51,220 --> 00:30:55,050 En laten we zeggen, we willen om het te veranderen een beetje. 657 00:30:55,050 --> 00:30:58,870 658 00:30:58,870 --> 00:31:02,740 Dus dit is al de stijlen die die op dit element. 659 00:31:02,740 --> 00:31:04,800 Zeggen dat we willen veranderen, omdat we willen zien hoe iets eruit ziet. 660 00:31:04,800 --> 00:31:06,050 En we zijn gewoon spelen rond op dit moment. 661 00:31:06,050 --> 00:31:08,720 Of we iets willen testen, voordat te schrijven in code en duwen 662 00:31:08,720 --> 00:31:10,150 het en waardoor het leven. 663 00:31:10,150 --> 00:31:11,780 >> We kunnen naar het tabblad stijlen. 664 00:31:11,780 --> 00:31:14,270 En in het eerste vak het zegt, element.style. 665 00:31:14,270 --> 00:31:17,020 En hier kunt u invoegen, kun je iets toevoegen. 666 00:31:17,020 --> 00:31:18,550 >> Dus ik wil - 667 00:31:18,550 --> 00:31:22,360 laten we naar mijn verbinding en de stelt u de achtergrondkleur. 668 00:31:22,360 --> 00:31:25,830 En het eigenlijk autofills het voor u, alle mogelijke eigenschappen. 669 00:31:25,830 --> 00:31:29,360 Achtergrondkleur, en ik wil om dat blauw te maken. 670 00:31:29,360 --> 00:31:31,520 Blus is geen woord. 671 00:31:31,520 --> 00:31:32,400 Blue is een woord. 672 00:31:32,400 --> 00:31:34,490 >> Zag ik het naar boven komen? 673 00:31:34,490 --> 00:31:35,800 Oh, is dat omdat het in het href? 674 00:31:35,800 --> 00:31:36,550 OK. 675 00:31:36,550 --> 00:31:40,220 Dus ik denk niet elke verandering hier te zien. 676 00:31:40,220 --> 00:31:45,100 En dat is omdat, als we wijzen op de koppeling, zult u merken dat de link 677 00:31:45,100 --> 00:31:48,430 is eigenlijk niet het beheersen van de eigenschappen van dit element. 678 00:31:48,430 --> 00:31:52,430 Het is eigenlijk, als we de koppeling te openen, deze header hier dat is 679 00:31:52,430 --> 00:31:53,590 het beheersen van hoe het eruit ziet. 680 00:31:53,590 --> 00:31:56,380 >> Dus als ik wil de achtergrond te maken blauw, Ik heb eigenlijk te veranderen 681 00:31:56,380 --> 00:31:59,640 achtergrondkleur op de header element. 682 00:31:59,640 --> 00:32:02,700 En nu zien we dat de achtergrond is blauw. 683 00:32:02,700 --> 00:32:06,770 >> Dus nogmaals, dit snel zou kunnen gaan door dit materiaal vrij snel. 684 00:32:06,770 --> 00:32:08,580 Maar dit is in wezen wat je gaat doen. 685 00:32:08,580 --> 00:32:10,860 Het is niet aan Probleem Set 7, maar zeker als je 686 00:32:10,860 --> 00:32:12,080 codering op het web. 687 00:32:12,080 --> 00:32:12,360 >> OK. 688 00:32:12,360 --> 00:32:13,780 Ik wil de achtergrond blauw maken. 689 00:32:13,780 --> 00:32:16,180 Hoewel in dit geval, blauw ziet er vrij lelijk. 690 00:32:16,180 --> 00:32:17,740 Ik kan hier naar binnen gaan, rond te spelen. 691 00:32:17,740 --> 00:32:20,515 Ik zie dat veranderen naar blauw werkt niet op de een. 692 00:32:20,515 --> 00:32:26,710 Ik moet eigenlijk veranderen de header element naar de blauwe omvatten 693 00:32:26,710 --> 00:32:28,200 achtergrond. 694 00:32:28,200 --> 00:32:34,450 >> En dan, als dan ga ik terug naar mijn CSS bestand, hoe doe ik eigenlijk deze set 695 00:32:34,450 --> 00:32:37,520 achtergrond blauw te zijn en maken deze verandering stok? 696 00:32:37,520 --> 00:32:44,840 Want als we merken als ik vernieuw de pagina, alle wijzigingen die ik maakte zijn verdwenen. 697 00:32:44,840 --> 00:32:47,220 Dus ik besefte, OK, mijn achtergrond is blauw. 698 00:32:47,220 --> 00:32:51,260 >> Ik heb in die header1 element te gaan en veranderings achtergrondkleur naar blauw. 699 00:32:51,260 --> 00:32:52,710 Hoe kan ik eigenlijk maken die verandering? 700 00:32:52,710 --> 00:32:57,040 Nou, herinneren eraan dat, als we naar binnen gaan van hier, deze header, de 701 00:32:57,040 --> 00:32:59,280 titel heeft een ID. 702 00:32:59,280 --> 00:33:00,890 En dat is de titel. 703 00:33:00,890 --> 00:33:09,010 >> En dus in onze CSS-bestand, kunnen we zeggen, OK, neem alles met ID van de titel en 704 00:33:09,010 --> 00:33:11,330 geef het deze extra eigenschap. 705 00:33:11,330 --> 00:33:18,010 Hoe maken wij er iets verwijzen met de ID van de titel, geen ideeën, of iemand 706 00:33:18,010 --> 00:33:24,406 weten hoe we verwijzen Id's in onze CSS-bestand? 707 00:33:24,406 --> 00:33:26,290 >> Een hash, dat klopt helemaal. 708 00:33:26,290 --> 00:33:28,710 En je hebt een hint van dat recht hier. 709 00:33:28,710 --> 00:33:32,810 Dus ergens in dit CSS-bestand, er is een regel code - 710 00:33:32,810 --> 00:33:34,150 # Links # links-innerlijke # header # titel. 711 00:33:34,150 --> 00:33:36,810 712 00:33:36,810 --> 00:33:40,590 En het geeft het marge bodem, het definiëren van de marge bodem van deze 713 00:33:40,590 --> 00:33:42,220 bijzonder element. 714 00:33:42,220 --> 00:33:46,580 >> Nou, als ik wilde om dat te veranderen, Ik zou gaan in dit CSS-bestand. 715 00:33:46,580 --> 00:33:49,510 En ik kon vinden, hetzij deze deel van de CSS-bestand. 716 00:33:49,510 --> 00:33:50,300 Of ik kon mijn eigen schrijven. 717 00:33:50,300 --> 00:33:54,670 >> Ik kon hash titel accolade en doen dan achtergrondkleur colon blauw 718 00:33:54,670 --> 00:33:57,250 puntkomma en dichtbij dat accolade. 719 00:33:57,250 --> 00:34:02,790 En dat zou de achtergrond veranderen kleur van dit element naar blauw. 720 00:34:02,790 --> 00:34:06,690 De reden dat ze geven je hier zo veel is dat, is het noodzakelijk in dit geval, 721 00:34:06,690 --> 00:34:08,690 want titel is een unieke ID. 722 00:34:08,690 --> 00:34:11,190 >> Maar wat je kunt doen is nest dingen. 723 00:34:11,190 --> 00:34:14,760 Dus dit zegt, OK, ga naar links. 724 00:34:14,760 --> 00:34:15,350 Dat is zeer klein. 725 00:34:15,350 --> 00:34:16,150 Ik verontschuldig me voor dat. 726 00:34:16,150 --> 00:34:17,750 >> Maar ga naar het ding met ID links. 727 00:34:17,750 --> 00:34:20,420 Binnenkant van die, op zoek naar de ding met ID links binnen. 728 00:34:20,420 --> 00:34:22,630 Binnenkant van die blik, kijk voor het ding met ID header. 729 00:34:22,630 --> 00:34:27,560 Binnenkant van die, op zoek naar het ding ID titel en verander de ID-titel. 730 00:34:27,560 --> 00:34:29,120 Dus dit is gewoon een manier nestelende dingen. 731 00:34:29,120 --> 00:34:32,719 Sommige mensen houden van het nest, want het maakt het een beetje duidelijker. 732 00:34:32,719 --> 00:34:37,980 >> Je ziet hier beneden ook, rechts hier, er is geen hasj. 733 00:34:37,980 --> 00:34:39,449 Het is gewoon h1. 734 00:34:39,449 --> 00:34:44,060 Dat komt omdat h1 krijgt de de naam van een generiek label. 735 00:34:44,060 --> 00:34:48,080 En er zijn een aantal CSS-eigenschappen geassocieerd met elke h1. 736 00:34:48,080 --> 00:34:51,889 Dus als ik vond een andere h1 op deze pagina, Ik zou ook zien dat deze stijl was 737 00:34:51,889 --> 00:34:54,280 toegepast op het als goed. 738 00:34:54,280 --> 00:34:59,290 >> Als ik wilde een stijl toepassen op een klasse, hoe kan ik verwijzen naar een klasse of 739 00:34:59,290 --> 00:35:02,469 praten over een klasse in een CSS-bestand? 740 00:35:02,469 --> 00:35:03,315 >> PUBLIEK: Dot. 741 00:35:03,315 --> 00:35:05,340 >> JASON HIRSCHHORN: Het is met een punt. 742 00:35:05,340 --> 00:35:08,630 Dus laten we terugkeren naar deze pagina gaan voor. 743 00:35:08,630 --> 00:35:11,160 Als ik hasj ID. 744 00:35:11,160 --> 00:35:14,760 Dat is het veranderen van de stijl van het ding met ID. 745 00:35:14,760 --> 00:35:21,390 Of sorry, als ik dat doe hash-logo, dat is het vinden van het ding met de ID van het logo 746 00:35:21,390 --> 00:35:24,010 en het geven van een bepaalde CSS-stijl. 747 00:35:24,010 --> 00:35:28,280 >> Als ik iets doe. Top, dat is het vinden van alles met de klasse van de boven-en 748 00:35:28,280 --> 00:35:30,190 het veranderen van de stijlen. 749 00:35:30,190 --> 00:35:35,950 Als ik gewoon h1, dat iedere vindt enkele h1 en geeft het de wat 750 00:35:35,950 --> 00:35:37,940 stijl die ik wil geven. 751 00:35:37,940 --> 00:35:43,260 Als ik dat doe h1 ruimte en dan. Top. 752 00:35:43,260 --> 00:35:47,670 Dat zal gaan vinden alle H1S en vervolgens alle degenen met de klasse van de boven-en 753 00:35:47,670 --> 00:35:51,690 dan alleen de stijlen veranderen wat ik wil om het te geven. 754 00:35:51,690 --> 00:35:54,600 >> En nogmaals, we kunnen ook schrijven een aantal van deze op onze eigen. 755 00:35:54,600 --> 00:35:55,790 Maar we zouden niet zo ver zijn. 756 00:35:55,790 --> 00:35:59,180 Veel beter, lijkt het om daadwerkelijk te gaan op een echte live-website en zie hoe 757 00:35:59,180 --> 00:36:02,800 ze doen het en kijken naar alle van de fantastische dingen die je krijgt om te doen. 758 00:36:02,800 --> 00:36:06,570 >> Laten we eens kijken naar een meer website voordat we verder gaan. 759 00:36:06,570 --> 00:36:10,150 En dit is er een die je waarschijnlijk vertrouwd te raken met. 760 00:36:10,150 --> 00:36:12,310 Dit is CS50 Financiën. 761 00:36:12,310 --> 00:36:16,120 Dus nogmaals, kun je eigenlijk gaan en acht dit CSS-bestand op uw 762 00:36:16,120 --> 00:36:19,390 computer, omdat je dit hebt gedownload CSS-bestand, als je het gedownload 763 00:36:19,390 --> 00:36:20,270 probleem stellen. 764 00:36:20,270 --> 00:36:26,850 >> We kunnen gaan naar Tools en Developer Tools. 765 00:36:26,850 --> 00:36:30,280 En we zien een veel eenvoudiger HTML-lay-out. 766 00:36:30,280 --> 00:36:32,020 We hebben top-, midden-en onderkant. 767 00:36:32,020 --> 00:36:34,490 En nogmaals, iets wat je zou moeten zijn bekend zijn met, want je hebt gekeken 768 00:36:34,490 --> 00:36:37,680 via de verdeelsleutel voor het probleem van deze week in te stellen. 769 00:36:37,680 --> 00:36:43,360 >> Bovenaan is, per code, een enkel beeld genoemd. 770 00:36:43,360 --> 00:36:47,170 En dat is de bron van het beeld. 771 00:36:47,170 --> 00:36:52,170 Zeggen ik heb alles wat klaar Ik wilde voor Probleemverzameling 7. 772 00:36:52,170 --> 00:36:55,500 En het is goed werkt, maar Ik wil veranderen hoe het eruit ziet. 773 00:36:55,500 --> 00:36:58,900 En ik wil de achtergrond veranderen van de top van de pagina om, 774 00:36:58,900 --> 00:37:01,000 bijvoorbeeld blauw. 775 00:37:01,000 --> 00:37:04,860 Als het mij, zou ik binnenkomen hier en erachter te komen, wat OK 776 00:37:04,860 --> 00:37:05,890 wil ik veranderen. 777 00:37:05,890 --> 00:37:08,700 >> Laten we eens kijken, div ID top, die uiterlijk als de top van de pagina. 778 00:37:08,700 --> 00:37:09,910 Dus laten we er naartoe te gaan. 779 00:37:09,910 --> 00:37:13,940 Laten we proberen het veranderen van de achtergrondkleur. 780 00:37:13,940 --> 00:37:16,360 Laten we gaan doen Alice blauw, omdat dat is een mooiere. 781 00:37:16,360 --> 00:37:18,010 >> En je zult merken dat - 782 00:37:18,010 --> 00:37:19,190 je waarschijnlijk niet zien. 783 00:37:19,190 --> 00:37:23,430 Maar er is een licht blauw, naast de CS50-logo. 784 00:37:23,430 --> 00:37:25,810 Veranderen we het in plaats daarvan naar rood. 785 00:37:25,810 --> 00:37:28,790 En je zult nu merken Ik veranderde de achtergrond kleur naar rood. 786 00:37:28,790 --> 00:37:37,050 >> Dus nu heb ik in mijn CSS-bestand zou gaan en Typ # top krullend Paren hier. 787 00:37:37,050 --> 00:37:42,170 U kunt de code rechts zien hier, accolade. 788 00:37:42,170 --> 00:37:44,530 En dan, ik zou de achtergrond toe te voegen kleur, rood. 789 00:37:44,530 --> 00:37:47,500 En dan, zou er zijn een accolade. 790 00:37:47,500 --> 00:37:52,230 Dus dat is hoe ik zou verkennen en experimenteren met het formatteren op de CS50 791 00:37:52,230 --> 00:37:53,070 Finance website. 792 00:37:53,070 --> 00:37:55,060 >> Ik kon het hier en test te doen het uit in mijn browser. 793 00:37:55,060 --> 00:37:58,130 En dan kon ik in mijn eigenlijke code gaan en maak de veranderingen die zullen 794 00:37:58,130 --> 00:38:01,940 daadwerkelijk te gaan wonen en dat mensen echt zien, als ze zouden komen 795 00:38:01,940 --> 00:38:04,280 mijn specifieke site. 796 00:38:04,280 --> 00:38:05,390 >> OK. 797 00:38:05,390 --> 00:38:06,850 Dat was een stuk. 798 00:38:06,850 --> 00:38:09,380 Ik verontschuldig me voor het doornemen van het zo snel. 799 00:38:09,380 --> 00:38:12,560 Heeft iemand enig vragen helemaal over HTML of CSS? 800 00:38:12,560 --> 00:38:15,830 801 00:38:15,830 --> 00:38:24,728 >> PUBLIEK: Kun je gewoon gaan over hoe je gekoppeld wat later Jason, weer? 802 00:38:24,728 --> 00:38:26,180 >> JASON HIRSCHHORN: Wat bedoel je verbonden? 803 00:38:26,180 --> 00:38:29,765 >> PUBLIEK: U voorzien van een link naar een andere website, met behulp van het anker. 804 00:38:29,765 --> 00:38:32,980 >> JASON HIRSCHHORN: Dus vraag je, gewoon generiek, hoe je een link maken? 805 00:38:32,980 --> 00:38:33,560 >> PUBLIEK: Ja. 806 00:38:33,560 --> 00:38:34,150 >> JASON HIRSCHHORN: OK. 807 00:38:34,150 --> 00:38:35,575 De code voor het maken van een link - 808 00:38:35,575 --> 00:38:38,180 809 00:38:38,180 --> 00:38:40,590 >> PUBLIEK: Nee, net als in de HTML. 810 00:38:40,590 --> 00:38:43,140 >> JASON HIRSCHHORN: Hier beneden, bedoel je? 811 00:38:43,140 --> 00:38:46,960 Dus als ik wil een link ergens, bijvoorbeeld, is de HTML op mijn 812 00:38:46,960 --> 00:38:50,210 pagina hier. 813 00:38:50,210 --> 00:38:51,010 Dit is de HTML. 814 00:38:51,010 --> 00:38:53,720 Misschien is het geopend in een bestand, index.html. 815 00:38:53,720 --> 00:38:56,100 Ik ga naar binnen 816 00:38:56,100 --> 00:38:58,990 >> Laten we deze copyright John Harvard link naar iets. 817 00:38:58,990 --> 00:39:02,230 Dus we zullen dit allemaal bewerken HTML. 818 00:39:02,230 --> 00:39:08,480 Alles wat je doet is ook de een, zo beugel een haakje sluiten bij de 819 00:39:08,480 --> 00:39:12,700 begin, en dan slash beugel een haakje sluiten aan het eind. 820 00:39:12,700 --> 00:39:13,930 >> Zo nu heb ik begrepen een anker-tag. 821 00:39:13,930 --> 00:39:15,475 En eigenlijk, als u klikt uit deze, gaat het nu 822 00:39:15,475 --> 00:39:22,110 formatteren bewerken als HTML. 823 00:39:22,110 --> 00:39:24,020 En zeggen, we willen koppelen. 824 00:39:24,020 --> 00:39:25,760 Wij zouden u het href-attribuut. 825 00:39:25,760 --> 00:39:27,010 En we zeggen - 826 00:39:27,010 --> 00:39:42,600 827 00:39:42,600 --> 00:39:47,600 >> En nu, zoals u merkt, auteursrecht John Harvard is blauw. 828 00:39:47,600 --> 00:39:50,870 En als ik scroll over het, het is nu een link. 829 00:39:50,870 --> 00:39:53,140 Dus je kunt die code te schrijven. 830 00:39:53,140 --> 00:39:57,030 U kunt vrijwel alles omringen je wilt in een anker-tag en zet hem 831 00:39:57,030 --> 00:39:57,700 in een link. 832 00:39:57,700 --> 00:39:58,246 >> Publiek: OK. 833 00:39:58,246 --> 00:39:58,520 Hebbes. 834 00:39:58,520 --> 00:40:01,300 >> JASON HIRSCHHORN: En als ik niet wil het - natuurlijk, soms hebben mensen de neiging 835 00:40:01,300 --> 00:40:04,090 om deze dingen die kijk maar denken blauwe algemeen en onderstreepte zijn 836 00:40:04,090 --> 00:40:05,860 niet de mooiste manier om een ​​link te maken. 837 00:40:05,860 --> 00:40:11,380 Dus als ik hier kom, zie je dat, ergens in een CSS bestand is 838 00:40:11,380 --> 00:40:14,500 geschreven dit een en dan twee accolades. 839 00:40:14,500 --> 00:40:20,700 Dus laten we zeggen dat, voor de links, ik niet wil dat ze blauw, in plaats word ik 840 00:40:20,700 --> 00:40:23,645 willen dat de kleur van een link naar zijn deze mooie magenta. 841 00:40:23,645 --> 00:40:28,320 842 00:40:28,320 --> 00:40:30,640 >> Laten we het de kleur. 843 00:40:30,640 --> 00:40:34,060 844 00:40:34,060 --> 00:40:35,110 Laten we plukken magenta. 845 00:40:35,110 --> 00:40:38,440 Nu, alle links op mijn pagina hebben word deze mooie kleur van magenta. 846 00:40:38,440 --> 00:40:40,170 Sommige mensen houden niet van kleuren op alle. 847 00:40:40,170 --> 00:40:41,340 Sommige mensen houden niet van onderstrepingen. 848 00:40:41,340 --> 00:40:42,510 Je krijgt te plukken. 849 00:40:42,510 --> 00:40:44,990 >> Met koppelingen, kunt u de stijl hoe ze kijk als je eenmaal hebt bezocht. 850 00:40:44,990 --> 00:40:47,820 Als je op een heleboel pagina's zult merken, koppelingen paars op je ze bezoekt. 851 00:40:47,820 --> 00:40:49,190 U kunt die kleur veranderen. 852 00:40:49,190 --> 00:40:49,450 Yeah. 853 00:40:49,450 --> 00:40:51,790 >> Publiek: Dus u deze wijzigt voor elke link. 854 00:40:51,790 --> 00:40:56,310 Maar als je wilde alleen maar om die koppeling doen zelf, zou je gewoon in de ID 855 00:40:56,310 --> 00:40:58,720 bodem of iets? 856 00:40:58,720 --> 00:41:01,070 >> JASON HIRSCHHORN: Dus grote vraag. 857 00:41:01,070 --> 00:41:05,090 Zoals u hier opgemerkt, veranderde ik wat deel van de CSS die geldt voor 858 00:41:05,090 --> 00:41:11,530 alles wat een A. Als ik wilde gewoon doen die link onderaan, ik 859 00:41:11,530 --> 00:41:14,500 zou naar mijn CSS-bestand en waarschijnlijk gewoon doen zoals je zei, hash 860 00:41:14,500 --> 00:41:16,040 bodem ruimte een. 861 00:41:16,040 --> 00:41:18,400 En dat zou me Zoals al in de bodem. 862 00:41:18,400 --> 00:41:30,720 >> Of ik kan, als alternatief, geef het een unieke ID en dan gewoon doen hash link. 863 00:41:30,720 --> 00:41:32,050 En dat zou me toelaten om dit te veranderen uit. 864 00:41:32,050 --> 00:41:36,170 Echter, net uitdelen IDs tegen wil en dank het algemeen een slechte 865 00:41:36,170 --> 00:41:37,730 praktijk, omdat die moet uniek zijn. 866 00:41:37,730 --> 00:41:40,940 En hoe meer je die, het kan een beetje verwarrend. 867 00:41:40,940 --> 00:41:41,270 Yeah. 868 00:41:41,270 --> 00:41:43,725 >> Publiek: Kunt u het zelfde geven ID om meerdere eigenaren? 869 00:41:43,725 --> 00:41:45,820 >> JASON HIRSCHHORN: Technisch gezien, ja. 870 00:41:45,820 --> 00:41:50,700 Er gaat niets om je te stoppen, maar je moet niet moet je het eens klasse. 871 00:41:50,700 --> 00:41:55,330 872 00:41:55,330 --> 00:41:57,655 OK, andere vragen over HTML of 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 Laten we overgaan tot PHP. 876 00:42:09,950 --> 00:42:10,575 Oh, ja. 877 00:42:10,575 --> 00:42:13,800 >> Publiek: Wat is het over deze websites dat betekent dat we kunnen bewerken 878 00:42:13,800 --> 00:42:15,440 voordat we vernieuwen. 879 00:42:15,440 --> 00:42:18,270 Maar zodra we frissen ze terugkeert terug naar de oorspronkelijke HTML? 880 00:42:18,270 --> 00:42:19,900 >> JASON HIRSCHHORN: Grote vraag - 881 00:42:19,900 --> 00:42:24,810 dus toen we dit hebt geladen webpagina, het is HTML. 882 00:42:24,810 --> 00:42:25,900 En het is webbrowser. 883 00:42:25,900 --> 00:42:29,060 De PHP wordt uitgevoerd om ons te geven wat type van de website die we zien. 884 00:42:29,060 --> 00:42:33,130 En het is gemaakt wat HTML, sommige JavaScript, en sommige CSS. 885 00:42:33,130 --> 00:42:35,990 En dat is nu toegankelijk door onze computer. 886 00:42:35,990 --> 00:42:40,700 >> En een kopie van deze bestanden wordt opgeslagen lokaal op onze computer, 887 00:42:40,700 --> 00:42:41,910 voor het moment. 888 00:42:41,910 --> 00:42:44,030 Dus we kunnen dat lokale kopie te bewerken. 889 00:42:44,030 --> 00:42:46,530 Maar natuurlijk zijn we niet aan het wijzigen de server kopiëren. 890 00:42:46,530 --> 00:42:49,420 >> En als we de pagina te vernieuwen, krijgen we een andere server kopiëren. 891 00:42:49,420 --> 00:42:51,250 En zo zien we de dingen terug zoals ze waren. 892 00:42:51,250 --> 00:42:55,200 Als we in staat waren, van hier, te bewerken de officiële website, zouden we veel hebben 893 00:42:55,200 --> 00:42:55,800 problemen. 894 00:42:55,800 --> 00:42:58,670 >> PUBLIEK: Ja, dus we kunnen lezen en schrijf die kopie. 895 00:42:58,670 --> 00:43:00,140 >> JASON HIRSCHHORN: Juist. 896 00:43:00,140 --> 00:43:04,380 We zijn alleen het maken van lokale wijzigingen hier, maar nogmaals, zeer nuttig voor het verkennen, 897 00:43:04,380 --> 00:43:05,690 vaak. 898 00:43:05,690 --> 00:43:08,900 Als ik het schrijven van mijn laatste project, Bijvoorbeeld, ik wil zien hoe sommige 899 00:43:08,900 --> 00:43:11,270 website gemaakt iets blik zoals ze deden. 900 00:43:11,270 --> 00:43:17,350 Ik zal gaan en gebruikt dit venster naar beneden hier, om te kijken naar wat CSS, gaven zij 901 00:43:17,350 --> 00:43:20,890 het of welke kleur ze geplukt of hoe ze kreeg het zo dat, wanneer je zweefde 902 00:43:20,890 --> 00:43:24,180 over iets, de lijst naar beneden kwam in een mooie trapsgewijze manier. 903 00:43:24,180 --> 00:43:27,220 Het is een geweldige manier om te controleren welke andere websites doen en lenen van hen. 904 00:43:27,220 --> 00:43:30,590 905 00:43:30,590 --> 00:43:33,690 >> Laten we overgaan naar PHP. 906 00:43:33,690 --> 00:43:38,560 PHP staat voor, in een recursieve zin, PHP Hypertext Processor. 907 00:43:38,560 --> 00:43:42,060 En PHP, wat het gaat doen is code uitvoeren server side. 908 00:43:42,060 --> 00:43:44,490 Dus we gaan nooit PHP code te zien. 909 00:43:44,490 --> 00:43:47,210 >> Toch speelt het keurig met HTML en vaak genereert 910 00:43:47,210 --> 00:43:48,210 veel van HTML-code. 911 00:43:48,210 --> 00:43:52,570 Maar als je bekend bent met probleem Set 7, zal uw PHP-code uit te voeren, 912 00:43:52,570 --> 00:43:56,200 genereren sommige HTML, en dat is wat de gebruiker zal uiteindelijk zien. 913 00:43:56,200 --> 00:44:00,510 >> PHP is ongelooflijk lijken op C. Echter, er zijn een paar 914 00:44:00,510 --> 00:44:04,400 verschillen en deze verschillen zijn gewezen. 915 00:44:04,400 --> 00:44:09,420 Een verschil is dat variabelen in PHP zijn losjes getypt. 916 00:44:09,420 --> 00:44:11,275 Heeft iemand een gevoel van wat dat betekent? 917 00:44:11,275 --> 00:44:14,245 >> PUBLIEK: Geen behoefte om het zelf te werpen. 918 00:44:14,245 --> 00:44:16,400 Als geen behoefte om te schrijven in tekst. 919 00:44:16,400 --> 00:44:19,070 >> JASON HIRSCHHORN: Ik zou het niet gebruik maken van de woord cast, maar ja, geen behoefte te verklaren 920 00:44:19,070 --> 00:44:20,930 een type voor een specifieke variabele. 921 00:44:20,930 --> 00:44:22,300 Hoe plaats daarvan hebben we een variabele declareert? 922 00:44:22,300 --> 00:44:23,860 >> PUBLIEK: Gebruik een dollarteken. 923 00:44:23,860 --> 00:44:25,270 >> JASON HIRSCHHORN: Gebruik een dollarteken. 924 00:44:25,270 --> 00:44:27,540 Dus $ x is een variabele. 925 00:44:27,540 --> 00:44:29,580 $ 1 is een variabele. 926 00:44:29,580 --> 00:44:31,910 $ String is een variabele. 927 00:44:31,910 --> 00:44:36,280 >> Deze variabelen, $ x kon zijn een geheel getal. 928 00:44:36,280 --> 00:44:38,010 Dan kan het een string zijn. 929 00:44:38,010 --> 00:44:39,420 Dan kan het een teken zijn. 930 00:44:39,420 --> 00:44:40,790 Het maakt eigenlijk niet uit. 931 00:44:40,790 --> 00:44:46,360 >> Ook de koele ding over PHP is, laten we zeggen, $ x is de string een. 932 00:44:46,360 --> 00:44:48,920 En $ y het karakter een. 933 00:44:48,920 --> 00:44:54,370 U kunt $ x en $ y toe te voegen, en het zal geven u 2, wat je zou verwachten. 934 00:44:54,370 --> 00:44:56,160 Dus er zijn operaties in PHP. 935 00:44:56,160 --> 00:45:00,810 Omdat het losjes getypt variabelen, sommige impliciete casting wordt voor u gedaan 936 00:45:00,810 --> 00:45:02,330 en sommige werkzaamheden. 937 00:45:02,330 --> 00:45:04,240 >> U kunt bewerkingen op de dingen verschillende types. 938 00:45:04,240 --> 00:45:08,740 Waar voorheen, krijg je vaak een foutmelding in C zeggen, dit is niet het type 939 00:45:08,740 --> 00:45:09,610 dat zou hier gaan. 940 00:45:09,610 --> 00:45:11,510 Alleen dingen van dit type kunt hier terecht. 941 00:45:11,510 --> 00:45:14,900 Je bent niet van plan om dat type te krijgen fout, algemeen, in PHP. 942 00:45:14,900 --> 00:45:17,420 Dus dat is een groot verschil - hoe we omgaan met variabelen. 943 00:45:17,420 --> 00:45:20,850 >> Het tweede grote verschil is dat PHP-code wordt geïnterpreteerd. 944 00:45:20,850 --> 00:45:23,110 Overwegende, wordt C-code gecompileerd. 945 00:45:23,110 --> 00:45:23,910 Wat betekent dat? 946 00:45:23,910 --> 00:45:26,700 >> Nou, voor C-code je liep het door een compiler. 947 00:45:26,700 --> 00:45:29,010 U gegenereerd een binair bestand. 948 00:45:29,010 --> 00:45:30,770 En je liep die binair bestand. 949 00:45:30,770 --> 00:45:35,500 Je zorgde voor alle fouten voordat u het binaire bestand gegenereerd. 950 00:45:35,500 --> 00:45:37,810 >> Natuurlijk, er zou kunnen geweest zijn segmentatie fouten, toen u de 951 00:45:37,810 --> 00:45:39,020 binair bestand. 952 00:45:39,020 --> 00:45:45,780 Maar het is niet zo dat je vergat te omvatten de definitie van printf of 953 00:45:45,780 --> 00:45:48,735 je hebt een variabele niet gebruiken en alleen creëerde een verspilling variabele. 954 00:45:48,735 --> 00:45:51,830 Of u niet een te definiëren functie prototype. 955 00:45:51,830 --> 00:45:53,590 >> Dat gebeurde allemaal voor je samengesteld. 956 00:45:53,590 --> 00:45:56,830 Het gaf je alle fouten of slecht dingen die hij dacht zou kunnen gebeuren. 957 00:45:56,830 --> 00:45:59,900 En dan, je had je 0 en 1 bestand dat je liep. 958 00:45:59,900 --> 00:46:01,690 PHP-code werkt niet zo. 959 00:46:01,690 --> 00:46:03,750 >> Je gaat je PHP-code te schrijven. 960 00:46:03,750 --> 00:46:05,820 Vervolgens gaat u opslaan, vermoedelijk. 961 00:46:05,820 --> 00:46:09,160 En ten minste in P-Set 7, je gaat om uw webbrowser te vernieuwen, en 962 00:46:09,160 --> 00:46:11,110 je gaat om te zien wat er gebeurde. 963 00:46:11,110 --> 00:46:14,110 Je zult zien de uitgang van die PHP-code. 964 00:46:14,110 --> 00:46:17,450 >> Je zou ook, aan de top van uw pagina, een fout. 965 00:46:17,450 --> 00:46:19,960 Want je had een aantal fout in uw PHP. 966 00:46:19,960 --> 00:46:22,390 U kunt alsnog de rest van zien de webpagina kijkt prima. 967 00:46:22,390 --> 00:46:25,130 Maar een deel verkeerd is, en er is een fout in die plaats. 968 00:46:25,130 --> 00:46:28,320 En dat komt omdat dat deel van je PHP-code werkt niet. 969 00:46:28,320 --> 00:46:31,680 >> Inderdaad, als je uit te voeren, wanneer u ga naar iets als by.php. 970 00:46:31,680 --> 00:46:34,950 Het gaat om te gaan door uw PHP bestand regel voor regel en voer het uit 971 00:46:34,950 --> 00:46:36,210 dan en alleen dan. 972 00:46:36,210 --> 00:46:39,890 Het gaat niet om het te compileren vooruit tijd of een exemplaar te compileren en dan geven 973 00:46:39,890 --> 00:46:41,570 dat samengesteld kopie aan iedereen. 974 00:46:41,570 --> 00:46:43,830 Telkens gaat het om door te gaan lijn per lijn en voer het uit. 975 00:46:43,830 --> 00:46:46,620 >> Dus sommige lijnen zou kunnen werken en uitgang iets correct. 976 00:46:46,620 --> 00:46:49,500 En andere lijnen zouden gebroken en output een fout plaats. 977 00:46:49,500 --> 00:46:52,650 Dus bij het oplossen met PHP, hebben we gezien u een paar nuttige dingen 978 00:46:52,650 --> 00:46:54,580 om u te helpen debuggen, zoals de dump functie. 979 00:46:54,580 --> 00:46:56,900 >> Maar in het algemeen, je gaat om deze fouten te zien. 980 00:46:56,900 --> 00:46:58,340 En dat is hoe je gaat weet je iets verkeerd deed. 981 00:46:58,340 --> 00:47:00,740 Maar je bent alleen maar om de fout te zien zodra je daadwerkelijk uitvoeren van de code. 982 00:47:00,740 --> 00:47:03,420 983 00:47:03,420 --> 00:47:08,880 >> Een ander belangrijk aspect van PHP en web development is het idee van te krijgen 984 00:47:08,880 --> 00:47:09,920 versus bericht. 985 00:47:09,920 --> 00:47:13,250 Kan iemand uitleggen wat het verschil tussen GET en POST zijn? 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 >> PUBLIEK: Is niet een van hen laat de gebruiker de gegevens te zien, 991 00:47:24,495 --> 00:47:26,080 en een van hen niet? 992 00:47:26,080 --> 00:47:27,310 >> JASON HIRSCHHORN: Great. 993 00:47:27,310 --> 00:47:28,400 Ja, maak je iets toevoegen? 994 00:47:28,400 --> 00:47:32,622 >> Publiek: Ik dunne post is een super-globale variabele. 995 00:47:32,622 --> 00:47:34,740 >> JASON HIRSCHHORN: Dus beide variabelen worden gegeven aan u. 996 00:47:34,740 --> 00:47:35,630 Dit zijn slechts variabelen. 997 00:47:35,630 --> 00:47:37,740 En je weet dat ze variabelen, omdat hier ik 998 00:47:37,740 --> 00:47:38,780 Gebruik het dollar teken. 999 00:47:38,780 --> 00:47:41,950 >> Deze variabelen zijn gegeven aan u door PHP. 1000 00:47:41,950 --> 00:47:45,990 En als je tussen webpagina's te verplaatsen, je wilt wat informatie op te slaan. 1001 00:47:45,990 --> 00:47:47,960 Waarschijnlijk wilt u besparen als de gebruiker is ingelogd 1002 00:47:47,960 --> 00:47:49,270 Dat is niet opgeslagen in de GET en POST. 1003 00:47:49,270 --> 00:47:51,390 Dat is opgeslagen in iets anders, een andere variabele. 1004 00:47:51,390 --> 00:47:55,170 >> Weet iemand welke variabele dat is opgeslagen in, of welke variabele je gebruiken in 1005 00:47:55,170 --> 00:47:57,728 P-Set 7, om ervoor te zorgen dat de gebruiker is ingelogd? 1006 00:47:57,728 --> 00:48:00,360 1007 00:48:00,360 --> 00:48:03,690 $ _SESSION, Dat klopt helemaal, waarschijnlijk belangrijk om bekend te zijn met 1008 00:48:03,690 --> 00:48:06,060 de namen van deze dingen u vaak gebruikt. 1009 00:48:06,060 --> 00:48:10,070 >> Dus je hebt de sessie variabele te gebruiken om op te slaan informatie van pagina naar pagina. 1010 00:48:10,070 --> 00:48:11,075 Dat is een super variabel. 1011 00:48:11,075 --> 00:48:15,250 Het bestaat op elke pagina, misschien als een globale variabele, als je wilt denken 1012 00:48:15,250 --> 00:48:16,900 over het niet zo. 1013 00:48:16,900 --> 00:48:19,260 >> Er zijn een paar andere variabelen die u in staat om informatie over te dragen 1014 00:48:19,260 --> 00:48:20,710 van pagina naar pagina. 1015 00:48:20,710 --> 00:48:24,260 Met name degenen die we zullen richten op zijn de GET en de POST variabelen. 1016 00:48:24,260 --> 00:48:29,330 In PHP lijken ze $ _GET En $ _POST. 1017 00:48:29,330 --> 00:48:33,610 En het verschil, als Marcus wees uit, tussen de twee van hen is dat, 1018 00:48:33,610 --> 00:48:37,670 informatie in $ _GET is weergegeven in de URL. 1019 00:48:37,670 --> 00:48:41,380 >> Dus als we kijken hier naar beneden, zien we een YouTube-link. 1020 00:48:41,380 --> 00:48:43,760 We zien dit vraagteken. 1021 00:48:43,760 --> 00:48:47,730 We zien v = en dan een bepaalde waarde. 1022 00:48:47,730 --> 00:48:53,460 Terug naar dit idee van belangrijke waarde pair, de v de sleutel. 1023 00:48:53,460 --> 00:48:56,970 En hier is de waarde. 1024 00:48:56,970 --> 00:49:01,030 >> Dus als we konden naar deze pagina of codering op deze pagina, zouden we een hebben 1025 00:49:01,030 --> 00:49:04,000 variabele genaamd $ _GET. 1026 00:49:04,000 --> 00:49:11,030 Als we naar $ _GET haakje openen "v" haakje sluiten, zeer vergelijkbaar met array- 1027 00:49:11,030 --> 00:49:15,000 notatie, dit is een verwante reeks omdat we niet met behulp van indices. 1028 00:49:15,000 --> 00:49:16,710 Werden met behulp van strijkers als sleutels. 1029 00:49:16,710 --> 00:49:17,940 Maar zeer vergelijkbaar idee. 1030 00:49:17,940 --> 00:49:20,520 Als we gingen we, zou deze waarde krijgen. 1031 00:49:20,520 --> 00:49:23,276 >> Op deze pagina, zouden we in staat zijn deze waarde gebruiken. 1032 00:49:23,276 --> 00:49:32,200 Als we er eigenlijk uit, laten we ga naar een YouTube-pagina. 1033 00:49:32,200 --> 00:49:35,140 Welke video moeten we kijken? 1034 00:49:35,140 --> 00:49:37,350 Deze, zijn mensen hobbit fans? 1035 00:49:37,350 --> 00:49:40,731 >> PUBLIEK: Ja. 1036 00:49:40,731 --> 00:49:44,750 >> JASON HIRSCHHORN: Dus ik ben het kopiëren hun aandeel URL en 1037 00:49:44,750 --> 00:49:46,000 te plakken in een nieuw venster. 1038 00:49:46,000 --> 00:49:48,550 1039 00:49:48,550 --> 00:50:00,470 En nu, als je omhoog kijkt hier, zul je merken dat, nogmaals - 1040 00:50:00,470 --> 00:50:03,170 Ik ga om te kopiëren en te plakken in gedit, zodat we kunnen zien het groter. 1041 00:50:03,170 --> 00:50:16,530 1042 00:50:16,530 --> 00:50:19,720 U zult merken dat het Dit vraagteken. 1043 00:50:19,720 --> 00:50:22,150 Het vraagteken wijst dat alles na dit gaat worden 1044 00:50:22,150 --> 00:50:23,530 opgeslagen in de get variabele. 1045 00:50:23,530 --> 00:50:29,130 >> Het heeft dan de v, dat is de eerste sleutel en deze eerste waarde. 1046 00:50:29,130 --> 00:50:30,710 Ampersand is bijzonder. 1047 00:50:30,710 --> 00:50:34,340 Ampersand zegt, OK, we eindigde de eerste waarde. 1048 00:50:34,340 --> 00:50:37,170 We zijn nu op weg naar een andere belangrijke waarde paar. 1049 00:50:37,170 --> 00:50:41,135 Hier wordt de belangrijkste functie genaamd, en de waarde is youtu.be. 1050 00:50:41,135 --> 00:50:44,010 1051 00:50:44,010 --> 00:50:50,710 >> Dus als ik een codering deze pagina en iemand ging naar deze URL en ik had 1052 00:50:50,710 --> 00:50:53,190 misschien watch.php. 1053 00:50:53,190 --> 00:50:54,150 En ik was codering dit. 1054 00:50:54,150 --> 00:50:57,060 En ik kon de $ _GET variabele gebruiken. 1055 00:50:57,060 --> 00:51:02,740 En ik zou een v hebben, en Ik zou een functie hebben. 1056 00:51:02,740 --> 00:51:07,080 >> En als ik de v-toets gebruiken, ik zou deze waarde krijgen. 1057 00:51:07,080 --> 00:51:14,145 En als ik $ _GET beugel "feature" haakje sluiten, zou ik deze waarde te krijgen. 1058 00:51:14,145 --> 00:51:17,530 Nogmaals, het niet noodzakelijk toepassing - 1059 00:51:17,530 --> 00:51:21,460 uiteraard, de YouTube-sleutels en waarden en krijg informatie is niet van toepassing op 1060 00:51:21,460 --> 00:51:22,700 onze Probleemverzameling 7. 1061 00:51:22,700 --> 00:51:28,450 Maar er zijn bepaalde dingen die we passeren via GET in onze Probleemverzameling 7. 1062 00:51:28,450 --> 00:51:33,120 En zeker, als je naar een webpagina of coderen je eigen pagina, 1063 00:51:33,120 --> 00:51:36,440 $ _GET Zal van pas komen wanneer uw codering. 1064 00:51:36,440 --> 00:51:41,030 >> Wat is een reden om $ _GET gebruiken dan, als het biedt geen privacy? 1065 00:51:41,030 --> 00:51:43,170 Je ziet al deze informatie dat wordt overgedragen. 1066 00:51:43,170 --> 00:51:44,170 Het is allemaal aan de gebruiker. 1067 00:51:44,170 --> 00:51:49,060 Maar wat is een reden dat je misschien willen iets in $ _GET opslaan, zoals 1068 00:51:49,060 --> 00:51:50,310 tegen $ _POST? 1069 00:51:50,310 --> 00:51:52,650 1070 00:51:52,650 --> 00:51:53,900 Waarom zou je dat willen doen? 1071 00:51:53,900 --> 00:51:58,065 1072 00:51:58,065 --> 00:51:58,540 >> Oke. 1073 00:51:58,540 --> 00:52:00,310 Ik vroeg je in Quiz 1. 1074 00:52:00,310 --> 00:52:02,210 Wat is de pro van $ _GET? 1075 00:52:02,210 --> 00:52:04,250 Wat is een pro? 1076 00:52:04,250 --> 00:52:04,700 Yeah - 1077 00:52:04,700 --> 00:52:06,180 >> Publiek: Het is makkelijker om informatie delen. 1078 00:52:06,180 --> 00:52:07,040 >> JASON HIRSCHHORN: Ik denk dat is geweldig. 1079 00:52:07,040 --> 00:52:07,870 Het is makkelijker om informatie te delen. 1080 00:52:07,870 --> 00:52:09,360 Het is makkelijker om bladwijzer. 1081 00:52:09,360 --> 00:52:15,260 >> U kunt nu een bladwijzer, YouTube.com / watch? V = iets en gaan 1082 00:52:15,260 --> 00:52:16,900 die specifieke video. 1083 00:52:16,900 --> 00:52:22,020 Als YouTube deed altijd POST verzoeken om verschillende pagina's, elk YouTube URL 1084 00:52:22,020 --> 00:52:22,985 zou YouTube.com. 1085 00:52:22,985 --> 00:52:25,750 Je kon niet bladwijzer een enkele video. 1086 00:52:25,750 --> 00:52:28,160 Want als je zegt gedeeld die link met iemand anders, dat doen ze niet 1087 00:52:28,160 --> 00:52:30,160 automatisch krijg je bericht variabele. 1088 00:52:30,160 --> 00:52:33,570 Ze zijn net deze link, en de link is voor iedereen hetzelfde. 1089 00:52:33,570 --> 00:52:35,180 >> Dus dat is een pro. 1090 00:52:35,180 --> 00:52:38,850 Hiermee kunt u bookmark deze informatie of deze informatie te delen 1091 00:52:38,850 --> 00:52:40,840 of maak het een beetje gebruiksvriendelijker. 1092 00:52:40,840 --> 00:52:43,890 Natuurlijk, er is geen privacy, dus we hebben dit bericht variabele. 1093 00:52:43,890 --> 00:52:47,570 En na de informatie niet weergegeven in de URL. 1094 00:52:47,570 --> 00:52:49,200 >> Het is niet volledig prive. 1095 00:52:49,200 --> 00:52:51,710 Maar het is iets meer prive. 1096 00:52:51,710 --> 00:52:55,030 En dus zult u deze URL zien hier beneden, cs50.net. 1097 00:52:55,030 --> 00:52:59,200 Of je bent aangemeld bij de website, het gaat om hetzelfde te hebben 1098 00:52:59,200 --> 00:53:02,600 URL cs50.net. 1099 00:53:02,600 --> 00:53:05,940 >> Uiteraard iets anders, indien je bent ingelogd op de website. 1100 00:53:05,940 --> 00:53:08,690 Je hebt, een, waarschijnlijk de input van uw pincode. 1101 00:53:08,690 --> 00:53:10,600 En het is bevestigd dat met de server. 1102 00:53:10,600 --> 00:53:12,650 En het is waarschijnlijk te besparen andere informatie. 1103 00:53:12,650 --> 00:53:14,810 Maar de URL helemaal niet veranderen. 1104 00:53:14,810 --> 00:53:17,080 >> En dat is het geval, wanneer iets wordt per post toegezonden. 1105 00:53:17,080 --> 00:53:18,800 De URL niet wordt gewijzigd. 1106 00:53:18,800 --> 00:53:21,100 Dit bericht heeft geen weergegeven in de URL. 1107 00:53:21,100 --> 00:53:26,150 Maar sommige staat is veranderd, en misschien is er wat informatie opgeslagen in de 1108 00:53:26,150 --> 00:53:27,400 POST variabele. 1109 00:53:27,400 --> 00:53:30,460 1110 00:53:30,460 --> 00:53:36,880 >> Sorry. voordat ik in SQL, elke vragen over PHP name 1111 00:53:36,880 --> 00:53:41,850 vragen over dingen die we niet gaan over die je hebt gevonden of een syntax of 1112 00:53:41,850 --> 00:53:43,855 logica vragen over 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 >> De laatste taal die u zal worden interactie met deze week de 1116 00:53:54,400 --> 00:53:58,920 Structured Query Language, SQL, uitgesproken vervolg vaak. 1117 00:53:58,920 --> 00:54:01,740 Die u toelaat om te communiceren met de database een geformaliseerde manier. 1118 00:54:01,740 --> 00:54:04,390 En het speelt zeer mooi met PHP. 1119 00:54:04,390 --> 00:54:09,950 >> Zoals u zult zien in Probleemverzameling 7, we hebben gezien je een functie genaamd query. 1120 00:54:09,950 --> 00:54:14,990 En het duurt een SQL string en uitvoert dat query op de database. 1121 00:54:14,990 --> 00:54:17,470 In de afgelopen jaren, niet was je gegeven functie. 1122 00:54:17,470 --> 00:54:22,250 Je moest PHP-functies gebruiken om de query op de database en check 1123 00:54:22,250 --> 00:54:24,230 voor fouten en krijgen dan de resultaten. 1124 00:54:24,230 --> 00:54:26,120 >> En eigenlijk is het niet zo moeilijk, want nogmaals, het speelt 1125 00:54:26,120 --> 00:54:27,080 zeer mooi met PHP. 1126 00:54:27,080 --> 00:54:31,240 En PHP geeft je een heleboel functies om te communiceren met een SQL-database. 1127 00:54:31,240 --> 00:54:34,810 Zo vaak, de twee van deze gaan samen. 1128 00:54:34,810 --> 00:54:37,090 Natuurlijk kan je interactie met de SQL-database met enige 1129 00:54:37,090 --> 00:54:38,400 aantal andere talen. 1130 00:54:38,400 --> 00:54:41,420 Maar PHP is een fantastisch om te kiezen. 1131 00:54:41,420 --> 00:54:42,290 >> Een databank - 1132 00:54:42,290 --> 00:54:46,030 gaan we over dit snel, want dit is een modewoord we gaan 1133 00:54:46,030 --> 00:54:48,030 gaan gebruiken vaak - 1134 00:54:48,030 --> 00:54:50,140 is een verzameling tabellen. 1135 00:54:50,140 --> 00:54:53,960 Dus we kunnen denken als een Excel-bestand. 1136 00:54:53,960 --> 00:54:57,260 Een Excel-bestand meerdere tabbladen aan de onderkant van het scherm. 1137 00:54:57,260 --> 00:55:03,090 Elk tabblad we nu noemen een tafel, waar een tafel is een verzameling van rijen. 1138 00:55:03,090 --> 00:55:04,060 >> En wat is een rij? 1139 00:55:04,060 --> 00:55:06,890 Nou, een rij is dat hetzelfde in het Excel-bestand. 1140 00:55:06,890 --> 00:55:10,380 Dat heeft alleen bepaalde waarden voor elk bepaald gebied of elk gegeven kolom. 1141 00:55:10,380 --> 00:55:12,010 Het is als een vermelding in de tabel. 1142 00:55:12,010 --> 00:55:16,570 Het is een student, die heeft een ID, een specifieke ID, en een specifieke naam en een 1143 00:55:16,570 --> 00:55:17,910 specifieke huis. 1144 00:55:17,910 --> 00:55:19,790 >> Dus een database is een verzameling tafels. 1145 00:55:19,790 --> 00:55:22,685 En tafels zelf zijn een aantal rijen of Records. 1146 00:55:22,685 --> 00:55:25,470 1147 00:55:25,470 --> 00:55:28,280 Ook zijn er in elk tafel, bepaalde terreinen. 1148 00:55:28,280 --> 00:55:32,130 En die aangeeft wat elke record is gaat hebben, gebieden soms 1149 00:55:32,130 --> 00:55:33,890 kolommen maar algemeen genoemd velden. 1150 00:55:33,890 --> 00:55:38,270 >> In deze zeer eenvoudige tabel, ik heb drie velden, een id-veld, een gebruikersnaam 1151 00:55:38,270 --> 00:55:39,780 veld en een hash veld. 1152 00:55:39,780 --> 00:55:41,300 En ik heb drie rijen. 1153 00:55:41,300 --> 00:55:42,100 Op dit moment zijn ze leeg. 1154 00:55:42,100 --> 00:55:44,850 Zouden ze waarschijnlijk niet leeg zijn als dit was mijn echte databank. 1155 00:55:44,850 --> 00:55:50,530 >> Dus als je hebt gebruikt Excel, vergelijkbaar idee om wat je doet in Excel, hoewel, 1156 00:55:50,530 --> 00:55:54,300 natuurlijk, nu gaan we in staat zijn om doen veel krachtiger dingen op de 1157 00:55:54,300 --> 00:55:56,430 informatie die is opgeslagen in onze database. 1158 00:55:56,430 --> 00:56:00,270 Je maakt zelf een databank voor Probleemverzameling 7. 1159 00:56:00,270 --> 00:56:02,820 Maar je zult het creëren van meerdere tabellen in de database. 1160 00:56:02,820 --> 00:56:06,950 >> Je zult het maken van een database of een tafel voor gebruikers. 1161 00:56:06,950 --> 00:56:12,830 U zult ook het creëren van een tafel voor Waarschijnlijk voorraad transacties, te houden 1162 00:56:12,830 --> 00:56:15,580 spoor van hen, want je moet implementeren van een geschiedenis functie. 1163 00:56:15,580 --> 00:56:18,370 Beide deze tabellen zal hebben verschillende gebieden. 1164 00:56:18,370 --> 00:56:22,190 Bijvoorbeeld, een gebruiker veld, je Wilt u waarschijnlijk hun gebruikersnaam en een 1165 00:56:22,190 --> 00:56:24,220 ID en een hash van het wachtwoord. 1166 00:56:24,220 --> 00:56:28,450 >> In de Voorraden tabel die bijhoudt van houdt geschiedenis of de geschiedenis tafel, je 1167 00:56:28,450 --> 00:56:31,620 waarschijnlijk niet de gebruikersnaam nodig en de hasj en de ID. 1168 00:56:31,620 --> 00:56:34,460 Je hebt waarschijnlijk alleen maar een van die waarden unieke, toekennen 1169 00:56:34,460 --> 00:56:35,830 met een bepaalde gebruiker. 1170 00:56:35,830 --> 00:56:38,100 >> Maar ja, je wilt andere slaan dingen als: hoe laat 1171 00:56:38,100 --> 00:56:40,630 werd transactie gemaakt. 1172 00:56:40,630 --> 00:56:42,380 Wat voorraad werd gekocht of verkocht? 1173 00:56:42,380 --> 00:56:44,150 Hoeveel aandelen van de voorraad werd gekocht of verkocht? 1174 00:56:44,150 --> 00:56:48,360 Wat was de prijs waartegen de voorraad werd gekocht of verkocht? 1175 00:56:48,360 --> 00:56:50,180 >> Dus nogmaals, je gaat te maken krijgen met databases die 1176 00:56:50,180 --> 00:56:51,350 gaat om meerdere tafels. 1177 00:56:51,350 --> 00:56:54,340 Elke tafel zal hebben zijn eigen set van velden. 1178 00:56:54,340 --> 00:56:58,430 Echter, is het waarschijnlijk dat een soortgelijke veld in elke tabel, dat 1179 00:56:58,430 --> 00:57:00,130 relateert aan elkaar. 1180 00:57:00,130 --> 00:57:02,660 Meestal is dit een veld ID. 1181 00:57:02,660 --> 00:57:07,000 >> Want als elke gebruiker heeft een uniek ID en je dat ID associëren met elke 1182 00:57:07,000 --> 00:57:09,365 transactie die de gebruiker maakt of de hele geschiedenis van die gebruiker. 1183 00:57:09,365 --> 00:57:12,760 1184 00:57:12,760 --> 00:57:13,830 En je hebt de ID van de gebruiker. 1185 00:57:13,830 --> 00:57:15,365 U kunt informatie krijgen uit beide tabellen. 1186 00:57:15,365 --> 00:57:19,770 U kunt de gebruikersnaam te krijgen, en je kunnen al hun transacties te krijgen. 1187 00:57:19,770 --> 00:57:24,410 >> Heeft u vragen over databases, of specifieke vragen? 1188 00:57:24,410 --> 00:57:25,240 Eigenlijk, laten we stellen dat. 1189 00:57:25,240 --> 00:57:27,410 We zijn er in twee kanten. 1190 00:57:27,410 --> 00:57:31,210 >> Er zijn dus vier operaties op databases die u gaat gebruiken in 1191 00:57:31,210 --> 00:57:34,790 Probleem Set 7 en waarschijnlijk ooit gebruikt. 1192 00:57:34,790 --> 00:57:38,040 Het eerste wat je wilt doen is het invoegen een nieuw record in een tabel of een 1193 00:57:38,040 --> 00:57:39,960 nieuwe rij in een tabel. 1194 00:57:39,960 --> 00:57:46,070 Dit is de algemene functie het generieke vorm, van die SQL-query. 1195 00:57:46,070 --> 00:57:52,240 >> In de tabel invoegen, welke kolommen u wilt invoegen en vervolgens 1196 00:57:52,240 --> 00:57:58,740 de waarden die je gaat te willen steken in deze kolommen of velden. 1197 00:57:58,740 --> 00:58:03,980 Als u meerdere tabellen in een databank of meerdere databases, u 1198 00:58:03,980 --> 00:58:06,630 Het kan nodig zijn om de database te specificeren en de tabel die u wilt 1199 00:58:06,630 --> 00:58:07,980 om dingen in te zetten. 1200 00:58:07,980 --> 00:58:11,390 Maar heel simpel, als je wilt invoegen in iets, je zegt, hier zijn de 1201 00:58:11,390 --> 00:58:12,890 velden Ik wil invoegen in. 1202 00:58:12,890 --> 00:58:14,740 En hier zijn de waarden. 1203 00:58:14,740 --> 00:58:18,840 >> In sommige tabellen, ook, en deze gebruiker tafel is een goed voorbeeld. 1204 00:58:18,840 --> 00:58:21,940 Waarschijnlijk in de tabel van deze gebruiker en waarschijnlijk in de tabel van uw gebruikers in P-Set 1205 00:58:21,940 --> 00:58:24,200 7, er is niet alleen een gebruikersnaam waarde. 1206 00:58:24,200 --> 00:58:27,100 Er is niet alleen een contante waarde, of in het veld, in plaats van. 1207 00:58:27,100 --> 00:58:29,140 Er is ook een veld ID. 1208 00:58:29,140 --> 00:58:31,110 >> Ik ben niet van plan om dat ID veld in te voegen. 1209 00:58:31,110 --> 00:58:34,020 Dat zal worden gegeven aan me automatisch wanneer een 1210 00:58:34,020 --> 00:58:35,810 nieuw record wordt geplaatst. 1211 00:58:35,810 --> 00:58:37,820 Dus is er een aantal veld dat u kunt instellen automatisch te zijn. 1212 00:58:37,820 --> 00:58:41,740 >> Misschien wil je elke gebruiker geven $ 10.000 van contant geld uit de vleermuis. 1213 00:58:41,740 --> 00:58:43,470 Dus ik hoef niet in te voegen een aantal contante hier. 1214 00:58:43,470 --> 00:58:45,860 Alles wat ik nodig om in te voegen is de gebruikersnaam. 1215 00:58:45,860 --> 00:58:49,230 En dan, het veld in contanten zal worden pre-bevolkt, en het ID-veld zal 1216 00:58:49,230 --> 00:58:50,590 wordt ingevuld. 1217 00:58:50,590 --> 00:58:53,640 >> Zo vaak, we zijn niet invoegen iets in elk gebied, omdat 1218 00:58:53,640 --> 00:58:55,400 die andere velden automatisch bevolkt. 1219 00:58:55,400 --> 00:58:58,320 Want dat is hoe we opgezet die tafel. 1220 00:58:58,320 --> 00:59:01,280 >> Het tweede wat je gaat wilt doen is het verwijderen van een record. 1221 00:59:01,280 --> 00:59:02,900 Het verwijderen van iets is zeer eenvoudig. 1222 00:59:02,900 --> 00:59:05,660 Je geeft de tafel waar u wilt om iets uit te wissen. 1223 00:59:05,660 --> 00:59:11,202 En u zegt, OK, ik wil verwijderen record dat een gebruikersnaam van Milo heeft. 1224 00:59:11,202 --> 00:59:16,180 Of ik alle records wilt verwijderen die over een gebruikersnaam van Milo of dat een waren 1225 00:59:16,180 --> 00:59:18,700 transactie van gebruikers-ID nummer 2. 1226 00:59:18,700 --> 00:59:21,950 1227 00:59:21,950 --> 00:59:24,809 Heeft u vragen over deze twee soorten vragen? 1228 00:59:24,809 --> 00:59:26,059 >> PUBLIEK: [onverstaanbaar]. 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 Dus ik ga naar rij en opnemen gebruiken elkaar en sommige 1232 00:59:33,530 --> 00:59:35,400 met kolom en in het veld. 1233 00:59:35,400 --> 00:59:37,650 Maar een rij is een record. 1234 00:59:37,650 --> 00:59:40,080 Een kolom is een veld, gaan terug naar deze tabel. 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 Het volgende wat je waarschijnlijk gaat doen is nog wat 1238 00:59:47,310 --> 00:59:48,400 gegevens uit de tabel. 1239 00:59:48,400 --> 00:59:50,090 Dat is een Select-query. 1240 00:59:50,090 --> 00:59:52,330 En nogmaals, wat tafel ik selecteren? 1241 00:59:52,330 --> 00:59:58,370 En wat column wil ik kiezen, of welke waarde moet ik wilt selecteren en 1242 00:59:58,370 --> 00:59:59,530 uit welke rij? 1243 00:59:59,530 --> 01:00:01,120 >> Dus de Select is een weinig specifieke. 1244 01:00:01,120 --> 01:00:03,620 Ik zeg, OK, ik wil deze tabel. 1245 01:00:03,620 --> 01:00:09,350 En dan wil ik de kolom gebruikersnaam en Ik wil het uit de rij met ID 2. 1246 01:00:09,350 --> 01:00:11,030 Dat is een manier om te doen een Select. 1247 01:00:11,030 --> 01:00:14,180 >> Of ik kan zeggen, geef me elke enkele gebruikersnaam. 1248 01:00:14,180 --> 01:00:18,200 Of ik kan zeggen, geef me een hele rij uit deze tabel, waar 1249 01:00:18,200 --> 01:00:19,460 de gebruikersnaam is 1. 1250 01:00:19,460 --> 01:00:22,300 Dus er zijn een paar verschillende manieren om doen Select queries, afhankelijk van hoe 1251 01:00:22,300 --> 01:00:24,130 veel informatie die u wilt, 1252 01:00:24,130 --> 01:00:29,410 >> U kunt altijd gewoon kiezen alles van die specifieke tafel en dan loop 1253 01:00:29,410 --> 01:00:31,320 doorheen, het uitzoeken van de dingen die je wilt. 1254 01:00:31,320 --> 01:00:33,940 Maar houd in gedachten, als je het selecteren een heleboel dingen uit een tafel en je 1255 01:00:33,940 --> 01:00:37,400 hebben echt een grote tafel, gaat dat duren enige tijd, dus het beste om alleen te selecteren 1256 01:00:37,400 --> 01:00:40,000 dingen die je gaat om uiteindelijk met behulp van. 1257 01:00:40,000 --> 01:00:43,580 >> Ook met selecteren en al deze andere SQL-commando's als goed, ik ben 1258 01:00:43,580 --> 01:00:45,760 waardoor u de kale versie. 1259 01:00:45,760 --> 01:00:51,600 Maar zeggen, dat ik het selecteren van gebruikers en ik wil om ze alfabetisch te printen, 1260 01:00:51,600 --> 01:00:56,710 Ik kon alle gebruikers selecteren en vervolgens sorteren ze alfabetisch in mijn code. 1261 01:00:56,710 --> 01:01:01,990 >> Of er is een manier om de select schrijven query en dat kiest dingen op een 1262 01:01:01,990 --> 01:01:06,580 alfabetische mode, gebaseerd off van een bepaalde kolom, oplopende of 1263 01:01:06,580 --> 01:01:07,490 aflopend. 1264 01:01:07,490 --> 01:01:11,660 Dus in gedachten houden dat, veel van wat je wilt doen kan waarschijnlijk worden gedaan in 1265 01:01:11,660 --> 01:01:15,070 de query door een extra attribuut. 1266 01:01:15,070 --> 01:01:19,120 Dus wees opzoeken deze vragen online of de andere dingen die je kunt doen met deze 1267 01:01:19,120 --> 01:01:21,410 vragen om ze uit te breiden. 1268 01:01:21,410 --> 01:01:25,020 >> Tot slot, het laatste wat je wilt doen is iets niet invoegen of verwijderen 1269 01:01:25,020 --> 01:01:26,700 iets, maar iets wijzigen. 1270 01:01:26,700 --> 01:01:30,380 En dat wordt gedaan met de update query, en nogmaals, wat tafel. 1271 01:01:30,380 --> 01:01:32,530 En welke verandering wil ik maken? 1272 01:01:32,530 --> 01:01:35,915 En om welke rij of opnemen doen Ik wil dat veranderen? 1273 01:01:35,915 --> 01:01:38,720 1274 01:01:38,720 --> 01:01:40,300 Heeft u vragen over 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 Dus we hebben ongeveer 15 minuten. 1278 01:01:49,080 --> 01:01:51,460 En dit is de laatste foto die ik heb. 1279 01:01:51,460 --> 01:01:55,380 En hopelijk, dit laatste dia is een goed overgaan in het probleem te stellen, 1280 01:01:55,380 --> 01:01:58,820 omdat het begrip van waar we willen plaatst verslagen, ze verwijderen, selecteert 1281 01:01:58,820 --> 01:02:03,420 hen, en werkt ze zal ons helpen begrijpen de grotere logica en flow 1282 01:02:03,420 --> 01:02:05,570 van Probleemverzameling 7. 1283 01:02:05,570 --> 01:02:08,330 >> Dus ik weet alle antwoorden op deze vragen. 1284 01:02:08,330 --> 01:02:10,570 Ik ben niet van plan om u te vertellen alle antwoorden. 1285 01:02:10,570 --> 01:02:15,530 Maar als iemand anders zou willen presenteren een vraag aan de groep of een 1286 01:02:15,530 --> 01:02:18,700 antwoord op een van deze vragen, kunnen we gebruik dat als een jumping off point te 1287 01:02:18,700 --> 01:02:20,311 praten over het probleem set. 1288 01:02:20,311 --> 01:02:24,159 1289 01:02:24,159 --> 01:02:27,260 Of als iemand een meer generieke vraag uit het probleem set, voelen 1290 01:02:27,260 --> 01:02:28,210 vrij om te vragen dat ook. 1291 01:02:28,210 --> 01:02:29,460 En we kunnen daar beginnen. 1292 01:02:29,460 --> 01:02:32,840 1293 01:02:32,840 --> 01:02:35,973 Houd in gedachten dat je stil zijn kwetst iedereen. 1294 01:02:35,973 --> 01:02:36,376 Yeah. 1295 01:02:36,376 --> 01:02:39,540 >> PUBLIEK: Dus is de enige manier om te passeren variabelen en naar verschillende web 1296 01:02:39,540 --> 01:02:44,532 pagina's, of de meest handige manier, met behulp van POST of GET? 1297 01:02:44,532 --> 01:02:52,380 >> JASON HIRSCHHORN: Dus ja, dat is de meest handige manier om te zeggen - toen 1298 01:02:52,380 --> 01:02:53,970 iemand een formulier invult - 1299 01:02:53,970 --> 01:02:57,540 informatie krijgen op een andere website pagina, met behulp van GET of POST. 1300 01:02:57,540 --> 01:03:00,400 1301 01:03:00,400 --> 01:03:04,320 Vanwege het raamwerk we gebruiken in dit probleem set, zult u merken 1302 01:03:04,320 --> 01:03:08,630 dat, een heleboel keer, we maken een andere pagina. 1303 01:03:08,630 --> 01:03:12,420 we Of we maken een ander bestand, niet noodzakelijkerwijs een andere pagina. 1304 01:03:12,420 --> 01:03:14,050 >> Zo passeren we in een variabele. 1305 01:03:14,050 --> 01:03:16,400 En dan, het maakt een HTML-pagina, met behulp van de 1306 01:03:16,400 --> 01:03:18,220 informatie die variabele. 1307 01:03:18,220 --> 01:03:20,790 Dit is technisch passeren informatie tussen 1308 01:03:20,790 --> 01:03:21,910 verschillende webpagina's. 1309 01:03:21,910 --> 01:03:24,600 Dat is het doorgeven van informatie tussen verschillende bestanden. 1310 01:03:24,600 --> 01:03:26,710 >> En dus kunnen we elke gebruiken variabele doen. 1311 01:03:26,710 --> 01:03:33,230 Maar ja, als we wilden passeren informatie van een bepaalde pagina te 1312 01:03:33,230 --> 01:03:36,850 een andere pagina, GET en POST zou zijn de manier om dat te doen. 1313 01:03:36,850 --> 01:03:43,060 1314 01:03:43,060 --> 01:03:45,765 Andere vragen heeft over het probleem te stellen? 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 Laten we gaan door, dan een specifieke deel van het probleem stellen. 1318 01:03:53,660 --> 01:04:00,260 Je gaat nodig hebben om, op een punt, tonen portfolio iemand op 1319 01:04:00,260 --> 01:04:01,710 het scherm. 1320 01:04:01,710 --> 01:04:06,454 Wat bedoel ik als ik zeg portfolio, In het kader van dit probleem ingesteld? 1321 01:04:06,454 --> 01:04:11,350 >> Publiek: Het is net als de aandelen die zij hebben hoe, hoeveel aandelen zij bezitten, 1322 01:04:11,350 --> 01:04:13,760 de prijs, en hoeveel geld dat ze hebben verlaten. 1323 01:04:13,760 --> 01:04:15,235 >> JASON HIRSCHHORN: Dat klinkt geweldig. 1324 01:04:15,235 --> 01:04:19,640 Dus ik wil alle aandelen weer zij bezitten voor elk aandeel onderneming 1325 01:04:19,640 --> 01:04:23,770 aandelen en waarschijnlijk hoeveel dat is waard, en dan moet een aparte variabele, 1326 01:04:23,770 --> 01:04:25,960 hoeveel geld zij bezitten. 1327 01:04:25,960 --> 01:04:27,150 Dus zeggen dat ik wil beschrijven dat. 1328 01:04:27,150 --> 01:04:29,660 Laten we beginnen te praten over hoe ik kon gaan over dat te doen, wat tafels ik ben 1329 01:04:29,660 --> 01:04:31,210 gaat nodig hebben om in staat zijn om dat te doen. 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 >> PUBLIEK: Nou gebruikers, en dan, denk ik kunt u een tabel met de naam te maken 1333 01:04:37,970 --> 01:04:41,920 Aandelen of iets dergelijks, dat zou zijn hoeveel ze hebben gekocht. 1334 01:04:41,920 --> 01:04:42,660 >> JASON HIRSCHHORN: OK. 1335 01:04:42,660 --> 01:04:46,530 Dus ik ga naar een tabel met de naam nodig Gebruikers, die bij welke houdt 1336 01:04:46,530 --> 01:04:50,640 gebruikersnaam, vermoedelijk, waarschijnlijk een ID, waarschijnlijk het wachtwoord van een individu. 1337 01:04:50,640 --> 01:04:52,850 Wat is iets anders dat je net gezegd dat geassocieerd? 1338 01:04:52,850 --> 01:04:55,510 Iemand naast Michael, wat is iets anders dat is gekoppeld aan 1339 01:04:55,510 --> 01:04:58,270 elke gebruiker, die uniek zijn voor hen? 1340 01:04:58,270 --> 01:05:00,050 >> PUBLIEK: ID. 1341 01:05:00,050 --> 01:05:01,170 >> JASON HIRSCHHORN: ID - 1342 01:05:01,170 --> 01:05:03,540 wat is een ander ding dat we waarschijnlijk gaat willen 1343 01:05:03,540 --> 01:05:05,685 op deze pagina? 1344 01:05:05,685 --> 01:05:06,990 >> PUBLIEK: Hun naam. 1345 01:05:06,990 --> 01:05:10,550 >> JASON HIRSCHHORN: Hun naam - wat is een ander ding met betrekking tot deze 1346 01:05:10,550 --> 01:05:11,420 bepaald probleem ingesteld? 1347 01:05:11,420 --> 01:05:14,110 >> PUBLIEK: Welke aandelen die zij bezitten - 1348 01:05:14,110 --> 01:05:16,650 >> JASON HIRSCHHORN: Er zullen zijn veel van wat de voorraden zij bezitten. 1349 01:05:16,650 --> 01:05:19,670 Wat is een van de specifieke waarde echter, dat ze gaan te hebben 1350 01:05:19,670 --> 01:05:22,640 in verband met hen? 1351 01:05:22,640 --> 01:05:25,709 Hoe gaan ze om te kopen en verkopen hun aandelen? 1352 01:05:25,709 --> 01:05:26,595 >> PUBLIEK: Cash. 1353 01:05:26,595 --> 01:05:28,100 >> JASON HIRSCHHORN: Ze zijn gaan om geld te hebben. 1354 01:05:28,100 --> 01:05:31,020 Zodat elke gebruiker zal hebben een waarde voor geld. 1355 01:05:31,020 --> 01:05:32,360 En dat gaat worden uniek voor elke gebruiker. 1356 01:05:32,360 --> 01:05:35,040 Dus tabel van de gebruiker, maakt zin in geld om te zetten. 1357 01:05:35,040 --> 01:05:39,100 >> Je zou natuurlijk, maakt u een andere tabel die gebruikers-ID's en heeft zijn 1358 01:05:39,100 --> 01:05:40,200 waarde van geld. 1359 01:05:40,200 --> 01:05:41,070 Maar het heeft geen zin. 1360 01:05:41,070 --> 01:05:43,410 Het is zinvol om zomaar dat alles in een tabel. 1361 01:05:43,410 --> 01:05:46,860 >> Dus we gaan naar een tafel hebben met die informatie. 1362 01:05:46,860 --> 01:05:48,360 En dan, wat is de andere tafel we gaan hebben? 1363 01:05:48,360 --> 01:05:49,430 Je zei, een tafel Stocks. 1364 01:05:49,430 --> 01:05:50,680 Wat zetten we in de voorraden tafel? 1365 01:05:50,680 --> 01:05:55,860 1366 01:05:55,860 --> 01:05:57,530 Iedereen, ideeën - 1367 01:05:57,530 --> 01:05:58,796 >> Publiek bedrijf. 1368 01:05:58,796 --> 01:06:00,020 >> JASON HIRSCHHORN: We gaan in naam van de te zetten 1369 01:06:00,020 --> 01:06:03,620 bedrijf, dus AAPL voor Apple. 1370 01:06:03,620 --> 01:06:04,050 Yeah. 1371 01:06:04,050 --> 01:06:05,390 >> PUBLIEK: Hoeveel aandelen en hoeveel ze waard zijn. 1372 01:06:05,390 --> 01:06:08,590 >> JASON HIRSCHHORN: Hoeveel aandelen, hoeveel ze waard zijn - 1373 01:06:08,590 --> 01:06:10,630 wat is er iets anders dat we moet in die tabel? 1374 01:06:10,630 --> 01:06:12,770 >> PUBLIEK: Een gebruikers-ID te indexeren. 1375 01:06:12,770 --> 01:06:14,000 >> JASON HIRSCHHORN: A User ID. 1376 01:06:14,000 --> 01:06:16,070 Dus in die tabel, zullen we waarschijnlijk - 1377 01:06:16,070 --> 01:06:18,610 laten we zeggen, als het iemand die eigenaar is drie bestanden, drie rijen met elk 1378 01:06:18,610 --> 01:06:23,730 dat gebruikers-ID of gebruiker van dat individu ID, maar een andere naam bedrijf, een 1379 01:06:23,730 --> 01:06:28,570 verschillend aantal aandelen vermoedelijk, en een andere prijs voor elk 1380 01:06:28,570 --> 01:06:29,820 van deze bestanden. 1381 01:06:29,820 --> 01:06:34,690 1382 01:06:34,690 --> 01:06:37,130 Nogmaals, wat ik nu zeg is niet nood uitvoering, 1383 01:06:37,130 --> 01:06:39,150 omdat je je realiseert dat er een aantal meer efficiënte manieren om het te implementeren. 1384 01:06:39,150 --> 01:06:41,020 Maar dit is een goede plek om te beginnen. 1385 01:06:41,020 --> 01:06:41,430 >> OK. 1386 01:06:41,430 --> 01:06:42,830 Dus dat zijn de twee tabellen die we hebben. 1387 01:06:42,830 --> 01:06:44,470 Nu willen we deze pagina weer te geven. 1388 01:06:44,470 --> 01:06:48,510 Wat is het eerste type query we zouden moeten maken. 1389 01:06:48,510 --> 01:06:52,190 Op elke pagina, aangenomen dat een gebruiker ingelogd, we hebben hun gebruikers-ID. 1390 01:06:52,190 --> 01:06:55,480 Dus wat is het eerste type opzoeking die we moeten maken? 1391 01:06:55,480 --> 01:06:55,910 Yeah. 1392 01:06:55,910 --> 01:06:56,936 >> PUBLIEK: Hun gebruikers-ID. 1393 01:06:56,936 --> 01:07:00,090 >> JASON HIRSCHHORN: Wij hebben hun gebruikers-ID, als we beginnen om code op de 1394 01:07:00,090 --> 01:07:01,340 begin van onze pagina. 1395 01:07:01,340 --> 01:07:03,880 1396 01:07:03,880 --> 01:07:06,470 Dus wat is het eerste type query we moet maken, gezien ID van een gebruiker? 1397 01:07:06,470 --> 01:07:09,580 1398 01:07:09,580 --> 01:07:10,530 We gingen over de vier soorten. 1399 01:07:10,530 --> 01:07:11,860 Er is maar vier mogelijke antwoorden. 1400 01:07:11,860 --> 01:07:13,230 >> Publiek: Het is een selectie maken. 1401 01:07:13,230 --> 01:07:14,710 >> JASON HIRSCHHORN: A Select - 1402 01:07:14,710 --> 01:07:19,110 we willen selecteren uit de gebruiker tafel te krijgen, laten we zeggen, 1403 01:07:19,110 --> 01:07:20,040 hun hoeveelheid contant geld. 1404 01:07:20,040 --> 01:07:22,450 En we kunnen de hoeveelheid contant geld af te drukken bovenaan het scherm. 1405 01:07:22,450 --> 01:07:22,720 OK. 1406 01:07:22,720 --> 01:07:24,210 Wat is de volgende type opzoeking we willen doen? 1407 01:07:24,210 --> 01:07:34,650 1408 01:07:34,650 --> 01:07:36,160 >> We hebben een aantal andere dingen we nodig hebben om weer te geven. 1409 01:07:36,160 --> 01:07:37,480 Die worden opgeslagen in een andere tabel. 1410 01:07:37,480 --> 01:07:38,300 Dus hoe gaan we dat krijgen? 1411 01:07:38,300 --> 01:07:40,106 >> PUBLIEK: U selecteert voor hen. 1412 01:07:40,106 --> 01:07:42,490 >> JASON HIRSCHHORN: A Select - nogmaals, er slechts vier opties. 1413 01:07:42,490 --> 01:07:44,180 Selecteer waarschijnlijk geluiden zoals de juiste is. 1414 01:07:44,180 --> 01:07:47,510 Dus moeten we naar een andere selectiequery doen, opnieuw met dat gebruikers-ID. 1415 01:07:47,510 --> 01:07:50,370 En nu willen we niet slechts een terug rij, BU alle rijen die aan onze 1416 01:07:50,370 --> 01:07:53,200 criteria, waarbij gebruikers-ID gelijk is aan 1. 1417 01:07:53,200 --> 01:07:56,790 >> En dan kunnen we gaan en laat een lus net drukken al die afsteekt op het scherm, 1418 01:07:56,790 --> 01:07:59,250 misschien uitprinten het bedrijf uit elk van deze op het scherm. 1419 01:07:59,250 --> 01:08:02,430 Groot, dat klinkt als dat is het weergeven van een portfolio, niet veel meer 1420 01:08:02,430 --> 01:08:03,810 ingewikkelder dan dat. 1421 01:08:03,810 --> 01:08:07,460 >> OK, de gebruiker beslist dan dat ze hebben veel geld over. 1422 01:08:07,460 --> 01:08:09,900 En ze willen om wat te kopen meer aandelen van een voorraad. 1423 01:08:09,900 --> 01:08:12,580 Laten we zeggen, dat ze al in het bezit van deze aandelen van het bedrijf ook. 1424 01:08:12,580 --> 01:08:14,110 >> Dus ze gaan naar uw kopen pagina. 1425 01:08:14,110 --> 01:08:16,830 Zij ingang naam van het bedrijf. 1426 01:08:16,830 --> 01:08:20,380 Wat is de vraag, na het invoeren van de firmanaam, dat je nodig hebt om 1427 01:08:20,380 --> 01:08:22,819 voeren de volgende stap? 1428 01:08:22,819 --> 01:08:23,180 Yeah. 1429 01:08:23,180 --> 01:08:23,960 >> PUBLIEK: Update. 1430 01:08:23,960 --> 01:08:26,670 >> JASON HIRSCHHORN: Update - en wat tafel wil je werken? 1431 01:08:26,670 --> 01:08:29,018 >> PUBLIEK: Hun tafel, gebaseerd op hun ID-nummer? 1432 01:08:29,018 --> 01:08:31,880 >> JASON HIRSCHHORN: Dus updaten niet de tafel van de gebruiker - 1433 01:08:31,880 --> 01:08:36,029 1434 01:08:36,029 --> 01:08:40,899 dus het actualiseren van de Aandelen tafel, waar de gebruikers-ID past niet alleen, maar de 1435 01:08:40,899 --> 01:08:43,160 stock naam overeenkomt ook. 1436 01:08:43,160 --> 01:08:45,660 Je zult enkele waarde te krijgen. 1437 01:08:45,660 --> 01:08:48,270 En dan wil je die waarde te nemen en voeg hoeveel aandelen die zij 1438 01:08:48,270 --> 01:08:49,890 willen kopen van het. 1439 01:08:49,890 --> 01:08:53,420 >> Dus je wilt niet blindelings overschrijven die waarde. 1440 01:08:53,420 --> 01:08:56,330 Maar je kunt in feite nemen dat de eerste waarderen en gewoon updaten. 1441 01:08:56,330 --> 01:09:00,790 U kunt dit doen als een plus evenaart, in plaats van alleen een gelijken. 1442 01:09:00,790 --> 01:09:03,689 >> Wat is iets wat wel - als we denken over deze en we willen zijn 1443 01:09:03,689 --> 01:09:08,090 zo robuust mogelijk - we moeten doen voordat we lopen die update-query? 1444 01:09:08,090 --> 01:09:09,859 Ze willen vijf jaar van Apple te kopen. 1445 01:09:09,859 --> 01:09:11,030 Elk aandeel van Apple is $ 200. 1446 01:09:11,030 --> 01:09:12,762 >> PUBLIEK: We moeten geld eerst controleren. 1447 01:09:12,762 --> 01:09:15,130 >> JASON HIRSCHHORN: We moeten check geld eerst. 1448 01:09:15,130 --> 01:09:16,680 We moeten zorgen dat ze te maken genoeg geld hebben. 1449 01:09:16,680 --> 01:09:20,766 Wat voor soort vragen kunnen we uitvoeren om zorg ervoor dat ze genoeg geld hebben? 1450 01:09:20,766 --> 01:09:22,143 >> Publiek: Nog een Select. 1451 01:09:22,143 --> 01:09:23,680 >> JASON HIRSCHHORN: A Select - 1452 01:09:23,680 --> 01:09:26,580 Wij selecteren op basis van hun gebruikers-ID, hun waarde van geld te krijgen. 1453 01:09:26,580 --> 01:09:27,620 Doe een paar snelle wiskunde. 1454 01:09:27,620 --> 01:09:30,279 En als dat gaat opbrengen, ze hebben genoeg geld. 1455 01:09:30,279 --> 01:09:31,580 Dan kunnen we onze update toepast. 1456 01:09:31,580 --> 01:09:33,850 Of misschien, zo niet, we passeren dan. 1457 01:09:33,850 --> 01:09:35,370 We geven ze een waarschuwing. 1458 01:09:35,370 --> 01:09:35,710 >> OK. 1459 01:09:35,710 --> 01:09:36,560 Zeggen dat ze niet een bedrijf te hebben. 1460 01:09:36,560 --> 01:09:37,310 Ze kopen een nieuw bedrijf. 1461 01:09:37,310 --> 01:09:39,910 Ze kopen Microsoft. 1462 01:09:39,910 --> 01:09:41,910 Wat voor soort vragen willen we doen, als ze willen om Microsoft te kopen? 1463 01:09:41,910 --> 01:09:43,350 En ze geen eigen Microsoft. 1464 01:09:43,350 --> 01:09:47,520 Niet Manu, iemand anders, iemand naast Marcus? 1465 01:09:47,520 --> 01:09:48,229 Carlos - 1466 01:09:48,229 --> 01:09:50,870 >> PUBLIEK: A Selecteer, om ervoor te zorgen ze hebben genoeg geld. 1467 01:09:50,870 --> 01:09:51,770 >> JASON HIRSCHHORN: Klinkt goed. 1468 01:09:51,770 --> 01:09:54,815 >> PUBLIEK: En dan plaatst op de [onverstaanbaar]. 1469 01:09:54,815 --> 01:09:56,500 >> JASON HIRSCHHORN: Precies, we zijn gaat willen invoegen 1470 01:09:56,500 --> 01:09:57,800 in de tabel Stocks. 1471 01:09:57,800 --> 01:09:59,370 En we gaan wilt invoegen. 1472 01:09:59,370 --> 01:10:02,510 We kunnen hun gebruikers-ID in te voegen, de naam van het bedrijf, en hoeveel aandelen 1473 01:10:02,510 --> 01:10:03,940 ze willen kopen. 1474 01:10:03,940 --> 01:10:08,040 >> Wat zijn enkele andere activiteiten die zijn pagina's of functies die u bent 1475 01:10:08,040 --> 01:10:10,420 zullen moeten implementeren in P-Set 7, dat moeten we dan heen? 1476 01:10:10,420 --> 01:10:12,160 >> PUBLIEK: Eigenlijk heb ik soort van een vraag over deze. 1477 01:10:12,160 --> 01:10:18,000 Voordat u de portefeuille weer te geven, moet je controleert Yahoo's website 1478 01:10:18,000 --> 01:10:19,920 zorg ervoor dat de aandelenkoersen zijn niet veranderd? 1479 01:10:19,920 --> 01:10:21,660 >> JASON HIRSCHHORN: Dat is geluiden als een goed idee. 1480 01:10:21,660 --> 01:10:27,260 Dus wat Marcus zegt, OK, voorraad de prijzen veranderen voortdurend. 1481 01:10:27,260 --> 01:10:32,840 In de aandelen die zij bezitten tafel, onze tabel met de naam Stocks, konden we redden het 1482 01:10:32,840 --> 01:10:35,360 koers van het aandeel dat ze hem kocht op. 1483 01:10:35,360 --> 01:10:37,990 >> Maar dat lijkt niet zo robuust, omdat de prijs van de voorraad is 1484 01:10:37,990 --> 01:10:39,490 voortdurend gaat veranderen. 1485 01:10:39,490 --> 01:10:41,990 Dus in feite, heb je waarschijnlijk niet nodig om de prijs van de voorraad op te slaan. 1486 01:10:41,990 --> 01:10:45,230 Maar elke keer dat u tonen hun portfolio, u vernieuwen of bijwerken van de 1487 01:10:45,230 --> 01:10:46,280 koers van het aandeel. 1488 01:10:46,280 --> 01:10:48,720 >> En als je - en je hebt al. 1489 01:10:48,720 --> 01:10:51,330 Ik weet dat je al hebt gekeken in de probleem stelt al terug. 1490 01:10:51,330 --> 01:10:55,410 Je hebt gerealiseerd dat we hebben geschreven een code voor u dat u toestaan ​​dat 1491 01:10:55,410 --> 01:10:57,650 aan de prijs van een aandeel te krijgen, gegeven naam van een bedrijf. 1492 01:10:57,650 --> 01:10:59,620 >> Dus ja, dat klinkt waarschijnlijk een beetje meer robuust. 1493 01:10:59,620 --> 01:11:04,260 Maar die tafel hoeft niet noodzakelijkerwijs om de prijs van de voorraad op te slaan. 1494 01:11:04,260 --> 01:11:04,720 OK. 1495 01:11:04,720 --> 01:11:07,590 Wat zijn een aantal andere functionaliteiten u moet implementeren deze week dat 1496 01:11:07,590 --> 01:11:10,340 we kunnen praten over? 1497 01:11:10,340 --> 01:11:11,590 Ik wil praten over hen. 1498 01:11:11,590 --> 01:11:14,342 1499 01:11:14,342 --> 01:11:16,516 >> Wat wil je over praten? 1500 01:11:16,516 --> 01:11:17,810 Het is waarschijnlijk in deze spec. 1501 01:11:17,810 --> 01:11:20,600 Ik zou gewoon naar beneden scrollen naar de onderkant van de spec en vraag me het eerste woord 1502 01:11:20,600 --> 01:11:21,850 zie je dat niet zinvol. 1503 01:11:21,850 --> 01:11:55,130 1504 01:11:55,130 --> 01:11:56,960 Een andere functionaliteit - 1505 01:11:56,960 --> 01:11:57,840 laten we praten over een. 1506 01:11:57,840 --> 01:12:00,775 We zullen daar beginnen. 1507 01:12:00,775 --> 01:12:02,065 >> Publiek: Het opnemen van de geschiedenis. 1508 01:12:02,065 --> 01:12:03,960 >> JASON HIRSCHHORN: Opname de geschiedenis, grote. 1509 01:12:03,960 --> 01:12:06,920 Dus je gaat te hebben om bij te houden van een geschiedenis van de transacties. 1510 01:12:06,920 --> 01:12:10,840 1511 01:12:10,840 --> 01:12:14,270 Dus u wilt bijhouden van elke houden tijd die ze kopen of verkopen van een voorraad. 1512 01:12:14,270 --> 01:12:15,160 >> Ik kocht mijn voorraad. 1513 01:12:15,160 --> 01:12:18,580 We hebben net al zei, is het waarschijnlijk zinvol om onder andere een Select, om hun 1514 01:12:18,580 --> 01:12:20,220 hoeveelheid contant geld en kom later. 1515 01:12:20,220 --> 01:12:25,270 Het is waarschijnlijk slim dan om onder andere een plaatst of een update, afhankelijk van 1516 01:12:25,270 --> 01:12:27,720 ongeacht of zij eigenaar zijn van voorraad. 1517 01:12:27,720 --> 01:12:32,740 Als we willen dat ook bij te houden een geschiedenis, hoe kunnen we dat doen? 1518 01:12:32,740 --> 01:12:37,530 1519 01:12:37,530 --> 01:12:38,720 Betekent dat gaan in de tabel Stocks? 1520 01:12:38,720 --> 01:12:39,822 >> PUBLIEK: Nee 1521 01:12:39,822 --> 01:12:42,130 >> JASON HIRSCHHORN: Nee, dat waarschijnlijk gaat in een andere tabel. 1522 01:12:42,130 --> 01:12:44,040 Omdat zeggen je koopt 10 aandelen van Apple. 1523 01:12:44,040 --> 01:12:45,370 Dan koop je een andere 10 aandelen. 1524 01:12:45,370 --> 01:12:46,610 U wilt slepen gescheiden administratie. 1525 01:12:46,610 --> 01:12:47,610 Dat zijn twee afzonderlijke transacties. 1526 01:12:47,610 --> 01:12:50,510 >> Dus hebben we een andere tafel, een geschiedenis tafel. 1527 01:12:50,510 --> 01:12:51,880 Dus nogmaals, we kopen. 1528 01:12:51,880 --> 01:12:54,080 Wij voeren een Select, dan een Insert of een update. 1529 01:12:54,080 --> 01:12:56,410 Wat doen we nu? 1530 01:12:56,410 --> 01:13:00,410 Wat is de volgende vraag die we uitvoeren als we iets kopen? 1531 01:13:00,410 --> 01:13:01,430 We willen bijhouden van geschiedenis houden. 1532 01:13:01,430 --> 01:13:01,570 Yeah. 1533 01:13:01,570 --> 01:13:05,195 >> PUBLIEK: U wilt bijhouden van mislukte transacties ook. 1534 01:13:05,195 --> 01:13:07,700 >> JASON HIRSCHHORN: Nou, voordat we zeggen wat soort transactie, 1535 01:13:07,700 --> 01:13:11,080 wat willen we - 1536 01:13:11,080 --> 01:13:13,910 Welk type query, Carlos, zou stellen ons in staat om bij te houden 1537 01:13:13,910 --> 01:13:16,216 van de dingen in het algemeen? 1538 01:13:16,216 --> 01:13:17,860 Je hebt vier gissingen. 1539 01:13:17,860 --> 01:13:18,660 Welke denk je? 1540 01:13:18,660 --> 01:13:20,835 >> PUBLIEK: bijwerken. 1541 01:13:20,835 --> 01:13:22,400 >> JASON HIRSCHHORN: Niet updaten. 1542 01:13:22,400 --> 01:13:25,250 Wat is je tweede raden? 1543 01:13:25,250 --> 01:13:26,730 >> PUBLIEK: selecteren. 1544 01:13:26,730 --> 01:13:30,020 >> JASON HIRSCHHORN: Als u wilt bewaren spoor van iets, wilt u waarschijnlijk 1545 01:13:30,020 --> 01:13:33,310 om het ergens te schrijven of opslaan voor later. 1546 01:13:33,310 --> 01:13:37,054 Dus als geen update, dan - 1547 01:13:37,054 --> 01:13:38,310 >> PUBLIEK: Steek deze. 1548 01:13:38,310 --> 01:13:39,553 >> JASON HIRSCHHORN: Invoegen, daar gaan we. 1549 01:13:39,553 --> 01:13:44,230 Ja, zodat u de hoeveelheid te selecteren geld dat ze hebben, klinkt geweldig. 1550 01:13:44,230 --> 01:13:45,320 Ze hebben niet genoeg geld. 1551 01:13:45,320 --> 01:13:46,720 Die transactie is niet van plan om te werken. 1552 01:13:46,720 --> 01:13:49,440 Nee, hoeft u niet bij te houden van een transactie indien het niet werkt. 1553 01:13:49,440 --> 01:13:52,280 Of je kunt, als je wilt geef ze een harde tijd. 1554 01:13:52,280 --> 01:13:53,430 Maar je hoeft niet. 1555 01:13:53,430 --> 01:13:55,820 >> Dan moet je bijwerken invoegen of in hun tafel Stocks. 1556 01:13:55,820 --> 01:13:57,260 En nu, heb je je andere tafel. 1557 01:13:57,260 --> 01:13:59,790 U heeft uw geschiedenis tafel of wat je ook wilt noemen. 1558 01:13:59,790 --> 01:14:02,920 En in die tabel, je gaat om een ​​nieuwe rij in te voegen. 1559 01:14:02,920 --> 01:14:04,205 >> Dat gaat waarschijnlijk hebben de ID van de gebruiker. 1560 01:14:04,205 --> 01:14:05,840 Het gaat waarschijnlijk om te hebben de naam van de voorraad. 1561 01:14:05,840 --> 01:14:08,760 Het gaat waarschijnlijk om te hebben een tijd dat ze het deden. 1562 01:14:08,760 --> 01:14:11,500 En in dit geval, zult u waarschijnlijk willen de prijs te voegen. 1563 01:14:11,500 --> 01:14:13,960 Want voor een geschiedenis, je niet schelen wat de huidige prijs is. 1564 01:14:13,960 --> 01:14:17,140 U schelen wat de prijs is wanneer ze gekocht of verkocht iets. 1565 01:14:17,140 --> 01:14:21,530 >> Het klinkt zo als, te implementeren kopen volledig omvat een aantal verschillende 1566 01:14:21,530 --> 01:14:25,530 SQL queries, Maar eerlijk gezegd, niet dat veel code in het algemeen. 1567 01:14:25,530 --> 01:14:26,330 OK. 1568 01:14:26,330 --> 01:14:28,840 En dat zorgt voor de geschiedenis. 1569 01:14:28,840 --> 01:14:30,450 >> Laten we zeggen, we willen geven onze geschiedenis. 1570 01:14:30,450 --> 01:14:31,670 We spraken over het weergeven van onze portfolio. 1571 01:14:31,670 --> 01:14:33,902 Hoe zouden we weer onze geschiedenis? 1572 01:14:33,902 --> 01:14:36,312 >> PUBLIEK: Vermoedelijk chronologisch. 1573 01:14:36,312 --> 01:14:37,920 >> JASON HIRSCHHORN: Vermoedelijk chronologisch - 1574 01:14:37,920 --> 01:14:39,400 wat vraag denk je dat we zouden gebruiken? 1575 01:14:39,400 --> 01:14:40,675 >> PUBLIEK: Een select. 1576 01:14:40,675 --> 01:14:41,840 >> JASON HIRSCHHORN: Een select - 1577 01:14:41,840 --> 01:14:46,590 selecteer misschien alle rijen uit die tabel die overeenkomen met de gebruikers-ID en vervolgens 1578 01:14:46,590 --> 01:14:49,510 geeft ze chronologisch, klinkt goed. 1579 01:14:49,510 --> 01:14:52,590 Moeten we code schrijven om sorteren door die lijst? 1580 01:14:52,590 --> 01:14:55,084 >> PUBLIEK: Nee, omdat je verteld ons is er een opgaande 1581 01:14:55,084 --> 01:14:57,320 en aflopende zaak. 1582 01:14:57,320 --> 01:14:58,230 >> JASON HIRSCHHORN: Thing? 1583 01:14:58,230 --> 01:14:59,190 >> PUBLIEK: Ja. 1584 01:14:59,190 --> 01:15:01,270 >> JASON HIRSCHHORN: Yeah. 1585 01:15:01,270 --> 01:15:09,300 OK, niet inschakelen in de code voor mij, dat handmatig sorteert door uw vragen, 1586 01:15:09,300 --> 01:15:09,820 te sorteren. 1587 01:15:09,820 --> 01:15:12,480 Die code is al gegeven. 1588 01:15:12,480 --> 01:15:15,310 U kunt een Select-query schrijven dat sorteert dingen. 1589 01:15:15,310 --> 01:15:18,900 Sorteer ze op voorhand en dan print ze uit. 1590 01:15:18,900 --> 01:15:22,070 Het maakt zo veel meer zin te doen het op die manier, dan andersom. 1591 01:15:22,070 --> 01:15:22,375 Ja. 1592 01:15:22,375 --> 01:15:23,925 >> PUBLIEK: Moeten we sorteer ze op voorhand? 1593 01:15:23,925 --> 01:15:25,976 Betekent dat u sorteren ze in de database? 1594 01:15:25,976 --> 01:15:30,510 >> JASON HIRSCHHORN: De Select-query retourneert deze naar u gesorteerd. 1595 01:15:30,510 --> 01:15:34,990 Dus dat doen, in plaats van ze alleen maar bij u terug in een willekeurige volgorde en 1596 01:15:34,990 --> 01:15:36,150 vervolgens te sorteren ze zelf. 1597 01:15:36,150 --> 01:15:36,405 Yeah. 1598 01:15:36,405 --> 01:15:39,925 >> PUBLIEK: Is er een manier om het te houden gesorteerd in de database zelf, zodat 1599 01:15:39,925 --> 01:15:41,355 je hoeft niet te sorteren het elke keer dat u - 1600 01:15:41,355 --> 01:15:43,065 >> Publiek: Kunt u het invoegen gesorteerde? 1601 01:15:43,065 --> 01:15:45,740 >> JASON HIRSCHHORN: Vraag - 1602 01:15:45,740 --> 01:15:49,796 doet het er toe dat de dingen gesorteerd in database? 1603 01:15:49,796 --> 01:15:50,700 >> PUBLIEK: Nee 1604 01:15:50,700 --> 01:15:52,240 >> JASON HIRSCHHORN: Nou, ze worden gesorteerd. 1605 01:15:52,240 --> 01:15:53,100 Ze zijn chronologisch gesorteerd. 1606 01:15:53,100 --> 01:15:55,060 Maar laten we aannemen dat de dingen zijn gesorteerd 1607 01:15:55,060 --> 01:15:57,640 chronologisch, van boven naar beneden. 1608 01:15:57,640 --> 01:15:58,930 We hebben een Google formulier. 1609 01:15:58,930 --> 01:16:01,400 Wanneer iemand reageert op onze Google vormen, het wordt gebracht in de 1610 01:16:01,400 --> 01:16:02,480 onderkant van die tabel. 1611 01:16:02,480 --> 01:16:07,318 Maakt het uit dat de dingen niet chronologisch gesorteerd? 1612 01:16:07,318 --> 01:16:11,290 >> PUBLIEK: Als het niet chronologisch, hoef je niet te sorteren elke keer 1613 01:16:11,290 --> 01:16:12,920 je info nemen. 1614 01:16:12,920 --> 01:16:16,730 Maar als het al gesorteerd, kunt u niet niet te doen dat aanvullende 1615 01:16:16,730 --> 01:16:17,570 functie aan te roepen? 1616 01:16:17,570 --> 01:16:20,690 >> JASON HIRSCHHORN: Dus dat is eigenlijk een goed punt. 1617 01:16:20,690 --> 01:16:23,690 Voor ons als programmeurs, het zou van belang. 1618 01:16:23,690 --> 01:16:26,190 En we zouden willen om een ​​database te vinden dat niet de dingen te sorteren 1619 01:16:26,190 --> 01:16:26,900 chronologisch. 1620 01:16:26,900 --> 01:16:30,100 Of het opzetten van onze database, dus het houdt dingen gesorteerd per gebruiker ID. 1621 01:16:30,100 --> 01:16:34,060 >> Zodat op die manier, zeg, we hebben 1000 gebruikers-ID's. 1622 01:16:34,060 --> 01:16:36,690 Of Facebook, we hebben miljoenen van gebruikers-ID's. 1623 01:16:36,690 --> 01:16:39,560 We willen niet dat onze tafel om gewoon willekeurige of onze database willekeurig. 1624 01:16:39,560 --> 01:16:41,630 Het zou mooi zijn als alle gebruikers-ID's werden gesorteerd. 1625 01:16:41,630 --> 01:16:46,020 Dus dan kunnen we binaire zoekopdrachten uitvoeren op onze tafel en dan gewoon de 1626 01:16:46,020 --> 01:16:47,050 specifieke brok. 1627 01:16:47,050 --> 01:16:50,640 >> Zo ja, afhankelijk - als we opgeschaald, we zouden willen om een ​​database te vinden 1628 01:16:50,640 --> 01:16:53,370 dat hield dingen gesorteerd in een andere manier, zodat deze query 1629 01:16:53,370 --> 01:16:54,140 zou minder tijd in beslag nemen. 1630 01:16:54,140 --> 01:16:56,820 En we hoefden niet te gaan via onze hele database in elke rij in 1631 01:16:56,820 --> 01:16:58,260 een gegeven tabel. 1632 01:16:58,260 --> 01:17:01,640 Maar het niveau werken we op, we geen zorgen te maken over het houden van 1633 01:17:01,640 --> 01:17:02,270 dingen gesorteerd. 1634 01:17:02,270 --> 01:17:06,100 We kunnen aannemen dat de tijd die nodig die vraag te lopen gaat worden 1635 01:17:06,100 --> 01:17:08,910 verwaarloosbaar, gezien wat we te maken hebben. 1636 01:17:08,910 --> 01:17:13,550 Maar ja, geweldig idee - zoals we opschalen, is het misschien zinvol om het ontwerp van onze 1637 01:17:13,550 --> 01:17:15,390 database een beetje een andere manier. 1638 01:17:15,390 --> 01:17:18,520 >> Een laatste database-ontwerp wat ik wil zo goed te noemen, omdat u 1639 01:17:18,520 --> 01:17:22,660 worden ingedeeld, of liever scoorde, op het ontwerp van de database. 1640 01:17:22,660 --> 01:17:24,160 We spraken over dit. 1641 01:17:24,160 --> 01:17:27,490 Cash is uniek voor elke gebruiker. 1642 01:17:27,490 --> 01:17:30,820 Dus je hebt een tabel met de naam contanten kreeg dat heeft zijn gebruikers-ID en het bedrag van 1643 01:17:30,820 --> 01:17:33,370 contanten en vervolgens een tabel met de naam gebruikers die hun gebruiker 1644 01:17:33,370 --> 01:17:34,810 ID en hun gebruikersnaam. 1645 01:17:34,810 --> 01:17:37,390 >> Deze tabellen kaart op elke andere een-op-een. 1646 01:17:37,390 --> 01:17:39,520 Het waarschijnlijk zinvol voor ze een tafel. 1647 01:17:39,520 --> 01:17:42,750 1648 01:17:42,750 --> 01:17:44,830 Dus laten we aannemen dat u een gebruiker tabel die bijhoudt van houdt 1649 01:17:44,830 --> 01:17:46,220 gebruikersnamen en contant geld. 1650 01:17:46,220 --> 01:17:49,960 Je hebt nu een tabel die heeft de voorraden een individu bezit. 1651 01:17:49,960 --> 01:17:52,130 >> En een individuele eigenaar zou zijn meer dan een voorraad. 1652 01:17:52,130 --> 01:17:54,900 Zodat deze niet in kaart op elkaar een-op-een. 1653 01:17:54,900 --> 01:18:00,140 Het heeft geen zin om een ​​gigantische hebben tabel dat 30 dossiers heeft dat 1654 01:18:00,140 --> 01:18:02,960 alles herhalen een gebruikersnaam, dat alle herhalen van een wachtwoord, dat alle 1655 01:18:02,960 --> 01:18:04,680 herhalen een aantal van contant geld. 1656 01:18:04,680 --> 01:18:08,360 Maar elk heeft misschien een andere voorraad naam of een andere koers. 1657 01:18:08,360 --> 01:18:11,310 >> Het heeft geen zin te hebben dat veel grote platen. 1658 01:18:11,310 --> 01:18:14,880 Wees slim over wanneer u deze creëren databases, zodat u niet te doen 1659 01:18:14,880 --> 01:18:20,050 iets dwaas als dat, herhalen veel onnodige informatie. 1660 01:18:20,050 --> 01:18:20,570 >> OK. 1661 01:18:20,570 --> 01:18:22,570 We hebben twee minuten over. 1662 01:18:22,570 --> 01:18:26,580 Mensen buiten zijn enthousiast om mee te doen ons of waarschijnlijk, vermoedelijk, 1663 01:18:26,580 --> 01:18:27,650 beginnen hun eigen klasse. 1664 01:18:27,650 --> 01:18:30,110 Heeft iemand enig vragen voordat we eindigen? 1665 01:18:30,110 --> 01:18:35,520 1666 01:18:35,520 --> 01:18:38,620 >> OK, dit was inderdaad een wervelwind door alles heen. 1667 01:18:38,620 --> 01:18:43,510 Ik verontschuldig me dat het moest dus snel zijn en dat we konden niet zo hands-on 1668 01:18:43,510 --> 01:18:46,640 deze week als ik zou hebben graag zijn geweest. 1669 01:18:46,640 --> 01:18:50,610 Maar als je vragen hebt over alles wat we daarover gaan of iets in 1670 01:18:50,610 --> 01:18:52,090 dit probleem set - 1671 01:18:52,090 --> 01:18:54,900 Ervan uitgaande u het hebt gelezen en zet in een goed vertrouwen inspanning - 1672 01:18:54,900 --> 01:18:57,920 voel je vrij om me te mailen of contact met mij op. 1673 01:18:57,920 --> 01:19:00,960 Ik ben meer dan gelukkig om door te werken uw code met u of beantwoorden 1674 01:19:00,960 --> 01:19:02,330 vragen die je hebt. 1675 01:19:02,330 --> 01:19:06,160 >> Houd in gedachten dat, deze week, veel uw tijd zal worden besteed aan het leren van de 1676 01:19:06,160 --> 01:19:10,730 nieuwe syntaxis en proberen te begrijpen hoe om SQL queries of PHP te schrijven 1677 01:19:10,730 --> 01:19:14,280 functies of omgaan met een MVC framework. 1678 01:19:14,280 --> 01:19:17,290 Een groot deel van uw tijd deze week waarschijnlijk zal niet proberen te achterhalen van de 1679 01:19:17,290 --> 01:19:19,380 gekke logica dat we waarin u wordt gevraagd te doen. 1680 01:19:19,380 --> 01:19:23,820 Een groot deel daarvan gingen we net over is relatief eenvoudig. 1681 01:19:23,820 --> 01:19:25,790 >> Dus dat betekent niet wachten tot de laatste minuut. 1682 01:19:25,790 --> 01:19:29,710 Maar het betekent wel instellen hoe je je dienovereenkomstig te werken, om ervoor te zorgen 1683 01:19:29,710 --> 01:19:30,970 je begrip en het leren van de syntaxis. 1684 01:19:30,970 --> 01:19:33,640 Dus je bent niet, alle van een plotselinge, wetende precies wat je wilt doen, 1685 01:19:33,640 --> 01:19:37,200 maar geen idee hoe te precies schrijven. 1686 01:19:37,200 --> 01:19:38,450 OK, ik zie je volgende week. 1687 01:19:38,450 --> 01:19:40,438