1 00:00:00,000 --> 00:00:08,070 2 00:00:08,070 --> 00:00:10,430 >> R.J. AQUINO: Řekněme začít. 3 00:00:10,430 --> 00:00:12,310 Tak to je kvíz 1. 4 00:00:12,310 --> 00:00:14,890 Zde jsou některé informace na vysoké úrovni. 5 00:00:14,890 --> 00:00:19,915 O stránka pro kvízu je to URL, již CS50.net, i když to 6 00:00:19,915 --> 00:00:21,080 bude i nadále fungovat. 7 00:00:21,080 --> 00:00:26,920 Je to CS50.harvard.edu/quizzes/2013/1. 8 00:00:26,920 --> 00:00:31,070 Je to velký O stránce, říkám kde a kdy, a to příští středu 9 00:00:31,070 --> 00:00:32,100 V banda pokojů. 10 00:00:32,100 --> 00:00:36,120 A příští středu, jsem znamená, za dva dny teď. 11 00:00:36,120 --> 00:00:37,890 Všechny tyto informace jsou zde. 12 00:00:37,890 --> 00:00:39,110 Ale to je kumulativní. 13 00:00:39,110 --> 00:00:43,790 >> Takže všechno z první poloviny rok je potenciálně v kvízu, 14 00:00:43,790 --> 00:00:50,780 protože nemůžete opravdu pokročilé věci C bez jestliže podmínky a 15 00:00:50,780 --> 00:00:51,920 pro smyčky a podobně. 16 00:00:51,920 --> 00:00:55,580 Ale tam bude kladen důraz na materiál pokrytý od Quiz 0, 17 00:00:55,580 --> 00:00:59,570 počínaje struktur a souboru I / O. Je to typicky více 18 00:00:59,570 --> 00:01:01,620 náročnější než Quiz 0. 19 00:01:01,620 --> 00:01:03,870 Průměrné skóre je obvykle nižší. 20 00:01:03,870 --> 00:01:05,980 Pilně studovat. 21 00:01:05,980 --> 00:01:09,340 >> I když jste studoval, ujistěte se, že používáte CS50/discuss psát své dotazy 22 00:01:09,340 --> 00:01:10,830 a přečíst dotazy jiných lidí. 23 00:01:10,830 --> 00:01:13,550 Takže pokud nemáte žádné otázky, přihlásit a číst 24 00:01:13,550 --> 00:01:14,580 otázek vašich přátel. 25 00:01:14,580 --> 00:01:16,560 Jsou to pravděpodobně dobré otázky. 26 00:01:16,560 --> 00:01:17,730 A vzít praxe kvízy. 27 00:01:17,730 --> 00:01:20,750 Byli jsme dávat kvízy pro nyní sedm nebo osm roky. 28 00:01:20,750 --> 00:01:22,180 Jsou to všichni on-line. 29 00:01:22,180 --> 00:01:25,540 Budoucí otázky jsou podobné na staré otázky. 30 00:01:25,540 --> 00:01:26,550 To je, jak jsme se udělat z nich. 31 00:01:26,550 --> 00:01:27,740 >> Kvíz ještě neexistuje. 32 00:01:27,740 --> 00:01:28,670 Nikdo z nás to viděl. 33 00:01:28,670 --> 00:01:32,496 Ale to bude vypadat předchozí kvízy. 34 00:01:32,496 --> 00:01:36,500 Z tohoto přezkoumání relaci, to není vyčerpávající seznam témat. 35 00:01:36,500 --> 00:01:40,740 Nemůžete jen zúčastnit této a poté být dokonale připraven na kvíz. 36 00:01:40,740 --> 00:01:43,330 V opačném případě by to nemělo být že velká část kvízu. 37 00:01:43,330 --> 00:01:46,270 A to je také nemusí být nutně vše, co potřebujete vědět o všech 38 00:01:46,270 --> 00:01:46,970 vzhledem k tématu. 39 00:01:46,970 --> 00:01:50,520 Je určen pro vás vystavit věci Probrali jsme, vás upozorní na to, co jsme 40 00:01:50,520 --> 00:01:53,070 vztahuje, a způsob, které se vztahuje. 41 00:01:53,070 --> 00:01:57,030 Ale budete muset jít ještě dále a hlouběji, když budete studovat na double-check 42 00:01:57,030 --> 00:02:00,230 že víte všechno o nějaký daný téma a že jste vyplnil 43 00:02:00,230 --> 00:02:03,320 všechny rohy, které byly na které se vztahuje přednášce. 44 00:02:03,320 --> 00:02:07,980 >> Kvíz poznámky řekne, abyste šli do poznámky písař hodinky přednáška videa. 45 00:02:07,980 --> 00:02:10,155 To je dobrý způsob, jak se ujistit, že jste pokryty všechny své základny. 46 00:02:10,155 --> 00:02:12,670 47 00:02:12,670 --> 00:02:17,340 Takže, jak začít, když jsem to skluzavky, snažil jsem se dát, kde jsem zjistil, 48 00:02:17,340 --> 00:02:18,350 informace. 49 00:02:18,350 --> 00:02:22,890 Takže pro File I / O, například, týden 7, Pondělní přednáška, a zaslali 50 00:02:22,890 --> 00:02:27,960 § 6 a problém Set všichni mají Informace o souboru I / O. Udělal jsem 51 00:02:27,960 --> 00:02:28,840 u každého tématu. 52 00:02:28,840 --> 00:02:33,010 Takže ty titul skluzavky může být užitečné pro vás. 53 00:02:33,010 --> 00:02:38,950 >> Takže tady máme File I / O. Pamatujte si, že v Problém Set 5, použili jsme fopen, fclose, 54 00:02:38,950 --> 00:02:41,210 fwrite, fread, a fseek. 55 00:02:41,210 --> 00:02:48,090 Po obnovení 30ish JPEG a co zmenšeny a zmatený s 56 00:02:48,090 --> 00:02:50,320 bitmapy, měli byste být docela obeznámeni s těmito funkcemi 57 00:02:50,320 --> 00:02:51,830 a jak fungují. 58 00:02:51,830 --> 00:02:54,420 Pokud jste již obeznámeni, určitě zkontrolovat je. 59 00:02:54,420 --> 00:02:56,860 A ujistěte se, že jste pochopili, co různé argumenty, 60 00:02:56,860 --> 00:02:58,260 když jsou používány. 61 00:02:58,260 --> 00:03:03,620 >> Ale běžné chyby souboru souvisejících můžete být požádáni o - 62 00:03:03,620 --> 00:03:07,270 No, pokud jste zapomněli zkontrolovat, zda fopen skutečně pracoval předtím, než jdete 63 00:03:07,270 --> 00:03:08,350 upravit soubor. 64 00:03:08,350 --> 00:03:09,760 To by mohlo být špatné. 65 00:03:09,760 --> 00:03:13,560 Pokud jste zapomněli fclose soubor že jste fopened, to je podobné 66 00:03:13,560 --> 00:03:14,400 nevracení paměti. 67 00:03:14,400 --> 00:03:15,980 To je dost špatný. 68 00:03:15,980 --> 00:03:18,670 A zapomněl zkontrolovat, zda jste došli na konec souboru před vámi 69 00:03:18,670 --> 00:03:19,790 začněte psát k ní. 70 00:03:19,790 --> 00:03:22,320 >> Takže, pokud řekneš, hej, já jsem na konec souboru. 71 00:03:22,320 --> 00:03:23,750 Dej mi 5 více bajtů. 72 00:03:23,750 --> 00:03:27,370 No, to asi nebude pracovat tak, jak očekáváte. 73 00:03:27,370 --> 00:03:30,930 To je opravdu to pro File I / O, protože jsme tak hodně z toho 74 00:03:30,930 --> 00:03:32,300 se problém nastavit. 75 00:03:32,300 --> 00:03:36,000 Takže pokud jste pochopil, co se děje v problému Sada 5, pamatovat bitmats 76 00:03:36,000 --> 00:03:40,090 a JPEG, pak jste pravděpodobně všechny sada pro soubor I / O. Pokud je to trochu 77 00:03:40,090 --> 00:03:44,770 nejasný, určitě přečíst tento problém nastavit a související materiál. 78 00:03:44,770 --> 00:03:51,110 >> Struktury byly tématem, které byly na Hranice mezi Quiz 0 a 1 Quiz. 79 00:03:51,110 --> 00:03:53,090 Ne zcela provést řez pro Quiz 0. 80 00:03:53,090 --> 00:03:57,040 Takže určitě se na Quiz 1, 7. týden, v pondělí. 81 00:03:57,040 --> 00:03:58,150 Co je struct? 82 00:03:58,150 --> 00:04:00,250 Zde vám ukážeme struct. 83 00:04:00,250 --> 00:04:03,140 Je to jako nového typu. 84 00:04:03,140 --> 00:04:07,940 Je to jako kontejner pro více polí. 85 00:04:07,940 --> 00:04:12,970 >> V tomto případě jsme prohlášen struct student, který má dvě pole - 86 00:04:12,970 --> 00:04:17,750 řetězec, který jsme volat jména a int, že voláte věku. 87 00:04:17,750 --> 00:04:21,450 Takže když jsem se projít kolem studentů nebo I změnit studentů, budu moci 88 00:04:21,450 --> 00:04:24,430 přístup k jejich jména a jejich věk. 89 00:04:24,430 --> 00:04:26,670 Pojďme se podívat na některé kódu, který. 90 00:04:26,670 --> 00:04:29,090 Zde vidíme, že jsem prohlásil, student s, stejně jako 91 00:04:29,090 --> 00:04:30,300 Prohlašuji, všechny proměnné - 92 00:04:30,300 --> 00:04:32,430 int x, int y, et cetera. 93 00:04:32,430 --> 00:04:34,180 >> Zde je studentka s. 94 00:04:34,180 --> 00:04:37,370 Začne se nic v jeho poli. 95 00:04:37,370 --> 00:04:38,240 Takže pojďme nastavit je. 96 00:04:38,240 --> 00:04:40,681 Můžete nastavit pole struct s tečkou. 97 00:04:40,681 --> 00:04:43,780 Tak jsem řekl, tady to s.name = RJ. 98 00:04:43,780 --> 00:04:46,470 A s.age = 21. 99 00:04:46,470 --> 00:04:48,500 Můžete také aktualizovat pole Stejným způsobem byste aktualizovat 100 00:04:48,500 --> 00:04:49,550 hodnota proměnné. 101 00:04:49,550 --> 00:04:53,270 Tak jsem chtěl změnit své jméno z RJ se žádné období do R.J. hláskoval 102 00:04:53,270 --> 00:04:54,540 správná cesta. 103 00:04:54,540 --> 00:04:58,890 Bylo by s.name = RJ, stejný jak to řekl původně. 104 00:04:58,890 --> 00:05:00,030 A pak je můžete otevřít. 105 00:05:00,030 --> 00:05:00,930 >> Takže jsme je nastavit. 106 00:05:00,930 --> 00:05:01,840 Aktualizovali jsme je. 107 00:05:01,840 --> 00:05:03,890 Můžete také přístup k nim ve velmi stejným způsobem. 108 00:05:03,890 --> 00:05:09,330 Tak tady jsem vytisknout R.J. Je 21 let. 109 00:05:09,330 --> 00:05:14,700 A já přístupu těchto hodnot s s.name a s.age. 110 00:05:14,700 --> 00:05:17,040 Tak to je přístup structs s tečkové notaci. 111 00:05:17,040 --> 00:05:17,850 Jo, otázka? 112 00:05:17,850 --> 00:05:21,176 >> DIVÁKŮ: Je tu důvod, proč na předchozí snímek, který jste dal 113 00:05:21,176 --> 00:05:24,848 student na horním řádku, jako typedef struct student a poté 114 00:05:24,848 --> 00:05:25,840 student na konci? 115 00:05:25,840 --> 00:05:29,040 >> R.J. AQUINO: Takže otázka je, na Tento snímek, jsme obvykle vidět 116 00:05:29,040 --> 00:05:32,400 typedef struct uzel a pak pole struct a 117 00:05:32,400 --> 00:05:34,250 pak uzel slovo. 118 00:05:34,250 --> 00:05:37,790 A jak to, že tady jsem neřekl, typedef struct student a poté 119 00:05:37,790 --> 00:05:39,820 pole struct a poté studenta? 120 00:05:39,820 --> 00:05:44,310 Důvodem je, že nemusíte přistupovat uvnitř struct. 121 00:05:44,310 --> 00:05:46,270 Takže je to v pořádku nechat beze jména. 122 00:05:46,270 --> 00:05:49,210 Nemohu jen tak odejít jako anonymní struct. 123 00:05:49,210 --> 00:05:53,130 >> Důvod, proč jsme to pro spojových seznamů a věci je, že uvnitř budete potřebovat 124 00:05:53,130 --> 00:05:55,360 odkazovat struct uzly hvězdu. 125 00:05:55,360 --> 00:05:58,220 Takže struct musí mít název, takže můžete přistupovat později. 126 00:05:58,220 --> 00:05:59,540 Je to maličkost. 127 00:05:59,540 --> 00:06:04,750 Ale budete obvykle vidět typedef struct složené závorky, pokud nepotřebujete 128 00:06:04,750 --> 00:06:08,720 Název a typedef struct některé název následuje ve složených závorkách, pokud bude 129 00:06:08,720 --> 00:06:09,520 Potřebuji jméno. 130 00:06:09,520 --> 00:06:12,070 Tak to je dobrá otázka. 131 00:06:12,070 --> 00:06:17,000 >> A v tomto bodě, máme tendenci měnit structs a projít kolem structs podle 132 00:06:17,000 --> 00:06:18,680 reference, nikoli podle hodnoty. 133 00:06:18,680 --> 00:06:21,940 Takže jsme si jen projít kolem odkazy na structs místo kolem dokola 134 00:06:21,940 --> 00:06:23,150 struktur sami. 135 00:06:23,150 --> 00:06:28,050 Takže velmi často bude použití, v tomto případě, student, * nebo 136 00:06:28,050 --> 00:06:34,150 uzel struct * nebo uzel * místo se studenty nebo uzlů. 137 00:06:34,150 --> 00:06:39,350 Tak tady jsem řekl, OK, proměnná ptr bude adresa s.. 138 00:06:39,350 --> 00:06:45,570 Bude to být ukazatel studentovi R. J. 139 00:06:45,570 --> 00:06:48,965 >> Takže se můžeme dostat na ty oblasti, stejně jako my dostat nic. 140 00:06:48,965 --> 00:06:51,460 Za prvé, číslo odkazu ukazatel dostat struct. 141 00:06:51,460 --> 00:06:55,530 To je * ptr, a pak tečka a pak věku. 142 00:06:55,530 --> 00:06:58,790 Takže pro přístup k poli, a já jsem aktualizovat je nyní až 22, z důvodu, pojďme 143 00:06:58,790 --> 00:07:00,860 řekněme, že to byla moje narozeniny. 144 00:07:00,860 --> 00:07:03,990 K dispozici je syntaxe zkratky pomocí šipky tady. 145 00:07:03,990 --> 00:07:07,060 Takže ptr šipka věk je jen stejně jako * ptr.age. 146 00:07:07,060 --> 00:07:10,150 147 00:07:10,150 --> 00:07:11,550 Nyní, to je něco, co budete mít zapamatovat a pamatovat si. 148 00:07:11,550 --> 00:07:15,010 >> Použili jste to hodně pset6, pravopisu pset. 149 00:07:15,010 --> 00:07:18,350 Ale to je vlastně to, co se děje na pod kapotou. 150 00:07:18,350 --> 00:07:20,500 Je to dereferencing ukazatel a pak ho přístupu. 151 00:07:20,500 --> 00:07:21,432 Otázka? 152 00:07:21,432 --> 00:07:22,682 >> DIVÁKŮ: [neslyšitelné]. 153 00:07:22,682 --> 00:07:25,860 154 00:07:25,860 --> 00:07:28,060 >> R.J. AQUINO: Tak proč jsme pomocí ukazatele jako struktur místo 155 00:07:28,060 --> 00:07:29,500 struktur sami? 156 00:07:29,500 --> 00:07:33,740 Důvodem by bylo, kdyby jste kolem struct funkci, budete pravděpodobně 157 00:07:33,740 --> 00:07:36,900 chcete projít kolem jen 4 nebo tak bajtů, které představují ukazatele, jako 158 00:07:36,900 --> 00:07:40,375 Na rozdíl od potenciálně 30 nebo 40 bajtů, které jsou struct. 159 00:07:40,375 --> 00:07:44,410 Takže kolem něco na funkci je jednodušší, když to 160 00:07:44,410 --> 00:07:48,230 je menší krátká. 161 00:07:48,230 --> 00:07:49,074 Otázka? 162 00:07:49,074 --> 00:07:53,026 >> DIVÁKŮ: Možná jste zmínil na začátku, ale jsou tam 163 00:07:53,026 --> 00:07:56,000 další snímky až na [neslyšitelný]? 164 00:07:56,000 --> 00:07:58,960 >> R.J. AQUINO: Tyto snímky budou po zasedání přezkoumání. 165 00:07:58,960 --> 00:08:00,210 Budeme je zveřejňovat na internetových stránkách. 166 00:08:00,210 --> 00:08:02,450 167 00:08:02,450 --> 00:08:06,870 Tak pohybující se a pohybující se mírně rychleji, budeme mluvit o údajích 168 00:08:06,870 --> 00:08:07,350 struktury. 169 00:08:07,350 --> 00:08:08,040 Existuje spousta. 170 00:08:08,040 --> 00:08:10,080 Zabývali jsme spoustu z nich. 171 00:08:10,080 --> 00:08:12,500 Zde je to, co byste měli pochopit, o datové struktuře. 172 00:08:12,500 --> 00:08:15,590 >> Měli byste opravdu pochopit, na vysoké úrovni to, co každá struktura je. 173 00:08:15,590 --> 00:08:21,190 Můžete mi vysvětlit, v angličtině do svého přítel, který nepřijal CS50, jak 174 00:08:21,190 --> 00:08:25,580 budeme organizovat naše data a proč my bychom používat něco tímto způsobem? 175 00:08:25,580 --> 00:08:26,990 To je věc jedna. 176 00:08:26,990 --> 00:08:29,650 Thing dva, pochopit, realizace. 177 00:08:29,650 --> 00:08:34,270 Tak, jak používat tyto věci v C. A půjdeme na to. 178 00:08:34,270 --> 00:08:39,030 >> A potom, co tři by vědět, běh lhůty a omezení 179 00:08:39,030 --> 00:08:40,470 různé struktury, které používáte. 180 00:08:40,470 --> 00:08:44,059 Takže chápu, proč byste použít hash tabulky namísto pole. 181 00:08:44,059 --> 00:08:49,570 Vědět, jak rychle, v průměru, přístup hash tabulky je. 182 00:08:49,570 --> 00:08:54,010 Pochopit, jaké operace jsou rychlé na spojový seznam, ale pomalu na polích a 183 00:08:54,010 --> 00:08:56,080 vice versa. 184 00:08:56,080 --> 00:08:59,780 Tak, aby pochopili, že budete muset pochopit, Big-O notace jen vědět, 185 00:08:59,780 --> 00:09:01,310 jak mluvit o nich druhy věcí. 186 00:09:01,310 --> 00:09:02,700 A budeme o tom mluvit. 187 00:09:02,700 --> 00:09:06,040 >> Takže první věc, souvisí seznamy. 188 00:09:06,040 --> 00:09:07,770 Zde je na vysoké úrovni obrázek propojeného seznamu. 189 00:09:07,770 --> 00:09:08,830 Ukážeme to ve třídě. 190 00:09:08,830 --> 00:09:11,670 Máme obvykle mají 10 lidí stojící na jevišti. 191 00:09:11,670 --> 00:09:16,790 Ale máme řadu uzlů, kde každý uzel má určitou hodnotu a ukazatel 192 00:09:16,790 --> 00:09:18,610 jeho další hodnotu. 193 00:09:18,610 --> 00:09:21,730 Takže se dostat z jednoho uzlu do druhého, můžete jen říct, dej mi další uzel. 194 00:09:21,730 --> 00:09:22,530 Máte tento uzel. 195 00:09:22,530 --> 00:09:23,770 Dej mi další uzel. 196 00:09:23,770 --> 00:09:24,400 Máte tento uzel. 197 00:09:24,400 --> 00:09:28,790 Dej mi další uzel a tak dále dokud je uzel není vlevo. 198 00:09:28,790 --> 00:09:31,850 >> Takže i nadále mluvit o tom, je na vysoké úrovni. 199 00:09:31,850 --> 00:09:34,100 Je to velmi snadné vložit věci do propojeného seznamu. 200 00:09:34,100 --> 00:09:36,010 Pokud se nechcete starat o pořadí, stačí navštívit 201 00:09:36,010 --> 00:09:36,840 hned na začátku. 202 00:09:36,840 --> 00:09:38,520 To je časová konstanta. 203 00:09:38,520 --> 00:09:39,900 Ale je to těžké najít hodnotu. 204 00:09:39,900 --> 00:09:43,060 Pokud se snažíte požádat, je sedm v mém seznamu? 205 00:09:43,060 --> 00:09:44,740 Musíte projít každý jediná hodnota. 206 00:09:44,740 --> 00:09:45,680 Je to sedm? 207 00:09:45,680 --> 00:09:46,610 Je to sedm? 208 00:09:46,610 --> 00:09:47,770 Je to sedm? 209 00:09:47,770 --> 00:09:48,690 Je to sedm? 210 00:09:48,690 --> 00:09:49,830 Znovu a znovu. 211 00:09:49,830 --> 00:09:51,520 A to je O (n). 212 00:09:51,520 --> 00:09:53,800 Takže při studiu na kvíz, porovnat to s poli. 213 00:09:53,800 --> 00:09:57,010 214 00:09:57,010 --> 00:09:58,220 >> Je to v pořádku? 215 00:09:58,220 --> 00:09:59,220 Světla se dim. 216 00:09:59,220 --> 00:10:01,110 OK. 217 00:10:01,110 --> 00:10:02,400 Pokud je propojený seznam lepší? 218 00:10:02,400 --> 00:10:04,640 Když je pole lepší? 219 00:10:04,640 --> 00:10:06,670 Takže pojďme se podívat na některé kódu. 220 00:10:06,670 --> 00:10:08,960 Zde je potenciál uzlu. 221 00:10:08,960 --> 00:10:09,770 Je to struct. 222 00:10:09,770 --> 00:10:12,220 Má int n, který bude naše hodnoty. 223 00:10:12,220 --> 00:10:17,780 A to je uzel struct * další, které je náš ukazatel na další uzel. 224 00:10:17,780 --> 00:10:23,040 Takže zde můžeme vidět, že jsme se stalo aby dali int v našem uzlu. 225 00:10:23,040 --> 00:10:27,850 Ale kdyby to bylo spojeno seznam char hvězdy nebo spojový seznam plováků, jsme 226 00:10:27,850 --> 00:10:28,820 úplně to mohl udělat taky. 227 00:10:28,820 --> 00:10:33,110 >> Zapamatovat si mě na pset6, pravděpodobně jste měl spojový seznam char hvězd nebo jen 228 00:10:33,110 --> 00:10:34,360 statické char pole. 229 00:10:34,360 --> 00:10:37,370 230 00:10:37,370 --> 00:10:39,040 Podívejme se zde na operaci. 231 00:10:39,040 --> 00:10:43,570 Takže chceme vložit nový n do našeho propojeného seznamu. 232 00:10:43,570 --> 00:10:48,940 Začneme s hlavou ukazatel, který je ukazatel na tento uzel, který má 233 00:10:48,940 --> 00:10:53,460 hodnota n a další o ukazatel, který poukazuje na tento uzel je hodnota 234 00:10:53,460 --> 00:10:57,760 n, a další z null, protože je to poslední uzel. 235 00:10:57,760 --> 00:11:00,440 Takže v zájmu času, budu dát všechny kódu na obrazovce. 236 00:11:00,440 --> 00:11:03,130 A budeme chodit přes něj pár řádků najednou. 237 00:11:03,130 --> 00:11:05,790 >> Tak tady je kód. 238 00:11:05,790 --> 00:11:07,560 Doufám, že je to čitelné. 239 00:11:07,560 --> 00:11:11,275 První věc, kterou děláme, je jsme malloc nový uzel. 240 00:11:11,275 --> 00:11:15,105 Tak to je ukazatel na nový uzel, který není zcela nic nastavit 241 00:11:15,105 --> 00:11:16,450 se v něm ještě. 242 00:11:16,450 --> 00:11:19,580 Zkontrolujte jsme, aby se ujistil, že nový uzel není null. 243 00:11:19,580 --> 00:11:22,220 V opačném případě se musíme vzdát. 244 00:11:22,220 --> 00:11:27,680 Takže, co se ujistíte, že jsme teď nastavit hodnoty v uzlu. 245 00:11:27,680 --> 00:11:31,520 Takže jsme dali nový n do našeho n pole. 246 00:11:31,520 --> 00:11:36,050 A jsme si stanovili další ukazatele poukazují na původní hlava, takže můžeme 247 00:11:36,050 --> 00:11:38,900 Nyní se vkládá tento uzlu do našeho seznamu. 248 00:11:38,900 --> 00:11:44,600 >> Nakonec, máme globální bod hlavy na našem novém uzlu, takže pokud bychom měli 249 00:11:44,600 --> 00:11:50,300 začíná na hlavě, by měli být v tomto nový první uzel místo 250 00:11:50,300 --> 00:11:51,560 starý první uzel. 251 00:11:51,560 --> 00:11:55,320 A když se tato funkce ukončí, variabilní nový uzel neexistuje, 252 00:11:55,320 --> 00:11:57,130 , protože to byl místní funkce. 253 00:11:57,130 --> 00:11:59,770 Tak tohle je stav světa. 254 00:11:59,770 --> 00:12:03,570 Naše globální hlava ukazuje na naše nové První uzel, který ukazuje na naši 255 00:12:03,570 --> 00:12:06,346 Originální první uzel, který body k uzlu po tom. 256 00:12:06,346 --> 00:12:09,790 >> To bylo vložení. 257 00:12:09,790 --> 00:12:12,150 Doufám, že se poměrně jednoduché následovat. 258 00:12:12,150 --> 00:12:14,300 Pokud si nejste jisti, nakreslit obrázek. 259 00:12:14,300 --> 00:12:17,820 Tak jsem zjistil, že mluví o spojové seznamy a při pohledu na 260 00:12:17,820 --> 00:12:19,870 Kód je velmi nepomůže. 261 00:12:19,870 --> 00:12:23,790 Zatímco při pohledu na obraz souvisí Seznam umožňuje, abych si myslel, oh, tak 262 00:12:23,790 --> 00:12:24,970 Mám tento uzel zde. 263 00:12:24,970 --> 00:12:28,980 Ale když jsem aktualizovat tento ukazatel, to skončí odpojen. 264 00:12:28,980 --> 00:12:34,340 A já jsem zapomněl, kde Uzel jde. 265 00:12:34,340 --> 00:12:35,390 A kód ukončí. 266 00:12:35,390 --> 00:12:37,830 A budete mít více uzlů které jsou odpojeny. 267 00:12:37,830 --> 00:12:39,970 A nemusíte skončit s Seznam chcete. 268 00:12:39,970 --> 00:12:43,320 >> Takže pokud si nakreslit obrázek a udělat to krok za krokem, doufejme, uvidíte 269 00:12:43,320 --> 00:12:46,840 správný řád věcí, pokud jde o aktualizovat odkazy, aby se ujistil 270 00:12:46,840 --> 00:12:48,830 , že seznam je spolu. 271 00:12:48,830 --> 00:12:51,240 Insert je poměrně jednoduché. 272 00:12:51,240 --> 00:12:55,210 Složitější z nich bude vložení do tříděného seznamu. 273 00:12:55,210 --> 00:12:59,980 Složitější funkce je odstranit a najít, takže při pohledu přes seznamu do 274 00:12:59,980 --> 00:13:03,030 uvidíme, jestli něco je. 275 00:13:03,030 --> 00:13:07,220 Možná jste to udělal v pset6, když dostal do hash tabulky a jste řekl, 276 00:13:07,220 --> 00:13:10,460 dobře, je slovo jablko v mém Google seznamu? 277 00:13:10,460 --> 00:13:11,440 >> Takže jste již učinili. 278 00:13:11,440 --> 00:13:15,530 Ale určitě, osvěžit paměť a pokusit se reimplement find a 279 00:13:15,530 --> 00:13:19,150 reimplement odstranit pro spojový seznam. 280 00:13:19,150 --> 00:13:22,850 Fun straně poznámka, tam je také dvojnásobně-spojený seznamy, kde máte 281 00:13:22,850 --> 00:13:27,490 ukazatele, které ukazují dopředu i dozadu, takže můžete jít na 282 00:13:27,490 --> 00:13:29,270 další uzel a na předchozí uzel. 283 00:13:29,270 --> 00:13:33,860 A tam byla otázka, na minulý rok test tohoto typu, mluví 284 00:13:33,860 --> 00:13:36,190 o dvojitě vázané seznamy. 285 00:13:36,190 --> 00:13:40,070 >> Nyní, to je struktura, která jste poměrně obeznámeni s, protože většina 286 00:13:40,070 --> 00:13:42,520 z vás pravděpodobně použili na pset6. 287 00:13:42,520 --> 00:13:45,680 Tady je jeden, který je trochu méně známé. 288 00:13:45,680 --> 00:13:51,020 Jako vedlejší poznámku, myslím, že kvíz 1 je především těžší než kvíz 0, protože 289 00:13:51,020 --> 00:13:54,600 věci, co děláte, budete neudělali tolik. 290 00:13:54,600 --> 00:13:58,100 Chcete-li dát, že jinou cestu, pro Quiz 0, jste napsal spoustu C. A 291 00:13:58,100 --> 00:13:58,880 zeptal se vám o C. 292 00:13:58,880 --> 00:14:02,310 >> Pro Quiz 1, budeme se vás zeptat PHP a JavaScript, které 293 00:14:02,310 --> 00:14:03,490 nenapsal tolik. 294 00:14:03,490 --> 00:14:07,590 Chystáme se vás zeptat na C-kódu, které jste nenapsal tolik, 295 00:14:07,590 --> 00:14:09,130 Tento moderní C materiál. 296 00:14:09,130 --> 00:14:11,520 Tak určitě, cvičit co jsme mluví v přednášce, kterou 297 00:14:11,520 --> 00:14:15,260 nutně dělat na problém nastavit. 298 00:14:15,260 --> 00:14:17,870 >> Když o tom mluvíme, jste nenapsal zásobník na problém nastavit. 299 00:14:17,870 --> 00:14:19,610 Ale to bylo v přednášce. 300 00:14:19,610 --> 00:14:22,530 Zde je na vysoké úrovni obrázek komíny, které vám ukážeme každý rok. 301 00:14:22,530 --> 00:14:26,180 Je to hromada zásobníků v Mather jídelna. 302 00:14:26,180 --> 00:14:30,570 Na vysoké úrovni, komíny jsou poslední in, first out datové struktury. 303 00:14:30,570 --> 00:14:32,040 To znamená, že budete dát věci do - 304 00:14:32,040 --> 00:14:36,400 1, 3, 7, 12, 14, 0 negativní. 305 00:14:36,400 --> 00:14:39,180 Jedna věc, kterou jsem nemohl mít řečeno - negativní 3, 0. 306 00:14:39,180 --> 00:14:40,250 Můžete dát všechny tyto věci palců 307 00:14:40,250 --> 00:14:42,940 A poslední, kdo si dát v je první ten, který se chystá vyjít. 308 00:14:42,940 --> 00:14:44,170 >> Takže máte dvě operace - 309 00:14:44,170 --> 00:14:45,260 tlačit a pop. 310 00:14:45,260 --> 00:14:49,180 Všichni uvedení v tom, že jsem byl ukázal jako to je tlak. 311 00:14:49,180 --> 00:14:52,020 A pak, když jsem se dostat do chytit něco, nebo dostat na vrchol chytit 312 00:14:52,020 --> 00:14:53,940 něco, to je pop. 313 00:14:53,940 --> 00:14:55,540 Takže budeme realizovat komíny. 314 00:14:55,540 --> 00:14:57,870 A ukázal se jim v přednášce pomocí matice. 315 00:14:57,870 --> 00:14:59,550 Ale vy jste mohli dělat pomocí propojených seznamů. 316 00:14:59,550 --> 00:15:01,770 Stack je koncepční údajů struktura, ne jako 317 00:15:01,770 --> 00:15:03,760 jedno specifické pro implementaci. 318 00:15:03,760 --> 00:15:06,420 >> Takže to, co by to vypadat? 319 00:15:06,420 --> 00:15:07,970 To bude vypadat tak trochu jako to. 320 00:15:07,970 --> 00:15:10,840 Měl bys mít velikost celé číslo. 321 00:15:10,840 --> 00:15:16,000 A budeš mít celou řadu hodnot, které voláme zásobníky, protože to je 322 00:15:16,000 --> 00:15:18,570 co obraz byl pro us - int zásobníky - 323 00:15:18,570 --> 00:15:21,740 a pak některé maximální kapacita. 324 00:15:21,740 --> 00:15:27,100 Takže to, co by se tlačit vypadat? 325 00:15:27,100 --> 00:15:33,250 No, pokud máme zásobníku s, pak stiskněte něco na s, dostali bychom se 326 00:15:33,250 --> 00:15:34,620 velikost S. 327 00:15:34,620 --> 00:15:42,270 A že by se další otevřené místo našeho pole. 328 00:15:42,270 --> 00:15:50,510 Takže pokud máme v našem zásobníku tři věci, pak zásobníky 3 bude další 329 00:15:50,510 --> 00:15:54,290 otevřené místo, protože 0, 1, a 2 ar již naplněna. 330 00:15:54,290 --> 00:16:01,790 >> Takže jsme dali hodnotu do s.trays [s.size], třetí místo. 331 00:16:01,790 --> 00:16:06,290 A pak jsme se zvýšit s.size říci, hej, měli jsme před tři věci. 332 00:16:06,290 --> 00:16:07,400 Nyní máme čtyři. 333 00:16:07,400 --> 00:16:10,180 Takže až se příště budete tlačit, že jste dám něco do 4. 334 00:16:10,180 --> 00:16:15,560 Nebo se příště budete pop, budete podívat se na 3. místo 4 nebo cokoliv jiného. 335 00:16:15,560 --> 00:16:18,000 A pak se vrátíme pravda řekněme, hej, jsme uspěli. 336 00:16:18,000 --> 00:16:19,160 To fungovalo. 337 00:16:19,160 --> 00:16:22,060 Jako pravidlo, je-li funkce, která je Předpokládá se vrátí hodnotu true nebo 338 00:16:22,060 --> 00:16:26,370 false vždy vrací hodnotu true, můžete udělal něco špatného. 339 00:16:26,370 --> 00:16:28,350 Tak to funguje? 340 00:16:28,350 --> 00:16:32,400 >> No, to funguje na 1, a 2 a 3, a 4, a pět. 341 00:16:32,400 --> 00:16:34,640 Ale řekněme, že jsem se do mé schopnosti. 342 00:16:34,640 --> 00:16:38,750 Já jsem pak narazíte na problém, protože pokud velikost je stejná jako kapacita, jsem 343 00:16:38,750 --> 00:16:43,340 Nyní se snaží dát něco do pole, kde nemám prostor. 344 00:16:43,340 --> 00:16:46,980 Tak krátká kontrola opravit to. 345 00:16:46,980 --> 00:16:51,630 Pokud KAPACITY s.size ==, vrátí false. 346 00:16:51,630 --> 00:16:54,130 Jinak, jít a dělat to, co jsme udělali. 347 00:16:54,130 --> 00:16:55,660 Tak co jiného bychom mohli požádat o pro komíny? 348 00:16:55,660 --> 00:16:56,460 Co dalšího byste měli studovat? 349 00:16:56,460 --> 00:16:57,690 Co dalšího byste měli cvičit? 350 00:16:57,690 --> 00:17:01,030 >> No, provádění pop. 351 00:17:01,030 --> 00:17:02,370 Už jsme udělali tlak. 352 00:17:02,370 --> 00:17:04,280 Udělám to. 353 00:17:04,280 --> 00:17:08,180 Provádění non-array, kde můžete použít spojový seznam, možná. 354 00:17:08,180 --> 00:17:09,390 Implementace non-int. 355 00:17:09,390 --> 00:17:10,940 Zde Udělali jsme ints. 356 00:17:10,940 --> 00:17:11,880 Ale mohlo to být plováky. 357 00:17:11,880 --> 00:17:13,010 Mohl jsem být řetězce. 358 00:17:13,010 --> 00:17:14,290 Mohlo by to být char hvězdy. 359 00:17:14,290 --> 00:17:17,960 Podívejte se na posledních kvízy pro druhy otázky jsme požádali o komíny. 360 00:17:17,960 --> 00:17:20,000 >> Já řeknu, že jsme probrali komíny kolem stejně jako Probrali jsme jim 361 00:17:20,000 --> 00:17:20,540 minulých letech. 362 00:17:20,540 --> 00:17:24,400 Takže kvíz otázky by být dobré znamení. 363 00:17:24,400 --> 00:17:27,010 Do budoucna ještě rychleji, fronty. 364 00:17:27,010 --> 00:17:28,200 Jsou jako komíny. 365 00:17:28,200 --> 00:17:29,960 Ale oni jsou první dovnitř, první ven. 366 00:17:29,960 --> 00:17:33,530 Pokud jste Britové, slovo fronta Asi se hodně smysl pro vás. 367 00:17:33,530 --> 00:17:36,390 V opačném případě můžete mít Slyšel o něm jako čára. 368 00:17:36,390 --> 00:17:38,120 Pracují jako linky v obchodě Apple. 369 00:17:38,120 --> 00:17:40,740 První osoba, která má ukázat na 03:00 v dopoledních hodinách, je první 370 00:17:40,740 --> 00:17:42,880 osoba koupit jeho iPad. 371 00:17:42,880 --> 00:17:44,260 >> Takže máme dvě operace - 372 00:17:44,260 --> 00:17:45,720 enqueue a dequeue. 373 00:17:45,720 --> 00:17:47,560 Enqueue dá někdo v řadě. 374 00:17:47,560 --> 00:17:50,070 Dequeue táhne první osoba mimo linku. 375 00:17:50,070 --> 00:17:52,640 Opět můžeme realizovat to s celou řadou. 376 00:17:52,640 --> 00:17:54,880 Takže to, co je struct nám ukázal na přednášce? 377 00:17:54,880 --> 00:17:57,660 Bylo to jedno. 378 00:17:57,660 --> 00:17:59,300 Opět platí, že čísla. 379 00:17:59,300 --> 00:18:02,020 Opět platí, že velikost a to nová věc vpředu. 380 00:18:02,020 --> 00:18:04,880 Proč je tam něco, co nazývá front? 381 00:18:04,880 --> 00:18:07,050 Je to index další prvek dequeue. 382 00:18:07,050 --> 00:18:12,210 Je to jen interně sledování ten první se ukázat, takže jsme 383 00:18:12,210 --> 00:18:15,005 ji vytáhnout, když je třeba. 384 00:18:15,005 --> 00:18:19,322 >> Určitě se podívej na skripta a zkuste realizovat Zařadí a Dequeue 385 00:18:19,322 --> 00:18:21,700 při studiu na kvíz. 386 00:18:21,700 --> 00:18:23,190 Důležité věci k zamyšlení. 387 00:18:23,190 --> 00:18:27,260 Obal kolem v případě, že přední a Velikost skončí větší než kapacita. 388 00:18:27,260 --> 00:18:32,670 Opět platí, že pokud vaše struktura je plná, budete mít problém. 389 00:18:32,670 --> 00:18:34,780 Hash tabulky, které jste předtím neviděli. 390 00:18:34,780 --> 00:18:39,820 Většina z vás pravděpodobně realizována ty na pset6. 391 00:18:39,820 --> 00:18:44,210 Je to struktura, která si klade za cíl O (1) vkládání a O časová konstanta (1) 392 00:18:44,210 --> 00:18:46,430 časová konstanta vyhledávání. 393 00:18:46,430 --> 00:18:49,760 >> V CS50, jsme zavedli toto jako pole spojových seznamů. 394 00:18:49,760 --> 00:18:53,690 Klíčovým prvkem k hash tabulky je funkce hash. 395 00:18:53,690 --> 00:18:58,350 Tak to převede vstup, řekněme, slovník slovo, do čísla, 396 00:18:58,350 --> 00:18:59,560 který se bude náš index. 397 00:18:59,560 --> 00:19:01,410 A budeme používat tento index do našeho pole. 398 00:19:01,410 --> 00:19:05,374 Tak tady je roztomilý malý obrázek od study.50.net. 399 00:19:05,374 --> 00:19:08,060 Hodíme všechna slova do naše hash funkce. 400 00:19:08,060 --> 00:19:10,950 A funkce hash nám říká, kam umístit tato slova. 401 00:19:10,950 --> 00:19:15,650 >> To vše je skvělé v zemi, kde je tu jen jedno slovo pro každý slot. 402 00:19:15,650 --> 00:19:20,480 Ale jak si pamatujete z pset6, že jsou více než slova sloty. 403 00:19:20,480 --> 00:19:23,080 Takže co se stane, když se se kolize? 404 00:19:23,080 --> 00:19:26,730 Namísto uložení jednu hodnotu v, řekněme, hash tabulka 3, můžete 405 00:19:26,730 --> 00:19:27,990 uložit propojeného seznamu. 406 00:19:27,990 --> 00:19:32,900 A tak místo toho, aby meloun zde, měli byste mít spojový seznam, 407 00:19:32,900 --> 00:19:34,190 kde je první uzel je melounu. 408 00:19:34,190 --> 00:19:35,260 A další uzel je kočka. 409 00:19:35,260 --> 00:19:38,970 A třetí uzel je kolize, pojďme říci, protože všechny tyto slova začínají 410 00:19:38,970 --> 00:19:41,110 s C. 411 00:19:41,110 --> 00:19:42,700 >> Takže většina z vás to udělal pro pset6. 412 00:19:42,700 --> 00:19:45,685 Pokud jste neudělali hash tabulky na pset6 a pokus o něco takového 413 00:19:45,685 --> 00:19:47,720 trie, určitě zkontrolovat hash tabulky. 414 00:19:47,720 --> 00:19:50,650 Pokud jste to na pset6, rozhodně zkontrolovat hash tabulky. 415 00:19:50,650 --> 00:19:53,610 A pokud jste to udělal na pset6 a ne pracovat zcela v pořádku a vás 416 00:19:53,610 --> 00:19:56,150 měli spoustu problémů s tím, rozhodně zkontrolovat hash tabulky. 417 00:19:56,150 --> 00:20:01,610 Takže poučení opravdu je určitě zkontrolovat hash tabulky. 418 00:20:01,610 --> 00:20:07,130 >> Drtivá menšina z vás se snažili se snaží o pset6. 419 00:20:07,130 --> 00:20:08,570 High-level obrázek. 420 00:20:08,570 --> 00:20:15,150 Je to něco jako tohle, kde každý uzel má řadu dětí, kde každý 421 00:20:15,150 --> 00:20:17,100 Dítě odpovídá na dopis. 422 00:20:17,100 --> 00:20:20,520 A každý uzel také říká, Ahoj, já jsem slovo. 423 00:20:20,520 --> 00:20:25,933 Takže v tomto případě slovo Maxwell, pokud budete postupovat podle M A do 424 00:20:25,933 --> 00:20:28,530 X-W-E-L-L a pak se po ní ještě jedna. 425 00:20:28,530 --> 00:20:32,800 A vy si to symbol, delta, což se označují tak, že znamená to, je slovo. 426 00:20:32,800 --> 00:20:34,780 Takže Maxwell je slovo. 427 00:20:34,780 --> 00:20:38,430 Tyto delty jsou celé znamenat, které věci jsou slova, a které 428 00:20:38,430 --> 00:20:40,360 věci nejsou. 429 00:20:40,360 --> 00:20:46,400 >> Takže v pset6, údaje se uložená podél jakékoliv z našich uzlů bylo "Jsem 430 00:20:46,400 --> 00:20:52,630 slovo. "A super věc, o pokusech se prokazují vkládání a 431 00:20:52,630 --> 00:20:55,080 vyhledávání v O (délka slova). 432 00:20:55,080 --> 00:20:59,450 Takže stačí se dostat přes Maxwell, je to M-A-X-W-E-L-L. Takže sedm nebo osm - 433 00:20:59,450 --> 00:21:00,360 Nemohu počítat - 434 00:21:00,360 --> 00:21:03,920 kroky, jak se dostat na konec a zkontrolovat věci. 435 00:21:03,920 --> 00:21:06,800 Tak rychlé realizace zde. 436 00:21:06,800 --> 00:21:10,230 Rob prošel spojené Seznam v jeho posmrtné. 437 00:21:10,230 --> 00:21:11,600 Tak to zkontrolovat. 438 00:21:11,600 --> 00:21:11,720 Promiňte. 439 00:21:11,720 --> 00:21:13,240 Prošel trie v jeho posmrtné. 440 00:21:13,240 --> 00:21:14,260 Tak to zkontrolovat. 441 00:21:14,260 --> 00:21:24,410 >> Ale vy jste v podstatě mají každý uzel má 27 odkazy na další uzly a jeden 442 00:21:24,410 --> 00:21:27,050 Boolean pro jsem slovo. 443 00:21:27,050 --> 00:21:31,530 Podívejte se Rob je po smrti, jak to vlastně je implementována. 444 00:21:31,530 --> 00:21:34,750 Naše finální struktura, naše stromy a binární vyhledávací stromy. 445 00:21:34,750 --> 00:21:41,530 Takže při pohledu na to, ty byly pokryty naposledy 8. týden, v pondělí. 446 00:21:41,530 --> 00:21:46,960 Strom je podobný trie, kromě tebe nemusí mít nutně 27 uzlů na 447 00:21:46,960 --> 00:21:47,500 každý bod. 448 00:21:47,500 --> 00:21:52,820 A nemusíte mít tato data při každém krok, který znamená, zda - 449 00:21:52,820 --> 00:21:54,030 Cesta nezáleží. 450 00:21:54,030 --> 00:22:00,870 Vzhledem k tomu, trie, cesta z vrcholu na dno, Maxwell, bylo pro nás důležité. 451 00:22:00,870 --> 00:22:05,270 >> Každý uzel, ale má více děti, možná. 452 00:22:05,270 --> 00:22:07,290 Máme nějaké další slovní zásobu. 453 00:22:07,290 --> 00:22:09,530 Kořen stromu je na samém vrcholu. 454 00:22:09,530 --> 00:22:12,520 A můžeme říci, že velmi nejspodnější uzly, které nemají žádný 455 00:22:12,520 --> 00:22:14,530 děti jsou listy. 456 00:22:14,530 --> 00:22:18,040 Tak jako trie, strom struktura uzlů. 457 00:22:18,040 --> 00:22:21,490 Obyčejný druh stromu, který budeme mluvit o tom, je binární strom, kde 458 00:22:21,490 --> 00:22:26,040 každý uzel nemá žádné děti, nebo jedno dítě nebo dvě děti. 459 00:22:26,040 --> 00:22:28,890 Takže tento obrázek tady není binární strom, protože 460 00:22:28,890 --> 00:22:32,890 Uzel 3 má tři děti. 461 00:22:32,890 --> 00:22:38,140 >> Ale pokud bychom měli ignorovat ty, zbytek to je binární strom, protože to 462 00:22:38,140 --> 00:22:43,200 ukazuje tu vlastnost, že každý uzel má nula, jedna, nebo dvě děti. 463 00:22:43,200 --> 00:22:46,400 Tak jak bychom mohli vyjádřit to v kódu? 464 00:22:46,400 --> 00:22:51,460 Mohli bychom mít uzel, kde má každý uzel celé číslo v ní, jakož i 465 00:22:51,460 --> 00:22:55,590 jako ukazatel do stromu na levé straně a ukazatel na strom na 466 00:22:55,590 --> 00:22:59,510 Dobře, takže dvě děti. 467 00:22:59,510 --> 00:23:00,880 Jak je to užitečné? 468 00:23:00,880 --> 00:23:05,740 No, pokud uděláme pravidla o tom, kde se dát uzlů, můžeme hledání rychleji. 469 00:23:05,740 --> 00:23:10,630 >> Takže tam je pojem binární vyhledávání strom, kde všechny uzly na 470 00:23:10,630 --> 00:23:14,420 levý podstrom mají menší hodnotu než uzel se díváme na. 471 00:23:14,420 --> 00:23:17,880 A všechny uzly na pravém podstromu mají větší hodnotu 472 00:23:17,880 --> 00:23:18,660 než je kořenový uzel. 473 00:23:18,660 --> 00:23:20,670 No, to vypadá jako hodně slov. 474 00:23:20,670 --> 00:23:23,770 Chystám se dát dovnitř double citace a ukážu obrázek. 475 00:23:23,770 --> 00:23:27,010 Takže zde je příkladem binární vyhledávací strom. 476 00:23:27,010 --> 00:23:28,770 Vidět, že začneme s 10. 477 00:23:28,770 --> 00:23:31,780 Vše, co na levé straně 10 je menší než to. 478 00:23:31,780 --> 00:23:33,130 A vše, co k pravé straně je větší než to. 479 00:23:33,130 --> 00:23:37,620 >> Ale víc než to, že každý uzel v strom vyjadřuje tuto vlastnost. 480 00:23:37,620 --> 00:23:42,110 Uzel 7 tak má 3 k vlevo a 9 na pravé straně. 481 00:23:42,110 --> 00:23:44,440 Takže všichni z nich jsou menší než 10. 482 00:23:44,440 --> 00:23:50,470 Ale při pohledu na právě ti, 7 má 3 až jeho levá a 9 po jeho pravé straně. 483 00:23:50,470 --> 00:23:56,100 A podobně jako na pravé, 15 má 14 na jeho levé straně a 50 na jeho pravé straně. 484 00:23:56,100 --> 00:24:03,770 Takže tři uzly tamhle, 15, 14, a 50, jsou také platné binární strom 485 00:24:03,770 --> 00:24:05,480 nebo platný binární vyhledávací strom. 486 00:24:05,480 --> 00:24:07,250 A všichni jsou větší než 10. 487 00:24:07,250 --> 00:24:08,960 Takže oni mohou být na tady. 488 00:24:08,960 --> 00:24:09,940 Je tu otázka? 489 00:24:09,940 --> 00:24:12,580 >> DIVÁKŮ: Jak se vypořádat, když máte dvě sedmičky? 490 00:24:12,580 --> 00:24:12,850 >> R.J. AQUINO: Jo. 491 00:24:12,850 --> 00:24:16,550 Jak se vypořádat s dvěma hodnotami které jsou stejné? 492 00:24:16,550 --> 00:24:21,465 Některé binární vyhledávací stromy říci, že vám ignorovat duplicitní, protože cílem je 493 00:24:21,465 --> 00:24:24,280 jen říct, co jsem viděl tyto věci tak daleko. 494 00:24:24,280 --> 00:24:28,120 Některé binární vyhledávací stromy Dalo by se říci mají počítat uvnitř uzlu. 495 00:24:28,120 --> 00:24:32,000 Jiní by se říci, že vše, co se vlevo je menší než nebo rovno. 496 00:24:32,000 --> 00:24:33,470 A vše, co k pravé straně je větší než. 497 00:24:33,470 --> 00:24:36,520 >> Záleží jen na tom, co Problém je, že jste řešení. 498 00:24:36,520 --> 00:24:40,840 Takže ve slovníku, například, můžete by se starat o duplikáty. 499 00:24:40,840 --> 00:24:41,490 Ty by se vyhodit. 500 00:24:41,490 --> 00:24:44,719 Ale nějaký jiný problém, který by mohl starat. 501 00:24:44,719 --> 00:24:49,242 >> DIVÁKŮ: Je možné mít 1 na levé straně 15, který 502 00:24:49,242 --> 00:24:50,590 je menší než 10? 503 00:24:50,590 --> 00:24:51,885 >> R.J. AQUINO: Ne 504 00:24:51,885 --> 00:24:56,570 Pokud zde byly 14 a 1, to by nemůže být platný binární vyhledávací strom, 505 00:24:56,570 --> 00:25:00,840 protože všechno, na pravé straně 10 musí být větší, než to. 506 00:25:00,840 --> 00:25:02,300 A uvidíme proč. 507 00:25:02,300 --> 00:25:07,960 Je-li v zemi vyhledávání je mým cílem najít 14, začnu u kořene. 508 00:25:07,960 --> 00:25:08,500 Tak jsem se podívat. 509 00:25:08,500 --> 00:25:08,710 OK. 510 00:25:08,710 --> 00:25:10,670 Chystáme se začít u kořene. 511 00:25:10,670 --> 00:25:12,500 Podívejte se na 10.. 512 00:25:12,500 --> 00:25:16,050 >> No, 14, náš cíl, je větší než 10. 513 00:25:16,050 --> 00:25:17,370 Tak to musí být na pravé straně. 514 00:25:17,370 --> 00:25:21,780 To je velmi podobné na celém telefonu Kniha věc, kterou jsme udělali, binární 515 00:25:21,780 --> 00:25:23,720 hledat tam. 516 00:25:23,720 --> 00:25:26,430 Ale místo toho, binární vyhledávání v poli, jsme binární 517 00:25:26,430 --> 00:25:28,490 vyhledávání v tomto stromu. 518 00:25:28,490 --> 00:25:31,260 Takže pořád hledáme 14. 519 00:25:31,260 --> 00:25:32,480 No, 14 je menší než 15 let. 520 00:25:32,480 --> 00:25:36,430 Takže pokud je to v našem stromu, to musí být být v této oblasti zde. 521 00:25:36,430 --> 00:25:39,680 To musí být na pravé straně 10 a na levé straně 15. 522 00:25:39,680 --> 00:25:42,250 >> A tak jsme se zkontrolovat tento uzel. 523 00:25:42,250 --> 00:25:45,790 A yay, jsme našli 14. 524 00:25:45,790 --> 00:25:46,760 Nebudu chodit přes něj. 525 00:25:46,760 --> 00:25:48,090 Ale tady je to kód. 526 00:25:48,090 --> 00:25:49,690 Je to vlastně poměrně jednoduché, 527 00:25:49,690 --> 00:25:52,630 protože to je rekurzivní. 528 00:25:52,630 --> 00:25:55,420 Co bychom vás požádat, aby to na kvíz? 529 00:25:55,420 --> 00:25:57,000 Mohli bychom vás požádat, abyste napsat tento kód. 530 00:25:57,000 --> 00:25:59,170 Mohli bychom vás požádat, abyste se na tuto kódu a upravit tento kód a vysvětlit, co 531 00:25:59,170 --> 00:26:00,210 to dělá. 532 00:26:00,210 --> 00:26:00,390 Jo. 533 00:26:00,390 --> 00:26:00,770 Otázka? 534 00:26:00,770 --> 00:26:04,240 >> DIVÁKŮ: Jsou tyto snímky bude k dispozici jako byli naposledy? 535 00:26:04,240 --> 00:26:04,740 >> R.J. AQUINO: Ano. 536 00:26:04,740 --> 00:26:06,460 Takže tyto snímky budou určitě být zveřejněny. 537 00:26:06,460 --> 00:26:08,640 >> DIVÁKŮ: Jsou skutečně vyslán právě teď na webových stránkách. 538 00:26:08,640 --> 00:26:10,020 David právě udělal. 539 00:26:10,020 --> 00:26:12,720 >> R.J. AQUINO: Snímky jsou právě teď na webových stránkách. 540 00:26:12,720 --> 00:26:16,420 Budu asi urovnat pár na překlepy jsem si všiml a opravit je. 541 00:26:16,420 --> 00:26:19,940 Ale je tu proud verze na stránkách. 542 00:26:19,940 --> 00:26:21,820 Ostatní věci, které jsme vám mohli zeptat na to - 543 00:26:21,820 --> 00:26:23,790 napsat vložka. 544 00:26:23,790 --> 00:26:27,490 Napište iterativní verze rekurzivní funkce prostě vám ukázal 545 00:26:27,490 --> 00:26:32,520 nebo mluvit o těchto věcech, stejně jako v body, ve slovech, ve větách. 546 00:26:32,520 --> 00:26:35,760 Porovnání dobu chodu a vysvětlení co byste chtěli použít binární 547 00:26:35,760 --> 00:26:39,200 vyhledávací strom pro místo hash tabulky, například. 548 00:26:39,200 --> 00:26:43,580 >> Takže pochopení těchto struktur na docela hluboké úrovni. 549 00:26:43,580 --> 00:26:47,440 Pochopit, jak je psát, jak se používat je, jak se o nich mluvit. 550 00:26:47,440 --> 00:26:50,270 A budete vše nastaveno. 551 00:26:50,270 --> 00:26:50,630 Otázka? 552 00:26:50,630 --> 00:26:55,070 >> DIVÁKŮ: Když píšete binární vyhledávací strom, jak si 553 00:26:55,070 --> 00:27:01,460 určit, jaký hodnoty aby jej jako kořen? 554 00:27:01,460 --> 00:27:06,120 >> R.J. AQUINO: Takže otázka je, co Hodnota si udělat jako uživatel root? 555 00:27:06,120 --> 00:27:08,760 V závislosti na kódu, můžete může mít globální kořen. 556 00:27:08,760 --> 00:27:14,290 Takže můžete mít pravděpodobně měl v pset6 globální hash tabulky. 557 00:27:14,290 --> 00:27:18,640 Nebo můžete projít kořen v jako argument. 558 00:27:18,640 --> 00:27:23,810 Takže tato funkce vyhledávání zde bere argument uzlu *. 559 00:27:23,810 --> 00:27:27,420 A tak bez ohledu na uzel vám stalo, že se při pohledu na je jednou jsi léčbě 560 00:27:27,420 --> 00:27:31,510 jako uživatel root, když ho projít dovnitř 561 00:27:31,510 --> 00:27:32,320 A já jsem všechno. 562 00:27:32,320 --> 00:27:33,480 To jsou moje snímky. 563 00:27:33,480 --> 00:27:35,940 Další osoba může přijít swapu v notebooku a mic. 564 00:27:35,940 --> 00:27:47,390 565 00:27:47,390 --> 00:27:49,760 >> ROB BOWDEN: Myslím, že by mohl mít interpretovat tuto otázku jinak. 566 00:27:49,760 --> 00:27:53,826 Ale já jsem interpretoval to jako, když máte čísla 1, 2, a 3, jak jsme se 567 00:27:53,826 --> 00:27:56,720 vědět, aby dvě kořen na rozdíl od 1 nebo 3? 568 00:27:56,720 --> 00:27:59,480 Pokud uděláme 2 kořene, pak je to pěkně 1 a 3 na levé a pravé. 569 00:27:59,480 --> 00:28:04,610 Ale pokud 1 je kořen, pak je to 1 až horní, 2 vpravo, 3 vpravo. 570 00:28:04,610 --> 00:28:10,880 Takže ve výchozím nastavení, nevíte, co dělat kořen. 571 00:28:10,880 --> 00:28:15,400 A pro každou algoritmus čekáme na dát, jen první věc, kterou 572 00:28:15,400 --> 00:28:16,680 Vložka by kořen. 573 00:28:16,680 --> 00:28:19,890 Nebo vám bych dal binární strom, který již existuje, který má kořen. 574 00:28:19,890 --> 00:28:24,760 Ale ostatní algoritmy existuje takové, že kořen se aktualizuje, takže pokud vám 575 00:28:24,760 --> 00:28:28,370 skončit v situaci, kdy je to 1, 2, 3, to by se automaticky aktualizuje, aby 576 00:28:28,370 --> 00:28:30,900 aby 2 nové kořeni, aby je to stále pěkně vyrovnané. 577 00:28:30,900 --> 00:28:33,750 578 00:28:33,750 --> 00:28:34,833 >> ANGELA LI: Cool. 579 00:28:34,833 --> 00:28:36,170 Ahoj, kluci. 580 00:28:36,170 --> 00:28:37,810 Já jsem Angela. 581 00:28:37,810 --> 00:28:42,490 A já jdu dokončit naši C a pak jít do některé z našeho webu 582 00:28:42,490 --> 00:28:43,120 technologie - 583 00:28:43,120 --> 00:28:46,570 HTTP, HTML, CSS a. 584 00:28:46,570 --> 00:28:49,610 Takže první věc, kterou je vyrovnávací paměť přepadové útoky. 585 00:28:49,610 --> 00:28:53,070 Takže pojďme se podívat na tento kód. 586 00:28:53,070 --> 00:28:54,260 Je to docela jednoduché. 587 00:28:54,260 --> 00:28:55,460 K dispozici je funkce foo. 588 00:28:55,460 --> 00:28:56,990 A to nic nevrací. 589 00:28:56,990 --> 00:29:00,950 Ale to se v ukazateli na řetězec s názvem bar. 590 00:29:00,950 --> 00:29:04,920 >> A bude to prohlásit toto vyrovnávací paměti, což je znak 591 00:29:04,920 --> 00:29:07,690 pole, které má 12 slotů. 592 00:29:07,690 --> 00:29:11,730 A používá memcpy, který je jen funkce, která kopíruje z jedné adresy 593 00:29:11,730 --> 00:29:12,910 do jiného. 594 00:29:12,910 --> 00:29:19,400 Tak to se snaží kopírovat do náš vyrovnávací paměti od toho, co 595 00:29:19,400 --> 00:29:21,140 bar je ukazuje. 596 00:29:21,140 --> 00:29:24,640 Takže vůbec představu, co se děje s tímto kódem? 597 00:29:24,640 --> 00:29:27,568 598 00:29:27,568 --> 00:29:30,830 >> DIVÁKŮ: Pokud bar je delší než C, budou přepisovat. 599 00:29:30,830 --> 00:29:31,520 >> ANGELA LI: Jo, přesně tak. 600 00:29:31,520 --> 00:29:34,200 Nemáme žádnou záruku, že bar bude nižší než 12 let. 601 00:29:34,200 --> 00:29:36,080 Jen jsme se trochu libovolné číslo 12. 602 00:29:36,080 --> 00:29:38,380 A my jsme byli jako, doufejme, že náš vstup uživatele je méně než 603 00:29:38,380 --> 00:29:40,440 12 znaků dlouhé. 604 00:29:40,440 --> 00:29:46,320 Takže v ideálním světě, pokud náš vstup vždy, jak se očekávalo, pak dostaneme 605 00:29:46,320 --> 00:29:47,550 něco jako, ahoj. 606 00:29:47,550 --> 00:29:48,920 To je méně než 12 znaků. 607 00:29:48,920 --> 00:29:51,870 Jedná se načte do char c. 608 00:29:51,870 --> 00:29:53,280 A pak jsme se s tím něco udělat. 609 00:29:53,280 --> 00:29:54,800 Je to opravdu nezáleží. 610 00:29:54,800 --> 00:29:59,740 >> Ale zlomyslný člověk může dělat něco jako je toto, kde se 611 00:29:59,740 --> 00:30:04,760 dát nám vše, co je bar ukazuje na, to bude poukázat na této obrovské pole 612 00:30:04,760 --> 00:30:06,280 z právě je. 613 00:30:06,280 --> 00:30:10,680 A to je způsob, jak déle než 12 let. 614 00:30:10,680 --> 00:30:13,830 Takže to jít celou cestu tady, kde návratnost 615 00:30:13,830 --> 00:30:15,420 Adresa býval. 616 00:30:15,420 --> 00:30:17,860 Takže řekněme, že tuto funkci se nazývá foo. 617 00:30:17,860 --> 00:30:20,970 Možná, že foo byl volán jiný Funkce, která byla volána hlavní. 618 00:30:20,970 --> 00:30:24,890 Takže když běží foo, je třeba vědět, kam se vracet. 619 00:30:24,890 --> 00:30:29,130 >> Pokud foo byl volán nějaké funkce jmenoval baz, musí vědět, že je to 620 00:30:29,130 --> 00:30:30,250 se vrátit do Baz. 621 00:30:30,250 --> 00:30:34,040 A to je to, co tato zpáteční adresa tady se nám říká. 622 00:30:34,040 --> 00:30:38,340 Ale když jsme to přepsat s některými dalšími adresa, v tomto případě se jedná o 623 00:30:38,340 --> 00:30:42,650 zastoupení na adrese počátku této vyrovnávací paměti, pak 624 00:30:42,650 --> 00:30:45,240 co se vlastně bude dít, je, že místo návratu do Baz, 625 00:30:45,240 --> 00:30:48,470 která vyzvala své funkci, je to jen jít na přední straně tohoto kódu. 626 00:30:48,470 --> 00:30:53,930 >> A jestli je to tam proto, zlomyslný hacker vole přišel a 627 00:30:53,930 --> 00:30:56,820 injekčně, pak možná tato částka na to není ve skutečnosti je. 628 00:30:56,820 --> 00:31:02,030 A to je vlastně jen kód, který přestávky počítač nebo tak něco. 629 00:31:02,030 --> 00:31:05,930 Takže se defenzivní o tomto druhu věc, budete muset nikdy předpokládat, že 630 00:31:05,930 --> 00:31:09,120 vstup uživatele je určitá množství znaků. 631 00:31:09,120 --> 00:31:13,310 Například, když jste dělali pravopisu, jste řekl, že slova byla 632 00:31:13,310 --> 00:31:15,580 pouze bude 40 znaků dlouhý maximum. 633 00:31:15,580 --> 00:31:16,570 A to bylo dobré. 634 00:31:16,570 --> 00:31:20,150 >> Ale pokud ne, pak se budete muset ujistěte se, že jen číst 45 635 00:31:20,150 --> 00:31:21,520 znaky najednou. 636 00:31:21,520 --> 00:31:24,430 V opačném případě můžete přepsat Váš vyrovnávací paměti. 637 00:31:24,430 --> 00:31:26,140 Jakékoliv dotazy na to. 638 00:31:26,140 --> 00:31:26,733 Jo. 639 00:31:26,733 --> 00:31:28,850 >> DIVÁKŮ: Mohl bys mluvit něco více o nich? 640 00:31:28,850 --> 00:31:29,790 >> ANGELA LI: Omlouvám se. 641 00:31:29,790 --> 00:31:31,040 Ano. 642 00:31:31,040 --> 00:31:32,813 643 00:31:32,813 --> 00:31:35,870 >> Diváků: mikrofon je jen pro video. 644 00:31:35,870 --> 00:31:37,640 Budu se snažit a projekt. 645 00:31:37,640 --> 00:31:39,900 Ahoj, kluci. 646 00:31:39,900 --> 00:31:40,920 Sup? 647 00:31:40,920 --> 00:31:45,330 Tak pojďme na několik věcí v CS50 knihovny, které jste používali 648 00:31:45,330 --> 00:31:49,072 všechny semestr, většinou získat vstup od uživatele. 649 00:31:49,072 --> 00:31:53,140 Jak víte, zahrnout CS50 knihovna tím, že jen dělá CS50.h, které 650 00:31:53,140 --> 00:31:55,660 obsahuje všechny prototypy funkce, které můžete použít, jako 651 00:31:55,660 --> 00:31:58,640 GetString a vezmi_int, a GetFloat, et cetera. 652 00:31:58,640 --> 00:32:02,870 A tam je to jeden řádek v CS50 knihovna, která definuje řetězec, který 653 00:32:02,870 --> 00:32:05,380 vy všichni víme teď je jen char *. 654 00:32:05,380 --> 00:32:07,900 >> Ale pojďme se podívat na jak GetString funguje. 655 00:32:07,900 --> 00:32:10,010 To je velmi zkrácená verze. 656 00:32:10,010 --> 00:32:15,090 Můžete vytáhnout soubory CS50 knihovny z, myslím, manuals.CS50.net. 657 00:32:15,090 --> 00:32:16,750 A můžete pročíst vlastní funkce. 658 00:32:16,750 --> 00:32:19,330 Ale to se týká některých důležité části. 659 00:32:19,330 --> 00:32:23,870 Takže jsme vytvořili nějakou vyrovnávací paměti se nějakým způsobem. 660 00:32:23,870 --> 00:32:27,570 A to, co děláme, je, že jsme se o jeden znak v době běžně n. 661 00:32:27,570 --> 00:32:30,910 To je místo, kde uživatel zadá text na konzoli. 662 00:32:30,910 --> 00:32:33,430 >> A tak budeme číst v charakter tak dlouho, dokud to není nová 663 00:32:33,430 --> 00:32:37,220 vedení a to není konec souboru, který je konec standardního vstupu. 664 00:32:37,220 --> 00:32:45,690 A pro každý znak, který čteme v, v případě, že postava skončí přidání 665 00:32:45,690 --> 00:32:50,120 počtu znaků, které jsme si v, a to je více než naší schopnosti, 666 00:32:50,120 --> 00:32:53,490 pak to, co děláme, je, že jsme jen změnit velikost našeho vyrovnávací paměti tak, že je to dvakrát tak dlouho. 667 00:32:53,490 --> 00:32:56,950 Takže znovu, to ochrana proti pufru přetečení útoky, protože jste četl v 668 00:32:56,950 --> 00:32:58,315 znacích. 669 00:32:58,315 --> 00:33:02,290 A pokud v libovolném místě můžete přečíst v příliš mnoho, stačí rozšířit své vyrovnávací paměti. 670 00:33:02,290 --> 00:33:03,330 Můžete vynásobte ji dvěma. 671 00:33:03,330 --> 00:33:05,510 A pak budete mít více prostoru. 672 00:33:05,510 --> 00:33:09,120 >> V opačném případě stačí přidat znak do bufferu. 673 00:33:09,120 --> 00:33:15,080 A poté, co jsem četl ve všech znaky, bude to zmenšit buffer 674 00:33:15,080 --> 00:33:18,510 zpět na normální velikost, přidat null terminátor, a pak se vrátit. 675 00:33:18,510 --> 00:33:21,880 676 00:33:21,880 --> 00:33:24,960 Nyní se pojďme podívat na vezmi_int. 677 00:33:24,960 --> 00:33:27,700 Můžete vy si to? 678 00:33:27,700 --> 00:33:30,710 Mohu přiblížit trochu. 679 00:33:30,710 --> 00:33:33,410 680 00:33:33,410 --> 00:33:34,660 Nevím, jak počítače fungují. 681 00:33:34,660 --> 00:33:40,840 682 00:33:40,840 --> 00:33:41,270 To nic. 683 00:33:41,270 --> 00:33:42,520 Nemohu přiblížit správně. 684 00:33:42,520 --> 00:33:47,500 685 00:33:47,500 --> 00:33:48,770 >> To je opravdu těžké. 686 00:33:48,770 --> 00:33:49,180 Je mi to líto. 687 00:33:49,180 --> 00:33:51,490 Pojďme se jen podívat na to. 688 00:33:51,490 --> 00:33:57,140 Takže to, co vezmi_int dělá, je to první čtení v řetězci od GetString, které 689 00:33:57,140 --> 00:33:59,250 jsme realizován před. 690 00:33:59,250 --> 00:34:02,945 A důležitou součástí poznamenat, je-li to sdílení, že to skončí 691 00:34:02,945 --> 00:34:06,400 čtení je stejně jako ve skutečnosti řetězec, pak se jen vrátit INT_MAX na 692 00:34:06,400 --> 00:34:09,409 představují selhání. 693 00:34:09,409 --> 00:34:12,645 Proč bychom se vrátit INT_MAX místo negativního 1 nebo 1? 694 00:34:12,645 --> 00:34:13,895 Nějaké nápady? 695 00:34:13,895 --> 00:34:16,853 696 00:34:16,853 --> 00:34:19,350 >> DIVÁKŮ: [neslyšitelné] Negativní 1 na jednoho. 697 00:34:19,350 --> 00:34:20,070 >> ANGELA LI: Jo, přesně tak. 698 00:34:20,070 --> 00:34:24,560 Takže ty jsi mnohem více pravděpodobné, že jen chtějí na vstupu 1 nebo záporné 1 po zobrazení výzvy 699 00:34:24,560 --> 00:34:27,469 pro n-tého a co nth maxes. 700 00:34:27,469 --> 00:34:27,969 Je to obrovský. 701 00:34:27,969 --> 00:34:29,690 Ty pravděpodobně nebude používat. 702 00:34:29,690 --> 00:34:32,690 Takže je to jako rozhodnutí o návrhu na ujistěte se, že nemáte náhodou 703 00:34:32,690 --> 00:34:38,540 vrátí chybu, nebo nechcete vrátit 1, který by mohl být analyzován 704 00:34:38,540 --> 00:34:41,199 jako správnou odpověď. 705 00:34:41,199 --> 00:34:45,110 Takže pokud neexistuje linka, vrátíme INT-MAX. 706 00:34:45,110 --> 00:34:48,090 V opačném případě budeme používat sscanf, který je jako scanf. 707 00:34:48,090 --> 00:34:49,449 Ale to čte z řetězce. 708 00:34:49,449 --> 00:34:54,310 >> A máme to naformátování Řetězec, který je% i% c. 709 00:34:54,310 --> 00:34:57,440 A snažíme se a zápas, který se co uživatel nám dal. 710 00:34:57,440 --> 00:35:01,420 Chceme, aby počet spárovaných věcí na 1, což znamená, že jen 711 00:35:01,420 --> 00:35:04,940 Opravdu chci, aby odpovídaly celé číslo obklopen možná bílá 712 00:35:04,940 --> 00:35:06,840 prostor, možná ne. 713 00:35:06,840 --> 00:35:10,710 V tomto případě, když dáte do něčeho jako je bar, bar neodpovídá vůbec, 714 00:35:10,710 --> 00:35:14,400 protože tam musí být číslo na začátku. 715 00:35:14,400 --> 00:35:17,060 Takže sscan nikdy se 0. 716 00:35:17,060 --> 00:35:19,640 Takže se nemusíte vracet, že. 717 00:35:19,640 --> 00:35:23,850 >> Případně, pokud jste vložili do něčeho jako je 1, 2, 3, A, B, C, která odpovídá 718 00:35:23,850 --> 00:35:27,180 jak celé číslo, ale i znak po něm. 719 00:35:27,180 --> 00:35:29,990 Takže sscanf vrátí 2, což také není ideální. 720 00:35:29,990 --> 00:35:34,620 Nechcete 1, 2, 3,, B, C, že je platný int. 721 00:35:34,620 --> 00:35:36,990 Tak to také nefunguje. 722 00:35:36,990 --> 00:35:38,530 Ale říct, že dát něco jako 50 let. 723 00:35:38,530 --> 00:35:42,460 To se bude shodovat% i, což znamená, že to bude mít číst do n. 724 00:35:42,460 --> 00:35:44,790 A teď, n bude obsahovat číslo 50. 725 00:35:44,790 --> 00:35:46,110 A pak se můžete vrátit. 726 00:35:46,110 --> 00:35:49,270 >> V opačném případě budete hit Opakovat. 727 00:35:49,270 --> 00:35:55,790 A pak to prostě chodí dokola, dokud dostanete správný vstup od uživatele. 728 00:35:55,790 --> 00:35:56,891 Jakékoliv dotazy na to? 729 00:35:56,891 --> 00:36:02,182 >> DIVÁKŮ: Takže pokud byste chtěli vytisknout hodnota vezmi_int na [neslyšitelný] 730 00:36:02,182 --> 00:36:06,250 by to být jen číslo a max? 731 00:36:06,250 --> 00:36:07,440 >> ANGELA LI: Jo. 732 00:36:07,440 --> 00:36:11,780 Takže pokud používáte vezmi_int, měli byste předpokládat, které nechcete n-tý max. do 733 00:36:11,780 --> 00:36:15,328 být platný vstup, protože budete předpokládat, že to bylo špatné. 734 00:36:15,328 --> 00:36:27,740 >> DIVÁKŮ: Kdybychom neměli char c a někdo dal v 1, 2, 3, Sam, by to 735 00:36:27,740 --> 00:36:29,430 stále pracovat pro 1, 2, 3? 736 00:36:29,430 --> 00:36:29,750 >> ANGELA LI: Myslím, že to bude fungovat. 737 00:36:29,750 --> 00:36:33,340 Ale nechcete 123Sam se být platný vstup od uživatele. 738 00:36:33,340 --> 00:36:34,670 To opravdu není int. 739 00:36:34,670 --> 00:36:36,840 Takže to není fér analyzovat jako int. 740 00:36:36,840 --> 00:36:40,910 741 00:36:40,910 --> 00:36:42,160 OK. 742 00:36:42,160 --> 00:36:45,800 V tomto případě, pojďme na internetu. 743 00:36:45,800 --> 00:36:49,120 Takže HTTP není jazykem. 744 00:36:49,120 --> 00:36:56,060 HTTP je jen soubor norem pro jak posílat věci z klientů, 745 00:36:56,060 --> 00:36:57,280 že jsi to ty, na serverech. 746 00:36:57,280 --> 00:36:59,730 To je ostatní lidé na webu. 747 00:36:59,730 --> 00:37:02,900 >> Takže HTTP je zkratka pro Hypertext Transfer Protocol. 748 00:37:02,900 --> 00:37:04,610 Je to srdce a duše celého pásu. 749 00:37:04,610 --> 00:37:07,050 Hypertext část právě odkazuje na HTML. 750 00:37:07,050 --> 00:37:10,690 Přenos je klientům jako budete posílat žádosti o 751 00:37:10,690 --> 00:37:13,060 servery, které poskytují odpovědi. 752 00:37:13,060 --> 00:37:16,380 A protokol je jen, jak to můžete očekávat, že server chovat? 753 00:37:16,380 --> 00:37:19,960 A jak se má chovat tak, že si můžete zjednodušit tento 754 00:37:19,960 --> 00:37:21,920 komunikační proces? 755 00:37:21,920 --> 00:37:26,650 >> Takže požadavky HTTP vypadat hodně podobně jako tato. 756 00:37:26,650 --> 00:37:28,070 GET je druh žádosti. 757 00:37:28,070 --> 00:37:31,220 Vy jste viděli požadavky GET a požadavky POST. 758 00:37:31,220 --> 00:37:36,690 To je druhá věc tam, / já, že je to jen URI nebo URL, kde se 759 00:37:36,690 --> 00:37:38,140 Chci jít do hostitele. 760 00:37:38,140 --> 00:37:44,140 Takže tato žádost je žádostí o stránky, stejně jako www.facebook.com / mě. 761 00:37:44,140 --> 00:37:45,300 A to je požadavek GET. 762 00:37:45,300 --> 00:37:51,020 A pak to HTTP/1.1, to je jen verze protokolu HTTP, který používáte. 763 00:37:51,020 --> 00:37:55,020 Je to téměř vždy 1.1. 764 00:37:55,020 --> 00:37:56,880 >> A pak je tu parta dalších věcí taky. 765 00:37:56,880 --> 00:38:02,510 Můžete skutečně vidět je, pokud máte otevřít konzoli, když jste 766 00:38:02,510 --> 00:38:03,770 procházení webu. 767 00:38:03,770 --> 00:38:07,290 Odpovědi vypadat další podobné. 768 00:38:07,290 --> 00:38:09,620 Horní část je, opět, typ HTTP, který používáte 769 00:38:09,620 --> 00:38:12,310 následuje kód stavu. 770 00:38:12,310 --> 00:38:14,700 Takže 200 OK je všechno dopadlo. 771 00:38:14,700 --> 00:38:16,200 Tady je váš obsah. 772 00:38:16,200 --> 00:38:17,390 Váš obsah bude následovat. 773 00:38:17,390 --> 00:38:21,730 A pak vám řekne, jaký druh obsahu a dalších věcí taky. 774 00:38:21,730 --> 00:38:24,620 >> Stavové kódy, existuje několik důležité ty, které byste měli vědět. 775 00:38:24,620 --> 00:38:26,460 200 OK je jako všechno, co je zlaté. 776 00:38:26,460 --> 00:38:28,490 Všechno funguje. 777 00:38:28,490 --> 00:38:29,710 403 Forbidden. 778 00:38:29,710 --> 00:38:32,910 To jste asi viděli, pokud jste zapomněli něco chmod správně. 779 00:38:32,910 --> 00:38:34,510 To znamená, že nemusíte správné oprávnění k 780 00:38:34,510 --> 00:38:36,210 přístup, který na serveru. 781 00:38:36,210 --> 00:38:38,110 Je to jako, ne, nemůžeš ji vidět. 782 00:38:38,110 --> 00:38:39,780 404 znamená, že to neexistuje. 783 00:38:39,780 --> 00:38:40,400 Nebyl nalezen. 784 00:38:40,400 --> 00:38:41,640 Pravděpodobně jste již viděli, že hodně. 785 00:38:41,640 --> 00:38:45,510 >> 500 Internal Server Error je obvykle jako něco pokazilo na straně 786 00:38:45,510 --> 00:38:46,460 serveru. 787 00:38:46,460 --> 00:38:50,830 Takže, když se provádí pset7, pokud jste měli chyby PHP, mohl bys 788 00:38:50,830 --> 00:38:53,890 skutečně jít na stránku a zobrazit Celá parta PHP chyb věci. 789 00:38:53,890 --> 00:38:56,900 Ale to není obvykle nestane, protože webové stránky nemají opravdu chcete 790 00:38:56,900 --> 00:38:58,830 říct, proč se jejich stránky rozbité. 791 00:38:58,830 --> 00:39:03,370 Nejspíš jen vrátit 500 Internal Server Error. 792 00:39:03,370 --> 00:39:06,120 >> A pak je tu 418 jsem konvice. 793 00:39:06,120 --> 00:39:07,910 K dispozici je celý příběh o tom, proč to je věc. 794 00:39:07,910 --> 00:39:09,860 Ale můžete přečíst o tom ve svém volném čase. 795 00:39:09,860 --> 00:39:11,450 Je tu celá banda ostatní stavové kódy taky. 796 00:39:11,450 --> 00:39:12,700 Ale to jsou ty, měli byste vědět. 797 00:39:12,700 --> 00:39:15,660 798 00:39:15,660 --> 00:39:18,610 Takže pojďme mluvit o HTML. 799 00:39:18,610 --> 00:39:22,180 HTML, pamatujte, že není programovací jazyk. 800 00:39:22,180 --> 00:39:23,510 Je to značkovací jazyk. 801 00:39:23,510 --> 00:39:25,210 To znamená, že popisuje obsah. 802 00:39:25,210 --> 00:39:30,440 To vám řekne, co dokument HTML vypadá líbí, nebo ne, jak to vypadá 803 00:39:30,440 --> 00:39:32,230 ale jak je to strukturovaná. 804 00:39:32,230 --> 00:39:36,110 >> Tak se definuje strukturu a sémantika webových stránek. 805 00:39:36,110 --> 00:39:37,830 Je to jako, to je bod. 806 00:39:37,830 --> 00:39:40,060 Toto je seznam pořadí. 807 00:39:40,060 --> 00:39:42,360 To je jako část mé stránky. 808 00:39:42,360 --> 00:39:43,260 Tady je to titul. 809 00:39:43,260 --> 00:39:44,310 To dělá věci, jako že. 810 00:39:44,310 --> 00:39:48,770 To není styl nic z toho, protože že to, co děláte v CSS. 811 00:39:48,770 --> 00:39:50,270 A vypadá to, že série z vnořené tagy. 812 00:39:50,270 --> 00:39:54,720 Takže použít příklad opravdu základní HTML stránky, budete mít DOCTYPE 813 00:39:54,720 --> 00:39:56,720 prohlášení tam. 814 00:39:56,720 --> 00:40:00,940 >> Toto prohlášení DOCTYPE je říká, jsme pomocí HTML5. 815 00:40:00,940 --> 00:40:03,370 Pak máte velkou HTML tag. 816 00:40:03,370 --> 00:40:05,230 Obsahuje hlavu a tělo. 817 00:40:05,230 --> 00:40:06,970 Uvnitř hlavy, máte titul. 818 00:40:06,970 --> 00:40:12,950 To je to, co se děje v názvu bar ve vašem prohlížeči. 819 00:40:12,950 --> 00:40:15,810 Máme značku odkazu, který spojuje v externím seznamu stylů. 820 00:40:15,810 --> 00:40:19,880 A pak máme skript, který táhne z externího JavaScriptu stejně. 821 00:40:19,880 --> 00:40:23,750 >> A pak uvnitř našeho těla je ve skutečnosti co se bude zobrazeno na stránce. 822 00:40:23,750 --> 00:40:28,210 Máme odstavec a pak obrázek v tomto odstavci. 823 00:40:28,210 --> 00:40:32,000 Tohle je obraz koťat. 824 00:40:32,000 --> 00:40:35,840 Všimněte si, že obraz tag zavře sama. 825 00:40:35,840 --> 00:40:41,760 Takže místo toho otvoru s obrazem a pak dělat další / image, můžete 826 00:40:41,760 --> 00:40:47,500 jen tento malý lomítko tu, která ji uzavírá. 827 00:40:47,500 --> 00:40:53,670 A tag obraz má také tento klíč hodnota atributu s názvem alt. 828 00:40:53,670 --> 00:40:56,970 To je alternativní text, který se se stane, když budete vznášet se nad ním. 829 00:40:56,970 --> 00:41:03,170 >> Většina prvků HTML mají nějakou hodnotu klíče věci, které můžete dát to, různé 830 00:41:03,170 --> 00:41:04,420 přizpůsobení. 831 00:41:04,420 --> 00:41:06,230 832 00:41:06,230 --> 00:41:08,705 Jo. 833 00:41:08,705 --> 00:41:09,955 >> DIVÁKŮ: [neslyšitelné]. 834 00:41:09,955 --> 00:41:17,510 835 00:41:17,510 --> 00:41:19,680 >> ANGELA LI: No, tak to je atribut tagu. 836 00:41:19,680 --> 00:41:25,320 Takže pokud jste se pomocí jQuery, mohl bys dělat vyberte image.getAttribute. 837 00:41:25,320 --> 00:41:27,930 A pak si můžete vyhledat získat atribut alt. 838 00:41:27,930 --> 00:41:31,040 A to vám koťata. 839 00:41:31,040 --> 00:41:37,400 Pokud si pamatujete formulářů v HTML, vstup prvky budou mít atributy jméno. 840 00:41:37,400 --> 00:41:41,870 A to je to, co PHP používá k odesílání žádosti, pokud se předložené formuláře. 841 00:41:41,870 --> 00:41:44,762 842 00:41:44,762 --> 00:41:50,064 >> DIVÁKŮ: Zmínila jste se o něco o tom, pokud používáte kittens.jpg nebo 843 00:41:50,064 --> 00:41:54,410 něco, co má chybějící soubor složek nebo jiné soubory? 844 00:41:54,410 --> 00:41:54,750 >> ANGELA LI: Ano. 845 00:41:54,750 --> 00:41:57,010 Tak tohle je to, co se nazývá relativní cesta, protože nedám 846 00:41:57,010 --> 00:41:58,740 si úplnou cestu. 847 00:41:58,740 --> 00:42:05,160 To je, jako když v C, pokud je to fopen nějaký soubor, pokud fopen hi.txt, že 848 00:42:05,160 --> 00:42:09,190 hi.txt Očekává se, že bude ve stejném adresář, pokud to dát více 849 00:42:09,190 --> 00:42:11,530 Komplex cesta. 850 00:42:11,530 --> 00:42:14,900 >> DIVÁKŮ: Takže byste mohli zadat která složka [neslyšitelný]? 851 00:42:14,900 --> 00:42:17,660 >> ANGELA LI: Jo. 852 00:42:17,660 --> 00:42:19,370 A můžete vyhledat jak na to. 853 00:42:19,370 --> 00:42:23,480 Ale když jsem se chtěl dostat ven kittens.jpg z nadřazeného adresáře, bych si 854 00:42:23,480 --> 00:42:24,730 .. / Kittens.jpg. 855 00:42:24,730 --> 00:42:29,680 856 00:42:29,680 --> 00:42:30,930 Jo. 857 00:42:30,930 --> 00:42:32,960 858 00:42:32,960 --> 00:42:33,760 Promiňte. 859 00:42:33,760 --> 00:42:34,045 Jo. 860 00:42:34,045 --> 00:42:35,700 Člověče, já zapomněl na otázku. 861 00:42:35,700 --> 00:42:36,460 Jaká byla otázka? 862 00:42:36,460 --> 00:42:39,570 Ach, otázka zněla je, kittens.jpg Očekává se, že bude ve stejném adresáři? 863 00:42:39,570 --> 00:42:40,630 A v tomto případě to je. 864 00:42:40,630 --> 00:42:44,030 Ale můžete také dát určitou cestu tak, že to nemusí být. 865 00:42:44,030 --> 00:42:47,100 866 00:42:47,100 --> 00:42:48,350 Dobrý? 867 00:42:48,350 --> 00:42:50,190 868 00:42:50,190 --> 00:42:51,350 >> CSS. 869 00:42:51,350 --> 00:42:55,420 Tak CSS, jako je HTML, není programovací jazyk. 870 00:42:55,420 --> 00:42:58,250 CSS je jen řada pravidel styling. 871 00:42:58,250 --> 00:43:00,130 To je zkratka pro kaskádové styly. 872 00:43:00,130 --> 00:43:03,910 A budete používat ve spojení HTML na stránkách stylu. 873 00:43:03,910 --> 00:43:08,140 Takže existují tři způsoby, můžete zahrnout. 874 00:43:08,140 --> 00:43:11,950 Jeden způsob, jak to udělat, je v hlavě část vašeho HTML, můžete jen 875 00:43:11,950 --> 00:43:15,410 otevřít tag styl a pak držet některé CSS vládne tam. 876 00:43:15,410 --> 00:43:16,759 Je to docela v pořádku. 877 00:43:16,759 --> 00:43:17,228 Jo. 878 00:43:17,228 --> 00:43:21,449 >> DIVÁKŮ: Mohl byste dát ty tagy styl v mezi, pojďme 879 00:43:21,449 --> 00:43:22,860 řekněme, tělo a / tělo. 880 00:43:22,860 --> 00:43:27,400 A pak by styl pouze v těle. 881 00:43:27,400 --> 00:43:28,840 >> ANGELA LI: To bys mohl. 882 00:43:28,840 --> 00:43:29,590 Bude to fungovat. 883 00:43:29,590 --> 00:43:33,990 Ale neměli byste, protože styl je druh metadat, které by měly jít do 884 00:43:33,990 --> 00:43:35,890 vedoucí dokumentu. 885 00:43:35,890 --> 00:43:38,280 Tělo by se skutečně obsahují pouze co se vlastně děje, aby 886 00:43:38,280 --> 00:43:39,420 objeví na vaší stránce. 887 00:43:39,420 --> 00:43:42,155 >> DIVÁKŮ: Takže byste dal styl ve vaší hlavě styl 888 00:43:42,155 --> 00:43:43,930 Celé webové stránky, ne? 889 00:43:43,930 --> 00:43:44,300 >> ANGELA LI: Jo. 890 00:43:44,300 --> 00:43:50,470 Takže uvedení styl tady, tato pravidla CSS se bude vztahovat na celou stranu na základě 891 00:43:50,470 --> 00:43:52,100 jejich voliče. 892 00:43:52,100 --> 00:43:57,090 Takže lepší způsob, jak to udělat, je místo mít značku stylu ve vaší hlavě, 893 00:43:57,090 --> 00:44:00,430 Máte tento odkaz na externí styl list, jako bych vám ukázal v 894 00:44:00,430 --> 00:44:01,980 Předchozí příklad. 895 00:44:01,980 --> 00:44:05,920 Co to však je, že se snaží, a zjistí, soubor style.css a pak vytáhne ji 896 00:44:05,920 --> 00:44:08,470 v a používá jako styly pro stránku. 897 00:44:08,470 --> 00:44:10,500 A vaše style.css by jen vypadat takto. 898 00:44:10,500 --> 00:44:13,330 Bylo by to jen banda CSS. 899 00:44:13,330 --> 00:44:16,210 >> A konečně, je tu jiný způsob, jak mohou zahrnovat CSS, které si opravdu 900 00:44:16,210 --> 00:44:17,480 by neměl nikdy dělat. 901 00:44:17,480 --> 00:44:18,950 Je to výzva inline styl. 902 00:44:18,950 --> 00:44:22,650 A tak jakýkoliv HTML element může také se atribut style. 903 00:44:22,650 --> 00:44:26,320 A pak se v tomto atributu style, můžete dát pravidla CSS. 904 00:44:26,320 --> 00:44:29,140 Takže v tomto případě, co div, že jsem definování tady, bude to 905 00:44:29,140 --> 00:44:32,580 mají černé pozadí a bílá barva textu. 906 00:44:32,580 --> 00:44:35,620 Ale neměli byste to dělat, protože to, co to však je, že staví své styling 907 00:44:35,620 --> 00:44:36,850 uvnitř HTML. 908 00:44:36,850 --> 00:44:40,530 >> A já vím, že jsme mluvili o HTML je struktura a CSS styl. 909 00:44:40,530 --> 00:44:42,790 Pokud to uděláte, se mísí je dohromady. 910 00:44:42,790 --> 00:44:44,550 A to není moc čisté. 911 00:44:44,550 --> 00:44:45,800 Tak nedělej to. 912 00:44:45,800 --> 00:44:47,690 913 00:44:47,690 --> 00:44:52,100 Použití příklad CSS, tam jsme vyberte tělo HTML 914 00:44:52,100 --> 00:44:52,380 dokument. 915 00:44:52,380 --> 00:44:55,110 A my na to všechno Bude Comic Sans. 916 00:44:55,110 --> 00:44:57,290 Také jsem nedoporučuji to. 917 00:44:57,290 --> 00:44:59,940 Ale jsi to mohl udělat. 918 00:44:59,940 --> 00:45:03,140 >> Druhé pravidlo tady, bude to vyberte prvek na 919 00:45:03,140 --> 00:45:04,880 Stránka s ID main. 920 00:45:04,880 --> 00:45:11,690 Takže bez ohledu na HTML element, řekl jsem ID = Hlavní, já dám, že 921 00:45:11,690 --> 00:45:16,020 20-pixel marže a sladit vše, veškerý text, do centra. 922 00:45:16,020 --> 00:45:19,030 Poslední věc, kterou vybere podle CSS třídy. 923 00:45:19,030 --> 00:45:24,450 Takže jakýkoli prvek na stránce, která jsem dal třída sekce, budu dělat to 924 00:45:24,450 --> 00:45:26,602 barva světle modré pozadí. 925 00:45:26,602 --> 00:45:29,380 926 00:45:29,380 --> 00:45:30,040 Jo. 927 00:45:30,040 --> 00:45:30,700 To je vše, co mám. 928 00:45:30,700 --> 00:45:30,890 Otázka? 929 00:45:30,890 --> 00:45:34,020 >> DIVÁKŮ: Co hashtag Před hlavním dělat? 930 00:45:34,020 --> 00:45:36,310 >> ANGELA LI: Otázkou je, co dělá hashtag před hlavní úkoly? 931 00:45:36,310 --> 00:45:40,770 V tomto případě, hash v CSS znamená vybrat podle ID. 932 00:45:40,770 --> 00:45:47,490 Takže když jsem měl nějaký HTML prvek, jako je DELIT = hlavní, toto pravidlo CSS vybírá 933 00:45:47,490 --> 00:45:49,260 věc s ID main. 934 00:45:49,260 --> 00:45:53,940 A podobně, období před Sekce je vybrat podle CSS třídy nebo 935 00:45:53,940 --> 00:45:56,558 vyberte pomocí HTML třídě. 936 00:45:56,558 --> 00:46:00,940 >> DIVÁKŮ: Proč je tam má před 6 v barvě pozadí? 937 00:46:00,940 --> 00:46:01,270 >> ANGELA LI: Jo. 938 00:46:01,270 --> 00:46:03,360 Takže otázka je, proč je tam hash před 6? 939 00:46:03,360 --> 00:46:05,320 To je jiný než ten hash. 940 00:46:05,320 --> 00:46:09,500 To znamená, že dáváte hexadecimální barvy. 941 00:46:09,500 --> 00:46:14,260 Takže hexadecimální barvy, to jen představuje barvu. 942 00:46:14,260 --> 00:46:17,860 A pamatujte RGB trojice, kdy jste na forenzní pset? 943 00:46:17,860 --> 00:46:18,770 To je podobné. 944 00:46:18,770 --> 00:46:21,590 První dvě číslice představují kolik je v červené barvě. 945 00:46:21,590 --> 00:46:23,260 Druhé dva představují Jak moc zelený. 946 00:46:23,260 --> 00:46:25,450 A třetí představuje kolik modrá. 947 00:46:25,450 --> 00:46:30,060 A hash je to se děje reprezentovat barvy. 948 00:46:30,060 --> 00:46:35,660 >> Takže něco z 0, 0, 0, 0, 0, 0 až F, F, F, F, F, F je platný. 949 00:46:35,660 --> 00:46:39,550 Je to nějaký platný barva, která může budou zobrazeny ve vašem prohlížeči. 950 00:46:39,550 --> 00:46:39,790 Otázka? 951 00:46:39,790 --> 00:46:43,590 >> DIVÁKŮ: Jaký je rozdíl mezi použití podle ID a třídy? 952 00:46:43,590 --> 00:46:46,470 >> ANGELA LI: Otázkou je, co je rozdíl mezi 953 00:46:46,470 --> 00:46:48,950 použití podle ID a třídy? 954 00:46:48,950 --> 00:46:54,390 Můžete mít pouze jeden prvek HTML dokument, který má danou ID. 955 00:46:54,390 --> 00:46:58,660 Takže jen jedna věc, na mé stránce je povoleno mít ID main. 956 00:46:58,660 --> 00:47:02,580 Tak jej použít pro toto je hlavička. 957 00:47:02,580 --> 00:47:03,850 To je navigace. 958 00:47:03,850 --> 00:47:05,230 Toto je zápatí. 959 00:47:05,230 --> 00:47:09,070 Třídy jsou odlišné, protože můžete platí tříd jako mnoho prvků HTML 960 00:47:09,070 --> 00:47:10,100 jak budete chtít. 961 00:47:10,100 --> 00:47:15,860 >> Tak například, dělal jsem třídní část, protože tam je asi víc než jeden 962 00:47:15,860 --> 00:47:17,540 část na mé straně. 963 00:47:17,540 --> 00:47:20,200 Jenom dovoleno mít tolik prvky na stránce se stejným 964 00:47:20,200 --> 00:47:23,190 třída, ale pouze jeden s určitým ID. 965 00:47:23,190 --> 00:47:25,600 >> DIVÁKŮ: Tak tečka představuje třída? 966 00:47:25,600 --> 00:47:26,090 >> ANGELA LI: Jo. 967 00:47:26,090 --> 00:47:27,380 Tečka reprezentuje třídu. 968 00:47:27,380 --> 00:47:29,990 969 00:47:29,990 --> 00:47:31,540 V pohodě. 970 00:47:31,540 --> 00:47:32,370 To je všechno, co mám, kluci. 971 00:47:32,370 --> 00:47:33,544 Děkuju. 972 00:47:33,544 --> 00:48:13,380 >> [APPLAUSE] 973 00:48:13,380 --> 00:48:14,290 >> ZAMYLA CHAN: Ahoj, všichni. 974 00:48:14,290 --> 00:48:14,880 Jsem Zamyla. 975 00:48:14,880 --> 00:48:18,830 Budu se zde zabývat PHP, MVC a SQL dnes. 976 00:48:18,830 --> 00:48:22,350 977 00:48:22,350 --> 00:48:26,110 Hodně materiálu, který budu krytina bude do značné míry 978 00:48:26,110 --> 00:48:29,100 přímo z pset7. 979 00:48:29,100 --> 00:48:29,700 Dobrá. 980 00:48:29,700 --> 00:48:31,180 Takže to, co je PHP? 981 00:48:31,180 --> 00:48:35,150 PHP je zkratka pro PHP Hypertext Preprocessor. 982 00:48:35,150 --> 00:48:38,740 Takže to, samo o sobě, je rekurzivní jméno, které je docela v pohodě. 983 00:48:38,740 --> 00:48:42,220 PHP je server-side skriptovací jazyk, a poskytuje backend 984 00:48:42,220 --> 00:48:44,610 a logické opory na našich webových stránkách. 985 00:48:44,610 --> 00:48:48,520 >> Takže Angela mluvila hodně o HTML a CSS, které bude struktura 986 00:48:48,520 --> 00:48:49,530 na internetových stránkách. 987 00:48:49,530 --> 00:48:53,210 Ale co když chcete změnit obsah dynamicky, nebo v případě, že se liší 988 00:48:53,210 --> 00:48:55,240 založené na uživatele nebo určitých podmínek? 989 00:48:55,240 --> 00:48:57,060 To je místo, kde PHP vypovídací 990 00:48:57,060 --> 00:49:02,610 Nyní, typicky, PHP může trvat několik méně čáry k provedení totéž 991 00:49:02,610 --> 00:49:07,380 v C. To proto, že PHP zpracovává paměti řízení pro programátora, 992 00:49:07,380 --> 00:49:11,170 na rozdíl od nás mají na malloc zdarma, podobné věci. 993 00:49:11,170 --> 00:49:15,430 >> Ale protože PHP je interpretační jazyk, typicky, to by mohlo provést 994 00:49:15,430 --> 00:49:19,540 trochu pomaleji než C, což je sestaven jazyk. 995 00:49:19,540 --> 00:49:23,150 Protože jdeme programování jazyky, pojďme se podívat na to, jak 996 00:49:23,150 --> 00:49:24,570 Syntaxe se liší. 997 00:49:24,570 --> 00:49:28,770 Buďme velmi opatrní, aby plést s tím. 998 00:49:28,770 --> 00:49:33,750 Takže se syntaxí PHP, ať už jsou vložení vašeho PHP uvnitř HTML 999 00:49:33,750 --> 00:49:40,430 souboru nebo do souboru. php sám, vy je třeba přiložit kód v otevřené 1000 00:49:40,430 --> 00:49:45,270 PHP a uzavřené PHP tagy jako následuje, stejně jako na obrazovce. 1001 00:49:45,270 --> 00:49:46,660 >> Proměnné v PHP. 1002 00:49:46,660 --> 00:49:51,490 Každý proměnná bude začínat $ znak následovaný názvem 1003 00:49:51,490 --> 00:49:53,150 Váš variabilní. 1004 00:49:53,150 --> 00:49:56,530 Nyní, proměnné v PHP jsou volně zadali, což znamená, že nepotřebujete 1005 00:49:56,530 --> 00:50:00,030 uvést, jaký typ dat je, když jste ji deklarovat. 1006 00:50:00,030 --> 00:50:03,505 Nicméně, to neznamená, že nemají všechny typy vůbec. 1007 00:50:03,505 --> 00:50:09,370 Takže když deklarujete proměnnou a stačí nastavit je rovna 1, a pak prohlašuji, 1008 00:50:09,370 --> 00:50:15,140 další proměnnou, nastavte ji na hodnotu "1", a pak ještě jeden 1,0, dobře, 1009 00:50:15,140 --> 00:50:19,410 v závislosti na typu rovnosti Provozovatelé používám, když chci porovnat 1010 00:50:19,410 --> 00:50:21,830 všech typů, poté že bude stejná. 1011 00:50:21,830 --> 00:50:25,570 Ale pokud chci, aby se ujistil, že typy jsou si rovni, PHP může ještě udělat 1012 00:50:25,570 --> 00:50:28,690 že, i když jsme nenaznačují jaký to je, když jsme 1013 00:50:28,690 --> 00:50:31,170 nejprve vytvořit soubor. 1014 00:50:31,170 --> 00:50:33,990 >> Nyní, v PHP, i když jsme přepínání z programování 1015 00:50:33,990 --> 00:50:39,360 jazyky od C, máme stále naše věrný, pokud podmínka, stejně jako to. 1016 00:50:39,360 --> 00:50:43,270 Stále máme while, jen jako je tato, kde si dát do svého 1017 00:50:43,270 --> 00:50:47,300 stav a poté tělo smyčky. 1018 00:50:47,300 --> 00:50:50,360 A pak tu máme i náš pro smyčce který obvykle vypadá takto. 1019 00:50:50,360 --> 00:50:55,330 Takže když jsem chtěl iterovat přes všechny devět psets a předložit a volání 1020 00:50:55,330 --> 00:50:58,960 funkce submitPset, pak mohu udělat tu, které vy všichni 1021 00:50:58,960 --> 00:50:59,830 provádí tímto bodem. 1022 00:50:59,830 --> 00:51:01,080 Gratulujeme, mimochodem. 1023 00:51:01,080 --> 00:51:04,560 1024 00:51:04,560 --> 00:51:07,550 >> Pro kamery, lidé řekl, děkuji. 1025 00:51:07,550 --> 00:51:11,220 Nyní, pokud jste nechtěli, aby stačí použít tento pro smyčce, pak PHP vlastně také 1026 00:51:11,220 --> 00:51:13,580 se věci tzv. foreach smyčky. 1027 00:51:13,580 --> 00:51:22,210 Takže když jsem měl řadu čísel, 0 až 8, uložené v poli psets, 1028 00:51:22,210 --> 00:51:27,290 pak bych mohl mít smyčky foreach, který iterace přes všechny čísla v psets. 1029 00:51:27,290 --> 00:51:30,640 A pak bych mohl zavolat stejné fungovat osmkrát, 1030 00:51:30,640 --> 00:51:31,910 stejně jako jsem to udělal předtím. 1031 00:51:31,910 --> 00:51:36,480 Takže to pro každou smyčku je pěkné, protože nemusíte se, pokud nevíte, 1032 00:51:36,480 --> 00:51:39,470 Přesná délka pole, které se, pak pomocí této smyčky foreach 1033 00:51:39,470 --> 00:51:42,800 se o to postará za vás. 1034 00:51:42,800 --> 00:51:45,410 >> Tak jsem udělal psets jako pole. 1035 00:51:45,410 --> 00:51:46,700 Pojďme se podívat na to. 1036 00:51:46,700 --> 00:51:51,290 Pole v PHP jsou obvykle stejné jako ty, které jsme měli v jazyce C, kde 1037 00:51:51,290 --> 00:51:52,960 můžete deklarovat pole. 1038 00:51:52,960 --> 00:51:59,200 A tady, mohu prohlásit prázdné pole a pak vybudovat dynamicky pomocí 1039 00:51:59,200 --> 00:52:00,850 Indexy jsou celá čísla. 1040 00:52:00,850 --> 00:52:04,140 Takže indexem 0, jdu uložit celé číslo 1, s názvem. 1041 00:52:04,140 --> 00:52:09,210 Na indexu 1 na mém seznamu, jdu pro uložení hodnoty 2. 1042 00:52:09,210 --> 00:52:12,670 A na třetí indexu, ale druhé číslo, budu 1043 00:52:12,670 --> 00:52:14,870 uložit číslo 12. 1044 00:52:14,870 --> 00:52:17,250 >> Nyní, to je v pořádku v tom, že funguje to dobře funguje. 1045 00:52:17,250 --> 00:52:21,310 Ale říkají, že to záleží na mně co každý index má. 1046 00:52:21,310 --> 00:52:24,500 Pro mě, index 0 znamená, jak Mnoho koček mám. 1047 00:52:24,500 --> 00:52:27,400 A index 1 znamená, jak mnoho sovy mám. 1048 00:52:27,400 --> 00:52:29,450 A příští znamená, kolik psů. 1049 00:52:29,450 --> 00:52:34,140 No, tak to upřesnit, že místo mít na paměti, 0 se týká 1050 00:52:34,140 --> 00:52:38,090 kočky a 1 až sovy, můžu použít asociativní pole, což znamená, že 1051 00:52:38,090 --> 00:52:42,260 místo čísel jsou mé indexů, Mohu skutečně používat řetězce. 1052 00:52:42,260 --> 00:52:43,290 >> Tak to je docela užitečné. 1053 00:52:43,290 --> 00:52:47,130 A vy jste v podstatě jen vyměnit celá čísla s řetězci. 1054 00:52:47,130 --> 00:52:50,074 A tady to máte asociativní pole. 1055 00:52:50,074 --> 00:52:51,930 Jo. 1056 00:52:51,930 --> 00:52:55,800 >> DIVÁKŮ: Je tu důvod, proč tam je podtržítko za sekundu 1057 00:52:55,800 --> 00:52:58,750 část, protože můj seznam má pole. 1058 00:52:58,750 --> 00:53:01,330 >> ZAMYLA CHAN: Otázka byla, je existuje důvod, proč tam je 1059 00:53:01,330 --> 00:53:03,320 podtržítko mezi mou a seznamu? 1060 00:53:03,320 --> 00:53:03,610 Ne. 1061 00:53:03,610 --> 00:53:06,878 To je jen, jak jsem pojmenování můj variabilní. 1062 00:53:06,878 --> 00:53:11,670 >> DIVÁKŮ: Na první linka, to je jedno slovo. 1063 00:53:11,670 --> 00:53:12,560 >> ZAMYLA CHAN: Omlouvám. 1064 00:53:12,560 --> 00:53:13,410 Udělám to. 1065 00:53:13,410 --> 00:53:13,620 Jo. 1066 00:53:13,620 --> 00:53:15,460 Měly by být stejný název proměnné. 1067 00:53:15,460 --> 00:53:16,710 Dobrý úlovek. 1068 00:53:16,710 --> 00:53:19,640 1069 00:53:19,640 --> 00:53:19,950 OK. 1070 00:53:19,950 --> 00:53:22,610 Takže pojďme se přesunout na provázku zřetězení. 1071 00:53:22,610 --> 00:53:27,500 Kdybych chtěl, aby se dva řetězce, pak jsem je zřetězit 1072 00:53:27,500 --> 00:53:28,550 s operátorem tečka. 1073 00:53:28,550 --> 00:53:32,440 Takže když mám Milo jako první jména a Banana jako příjmení, a pak 1074 00:53:32,440 --> 00:53:35,430 zřetězení s operátorem tečky a pak uvedení mezeru mezi 1075 00:53:35,430 --> 00:53:39,210 bude řetězec, který obsahuje Milo Banana, který jsem pak echo, nebo 1076 00:53:39,210 --> 00:53:41,280 spíše vytisknout. 1077 00:53:41,280 --> 00:53:44,465 >> Když už mluvíme o echo, mluvme o málo užitečná - 1078 00:53:44,465 --> 00:53:44,920 Chybička se vloudila. 1079 00:53:44,920 --> 00:53:46,030 Je mi to líto. 1080 00:53:46,030 --> 00:53:52,920 Několik užitečných PHP funkcí. 1081 00:53:52,920 --> 00:53:56,240 Takže máme - 1082 00:53:56,240 --> 00:53:57,444 technické obtíže. 1083 00:53:57,444 --> 00:53:58,694 Jedna sekunda. 1084 00:53:58,694 --> 00:54:16,960 1085 00:54:16,960 --> 00:54:19,550 Poslal jsem ho. 1086 00:54:19,550 --> 00:54:22,320 Problémy PowerPoint. 1087 00:54:22,320 --> 00:54:29,200 A jsme zpět s PHP funkcí. 1088 00:54:29,200 --> 00:54:32,010 1089 00:54:32,010 --> 00:54:35,150 A jsme zpět s PHP funkcí. 1090 00:54:35,150 --> 00:54:39,890 >> Takže jsme se vyžadují funkce, kde pokud předáte do souboru, tady je právě 1091 00:54:39,890 --> 00:54:43,300 příklad souboru, který Mohl bych projít dovnitř 1092 00:54:43,300 --> 00:54:47,605 Tak to bude zahrnovat PHP kód z tohoto souboru, který jsem naznačovat. 1093 00:54:47,605 --> 00:54:49,940 A to bude hodnotit, zda palců 1094 00:54:49,940 --> 00:54:54,450 Pak máme také ozvěna, která je rovnoběžná s printf. 1095 00:54:54,450 --> 00:54:57,710 Konec je rovnoběžná s zlomit, který ukončí blok 1096 00:54:57,710 --> 00:54:58,570 kód, který jste palců 1097 00:54:58,570 --> 00:55:03,180 A pak prázdné kontroluje, zda daný Proměnná je jako null nebo nula nebo 1098 00:55:03,180 --> 00:55:08,482 co se ztotožňuje s tím, že prázdný. 1099 00:55:08,482 --> 00:55:09,438 Jo. 1100 00:55:09,438 --> 00:55:15,341 >> DIVÁKŮ: Pro řetězec zřetězení dot jeden provozovatel, v PHP, je to, že 1101 00:55:15,341 --> 00:55:20,158 stejně jako v JavaScriptu, kde je to pomocí tečka pro zřetězení znamená znaménko plus? 1102 00:55:20,158 --> 00:55:27,440 Takže pro celé jméno, můžete mít dolar podepsat první + a + vydrží? 1103 00:55:27,440 --> 00:55:27,720 >> ZAMYLA CHAN: Jo. 1104 00:55:27,720 --> 00:55:32,150 Takže otázkou bylo, zda v PHP jsme můžete použít stejné zřetězení 1105 00:55:32,150 --> 00:55:33,890 jako v JavaScriptu s plusy. 1106 00:55:33,890 --> 00:55:35,410 A Josef se dostat do toho později. 1107 00:55:35,410 --> 00:55:36,620 Myslím, že má snímek na to. 1108 00:55:36,620 --> 00:55:37,570 Ve skutečnosti, je to jiné. 1109 00:55:37,570 --> 00:55:41,310 Takže v JavaScriptu, budete muset použít a zřetězit řetězce. 1110 00:55:41,310 --> 00:55:43,280 A v PHP, musíte pomocí operátoru tečka. 1111 00:55:43,280 --> 00:55:44,530 Tak jsou různé. 1112 00:55:44,530 --> 00:55:46,680 1113 00:55:46,680 --> 00:55:46,910 >> OK. 1114 00:55:46,910 --> 00:55:49,500 Takže teď, že jsme probrali vše Tento PHP, kde to 1115 00:55:49,500 --> 00:55:50,490 opravdu přijde vhod? 1116 00:55:50,490 --> 00:55:54,470 No, to přijde vhod, když jsme lze kombinovat s naším HTML. 1117 00:55:54,470 --> 00:55:59,550 Takže naše PHP nám dá sílu, aby změnit dané stránky v obsahu HTML před 1118 00:55:59,550 --> 00:56:00,000 jeho zatížení. 1119 00:56:00,000 --> 00:56:04,270 A tak na základě různých podmínek, obvykle specifické pro uživatele, který je 1120 00:56:04,270 --> 00:56:07,520 přihlášen, můžeme zobrazit různé informace. 1121 00:56:07,520 --> 00:56:08,800 Lindo, jsi na něco zeptat? 1122 00:56:08,800 --> 00:56:15,510 >> DIVÁKŮ: Můžete zřetězit celé číslo i? 1123 00:56:15,510 --> 00:56:16,760 >> ZAMYLA CHAN: Ano, můžete. 1124 00:56:16,760 --> 00:56:19,530 1125 00:56:19,530 --> 00:56:23,270 Takže otázka je, pokud je to možné zřetězit celá čísla nebo jiné 1126 00:56:23,270 --> 00:56:28,920 variable.s teď přejdeme k MVC, které je vzor, ​​který se používá v 1127 00:56:28,920 --> 00:56:33,380 pset7 a mnoho webové designéry použít pro organizování kódu v souborech 1128 00:56:33,380 --> 00:56:34,490 na svých internetových stránkách. 1129 00:56:34,490 --> 00:56:35,870 M je zkratka pro model. 1130 00:56:35,870 --> 00:56:41,450 A v podstatě, model soubory se bude zabývat se interakce s databází. 1131 00:56:41,450 --> 00:56:44,640 Zobrazit soubory, které se vztahují k estetika webových stránkách. 1132 00:56:44,640 --> 00:56:47,550 A rukojeti Controller uživatelské požadavky, analyzovat 1133 00:56:47,550 --> 00:56:49,230 údaje, dělá jinou logiku. 1134 00:56:49,230 --> 00:56:52,520 >> V pset7, jsme spojili model a regulátor. 1135 00:56:52,520 --> 00:56:55,880 A my jen volal jejich regulátory a dát je ve veřejném seznamu. 1136 00:56:55,880 --> 00:57:01,730 A zobrazení souborů, můžeme použít jako šablony v adresáři šablon. 1137 00:57:01,730 --> 00:57:07,260 Takže toto schéma zde také představuje že stejný druh dělení se 1138 00:57:07,260 --> 00:57:10,510 modelu a regulátoru ve fialové zde na levé straně a 1139 00:57:10,510 --> 00:57:12,770 pohled na pravé straně. 1140 00:57:12,770 --> 00:57:16,020 Tak tohle je schéma, které někteří z vás Možná jste viděli v úřední hodiny nebo 1141 00:57:16,020 --> 00:57:19,130 diagramy, které jsme byli kreslení jako vy se zjišťuje z vašeho pset. 1142 00:57:19,130 --> 00:57:25,030 >> Tak tady, v daném regulátoru, model regulátor, máme funkce 1143 00:57:25,030 --> 00:57:30,490 které se vztahují k dotazu SQL databáze, provádění PHP logiku. 1144 00:57:30,490 --> 00:57:32,370 Možná byste vyhledat sklad Yahoo! 1145 00:57:32,370 --> 00:57:34,590 Finance. 1146 00:57:34,590 --> 00:57:37,390 Nebo možná, jen byste zkontrolovat, zjistit, zda uživatel podal 1147 00:57:37,390 --> 00:57:40,250 tvoří již před tím, než navštívil vaše stránky. 1148 00:57:40,250 --> 00:57:43,390 A pak byste měli učinit tvoří tady. 1149 00:57:43,390 --> 00:57:48,210 Poté, co bylo předloženo, že forma uživatelem, akce, která byla 1150 00:57:48,210 --> 00:57:53,470 zadanou ve formuláři v HTML tagu by uvést stránku, která je 1151 00:57:53,470 --> 00:57:55,620 tato data vrátí do. 1152 00:57:55,620 --> 00:57:59,460 >> Takže všechny ty informace by poslal zpět do regulátoru. 1153 00:57:59,460 --> 00:58:02,620 Pak byste asi dělat trochu víc logika na to a možná provést několik 1154 00:58:02,620 --> 00:58:06,510 více dotazů v SQL databázi a pak, konečně, přijít s pěkně 1155 00:58:06,510 --> 00:58:11,930 balené sada informací, které by předat do nějaké jiné šablony 1156 00:58:11,930 --> 00:58:13,950 , která se zobrazí informace. 1157 00:58:13,950 --> 00:58:17,030 A teď, jak jsme se vlastně balíček že informace se? 1158 00:58:17,030 --> 00:58:23,980 No, my máme funkci zvanou Render , která byla v souboru functions.php v 1159 00:58:23,980 --> 00:58:29,950 pset7, kde můžete projít ve jménu soubor, název šablony. 1160 00:58:29,950 --> 00:58:32,160 >> A pak si také projít v asociativní pole. 1161 00:58:32,160 --> 00:58:37,150 A tak, že asociativní pole představuje různé informace 1162 00:58:37,150 --> 00:58:39,040 které chcete předat palců 1163 00:58:39,040 --> 00:58:43,460 A teď, co se děje, že je konstantní v Tyto příklady je, že klíče nebo, 1164 00:58:43,460 --> 00:58:47,070 spíše, klíče na asociativní pole, které jsou, co se děje, aby se 1165 00:58:47,070 --> 00:58:51,050 Očekává se, že konstantní šablonou, protože ví, že potřebuje 1166 00:58:51,050 --> 00:58:53,990 něco, co nazývá zprávu nebo tzv. jméno. 1167 00:58:53,990 --> 00:58:56,940 A pak věci na pravé straně, skutečné hodnoty, takže v tomto případě, který je 1168 00:58:56,940 --> 00:59:00,750 hodný chlapec a Milo, ty jdou být hodnoty, které se mění 1169 00:59:00,750 --> 00:59:05,610 že regulátor se mění při každém nebo s ohledem na konkrétní podmínky a 1170 00:59:05,610 --> 00:59:07,120 projde, že palců 1171 00:59:07,120 --> 00:59:12,790 >> Takže tady v šablonách, vidíme, že jsme používáte speciální znaky HTML, 1172 00:59:12,790 --> 00:59:16,370 který právě v podstatě znamená, že chceme dostat peer řetězec, který 1173 00:59:16,370 --> 00:59:17,580 uživatel dát dovnitř 1174 00:59:17,580 --> 00:59:20,880 A chceme nahradit zpráva zde. 1175 00:59:20,880 --> 00:59:26,110 Takže když jsme vlastně zobrazení soubor, specifický 1176 00:59:26,110 --> 00:59:28,700 informace jsou předávány palců 1177 00:59:28,700 --> 00:59:33,850 Všimněte si, že klíč, jak učinit práce je že klíče asociativní 1178 00:59:33,850 --> 00:59:37,170 pole, které stát proměnná jména zde. 1179 00:59:37,170 --> 00:59:40,720 A tak se hodnoty tohoto klíče v asociativní pole se pak stává 1180 00:59:40,720 --> 00:59:41,970 hodnota proměnné. 1181 00:59:41,970 --> 00:59:44,800 1182 00:59:44,800 --> 00:59:46,040 >> Nyní, pojďme se přesunout na SQL. 1183 00:59:46,040 --> 00:59:48,010 To je zkratka pro Structured Query Language. 1184 00:59:48,010 --> 00:59:50,460 A tak je to jen programování jazyk navržený 1185 00:59:50,460 --> 00:59:51,880 pro správu databází. 1186 00:59:51,880 --> 00:59:56,860 A to přišlo vhod pro nás naše pset7 web finance. 1187 00:59:56,860 --> 01:00:00,510 V podstatě je to jen jednoduchý způsob, jak sledování a správu objektů a tabulek 1188 01:00:00,510 --> 01:00:02,070 a propojit je navzájem. 1189 01:00:02,070 --> 01:00:06,860 A teď, myslím, že SQL databáze v podstatě jako soubor aplikace Excel, možná, 1190 01:00:06,860 --> 01:00:10,040 s více kartami listů. 1191 01:00:10,040 --> 01:00:13,820 >> Takže byste mohli mít více tabulek, Možná, že navzájem propojené. 1192 01:00:13,820 --> 01:00:19,420 A podobně jako v Excelu, máme hodně funkce, které chceme. 1193 01:00:19,420 --> 01:00:22,300 Například, můžeme zvolit některé řádky. 1194 01:00:22,300 --> 01:00:24,110 Můžeme vložit informace. 1195 01:00:24,110 --> 01:00:25,560 Můžeme aktualizovat řádky. 1196 01:00:25,560 --> 01:00:27,440 A můžeme také vymazat věci. 1197 01:00:27,440 --> 01:00:30,920 1198 01:00:30,920 --> 01:00:36,560 >> SQL vybrat díla výběrem řádků nebo řada specifikovaných sloupců z 1199 01:00:36,560 --> 01:00:39,640 databáze, které odpovídají určité Kritéria, které jste uvést. 1200 01:00:39,640 --> 01:00:44,930 Takže tady, když vidím select * from kouzelníci, kde dům = Havraspár, pak 1201 01:00:44,930 --> 01:00:48,340 Já výběru *, což znamená, že jsem výběr každý sloupec v tom, že 1202 01:00:48,340 --> 01:00:56,340 řádek z tabulky průvodců, ale pouze tehdy, pokud Dům sloupec rovná Havraspáru. 1203 01:00:56,340 --> 01:00:57,840 Nyní, to je čistá nebo SQL. 1204 01:00:57,840 --> 01:01:02,680 Takže když jsem šel do phpMyAdmin, který je specifický způsob, který používáme pro správu 1205 01:01:02,680 --> 01:01:07,040 Naše databáze SQL, pak bych mohl vložit že na webové stránky phpMyAdmin. 1206 01:01:07,040 --> 01:01:08,290 A že by se spustit. 1207 01:01:08,290 --> 01:01:11,280 >> Ale my vlastně chcete dělat že na straně PHP. 1208 01:01:11,280 --> 01:01:12,580 Tak jak to uděláme? 1209 01:01:12,580 --> 01:01:20,180 No, budeme používat funkci dotazu, který v podstatě provádí SQL dotazu. 1210 01:01:20,180 --> 01:01:21,830 Používání? 1211 01:01:21,830 --> 01:01:25,850 jako zástupný znak, můžeme projít v některých Hodnoty naší řetězec, který jsme 1212 01:01:25,850 --> 01:01:26,920 chcete nahradit. 1213 01:01:26,920 --> 01:01:32,110 Tak snad jsem ukládání jiný Hodnoty v curr_house, které 1214 01:01:32,110 --> 01:01:34,400 představuje aktuální domu že jsem procházel. 1215 01:01:34,400 --> 01:01:39,040 Tak jsem se projít, že jako zástupný symbol s otazníkem. 1216 01:01:39,040 --> 01:01:43,290 A pak budu v podstatě provést totéž, co jsem dělal předtím, s výjimkou 1217 01:01:43,290 --> 01:01:45,550 teď jsem v PHP. 1218 01:01:45,550 --> 01:01:51,300 >> A dotaz vrátí asociativní pole. 1219 01:01:51,300 --> 01:01:53,470 A budu ukládat v řadách. 1220 01:01:53,470 --> 01:01:56,880 Nyní, dotaz může vždy selhat. 1221 01:01:56,880 --> 01:02:02,870 Možná, že dotaz SQL nelze spustit protože tabulka neexistuje. 1222 01:02:02,870 --> 01:02:04,310 Nebo, sloupec neexistovala. 1223 01:02:04,310 --> 01:02:05,400 Něco je špatně. 1224 01:02:05,400 --> 01:02:08,170 No, v tom případě, že budete chtít, aby se Ujistěte se, že jste zkontrolovat, zda 1225 01:02:08,170 --> 01:02:09,700 dotaz vrátil false. 1226 01:02:09,700 --> 01:02:15,590 A to pomocí triple rovná provoz tam. 1227 01:02:15,590 --> 01:02:19,660 >> A pak jsem se omluvit, což je další Funkce CS50, procházející ve zprávě. 1228 01:02:19,660 --> 01:02:23,435 A když se podíváte na omlouváme, veškeré ní opravdu je činí apology.php. 1229 01:02:23,435 --> 01:02:26,100 1230 01:02:26,100 --> 01:02:26,410 Jo. 1231 01:02:26,410 --> 01:02:29,630 >> DIVÁKŮ: Mohl byste vysvětlit, co to hvězda dělá mezi select a od? 1232 01:02:29,630 --> 01:02:30,710 >> ZAMYLA CHAN: Jo, určitě. 1233 01:02:30,710 --> 01:02:35,220 Takže hvězda mezi select a od Znamená to, že chci vybrat celý 1234 01:02:35,220 --> 01:02:37,440 Celá řada z mého stolu. 1235 01:02:37,440 --> 01:02:41,900 Mohl jsem uvedla zvolte jméno, rok, dům. 1236 01:02:41,900 --> 01:02:46,160 A já bych jen dostat ty tři Sloupce v mém stole. 1237 01:02:46,160 --> 01:02:51,560 Ale když řeknu SELECT *, pak budu dostat vše, co v tomto sloupci. 1238 01:02:51,560 --> 01:02:53,760 Pak jsem tě jít v první zádech. 1239 01:02:53,760 --> 01:02:57,656 >> DIVÁKŮ: Takže je to stále v SQL, ne? 1240 01:02:57,656 --> 01:02:59,610 Je to dotaz, nebo je to PHP? 1241 01:02:59,610 --> 01:03:00,550 >> ZAMYLA CHAN: Jsme v dotazu. 1242 01:03:00,550 --> 01:03:01,940 Takže je to v PHP. 1243 01:03:01,940 --> 01:03:06,280 Takže pomocí PHP funkce dotazu na, máme provádění SQL dotazu. 1244 01:03:06,280 --> 01:03:11,988 1245 01:03:11,988 --> 01:03:15,364 >> DIVÁKŮ: Je něco v SQL case-sensitive, jako je výběr 1246 01:03:15,364 --> 01:03:17,834 nebo kouzelníci, nebo dům? 1247 01:03:17,834 --> 01:03:20,050 >> ZAMYLA CHAN: Je něco v SQL case-sensitive? 1248 01:03:20,050 --> 01:03:21,760 Věřím, že ano. 1249 01:03:21,760 --> 01:03:24,620 Věřím, že SELECT a FROM A kde jsou case-sensitive. 1250 01:03:24,620 --> 01:03:25,535 Ne? 1251 01:03:25,535 --> 01:03:27,500 >> ROB BOWDEN: Takže, je to naopak. 1252 01:03:27,500 --> 01:03:32,030 Názvy sloupců a tabulky prostředky, všechny z nich jsou case-sensitive. 1253 01:03:32,030 --> 01:03:35,470 Avšak některé z MySQL klíčových slov, jako je SELECT, FROM a WHERE, které nejsou 1254 01:03:35,470 --> 01:03:36,140 case-sensitive. 1255 01:03:36,140 --> 01:03:36,420 OK. 1256 01:03:36,420 --> 01:03:37,780 Takže opak toho, co jsem řekl. 1257 01:03:37,780 --> 01:03:40,420 Takže všechna klíčová slova MySQL - 1258 01:03:40,420 --> 01:03:42,670 vyberte, z, kde - ty nejsou citlivé na velikost písmen. 1259 01:03:42,670 --> 01:03:44,630 Ale všechno ostatní je. 1260 01:03:44,630 --> 01:03:45,210 OK. 1261 01:03:45,210 --> 01:03:46,500 Nacházíte se v přední části. 1262 01:03:46,500 --> 01:03:52,041 >> DIVÁKŮ: Když jsem $ řádky, pokud jde o více než jeden řádek, znamená to, že je 1263 01:03:52,041 --> 01:03:53,640 jen se stane asociativní pole? 1264 01:03:53,640 --> 01:03:59,550 >> ZAMYLA CHAN: Takže otázka je, zda řádky má více než jeden řádek v ní, se 1265 01:03:59,550 --> 01:04:01,800 se stane asociativní pole? 1266 01:04:01,800 --> 01:04:05,680 Tak to je pole asociativní pole již. 1267 01:04:05,680 --> 01:04:10,730 Takže i když je tam jen jeden řádek se vrátil, pak byste museli jít ke 1268 01:04:10,730 --> 01:04:12,690 index 0 tohoto výsledku. 1269 01:04:12,690 --> 01:04:15,316 A pak budeš mít ten první řádek. 1270 01:04:15,316 --> 01:04:17,482 Ano, Belinda? 1271 01:04:17,482 --> 01:04:21,258 >> DIVÁKŮ: Použijete-li ===, Je to jediný případ? 1272 01:04:21,258 --> 01:04:22,210 Nebo jsou tam další? 1273 01:04:22,210 --> 01:04:26,815 >> ZAMYLA CHAN: Takže v tomto případě === je srovnání u všech typů. 1274 01:04:26,815 --> 01:04:29,870 1275 01:04:29,870 --> 01:04:34,050 Promiňte. === Je srovnání , který porovnává typy. 1276 01:04:34,050 --> 01:04:37,620 A == porovnává u všech typů. 1277 01:04:37,620 --> 01:04:41,620 >> DIVÁKŮ: Můžete mi vysvětlit, co řádky je v této situaci? 1278 01:04:41,620 --> 01:04:45,120 Je to řádek dat? 1279 01:04:45,120 --> 01:04:48,100 >> ZAMYLA CHAN: V další snímek, jsem bude vysvětlovat, co řádky je. 1280 01:04:48,100 --> 01:04:49,890 Takže pokud vám nevadí, že drží off na to. 1281 01:04:49,890 --> 01:04:50,620 A pak se do zad? 1282 01:04:50,620 --> 01:04:54,699 >> DIVÁKŮ: Pro funkce, jako je dotaz, činí a omluvit [neslyšitelný]? 1283 01:04:54,699 --> 01:04:59,050 1284 01:04:59,050 --> 01:05:03,050 >> ZAMYLA CHAN: Otázkou bylo, zda Tyto funkce - dotaz, omlouvám se, 1285 01:05:03,050 --> 01:05:04,510 a činí - 1286 01:05:04,510 --> 01:05:05,930 jsou společné pro PHP. 1287 01:05:05,930 --> 01:05:09,460 To jsou ty, které CS50 psal pro pset7. 1288 01:05:09,460 --> 01:05:09,910 A Jay? 1289 01:05:09,910 --> 01:05:15,333 >> DIVÁKŮ: Když potřebujete říci $ _SESSION, Je to, že pouze v ID? 1290 01:05:15,333 --> 01:05:17,310 Nebo byste mohli říci, že tady? 1291 01:05:17,310 --> 01:05:23,440 >> ZAMYLA CHAN: Otázkou tedy bylo, když používáme $ _SESSION, že byl specifický 1292 01:05:23,440 --> 01:05:25,290 globální proměnná, která jsme použili. 1293 01:05:25,290 --> 01:05:32,080 Zde je tato proměnná bude být lokální naší funkce. 1294 01:05:32,080 --> 01:05:36,588 Takže jsme prostě vyhlášení Nová proměnná. 1295 01:05:36,588 --> 01:05:38,460 >> DIVÁKŮ: Jak se omluvit realizován? 1296 01:05:38,460 --> 01:05:40,960 >> ZAMYLA CHAN: Otázka byla, jak se omluvit realizován? 1297 01:05:40,960 --> 01:05:44,180 A myslím, že je to vlastně docela dobré praxe pro vy jít do 1298 01:05:44,180 --> 01:05:49,260 část functions.php a podívat se na Omlouvám se a uvidíte, jak byste mohli mít 1299 01:05:49,260 --> 01:05:50,670 udělat sami. 1300 01:05:50,670 --> 01:05:55,620 Tak jsem se může nechat na vás, ale jen říkají, že když se podíváte na omluvit, 1301 01:05:55,620 --> 01:06:02,110 pak to trvá zprávu, kterou předložen omluvit, a pak 1302 01:06:02,110 --> 01:06:06,570 činí tuto zprávu. 1303 01:06:06,570 --> 01:06:08,240 Nějaké další otázky? 1304 01:06:08,240 --> 01:06:08,710 Miluji otázky. 1305 01:06:08,710 --> 01:06:09,555 Tak, aby jim blíží. 1306 01:06:09,555 --> 01:06:11,888 >> DIVÁKŮ: [neslyšitelné] 1307 01:06:11,888 --> 01:06:13,840 echo nebo print tam? 1308 01:06:13,840 --> 01:06:15,900 >> ZAMYLA CHAN: Otázka byla, mohli jsme nejen dali 1309 01:06:15,900 --> 01:06:17,000 echo nebo print tam. 1310 01:06:17,000 --> 01:06:19,710 Tak, že by udělal něco mírně odlišné. 1311 01:06:19,710 --> 01:06:23,750 To by se vytiskne dotaz nepodařilo se, že - 1312 01:06:23,750 --> 01:06:27,420 dobře, teď jsme vlastně v našem regulátoru. 1313 01:06:27,420 --> 01:06:30,350 Takže nemáme skutečně HTML nastavit zde. 1314 01:06:30,350 --> 01:06:34,946 Omluvit by vykreslování apologize.php vlastně přesměruje vás na apology.php. 1315 01:06:34,946 --> 01:06:39,560 1316 01:06:39,560 --> 01:06:42,200 OK. 1317 01:06:42,200 --> 01:06:45,880 >> Takže teď, pojďme na adresu otázka z dřívějška, co 1318 01:06:45,880 --> 01:06:47,330 opravdu řádků. 1319 01:06:47,330 --> 01:06:51,960 No, dotaz vrátí pole řádků. 1320 01:06:51,960 --> 01:06:55,020 A každý řádek představuje prostřednictvím asociativního pole. 1321 01:06:55,020 --> 01:07:02,840 Takže pokud jsem popraven nějaký SQL dotaz a Já jsem uložil výsledek do řádků, pak 1322 01:07:02,840 --> 01:07:07,850 pomocí foreach smyčky, pak pole Název je první, kdo se - řádky. 1323 01:07:07,850 --> 01:07:13,170 A pak budu volat každý řádek tam $ row. 1324 01:07:13,170 --> 01:07:20,060 >> Takže iterace přes to, že jsem se pak přístup k názvu sloupce v daném řádku je, 1325 01:07:20,060 --> 01:07:22,340 rok sloupec, a dům sloupec. 1326 01:07:22,340 --> 01:07:28,010 Všimněte si, že bych byl schopen to s řádky, protože řádky Index 1327 01:07:28,010 --> 01:07:29,290 Název neexistuje. 1328 01:07:29,290 --> 01:07:31,970 Řádky je jen pole asociativní pole. 1329 01:07:31,970 --> 01:07:34,870 Takže máte dvě úrovně tam. 1330 01:07:34,870 --> 01:07:37,170 Jakmile budete mít řadu řádků, musíte se dostat do toho. 1331 01:07:37,170 --> 01:07:39,110 A pak můžete přistupovat sloupce. 1332 01:07:39,110 --> 01:07:41,636 Věděli, že aby bylo jasné? 1333 01:07:41,636 --> 01:07:42,520 Jo, vpředu? 1334 01:07:42,520 --> 01:07:45,490 >> DIVÁKŮ: [neslyšitelné] otevřete držáky na [neslyšitelný]? 1335 01:07:45,490 --> 01:07:46,220 >> ZAMYLA CHAN: Promiňte? 1336 01:07:46,220 --> 01:07:49,740 >> DIVÁKŮ: Otevřené držáky. 1337 01:07:49,740 --> 01:07:52,420 >> ZAMYLA CHAN: Ty tady? 1338 01:07:52,420 --> 01:07:58,520 To, že mi dovolil zahrnout tato proměnná. 1339 01:07:58,520 --> 01:07:58,670 Jo. 1340 01:07:58,670 --> 01:08:01,900 >> DIVÁKŮ: Když tisknete, jste tisk do HTML kódu? 1341 01:08:01,900 --> 01:08:03,110 >> ZAMYLA CHAN: Ano. 1342 01:08:03,110 --> 01:08:07,720 Při tisku, tohle je uvnitř můj vzor, ​​takže 1343 01:08:07,720 --> 01:08:10,310 můj pohled na metody MVC. 1344 01:08:10,310 --> 01:08:12,750 Takže jsem tisk do formátu HTML. 1345 01:08:12,750 --> 01:08:16,670 >> DIVÁKŮ: Takže když jsme šli do developer nástroje po spuštění to, mohli bychom 1346 01:08:16,670 --> 01:08:17,160 že vlastně v kódu? 1347 01:08:17,160 --> 01:08:18,410 >> ZAMYLA CHAN: To je skvělý otázka, jo. 1348 01:08:18,410 --> 01:08:22,359 Takže pokud jste šel do vývojářské nástroje v Firefox pomocí Firebug nebo 1349 01:08:22,359 --> 01:08:26,109 Chrome, pak ano, mohl byste viz konkrétní HTML. 1350 01:08:26,109 --> 01:08:28,470 Takže by to ukázat, $ row ["name"]. 1351 01:08:28,470 --> 01:08:32,524 To by se ukázat, podle toho, jméno je v daném řádku. 1352 01:08:32,524 --> 01:08:36,268 >> DIVÁKŮ: Jen obecný problém, co tr a td definována jako? 1353 01:08:36,268 --> 01:08:37,672 Proč bychom [neslyšitelný]? 1354 01:08:37,672 --> 01:08:41,850 1355 01:08:41,850 --> 01:08:44,814 >> ZAMYLA CHAN: Tabulka řada tr, tabulka pak td sloupce. 1356 01:08:44,814 --> 01:08:48,060 1357 01:08:48,060 --> 01:08:49,310 OK. 1358 01:08:49,310 --> 01:08:55,771 1359 01:08:55,771 --> 01:08:56,835 >> DIVÁKŮ: Jo, to je tabulka dat. 1360 01:08:56,835 --> 01:08:58,770 >> ZAMYLA CHAN: Data tabulky. 1361 01:08:58,770 --> 01:08:59,894 Jo. 1362 01:08:59,894 --> 01:09:08,670 >> DIVÁKŮ: Je to řádek, ve kterém řádek se zachází jako sloupec? 1363 01:09:08,670 --> 01:09:08,910 >> ZAMYLA CHAN: Omlouvám se. 1364 01:09:08,910 --> 01:09:10,570 Můžeš to zopakovat? 1365 01:09:10,570 --> 01:09:14,450 >> DIVÁKŮ: Jak byste zobrazit řádky? 1366 01:09:14,450 --> 01:09:16,310 >> ZAMYLA CHAN: Jak byste zobrazit řádky v jaké cestě? 1367 01:09:16,310 --> 01:09:21,796 Mluvíš o nich řádky zde nebo na tr řádky? 1368 01:09:21,796 --> 01:09:22,630 >> DIVÁKŮ: Řádky. 1369 01:09:22,630 --> 01:09:25,229 >> ZAMYLA CHAN: Tyhle řádky? 1370 01:09:25,229 --> 01:09:28,620 Já bych si to představit jako Jsem spustit můj dotaz. 1371 01:09:28,620 --> 01:09:38,729 A to říká, OK, musím buď 0 pro n množství řádků, které odpovídají kritériím 1372 01:09:38,729 --> 01:09:40,510 že jste dotazován. 1373 01:09:40,510 --> 01:09:43,740 Takže mám určitý počet řádků. 1374 01:09:43,740 --> 01:09:51,450 Takže řádky, že $ řádky, ukládá každý jeden z těch řádků v matici. 1375 01:09:51,450 --> 01:09:58,110 Takže i když je to jen jeden z nich, je to Stále pole řádků, které se shodují. 1376 01:09:58,110 --> 01:10:03,010 >> Tak, například, to je podobně jako když přitažené za vlasy 1377 01:10:03,010 --> 01:10:05,390 mezipaměti od uživatelů. 1378 01:10:05,390 --> 01:10:10,810 A kritéria tam bylo místo, kde ID rovná ID relace. 1379 01:10:10,810 --> 01:10:14,250 Tam je opravdu jen jeden řádek které by mohly odpovídat. 1380 01:10:14,250 --> 01:10:18,960 Ale přesto řádky právě vrátil jeden řádek. 1381 01:10:18,960 --> 01:10:22,620 Takže budete muset jít do řádků, index 0, index cache 1382 01:10:22,620 --> 01:10:26,195 skutečně dostat do vyrovnávací paměti. 1383 01:10:26,195 --> 01:10:29,650 >> DIVÁKŮ: Je funkce pro tisk v echo totéž? 1384 01:10:29,650 --> 01:10:30,670 >> ZAMYLA CHAN: Ano. 1385 01:10:30,670 --> 01:10:31,190 Ano. 1386 01:10:31,190 --> 01:10:33,304 Vytisknout ozvěnu stejný. 1387 01:10:33,304 --> 01:10:42,400 >> DIVÁKŮ: Je foreach smyčka Jediným způsobem, jak index do řad? 1388 01:10:42,400 --> 01:10:46,110 >> ZAMYLA CHAN: Je foreach smyčka jediný způsob, jak můžete 1389 01:10:46,110 --> 01:10:47,030 iterovat řádky? 1390 01:10:47,030 --> 01:10:47,180 Ne. 1391 01:10:47,180 --> 01:10:51,000 Můžete také použít pro smyčce, za předpokladu, že víte, délku 1392 01:10:51,000 --> 01:10:53,024 řádku v poli. 1393 01:10:53,024 --> 01:10:58,500 >> DIVÁKŮ: Mohl byste to přístup pomocí řádku jako [neslyšitelný]? 1394 01:10:58,500 --> 01:11:01,640 >> ZAMYLA CHAN: Takže nemůžete přistupovat jen pomocí řádku, pokud nemáte 1395 01:11:01,640 --> 01:11:05,160 foreach smyčky za předpokladu, že jste prohlásil řádek. 1396 01:11:05,160 --> 01:11:08,150 1397 01:11:08,150 --> 01:11:09,660 Ano. 1398 01:11:09,660 --> 01:11:10,810 Jo, v bílé barvě. 1399 01:11:10,810 --> 01:11:13,990 >> DIVÁKŮ: Tak co tr a td dělat? 1400 01:11:13,990 --> 01:11:16,790 >> ZAMYLA CHAN: Tak tr a td jsou HTML tagy. 1401 01:11:16,790 --> 01:11:19,590 tr označuje začátek z řádku tabulky. 1402 01:11:19,590 --> 01:11:26,625 A každý td znamená, nová tabulka sloupec dat. 1403 01:11:26,625 --> 01:11:32,275 >> DIVÁKŮ: Pro vizuální co řádek je rád, jen si představte, SQL, jak 1404 01:11:32,275 --> 01:11:33,510 mají řádek. 1405 01:11:33,510 --> 01:11:35,980 [Neslyšitelný]. 1406 01:11:35,980 --> 01:11:36,390 >> ZAMYLA CHAN: Jo. 1407 01:11:36,390 --> 01:11:37,630 To je skvělé místo. 1408 01:11:37,630 --> 01:11:41,510 Můžete si představit řádky jen jako jako v tabulce aplikace Excel, jen 1409 01:11:41,510 --> 01:11:44,540 seznam řádků. 1410 01:11:44,540 --> 01:11:46,870 OK. 1411 01:11:46,870 --> 01:11:47,230 Dobrá. 1412 01:11:47,230 --> 01:11:50,740 Takže teď, že jsme přešli vyberte, pokud nejsou žádné další otázky, my budeme 1413 01:11:50,740 --> 01:11:52,970 přejít na vložku. 1414 01:11:52,970 --> 01:11:58,220 Takže když jsem chtěl vložit do některé tabulky a vložit určitý sloupec 1415 01:11:58,220 --> 01:12:02,320 hodnoty, mohl jsem se vložit do Havraspáru v 7. ročníku. 1416 01:12:02,320 --> 01:12:07,245 Ale někdy tam může být duplicitní hodnoty, jak jsme viděli v pset7, když jsme 1417 01:12:07,245 --> 01:12:09,240 byly aktualizujeme naše portfolio. 1418 01:12:09,240 --> 01:12:15,610 >> Takže v tomto případě, chceme využít ON Duplicitní klíč UPDATE, takže nemáme 1419 01:12:15,610 --> 01:12:18,280 uložit více řádků se stejným cení, ale spíše jej aktualizovat. 1420 01:12:18,280 --> 01:12:21,780 1421 01:12:21,780 --> 01:12:25,560 Pak jsme skutečně aktualizaci, který není vložka. 1422 01:12:25,560 --> 01:12:30,100 Je to jen aktualizace, kde si aktualizovat v určité tabulce s ohledem 1423 01:12:30,100 --> 01:12:34,403 Kritéria a pak, konečně, mazat, který má velmi podobnou věc. 1424 01:12:34,403 --> 01:12:40,200 >> DIVÁKŮ: Mohl byste stručně jít přes duplicitní klíč? 1425 01:12:40,200 --> 01:12:40,850 >> ZAMYLA CHAN: Jo. 1426 01:12:40,850 --> 01:12:48,340 V podstatě tady, mám INSERT INTO Gringottovi, je, galeony, tyto hodnoty. 1427 01:12:48,340 --> 01:12:56,900 Ale ID, pravděpodobně, je jedinečný klíč Hodnota nastavit v MySQL tabulce. 1428 01:12:56,900 --> 01:13:06,750 Takže pokud jsem již, že ID nastavit, pak nemohu vložit nový řádek. 1429 01:13:06,750 --> 01:13:10,961 Takže pokud to není již existují, pak musím aktualizovat. 1430 01:13:10,961 --> 01:13:16,040 1431 01:13:16,040 --> 01:13:17,722 Ve středu v bílé. 1432 01:13:17,722 --> 01:13:21,570 >> DIVÁKŮ: Tak vkládat, aktualizovat, mazat, a vyberte, jsou všechny k dispozici 1433 01:13:21,570 --> 01:13:22,875 lokálně [neslyšitelný]? 1434 01:13:22,875 --> 01:13:27,320 1435 01:13:27,320 --> 01:13:29,630 >> ZAMYLA CHAN: Tak vložka, aktualizovat, mazat a 1436 01:13:29,630 --> 01:13:31,120 vyberte jsou všechny SQL dotazy. 1437 01:13:31,120 --> 01:13:34,970 Takže pokaždé, když používáte SQL, budete mít ty dispozici. 1438 01:13:34,970 --> 01:13:38,226 1439 01:13:38,226 --> 01:13:40,706 >> DIVÁKŮ: Zpět na poslední kvízy - 1440 01:13:40,706 --> 01:13:44,178 tam byla otázka, která se zabývala pokud byste měli stůl a chtěl 1441 01:13:44,178 --> 01:13:52,610 vložte výsledky testů v jednom a vložíte vaše jméno tak, že vás nenechá 1442 01:13:52,610 --> 01:13:54,594 [Neslyšitelný] Zkouška skóre vašeho přítele. 1443 01:13:54,594 --> 01:13:59,060 Jak byste to udělal s vložkou? 1444 01:13:59,060 --> 01:14:02,490 >> ZAMYLA CHAN: Takže otázka byla o předchozí střednědobé otázka. 1445 01:14:02,490 --> 01:14:04,320 Nejsem si vědom, které jeden je právě teď. 1446 01:14:04,320 --> 01:14:06,790 Takže možná později, pokud chcete přijít a ukázat mi, pak mohu 1447 01:14:06,790 --> 01:14:08,155 určitě vám tipy. 1448 01:14:08,155 --> 01:14:11,250 1449 01:14:11,250 --> 01:14:15,460 Ale když už mluvíme o vkládání věcí, jako je s něčí skóre, když si 1450 01:14:15,460 --> 01:14:18,800 by ne, pojďme mluvit o tom, SQL injection útoky. 1451 01:14:18,800 --> 01:14:22,050 Takže útok SQL injection je v podstatě kde někdo vezme 1452 01:14:22,050 --> 01:14:27,680 Výhodou nízké bezpečnosti způsobem, že užíváte v datech. 1453 01:14:27,680 --> 01:14:35,660 >> Takže tady, stejně jako v CS50 financí, když se přihlásíte, můžeme vstoupit do 1454 01:14:35,660 --> 01:14:39,510 uživatelské jméno v přihlašovacím formuláři, První textové pole, a 1455 01:14:39,510 --> 01:14:41,570 zadejte v hesle. 1456 01:14:41,570 --> 01:14:45,610 Možná, že náš PHP kód může vypadat něco jako tohle, kde $ username 1457 01:14:45,610 --> 01:14:51,410 je uživatelské jméno post-Data a heslo je heslo post-dat. 1458 01:14:51,410 --> 01:14:55,110 A pak stačí spustit náš dotaz, řekněme, OK, dobře, náš dotaz bude 1459 01:14:55,110 --> 01:14:57,990 výběr z našich uživatelů, kde uživatelské jméno je 1460 01:14:57,990 --> 01:14:58,970 ten, který předložily. 1461 01:14:58,970 --> 01:15:06,870 A heslo je heslo, což znamená, že se hesla neshodují. 1462 01:15:06,870 --> 01:15:12,670 >> A teď, co když místo toho, aby skutečně Podáním aktuální heslo, jako 1463 01:15:12,670 --> 01:15:16,850 12345 a hádat na vidle, které říká, že heslo a snaží se proniknout jejich 1464 01:15:16,850 --> 01:15:21,460 Účet, co když místo toho, tvrdili to. 1465 01:15:21,460 --> 01:15:24,380 Mohli zadejte možná myslím na heslo. 1466 01:15:24,380 --> 01:15:30,480 A pak by skončit citace zadejte nebo 1 = 1. 1467 01:15:30,480 --> 01:15:35,160 To by přecházet přímo do SQL dotaz vypadat nějak takhle. 1468 01:15:35,160 --> 01:15:38,200 Vyberte si z uživatelů, kde uživatelské jméno = hroty a heslo 1469 01:15:38,200 --> 01:15:41,450 rovná lilie nebo 1 = 1. 1470 01:15:41,450 --> 01:15:45,450 >> Takže buď heslo má být správné nebo 1 = 1, 1471 01:15:45,450 --> 01:15:47,870 který je vždy pravdivý. 1472 01:15:47,870 --> 01:15:52,780 Takže v tomto případě, v podstatě, může uživatel využít to a stačí se přihlásit 1473 01:15:52,780 --> 01:15:55,240 sami v a hack něčí účet. 1474 01:15:55,240 --> 01:15:58,950 Takže to je důvod, proč chceme, aby se zabránilo někdo má, jak to udělat. 1475 01:15:58,950 --> 01:16:03,890 Ale naštěstí, funkce dotazu podle procházející v zástupných symbolech bude trvat 1476 01:16:03,890 --> 01:16:04,800 péče o to pro vás. 1477 01:16:04,800 --> 01:16:08,570 Také budete obvykle nikdy nebudete chtít musela skutečně předložit hesla 1478 01:16:08,570 --> 01:16:09,310 sami. 1479 01:16:09,310 --> 01:16:14,115 To je důvod, proč jsme hash nebo zašifrované je v CS50 financí. 1480 01:16:14,115 --> 01:16:17,553 >> Diváků: Minulost kvíz mluvil o MySQL únikové řetězce. 1481 01:16:17,553 --> 01:16:21,800 Máme se bát, že? 1482 01:16:21,800 --> 01:16:22,670 >> ZAMYLA CHAN: To je dobrá otázka. 1483 01:16:22,670 --> 01:16:29,050 V MySQL Únikové řetězce je určitě funkce, která byla použita v našem dotazu. 1484 01:16:29,050 --> 01:16:30,420 Ale rozhodně podívat do toho. 1485 01:16:30,420 --> 01:16:32,950 Řekl bych, že je to fér hra vědět že byste museli volat, že 1486 01:16:32,950 --> 01:16:34,370 fungovat na provázku. 1487 01:16:34,370 --> 01:16:35,245 Jo, Belinda? 1488 01:16:35,245 --> 01:16:38,606 >> DIVÁKŮ: Jak víte, kdy je to jednoduché uvozovky nebo dvojité uvozovky? 1489 01:16:38,606 --> 01:16:43,516 A také mám pocit, že v přednášce zmínil něco o tom, které nemají 1490 01:16:43,516 --> 01:16:48,426 [neslyšitelný], nebo tak něco, nebo Druhý singl citát na konci. 1491 01:16:48,426 --> 01:16:56,407 1492 01:16:56,407 --> 01:17:00,825 Myslím, že poukázal na přednášce, že máš mít apostrof 1 1493 01:17:00,825 --> 01:17:04,290 a pak nemá apostrofy nebo tak něco. 1494 01:17:04,290 --> 01:17:05,540 >> DIVÁKŮ: [neslyšitelné]. 1495 01:17:05,540 --> 01:17:14,860 1496 01:17:14,860 --> 01:17:18,657 >> Diváků: to je poslední singl citace tam v tom druhém okně 1497 01:17:18,657 --> 01:17:19,391 by neměly být. 1498 01:17:19,391 --> 01:17:21,840 [Neslyšitelný] 1499 01:17:21,840 --> 01:17:26,730 Protože když budete mít ten poslední singl citovat, a ty odpovídají za obsah 1500 01:17:26,730 --> 01:17:30,522 kde je heslo, máte-li, že dotaz, je tu jeden citát na 1501 01:17:30,522 --> 01:17:31,340 konec již. 1502 01:17:31,340 --> 01:17:36,580 Chcete-li použít tuto jednoduchou uvozovku jako ten, který stojí na jedné 1503 01:17:36,580 --> 01:17:37,574 [Neslyšitelný]. 1504 01:17:37,574 --> 01:17:42,820 Takže to, co je vlastně v tomto textu box by neměl mít to. 1505 01:17:42,820 --> 01:17:44,070 >> ZAMYLA CHAN: budu změnit. 1506 01:17:44,070 --> 01:17:56,490 1507 01:17:56,490 --> 01:17:56,880 OK. 1508 01:17:56,880 --> 01:18:00,435 Pokud tam nejsou nějaké otázky, pak budu předat ji Josefa mluvit 1509 01:18:00,435 --> 01:18:04,332 o JavaScriptu, et cetera. 1510 01:18:04,332 --> 01:18:09,540 >> [APPLAUSE] 1511 01:18:09,540 --> 01:18:11,660 >> JOSEPH ONG: Tak jsme se běží trochu pozadu. 1512 01:18:11,660 --> 01:18:13,280 Takže pokud máte odejít, to je v pořádku. 1513 01:18:13,280 --> 01:18:16,540 Ale žádáme, abyste si hlavy pokud jste ve středu, takže 1514 01:18:16,540 --> 01:18:19,560 neblokují fotoaparát a používat zpět exit, pokud budete muset. 1515 01:18:19,560 --> 01:18:25,010 1516 01:18:25,010 --> 01:18:26,306 Jsem Joseph mimochodem. 1517 01:18:26,306 --> 01:18:27,556 Dobrý den. 1518 01:18:27,556 --> 01:18:37,910 1519 01:18:37,910 --> 01:18:38,630 Test, test. 1520 01:18:38,630 --> 01:18:39,630 Dane, je to dobré? 1521 01:18:39,630 --> 01:18:40,880 V pohodě. 1522 01:18:40,880 --> 01:18:44,460 1523 01:18:44,460 --> 01:18:47,600 >> Takže video bude také zveřejněny on-line pro ty, kteří 1524 01:18:47,600 --> 01:18:48,850 muset odejít. 1525 01:18:48,850 --> 01:18:51,350 1526 01:18:51,350 --> 01:18:52,600 Trapné. 1527 01:18:52,600 --> 01:18:56,300 1528 01:18:56,300 --> 01:18:57,510 OK. 1529 01:18:57,510 --> 01:18:59,730 Takže kvíz recenzi. 1530 01:18:59,730 --> 01:19:00,980 To je kočka. 1531 01:19:00,980 --> 01:19:03,150 1532 01:19:03,150 --> 01:19:07,170 Nyní, JavaScript, který je možná ne jako Aww pro některé z vás. 1533 01:19:07,170 --> 01:19:07,370 OK. 1534 01:19:07,370 --> 01:19:09,280 Takže to je první, převezme zpět od Zamyla. 1535 01:19:09,280 --> 01:19:11,270 Nezapomeňte, že PHP je běží na serveru. 1536 01:19:11,270 --> 01:19:15,230 A mnoho časů, vy jste napsal smyčky v PHP vytisknout HTML, ne? 1537 01:19:15,230 --> 01:19:19,170 Takže jakmile tento kód spustí, že HTML výstup, který můžete vytisknout 1538 01:19:19,170 --> 01:19:20,500 dostane poslal k uživateli. 1539 01:19:20,500 --> 01:19:25,960 A jakmile se to stane, nic víc PHP může spustit, pokud obnovte stránku, ze 1540 01:19:25,960 --> 01:19:27,660 Samozřejmě, která reexecutes PHP. 1541 01:19:27,660 --> 01:19:30,080 Ale jakmile si vytisknout tomto formátu HTML, nemůžeš jít nikam. 1542 01:19:30,080 --> 01:19:33,580 >> Tak, že HTML je poslán na uživateli, který je prohlížeč sem, kde 1543 01:19:33,580 --> 01:19:35,470 Milo je pomocí počítače. 1544 01:19:35,470 --> 01:19:40,340 A tak dobře, existuje několik věcí, jakmile pošleme HTML uživateli. 1545 01:19:40,340 --> 01:19:43,350 Někdy chceme udělat něco jako když kliknete na něco, co chceme, 1546 01:19:43,350 --> 01:19:47,350 varování boxy na pop-up, ty druhy interakce, jako když stisknete 1547 01:19:47,350 --> 01:19:50,740 klíč, když kliknete na něco, co na stránky, chci aby se něco stalo. 1548 01:19:50,740 --> 01:19:54,550 No, nemůžete reexecute PHP kód jednou, že HTML je nastaven. 1549 01:19:54,550 --> 01:19:55,900 Tak jak to děláte? 1550 01:19:55,900 --> 01:19:59,930 >> Představujeme nový jazyk zvaný JavaScript, který běží v prohlížeči 1551 01:19:59,930 --> 01:20:02,890 , který vám umožní dělat věci, HTML poté, co obdrží 1552 01:20:02,890 --> 01:20:04,020 je ze serveru. 1553 01:20:04,020 --> 01:20:07,050 A to je důvod, proč jsme to na straně klienta volání programovací jazyk. 1554 01:20:07,050 --> 01:20:09,110 Je to práce na počítači - 1555 01:20:09,110 --> 01:20:11,400 klient. 1556 01:20:11,400 --> 01:20:13,830 Jakékoliv dotazy týkající se, že tak daleko? 1557 01:20:13,830 --> 01:20:15,650 To paradigma má smysl pro lidi? 1558 01:20:15,650 --> 01:20:16,010 OK. 1559 01:20:16,010 --> 01:20:16,790 Dobrá. 1560 01:20:16,790 --> 01:20:17,340 Dobrá. 1561 01:20:17,340 --> 01:20:20,850 Takže první věc, kterou si uvědomit, je JavaScript není PHP. 1562 01:20:20,850 --> 01:20:23,010 >> Mají nějakou jinou syntaxi, které půjdeme do. 1563 01:20:23,010 --> 01:20:24,530 A oni mají velmi odlišné použití. 1564 01:20:24,530 --> 01:20:26,640 JavaScript, opět, pro vaše prohlížeč, pro klienta. 1565 01:20:26,640 --> 01:20:30,640 Server běží někde na někoho jiného počítače, který odesílá informace 1566 01:20:30,640 --> 01:20:31,720 pro vás, opravit? 1567 01:20:31,720 --> 01:20:36,730 Takže pokud vás žádáme psát PHP kód na zkoušku otázku, nepište 1568 01:20:36,730 --> 01:20:38,710 JavaScript a naopak. 1569 01:20:38,710 --> 01:20:41,710 Budete jen ztratit body, a to nebude to pravé. 1570 01:20:41,710 --> 01:20:43,690 >> Tak pojďme dostat se do některé syntaktické rozdíly - 1571 01:20:43,690 --> 01:20:46,140 JavaScript vlevo a PHP na pravé straně. 1572 01:20:46,140 --> 01:20:48,670 První věc, kterou si všimnete, s JavaScript, budeme deklarovat proměnné s 1573 01:20:48,670 --> 01:20:49,440 var klíčové slovo - 1574 01:20:49,440 --> 01:20:53,590 V--R. PHP používá znak dolaru, jako Zamyla bylo uvedeno výše. 1575 01:20:53,590 --> 01:20:57,570 Chcete-li deklarovat asociativní pole, vidíme známou syntaxi na 1576 01:20:57,570 --> 01:20:59,030 pravá strana s PHP. 1577 01:20:59,030 --> 01:21:01,630 Na levé straně, místo můžete použít složené závorky. 1578 01:21:01,630 --> 01:21:03,280 A pak se vaše klíče jsou na levé straně. 1579 01:21:03,280 --> 01:21:04,670 Pak budete mít dvojtečku. 1580 01:21:04,670 --> 01:21:06,560 A pak máte hodnoty které chcete. 1581 01:21:06,560 --> 01:21:09,840 >> Tak to je, jak byste to udělat v PHP na pravé straně této druhé 1582 01:21:09,840 --> 01:21:10,955 linka, která začíná v Milo. 1583 01:21:10,955 --> 01:21:14,540 A to je, jak byste to na levé straně v JavaScriptu, pokud chcete 1584 01:21:14,540 --> 01:21:16,110 to, čemu říkáme objekt. 1585 01:21:16,110 --> 01:21:19,340 A objekty v JavaScriptu jsou jen asociativní pole. 1586 01:21:19,340 --> 01:21:23,710 Takže pokud chcete přistupovat pole, v PHP můžete použít tuto syntaxi konzoly. 1587 01:21:23,710 --> 01:21:27,170 A tímto způsobem, můžete přiřadit Tento majitel pole Lauren. 1588 01:21:27,170 --> 01:21:30,150 >> No, v JavaScriptu, pokud člověk chce Přístup pole a změnit, můžete 1589 01:21:30,150 --> 01:21:31,370 použít syntaxi tečky. 1590 01:21:31,370 --> 01:21:33,860 Můžete také použít syntaxi konzoly. 1591 01:21:33,860 --> 01:21:35,550 Ale nemůžete použít dot syntax v PHP. 1592 01:21:35,550 --> 01:21:36,525 To nebude fungovat. 1593 01:21:36,525 --> 01:21:38,910 To funguje pouze v PHP. 1594 01:21:38,910 --> 01:21:42,060 A konečně, tisknout věci konzole, můžete použít console.log, které 1595 01:21:42,060 --> 01:21:43,720 vy používáte hodně pset8. 1596 01:21:43,720 --> 01:21:45,260 Můžete console.log, že. 1597 01:21:45,260 --> 01:21:50,030 >> Chcete-li vytisknout pole v PHP, budete muset použít tiskovou r. 1598 01:21:50,030 --> 01:21:53,240 A na pravé straně, můžete vidět i hash zřetězení tam. 1599 01:21:53,240 --> 01:21:54,070 Někdo se ptal dříve. 1600 01:21:54,070 --> 01:21:55,850 Používám plus v JavaScriptu. 1601 01:21:55,850 --> 01:21:59,800 Pokud budu chtít zřetězit něco v PHP, používám tečku. 1602 01:21:59,800 --> 01:22:00,800 Jedná se o různé. 1603 01:22:00,800 --> 01:22:03,420 Pokud píšete PHP kód, nepoužívejte plus. 1604 01:22:03,420 --> 01:22:06,810 Pokud píšete JavaScript kód, nepište tečku. 1605 01:22:06,810 --> 01:22:08,230 Bude to v pořádku. 1606 01:22:08,230 --> 01:22:09,640 A ty budeš smutná. 1607 01:22:09,640 --> 01:22:11,000 >> Takže syntaktické rozdíly. 1608 01:22:11,000 --> 01:22:14,710 Poznej svého syntaxi, protože pokud máte napište otázku a můžete použít syntaxi 1609 01:22:14,710 --> 01:22:16,890 z nesprávného jazyka, to nebude fungovat. 1610 01:22:16,890 --> 01:22:19,520 A to bude špatně. 1611 01:22:19,520 --> 01:22:22,420 Takže pojďme mluvit o nějaké kontrole průtok rozdíly, jak používat 1612 01:22:22,420 --> 01:22:24,040 smyčky v každé z nich. 1613 01:22:24,040 --> 01:22:26,610 Zamyla přešel na pravé straně. 1614 01:22:26,610 --> 01:22:27,780 Věci na pravé straně by měli být obeznámeni. 1615 01:22:27,780 --> 01:22:29,670 Pojďme se podívat na na levé straně. 1616 01:22:29,670 --> 01:22:34,830 >> Používáte-li pro n smyčky v JavaScriptu, Váš variabilní smyčky, var i tam, 1617 01:22:34,830 --> 01:22:37,210 smyčka přes klíče pole. 1618 01:22:37,210 --> 01:22:39,150 Takže vidíte, jméno, dům a role. 1619 01:22:39,150 --> 01:22:42,440 Kdybych console.log já, já si jméno, dům a role. 1620 01:22:42,440 --> 01:22:44,720 To jsou klíče. 1621 01:22:44,720 --> 01:22:50,080 V JavaScriptu, foreach smyčka pokračuje nad hodnoty tohoto pole. 1622 01:22:50,080 --> 01:22:52,040 Takže si všimnete, že jsou oba i. 1623 01:22:52,040 --> 01:22:56,000 Ale tady na PHP straně, vytiskne z Milo, CS50, a maskota. 1624 01:22:56,000 --> 01:22:57,390 To jsou hodnoty v PHP. 1625 01:22:57,390 --> 01:23:00,180 >> Takže se jedná o tom, jak tyto dva odlišné v různých jazycích. 1626 01:23:00,180 --> 01:23:02,970 Takže pokud jste pomocí foreach smyčky, nemusí předpokládat, že 1627 01:23:02,970 --> 01:23:03,760 vám dává klíče. 1628 01:23:03,760 --> 01:23:08,010 A pokud používáte pro n smyčky, ne Předpokládám, že vám dává hodnoty. 1629 01:23:08,010 --> 01:23:10,420 Znamená to dělat tak daleko smysl? 1630 01:23:10,420 --> 01:23:13,630 Další snímek je ukážu, jak můžete přístup opak v 1631 01:23:13,630 --> 01:23:15,160 každý z nich. 1632 01:23:15,160 --> 01:23:18,550 >> No, pokud máte klíč v JavaScriptu a chcete hodnotu ven, 1633 01:23:18,550 --> 01:23:20,440 stačí index do Pole s tím. 1634 01:23:20,440 --> 01:23:23,640 Takže Milo budu mít co Chcete-- hodnoty. 1635 01:23:23,640 --> 01:23:25,260 Tam je to jiná syntaxe v PHP. 1636 01:23:25,260 --> 01:23:28,140 Pokud opravdu chcete vědět, vůbec se mi nelíbí myslím, že jsme to ukázal na vás ještě. 1637 01:23:28,140 --> 01:23:31,740 Ale pokud máte zájem, můžete použít Toto dodatečné syntaxe vpravo 1638 01:23:31,740 --> 01:23:35,130 strana, která bude skutečně vám umožní získat klíče v PHP, pokud jste pomocí 1639 01:23:35,130 --> 01:23:35,880 foreach smyčka. 1640 01:23:35,880 --> 01:23:39,640 Takže jen trochu maličkosti pokud máte zájem. 1641 01:23:39,640 --> 01:23:42,630 >> Tak to je jen demonstrovat Rozdíly mezi těmito dvěma smyčkami. 1642 01:23:42,630 --> 01:23:47,060 Nemíchejte je, když jste programování otázku. 1643 01:23:47,060 --> 01:23:49,774 Jakékoliv dotazy o tom. 1644 01:23:49,774 --> 01:23:50,770 V pohodě. 1645 01:23:50,770 --> 01:23:51,310 Dobrá. 1646 01:23:51,310 --> 01:23:52,250 JavaScript objekty. 1647 01:23:52,250 --> 01:23:53,040 Mluvil jsem o nich. 1648 01:23:53,040 --> 01:23:54,650 Jsou jako asociativní pole. 1649 01:23:54,650 --> 01:23:57,730 Jedna věc, kterou bych rád, kdybyste si uvědomit, Zde je to, že hodnota v asociativním 1650 01:23:57,730 --> 01:23:59,540 Pole může být cokoliv v JavaScriptu. 1651 01:23:59,540 --> 01:24:02,240 >> Může to být i funkce jako tam. 1652 01:24:02,240 --> 01:24:04,600 Mám funkci, která je hodnota klíče. 1653 01:24:04,600 --> 01:24:07,030 A pokud chci volat tuto funkci Jen jsem přístup kůru. 1654 01:24:07,030 --> 01:24:08,490 A pak jsem dal závorky po tom. 1655 01:24:08,490 --> 01:24:09,790 A to funguje. 1656 01:24:09,790 --> 01:24:15,570 Tak nějaké otázky? 1657 01:24:15,570 --> 01:24:16,370 Ne? 1658 01:24:16,370 --> 01:24:16,650 OK. 1659 01:24:16,650 --> 01:24:18,190 Dobrá. 1660 01:24:18,190 --> 01:24:20,130 JavaScript, stejně jako PHP, je volně zadali. 1661 01:24:20,130 --> 01:24:20,970 Co to znamená? 1662 01:24:20,970 --> 01:24:22,380 >> To přece má druhy. 1663 01:24:22,380 --> 01:24:24,800 Ale když deklarujete JavaScript variabilní, říkáte var i. 1664 01:24:24,800 --> 01:24:25,850 Neříkej to. 1665 01:24:25,850 --> 01:24:26,460 To není věc. 1666 01:24:26,460 --> 01:24:28,000 Stačí říct, že je to variabilní. 1667 01:24:28,000 --> 01:24:31,590 A pak JavaScript se bude zabývat typy pod kapotou pro vás. 1668 01:24:31,590 --> 01:24:34,390 Můžeme volně převádět mezi druhy tohoto důvodu. 1669 01:24:34,390 --> 01:24:37,360 Takže i začíná jako číslo v tomto případě. 1670 01:24:37,360 --> 01:24:38,790 A pak mám řetězec. 1671 01:24:38,790 --> 01:24:39,710 A přidám i do něj. 1672 01:24:39,710 --> 01:24:41,810 A já jsem přeřadit zpět do i.. 1673 01:24:41,810 --> 01:24:43,640 >> Takže na té první linii, i je číslo. 1674 01:24:43,640 --> 01:24:47,310 Na druhém řádku, i nyní stává string poté, co jsem udělat přeložení. 1675 01:24:47,310 --> 01:24:52,820 A tady, já jsem jen zřetězení že číslo na řetězec. 1676 01:24:52,820 --> 01:24:56,210 Takže vidíte, že i když jsem byl číslo v první části, je to trochu 1677 01:24:56,210 --> 01:24:58,500 jako být převedeny na string a pak se přidal 1678 01:24:58,500 --> 01:25:00,510 na této ahoj řetězce. 1679 01:25:00,510 --> 01:25:02,340 A tak to je to, co mám na mysli u volné psaní. 1680 01:25:02,340 --> 01:25:04,760 To, že převod mezi typy velmi snadno. 1681 01:25:04,760 --> 01:25:08,840 A to nevyhodí varování u se vám líbí C dělá. 1682 01:25:08,840 --> 01:25:12,420 >> Tak i nyní obsahuje ahoj 123 na řetězec. 1683 01:25:12,420 --> 01:25:13,270 Další. 1684 01:25:13,270 --> 01:25:15,610 Můžeme také volně porovnat mezi druhy. 1685 01:25:15,610 --> 01:25:19,310 Takže pokud stačí použít ==, velmi jako v PHP, JavaScript 1686 01:25:19,310 --> 01:25:20,480 dělá podobnou věc. 1687 01:25:20,480 --> 01:25:24,780 Řetězec 123 je stejný jako počet 123 při použití dvojité rovná. 1688 01:25:24,780 --> 01:25:27,820 Při použití třílůžkové rovná, ale také chce, aby se ujistil, že 1689 01:25:27,820 --> 01:25:29,240 typ je stejný. 1690 01:25:29,240 --> 01:25:31,960 Tak proto, že to je řetězec, a že je číslo, i když jsou oba 1691 01:25:31,960 --> 01:25:35,280 123, při použití triple rovná, dostanete false. 1692 01:25:35,280 --> 01:25:39,330 V double rovná případu, dostanete pravda, protože dvojité rovná není 1693 01:25:39,330 --> 01:25:40,020 péče o typu. 1694 01:25:40,020 --> 01:25:42,500 Třílůžkový rovná se starat o typ. 1695 01:25:42,500 --> 01:25:43,750 Otázky? 1696 01:25:43,750 --> 01:25:45,790 1697 01:25:45,790 --> 01:25:48,390 OK. 1698 01:25:48,390 --> 01:25:52,870 >> A ještě jedna věc, o JavaScriptu je rozsah je druh globální pokud jste 1699 01:25:52,870 --> 01:25:53,460 ve funkci. 1700 01:25:53,460 --> 01:25:55,660 A funguje to stejné způsob, jak v PHP skutečnosti. 1701 01:25:55,660 --> 01:25:57,500 Takže pojďme projít tento příklad. 1702 01:25:57,500 --> 01:25:59,110 Nastavil jsem i na 999.. 1703 01:25:59,110 --> 01:26:00,900 A pak jsem se jít do toho na smyčky. 1704 01:26:00,900 --> 01:26:06,110 Takže když jsem tisknout i v tomto pro smyčky, myslím, že 0, 1, 2, 3, 4. 1705 01:26:06,110 --> 01:26:07,390 Mám pro i = 4. 1706 01:26:07,390 --> 01:26:10,770 To zvýší i nyní 5 při konec pro smyčce. 1707 01:26:10,770 --> 01:26:13,300 A pak vypukne smyčky, protože nesplňuje 1708 01:26:13,300 --> 01:26:14,550 podmiňují už. 1709 01:26:14,550 --> 01:26:16,650 >> Co si myslíte, že příští console.log vytiskne? 1710 01:26:16,650 --> 01:26:20,570 1711 01:26:20,570 --> 01:26:24,790 Takže to je to, co to bude dělat v C. C, protože pokud máte, jako var i mimo 1712 01:26:24,790 --> 01:26:28,855 a máte var i uvnitř smyčky, jako pro smyčky, pak to dělá to tak, že 1713 01:26:28,855 --> 01:26:30,690 je to rozsahem, že dva i to jsou různé. 1714 01:26:30,690 --> 01:26:34,630 V JavaScriptu, bude to jen zacházet s ní jako stejný i. 1715 01:26:34,630 --> 01:26:37,870 Mám 5, protože to byla hodnota poté, co vystoupil z smyčky. 1716 01:26:37,870 --> 01:26:39,120 Takže ty i to je stejné i. 1717 01:26:39,120 --> 01:26:42,620 1718 01:26:42,620 --> 01:26:44,130 Má to smysl? 1719 01:26:44,130 --> 01:26:45,720 >> No, to dává smysl z stanovisko JavaScript. 1720 01:26:45,720 --> 01:26:49,510 Avšak stejný vzor není přenést do C. Mají 1721 01:26:49,510 --> 01:26:50,310 různá pravidla stanovení rozsahu. 1722 01:26:50,310 --> 01:26:50,630 Ano. 1723 01:26:50,630 --> 01:26:52,566 >> DIVÁKŮ: [neslyšitelné] 1724 01:26:52,566 --> 01:26:54,990 mimo funkci [neslyšitelný]? 1725 01:26:54,990 --> 01:26:58,340 >> JOSEPH ONG: Tak do které funkce? 1726 01:26:58,340 --> 01:27:00,810 Tak já se k tomu jen chvilku. 1727 01:27:00,810 --> 01:27:02,580 Takže říkáme foo (i). 1728 01:27:02,580 --> 01:27:06,920 To projde i do foo, přírůstky to, a pak se přihlásí ji. 1729 01:27:06,920 --> 01:27:07,750 Tak to bylo 5. 1730 01:27:07,750 --> 01:27:09,210 Tak to se stává 6. 1731 01:27:09,210 --> 01:27:11,670 Ale to, co mluvím, je že i v této funkci. 1732 01:27:11,670 --> 01:27:14,430 Vzhledem k tomu, že je to parametr, je to rozsahem do této funkce. 1733 01:27:14,430 --> 01:27:17,800 Takže jakmile jsem se vlastně dostat z toho funkce, je to teď půjde 1734 01:27:17,800 --> 01:27:19,860 zpět na starý i. 1735 01:27:19,860 --> 01:27:23,000 Že jsem je rozsahem jen proto, to je ve funkci. 1736 01:27:23,000 --> 01:27:24,200 A máme rozsah a funkce. 1737 01:27:24,200 --> 01:27:29,080 Ale my nemáme prostor mimo funkcí v JavaScriptu. 1738 01:27:29,080 --> 01:27:31,170 Má to smysl? 1739 01:27:31,170 --> 01:27:31,320 Ano. 1740 01:27:31,320 --> 01:27:31,660 Otázka. 1741 01:27:31,660 --> 01:27:34,030 >> DIVÁKŮ: Stejná [neslyšitelné]? 1742 01:27:34,030 --> 01:27:34,500 >> JOSEPH ONG: Tak jo. 1743 01:27:34,500 --> 01:27:36,260 V PHP, je to stejný typ věc. 1744 01:27:36,260 --> 01:27:37,680 Tam je mírný jemnost vlastně. 1745 01:27:37,680 --> 01:27:40,130 Ale můžete mi zeptat že po přezkumu. 1746 01:27:40,130 --> 01:27:43,930 Nemáte opravdu potřebujete vědět že jemnost na kvíz. 1747 01:27:43,930 --> 01:27:47,600 Pro všechny záměry a účely, jako proměnné, globální a PHP, není-li 1748 01:27:47,600 --> 01:27:49,150 jsou ve funkci, stejný věc v JavaScriptu. 1749 01:27:49,150 --> 01:27:49,480 Ano. 1750 01:27:49,480 --> 01:27:52,890 >> DIVÁKŮ: Proč je to povoleno v JavaScript a ne kde jinde? 1751 01:27:52,890 --> 01:27:55,010 >> JOSEPH ONG: Tak proč je to povoleno v JavaScriptu, a ne v C? 1752 01:27:55,010 --> 01:27:58,180 Je to jen ten, kdo přišel s JavaScript se rozhodl, že to bylo OK 1753 01:27:58,180 --> 01:27:59,510 JavaScript. 1754 01:27:59,510 --> 01:28:02,430 Takže je to jen jako programovací jazyk konvence, jak bychom řekli. 1755 01:28:02,430 --> 01:28:02,580 Ano. 1756 01:28:02,580 --> 01:28:04,480 >> DIVÁKŮ: Tak proč to jít 6-5? 1757 01:28:04,480 --> 01:28:08,280 >> JOSEPH ONG: Tak to šlo 6-5, protože když jsem prošel i do foo, že 1758 01:28:08,280 --> 01:28:13,420 i uvnitř foo je nyní rozsahem do foo, proto, že existuje prostor ve funkcích v 1759 01:28:13,420 --> 01:28:15,050 JavaScript. 1760 01:28:15,050 --> 01:28:18,720 Ale jakmile jsem se odsud dostat, protože to byla vymezena na funkci, já jsem jen 1761 01:28:18,720 --> 01:28:24,300 pomocí pravidelného jsem si, že uvnitř zbytek tok řízení. 1762 01:28:24,300 --> 01:28:25,210 Smysl? 1763 01:28:25,210 --> 01:28:26,910 Můžu dál? 1764 01:28:26,910 --> 01:28:27,320 Dobrá. 1765 01:28:27,320 --> 01:28:29,180 V pohodě. 1766 01:28:29,180 --> 01:28:31,890 >> Přijetí je to objekty jsou předány odkazem. 1767 01:28:31,890 --> 01:28:33,990 Víte, jak při předání pole v C Dalo by se 1768 01:28:33,990 --> 01:28:35,810 skutečně změnit pole? 1769 01:28:35,810 --> 01:28:37,350 Je to totéž v JavaScriptu. 1770 01:28:37,350 --> 01:28:42,960 Mám-li předat objekt, v tomto případě, jsem prošel Milo do této funkce catify. 1771 01:28:42,960 --> 01:28:44,490 Milo začíná. 1772 01:28:44,490 --> 01:28:46,310 Jeho jméno je Milo Banana. 1773 01:28:46,310 --> 01:28:51,670 Já pak, že objekt do funkce protože je to objekt, asociativní 1774 01:28:51,670 --> 01:28:53,730 pole v JavaScriptu. 1775 01:28:53,730 --> 01:28:57,110 >> Když jsem se provádění operace v této funkci, bude 1776 01:28:57,110 --> 01:28:58,560 skutečně změnit objekt. 1777 01:28:58,560 --> 01:29:01,720 Tak to se stane pouze pro objekty v JavaScriptu, stejně jako se to stane 1778 01:29:01,720 --> 01:29:09,230 pro pole uvnitř C. So Milo jména se skutečně stane kočka teď. 1779 01:29:09,230 --> 01:29:10,090 Má to smysl? 1780 01:29:10,090 --> 01:29:11,840 Takže to funguje pouze pro objekty. 1781 01:29:11,840 --> 01:29:13,090 Objekty jsou předávány odkazem. 1782 01:29:13,090 --> 01:29:13,400 Ano. 1783 01:29:13,400 --> 01:29:16,850 >> DIVÁKŮ: Takže říkáte, že na rozdíl od proměnné i. 1784 01:29:16,850 --> 01:29:17,240 >> JOSEPH ONG: Jo. 1785 01:29:17,240 --> 01:29:20,330 Které proměnné jsem byl jen číslo, ne? 1786 01:29:20,330 --> 01:29:25,280 Je to jako v C při předání celé číslo, to dělá kopii. 1787 01:29:25,280 --> 01:29:28,130 A když předáte pole, je ve skutečnosti změní aktuální pole v 1788 01:29:28,130 --> 01:29:32,870 C. Totéž se děje s JavaScript v tomto případě. 1789 01:29:32,870 --> 01:29:34,070 Dobrá. 1790 01:29:34,070 --> 01:29:38,134 A další, Milo je smutná, protože je to teď kočka. 1791 01:29:38,134 --> 01:29:40,790 1792 01:29:40,790 --> 01:29:45,060 To byl vlastně Milo po nějaký výlet k veterináři. 1793 01:29:45,060 --> 01:29:46,860 >> Tak jak jsme se používat JavaScript na webové stránce? 1794 01:29:46,860 --> 01:29:47,790 Můžeme zahrnout. 1795 01:29:47,790 --> 01:29:50,090 Toto je HTML kód s pásovými značkami. 1796 01:29:50,090 --> 01:29:51,300 Takže mám proužek tagy tam. 1797 01:29:51,300 --> 01:29:54,820 A pak jsem dal nějaké JavaScript Kód v rámci značky skriptu. 1798 01:29:54,820 --> 01:29:56,390 A pak se to spustí to. 1799 01:29:56,390 --> 01:29:58,830 Když jsem to takhle je to tzv. inline JavaScript. 1800 01:29:58,830 --> 01:30:02,400 Je to trochu chaotický, protože JavaScript je ve skutečnosti v HTML. 1801 01:30:02,400 --> 01:30:07,010 >> Lepší způsob, jak to udělat, mnohem hezčí, je napsat svůj JavaScript ve 1802 01:30:07,010 --> 01:30:10,920 externí soubor a pak poskytnout script tag se zdrojem. 1803 01:30:10,920 --> 01:30:14,920 A to bude jít do tohoto souboru JavaScript a přečtěte si JavaScript kód z 1804 01:30:14,920 --> 01:30:15,960 že soubor místo. 1805 01:30:15,960 --> 01:30:18,820 A to způsobem, nemáte mnoho JavaScript na začátku svého 1806 01:30:18,820 --> 01:30:20,760 Soubor HTML, který umožňuje je to opravdu chaotický. 1807 01:30:20,760 --> 01:30:21,860 Stačí dát někam jinam. 1808 01:30:21,860 --> 01:30:24,310 A pak to bude číst ze tam. 1809 01:30:24,310 --> 01:30:25,560 Věděli, že má smysl? 1810 01:30:25,560 --> 01:30:27,990 1811 01:30:27,990 --> 01:30:29,640 >> Umístění záležitosti. 1812 01:30:29,640 --> 01:30:32,620 V tomto konkrétním případě, Skript je před tělem. 1813 01:30:32,620 --> 01:30:36,090 Takže když jsem spustit to, že tam je nic v těle ještě. 1814 01:30:36,090 --> 01:30:39,920 Možná, že to bude trochu víc pocit, když jsem se ukažte tento další díl. 1815 01:30:39,920 --> 01:30:43,210 V tomto případě, skript přichází po div. 1816 01:30:43,210 --> 01:30:46,620 Takže vlastně se objeví div na stránce jako první. 1817 01:30:46,620 --> 01:30:49,470 Právě zde v tomto malém červeném kroužku, Vidíte se objeví text. 1818 01:30:49,470 --> 01:30:51,810 A pak se upozornění zobrazí. 1819 01:30:51,810 --> 01:30:54,890 >> V prvním případě, protože skript byl před div, 1820 01:30:54,890 --> 01:30:56,170 upozornění se objeví jako první. 1821 01:30:56,170 --> 01:30:59,250 A pak div se objeví po můžete zavřete okno. 1822 01:30:59,250 --> 01:31:01,330 Takže provedení záleží. 1823 01:31:01,330 --> 01:31:02,290 Tak budeme si to pamatovat. 1824 01:31:02,290 --> 01:31:03,640 To bude důležité v trochu. 1825 01:31:03,640 --> 01:31:08,730 1826 01:31:08,730 --> 01:31:09,540 OK. 1827 01:31:09,540 --> 01:31:12,750 Tak dobře, jak si počkat, až Celá stránka je načtena poté před vámi 1828 01:31:12,750 --> 01:31:13,580 spustit nějaký kód? 1829 01:31:13,580 --> 01:31:15,540 Dostaneme se do toho trochu o něco později taky. 1830 01:31:15,540 --> 01:31:19,016 Ale jen držet toto umístění záležitosti na mysli, když jsme 1831 01:31:19,016 --> 01:31:20,570 přijít do jiného snímku. 1832 01:31:20,570 --> 01:31:22,030 >> Tak se dostáváme k DOM teď. 1833 01:31:22,030 --> 01:31:23,550 A co je DOM? 1834 01:31:23,550 --> 01:31:26,830 Takže když se podíváte na HTML kód, je to jen banda textu na obrazovce. 1835 01:31:26,830 --> 01:31:30,560 Tak jak víte, že JavaScript to je HTML element? 1836 01:31:30,560 --> 01:31:33,410 Takže musíme mít nějakou paměť zastoupení této 1837 01:31:33,410 --> 01:31:34,930 struktura, která máme. 1838 01:31:34,930 --> 01:31:40,240 A když jsme to v paměti zastoupení v JavaScriptu, nazýváme 1839 01:31:40,240 --> 01:31:41,750 že DOM. 1840 01:31:41,750 --> 01:31:45,130 A je to jen způsob, jak lidé rozhodli že bychom měli zastupovat tuto 1841 01:31:45,130 --> 01:31:46,400 HTML Struktura. 1842 01:31:46,400 --> 01:31:47,940 >> A co to DOM vypadat? 1843 01:31:47,940 --> 01:31:50,460 No, v reprezentaci paměti, Vezmeme tento text. 1844 01:31:50,460 --> 01:31:52,870 A my ho zase do paměti zastoupení. 1845 01:31:52,870 --> 01:31:54,400 Tak to je HTML. 1846 01:31:54,400 --> 01:31:58,090 Tak jsme poprvé zjistili, že každý DOM strom má dokument. 1847 01:31:58,090 --> 01:31:59,400 Vypadá to jako strom. 1848 01:31:59,400 --> 01:32:03,550 A dokument obsahuje HTML tag, vlastně všechno 1849 01:32:03,550 --> 01:32:05,150 uvnitř to teď. 1850 01:32:05,150 --> 01:32:06,970 HTML tag má dvě děti. 1851 01:32:06,970 --> 01:32:08,630 To má hlavu. 1852 01:32:08,630 --> 01:32:12,380 To je hlava, když se podíváte na odsazení támhle na tom, jak je to strukturovaný 1853 01:32:12,380 --> 01:32:14,960 mezi blízkými značky, Hlava má dítě. 1854 01:32:14,960 --> 01:32:17,130 Dítě je titul. 1855 01:32:17,130 --> 01:32:18,370 Přesně tak. 1856 01:32:18,370 --> 01:32:21,000 >> Nyní máme těla dítěte. 1857 01:32:21,000 --> 01:32:24,870 A pak, že tělo má Dítě s názvem rodina. 1858 01:32:24,870 --> 01:32:27,950 A že rodina má tři děti - 1859 01:32:27,950 --> 01:32:29,550 nejstarší, střední a nejmladší. 1860 01:32:29,550 --> 01:32:31,960 Takže byste měli vědět, jak nakreslit schéma takhle, když jsme se vás zeptat, jak 1861 01:32:31,960 --> 01:32:34,270 nakreslit schéma, kdy dáváme budete HTML na levé straně. 1862 01:32:34,270 --> 01:32:36,350 Vědět, jak vyrobit DOM stromu. 1863 01:32:36,350 --> 01:32:38,930 A v těchto věcech, je tam jen nějaký text, který jsem si představoval 1864 01:32:38,930 --> 01:32:40,180 jako malé krabičky. 1865 01:32:40,180 --> 01:32:42,750 1866 01:32:42,750 --> 01:32:47,980 >> Znamená to, DOM stromové struktury, aby smysl a co DOM je? 1867 01:32:47,980 --> 01:32:49,300 Takže to, co se p stát? 1868 01:32:49,300 --> 01:32:51,850 Tady, p tam se tím, že značka reprezentuje 1869 01:32:51,850 --> 01:32:54,510 odstavec tag v HTML. 1870 01:32:54,510 --> 01:32:57,080 Takže se můžete podívat to. 1871 01:32:57,080 --> 01:32:59,290 Ale to jen znamená, že to je nějaký prostor pro nějaký text. 1872 01:32:59,290 --> 01:33:02,910 A to má nějaký výchozí CSS styl, protože je to tag odstavce. 1873 01:33:02,910 --> 01:33:05,130 Ale to není opravdu starosti že část příliš mnoho. 1874 01:33:05,130 --> 01:33:07,510 Jen vím, že to je zástupný symbol pro nějaký text. 1875 01:33:07,510 --> 01:33:08,480 Ano. 1876 01:33:08,480 --> 01:33:10,200 Otázka? 1877 01:33:10,200 --> 01:33:11,021 Ano. 1878 01:33:11,021 --> 01:33:12,374 >> DIVÁKŮ: Právě jste zmínil CSS. 1879 01:33:12,374 --> 01:33:15,492 Hash rodina a hash všechny ty věci je v podstatě 1880 01:33:15,492 --> 01:33:17,400 představuje ID v CSS? 1881 01:33:17,400 --> 01:33:18,440 >> JOSEPH ONG: Jo, přesně tak. 1882 01:33:18,440 --> 01:33:20,380 Dostanu se na to, co tyto hodnoty hash znamená ve vteřině. 1883 01:33:20,380 --> 01:33:23,480 Když Angela šla přes CSS, ona mluvil o CSS selektory. 1884 01:33:23,480 --> 01:33:26,770 Jedná se o CSS selektory, které mluvila o. 1885 01:33:26,770 --> 01:33:28,268 Ano, Rob? 1886 01:33:28,268 --> 01:33:32,060 >> ROB BOWDEN: Chtěl bych také vyjádřit že DOM uvnitř názvu značky 1887 01:33:32,060 --> 01:33:35,385 je textový uzel. 1888 01:33:35,385 --> 01:33:36,070 >> JOSEPH ONG: Správně. 1889 01:33:36,070 --> 01:33:38,370 Takže v názvu značky, Mám nějaké textové DOM. 1890 01:33:38,370 --> 01:33:42,730 Takže opravdu, tento titul by měl mít jako krabička odejde z toho stejně. 1891 01:33:42,730 --> 01:33:45,740 Ale to nezáleží v tomto případě příliš. 1892 01:33:45,740 --> 01:33:49,620 My opravdu nestarám o textových uzlů, jak jim říkáme, příliš mnoho. 1893 01:33:49,620 --> 01:33:50,270 OK, co děláme. 1894 01:33:50,270 --> 01:33:51,520 Zdá se, že ano. 1895 01:33:51,520 --> 01:33:54,260 1896 01:33:54,260 --> 01:33:57,100 A já jsem se opravit, že když Jsem to nahrát znovu. 1897 01:33:57,100 --> 01:33:59,830 Má to smysl? 1898 01:33:59,830 --> 01:34:01,160 >> Tak jak jsme se pracovat s DOM? 1899 01:34:01,160 --> 01:34:03,790 Kdykoliv se vypořádat s DOM v JavaScript, tam jsou dva kroky. 1900 01:34:03,790 --> 01:34:05,030 Můžete vybrat element modelu DOM. 1901 01:34:05,030 --> 01:34:06,580 A pak ty věci k tomu. 1902 01:34:06,580 --> 01:34:11,480 Takže v tomto případě, abstraktně, jsem vybrané prostředního prvku. 1903 01:34:11,480 --> 01:34:14,530 A pak příkladem, jak dělat věci, k tomu by se změnou textu. 1904 01:34:14,530 --> 01:34:16,020 To býval Bob. 1905 01:34:16,020 --> 01:34:19,930 A teď, co jsem udělal, na to, že jsem změnil Bob Milo v tomto případě. 1906 01:34:19,930 --> 01:34:22,130 >> Tak jak to vlastně udělat? 1907 01:34:22,130 --> 01:34:23,440 Jak to uděláme vybírání? 1908 01:34:23,440 --> 01:34:26,560 A jak se to dělá věci, aby věc, jakmile jsme ho vzít? 1909 01:34:26,560 --> 01:34:30,470 No, jak vy jste se to naučil V této třídě je pomocí něco, co 1910 01:34:30,470 --> 01:34:32,420 s názvem jQuery. 1911 01:34:32,420 --> 01:34:33,910 Takže to, co je jQuery? 1912 01:34:33,910 --> 01:34:37,220 jQuery je knihovna, která umožňuje JavaScript jednodušší napsat. 1913 01:34:37,220 --> 01:34:39,500 Takže někdo vzal čas a napsal jQuery. 1914 01:34:39,500 --> 01:34:41,530 >> jQuery je vlastně napsaný v JavaScriptu. 1915 01:34:41,530 --> 01:34:44,550 A pak proto, že to udělal, nyní mají spoustu funkcí, které 1916 01:34:44,550 --> 01:34:46,020 můžeme použít, aby se naše žije rychlé. 1917 01:34:46,020 --> 01:34:48,580 1918 01:34:48,580 --> 01:34:50,030 Takže jaké jsou některé z co to dělá? 1919 01:34:50,030 --> 01:34:51,650 To je výběr prvků jednodušší. 1920 01:34:51,650 --> 01:34:54,020 To je měnící se HTML, přidáním třídy jednodušší. 1921 01:34:54,020 --> 01:34:55,360 To je Ajax jednodušší. 1922 01:34:55,360 --> 01:34:58,230 K tomu se dostaneme, že ve vteřině. 1923 01:34:58,230 --> 01:35:00,630 >> A to je analogické s C knihovny. 1924 01:35:00,630 --> 01:35:03,090 Takže ty patří string.h, dostanete strlen. 1925 01:35:03,090 --> 01:35:04,680 Získáte strcpy, všechny tyto věci. 1926 01:35:04,680 --> 01:35:09,650 Když zahrnete jQuery, dostanete pěkný způsoby, jak vybrat prvky na změnu 1927 01:35:09,650 --> 01:35:10,390 věci, et cetera. 1928 01:35:10,390 --> 01:35:12,990 Získáte další funkce, které JavaScript nedává vám. 1929 01:35:12,990 --> 01:35:15,310 Takže jQuery není JavaScript. 1930 01:35:15,310 --> 01:35:18,660 jQuery je knihovna, která je napsána v JavaScript, který dělá JavaScript 1931 01:35:18,660 --> 01:35:20,440 jednodušší napsat. 1932 01:35:20,440 --> 01:35:23,170 >> Takže jQuery není programování jazyk. 1933 01:35:23,170 --> 01:35:24,540 Ale JavaScript. 1934 01:35:24,540 --> 01:35:27,420 1935 01:35:27,420 --> 01:35:27,590 dělat. 1936 01:35:27,590 --> 01:35:30,420 Jistě vám vaše terminologii pravdu. 1937 01:35:30,420 --> 01:35:32,490 Jakékoliv dotazy? 1938 01:35:32,490 --> 01:35:33,882 Ano. 1939 01:35:33,882 --> 01:35:35,132 Je to otázka? 1940 01:35:35,132 --> 01:35:37,910 1941 01:35:37,910 --> 01:35:38,350 Dobrá. 1942 01:35:38,350 --> 01:35:40,080 Tak jak se vám používat jQuery? 1943 01:35:40,080 --> 01:35:42,390 No, když píšete některé JavaScript kódu a zahrnout 1944 01:35:42,390 --> 01:35:45,570 jQuery v horní části souboru jako Soubor skriptu, můžete použít znak dolaru 1945 01:35:45,570 --> 01:35:47,310 Chcete-li získat přístup k jQuery. 1946 01:35:47,310 --> 01:35:49,860 A to se liší od znak dolaru v PHP. 1947 01:35:49,860 --> 01:35:51,590 >> Je to stejný symbol vám psát na klávesnici. 1948 01:35:51,590 --> 01:35:52,780 Ale oni znamenají velmi odlišné věci. 1949 01:35:52,780 --> 01:35:56,090 Znak dolaru v PHP znamená, že tato je to, jak jsem se deklarovat proměnnou. 1950 01:35:56,090 --> 01:35:59,120 V JavaScriptu, když jste součástí jQuery, to je zkratka pro jQuery. 1951 01:35:59,120 --> 01:36:01,280 Takže mějte na paměti, že. 1952 01:36:01,280 --> 01:36:03,420 Takže, jak můžeme vybrat DOM prvky? 1953 01:36:03,420 --> 01:36:06,500 No, když budeš dělat to ošklivé JavaScript způsobem, máte přístup 1954 01:36:06,500 --> 01:36:08,240 dokumentovat globální proměnnou. 1955 01:36:08,240 --> 01:36:11,170 A pak dostanete element podle ID rodiny. 1956 01:36:11,170 --> 01:36:15,270 To je opravdu dlouhý a rozvláčný a není moc hezké. 1957 01:36:15,270 --> 01:36:18,190 >> Nebo se můžete dostat všechny prvky které jsou tag p. 1958 01:36:18,190 --> 01:36:20,080 To funguje i v JavaScriptu. 1959 01:36:20,080 --> 01:36:22,470 Ale my jsme nikdy ukázal můžete syntaxe moc. 1960 01:36:22,470 --> 01:36:24,620 Co jsme ukázali jste byl jQuery. 1961 01:36:24,620 --> 01:36:28,720 Takže celá voliče směrem nahoru tam, že byl vyjádřen v JavaScriptu dostane jen 1962 01:36:28,720 --> 01:36:33,320 kondenzované k této velmi pěkné dolaru přihlásit Hashtag rodinu. 1963 01:36:33,320 --> 01:36:38,480 A $ p, právě tam, kde je to takhle. 1964 01:36:38,480 --> 01:36:41,690 Chcete-li vybrat všechny p tagy uvnitř rodiny, dáme prostor 1965 01:36:41,690 --> 01:36:42,890 mezi těmito dvěma. 1966 01:36:42,890 --> 01:36:44,815 A teď jsme se všechny p tagy uvnitř rodiny. 1967 01:36:44,815 --> 01:36:48,740 1968 01:36:48,740 --> 01:36:50,380 >> A vypadají povědomě? 1969 01:36:50,380 --> 01:36:52,880 No, Angela mluvil o CSS selektory. 1970 01:36:52,880 --> 01:36:54,200 Dej mi jednu sekundu. 1971 01:36:54,200 --> 01:36:57,230 A tak aby bylo možno zvolit prvek, stačí použít stejnou věc jako vy 1972 01:36:57,230 --> 01:36:58,530 by to s voličem CSS. 1973 01:36:58,530 --> 01:37:00,910 Pokud dáte hash před o tom, že vybírá podle ID. 1974 01:37:00,910 --> 01:37:02,220 Tečka vybere podle tříd. 1975 01:37:02,220 --> 01:37:06,230 Máte-li jen věc bez hash nebo tečky, vybere ty tagy. 1976 01:37:06,230 --> 01:37:07,140 Otázky. 1977 01:37:07,140 --> 01:37:07,470 Ano? 1978 01:37:07,470 --> 01:37:11,510 >> DIVÁKŮ: Když používáme tečku v naší HTML, je to, že není jQuery? 1979 01:37:11,510 --> 01:37:13,520 >> JOSEPH ONG: Dot v našem HTML je věc JavaScript. 1980 01:37:13,520 --> 01:37:14,750 Není to jQuery věc. 1981 01:37:14,750 --> 01:37:17,620 Jak vy jste se to naučil s jQuery je použít. html. 1982 01:37:17,620 --> 01:37:21,510 A pak si to prošel, co HTML bude. 1983 01:37:21,510 --> 01:37:23,480 Tak já se k tomu jen druhý vlastně. 1984 01:37:23,480 --> 01:37:27,800 Tak jak to uděláme věci na prvek jednou jsme vybrali to? 1985 01:37:27,800 --> 01:37:30,130 Tak to je příklad toho, výběr prvku. 1986 01:37:30,130 --> 01:37:32,280 Takže teď, chceme dělat věci na něm. 1987 01:37:32,280 --> 01:37:35,730 >> Takže v tomto případě, nech mě jít zpátky na předchozí snímek. 1988 01:37:35,730 --> 01:37:37,360 To bylo předtím, než Bob. 1989 01:37:37,360 --> 01:37:40,660 A chci to změnit v HTML na Milo. 1990 01:37:40,660 --> 01:37:43,240 Tak jsem volat funkci HTML z prvku. 1991 01:37:43,240 --> 01:37:45,580 Tato funkce je HTML metoda prvku. 1992 01:37:45,580 --> 01:37:47,430 A pak jsem se dát to, co Chci HTML být. 1993 01:37:47,430 --> 01:37:50,560 A je to právě nahrazuje to, co je uvnitř že tag s tím, co ji dám. 1994 01:37:50,560 --> 01:37:50,830 Ano. 1995 01:37:50,830 --> 01:37:51,170 Otázka? 1996 01:37:51,170 --> 01:37:57,397 >> Diváků: hashtag se používá pouze pro jQuery. 1997 01:37:57,397 --> 01:37:59,313 [Neslyšitelný] 1998 01:37:59,313 --> 01:38:01,230 bychom použít. 1999 01:38:01,230 --> 01:38:01,960 >> JOSEPH ONG: Jo, přesně tak. 2000 01:38:01,960 --> 01:38:03,750 Ale nebojte se příliš mnoho o čisté JavaScript. 2001 01:38:03,750 --> 01:38:06,670 Jen chci, abys lidi se zaměřit na to, jak si by to s jQuery, protože 2002 01:38:06,670 --> 01:38:10,020 že to bude důležité, část na kvíz. 2003 01:38:10,020 --> 01:38:10,400 Správně. 2004 01:38:10,400 --> 01:38:10,880 Přesně tak. 2005 01:38:10,880 --> 01:38:16,025 Takže vidíte, že hashtag, aby odpovídá vybrat prvek s 2006 01:38:16,025 --> 01:38:18,310 ID střední kvůli tomu hashtag. 2007 01:38:18,310 --> 01:38:19,670 Hashtag znamená ID. 2008 01:38:19,670 --> 01:38:22,870 A tento prvek má ID uprostřed. 2009 01:38:22,870 --> 01:38:24,366 Tak to je prvek zvolíme. 2010 01:38:24,366 --> 01:38:27,160 >> DIVÁKŮ: [neslyšitelné]. 2011 01:38:27,160 --> 01:38:31,090 znak dolaru hashtag [neslyšitelný]? 2012 01:38:31,090 --> 01:38:31,710 >> JOSEPH ONG: Takže ne. 2013 01:38:31,710 --> 01:38:33,280 Otázkou je můžete použít. Hodnotu. 2014 01:38:33,280 --> 01:38:36,445 A. Hodnota funguje pouze na prvky, které jsou vstupy. 2015 01:38:36,445 --> 01:38:40,950 2016 01:38:40,950 --> 01:38:45,495 V jQuery, by bylo . Val, ne. Hodnota. 2017 01:38:45,495 --> 01:38:49,080 Takže budu mít na malém příkladu, který ukazuje, to vše v kombinaci 2018 01:38:49,080 --> 01:38:49,850 ve vteřině. 2019 01:38:49,850 --> 01:38:53,130 Ale myslím, že to slouží malý úryvek má smysl pro lidi tak daleko. 2020 01:38:53,130 --> 01:38:55,450 Chcete-li změnit HTML, volání metody ve formátu HTML. 2021 01:38:55,450 --> 01:38:56,432 Ano. 2022 01:38:56,432 --> 01:38:58,200 >> DIVÁKŮ: Můžete mi vysvětlit, opět metoda? 2023 01:38:58,200 --> 01:39:01,900 >> JOSEPH ONG: Takže metoda je jen funkce, která patří k jedné, v tomto 2024 01:39:01,900 --> 01:39:04,590 případ, jeden z těchto prvků DOM, proto, že vidím 2025 01:39:04,590 --> 01:39:05,940 zvolen prvek jako první. 2026 01:39:05,940 --> 01:39:07,320 Ve skutečnosti, dovolte mi, abych pomocí myši. 2027 01:39:07,320 --> 01:39:09,330 Vybral jsem první prvek. 2028 01:39:09,330 --> 01:39:12,310 A pak jsem volal tento HTML funkce, které to mělo. 2029 01:39:12,310 --> 01:39:15,710 A protože tato funkce patří ta věc, říkáme metoda. 2030 01:39:15,710 --> 01:39:19,480 To je jen vymyšlené jméno pro něj. 2031 01:39:19,480 --> 01:39:20,730 Řekni to ještě jednou. 2032 01:39:20,730 --> 01:39:22,880 2033 01:39:22,880 --> 01:39:25,170 Takže pamatujte, že jsme si vybrali Nyní element. 2034 01:39:25,170 --> 01:39:27,810 A my jsme dát dovnitř proměnný prvek. 2035 01:39:27,810 --> 01:39:28,600 Opravte? 2036 01:39:28,600 --> 01:39:34,380 >> Takže když chceme změnit HTML na uvnitř, protože to bylo Bob dříve, 2037 01:39:34,380 --> 01:39:36,420 Chcete-li změnit tento text Milo. 2038 01:39:36,420 --> 01:39:37,920 Takže říkáme HTML. 2039 01:39:37,920 --> 01:39:41,610 A my to říct, co HTML uvnitř že prvek by měl být teď. 2040 01:39:41,610 --> 01:39:44,107 A tak se změní ji na Milo, proto, že jsem dal to Milo. 2041 01:39:44,107 --> 01:39:46,542 >> DIVÁKŮ: Takže oni pracují společně. 2042 01:39:46,542 --> 01:39:47,030 [Neslyšitelný] 2043 01:39:47,030 --> 01:39:47,390 >> JOSEPH ONG: Jo, jo. 2044 01:39:47,390 --> 01:39:48,180 Pracují společně. 2045 01:39:48,180 --> 01:39:50,210 Takže jeden z nich vybere první prvek. 2046 01:39:50,210 --> 01:39:52,863 A druhá dělá něco k tomu. 2047 01:39:52,863 --> 01:39:53,790 Ano. 2048 01:39:53,790 --> 01:39:56,168 >> DIVÁKŮ: [neslyšitelné]. 2049 01:39:56,168 --> 01:40:01,280 Je-li tato metoda se liší od v HTML Máte metodu rovná aktuální. 2050 01:40:01,280 --> 01:40:01,560 >> JOSEPH ONG: Jo. 2051 01:40:01,560 --> 01:40:03,370 To je jiný způsob. 2052 01:40:03,370 --> 01:40:04,670 To je jiný způsob. 2053 01:40:04,670 --> 01:40:07,860 A můžeme pokrýt, že jen sekundu když se dostaneme na příkladu. 2054 01:40:07,860 --> 01:40:12,000 Chci se ujistit, že jsme se urychlit protože máme málo času. 2055 01:40:12,000 --> 01:40:15,360 Ale my jsme běžet po celou dobu nyní. 2056 01:40:15,360 --> 01:40:15,490 OK. 2057 01:40:15,490 --> 01:40:16,430 V pohodě. 2058 01:40:16,430 --> 01:40:20,130 Takže pokud chcete přidat třídu, tam je také metoda add třídy. 2059 01:40:20,130 --> 01:40:24,300 To je jen příklad toho, co můžete dělat s jQuery. 2060 01:40:24,300 --> 01:40:25,950 To jen přidává třídu. 2061 01:40:25,950 --> 01:40:28,660 >> Chcete-li jej vyjmout, můžete volat odstranit. 2062 01:40:28,660 --> 01:40:32,280 To je jen další věc, kterou můžete udělat. 2063 01:40:32,280 --> 01:40:35,680 Takže další příklady věcí, které můžete udělat. 2064 01:40:35,680 --> 01:40:37,510 Takže mohu jen dát to na horní takhle? 2065 01:40:37,510 --> 01:40:38,760 Nejmladší odstranit. 2066 01:40:38,760 --> 01:40:42,470 2067 01:40:42,470 --> 01:40:45,930 Kdybych jen spustit tuto JavaScript ve Vrchol mého souboru, který funguje? 2068 01:40:45,930 --> 01:40:48,540 2069 01:40:48,540 --> 01:40:48,920 Správně. 2070 01:40:48,920 --> 01:40:50,530 Protože střední dosud neexistuje. 2071 01:40:50,530 --> 01:40:51,840 Takže to nebude fungovat. 2072 01:40:51,840 --> 01:40:52,800 Exekuční příkaz. 2073 01:40:52,800 --> 01:40:55,040 Jde to až na vrchol jako první. 2074 01:40:55,040 --> 01:40:55,540 Co je? 2075 01:40:55,540 --> 01:40:57,450 >> DIVÁKŮ: Nejmladší dosud neexistuje? 2076 01:40:57,450 --> 01:40:57,810 >> JOSEPH ONG: Jo. 2077 01:40:57,810 --> 01:40:58,710 Nejmladší dosud neexistuje. 2078 01:40:58,710 --> 01:40:59,600 Přesně tak. 2079 01:40:59,600 --> 01:41:01,320 >> DIVÁKŮ: Říkal jsi, že střední. 2080 01:41:01,320 --> 01:41:01,510 >> JOSEPH ONG: Omlouvám se. 2081 01:41:01,510 --> 01:41:02,720 Nejmladší dosud neexistuje. 2082 01:41:02,720 --> 01:41:04,510 A další věc je, že ne zahrnoval jQuery 2083 01:41:04,510 --> 01:41:06,580 soubor se zeptat skriptu src. 2084 01:41:06,580 --> 01:41:07,960 Tak, že to nebude fungovat. 2085 01:41:07,960 --> 01:41:09,580 Vlastně jsem to neudělal, že v Další snímek, který je 2086 01:41:09,580 --> 01:41:10,700 měl opravit, že buď. 2087 01:41:10,700 --> 01:41:14,120 Ale způsob, jakým to udělat, je mít Java scripty je řízené událostmi. 2088 01:41:14,120 --> 01:41:17,410 Takže to, co děláme, je, že jsme použít událost handler, aby se to stalo. 2089 01:41:17,410 --> 01:41:19,510 A tak jsem se vybrat dokument nastavit jako první. 2090 01:41:19,510 --> 01:41:23,810 Já říkám, OK, když je dokument připraveni, dovolte mi, abych spustit funkci. 2091 01:41:23,810 --> 01:41:25,470 Tak to je vše, že syntaktické prostředky. 2092 01:41:25,470 --> 01:41:27,100 >> Vybral jsem dokument. 2093 01:41:27,100 --> 01:41:29,530 Nyní, když je dokument připraveni, spusťte funkci. 2094 01:41:29,530 --> 01:41:32,970 A tak se sem, když je dokument ready, což znamená, že všechny HTML má 2095 01:41:32,970 --> 01:41:36,140 naložené, pak jsem spustit funkci který odstraňuje tento prvek. 2096 01:41:36,140 --> 01:41:40,270 A tak teď, když jsem se spustit tuto funkci že jsem prošel do připravená, jsem 2097 01:41:40,270 --> 01:41:43,780 garantováno, že všechny na HTML Stránka bude existovat jako první. 2098 01:41:43,780 --> 01:41:44,100 Ano. 2099 01:41:44,100 --> 01:41:44,425 Otázka? 2100 01:41:44,425 --> 01:41:48,200 >> DIVÁKŮ: Co je klíčové slovo akce v rámci funkce? 2101 01:41:48,200 --> 01:41:51,750 >> JOSEPH ONG: Tak, že klíčové slovo událost funkce je jen parametr, který 2102 01:41:51,750 --> 01:41:53,490 je předán do funkce pro každou událost. 2103 01:41:53,490 --> 01:41:55,470 Je to prostě něco, co dostanete zdarma. 2104 01:41:55,470 --> 01:41:59,320 Používáte-li klíčové obslužné rutiny v pset8, že událost mohla říct, pro 2105 01:41:59,320 --> 01:42:01,350 příklad, který klíč, který pokračoval. 2106 01:42:01,350 --> 01:42:05,540 V tomto případě, na připravený události je to ve skutečnosti není velmi užitečné. 2107 01:42:05,540 --> 01:42:08,640 Ale pro klíčové dolů případě, že je to více užitečné, protože vám vědět, které 2108 01:42:08,640 --> 01:42:12,330 stisknuté klávesy přístupem klíč Kód z té objektu události. 2109 01:42:12,330 --> 01:42:13,530 Opravte? 2110 01:42:13,530 --> 01:42:15,160 Má to smysl? 2111 01:42:15,160 --> 01:42:16,280 OK. 2112 01:42:16,280 --> 01:42:16,580 Ano. 2113 01:42:16,580 --> 01:42:17,150 Otázka? 2114 01:42:17,150 --> 01:42:19,290 >> DIVÁKŮ: Takže si můžete dát script tag nižší dole? 2115 01:42:19,290 --> 01:42:19,940 >> JOSEPH ONG: Tak jo. 2116 01:42:19,940 --> 01:42:21,500 Dalo by se dal scénář označit nižší dolů. 2117 01:42:21,500 --> 01:42:23,090 Ale pak se to prostě stává opravdu chaotický. 2118 01:42:23,090 --> 01:42:26,590 A my jsme chtěli centralizovat všechny našeho kódu na jednom místě. 2119 01:42:26,590 --> 01:42:28,290 A to nám umožní udělat. 2120 01:42:28,290 --> 01:42:32,010 Zapamatuj si dříve jsem řekl, že je to hezčí způsob, jak zajistit, že prvky jsou 2121 01:42:32,010 --> 01:42:33,880 Na stránce před spuštění kódu? 2122 01:42:33,880 --> 01:42:36,079 A to je jen příjemný způsob, byste dosáhnout. 2123 01:42:36,079 --> 01:42:37,329 >> DIVÁKŮ: [neslyšitelné]. 2124 01:42:37,329 --> 01:42:41,710 2125 01:42:41,710 --> 01:42:42,230 >> JOSEPH ONG: Jo. 2126 01:42:42,230 --> 01:42:43,460 Ty by ještě, ne? 2127 01:42:43,460 --> 01:42:46,930 Vzhledem k tomu, pamatujte, že v ceně soubor v horní části stránky. 2128 01:42:46,930 --> 01:42:49,890 Takže to bude spuštěn jako první před se dostanete do spodní části stránky. 2129 01:42:49,890 --> 01:42:54,600 2130 01:42:54,600 --> 01:42:55,180 OK. 2131 01:42:55,180 --> 01:42:59,210 Takže můžete také přidat různé typ obslužné rutiny události. 2132 01:42:59,210 --> 01:43:00,640 Tenhle právě zpracovává kliknutí. 2133 01:43:00,640 --> 01:43:03,910 Když kliknu na nejmladší, pak to bude pop-up s výstrahou. 2134 01:43:03,910 --> 01:43:05,440 To je jen jiný Typ události. 2135 01:43:05,440 --> 01:43:08,840 Na rozdíl od připravena akce, nyní použít událost click, když obdržíte 2136 01:43:08,840 --> 01:43:10,190 klikne na prvek. 2137 01:43:10,190 --> 01:43:13,860 >> A tak v tomto případě si, cvaknutí Psovod je připojen k nejmladším. 2138 01:43:13,860 --> 01:43:16,080 Takže se to stane pouze tehdy, když I klikněte na nejmladší. 2139 01:43:16,080 --> 01:43:19,510 A v té druhé, připravené akce byl připojen k dokumentu. 2140 01:43:19,510 --> 01:43:23,750 Tak čeká na dokument být připraven. 2141 01:43:23,750 --> 01:43:25,120 Smysl? 2142 01:43:25,120 --> 01:43:26,190 Myslím, že můžu jít dál. 2143 01:43:26,190 --> 01:43:26,610 Ano. 2144 01:43:26,610 --> 01:43:26,980 Otázka? 2145 01:43:26,980 --> 01:43:28,230 >> DIVÁKŮ: [neslyšitelné]. 2146 01:43:28,230 --> 01:43:31,676 2147 01:43:31,676 --> 01:43:33,620 V tomto případě můžete použít [neslyšitelný]. 2148 01:43:33,620 --> 01:43:36,650 >> JOSEPH ONG: Jo, jo, protože v tomto případ, musím čekat na nejmladší 2149 01:43:36,650 --> 01:43:40,740 prvek se objeví na obrazovce jako první předtím, než jsem se připojit popisovač klepněte na tlačítko 2150 01:43:40,740 --> 01:43:43,062 to, což je důvod, proč jsem ji dovnitř o dokument připravený. 2151 01:43:43,062 --> 01:43:45,780 2152 01:43:45,780 --> 01:43:46,840 OK. 2153 01:43:46,840 --> 01:43:52,390 A dále, takže to je velký příklad jak byste kombinovat všechno. 2154 01:43:52,390 --> 01:43:55,930 To je jen příklad validace formuláře jste viděli v přednášce. 2155 01:43:55,930 --> 01:43:58,410 Takže to brát krok za krokem, jak jdete přes to. 2156 01:43:58,410 --> 01:43:59,590 A bude to naprosto v pořádku. 2157 01:43:59,590 --> 01:44:01,400 Jen si to čtou shora dolů. 2158 01:44:01,400 --> 01:44:03,030 >> Mám formulář v dolní části. 2159 01:44:03,030 --> 01:44:07,590 Pokud je dokument připraven, přikládám předložit popisovač na formuláři tak, že 2160 01:44:07,590 --> 01:44:12,910 když jsem odešlete formulář, dostanu hodnoty v každém z těchto vstupů. 2161 01:44:12,910 --> 01:44:14,560 A já jsem zkontrolovat, jestli je to prázdné. 2162 01:44:14,560 --> 01:44:17,090 Pokud je to prázdné, vrátím false, protože Nechci odeslat formulář, 2163 01:44:17,090 --> 01:44:18,950 protože forma je v pořádku. 2164 01:44:18,950 --> 01:44:22,040 Pokud je heslo prázdné nebo je to méně než osm znaků, nemám předložit 2165 01:44:22,040 --> 01:44:24,470 forma, protože to je také špatně. 2166 01:44:24,470 --> 01:44:28,150 A return false jen brání forma z podání a 2167 01:44:28,150 --> 01:44:30,150 jít na novou stránku. 2168 01:44:30,150 --> 01:44:31,310 >> A doufejme, že to dává smysl. 2169 01:44:31,310 --> 01:44:34,650 Myslím, že kluci by měli projít Tento kód krok za krokem na vlastní pěst. 2170 01:44:34,650 --> 01:44:38,350 A jakmile pochopíte, co vybrat prvky a dělat věci, které jí 2171 01:44:38,350 --> 01:44:40,520 vlastně znamená, to bude dělat hodně smysl pro vás. 2172 01:44:40,520 --> 01:44:41,295 Ano? 2173 01:44:41,295 --> 01:44:44,150 >> DIVÁKŮ: Co dělá name = Uživatelské jméno znamená? 2174 01:44:44,150 --> 01:44:48,530 >> JOSEPH ONG: Tak name = jméno uživatele a name = heslo jen znamená, že se na 2175 01:44:48,530 --> 01:44:50,730 atributem cokoliv jste výběr. 2176 01:44:50,730 --> 01:44:51,790 A pak, že se musí shodovat. 2177 01:44:51,790 --> 01:44:53,870 Tak jdeme na registraci. 2178 01:44:53,870 --> 01:44:56,240 A pak se podíváme na všech vstupech a registrace. 2179 01:44:56,240 --> 01:44:59,990 A pak jsme se vybrat ten, kde jméno atribut je roven uživatelským jménem. 2180 01:44:59,990 --> 01:45:04,040 Takže jen ten první voliče vybere uživatelské jméno vstup. 2181 01:45:04,040 --> 01:45:08,220 A jen to, že druhý volič vybere Heslo jedna, protože ty mají 2182 01:45:08,220 --> 01:45:12,240 jejich atributy name nastaven jako to, co by to měl být. 2183 01:45:12,240 --> 01:45:12,575 Otázka? 2184 01:45:12,575 --> 01:45:17,030 >> DIVÁKŮ: Na podání, jak se spodní část vyřešit vrchní část? 2185 01:45:17,030 --> 01:45:19,350 >> JOSEPH ONG: Tak to je proto, že na obslužnou rutinu události. 2186 01:45:19,350 --> 01:45:23,000 Takže čekáme na předložení akci že vyhodí z formy. 2187 01:45:23,000 --> 01:45:24,730 A to je vše, co je předložit. 2188 01:45:24,730 --> 01:45:26,080 Proč říkám podat až tam? 2189 01:45:26,080 --> 01:45:28,870 To říká, když je předložen formulář, Jsem si předložit událost. 2190 01:45:28,870 --> 01:45:33,480 Takže dovolte mi zachytit, že a spusťte tento kód místo. 2191 01:45:33,480 --> 01:45:33,823 Ano? 2192 01:45:33,823 --> 01:45:35,866 >> DIVÁKŮ: Proč máte mít funkce akci? 2193 01:45:35,866 --> 01:45:38,580 Proč nemůžeš prostě [neslyšitelný]? 2194 01:45:38,580 --> 01:45:41,140 >> JOSEPH ONG: Protože v JavaScriptu, jste musí deklarovat funkce. 2195 01:45:41,140 --> 01:45:42,910 To je, jak to funguje v JavaScriptu. 2196 01:45:42,910 --> 01:45:44,800 Musíš říct, že to bude spustit funkci. 2197 01:45:44,800 --> 01:45:47,290 Takže říkáte to, že jsi čeká funkci zde namísto 2198 01:45:47,290 --> 01:45:48,260 jen složené závorky. 2199 01:45:48,260 --> 01:45:50,460 >> DIVÁKŮ: A funkce je, co následuje? 2200 01:45:50,460 --> 01:45:50,650 >> JOSEPH ONG: Jo. 2201 01:45:50,650 --> 01:45:52,790 Tato funkce je to, co je uvnitř složené závorky po 2202 01:45:52,790 --> 01:45:53,630 že funkce klíčové slovo. 2203 01:45:53,630 --> 01:45:54,045 Ano? 2204 01:45:54,045 --> 01:45:55,295 >> DIVÁKŮ: [neslyšitelné]. 2205 01:45:55,295 --> 01:46:00,180 2206 01:46:00,180 --> 01:46:00,660 >> JOSEPH ONG: Pro odeslat? 2207 01:46:00,660 --> 01:46:03,520 >> DIVÁKŮ: Ne, funkce bez události. 2208 01:46:03,520 --> 01:46:03,770 >> JOSEPH ONG: Jo. 2209 01:46:03,770 --> 01:46:05,610 A tak, aniž by událost, můžete mít, že. 2210 01:46:05,610 --> 01:46:08,480 Pokud nepotřebujete událost, pak stačí vynechat. 2211 01:46:08,480 --> 01:46:12,220 Ale pokud ano, pak jste Jen to tam dal. 2212 01:46:12,220 --> 01:46:12,520 Ano. 2213 01:46:12,520 --> 01:46:13,190 Rychlý dotaz? 2214 01:46:13,190 --> 01:46:14,440 >> DIVÁKŮ: [neslyšitelné]. 2215 01:46:14,440 --> 01:46:21,170 2216 01:46:21,170 --> 01:46:21,440 >> JOSEPH ONG: Jo. 2217 01:46:21,440 --> 01:46:24,550 Vzhledem k tomu, co je třeba udělat, document.ready jen říká, že čekat na všechny 2218 01:46:24,550 --> 01:46:26,540 HTML na stránku načíst jako první. 2219 01:46:26,540 --> 01:46:30,510 A obvykle chcete, aby vaše prvky na místě dříve, než spustíte jakýkoli kód. 2220 01:46:30,510 --> 01:46:31,030 Dobrá. 2221 01:46:31,030 --> 01:46:32,180 Musíme se dostat na Ajax. 2222 01:46:32,180 --> 01:46:33,110 Nemáme moc času. 2223 01:46:33,110 --> 01:46:35,170 Takže klady a zápory. 2224 01:46:35,170 --> 01:46:37,450 JavaScript je jednodušší pokus psát s jQuery. 2225 01:46:37,450 --> 01:46:38,930 Ale jQuery je trochu pomalý. 2226 01:46:38,930 --> 01:46:42,290 >> Je to jako PHP je pomalejší než C, protože je to interpretováno. 2227 01:46:42,290 --> 01:46:45,690 A jQuery je o něco pomalejší než JavaScript, protože to hodně 2228 01:46:45,690 --> 01:46:46,630 věci pod kapotou. 2229 01:46:46,630 --> 01:46:48,660 A tak, pokud používáte jQuery, je to jen trochu pomalejší než 2230 01:46:48,660 --> 01:46:51,630 JavaScript, i když to dává vám krásný elegance. 2231 01:46:51,630 --> 01:46:53,970 A konečně, Ajax. 2232 01:46:53,970 --> 01:46:59,170 Zatím se Ajax, jste neviděli Ajax , pokud jde o pset7 ještě, protože 2233 01:46:59,170 --> 01:47:01,150 když to uděláte, můžete podat Formulář pro cenovou nabídku. 2234 01:47:01,150 --> 01:47:02,350 Je načte novou stránku. 2235 01:47:02,350 --> 01:47:04,440 Takže jste si tento velký bílý blesk na straně zatímco 2236 01:47:04,440 --> 01:47:06,820 Druhá stránka načte, správně? 2237 01:47:06,820 --> 01:47:08,780 >> Bylo by opravdu hezké, kdyby vám neměl tento blesk. 2238 01:47:08,780 --> 01:47:11,600 Stejně jako Facebook, pokud jste právě přejděte na dno, přidává nový obsah 2239 01:47:11,600 --> 01:47:13,490 aniž by osvěžující celou stránku. 2240 01:47:13,490 --> 01:47:15,420 Takže něco takového by bylo hezké. 2241 01:47:15,420 --> 01:47:17,370 To je kód JavaScript na levé straně. 2242 01:47:17,370 --> 01:47:19,390 Dostanete to, co je uvnitř tohoto vstupu. 2243 01:47:19,390 --> 01:47:21,340 Získáte stock informace z Yahoo! 2244 01:47:21,340 --> 01:47:27,440 A pak uděláte velký řetězec, který říká, OK, to je poselství chci 2245 01:47:27,440 --> 01:47:28,400 ukázat na obrazovce. 2246 01:47:28,400 --> 01:47:32,280 A pak si dát tuto zprávu uvnitř nějaký HTML prvek, který dostane 2247 01:47:32,280 --> 01:47:33,970 zobrazí na obrazovce. 2248 01:47:33,970 --> 01:47:35,540 >> Tak to je všechno, co se tady děje. 2249 01:47:35,540 --> 01:47:39,410 Takže v podstatě, protože to je vše JavaScript a nemusíte spouštět 2250 01:47:39,410 --> 01:47:42,980 Už PHP, to se ujistěte, že že strana neobnoví. 2251 01:47:42,980 --> 01:47:47,470 Takže je to jen abstraktní idea že tu říkám teď. 2252 01:47:47,470 --> 01:47:50,630 Abstraktní představa je, že pokud si to vše v JavaScriptu, nemáte 2253 01:47:50,630 --> 01:47:52,330 načtení stránky. 2254 01:47:52,330 --> 01:47:53,800 Ale jak to vlastně udělat? 2255 01:47:53,800 --> 01:47:56,230 >> No, vlastně, pojďme mluvit o tom, Problém s tímto poprvé. 2256 01:47:56,230 --> 01:47:59,340 Problém je v JavaScriptu, provedení je synchronní. 2257 01:47:59,340 --> 01:48:02,000 Takže budete muset počkat na jednoho linka dokončit před vámi 2258 01:48:02,000 --> 01:48:03,370 spustit další řádek. 2259 01:48:03,370 --> 01:48:06,130 A co když budu přes Yahoo!, a jejich servery jsou velmi pomalé, a 2260 01:48:06,130 --> 01:48:08,790 trvá jim tři sekundy na dej mi zpátky ten stock informace? 2261 01:48:08,790 --> 01:48:12,620 Když jsem narazila, že cenové linii, pokud provedení je synchronní, jak je to podle 2262 01:48:12,620 --> 01:48:15,390 default, co to jen jde udělat, je Váš prohlížeč bude stánek pro 2263 01:48:15,390 --> 01:48:15,930 tři sekundy. 2264 01:48:15,930 --> 01:48:18,900 A vy nebudete moci dělat něco, když se dostane k datům. 2265 01:48:18,900 --> 01:48:20,010 Bude to být zmrazeny. 2266 01:48:20,010 --> 01:48:20,800 >> A to je špatné. 2267 01:48:20,800 --> 01:48:23,390 Nechcete uživateli mají zmrazené webové stránky. 2268 01:48:23,390 --> 01:48:24,170 Opravte? 2269 01:48:24,170 --> 01:48:25,480 To je prostě špatně. 2270 01:48:25,480 --> 01:48:26,770 Všichni souhlasí s tím,? 2271 01:48:26,770 --> 01:48:29,270 Pokud jste procházení Facebook a to zamrzne a nemůžete nic dělat, vám 2272 01:48:29,270 --> 01:48:31,920 se opravdu frustrovaný. 2273 01:48:31,920 --> 01:48:34,960 Takže řešení je, že jsme udělat něco asynchronní místo. 2274 01:48:34,960 --> 01:48:38,910 Tak tohle všechno asynchronní věc říká se, jdu se na to zeptat 2275 01:48:38,910 --> 01:48:40,280 URL pro některé údaje. 2276 01:48:40,280 --> 01:48:41,610 A pak budu pokračovat. 2277 01:48:41,610 --> 01:48:45,330 Já jsem prostě jít, aby se provádění bez ohledu na kód, který se po tom. 2278 01:48:45,330 --> 01:48:49,290 >> A pak když tato data je připraven, Pak jsem se ho zpracovat. 2279 01:48:49,290 --> 01:48:50,540 To je vše, co se říká. 2280 01:48:50,540 --> 01:48:52,795 2281 01:48:52,795 --> 01:48:56,710 >> DIVÁKŮ: Ajax právě dělá Kód asynchronní? 2282 01:48:56,710 --> 01:48:58,560 >> JOSEPH ONG: Je to asynchronní způsob načítání dat. 2283 01:48:58,560 --> 01:49:01,230 Takže první věc, o Ajax je mi umožňuje získat data 2284 01:49:01,230 --> 01:49:03,170 z externího webu. 2285 01:49:03,170 --> 01:49:07,045 A druhá věc je, dbá na to, že moje strana nemá oddalovat, když jsem 2286 01:49:07,045 --> 01:49:07,970 načítání těchto dat. 2287 01:49:07,970 --> 01:49:09,600 To je asynchronní součástí. 2288 01:49:09,600 --> 01:49:13,040 Vzhledem k tomu, že jde někam jinam, proto říkám, že jsem dál na chvíli 2289 01:49:13,040 --> 01:49:14,900 je to okouzlující, že data, která je to asynchronní. 2290 01:49:14,900 --> 01:49:17,170 Pořád provedení. 2291 01:49:17,170 --> 01:49:18,960 >> Takže mějte že asynchronní Myšlenka na mysli. 2292 01:49:18,960 --> 01:49:22,010 A já vám ukážu, co Rozdíl je v tom. 2293 01:49:22,010 --> 01:49:23,920 Synchronní verze je na levé straně. 2294 01:49:23,920 --> 01:49:26,240 Asynchronní verze je na pravé straně. 2295 01:49:26,240 --> 01:49:29,170 Podívejte se na čísla zjistit, které kroky odpovídají tomu, co 2296 01:49:29,170 --> 01:49:30,610 provede v každém řádku. 2297 01:49:30,610 --> 01:49:32,730 Tam, upozornění se objeví jako první. 2298 01:49:32,730 --> 01:49:34,590 Vzhledem k tomu, jak se stock informace od Yahoo! 2299 01:49:34,590 --> 01:49:37,250 trvá tři sekundy, stánky po dobu tří sekund. 2300 01:49:37,250 --> 01:49:39,880 A pak to upozorní cenu Po těchto třech sekundách. 2301 01:49:39,880 --> 01:49:43,690 >> Takže teď, že upozornění se zobrazí se v té době - 2302 01:49:43,690 --> 01:49:44,610 tři sekundy palců 2303 01:49:44,610 --> 01:49:47,670 A pak to upozorní tím, po tom. 2304 01:49:47,670 --> 01:49:48,930 Tak to jen jde krok za krokem. 2305 01:49:48,930 --> 01:49:51,200 Je to jako to, co vy by akceptovat, že? 2306 01:49:51,200 --> 01:49:54,170 S asynchronním provedení, můžete upozornit jako první. 2307 01:49:54,170 --> 01:49:57,410 Pak můžete odejít na tuto adresu URL. 2308 01:49:57,410 --> 01:49:59,530 A vy říkáte, budu zeptejte se na údaje. 2309 01:49:59,530 --> 01:50:01,170 A pak budu zpracovat později. 2310 01:50:01,170 --> 01:50:04,230 Takže to okamžitě provede další řádek poté, co jsem dělat, že 2311 01:50:04,230 --> 01:50:05,710 Asynchronní požadavek. 2312 01:50:05,710 --> 01:50:08,920 >> Takže 0,001 sekundy, zobrazí upozornění hi. 2313 01:50:08,920 --> 01:50:10,960 Provést tuto funkci, upozornění bye. 2314 01:50:10,960 --> 01:50:14,240 A protože jsem slib, který jsem zpracuje data později, co 2315 01:50:14,240 --> 01:50:17,920 se stane, je-li tato data vrátí tři sekundy později, pak běžím, že 2316 01:50:17,920 --> 01:50:21,380 Funkce, které mám támhle. 2317 01:50:21,380 --> 01:50:21,870 Ano? 2318 01:50:21,870 --> 01:50:25,750 >> DIVÁKŮ: Mohl byste upřesnit nebo objasnit, co Ajax znamená? 2319 01:50:25,750 --> 01:50:30,460 >> JOSEPH ONG: Tak Ajax je to tak, že když jsem Potřebujete dat, když jsem na stránkách a já 2320 01:50:30,460 --> 01:50:34,690 nechci aktualizovat stránku, pak I používat tuto technologii s názvem Ajax. 2321 01:50:34,690 --> 01:50:40,630 To v podstatě znamená jen, dojdi data z jiného webu. 2322 01:50:40,630 --> 01:50:43,724 A to takovým způsobem, že jen nemá oddalovat svou webovou stránku. 2323 01:50:43,724 --> 01:50:46,650 >> DIVÁKŮ: Tak je to, že vlastní část JavaScript nebo jQuery? 2324 01:50:46,650 --> 01:50:50,590 >> JOSEPH ONG: Takže někdo napsal, jak to udělat To JavaScript dávno. 2325 01:50:50,590 --> 01:50:52,050 Na jednom místě, to neexistovalo. 2326 01:50:52,050 --> 01:50:56,630 A tak někdo vymyslel tuto techniku aby lidé mohli požádat o tato data 2327 01:50:56,630 --> 01:50:57,680 v této módě. 2328 01:50:57,680 --> 01:50:59,550 A oni psali nějaké věci aby to pro vás. 2329 01:50:59,550 --> 01:51:01,605 A jQuery vám dává jen to velmi příjemný způsob, jak to udělat 2330 01:51:01,605 --> 01:51:03,112 s tímto $. dostat funkci. 2331 01:51:03,112 --> 01:51:07,200 2332 01:51:07,200 --> 01:51:09,480 otázky? 2333 01:51:09,480 --> 01:51:11,560 Dokážu odpovědět na otázky týkající se Ajax potom taky. 2334 01:51:11,560 --> 01:51:13,870 Budu tady. 2335 01:51:13,870 --> 01:51:16,390 >> Tak to pojďme nám načítat data, aniž by osvěžující stránku. 2336 01:51:16,390 --> 01:51:18,200 A pojďme nám to v asynchronní způsob, který 2337 01:51:18,200 --> 01:51:19,450 nezamrzá stránku. 2338 01:51:19,450 --> 01:51:22,680 2339 01:51:22,680 --> 01:51:27,310 Příliš dlouhý, nečetl-li to vysvětlení bylo pro vás příliš dlouhá. 2340 01:51:27,310 --> 01:51:29,430 Tak konečně, cross-site skriptování útoky. 2341 01:51:29,430 --> 01:51:30,910 Viděli jsme to Zamyla. 2342 01:51:30,910 --> 01:51:34,285 Je-li ve svém databázovém někdo má tento název, které je tento tag script, a já 2343 01:51:34,285 --> 01:51:38,280 nějaký kód na mé stránce, která tiskne se jmény lidí v řadě, nebo mám 2344 01:51:38,280 --> 01:51:43,310 nějaký kód JavaScriptu, který vloží tento název do stránky, 2345 01:51:43,310 --> 01:51:45,680 co je to HTML je produkováno? 2346 01:51:45,680 --> 01:51:47,290 No, já vytisknout značku HTML. 2347 01:51:47,290 --> 01:51:48,390 I vytisknout všechny tyto značky. 2348 01:51:48,390 --> 01:51:50,740 >> Mám na tu část, kde jsem tisk ven s kamarády. 2349 01:51:50,740 --> 01:51:52,980 Vytisknout Lauren ven. 2350 01:51:52,980 --> 01:51:54,200 To vytisknout Milo ven. 2351 01:51:54,200 --> 01:51:56,810 A pak se mé jméno v databázi je skript příspěvek 2352 01:51:56,810 --> 01:51:58,060 nelichotivé postavení Facebook. 2353 01:51:58,060 --> 01:52:00,740 2354 01:52:00,740 --> 01:52:04,330 Protože jsem vložil to do stránky , protože to vypadá, JavaScript, kdy 2355 01:52:04,330 --> 01:52:07,930 Tato stránka je poslán k uživateli, se dostane popraven jako JavaScript. 2356 01:52:07,930 --> 01:52:10,800 A tak to je to, co nazýváme cross-site scripting útočit. 2357 01:52:10,800 --> 01:52:14,570 Někdo dává škodlivého informací databáze, která by mohla odpovídat 2358 01:52:14,570 --> 01:52:17,080 některé další řetězec nebo některé JavaScript řetězec. 2359 01:52:17,080 --> 01:52:20,130 >> A když se to vytiskne na Stránka tímto způsobem, pak to, co 2360 01:52:20,130 --> 01:52:22,580 se stane, je, že špatný kód dostane popraven že jsem neměl v úmyslu 2361 01:52:22,580 --> 01:52:25,110 pro to, aby si popraven. 2362 01:52:25,110 --> 01:52:28,230 A to je vše, cross-site skriptování útok. 2363 01:52:28,230 --> 01:52:31,790 A způsob, jak obejít je to jako řekl Zamyla. 2364 01:52:31,790 --> 01:52:34,340 Stačí zabalit věci Speciální znaky HTML. 2365 01:52:34,340 --> 01:52:39,460 A tento HTML speciální znaky je PHP funkce, která zabrání tento druh 2366 01:52:39,460 --> 01:52:42,000 věci z děje s vámi Máte-li škodlivý 2367 01:52:42,000 --> 01:52:43,830 řetězec v databázi. 2368 01:52:43,830 --> 01:52:47,650 Je to prostě uniká to, takže to není se interpretován jako HTML. 2369 01:52:47,650 --> 01:52:50,960 Nahrazuje malé držáky s tím, co nazýváme subjekty. 2370 01:52:50,960 --> 01:52:52,250 A šli jsme na to v přednášce příliš. 2371 01:52:52,250 --> 01:52:55,800 Takže myslím, že kluci by měli mít dobrý přehled o to. 2372 01:52:55,800 --> 01:52:57,420 Otázky? 2373 01:52:57,420 --> 01:52:57,820 Ano. 2374 01:52:57,820 --> 01:53:00,860 >> DIVÁKŮ: Tak jak by [neslyšitelný]? 2375 01:53:00,860 --> 01:53:01,555 >> JOSEPH ONG: Řekni to ještě jednou. 2376 01:53:01,555 --> 01:53:02,500 >> DIVÁKŮ: Jak by monitor - 2377 01:53:02,500 --> 01:53:02,860 >> JOSEPH ONG: Správně. 2378 01:53:02,860 --> 01:53:06,080 Takže máte něco, co se říká, když I registrovat, typ v mém jménu. 2379 01:53:06,080 --> 01:53:09,390 Jen jsem psát v této oblasti, jmenuji se stript příspěvek nelichotivý Facebook 2380 01:53:09,390 --> 01:53:11,570 Stav v blízkosti script tag. 2381 01:53:11,570 --> 01:53:15,690 A to jen dostane dát do databáze, protože nemůžu říct, někdo 2382 01:53:15,690 --> 01:53:18,260 ve světě nemá jméno s levou šipkou v něm nebo 2383 01:53:18,260 --> 01:53:19,036 Slovo skript v něm. 2384 01:53:19,036 --> 01:53:21,330 To není opravdu smysl. 2385 01:53:21,330 --> 01:53:24,560 Tak jsem se jen ujistit, že jsem dezinfikovat věci dřív, než jsem ji vytisknout 2386 01:53:24,560 --> 01:53:25,420 ven na stránku. 2387 01:53:25,420 --> 01:53:27,140 >> DIVÁKŮ: Takže speciální karty HTML zabraňuje tagy skriptu? 2388 01:53:27,140 --> 01:53:28,710 >> JOSEPH ONG: Jo. 2389 01:53:28,710 --> 01:53:29,960 Takže to nebrání tagy skriptu. 2390 01:53:29,960 --> 01:53:32,320 Je to prostě dělá, zda skript tagy nechápu 2391 01:53:32,320 --> 01:53:35,120 interpretován jako HTML nebo - 2392 01:53:35,120 --> 01:53:35,400 jo. 2393 01:53:35,400 --> 01:53:38,470 Je to prostě přijde jako to, co je to ve skutečnosti je. 2394 01:53:38,470 --> 01:53:39,220 Dobrá. 2395 01:53:39,220 --> 01:53:40,930 Takže to byl přezkum kvíz. 2396 01:53:40,930 --> 01:53:41,830 V pohodě. 2397 01:53:41,830 --> 01:53:45,088 >> [APPLAUSE]