1 00:00:00,000 --> 00:00:08,070 2 00:00:08,070 --> 00:00:10,430 >> R.J. Акино: Нека просто да започнете. 3 00:00:10,430 --> 00:00:12,310 Така че това е тест 1. 4 00:00:12,310 --> 00:00:14,890 Ето малко информация на високо ниво. 5 00:00:14,890 --> 00:00:19,915 The За страницата за теста е в този URL, вече не CS50.net, въпреки че 6 00:00:19,915 --> 00:00:21,080 все още ще работи. 7 00:00:21,080 --> 00:00:26,920 Това е CS50.harvard.edu/quizzes/2013/1. 8 00:00:26,920 --> 00:00:31,070 Това е най-голямото За страница, ви казвам, къде и кога, а именно следващата сряда 9 00:00:31,070 --> 00:00:32,100 в един куп стаи. 10 00:00:32,100 --> 00:00:36,120 И от следващата сряда, аз означава два дни от сега. 11 00:00:36,120 --> 00:00:37,890 Цялата тази информация е там. 12 00:00:37,890 --> 00:00:39,110 Но това е с натрупване. 13 00:00:39,110 --> 00:00:43,790 >> Така че всичко, от първата половина на година е потенциално на теста, 14 00:00:43,790 --> 00:00:50,780 защото не можеш да направиш наистина напреднали неща в C без ако условията и 15 00:00:50,780 --> 00:00:51,920 за линии и други подобни. 16 00:00:51,920 --> 00:00:55,580 Но ще има акцент върху материал, покрит от Quiz 0, 17 00:00:55,580 --> 00:00:59,570 като се започне с structs и File I / O. Това е обикновено по- 18 00:00:59,570 --> 00:01:01,620 предизвикателни, отколкото Quiz 0. 19 00:01:01,620 --> 00:01:03,870 Средната оценка обикновено е по-ниска. 20 00:01:03,870 --> 00:01:05,980 Проучване трудно. 21 00:01:05,980 --> 00:01:09,340 >> Докато сте проучване, не забравяйте да използвате CS50/discuss да публикувате вашите въпроси 22 00:01:09,340 --> 00:01:10,830 и прочетете въпроси на други хора. 23 00:01:10,830 --> 00:01:13,550 Така че, ако не разполагат с никакви въпроси, влезете и да прочетете 24 00:01:13,550 --> 00:01:14,580 въпроси на приятелите си. 25 00:01:14,580 --> 00:01:16,560 Те са вероятно добри въпроси. 26 00:01:16,560 --> 00:01:17,730 И вземи викторини на практика. 27 00:01:17,730 --> 00:01:20,750 Ние сме били като викторини за седем или осем години. 28 00:01:20,750 --> 00:01:22,180 Те всички са на линия. 29 00:01:22,180 --> 00:01:25,540 Бъдещи въпроси са сходни към старите въпроси. 30 00:01:25,540 --> 00:01:26,550 Ето как можем да ги направим. 31 00:01:26,550 --> 00:01:27,740 >> Тестът все още не съществува. 32 00:01:27,740 --> 00:01:28,670 Никой от нас не са го виждали. 33 00:01:28,670 --> 00:01:32,496 Но тя ще изглежда така предишни викторини. 34 00:01:32,496 --> 00:01:36,500 За този преглед сесия, това не е изчерпателен списък от теми. 35 00:01:36,500 --> 00:01:40,740 Не може просто да присъстват на това и след това да бъде напълно готов за теста. 36 00:01:40,740 --> 00:01:43,330 В противен случай не би било че голяма част от викторина. 37 00:01:43,330 --> 00:01:46,270 И това също не е задължително всичко, което трябва да знаете за всеки 38 00:01:46,270 --> 00:01:46,970 зададена тема. 39 00:01:46,970 --> 00:01:50,520 Тя е предназначена да ви изложи на нещата ние сме обхванати, да ви напомня какво сме 40 00:01:50,520 --> 00:01:53,070 покрити, и начина, по който ние го покри. 41 00:01:53,070 --> 00:01:57,030 Но ще трябва да се отиде по-далеч и по-дълбоко, когато учат да двойна проверка 42 00:01:57,030 --> 00:02:00,230 , че знаете всичко за всеки един тема и че сте попълнили 43 00:02:00,230 --> 00:02:03,320 всички ъгли, които са покрит с лекция. 44 00:02:03,320 --> 00:02:07,980 >> Отбелязва викторина ви казват да отидете на Scribe бележки, Гледай лекционни видеоклипове. 45 00:02:07,980 --> 00:02:10,155 Това е добър начин да се уверите, че сте покрити всичките си бази. 46 00:02:10,155 --> 00:02:12,670 47 00:02:12,670 --> 00:02:17,340 Така че да започнете, когато направих това пързалки, аз се опитах да се сложи където намерих 48 00:02:17,340 --> 00:02:18,350 информация. 49 00:02:18,350 --> 00:02:22,890 Така че за File I / O, например, Седмица 7, Понеделник лекция, така и изпратените 50 00:02:22,890 --> 00:02:27,960 Раздел 6 и Проблем Set всички имаме информация за File I / O. Правил съм 51 00:02:27,960 --> 00:02:28,840 това за всяка тема. 52 00:02:28,840 --> 00:02:33,010 Така че тези заглавие пързалки може да Ви бъдем полезни. 53 00:02:33,010 --> 00:02:38,950 >> Така че тук имаме File I / O. Не забравяйте, че в Проблем Задайте 5, ние използвахме FОтваряне на, неуспешно, 54 00:02:38,950 --> 00:02:41,210 неуспешно, fread и fseek. 55 00:02:41,210 --> 00:02:48,090 След като се възстановява 30ish JPEGs и като е преоразмерена и побъркани с 56 00:02:48,090 --> 00:02:50,320 растерни изображения, трябва да бъде доста познати с тези функции 57 00:02:50,320 --> 00:02:51,830 и как те работят. 58 00:02:51,830 --> 00:02:54,420 Ако вече не сте запознати, Определено ги прегледат. 59 00:02:54,420 --> 00:02:56,860 И се уверете, че сте разбрали това, различните аргументи са, 60 00:02:56,860 --> 00:02:58,260 когато те се използват. 61 00:02:58,260 --> 00:03:03,620 >> Но най-често срещаните свързани с файловете буболечките може да бъдете помолени за - 62 00:03:03,620 --> 00:03:07,270 Е, ако сте забравили да се провери дали FОтваряне на действително е работил, преди да отидете на 63 00:03:07,270 --> 00:03:08,350 модифицирате файл. 64 00:03:08,350 --> 00:03:09,760 Това може да бъде лошо. 65 00:03:09,760 --> 00:03:13,560 Ако сте забравили да неуспешно файл че сте fopened, че е подобен на 66 00:03:13,560 --> 00:03:14,400 изтичане на памет. 67 00:03:14,400 --> 00:03:15,980 Това е доста зле. 68 00:03:15,980 --> 00:03:18,670 И забравяш, за да проверите дали сте достигнала края на файла, преди да 69 00:03:18,670 --> 00:03:19,790 започнете да пишете за него. 70 00:03:19,790 --> 00:03:22,320 >> Така че, ако ви кажа, хей, аз съм най- на края на файла. 71 00:03:22,320 --> 00:03:23,750 Дай ми още 5 байта. 72 00:03:23,750 --> 00:03:27,370 Е, това вероятно няма да работят на начина, по който очаквате. 73 00:03:27,370 --> 00:03:30,930 Това е наистина за File I / O, защото сме направили толкова много от него 74 00:03:30,930 --> 00:03:32,300 с определен проблем. 75 00:03:32,300 --> 00:03:36,000 Така че, ако сте разбрали какво се случва Проблем в Set 5, запомнете bitmats 76 00:03:36,000 --> 00:03:40,090 и JPEG снимки, тогава вие вероятно сте всички определен за File I / O. Ако това е малко 77 00:03:40,090 --> 00:03:44,770 размита, определено преразгледат този проблем определя и свързани материал. 78 00:03:44,770 --> 00:03:51,110 >> Structs бяха темата, които бяха на линия между 0 и Quiz Quiz 1. 79 00:03:51,110 --> 00:03:53,090 Още не сте съвсем прави разреза за Quiz 0. 80 00:03:53,090 --> 00:03:57,040 Така че със сигурност ще бъде на Quiz 1 Седмица 7, понеделник. 81 00:03:57,040 --> 00:03:58,150 Каква е структурата? 82 00:03:58,150 --> 00:04:00,250 Тук ние показваме една структура. 83 00:04:00,250 --> 00:04:03,140 Това е като нов вид. 84 00:04:03,140 --> 00:04:07,940 Това е нещо като контейнер за няколко полета. 85 00:04:07,940 --> 00:04:12,970 >> В този случай, ние сме обявен за структура студент, който има две полета - 86 00:04:12,970 --> 00:04:17,750 низ, който ние се обаждате име и едно цяло число, че ние се обаждате възраст. 87 00:04:17,750 --> 00:04:21,450 Така че, когато минавам около студенти или I модифицирате студенти, ще бъде в състояние да 88 00:04:21,450 --> 00:04:24,430 достъп до тяхното име и възрастта им. 89 00:04:24,430 --> 00:04:26,670 Нека да разгледаме някои код за това. 90 00:04:26,670 --> 00:04:29,090 Тук виждаме, че съм обявен студент и, точно като 91 00:04:29,090 --> 00:04:30,300 Декларирам, всяка променлива - 92 00:04:30,300 --> 00:04:32,430 Int X, Int Y, и така нататък. 93 00:04:32,430 --> 00:04:34,180 >> Ето студент ите. 94 00:04:34,180 --> 00:04:37,370 Той започва с нищо в полетата си. 95 00:04:37,370 --> 00:04:38,240 Така че нека да ги зададете. 96 00:04:38,240 --> 00:04:40,681 Можете да зададете полетата на структура с точка. 97 00:04:40,681 --> 00:04:43,780 Така че това, което казах тук, че s.name = RJ. 98 00:04:43,780 --> 00:04:46,470 И s.age = 21. 99 00:04:46,470 --> 00:04:48,500 Можете също така да актуализирате полета По същия начин можете да актуализирате 100 00:04:48,500 --> 00:04:49,550 стойността на променливата. 101 00:04:49,550 --> 00:04:53,270 Така че аз искам да си сменя името си от RJ с Не периоди до R.J. написан на 102 00:04:53,270 --> 00:04:54,540 правилния начин. 103 00:04:54,540 --> 00:04:58,890 Това ще бъде s.name = RJ, същото както ние го каза първоначално. 104 00:04:58,890 --> 00:05:00,030 И тогава може да има достъп до тях. 105 00:05:00,030 --> 00:05:00,930 >> Така че ние сме ги задали. 106 00:05:00,930 --> 00:05:01,840 Ние сме ги актуализира. 107 00:05:01,840 --> 00:05:03,890 Можете също така да има достъп до тях в много по същия начин. 108 00:05:03,890 --> 00:05:09,330 Така че тук, аз съм отпечатване R.J. Е на 21 години. 109 00:05:09,330 --> 00:05:14,700 И аз съм достъп до тези стойности с s.name и s.age. 110 00:05:14,700 --> 00:05:17,040 Така че това е достъп до structs с нотация точка. 111 00:05:17,040 --> 00:05:17,850 Да, въпрос? 112 00:05:17,850 --> 00:05:21,176 >> ПУБЛИКАТА: Има ли причина, относно предишния слайд, който не е пускал 113 00:05:21,176 --> 00:05:24,848 ученик на най-горния ред, като typedef структура на студент и след това 114 00:05:24,848 --> 00:05:25,840 студент в края на краищата? 115 00:05:25,840 --> 00:05:29,040 >> R.J. Акино: Така че въпросът е, по този слайд, ние сме обикновено се наблюдава 116 00:05:29,040 --> 00:05:32,400 typedef структура възел и след това полета на структурата и 117 00:05:32,400 --> 00:05:34,250 След това думата възел. 118 00:05:34,250 --> 00:05:37,790 А как дойде тук аз не съм казвал, typedef структура на студент, а след това 119 00:05:37,790 --> 00:05:39,820 полета на структурата и след това ученикът? 120 00:05:39,820 --> 00:05:44,310 Причината е, че не е нужно да се достъп до него вътре в структурата. 121 00:05:44,310 --> 00:05:46,270 Така че това е ОК, за да го оставите без име. 122 00:05:46,270 --> 00:05:49,210 Просто не мога да го оставя като анонимен структура. 123 00:05:49,210 --> 00:05:53,130 >> Причината да го направя за свързани списъци и неща е така, защото вътре в себе си трябва 124 00:05:53,130 --> 00:05:55,360 за указване на STRUCT възли звезда. 125 00:05:55,360 --> 00:05:58,220 Така че структурата трябва да има име, така че можете да получите достъп до нея по-късно. 126 00:05:58,220 --> 00:05:59,540 Това е един малък детайл. 127 00:05:59,540 --> 00:06:04,750 Но вие обикновено ще видите typedef структура фигурни скоби, ако не е нужно 128 00:06:04,750 --> 00:06:08,720 името и typedef структура някакво име последвано от фигурни скоби, ако щете 129 00:06:08,720 --> 00:06:09,520 нужда от име. 130 00:06:09,520 --> 00:06:12,070 Така че това е добър въпрос. 131 00:06:12,070 --> 00:06:17,000 >> И в този момент, ние сме склонни да се променят structs и преминават около structs от 132 00:06:17,000 --> 00:06:18,680 препращане, не по стойност. 133 00:06:18,680 --> 00:06:21,940 Така че ние просто ще преминат около указатели към structs вместо да преминават около 134 00:06:21,940 --> 00:06:23,150 самите structs. 135 00:06:23,150 --> 00:06:28,050 Значи много често ще бъде използвате, в този случай, студент или * 136 00:06:28,050 --> 00:06:34,150 структура възел * или възел * вместо ученици или възли. 137 00:06:34,150 --> 00:06:39,350 Така че тук, аз съм казвал, OK, PTR променливата ще бъде на адреса на S. 138 00:06:39,350 --> 00:06:45,570 Тя ще бъде на показалеца на студента R.J. 139 00:06:45,570 --> 00:06:48,965 >> Така че ние може да получите най-тези области същият като вземем нещо. 140 00:06:48,965 --> 00:06:51,460 Първо, ID указване на показалеца за да получите STRUCT. 141 00:06:51,460 --> 00:06:55,530 Това е * PTR и след това точка и след това възраст. 142 00:06:55,530 --> 00:06:58,790 Така че, за да получите достъп до терена и съм актуализиран то сега до 22, тъй като, нека 143 00:06:58,790 --> 00:07:00,860 да речем, че имам рожден ден. 144 00:07:00,860 --> 00:07:03,990 Има кратък синтаксис с помощта на стрелката тук. 145 00:07:03,990 --> 00:07:07,060 Така PTR стрелка възраст е просто същото като * ptr.age. 146 00:07:07,060 --> 00:07:10,150 147 00:07:10,150 --> 00:07:11,550 Сега, това е нещо, което ще има да запаметява и да си спомня. 148 00:07:11,550 --> 00:07:15,010 >> Можете да го използва много в pset6, на правопис PSET. 149 00:07:15,010 --> 00:07:18,350 Но това е всъщност това, което се случва на под предния капак. 150 00:07:18,350 --> 00:07:20,500 Това е dereferencing показалеца и след това достъп до него. 151 00:07:20,500 --> 00:07:21,432 Въпрос? 152 00:07:21,432 --> 00:07:22,682 >> ПУБЛИКАТА: [недоловим]. 153 00:07:22,682 --> 00:07:25,860 154 00:07:25,860 --> 00:07:28,060 >> R.J. Акино: Тогава защо ние, използвайки указатели като structs вместо 155 00:07:28,060 --> 00:07:29,500 самите structs? 156 00:07:29,500 --> 00:07:33,740 Причината би било, ако ти минава една структура към функция, най-вероятно 157 00:07:33,740 --> 00:07:36,900 Искам да премине само около 4 или така байтове, които представляват показалеца, като 158 00:07:36,900 --> 00:07:40,375 за разлика от 30 или потенциално 40 байта, които са в структурата. 159 00:07:40,375 --> 00:07:44,410 Така минава нещо към функция По-лесно е, когато нещо 160 00:07:44,410 --> 00:07:48,230 е по-малък в кратко. 161 00:07:48,230 --> 00:07:49,074 Въпрос? 162 00:07:49,074 --> 00:07:53,026 >> ПУБЛИКАТА: Може да сте споменавал в началото, но има 163 00:07:53,026 --> 00:07:56,000 други пързалки Горе на [недоловим]? 164 00:07:56,000 --> 00:07:58,960 >> R.J. Акино: Тези слайдове ще бъдат след заседанието за преразглеждане. 165 00:07:58,960 --> 00:08:00,210 Ние ще ги публикуваме в сайта. 166 00:08:00,210 --> 00:08:02,450 167 00:08:02,450 --> 00:08:06,870 Така че се движат по и преместване на леко по-бързо, ние ще говорим за данни 168 00:08:06,870 --> 00:08:07,350 структури. 169 00:08:07,350 --> 00:08:08,040 Има много. 170 00:08:08,040 --> 00:08:10,080 Покрихме един куп от тях. 171 00:08:10,080 --> 00:08:12,500 Ето какво трябва да се разбере за структурата на данните. 172 00:08:12,500 --> 00:08:15,590 >> Вие трябва наистина да се разбере най-високо На какво ниво е всяка структура. 173 00:08:15,590 --> 00:08:21,190 Можете ли да обясните на английски език, за да ви приятел, че не е взел CS50 как 174 00:08:21,190 --> 00:08:25,580 ние сме организиране на нашите данни и защо ние ще се използва нещо по този начин? 175 00:08:25,580 --> 00:08:26,990 Това е нещо, което един. 176 00:08:26,990 --> 00:08:29,650 Thing две, разбирам изпълнението. 177 00:08:29,650 --> 00:08:34,270 Така че разбирам как да се използват тези неща в C. И ние ще се случва през това. 178 00:08:34,270 --> 00:08:39,030 >> И тогава нещо три ще се запознаят с тече времето и ограниченията на 179 00:08:39,030 --> 00:08:40,470 различни структури, които използвате. 180 00:08:40,470 --> 00:08:44,059 Така разбираме защо трябва да използвате хеш таблица вместо масив. 181 00:08:44,059 --> 00:08:49,570 Разберете колко бързо, средно, достъп хеш таблица е. 182 00:08:49,570 --> 00:08:54,010 Разберете какви операции са бързо на свързан списък, но бавно на масиви и 183 00:08:54,010 --> 00:08:56,080 обратно. 184 00:08:56,080 --> 00:08:59,780 Така че да се разбере, че ще трябва да разбирам Big-O нотация просто да знаете 185 00:08:59,780 --> 00:09:01,310 как да се говори за тях всякакви неща. 186 00:09:01,310 --> 00:09:02,700 И ние ще говорим за това. 187 00:09:02,700 --> 00:09:06,040 >> Така че първото нещо, свързани списъци. 188 00:09:06,040 --> 00:09:07,770 Ето снимка на високо равнище на свързан списък. 189 00:09:07,770 --> 00:09:08,830 Ние показваме това в клас. 190 00:09:08,830 --> 00:09:11,670 Ние обикновено имат 10 души застанал на сцената. 191 00:09:11,670 --> 00:09:16,790 Но ние имаме серия от възли, където всеки възел има някаква стойност и показалеца 192 00:09:16,790 --> 00:09:18,610 за следващия си стойност. 193 00:09:18,610 --> 00:09:21,730 Така че, за да получите от един възел към следващата, можете само да кажа, дай ми на следващия възел. 194 00:09:21,730 --> 00:09:22,530 Имаш този възел. 195 00:09:22,530 --> 00:09:23,770 Дай ми на следващия възел. 196 00:09:23,770 --> 00:09:24,400 Имаш този възел. 197 00:09:24,400 --> 00:09:28,790 Дай ми на следващия възел и така нататък докато има никакъв възел лявата. 198 00:09:28,790 --> 00:09:31,850 >> Така че продължи да се говори за то на по-високо ниво. 199 00:09:31,850 --> 00:09:34,100 Това е много лесно да вмъкнете неща в свързан списък. 200 00:09:34,100 --> 00:09:36,010 Ако не ви е грижа за реда, може просто да го пуснете 201 00:09:36,010 --> 00:09:36,840 още в самото начало. 202 00:09:36,840 --> 00:09:38,520 Това е константно време. 203 00:09:38,520 --> 00:09:39,900 Но е трудно да се намери стойност. 204 00:09:39,900 --> 00:09:43,060 Ако се опитвате да попитам, е седем в моя списък? 205 00:09:43,060 --> 00:09:44,740 Вие трябва да мине през всяка една стойност. 206 00:09:44,740 --> 00:09:45,680 Това седем? 207 00:09:45,680 --> 00:09:46,610 Това седем? 208 00:09:46,610 --> 00:09:47,770 Това седем? 209 00:09:47,770 --> 00:09:48,690 Това седем? 210 00:09:48,690 --> 00:09:49,830 Отново и отново. 211 00:09:49,830 --> 00:09:51,520 И това е O (N). 212 00:09:51,520 --> 00:09:53,800 Така че, когато учи за теста, Сравнете това с масиви. 213 00:09:53,800 --> 00:09:57,010 214 00:09:57,010 --> 00:09:58,220 >> Това ли е ОК? 215 00:09:58,220 --> 00:09:59,220 Светлините угаснаха неясни. 216 00:09:59,220 --> 00:10:01,110 OK. 217 00:10:01,110 --> 00:10:02,400 Когато е свързан списък, по-добре? 218 00:10:02,400 --> 00:10:04,640 Когато е масив по-добре? 219 00:10:04,640 --> 00:10:06,670 Така че нека да разгледаме някои код. 220 00:10:06,670 --> 00:10:08,960 Тук е потенциална възел. 221 00:10:08,960 --> 00:10:09,770 Това е структура. 222 00:10:09,770 --> 00:10:12,220 Той разполага с вътр н, които ще бъде нашата стойност. 223 00:10:12,220 --> 00:10:17,780 И тя има структура възел * следващия, който За нас е указател към следващия възел. 224 00:10:17,780 --> 00:10:23,040 Така че тук, ние можем да видим, че ние се случи за да изведе едно цяло число в нашия възел. 225 00:10:23,040 --> 00:10:27,850 Но ако това беше свързан списък на Чар звезди или свързан списък на плувки, ние 226 00:10:27,850 --> 00:10:28,820 напълно може да направи това. 227 00:10:28,820 --> 00:10:33,110 >> Не забравяйте в pset6, най-вероятно е имал свързан списък на Чар звезди или само 228 00:10:33,110 --> 00:10:34,360 статични харак масиви. 229 00:10:34,360 --> 00:10:37,370 230 00:10:37,370 --> 00:10:39,040 Нека да разгледаме тук, в операция. 231 00:10:39,040 --> 00:10:43,570 Така че ние искаме да вмъкнете нов п в нашата свързан списък. 232 00:10:43,570 --> 00:10:48,940 Ние започваме с показалеца глава, която е указател към тази възлова точка, която има 233 00:10:48,940 --> 00:10:53,460 стойност на п и следваща на показалеца, че точки до този възел е на стойност 234 00:10:53,460 --> 00:10:57,760 н и следващата на нула, защото това е последният възел. 235 00:10:57,760 --> 00:11:00,440 Така че, в интерес на време, ще го направя постави целия код на екрана. 236 00:11:00,440 --> 00:11:03,130 И ние ще минеш през нея няколко линии в даден момент. 237 00:11:03,130 --> 00:11:05,790 >> Така че тук е кодът. 238 00:11:05,790 --> 00:11:07,560 Надявам се, че това е разбираемо. 239 00:11:07,560 --> 00:11:11,275 Първото нещо, което правим, е ние изчистване нов възел. 240 00:11:11,275 --> 00:11:15,105 Така че има указател към нов възел, който не съвсем нищо настроите 241 00:11:15,105 --> 00:11:16,450 в него все още. 242 00:11:16,450 --> 00:11:19,580 Ние се уверете, че новия възел не е нищожна. 243 00:11:19,580 --> 00:11:22,220 В противен случай, ние трябва да се откажем. 244 00:11:22,220 --> 00:11:27,680 Така че, след като са проверили, че ние сега Определените стойности в възел. 245 00:11:27,680 --> 00:11:31,520 Така че ние поставяме новия N в нашата област п. 246 00:11:31,520 --> 00:11:36,050 И ние се установи следващото показалеца да сочи към оригиналния главата, така че ние можем да 247 00:11:36,050 --> 00:11:38,900 Сега сте поставили този възел в нашия списък. 248 00:11:38,900 --> 00:11:44,600 >> И накрая, имаме глобална точката на главата в нашия нов възел, така че ако трябва да 249 00:11:44,600 --> 00:11:50,300 започне в главата, ние ще бъдем в този нов първи възел вместо 250 00:11:50,300 --> 00:11:51,560 старата първия възел. 251 00:11:51,560 --> 00:11:55,320 И когато тази функция изходи, променлива нов възел вече не съществува, 252 00:11:55,320 --> 00:11:57,130 защото това е местно на функцията. 253 00:11:57,130 --> 00:11:59,770 Така че това е състоянието на света. 254 00:11:59,770 --> 00:12:03,570 Нашата глобална главата сочи към новия ни първият възел кои точки да ни 255 00:12:03,570 --> 00:12:06,346 оригиналната първия възел, който точки с възел след това. 256 00:12:06,346 --> 00:12:09,790 >> Това беше вмъкване. 257 00:12:09,790 --> 00:12:12,150 Надявам се, че това е относително лесно да се следват. 258 00:12:12,150 --> 00:12:14,300 Когато се колебаете, да се направи снимка. 259 00:12:14,300 --> 00:12:17,820 Така че аз намирам, че говорим за свързани списъци и гледа 260 00:12:17,820 --> 00:12:19,870 код е много полезно не. 261 00:12:19,870 --> 00:12:23,790 Има предвид, че гледаш картина от свързания списък ми позволява да мисля, о, толкова 262 00:12:23,790 --> 00:12:24,970 Имам този възел тук. 263 00:12:24,970 --> 00:12:28,980 Но ако аз актуализира тази показалка, тя завършва изключен. 264 00:12:28,980 --> 00:12:34,340 И аз съм забравил къде възел отива. 265 00:12:34,340 --> 00:12:35,390 И кода излиза. 266 00:12:35,390 --> 00:12:37,830 И вие имате множество възли че са изключени. 267 00:12:37,830 --> 00:12:39,970 И вие не се окажете с списъка, който искате. 268 00:12:39,970 --> 00:12:43,320 >> Така че, ако се направи на снимката и да го направя стъпка по стъпка, да се надяваме, ще видите 269 00:12:43,320 --> 00:12:46,840 правилния ред на нещата от гледна точка на актуализиране на насоки, за да се уверите, 270 00:12:46,840 --> 00:12:48,830 че списъкът идва заедно. 271 00:12:48,830 --> 00:12:51,240 Insert е относително проста. 272 00:12:51,240 --> 00:12:55,210 По-сложно би било поставяне в подредени списък. 273 00:12:55,210 --> 00:12:59,980 По-сложна функция е изтриване и да намерят, така че търсите чрез списък, за да 274 00:12:59,980 --> 00:13:03,030 да видим дали нещо е там. 275 00:13:03,030 --> 00:13:07,220 Може би ви е направил това в pset6 когато имам в своя хеш таблица и ти каза, 276 00:13:07,220 --> 00:13:10,460 добре, е ябълка в моя свързан списък? 277 00:13:10,460 --> 00:13:11,440 >> Така че, може би вече сте направили това. 278 00:13:11,440 --> 00:13:15,530 Но определено, освежи паметта си и се опитват да reimplement находка и 279 00:13:15,530 --> 00:13:19,150 reimplement изтриете за свързан списък. 280 00:13:19,150 --> 00:13:22,850 Fun страна нота, има също двойно-свързан списъци, в които имате 281 00:13:22,850 --> 00:13:27,490 указатели, които сочат напред, така и назад, така че да може да отиде на 282 00:13:27,490 --> 00:13:29,270 следващия възел и към предишния възел. 283 00:13:29,270 --> 00:13:33,860 И имаше един въпрос на миналата година викторина на този тип, говори 284 00:13:33,860 --> 00:13:36,190 за двойно по-свързани списъци. 285 00:13:36,190 --> 00:13:40,070 >> Сега, това е структура, която сте сравнително запознати, защото повечето 286 00:13:40,070 --> 00:13:42,520 от вас вероятно са ги използвали по pset6. 287 00:13:42,520 --> 00:13:45,680 Ето една, която е малко по-малко позната. 288 00:13:45,680 --> 00:13:51,020 Като страна нота, аз мисля, че е един Quiz предимно по-трудно, отколкото Quiz 0, защото 289 00:13:51,020 --> 00:13:54,600 нещата, които правиш, ти не са направили толкова много. 290 00:13:54,600 --> 00:13:58,100 За да сложи това по друг начин, за Quiz 0, ти беше написал много C. И ние 291 00:13:58,100 --> 00:13:58,880 ви попита за C. 292 00:13:58,880 --> 00:14:02,310 >> За Quiz 1, отиваме да ви попитам за PHP и JavaScript, които можете 293 00:14:02,310 --> 00:14:03,490 не са написани като голяма част от. 294 00:14:03,490 --> 00:14:07,590 Отиваме да ви попитам за C-код, който не са написани като голяма част от, 295 00:14:07,590 --> 00:14:09,130 този авангарден C неща. 296 00:14:09,130 --> 00:14:11,520 Така че, определено, практикуват неща, които говори в лекция, че 297 00:14:11,520 --> 00:14:15,260 не е задължително да се направи на проблема избран. 298 00:14:15,260 --> 00:14:17,870 >> Говорейки за което, ти не са писали комин върху един проблем настроен. 299 00:14:17,870 --> 00:14:19,610 Но това беше в лекция. 300 00:14:19,610 --> 00:14:22,530 Ето картината на високо равнище стекове, че ние показваме всяка година. 301 00:14:22,530 --> 00:14:26,180 Това е топчето тави в трапезарията Mather. 302 00:14:26,180 --> 00:14:30,570 На по-високо ниво, стекове са последна , първи излязъл структура на данните. 303 00:14:30,570 --> 00:14:32,040 Това означава, че започваш да постави нещата в - 304 00:14:32,040 --> 00:14:36,400 1, 3, 7, 12, 14, отрицателен 0. 305 00:14:36,400 --> 00:14:39,180 Единственото нещо, което не би могло да има каза - отрицателен 3, 0. 306 00:14:39,180 --> 00:14:40,250 Слагаш всички тези неща инча 307 00:14:40,250 --> 00:14:42,940 И последното, което е записано в е първата едно, че ще излезе. 308 00:14:42,940 --> 00:14:44,170 >> Така че имате две операции - 309 00:14:44,170 --> 00:14:45,260 натиснете и поп. 310 00:14:45,260 --> 00:14:49,180 Всички от пускането в които бях жестикулираше като това са тласък. 311 00:14:49,180 --> 00:14:52,020 И тогава, когато се достигне, за да вземете нещо или да достигнат на върха, за да вземете 312 00:14:52,020 --> 00:14:53,940 нещо, това е поп. 313 00:14:53,940 --> 00:14:55,540 Така че ние ще приложат стакове. 314 00:14:55,540 --> 00:14:57,870 И ние ги показа в лекция употребата на масиви. 315 00:14:57,870 --> 00:14:59,550 Но бихте могли да ги правя използване на свързани списъци. 316 00:14:59,550 --> 00:15:01,770 A стак е концептуална данни структура, а не като 317 00:15:01,770 --> 00:15:03,760 изпълнение-специфична един. 318 00:15:03,760 --> 00:15:06,420 >> Така че това, което би изглеждало това? 319 00:15:06,420 --> 00:15:07,970 Тя ще изглежда нещо като това. 320 00:15:07,970 --> 00:15:10,840 Вие искате да има размер число. 321 00:15:10,840 --> 00:15:16,000 И ще имате масив от стойности, които ние се обаждате тави, защото това е 322 00:15:16,000 --> 00:15:18,570 какво картината е за ни - Int тави - 323 00:15:18,570 --> 00:15:21,740 и след това някои максимален капацитет. 324 00:15:21,740 --> 00:15:27,100 Така че това, което ще тласне прилича? 325 00:15:27,100 --> 00:15:33,250 Е, ако имаме една купчина ите, след това да натиснете нещо върху S, ще получим 326 00:15:33,250 --> 00:15:34,620 размера на S. 327 00:15:34,620 --> 00:15:42,270 И това ще бъде следващия отворен място на нашия масив. 328 00:15:42,270 --> 00:15:50,510 Така че, ако имаме три неща в нашия комин, След тави 3 да бъдат следващите 329 00:15:50,510 --> 00:15:54,290 отворен място, защото 0, 1, и 2, са вече запълнени. 330 00:15:54,290 --> 00:16:01,790 >> Така че ние поставяме на стойността в s.trays [s.size], на трето място. 331 00:16:01,790 --> 00:16:06,290 И след това ние увеличаваме s.size да се каже, хей, ние имахме три неща преди. 332 00:16:06,290 --> 00:16:07,400 Сега, ние имаме четири. 333 00:16:07,400 --> 00:16:10,180 Така че следващия път, когато се бута, ти си ще сложи нещо в 4. 334 00:16:10,180 --> 00:16:15,560 Или следващият път, когато се появи, ти започваш да погледнем в три вместо четири или нещо такова. 335 00:16:15,560 --> 00:16:18,000 И тогава ще се върнем към истинската да речем, хей, ние успяхме. 336 00:16:18,000 --> 00:16:19,160 Това е работил. 337 00:16:19,160 --> 00:16:22,060 Като правило на палеца, ако една функция, която е Трябваше да се върне вярно или 338 00:16:22,060 --> 00:16:26,370 невярно винаги се връща вярно, вие може са направили нещо нередно. 339 00:16:26,370 --> 00:16:28,350 Същото прави тази работа? 340 00:16:28,350 --> 00:16:32,400 >> Е, той работи добре за един, и 2, и 3, и 4, и пет. 341 00:16:32,400 --> 00:16:34,640 Но нека да кажа, че се достигне капацитета си. 342 00:16:34,640 --> 00:16:38,750 Аз бях тогава тичам в проблем, тъй като ако размерът му е същият като капацитет, аз съм 343 00:16:38,750 --> 00:16:43,340 сега се опитва да сложи нещо в едно масив, където не е нужно пространство. 344 00:16:43,340 --> 00:16:46,980 Така кратко проверка, за да се определи това. 345 00:16:46,980 --> 00:16:51,630 Ако s.size == КАПАЦИТЕТ, връщане фалшиви. 346 00:16:51,630 --> 00:16:54,130 В противен случай, отидете и да направим това, което направихме. 347 00:16:54,130 --> 00:16:55,660 Така че, какво друго бихме могли да попитате за за купчини? 348 00:16:55,660 --> 00:16:56,460 Какво друго трябва да ви уча? 349 00:16:56,460 --> 00:16:57,690 Какво друго трябва да се упражнявате? 350 00:16:57,690 --> 00:17:01,030 >> Е, за прилагане на поп. 351 00:17:01,030 --> 00:17:02,370 Ние вече го бута. 352 00:17:02,370 --> 00:17:04,280 Ще поправим това. 353 00:17:04,280 --> 00:17:08,180 Изпълнение A не масив, където използвате свързан списък, може би. 354 00:17:08,180 --> 00:17:09,390 A изпълнение без вътр. 355 00:17:09,390 --> 00:17:10,940 Ние направихме целочислени тук. 356 00:17:10,940 --> 00:17:11,880 Но можеше да бъде и плувки. 357 00:17:11,880 --> 00:17:13,010 Можех да бъда струни. 358 00:17:13,010 --> 00:17:14,290 Това би могло да бъде харак звезди. 359 00:17:14,290 --> 00:17:17,960 Погледнете последните викторини за видовете въпроси, които сме питали за стакове. 360 00:17:17,960 --> 00:17:20,000 >> Аз ще кажа, че ние обхванати купчини около същото, както сме ги покри в 361 00:17:20,000 --> 00:17:20,540 последните години. 362 00:17:20,540 --> 00:17:24,400 Така че въпросите за теста трябва е един добър показател. 363 00:17:24,400 --> 00:17:27,010 Движейки се напред още по-бързо, се реди на опашка. 364 00:17:27,010 --> 00:17:28,200 Те са като стакове. 365 00:17:28,200 --> 00:17:29,960 Но те са първи, първи излязъл. 366 00:17:29,960 --> 00:17:33,530 Ако сте британски, думата опашка вероятно прави много смисъл за вас. 367 00:17:33,530 --> 00:17:36,390 В противен случай, може да се наложи Чух за него като за една линия. 368 00:17:36,390 --> 00:17:38,120 Те работят като линията в магазина Apple. 369 00:17:38,120 --> 00:17:40,740 Първият човек, който се появи в 3:00 сутринта е първият 370 00:17:40,740 --> 00:17:42,880 човек да си купи си IPAD. 371 00:17:42,880 --> 00:17:44,260 >> Така че ние имаме две операции - 372 00:17:44,260 --> 00:17:45,720 Enqueue и dequeue. 373 00:17:45,720 --> 00:17:47,560 Enqueue поставя някого в линията. 374 00:17:47,560 --> 00:17:50,070 Dequeue дърпа първия лице на разстояние от линията. 375 00:17:50,070 --> 00:17:52,640 Отново могат да се реализират това с масив. 376 00:17:52,640 --> 00:17:54,880 Така че каква е структурата на WE показа в лекция? 377 00:17:54,880 --> 00:17:57,660 Тя беше тази. 378 00:17:57,660 --> 00:17:59,300 Отново, номера. 379 00:17:59,300 --> 00:18:02,020 Отново, размер и това ново нещо отпред. 380 00:18:02,020 --> 00:18:04,880 Защо има нещо, наречено отпред? 381 00:18:04,880 --> 00:18:07,050 Това е индекс на следващия елемент за dequeue. 382 00:18:07,050 --> 00:18:12,210 Това е просто вътрешно следене на първият човек да се появи, така че да можем 383 00:18:12,210 --> 00:18:15,005 мога да го извадя, когато имаме нужда да. 384 00:18:15,005 --> 00:18:19,322 >> Определено изглежда по записки от лекции и се опитайте да приложат Enqueue и dequeue 385 00:18:19,322 --> 00:18:21,700 когато учи за теста. 386 00:18:21,700 --> 00:18:23,190 Важни неща, за да си помисля. 387 00:18:23,190 --> 00:18:27,260 Опаковането ако предната плюс размер озовава по-голям от капацитета. 388 00:18:27,260 --> 00:18:32,670 Отново, ако вашата структура е пълна, ти започваш да имате проблем. 389 00:18:32,670 --> 00:18:34,780 Hash таблици, които сте виждали преди. 390 00:18:34,780 --> 00:18:39,820 Повечето от вас вероятно изпълнява тези на pset6. 391 00:18:39,820 --> 00:18:44,210 Това е структура, която има за цел за O (1) вмъкване константно време и O (1) 392 00:18:44,210 --> 00:18:46,430 константно време за справка. 393 00:18:46,430 --> 00:18:49,760 >> В CS50, реализирахме това като масив от свързани списъци. 394 00:18:49,760 --> 00:18:53,690 Ключовият компонент на хеш таблица е хеш функция. 395 00:18:53,690 --> 00:18:58,350 Така тя превръща вашия вход, да речем, речник дума, в редица, 396 00:18:58,350 --> 00:18:59,560 който ще бъде нашия индекс. 397 00:18:59,560 --> 00:19:01,410 И ние ще използваме този индекс в нашия масив. 398 00:19:01,410 --> 00:19:05,374 Така че тук е малко сладко картина от study.50.net. 399 00:19:05,374 --> 00:19:08,060 Ние хвърли всички думи в нашата хеш функция. 400 00:19:08,060 --> 00:19:10,950 А функцията за сегментиране ни казва, къде да поставите тези думи. 401 00:19:10,950 --> 00:19:15,650 >> Това е велик в земята, където Има само една дума за всеки слот. 402 00:19:15,650 --> 00:19:20,480 Но както си спомняте от pset6, има са повече думи, отколкото слотове. 403 00:19:20,480 --> 00:19:23,080 Така че това, което се случва при получи сблъсък? 404 00:19:23,080 --> 00:19:26,730 Вместо на съхранение една стойност, нека да кажем, хеш таблица 3, вие 405 00:19:26,730 --> 00:19:27,990 съхранява свързан списък. 406 00:19:27,990 --> 00:19:32,900 И така, вместо да се налага пъпеш тук, вие ще трябва свързан списък, 407 00:19:32,900 --> 00:19:34,190 където първия възел е пъпеш. 408 00:19:34,190 --> 00:19:35,260 И на следващия възел е котка. 409 00:19:35,260 --> 00:19:38,970 И третият възел е сблъсък, нека се каже, тъй като всички тези думи започват 410 00:19:38,970 --> 00:19:41,110 с C. 411 00:19:41,110 --> 00:19:42,700 >> Така че повечето от вас го е направил за pset6. 412 00:19:42,700 --> 00:19:45,685 Ако вие не сте направили хеш таблица на pset6 и сте се опитали нещо подобно 413 00:19:45,685 --> 00:19:47,720 на Trie, определено преразгледа хеш таблици. 414 00:19:47,720 --> 00:19:50,650 Ако съм го направил на pset6, определено преглед хеш таблици. 415 00:19:50,650 --> 00:19:53,610 И ако ти си го направил на pset6 и не стана работят напълно прав и вие 416 00:19:53,610 --> 00:19:56,150 имаше много проблеми с него, определено преглед хеш таблици. 417 00:19:56,150 --> 00:20:01,610 Така че урокът наистина е определено преглед хеш таблици. 418 00:20:01,610 --> 00:20:07,130 >> По-голямата малцинство от вас се опита навън се опитва на pset6. 419 00:20:07,130 --> 00:20:08,570 Високо ниво на картината. 420 00:20:08,570 --> 00:20:15,150 Това е нещо като това, където всеки възел има набор от деца, където всеки 421 00:20:15,150 --> 00:20:17,100 дете съответства на писмо. 422 00:20:17,100 --> 00:20:20,520 И всеки възел също казва, хей, аз съм една дума. 423 00:20:20,520 --> 00:20:25,933 Така че в този случай, думата Максуел, ако следвате M на А към 424 00:20:25,933 --> 00:20:28,530 X-W-E-L-L и след това го последва още един. 425 00:20:28,530 --> 00:20:32,800 И вие получавате този символ, делта, която ние означава да кажеш, че това е дума. 426 00:20:32,800 --> 00:20:34,780 Така че Максуел е дума. 427 00:20:34,780 --> 00:20:38,430 Тези делти са навсякъде показваше кои неща са думи и които 428 00:20:38,430 --> 00:20:40,360 нещата не са такива. 429 00:20:40,360 --> 00:20:46,400 >> Така че в pset6, данните, които се съхраняват заедно с някой от нашите възли е "Аз съм 430 00:20:46,400 --> 00:20:52,630 дума. "И готино нещо за опита е, че те демонстрират вмъкване и 431 00:20:52,630 --> 00:20:55,080 справка в O (дължина на дума). 432 00:20:55,080 --> 00:20:59,450 Така че просто да се измъкне сам Maxwell, това е М-A-X-W-E-L-L. Така че седем или осем - 433 00:20:59,450 --> 00:21:00,360 Не може да се разчита - 434 00:21:00,360 --> 00:21:03,920 стъпки, за да стигнете до края и проверете нещата. 435 00:21:03,920 --> 00:21:06,800 Така че бързото прилагане тук. 436 00:21:06,800 --> 00:21:10,230 Rob премина през свързан изброят му след смъртта. 437 00:21:10,230 --> 00:21:11,600 Така че проверете това. 438 00:21:11,600 --> 00:21:11,720 Извинете. 439 00:21:11,720 --> 00:21:13,240 Премина през Trie в неговата аутопсия. 440 00:21:13,240 --> 00:21:14,260 Така че проверете това. 441 00:21:14,260 --> 00:21:24,410 >> Но в основата си имат всеки възел има 27 указатели към следващите възли и един 442 00:21:24,410 --> 00:21:27,050 Булева, защото съм дума. 443 00:21:27,050 --> 00:21:31,530 Вижте аутопсия на Роб за това как това всъщност е изпълнена. 444 00:21:31,530 --> 00:21:34,750 Нашата крайна структура, нашите дървета и двоични дървета за търсене. 445 00:21:34,750 --> 00:21:41,530 Така че погледнете в тях, те са били покрити най-наскоро Седмица 8, понеделник. 446 00:21:41,530 --> 00:21:46,960 Едно дърво е подобно на Trie, с изключение на теб не е задължително да има 27 възли в 447 00:21:46,960 --> 00:21:47,500 всяка точка. 448 00:21:47,500 --> 00:21:52,820 И не е нужно тези данни на всеки стъпка, която показва дали - 449 00:21:52,820 --> 00:21:54,030 пътя не е от значение. 450 00:21:54,030 --> 00:22:00,870 Като има предвид, Trie, пътят от горе до дъно, Maxwell, беше важно за нас. 451 00:22:00,870 --> 00:22:05,270 >> Но всеки възел има множествена деца, може би. 452 00:22:05,270 --> 00:22:07,290 Имаме още няколко думи. 453 00:22:07,290 --> 00:22:09,530 Коренът на дървото е на самия връх. 454 00:22:09,530 --> 00:22:12,520 И ние казваме, че в най-долен възли, които нямат 455 00:22:12,520 --> 00:22:14,530 децата са листа. 456 00:22:14,530 --> 00:22:18,040 Така че като Trie, дървото е структура на възли. 457 00:22:18,040 --> 00:22:21,490 А често срещан вид дърво, което отиваме да се говори за е двоичен дърво, където 458 00:22:21,490 --> 00:22:26,040 всеки възел е без деца или едно дете или две деца. 459 00:22:26,040 --> 00:22:28,890 Така че тази картина не е тук двоичен дърво, защото 460 00:22:28,890 --> 00:22:32,890 възел 3 има три деца. 461 00:22:32,890 --> 00:22:38,140 >> Но ако бяхме да игнорират тези, а останалата част на е двоичен дърво защото 462 00:22:38,140 --> 00:22:43,200 показва имота, че всеки възел има нула, една, или две деца. 463 00:22:43,200 --> 00:22:46,400 И така, как бихме могли да изразят това в кода? 464 00:22:46,400 --> 00:22:51,460 Ние може да има разклонение, където всеки възел има цяло число в нея, както и 465 00:22:51,460 --> 00:22:55,590 като указател към дървото в ляво и указател към дървото в 466 00:22:55,590 --> 00:22:59,510 Добре, така че двете деца. 467 00:22:59,510 --> 00:23:00,880 Как е полезно това? 468 00:23:00,880 --> 00:23:05,740 Е, ако ние правим правила за това къде сме сложи възли, ние можем да направим по-бързо търсене. 469 00:23:05,740 --> 00:23:10,630 >> Така че има концепция за двоично търсене дърво, където всички възли на 470 00:23:10,630 --> 00:23:14,420 ляво поддърво имат по-малка стойност от възела гледаме. 471 00:23:14,420 --> 00:23:17,880 И всички възли от дясната поддърво имат по-голяма стойност 472 00:23:17,880 --> 00:23:18,660 от корен възел. 473 00:23:18,660 --> 00:23:20,670 Сега, че прилича много на думите. 474 00:23:20,670 --> 00:23:23,770 Отивам да го пуснат вътре на двойното котировки и ви покажа снимка. 475 00:23:23,770 --> 00:23:27,010 Така че тук е пример за двоично търсене дърво. 476 00:23:27,010 --> 00:23:28,770 Виж, че започваме с 10. 477 00:23:28,770 --> 00:23:31,780 Всичко на ляво 10 е по-малка от нея. 478 00:23:31,780 --> 00:23:33,130 И всичко в дясно е по-голяма от нея. 479 00:23:33,130 --> 00:23:37,620 >> Но още повече, че от това, всеки възел в дървото изразява този имот. 480 00:23:37,620 --> 00:23:42,110 Така възловата точка 7 има 3 към наляво и 9 надясно. 481 00:23:42,110 --> 00:23:44,440 Така че всички от тях са по-малки от 10. 482 00:23:44,440 --> 00:23:50,470 Но гледам само тези, на 7 има 3 от неговата лява и 9 до дясната му. 483 00:23:50,470 --> 00:23:56,100 И подобно на правото, 15 има 14 да му лявата и от 50 до правото си. 484 00:23:56,100 --> 00:24:03,770 Така трите възли над там, 15, 14, и 50, са също така валидно двоично дърво 485 00:24:03,770 --> 00:24:05,480 или валидно двоично търсене дърво. 486 00:24:05,480 --> 00:24:07,250 И всички те са по-големи от 10. 487 00:24:07,250 --> 00:24:08,960 Така че те могат да бъдат отдясно там. 488 00:24:08,960 --> 00:24:09,940 Има ли един въпрос? 489 00:24:09,940 --> 00:24:12,580 >> ПУБЛИКАТА: Как се справяте, когато имате две седмици? 490 00:24:12,580 --> 00:24:12,850 >> R.J. Акино: Да. 491 00:24:12,850 --> 00:24:16,550 Как се справяте с две стойности , че са едни и същи? 492 00:24:16,550 --> 00:24:21,465 Някои двоични дървета за търсене казват, че игнорира дубликати, защото целта е 493 00:24:21,465 --> 00:24:24,280 само да кажа, че съм виждал тези неща досега. 494 00:24:24,280 --> 00:24:28,120 Някои двоични дървета за търсене може да се каже имат брой вътрешността на възел. 495 00:24:28,120 --> 00:24:32,000 Други може да се каже, че всичко, за да ляво е по-малко от или равно на. 496 00:24:32,000 --> 00:24:33,470 И всичко в дясно е по-голям от. 497 00:24:33,470 --> 00:24:36,520 >> Просто зависи от това, което проблем е, вие решите. 498 00:24:36,520 --> 00:24:40,840 Така че в един речник, например, можете няма да е грижа за дубликати. 499 00:24:40,840 --> 00:24:41,490 Вие ще ги изхвърлят. 500 00:24:41,490 --> 00:24:44,719 Но някакъв друг проблем, който може да се грижи. 501 00:24:44,719 --> 00:24:49,242 >> ПУБЛИКАТА: Възможно ли е да има 1 отляво на 15, което 502 00:24:49,242 --> 00:24:50,590 е по-малко от 10? 503 00:24:50,590 --> 00:24:51,885 >> R.J. Акино: Не. 504 00:24:51,885 --> 00:24:56,570 Ако 14 тук са с 1, това би не е валидно двоично търсене дърво, 505 00:24:56,570 --> 00:25:00,840 защото всичко в дясно от 10 трябва да бъде по-голяма от нея. 506 00:25:00,840 --> 00:25:02,300 И ние ще видим защо. 507 00:25:02,300 --> 00:25:07,960 Ако в земята на търсенето целта ми е да намерите 14, I започне в корена. 508 00:25:07,960 --> 00:25:08,500 Така че аз гледам. 509 00:25:08,500 --> 00:25:08,710 OK. 510 00:25:08,710 --> 00:25:10,670 Отиваме да започне в корена. 511 00:25:10,670 --> 00:25:12,500 Погледнете 10. 512 00:25:12,500 --> 00:25:16,050 >> Е, 14, нашата цел, е по-голяма от 10. 513 00:25:16,050 --> 00:25:17,370 Така че тя трябва да е отдясно. 514 00:25:17,370 --> 00:25:21,780 Това е много подобен на цяло телефона книга нещо, което направихме, двоичен 515 00:25:21,780 --> 00:25:23,720 търси там. 516 00:25:23,720 --> 00:25:26,430 Но вместо двоичен търсене в масив, ние сме двоичен 517 00:25:26,430 --> 00:25:28,490 търсене в това дърво. 518 00:25:28,490 --> 00:25:31,260 Така че ние сме все още се търсят за 14. 519 00:25:31,260 --> 00:25:32,480 Е, 14 е по-малък от 15. 520 00:25:32,480 --> 00:25:36,430 Така че, ако това е в нашето дърво, тя трябва да бъде в тази област тук. 521 00:25:36,430 --> 00:25:39,680 Тя трябва да бъде правото на 10 и в ляво на 15. 522 00:25:39,680 --> 00:25:42,250 >> И така, ние проверяваме този възел. 523 00:25:42,250 --> 00:25:45,790 И Уау, ние открихме, 14. 524 00:25:45,790 --> 00:25:46,760 Аз няма да минеш през нея. 525 00:25:46,760 --> 00:25:48,090 Но тук е кодът. 526 00:25:48,090 --> 00:25:49,690 Това всъщност е относително прям, 527 00:25:49,690 --> 00:25:52,630 защото това е рекурсивно. 528 00:25:52,630 --> 00:25:55,420 Какво можем да ви помоля да направите на викторина? 529 00:25:55,420 --> 00:25:57,000 Бихме могли да ви помоля да напишете този код. 530 00:25:57,000 --> 00:25:59,170 Бихме могли да ви помоля да погледнете този код и модифициране на този код и да обясни какво 531 00:25:59,170 --> 00:26:00,210 го прави. 532 00:26:00,210 --> 00:26:00,390 Да. 533 00:26:00,390 --> 00:26:00,770 Въпрос? 534 00:26:00,770 --> 00:26:04,240 >> Публика: Да не тези слайдове ще бъдат предоставя на разположение, тъй като те са били за последен път? 535 00:26:04,240 --> 00:26:04,740 >> R.J. Акино: Да. 536 00:26:04,740 --> 00:26:06,460 Така че тези слайдове определено ще бъдат публикувани. 537 00:26:06,460 --> 00:26:08,640 >> ПУБЛИКАТА: Те всъщност е публикувал в момента на сайта. 538 00:26:08,640 --> 00:26:10,020 David просто го направих. 539 00:26:10,020 --> 00:26:12,720 >> R.J. Акино: Слайдовете са в момента на сайта. 540 00:26:12,720 --> 00:26:16,420 Вероятно ще закърпи няколко на печатни грешки I забелязани и да ги поправи. 541 00:26:16,420 --> 00:26:19,940 Но има ток версия на сайта. 542 00:26:19,940 --> 00:26:21,820 Други неща, които може да ви помоля да се направи - 543 00:26:21,820 --> 00:26:23,790 напиши вложка. 544 00:26:23,790 --> 00:26:27,490 Напиши един повтарящ версия на рекурсивна функция ние просто ви показах 545 00:26:27,490 --> 00:26:32,520 или говорим за тези неща, както и в параграфи, в думи, в изречения. 546 00:26:32,520 --> 00:26:35,760 Сравнявайки време изтече и разясняване това, което би искал да използва двоичен 547 00:26:35,760 --> 00:26:39,200 търсене за дърво, вместо на хеш таблица, например. 548 00:26:39,200 --> 00:26:43,580 >> Така че разбирам тези структури в доста дълбоко ниво. 549 00:26:43,580 --> 00:26:47,440 Разберете как да ги пиша, как да ги използват, как да се говори за тях. 550 00:26:47,440 --> 00:26:50,270 И вие ще бъдете всичко е готово. 551 00:26:50,270 --> 00:26:50,630 Въпрос? 552 00:26:50,630 --> 00:26:55,070 >> ПУБЛИКАТА: Когато пишете на двоично търсене дърво, как го правиш 553 00:26:55,070 --> 00:27:01,460 определи каква стойност да го направи като корен? 554 00:27:01,460 --> 00:27:06,120 >> R.J. Акино: Така че въпросът е, какво стойност да направите като корен? 555 00:27:06,120 --> 00:27:08,760 В зависимост от вашия код, можете може да има глобален корен. 556 00:27:08,760 --> 00:27:14,290 Така че може да сте вероятно имаше в pset6 глобален хеш таблица. 557 00:27:14,290 --> 00:27:18,640 Или може да премине на корена в като аргумент. 558 00:27:18,640 --> 00:27:23,810 Така че това търсене функция тук приема аргумент възел *. 559 00:27:23,810 --> 00:27:27,420 И така, каквото и възела, които се случи да бъде гледам е тази, която сте лечение 560 00:27:27,420 --> 00:27:31,510 както си корен, когато сте го премине инча 561 00:27:31,510 --> 00:27:32,320 И аз съм всичко е готово. 562 00:27:32,320 --> 00:27:33,480 Това са моите слайдове. 563 00:27:33,480 --> 00:27:35,940 Следващият човек може да дойде суап в един лаптоп и микрофон. 564 00:27:35,940 --> 00:27:47,390 565 00:27:47,390 --> 00:27:49,760 >> ROB BOWDEN: Мисля, че може да се наложи тълкува този въпрос по различен начин. 566 00:27:49,760 --> 00:27:53,826 Но аз го тълкува както, ако имате числата 1, 2, и 3, как правим 567 00:27:53,826 --> 00:27:56,720 знаете, за да направи два корена за разлика от 1 или 3? 568 00:27:56,720 --> 00:27:59,480 Ако направим два корена, тогава това е добре 1 и 3 от ляво и от дясно. 569 00:27:59,480 --> 00:28:04,610 Но ако един е коренът, а след това е 1 към отгоре, 2 отдясно, три надясно. 570 00:28:04,610 --> 00:28:10,880 Така че, по подразбиране, не знаете какво да се направи корена. 571 00:28:10,880 --> 00:28:15,400 И за всеки алгоритъм, ние очакваме да ви дам, само първата ви нещо 572 00:28:15,400 --> 00:28:16,680 вложка ще бъде корена. 573 00:28:16,680 --> 00:28:19,890 Или ние ще ви дам един двоично дърво, което вече съществува, че има корен. 574 00:28:19,890 --> 00:28:24,760 Но други алгоритми съществува такава, че коренът ще се актуализира, така че ако сте 575 00:28:24,760 --> 00:28:28,370 се окажете в ситуация, в която това е 1, 2, 3, той автоматично ще се актуализира, за да 576 00:28:28,370 --> 00:28:30,900 направи две новия корен, така че тя все още е добре балансиран. 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 Хей, момчета. 580 00:28:36,170 --> 00:28:37,810 Аз съм Анджела. 581 00:28:37,810 --> 00:28:42,490 И аз отивам да завърши нашата C и след това отидете в някои от нашия уеб 582 00:28:42,490 --> 00:28:43,120 технологии - 583 00:28:43,120 --> 00:28:46,570 HTTP, HTML и CSS. 584 00:28:46,570 --> 00:28:49,610 Така че първото нещо, което е буфер препълване на атаки. 585 00:28:49,610 --> 00:28:53,070 Така че нека да погледнем на този код. 586 00:28:53,070 --> 00:28:54,260 Това е доста проста. 587 00:28:54,260 --> 00:28:55,460 Има една функция Foo. 588 00:28:55,460 --> 00:28:56,990 И тя не връща нищо. 589 00:28:56,990 --> 00:29:00,950 Но това отнема в указател в низ наречен бар. 590 00:29:00,950 --> 00:29:04,920 >> И то се случва да декларира това буфер, който е характер 591 00:29:04,920 --> 00:29:07,690 масив, който има 12 слота. 592 00:29:07,690 --> 00:29:11,730 И той използва memcpy, който е само на функция, която копия от един адрес 593 00:29:11,730 --> 00:29:12,910 в друг. 594 00:29:12,910 --> 00:29:19,400 Така че това се опитва да копирате в нашия буфер от каквото и 595 00:29:19,400 --> 00:29:21,140 бар се посочи. 596 00:29:21,140 --> 00:29:24,640 Така че всяка идея какво не е наред с този код? 597 00:29:24,640 --> 00:29:27,568 598 00:29:27,568 --> 00:29:30,830 >> ПУБЛИКАТА: Ако бар е по-дълъг от C, те ще презапише. 599 00:29:30,830 --> 00:29:31,520 >> ANGELA LI: Да, точно така. 600 00:29:31,520 --> 00:29:34,200 Нямаме никаква гаранция, че бар ще бъде по-малко от 12. 601 00:29:34,200 --> 00:29:36,080 Ние току-що направи някои произволен брой 12. 602 00:29:36,080 --> 00:29:38,380 И ние бяхме като, нека се надяваме, че нашата потребителска вход е по-малко от 603 00:29:38,380 --> 00:29:40,440 Дълги 12 символа. 604 00:29:40,440 --> 00:29:46,320 Така че в един идеален свят, ако нашият принос е винаги, както се очаква, тогава ние ще се заемем 605 00:29:46,320 --> 00:29:47,550 нещо подобно, здравей. 606 00:29:47,550 --> 00:29:48,920 Това е по-малко от 12 символа. 607 00:29:48,920 --> 00:29:51,870 Той получава прочетете в Чар в. 608 00:29:51,870 --> 00:29:53,280 И тогава можем да направим нещо с него. 609 00:29:53,280 --> 00:29:54,800 Всъщност няма значение. 610 00:29:54,800 --> 00:29:59,740 >> Но злонамерен човек може да направи нещо повече като това, където те 611 00:29:59,740 --> 00:30:04,760 ни даде каквото и бар се посочи, то се случва да сочи към този огромен масив 612 00:30:04,760 --> 00:30:06,280 само на А. 613 00:30:06,280 --> 00:30:10,680 И това е начин, по-дълъг от 12. 614 00:30:10,680 --> 00:30:13,830 Така че ще отидем по целия път тук долу, където възвръщаемостта 615 00:30:13,830 --> 00:30:15,420 адрес да бъде използван. 616 00:30:15,420 --> 00:30:17,860 Така че нека да кажем, че тази функция се нарича Foo. 617 00:30:17,860 --> 00:30:20,970 Може би Foo беше наречена от някои други функция, която беше наречена от основната. 618 00:30:20,970 --> 00:30:24,890 Така че, когато Foo е стартиран, той се нуждае от да се знае къде да се върнете към. 619 00:30:24,890 --> 00:30:29,130 >> Ако Foo беше наречена от някои функции на име Баз, той трябва да знае, че това е 620 00:30:29,130 --> 00:30:30,250 Трябва да се върнем към Баз. 621 00:30:30,250 --> 00:30:34,040 И това е, което този обратен адрес тук ни казва. 622 00:30:34,040 --> 00:30:38,340 Но ако ние го замените с друг адрес, в този случай, това е 623 00:30:38,340 --> 00:30:42,650 представителство на адреса в самото начало на този буфер, след това 624 00:30:42,650 --> 00:30:45,240 какво всъщност ще се случи, е, че вместо да се завърне обратно към Баз, 625 00:30:45,240 --> 00:30:48,470 който нарича нашата функция, това е просто ще отиде до предната част на този кодекс. 626 00:30:48,470 --> 00:30:53,930 >> И ако това беше там, защото злонамерен хакер пич дойде и 627 00:30:53,930 --> 00:30:56,820 инжектира това, тогава може би тази сума от А всъщност не е на А. 628 00:30:56,820 --> 00:31:02,030 И това е всъщност просто код, който паузи вашия компютър или нещо такова. 629 00:31:02,030 --> 00:31:05,930 Така че, за да бъде защитата за този вид нещо, което трябва да се приеме, че никога 630 00:31:05,930 --> 00:31:09,120 потребителски вход е определен размер на символа. 631 00:31:09,120 --> 00:31:13,310 Например, когато сте били прави правопис, ти беше казал, че думите са 632 00:31:13,310 --> 00:31:15,580 само ще бъде 40 символа дългосрочен максимум. 633 00:31:15,580 --> 00:31:16,570 И това беше добро. 634 00:31:16,570 --> 00:31:20,150 >> Но ако не, тогава вие ще трябва да се уверете, че да се чете само в 45 635 00:31:20,150 --> 00:31:21,520 символи в даден момент. 636 00:31:21,520 --> 00:31:24,430 В противен случай, може да презапишете Вашата буфер. 637 00:31:24,430 --> 00:31:26,140 Всякакви въпроси, свързани с това. 638 00:31:26,140 --> 00:31:26,733 Да. 639 00:31:26,733 --> 00:31:28,850 >> ПУБЛИКАТА: Може ли да се говори малко повече за тях? 640 00:31:28,850 --> 00:31:29,790 >> ANGELA LI: Съжалявам. 641 00:31:29,790 --> 00:31:31,040 Да. 642 00:31:31,040 --> 00:31:32,813 643 00:31:32,813 --> 00:31:35,870 >> ПУБЛИКАТА: Микрофона е само за видео. 644 00:31:35,870 --> 00:31:37,640 Аз ще се опитам и проект. 645 00:31:37,640 --> 00:31:39,900 Здравейте, момчета. 646 00:31:39,900 --> 00:31:40,920 Sup? 647 00:31:40,920 --> 00:31:45,330 Така че нека да отида в продължение на няколко неща в CS50 библиотека, която сте използвали 648 00:31:45,330 --> 00:31:49,072 всички семестър, най-вече за да получите потребителски вход. 649 00:31:49,072 --> 00:31:53,140 Както знаете, че сте включили CS50 библиотека, като просто правиш CS50.h, които 650 00:31:53,140 --> 00:31:55,660 съдържа всички прототипи на функции, които можете да използвате, като 651 00:31:55,660 --> 00:31:58,640 GetString и GetInt, и GetFloat, и така нататък. 652 00:31:58,640 --> 00:32:02,870 И там е това на един ред в CS50 библиотека, която дефинира низ, който 653 00:32:02,870 --> 00:32:05,380 вие всички знаете от сега е просто Чар *. 654 00:32:05,380 --> 00:32:07,900 >> Но нека хвърлим един поглед на как работи GetString. 655 00:32:07,900 --> 00:32:10,010 Това е много съкратена версия. 656 00:32:10,010 --> 00:32:15,090 Можете да дръпнете нагоре CS50 файловете на библиотеката от, мисля, manuals.CS50.net. 657 00:32:15,090 --> 00:32:16,750 И вие можете да прочетете действителната функция. 658 00:32:16,750 --> 00:32:19,330 Но това включва някои от важните части. 659 00:32:19,330 --> 00:32:23,870 Така че, ние създадохме някои буфер с някои капацитет. 660 00:32:23,870 --> 00:32:27,570 И това, което ние правим, е да се получи един герой в даден момент от стандартната п. 661 00:32:27,570 --> 00:32:30,910 Това е, когато потребителят не въведе текст в конзолата. 662 00:32:30,910 --> 00:32:33,430 >> И така, ние отиваме да прочетете в характер, така че стига да не е нещо ново 663 00:32:33,430 --> 00:32:37,220 линия и това не е края на файла, който е краят на стандартния вход. 664 00:32:37,220 --> 00:32:45,690 И за всеки герой, който четем в, ако този герой се озовава добавяне 665 00:32:45,690 --> 00:32:50,120 за броя на символите, които сме се чете в и това е повече от възможностите ни, 666 00:32:50,120 --> 00:32:53,490 След това, което ние правим, е да просто да преоразмерите ни буфер, така че това е два пъти по-дълго. 667 00:32:53,490 --> 00:32:56,950 Така че отново, този защити срещу буфер препълване на атаки, защото четат 668 00:32:56,950 --> 00:32:58,315 символ в даден момент. 669 00:32:58,315 --> 00:33:02,290 И ако във всеки един момент можете да прочетете в твърде много, просто разширите своя буфер. 670 00:33:02,290 --> 00:33:03,330 Можете да го умножете по две. 671 00:33:03,330 --> 00:33:05,510 И тогава ще трябва повече място. 672 00:33:05,510 --> 00:33:09,120 >> В противен случай, можете просто да добавите знак за буфериране. 673 00:33:09,120 --> 00:33:15,080 И след като сте чели във всички символа, то ще се свие буфера 674 00:33:15,080 --> 00:33:18,510 обратно към нормален размер, добавете нищожна терминатор, и след това се върнете. 675 00:33:18,510 --> 00:33:21,880 676 00:33:21,880 --> 00:33:24,960 Сега, нека да разгледаме GetInt. 677 00:33:24,960 --> 00:33:27,700 Можете ли да прочетеш това? 678 00:33:27,700 --> 00:33:30,710 Мога да увеличите малко. 679 00:33:30,710 --> 00:33:33,410 680 00:33:33,410 --> 00:33:34,660 Аз не знам как работят компютрите. 681 00:33:34,660 --> 00:33:40,840 682 00:33:40,840 --> 00:33:41,270 Няма нищо. 683 00:33:41,270 --> 00:33:42,520 Не мога да увеличите правилно. 684 00:33:42,520 --> 00:33:47,500 685 00:33:47,500 --> 00:33:48,770 >> Това е наистина трудно. 686 00:33:48,770 --> 00:33:49,180 Съжалявам. 687 00:33:49,180 --> 00:33:51,490 Нека просто да погледнете това. 688 00:33:51,490 --> 00:33:57,140 Така че това, което прави, е да го GetInt първия прочитания в низ от GetString, които 689 00:33:57,140 --> 00:33:59,250 въведохме преди. 690 00:33:59,250 --> 00:34:02,945 И важната част е да се отбележи тук е, ако това споделяне, че тя се озовава 691 00:34:02,945 --> 00:34:06,400 четене е като не всъщност е низ, тогава ние просто се върнете към INT_MAX 692 00:34:06,400 --> 00:34:09,409 представлява недостатъчност. 693 00:34:09,409 --> 00:34:12,645 Защо се връщаме INT_MAX вместо на отрицателна 1 или 1? 694 00:34:12,645 --> 00:34:13,895 Някакви идеи? 695 00:34:13,895 --> 00:34:16,853 696 00:34:16,853 --> 00:34:19,350 >> ПУБЛИКАТА: [недоловим] отрицателен един на един. 697 00:34:19,350 --> 00:34:20,070 >> ANGELA LI: Да, точно така. 698 00:34:20,070 --> 00:34:24,560 Значи вие сте много по-вероятно просто да искате за въвеждане на един или отрицателен 1, когато бъдете подканени 699 00:34:24,560 --> 00:34:27,469 за тото и каквото тото maxes. 700 00:34:27,469 --> 00:34:27,969 Това е огромна. 701 00:34:27,969 --> 00:34:29,690 Вие вероятно няма да го използвам. 702 00:34:29,690 --> 00:34:32,690 Така че това е като решение за дизайн, за да уверете се, че не случайно 703 00:34:32,690 --> 00:34:38,540 върне грешка или не се върне 1, което може да бъде анализирана 704 00:34:38,540 --> 00:34:41,199 като верен отговор. 705 00:34:41,199 --> 00:34:45,110 Така че, ако една линия не съществува, върнем INT-MAX. 706 00:34:45,110 --> 00:34:48,090 В противен случай, ние използваме sscanf, което е като scanf. 707 00:34:48,090 --> 00:34:49,449 Но той чете от низ. 708 00:34:49,449 --> 00:34:54,310 >> И ние имаме този форматиран низ, който е% и% в. 709 00:34:54,310 --> 00:34:57,440 И ние се опитваме и да съвпада с тази с каквото потребителят ни е дал. 710 00:34:57,440 --> 00:35:01,420 Искаме броят на съвпадащи неща да бъде 1, което означава, че само 711 00:35:01,420 --> 00:35:04,940 Наистина ли искаш да съответства на цяло число заобиколен от може би бяла 712 00:35:04,940 --> 00:35:06,840 пространство, може би не. 713 00:35:06,840 --> 00:35:10,710 В този случай, ако поставите в нещо като бар, бар не съответства на всички, 714 00:35:10,710 --> 00:35:14,400 тъй като е необходимо да бъде цяло число в началото. 715 00:35:14,400 --> 00:35:17,060 Така че никога не се обърна sscan 0. 716 00:35:17,060 --> 00:35:19,640 Така че не се върне това. 717 00:35:19,640 --> 00:35:23,850 >> Алтернативно, ако поставите в нещо като 1, 2, 3, А, B, C, че мачове 718 00:35:23,850 --> 00:35:27,180 както число, но също характера след това. 719 00:35:27,180 --> 00:35:29,990 Така sscanf ще се върне 2, които също не е идеален. 720 00:35:29,990 --> 00:35:34,620 Вие не искате 1, 2, 3, A, B, C да бъде валиден Int. 721 00:35:34,620 --> 00:35:36,990 Така че да не работи. 722 00:35:36,990 --> 00:35:38,530 Но казват, ще ви постави в нещо като 50. 723 00:35:38,530 --> 00:35:42,460 Това ще съвпада с I%, което означава, тя ще получи прочетете в п. 724 00:35:42,460 --> 00:35:44,790 И сега, н ще съдържа номера 50. 725 00:35:44,790 --> 00:35:46,110 И тогава можете да го върнете. 726 00:35:46,110 --> 00:35:49,270 >> В противен случай, те удари Retry. 727 00:35:49,270 --> 00:35:55,790 И тогава той просто отива отново, докато можете да получите правилното въвеждане от потребителя. 728 00:35:55,790 --> 00:35:56,891 Всякакви въпроси, свързани с това? 729 00:35:56,891 --> 00:36:02,182 >> ПУБЛИКАТА: Така че, ако ви се налага да разпечатате стойността на GetInt на [недоловим] 730 00:36:02,182 --> 00:36:06,250 ще го бъде само цяло число и Макс? 731 00:36:06,250 --> 00:36:07,440 >> ANGELA LI: Да. 732 00:36:07,440 --> 00:36:11,780 Така че, ако използвате GetInt, трябва да приемем, че не искате да тото макс 733 00:36:11,780 --> 00:36:15,328 да бъде валиден вход, защото започваш да се предположи, че това е лошо. 734 00:36:15,328 --> 00:36:27,740 >> ПУБЛИКАТА: Ако ние не разполагаме с Чар в и някой сложи в 1, 2, 3, Сам, нали 735 00:36:27,740 --> 00:36:29,430 все още работи за един, два, три? 736 00:36:29,430 --> 00:36:29,750 >> ANGELA LI: Мисля, че ще работи. 737 00:36:29,750 --> 00:36:33,340 Но вие не искате да 123Sam да бъде валиден вход от потребителя. 738 00:36:33,340 --> 00:36:34,670 Това не е наистина едно цяло число. 739 00:36:34,670 --> 00:36:36,840 Така че това не е честно да се анализира като 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 В такъв случай, нека да преминем към интернет. 743 00:36:45,800 --> 00:36:49,120 Така HTTP не е език. 744 00:36:49,120 --> 00:36:56,060 HTTP е просто набор от стандарти за как ви изпрати неща от клиенти, 745 00:36:56,060 --> 00:36:57,280 това си ти, до сървъри. 746 00:36:57,280 --> 00:36:59,730 Това е, други хора в интернет. 747 00:36:59,730 --> 00:37:02,900 >> Така HTTP означава Hypertext Transfer Protocol. 748 00:37:02,900 --> 00:37:04,610 Това е сърцето и душата на цялата мрежа. 749 00:37:04,610 --> 00:37:07,050 Частта за хипертекст просто се отнася за HTML. 750 00:37:07,050 --> 00:37:10,690 Прехвърлянето е клиенти като Вие ще изпратите на заявления за 751 00:37:10,690 --> 00:37:13,060 сървъри, които дават отговори. 752 00:37:13,060 --> 00:37:16,380 И протокола е само, как Очаквате ли сървъра да се държи? 753 00:37:16,380 --> 00:37:19,960 И как трябва да се държат така че можете да се рационализира тази 754 00:37:19,960 --> 00:37:21,920 процес на комуникация? 755 00:37:21,920 --> 00:37:26,650 >> Така HTTP заявки изглежда много прилича на това. 756 00:37:26,650 --> 00:37:28,070 GET е типът на искането. 757 00:37:28,070 --> 00:37:31,220 Вие, момчета, са видели заявки GET и заявки POST. 758 00:37:31,220 --> 00:37:36,690 Това второто нещо там, / ме, че е само URI или URL адреса на мястото, където 759 00:37:36,690 --> 00:37:38,140 Искам да отида в рамките на хост. 760 00:37:38,140 --> 00:37:44,140 Така че това искане се кандидатства за страница, като www.facebook.com / мен. 761 00:37:44,140 --> 00:37:45,300 И това е заявка за GET. 762 00:37:45,300 --> 00:37:51,020 И тогава този HTTP/1.1, това е просто версията на HTTP, който използвате. 763 00:37:51,020 --> 00:37:55,020 Това е почти винаги 1.1. 764 00:37:55,020 --> 00:37:56,880 >> И след това има един куп други неща също. 765 00:37:56,880 --> 00:38:02,510 Всъщност можете да видите това, ако отвори вашата конзола, когато сте 766 00:38:02,510 --> 00:38:03,770 сърфиране в интернет. 767 00:38:03,770 --> 00:38:07,290 Отговорите изглеждат нещо Още като тази. 768 00:38:07,290 --> 00:38:09,620 Горната част е, отново, за тип HTTP, който използвате 769 00:38:09,620 --> 00:38:12,310 последван от код на състоянието. 770 00:38:12,310 --> 00:38:14,700 Така че 200 е ОК всичко се нареди. 771 00:38:14,700 --> 00:38:16,200 Тук е вашето съдържание. 772 00:38:16,200 --> 00:38:17,390 Вашето съдържание ще последва. 773 00:38:17,390 --> 00:38:21,730 И тогава тя ще ви каже какви на съдържание и други неща също. 774 00:38:21,730 --> 00:38:24,620 >> Кодовете на състоянието, има няколко важни тези, които трябва да знаеш. 775 00:38:24,620 --> 00:38:26,460 200 OK е като златна всичко е наред. 776 00:38:26,460 --> 00:38:28,490 Всичко работи. 777 00:38:28,490 --> 00:38:29,710 403 Forbidden. 778 00:38:29,710 --> 00:38:32,910 Това най-вероятно сте видели, ако сте забравили да коригирате нещо правилно. 779 00:38:32,910 --> 00:38:34,510 Това означава, че не е нужно правилните разрешения за 780 00:38:34,510 --> 00:38:36,210 достъп до тази на сървъра. 781 00:38:36,210 --> 00:38:38,110 Това е като, не, не можете да го видите. 782 00:38:38,110 --> 00:38:39,780 404 означава, че нещо не съществува. 783 00:38:39,780 --> 00:38:40,400 Не е намерен. 784 00:38:40,400 --> 00:38:41,640 Вие вероятно сте видели, че много. 785 00:38:41,640 --> 00:38:45,510 >> 500 вътрешна грешка в сървър е обикновено като нещо се е объркало на страната 786 00:38:45,510 --> 00:38:46,460 на сървъра. 787 00:38:46,460 --> 00:38:50,830 Така че, когато сте били изпълнителните pset7, ако сте имали PHP грешки, бихте могли да 788 00:38:50,830 --> 00:38:53,890 всъщност отидете на страницата и ще видите цял куп PHP грешка неща. 789 00:38:53,890 --> 00:38:56,900 Но това обикновено не се случи, защото сайтове наистина не искат да 790 00:38:56,900 --> 00:38:58,830 ви кажа защо сайта им е счупен. 791 00:38:58,830 --> 00:39:03,370 Те най-вероятно просто ще се върне 500 Вътрешна грешка Server. 792 00:39:03,370 --> 00:39:06,120 >> И тогава там е 418 Аз съм чайник. 793 00:39:06,120 --> 00:39:07,910 Има цяла история за защо това е нещо. 794 00:39:07,910 --> 00:39:09,860 Но вие можете да прочетете за това, че по свой собствен път. 795 00:39:09,860 --> 00:39:11,450 Има цял куп други кодове също статус. 796 00:39:11,450 --> 00:39:12,700 Но това са тези, вие трябва да знаете. 797 00:39:12,700 --> 00:39:15,660 798 00:39:15,660 --> 00:39:18,610 Така че нека да говорим за HTML. 799 00:39:18,610 --> 00:39:22,180 HTML, не забравяйте, не е език за програмиране. 800 00:39:22,180 --> 00:39:23,510 Това е език за маркиране. 801 00:39:23,510 --> 00:39:25,210 Това означава, че тя описва съдържанието. 802 00:39:25,210 --> 00:39:30,440 Той ви казва това, което изглежда като HTML документ харесва или не това, което изглежда 803 00:39:30,440 --> 00:39:32,230 но как е структурирана. 804 00:39:32,230 --> 00:39:36,110 >> Така го определя структурата и семантика на уеб страници. 805 00:39:36,110 --> 00:39:37,830 Това е като, това е параграф. 806 00:39:37,830 --> 00:39:40,060 Това е подреден списък. 807 00:39:40,060 --> 00:39:42,360 Това е като една част от моята страница. 808 00:39:42,360 --> 00:39:43,260 Тук е заглавието. 809 00:39:43,260 --> 00:39:44,310 Той прави подобни неща. 810 00:39:44,310 --> 00:39:48,770 Това не стил всяка от които, поради това е това, което правиш в CSS. 811 00:39:48,770 --> 00:39:50,270 И тя изглежда като серия на вложени тагове. 812 00:39:50,270 --> 00:39:54,720 Така да се използва например от наистина основния HTML страница, имате DOCTYPE 813 00:39:54,720 --> 00:39:56,720 декларация до там. 814 00:39:56,720 --> 00:40:00,940 >> Тази декларация DOCTYPE е казвайки, ние използваме HTML5. 815 00:40:00,940 --> 00:40:03,370 След това имате голям HTML тагове. 816 00:40:03,370 --> 00:40:05,230 Той съдържа главата и тялото. 817 00:40:05,230 --> 00:40:06,970 Вътре в главата, имате титлата. 818 00:40:06,970 --> 00:40:12,950 Това е, което се случва в заглавието бар на вашия браузър. 819 00:40:12,950 --> 00:40:15,810 Ние имаме таг връзка, която свързва във външен стил лист. 820 00:40:15,810 --> 00:40:19,880 И тогава имаме скрипт, който дърпа от външен JavaScript и. 821 00:40:19,880 --> 00:40:23,750 >> И тогава вътре в тялото ни е всъщност това, което се показва на страницата. 822 00:40:23,750 --> 00:40:28,210 Имаме точка и след това изображение вътре този параграф. 823 00:40:28,210 --> 00:40:32,000 Това е снимка на котенца. 824 00:40:32,000 --> 00:40:35,840 Забележете, че образът таг се затваря в себе. 825 00:40:35,840 --> 00:40:41,760 Така че, вместо на отваряне с изображение и след това да направите друг / изображение, можете 826 00:40:41,760 --> 00:40:47,500 Просто трябва това малко наклонена черта тук, който се затваря. 827 00:40:47,500 --> 00:40:53,670 И етикет на изображението също има този ключ атрибут стойност нарича надм. 828 00:40:53,670 --> 00:40:56,970 Това е алтернативен текст, който се случва, когато мишката върху него. 829 00:40:56,970 --> 00:41:03,170 >> Повечето HTML елементи имат някаква ключова стойност неща, които можете да го дават, различни 830 00:41:03,170 --> 00:41:04,420 персонализиране. 831 00:41:04,420 --> 00:41:06,230 832 00:41:06,230 --> 00:41:08,705 Да. 833 00:41:08,705 --> 00:41:09,955 >> ПУБЛИКАТА: [недоловим]. 834 00:41:09,955 --> 00:41:17,510 835 00:41:17,510 --> 00:41:19,680 >> ANGELA LI: Ами, така че това е една атрибут на етикет. 836 00:41:19,680 --> 00:41:25,320 Така че, ако сте използвали JQuery, бихте могли да избирайте image.getAttribute. 837 00:41:25,320 --> 00:41:27,930 И тогава можете да потърсите получите атрибута ALT. 838 00:41:27,930 --> 00:41:31,040 И това ще ви даде котенца. 839 00:41:31,040 --> 00:41:37,400 Ако си спомняте форми в HTML, вход елементи ще имат име атрибути. 840 00:41:37,400 --> 00:41:41,870 И това е, което PHP използва, за да изпратите искания, когато е подадено форма. 841 00:41:41,870 --> 00:41:44,762 842 00:41:44,762 --> 00:41:50,064 >> ПУБЛИКАТА: Споменахте ли нещо за това как, ако използвате kittens.jpg или 843 00:41:50,064 --> 00:41:54,410 нещо, което има изчезналите папки с файлове или други файлове? 844 00:41:54,410 --> 00:41:54,750 >> ANGELA LI: Да. 845 00:41:54,750 --> 00:41:57,010 Така че това е, което се нарича относителна път, защото аз не се отказвам 846 00:41:57,010 --> 00:41:58,740 ви пълния път. 847 00:41:58,740 --> 00:42:05,160 Това е като, когато в C, ако го направите FОтваряне на някой файл, ако FОтваряне на hi.txt, че 848 00:42:05,160 --> 00:42:09,190 hi.txt се очаква да бъде в същата указател, освен ако не му се даде по- 849 00:42:09,190 --> 00:42:11,530 сложен път. 850 00:42:11,530 --> 00:42:14,900 >> ПУБЛИКАТА: Така бихте могли да посочите коя папка [недоловим]? 851 00:42:14,900 --> 00:42:17,660 >> ANGELA LI: Да. 852 00:42:17,660 --> 00:42:19,370 И вие можете да погледнете как се прави това. 853 00:42:19,370 --> 00:42:23,480 Но ако исках да се kittens.jpg навън на директория, аз ще направя 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 Да. 857 00:42:30,930 --> 00:42:32,960 858 00:42:32,960 --> 00:42:33,760 Извинете. 859 00:42:33,760 --> 00:42:34,045 Да. 860 00:42:34,045 --> 00:42:35,700 О, човече, забравих въпроса. 861 00:42:35,700 --> 00:42:36,460 Какъв беше въпросът? 862 00:42:36,460 --> 00:42:39,570 О, въпросът е е, kittens.jpg Очаква се да бъдат в една и съща директория? 863 00:42:39,570 --> 00:42:40,630 И в този случай, това е. 864 00:42:40,630 --> 00:42:44,030 Но можете да му дадете определена пътека така, че да не трябва да бъде. 865 00:42:44,030 --> 00:42:47,100 866 00:42:47,100 --> 00:42:48,350 Добре ли е? 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 Така че, CSS, като HTML, не е език за програмиране. 870 00:42:55,420 --> 00:42:58,250 CSS е просто поредица от правила за правене на прически. 871 00:42:58,250 --> 00:43:00,130 Това е съкращение от Cascading Style Sheets. 872 00:43:00,130 --> 00:43:03,910 И вие го използвате във връзка с HTML да стил страници. 873 00:43:03,910 --> 00:43:08,140 Така че има три начина можете да го включите. 874 00:43:08,140 --> 00:43:11,950 Един от начините, можете да го направите, е в главата част от вашия HTML, можете просто да 875 00:43:11,950 --> 00:43:15,410 отворите етикет стил и след това се придържаме някои CSS правила там. 876 00:43:15,410 --> 00:43:16,759 Това е доста OK. 877 00:43:16,759 --> 00:43:17,228 Да. 878 00:43:17,228 --> 00:43:21,449 >> ПУБЛИКАТА: Може ли да сложите тези тагове в стил между тях, нека 879 00:43:21,449 --> 00:43:22,860 да речем, тялото и / тяло. 880 00:43:22,860 --> 00:43:27,400 И тогава ще бъде стайлинг само в тялото. 881 00:43:27,400 --> 00:43:28,840 >> ANGELA LI: Вие може. 882 00:43:28,840 --> 00:43:29,590 Ще проработи. 883 00:43:29,590 --> 00:43:33,990 Но ти не трябва, защото е стайлинг вид на метаданните, че трябва да отида в 884 00:43:33,990 --> 00:43:35,890 главата на вашия документ. 885 00:43:35,890 --> 00:43:38,280 Body трябва наистина да съдържа само какво всъщност ще 886 00:43:38,280 --> 00:43:39,420 се появи на вашата страница. 887 00:43:39,420 --> 00:43:42,155 >> ПУБЛИКАТА: Значи слагах стил в главата си, за да оформите 888 00:43:42,155 --> 00:43:43,930 цялата уеб страница, нали? 889 00:43:43,930 --> 00:43:44,300 >> ANGELA LI: Да. 890 00:43:44,300 --> 00:43:50,470 Така че пускането стил тук, тези правила CSS ще се прилага за цялата страница на базата на 891 00:43:50,470 --> 00:43:52,100 техните селектори. 892 00:43:52,100 --> 00:43:57,090 Така че по-добрият начин да го направите е вместо на наличието на тагове стил в главата си, 893 00:43:57,090 --> 00:44:00,430 имате тази връзка към външен стил лист, както ти е показано в 894 00:44:00,430 --> 00:44:01,980 предишния пример. 895 00:44:01,980 --> 00:44:05,920 Това, което прави, е да се опитва и намира подаде style.css и след това да го дърпа 896 00:44:05,920 --> 00:44:08,470 в и използва, че тъй като стилове за страницата. 897 00:44:08,470 --> 00:44:10,500 И си style.css би просто изглежда по този начин. 898 00:44:10,500 --> 00:44:13,330 Той просто ще бъде един куп CSS. 899 00:44:13,330 --> 00:44:16,210 >> И накрая, има и друг начин може да включва CSS, които наистина 900 00:44:16,210 --> 00:44:17,480 не трябва никога да се направи. 901 00:44:17,480 --> 00:44:18,950 Това е призив инлайн стайлинг. 902 00:44:18,950 --> 00:44:22,650 И така всеки HTML елемент може също предприеме атрибут стил. 903 00:44:22,650 --> 00:44:26,320 И след това в този атрибут стил, можете да го дам правила CSS. 904 00:44:26,320 --> 00:44:29,140 Така че в този случай, независимо Разделения съм определяне точно тук, това ще 905 00:44:29,140 --> 00:44:32,580 има черен фон и бял цвят на текста. 906 00:44:32,580 --> 00:44:35,620 Но вие не трябва да направите това, защото това, което това не е го слага си стайлинг 907 00:44:35,620 --> 00:44:36,850 вътре в HTML. 908 00:44:36,850 --> 00:44:40,530 >> И знам, че ние сме били говорим за HTML е структура и CSS е стил. 909 00:44:40,530 --> 00:44:42,790 Ако направите това, той се смесва ги заедно. 910 00:44:42,790 --> 00:44:44,550 И това не е много чиста. 911 00:44:44,550 --> 00:44:45,800 Така че не прави това. 912 00:44:45,800 --> 00:44:47,690 913 00:44:47,690 --> 00:44:52,100 Използването пример за CSS, там горе, ние просто изберете тялото на HTML 914 00:44:52,100 --> 00:44:52,380 документален филм. 915 00:44:52,380 --> 00:44:55,110 И ние сме като, всичко е Ще бъде Comic Sans. 916 00:44:55,110 --> 00:44:57,290 Аз също не препоръчвам това. 917 00:44:57,290 --> 00:44:59,940 Но бихте могли да направите това. 918 00:44:59,940 --> 00:45:03,140 >> Второто правило точно тук, това ще , за да изберете елемент, на базата на 919 00:45:03,140 --> 00:45:04,880 страница с ID главната. 920 00:45:04,880 --> 00:45:11,690 Така че каквото и HTML елемент, казах ID = Главната, аз отивам да дам, че една 921 00:45:11,690 --> 00:45:16,020 20-пиксел марж и привеждане на всичко, целия текст, до центъра. 922 00:45:16,020 --> 00:45:19,030 Последното нещо, което избира чрез CSS клас. 923 00:45:19,030 --> 00:45:24,450 Така че всеки елемент на страницата, която дадох секция клас, отивам да го направи 924 00:45:24,450 --> 00:45:26,602 фонов цвят на светло синьо. 925 00:45:26,602 --> 00:45:29,380 926 00:45:29,380 --> 00:45:30,040 Да. 927 00:45:30,040 --> 00:45:30,700 Това е всичко, което имам. 928 00:45:30,700 --> 00:45:30,890 Въпрос? 929 00:45:30,890 --> 00:45:34,020 >> ПУБЛИКАТА: Какво прави hashtag преди главния направя? 930 00:45:34,020 --> 00:45:36,310 >> ANGELA LI: Въпросът е, какво прави на hashtag преди основните задачи? 931 00:45:36,310 --> 00:45:40,770 В този случай, хашиш в CSS означава, изберете от ID. 932 00:45:40,770 --> 00:45:47,490 Така че, ако имах някои HTML елемент, като разде = основни, това CSS правило избира 933 00:45:47,490 --> 00:45:49,260 нещото с ID главната. 934 00:45:49,260 --> 00:45:53,940 И по същия начин, периодът пред раздел е изберете от CSS клас или 935 00:45:53,940 --> 00:45:56,558 изберете от HTML клас. 936 00:45:56,558 --> 00:46:00,940 >> ПУБЛИКАТА: Защо има има преди 6 във фонов цвят? 937 00:46:00,940 --> 00:46:01,270 >> ANGELA LI: Да. 938 00:46:01,270 --> 00:46:03,360 Така че въпросът е, защо е там хеш преди 6? 939 00:46:03,360 --> 00:46:05,320 Това е различно от това сегментиране. 940 00:46:05,320 --> 00:46:09,500 Това означава, че вие ​​се отказвате шестнадесетичен цвят. 941 00:46:09,500 --> 00:46:14,260 Така шестнадесетичен цветове, това е просто представлява цвят. 942 00:46:14,260 --> 00:46:17,860 А помниш ли, когато RGB тройки ти направи PSET криминалистите? 943 00:46:17,860 --> 00:46:18,770 Това е подобно. 944 00:46:18,770 --> 00:46:21,590 Първите две цифри представляват колко червен е в цвета. 945 00:46:21,590 --> 00:46:23,260 Вторият две представляват колко зелено. 946 00:46:23,260 --> 00:46:25,450 И третият представлява колко синьо. 947 00:46:25,450 --> 00:46:30,060 И хеша е това ще да представлява цвят. 948 00:46:30,060 --> 00:46:35,660 >> Така че всичко от 0, 0, 0, 0, 0, 0 до F, F, F, F, F, F е валиден. 949 00:46:35,660 --> 00:46:39,550 Това е някакъв валиден цвят, който може да се показва от вашия браузър. 950 00:46:39,550 --> 00:46:39,790 Въпрос? 951 00:46:39,790 --> 00:46:43,590 >> ПУБЛИКАТА: Каква е разликата между помощта от ID и от класа? 952 00:46:43,590 --> 00:46:46,470 >> ANGELA LI: Въпросът е какво е разликата между 953 00:46:46,470 --> 00:46:48,950 помощта от ID и клас? 954 00:46:48,950 --> 00:46:54,390 Можете да имате само един елемент в HTML документ, който има даден ID. 955 00:46:54,390 --> 00:46:58,660 Така че само едно нещо на моята страница е позволено да имат ID главната. 956 00:46:58,660 --> 00:47:02,580 Така че можете да го използвате за това е заглавието. 957 00:47:02,580 --> 00:47:03,850 Това е навигацията. 958 00:47:03,850 --> 00:47:05,230 Това е най-долния. 959 00:47:05,230 --> 00:47:09,070 Класовете са различни, тъй като можете да прилага класове до възможно най-много на HTML елементи 960 00:47:09,070 --> 00:47:10,100 колкото искате. 961 00:47:10,100 --> 00:47:15,860 >> Така например, аз го направих раздел клас, защото там е най-вероятно повече от един 962 00:47:15,860 --> 00:47:17,540 раздел на моята страница. 963 00:47:17,540 --> 00:47:20,200 Ти просто позволено да има колкото се може повече елементи на страницата със същите 964 00:47:20,200 --> 00:47:23,190 клас, но само един с определена ID. 965 00:47:23,190 --> 00:47:25,600 >> ПУБЛИКАТА: Така точката представлява класа? 966 00:47:25,600 --> 00:47:26,090 >> ANGELA LI: Да. 967 00:47:26,090 --> 00:47:27,380 A точка представлява клас. 968 00:47:27,380 --> 00:47:29,990 969 00:47:29,990 --> 00:47:31,540 Cool. 970 00:47:31,540 --> 00:47:32,370 Това е всичко, което имам, момчета. 971 00:47:32,370 --> 00:47:33,544 Благодаря. 972 00:47:33,544 --> 00:48:13,380 >> [APPLAUSE] 973 00:48:13,380 --> 00:48:14,290 >> ZAMYLA CHAN: Здравейте, всички. 974 00:48:14,290 --> 00:48:14,880 Аз съм Zamyla. 975 00:48:14,880 --> 00:48:18,830 Ще разгледаме PHP, MVC, както и SQL днес. 976 00:48:18,830 --> 00:48:22,350 977 00:48:22,350 --> 00:48:26,110 Голяма част от материала, който ще бъде покритие ще бъде доста много 978 00:48:26,110 --> 00:48:29,100 правото от pset7. 979 00:48:29,100 --> 00:48:29,700 Добре. 980 00:48:29,700 --> 00:48:31,180 Така че това, което е PHP? 981 00:48:31,180 --> 00:48:35,150 PHP е съкращение от PHP Hypertext Preprocessor. 982 00:48:35,150 --> 00:48:38,740 Така че това, само по себе си, е рекурсивно име, което е много готино. 983 00:48:38,740 --> 00:48:42,220 PHP е от страна на сървъра скриптов език, и тя осигурява на гръб 984 00:48:42,220 --> 00:48:44,610 и логическите основи на нашия уебсайт. 985 00:48:44,610 --> 00:48:48,520 >> Така Ангела говорихме много за HTML и CSS, които ще направят структурата 986 00:48:48,520 --> 00:48:49,530 на сайта. 987 00:48:49,530 --> 00:48:53,210 Но какво, ако искате да промените това съдържание динамично или ако тя варира 988 00:48:53,210 --> 00:48:55,240 въз основа на потребителя или определени условия? 989 00:48:55,240 --> 00:48:57,060 Това е, когато идва инча PHP 990 00:48:57,060 --> 00:49:02,610 Сега, обикновено, PHP може да отнеме няколко по-малко линии за изпълнение на едно и също нещо 991 00:49:02,610 --> 00:49:07,380 в C. Това е така, защото PHP дръжки памет управление за програмист, 992 00:49:07,380 --> 00:49:11,170 за разлика от нас като за изчистване безплатно, такива неща. 993 00:49:11,170 --> 00:49:15,430 >> Но тъй като PHP е интерпретативна език, обикновено, може да се изпълни 994 00:49:15,430 --> 00:49:19,540 малко по-бавно от С, който е компилиран език. 995 00:49:19,540 --> 00:49:23,150 Защото ние се движим програмиране езици, нека да разгледаме как 996 00:49:23,150 --> 00:49:24,570 синтаксис ще се различава. 997 00:49:24,570 --> 00:49:28,770 Нека бъдем много внимателни да не се бърка с това. 998 00:49:28,770 --> 00:49:33,750 Така че с PHP синтаксис, дали сте вграждане на вашия PHP вътре на HTML 999 00:49:33,750 --> 00:49:40,430 подаде или в рамките на PHP файл. себе си, вие трябва да приложите копие на кода на открито 1000 00:49:40,430 --> 00:49:45,270 PHP и затворените PHP таговете като следва, подобно на екрана. 1001 00:49:45,270 --> 00:49:46,660 >> Променливи в PHP. 1002 00:49:46,660 --> 00:49:51,490 Всяка една променлива ще започне с знакът $, последвано от името на 1003 00:49:51,490 --> 00:49:53,150 променливата. 1004 00:49:53,150 --> 00:49:56,530 Сега, променливи в PHP са слабо напечатани, което означава, че не е нужно 1005 00:49:56,530 --> 00:50:00,030 да посочи какви типа данни е, когато сте го декларирате. 1006 00:50:00,030 --> 00:50:03,505 Все пак, това не означава, че те нямат никакви видове на всички. 1007 00:50:03,505 --> 00:50:09,370 Така че, ако аз декларирам променлива и само в стаята то е равно на 1, а след това да декларира 1008 00:50:09,370 --> 00:50:15,140 друга променлива, задайте го равен на "1" и после още една 1.0, добре, 1009 00:50:15,140 --> 00:50:19,410 в зависимост от вида на равенство оператори да използвам, ако искам да се сравни 1010 00:50:19,410 --> 00:50:21,830 във всички видове, тогава те ще бъдат равни. 1011 00:50:21,830 --> 00:50:25,570 Но ако искате да се уверите, че видове са равни, PHP все още може да се направи 1012 00:50:25,570 --> 00:50:28,690 които, макар и да не показват какъв тип е, когато ние 1013 00:50:28,690 --> 00:50:31,170 първо направи файла. 1014 00:50:31,170 --> 00:50:33,990 >> Сега, в PHP, въпреки че ние сме преминаването от програмиране 1015 00:50:33,990 --> 00:50:39,360 езици от C, ние все още разполагаме със надежден, ако състоянието, точно като тази. 1016 00:50:39,360 --> 00:50:43,270 Ние все още имаме нашите докато примки, просто като това, къде да поставите във вашата 1017 00:50:43,270 --> 00:50:47,300 състояние и тогава тялото на цикъла. 1018 00:50:47,300 --> 00:50:50,360 И тогава ние също разполагаме за линия, което обикновено изглежда така. 1019 00:50:50,360 --> 00:50:55,330 Така че, ако аз исках да обхождане на всички девет psets и представи и се свържете с 1020 00:50:55,330 --> 00:50:58,960 функция submitPset, тогава аз мога да го направя тук, които вие сте всички 1021 00:50:58,960 --> 00:50:59,830 извършва от тази точка. 1022 00:50:59,830 --> 00:51:01,080 Поздравления, между другото. 1023 00:51:01,080 --> 00:51:04,560 1024 00:51:04,560 --> 00:51:07,550 >> За камерата, хората каза, благодаря ви. 1025 00:51:07,550 --> 00:51:11,220 Сега, ако вие не искате просто да използвате този за линия, а след това PHP всъщност също 1026 00:51:11,220 --> 00:51:13,580 е неща наречени foreach цикли. 1027 00:51:13,580 --> 00:51:22,210 Така че, ако аз трябваше масив от цели числа, 0 до 8, се съхраняват в psets масив, 1028 00:51:22,210 --> 00:51:27,290 тогава може да има foreach цикъл, който итерации над всеки номер в psets. 1029 00:51:27,290 --> 00:51:30,640 И след това мога да се обадя на едни и същи функционира осем пъти, 1030 00:51:30,640 --> 00:51:31,910 така, както аз направих преди. 1031 00:51:31,910 --> 00:51:36,480 Така че това за всеки цикъл е хубаво, защото не разполагате с тях, ако не знаете 1032 00:51:36,480 --> 00:51:39,470 точната дължина на масива, който са, а след това използването на този цикъл foreach 1033 00:51:39,470 --> 00:51:42,800 ще се погрижи за това вместо вас. 1034 00:51:42,800 --> 00:51:45,410 >> Така че аз направих psets като масив. 1035 00:51:45,410 --> 00:51:46,700 Нека да разгледаме това. 1036 00:51:46,700 --> 00:51:51,290 Масивите в PHP обикновено са същите, както тези, които сме имали в C, където 1037 00:51:51,290 --> 00:51:52,960 Можете да декларирате масив. 1038 00:51:52,960 --> 00:51:59,200 И тук, мога да заявя, празен масив и след това изгради динамично с помощта на 1039 00:51:59,200 --> 00:52:00,850 индекси като цели числа. 1040 00:52:00,850 --> 00:52:04,140 Така индекс 0, аз отивам да се съхранява цяло число име 1. 1041 00:52:04,140 --> 00:52:09,210 В индекса на една от моя списък, аз ще за съхраняване на стойност 2. 1042 00:52:09,210 --> 00:52:12,670 И в третия индекс но втори номер, аз ще 1043 00:52:12,670 --> 00:52:14,870 съхраните номера 12. 1044 00:52:14,870 --> 00:52:17,250 >> Сега, това е добре, че в работи тя работи добре. 1045 00:52:17,250 --> 00:52:21,310 Но казват, че това има значение за мен какво всеки индекс притежава. 1046 00:52:21,310 --> 00:52:24,500 За мен, индекс 0 означава как много котки, които имам. 1047 00:52:24,500 --> 00:52:27,400 И индекса 1 означава, как много бухали, които имам. 1048 00:52:27,400 --> 00:52:29,450 И на следващия един означава колко много кучета. 1049 00:52:29,450 --> 00:52:34,140 Е, след това да се уточни, че вместо да трябва да помните 0 се отнася до 1050 00:52:34,140 --> 00:52:38,090 котки и от 1 до сови, които мога да използвам асоциативни масиви, което означава, че 1051 00:52:38,090 --> 00:52:42,260 вместо числа, като индексите ми, Аз всъщност може да използвате низове. 1052 00:52:42,260 --> 00:52:43,290 >> Така че това е доста полезно. 1053 00:52:43,290 --> 00:52:47,130 И вие сте основно само заменя целите числа със струни. 1054 00:52:47,130 --> 00:52:50,074 И там имате асоциативен масив. 1055 00:52:50,074 --> 00:52:51,930 Да. 1056 00:52:51,930 --> 00:52:55,800 >> ПУБЛИКАТА: Има ли причина, поради която има долна черта за секунда 1057 00:52:55,800 --> 00:52:58,750 част, защото моят списък има масива. 1058 00:52:58,750 --> 00:53:01,330 >> ZAMYLA CHAN: Въпросът е, е Има ли причина, поради която има един 1059 00:53:01,330 --> 00:53:03,320 подчертае между моето и списък? 1060 00:53:03,320 --> 00:53:03,610 Не. 1061 00:53:03,610 --> 00:53:06,878 Това е само как съм именуване ми променлива. 1062 00:53:06,878 --> 00:53:11,670 >> ПУБЛИКАТА: На първо линия, тя е една дума. 1063 00:53:11,670 --> 00:53:12,560 >> ZAMYLA CHAN: Моите извинения. 1064 00:53:12,560 --> 00:53:13,410 Ще поправим това. 1065 00:53:13,410 --> 00:53:13,620 Да. 1066 00:53:13,620 --> 00:53:15,460 Те трябва да са на едно и също име на променлива. 1067 00:53:15,460 --> 00:53:16,710 Добър улов. 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 Така че нека да преминем към низ конкатенация. 1071 00:53:22,610 --> 00:53:27,500 Ако аз исках да взема две струни, тогава мога да ги свързвам 1072 00:53:27,500 --> 00:53:28,550 с оператора на точка. 1073 00:53:28,550 --> 00:53:32,440 Така че, ако имам Milo като първо име Banana и като фамилно име, а след това 1074 00:53:32,440 --> 00:53:35,430 конкатенация с оператора на точка и след поставяне на пространството между 1075 00:53:35,430 --> 00:53:39,210 ще направи низ, който съдържа Milo Banana, които след това мога да повторя или, 1076 00:53:39,210 --> 00:53:41,280 по-скоро, разпечатате. 1077 00:53:41,280 --> 00:53:44,465 >> Говорейки за ехо, нека да говорим за няколко полезни - 1078 00:53:44,465 --> 00:53:44,920 Опа. 1079 00:53:44,920 --> 00:53:46,030 Съжалявам. 1080 00:53:46,030 --> 00:53:52,920 Няколко полезни функции PHP. 1081 00:53:52,920 --> 00:53:56,240 Така че ние имаме - 1082 00:53:56,240 --> 00:53:57,444 технически трудности. 1083 00:53:57,444 --> 00:53:58,694 Една секунда. 1084 00:53:58,694 --> 00:54:16,960 1085 00:54:16,960 --> 00:54:19,550 Изпратих го. 1086 00:54:19,550 --> 00:54:22,320 Проблеми на PowerPoint. 1087 00:54:22,320 --> 00:54:29,200 И ние сме назад с PHP функции. 1088 00:54:29,200 --> 00:54:32,010 1089 00:54:32,010 --> 00:54:35,150 И ние сме назад с PHP функции. 1090 00:54:35,150 --> 00:54:39,890 >> Така че ние имаме функция да изисква, когато ако премине във файл, тук е просто 1091 00:54:39,890 --> 00:54:43,300 пример на файл, който I може да премине инча 1092 00:54:43,300 --> 00:54:47,605 Тогава това ще включва код на PHP от този файл, който да посочи. 1093 00:54:47,605 --> 00:54:49,940 И това ще се оцени, че инча 1094 00:54:49,940 --> 00:54:54,450 След това ние също имаме ехо, което е успоредна ФОРМАТ. 1095 00:54:54,450 --> 00:54:57,710 Exit е паралелно да се прекъсне, който напуска блока 1096 00:54:57,710 --> 00:54:58,570 код, който сте инча 1097 00:54:58,570 --> 00:55:03,180 И тогава празни проверки дали даден променлива е като нула или нула или 1098 00:55:03,180 --> 00:55:08,482 каквото и да се приравни с това празно. 1099 00:55:08,482 --> 00:55:09,438 Да. 1100 00:55:09,438 --> 00:55:15,341 >> ПУБЛИКАТА: За съединяване на низове дот оператор едно, в PHP, е, че 1101 00:55:15,341 --> 00:55:20,158 същото като в JavaScript, където това е използване на точката за конкатенация означава плюс? 1102 00:55:20,158 --> 00:55:27,440 Така че за пълното име, бихте могли да имат долар подпише първи + + и след това да продължи? 1103 00:55:27,440 --> 00:55:27,720 >> ZAMYLA CHAN: Да. 1104 00:55:27,720 --> 00:55:32,150 Така че въпросът е дали в PHP ние могат да използват един и същ низ конкатенацията 1105 00:55:32,150 --> 00:55:33,890 както в JavaScript с плюсове. 1106 00:55:33,890 --> 00:55:35,410 И Йосиф ще влязат в това по-късно. 1107 00:55:35,410 --> 00:55:36,620 Мисля, че той има пързалка за това. 1108 00:55:36,620 --> 00:55:37,570 Всъщност, това е различно. 1109 00:55:37,570 --> 00:55:41,310 Така че в JavaScript, ще трябва да използвате плюса да свързвам струни. 1110 00:55:41,310 --> 00:55:43,280 И в PHP, което трябва да използвайте оператора за точка. 1111 00:55:43,280 --> 00:55:44,530 Така че те са различни. 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 Така че сега ние сме обхванати всички PHP това, когато прави 1115 00:55:49,500 --> 00:55:50,490 наистина дойде по-удобно? 1116 00:55:50,490 --> 00:55:54,470 Е, това е по-удобен, когато ние може да го комбинирате с нашия HTML. 1117 00:55:54,470 --> 00:55:59,550 Така че нашата PHP ще ни даде силата да променя дадена страница HTML съдържание, преди да 1118 00:55:59,550 --> 00:56:00,000 нейното натоварване. 1119 00:56:00,000 --> 00:56:04,270 Така въз основа на различни условия, Обикновено конкретната потребителя, че е 1120 00:56:04,270 --> 00:56:07,520 влезете в профила си, можем да покажем различна информация. 1121 00:56:07,520 --> 00:56:08,800 Linda, имахте ли един въпрос? 1122 00:56:08,800 --> 00:56:15,510 >> ПУБЛИКАТА: Можете ли да свързвам цяло число също? 1123 00:56:15,510 --> 00:56:16,760 >> ZAMYLA CHAN: Да, можете. 1124 00:56:16,760 --> 00:56:19,530 1125 00:56:19,530 --> 00:56:23,270 Така че въпросът е, ако можете свързвам числа или други 1126 00:56:23,270 --> 00:56:28,920 variable.s сега, да преминем към MVC, които парадигма, че се използва в 1127 00:56:28,920 --> 00:56:33,380 pset7 и много уеб дизайнери използват за организиране на кода във файловете 1128 00:56:33,380 --> 00:56:34,490 в сайта им. 1129 00:56:34,490 --> 00:56:35,870 M означава Model. 1130 00:56:35,870 --> 00:56:41,450 И в общи линии, модел файлове ще се занимават с взаимодействие с база данни. 1131 00:56:41,450 --> 00:56:44,640 Преглед на файлове, те се отнасят до естетика на сайта. 1132 00:56:44,640 --> 00:56:47,550 И дръжките на контролера заявките на потребителите, прави разбор 1133 00:56:47,550 --> 00:56:49,230 данни и другата логика. 1134 00:56:49,230 --> 00:56:52,520 >> В pset7, ние комбинирахме модела и контролера. 1135 00:56:52,520 --> 00:56:55,880 И ние просто ги нарича контролери и сложете ги в публичен указател. 1136 00:56:55,880 --> 00:57:01,730 И преглед на файлове, ние ги използват като шаблони в указателя за шаблони. 1137 00:57:01,730 --> 00:57:07,260 Така че тази диаграма тук също представлява същия вид разделение с 1138 00:57:07,260 --> 00:57:10,510 модел и контролера в лилаво тук в ляво и 1139 00:57:10,510 --> 00:57:12,770 виждането на правото. 1140 00:57:12,770 --> 00:57:16,020 Така че това е схематично, че някои от вас Може да сте виждали в работно време или 1141 00:57:16,020 --> 00:57:19,130 диаграми, че сме били рисуване, колкото бяха фигуриращ си PSET. 1142 00:57:19,130 --> 00:57:25,030 >> Така че тук, в даден контролер, модел контролер, имаме функции 1143 00:57:25,030 --> 00:57:30,490 които се отнасят до заявки за SQL база данни, изпълняваща PHP логика. 1144 00:57:30,490 --> 00:57:32,370 Може би вие ще погледнете нагоре запас в Yahoo! 1145 00:57:32,370 --> 00:57:34,590 Finance. 1146 00:57:34,590 --> 00:57:37,390 Или може би, просто ще провери вижте дали даден потребител е подал 1147 00:57:37,390 --> 00:57:40,250 образуват още преди като посети вашия сайт. 1148 00:57:40,250 --> 00:57:43,390 И тогава ти би направило Форма тук. 1149 00:57:43,390 --> 00:57:48,210 След тази форма не е бил представен от потребителя, действието, което е 1150 00:57:48,210 --> 00:57:53,470 посочено във формата на HTML тагове ще покаже страницата, която го 1151 00:57:53,470 --> 00:57:55,620 връща тези данни. 1152 00:57:55,620 --> 00:57:59,460 >> Така че всички на тази информация ще бъде изпраща обратно към вашия контролер. 1153 00:57:59,460 --> 00:58:02,620 Тогава най-вероятно ще направя малко повече логика на това и може би изпълни няколко 1154 00:58:02,620 --> 00:58:06,510 повече заявки в SQL база данни и След това, най-накрая, да излезе с добре 1155 00:58:06,510 --> 00:58:11,930 опаковани набор от информация, която би премине в в някакъв друг шаблон 1156 00:58:11,930 --> 00:58:13,950 показва, че тази информация. 1157 00:58:13,950 --> 00:58:17,030 Сега, как ние всъщност пакетирате тази информация нагоре? 1158 00:58:17,030 --> 00:58:23,980 Е, ние имаме една функция, наречена Render това беше във файла functions.php в 1159 00:58:23,980 --> 00:58:29,950 pset7, където ще премине в името на файл, името на един шаблон. 1160 00:58:29,950 --> 00:58:32,160 >> И тогава вие също да премине в асоциативен масив. 1161 00:58:32,160 --> 00:58:37,150 И така, че асоциативен масив представлява различна информация 1162 00:58:37,150 --> 00:58:39,040 , който искате да премине инча 1163 00:58:39,040 --> 00:58:43,460 Сега, това, което ще бъде постоянна в тези примери е, че ключовете или, 1164 00:58:43,460 --> 00:58:47,070 по-скоро, ключовете на асоциативната масиви, които са това, което ще бъде 1165 00:58:47,070 --> 00:58:51,050 очаква да бъде постоянна от шаблона, защото тя знае, че се нуждае от 1166 00:58:51,050 --> 00:58:53,990 нещо, наречено съобщение или нарече. 1167 00:58:53,990 --> 00:58:56,940 И тогава нещата по отношение на правото, на действителните стойности, така че в този случай, който е 1168 00:58:56,940 --> 00:59:00,750 добро момче и Мило, тези ще да са стойностите, които се променят 1169 00:59:00,750 --> 00:59:05,610 че контролерът се променя всеки път, когато или въз основа на определени условия и 1170 00:59:05,610 --> 00:59:07,120 ще мине, че инча 1171 00:59:07,120 --> 00:59:12,790 >> Така че тук в шаблони, ние виждаме, че ние използвате HTML специални символи, 1172 00:59:12,790 --> 00:59:16,370 които просто същество означава, че ние искаме за да получите партньорска низ че 1173 00:59:16,370 --> 00:59:17,580 потребителското сложи инча 1174 00:59:17,580 --> 00:59:20,880 И ние искаме да бъде заменен съобщение в тях. 1175 00:59:20,880 --> 00:59:26,110 Така че след това, когато ние действително видите файла, специфичните 1176 00:59:26,110 --> 00:59:28,700 информация се предава инча 1177 00:59:28,700 --> 00:59:33,850 Имайте предвид, че ключът как правят дела е че ключовете на асоциативната 1178 00:59:33,850 --> 00:59:37,170 масиви, които превръщат в променливи имена тук. 1179 00:59:37,170 --> 00:59:40,720 И така, стойностите на този ключ в асоциативен масив, след това се превръща в 1180 00:59:40,720 --> 00:59:41,970 стойност на променливата. 1181 00:59:41,970 --> 00:59:44,800 1182 00:59:44,800 --> 00:59:46,040 >> Сега, нека да преминем към SQL. 1183 00:59:46,040 --> 00:59:48,010 Това означава структурирана Query Language. 1184 00:59:48,010 --> 00:59:50,460 И така, това е просто програмиране език проектиран 1185 00:59:50,460 --> 00:59:51,880 за управление на бази данни. 1186 00:59:51,880 --> 00:59:56,860 И той дойде по-удобно за нас в нашата pset7 финанси уебсайт. 1187 00:59:56,860 --> 01:00:00,510 По същество, това е просто един лесен начин да проследяване и управление на обекти и таблици 1188 01:00:00,510 --> 01:00:02,070 както и връзката им един към друг. 1189 01:00:02,070 --> 01:00:06,860 Сега, мисля, че на вашия SQL база данни основно като файл Excel, може би, 1190 01:00:06,860 --> 01:00:10,040 с множество табове листове. 1191 01:00:10,040 --> 01:00:13,820 >> Така че, вие може да имате няколко таблици, може би, който свързва един с друг. 1192 01:00:13,820 --> 01:00:19,420 И много като Excel, ние имаме много функционалността, която искаме. 1193 01:00:19,420 --> 01:00:22,300 Например, можем да изберете някои редове. 1194 01:00:22,300 --> 01:00:24,110 Ние можем да вмъкнете информация. 1195 01:00:24,110 --> 01:00:25,560 Ние можем да актуализирате реда. 1196 01:00:25,560 --> 01:00:27,440 И ние също може да изтриете неща. 1197 01:00:27,440 --> 01:00:30,920 1198 01:00:30,920 --> 01:00:36,560 >> The SQL изберете произведения, като изберете редовете или ред на определени колони от една 1199 01:00:36,560 --> 01:00:39,640 база данни, която съответства на определен критерии, които ви показват. 1200 01:00:39,640 --> 01:00:44,930 Така че тук, когато виждам изберете * от магьосници, където къща = Рейвънклоу, след това 1201 01:00:44,930 --> 01:00:48,340 Аз съм избиране *, което означава, че аз съм избиране на всяка една колона в тази 1202 01:00:48,340 --> 01:00:56,340 ред от таблицата с магьосници, но само ако колоната къща равнява Рейвънклоу. 1203 01:00:56,340 --> 01:00:57,840 Сега, това е чиста или SQL. 1204 01:00:57,840 --> 01:01:02,680 Така че, ако аз отидох в PhpMyAdmin, което е специфичния начин, по който използвате, за да управлявате 1205 01:01:02,680 --> 01:01:07,040 нашите SQL бази данни, тогава бих могъл да вмъкнете че в сайта PhpMyAdmin. 1206 01:01:07,040 --> 01:01:08,290 И това ще се изпълни. 1207 01:01:08,290 --> 01:01:11,280 >> Но ние всъщност искаме да направим че от страна на PHP. 1208 01:01:11,280 --> 01:01:12,580 Е, как да го направим? 1209 01:01:12,580 --> 01:01:20,180 Е, ние използваме функцията за заявка, която основно изпълнява че SQL заявка. 1210 01:01:20,180 --> 01:01:21,830 Използването? 1211 01:01:21,830 --> 01:01:25,850 като контейнер, ние може да премине в някои ценности на нашата поредица, че ние 1212 01:01:25,850 --> 01:01:26,920 искате да смените. 1213 01:01:26,920 --> 01:01:32,110 Така че може би аз съм съхраняване на различни стойности в curr_house, които 1214 01:01:32,110 --> 01:01:34,400 представлява текущата къщата че аз съм преживяваш. 1215 01:01:34,400 --> 01:01:39,040 Така че може да мине, че в като контейнер с въпросителен знак. 1216 01:01:39,040 --> 01:01:43,290 И тогава аз ще основно изпълни едно и също нещо, както го направих и преди, с изключение на 1217 01:01:43,290 --> 01:01:45,550 Сега, аз съм в PHP. 1218 01:01:45,550 --> 01:01:51,300 >> И заявка ще върне асоциативен масив. 1219 01:01:51,300 --> 01:01:53,470 И аз отивам да я съхранява в редове. 1220 01:01:53,470 --> 01:01:56,880 Сега, заявка винаги може да се провали. 1221 01:01:56,880 --> 01:02:02,870 Може би заявката за SQL не може да изпълни защото таблицата не съществува. 1222 01:02:02,870 --> 01:02:04,310 Или може би, колоната не съществува. 1223 01:02:04,310 --> 01:02:05,400 Нещо се е объркало. 1224 01:02:05,400 --> 01:02:08,170 Е, в този случай, вие ще искате да направите уверете, че сте проверили дали 1225 01:02:08,170 --> 01:02:09,700 заявка не върна фалшиво. 1226 01:02:09,700 --> 01:02:15,590 И това е с помощта на тройната равнява на работа там. 1227 01:02:15,590 --> 01:02:19,660 >> И тогава аз се извинявам, което е друг CS50 функция, която преминава в съобщение. 1228 01:02:19,660 --> 01:02:23,435 И ако се вгледате в Извинявам се, всички го наистина прави, е да направи apology.php. 1229 01:02:23,435 --> 01:02:26,100 1230 01:02:26,100 --> 01:02:26,410 Да. 1231 01:02:26,410 --> 01:02:29,630 >> ПУБЛИКАТА: Бихте ли обяснили какво е това звезда прави между изберете и от? 1232 01:02:29,630 --> 01:02:30,710 >> ZAMYLA CHAN: Да, абсолютно. 1233 01:02:30,710 --> 01:02:35,220 Така звездата между изберете и от означава, че аз искам да изберете цялото 1234 01:02:35,220 --> 01:02:37,440 цял ред от моята маса. 1235 01:02:37,440 --> 01:02:41,900 Можех да посочи изберете име, година, къща. 1236 01:02:41,900 --> 01:02:46,160 И аз ще получите само тези три колони в моята маса. 1237 01:02:46,160 --> 01:02:51,560 Но ако кажа, изберете *, тогава ще получите всичко в тази колона. 1238 01:02:51,560 --> 01:02:53,760 Тогава аз отивам да отидеш в гърба първия. 1239 01:02:53,760 --> 01:02:57,656 >> ПУБЛИКАТА: Така че това е все още в SQL, нали? 1240 01:02:57,656 --> 01:02:59,610 Дали тази заявка или това е PHP? 1241 01:02:59,610 --> 01:03:00,550 >> ZAMYLA CHAN: Ние сме в една заявка. 1242 01:03:00,550 --> 01:03:01,940 Така че това е в PHP. 1243 01:03:01,940 --> 01:03:06,280 Така с помощта на заявката за PHP функция, ние сме изпълнение на заявка SQL. 1244 01:03:06,280 --> 01:03:11,988 1245 01:03:11,988 --> 01:03:15,364 >> ПУБЛИКАТА: Има ли нещо в SQL главни и малки букви, като изберете 1246 01:03:15,364 --> 01:03:17,834 или магьосници или къща? 1247 01:03:17,834 --> 01:03:20,050 >> ZAMYLA CHAN: Има ли нещо в SQL случай-чувствителен? 1248 01:03:20,050 --> 01:03:21,760 Вярвам, че е така, да. 1249 01:03:21,760 --> 01:03:24,620 Аз вярвам, че SELECT и FROM И къде са малки и главни букви. 1250 01:03:24,620 --> 01:03:25,535 Не? 1251 01:03:25,535 --> 01:03:27,500 >> ROB BOWDEN: Значи, това е точно обратното. 1252 01:03:27,500 --> 01:03:32,030 Имената на колоните и средствата на масата, всички от тях са малки и главни букви. 1253 01:03:32,030 --> 01:03:35,470 Но нито един от ключовите думи MySQL, като SELECT, FROM и WHERE, тези, които не са 1254 01:03:35,470 --> 01:03:36,140 малки и главни букви. 1255 01:03:36,140 --> 01:03:36,420 OK. 1256 01:03:36,420 --> 01:03:37,780 Така че, точно обратното на това, което казах. 1257 01:03:37,780 --> 01:03:40,420 Така че всичко, от MySQL ключови думи - 1258 01:03:40,420 --> 01:03:42,670 изберете,, къде - тези, не са малки и главни букви. 1259 01:03:42,670 --> 01:03:44,630 Но всичко останало е. 1260 01:03:44,630 --> 01:03:45,210 OK. 1261 01:03:45,210 --> 01:03:46,500 Вие в предната част. 1262 01:03:46,500 --> 01:03:52,041 >> ПУБЛИКАТА: Ако имате $ редове по отношение на повече от един ред, значи това е 1263 01:03:52,041 --> 01:03:53,640 Просто става асоциативен масив? 1264 01:03:53,640 --> 01:03:59,550 >> ZAMYLA CHAN: Така че въпросът беше дали редове има повече от един ред в нея, се 1265 01:03:59,550 --> 01:04:01,800 го превърне в асоциативен масив? 1266 01:04:01,800 --> 01:04:05,680 Така че това е масив от асоциативен масиви вече. 1267 01:04:05,680 --> 01:04:10,730 Така че, дори ако има само един ред върната, след това ще трябва да отидете в 1268 01:04:10,730 --> 01:04:12,690 индекс 0 от този резултат. 1269 01:04:12,690 --> 01:04:15,316 И тогава ще трябва, че първият ред. 1270 01:04:15,316 --> 01:04:17,482 Да, Белинда? 1271 01:04:17,482 --> 01:04:21,258 >> ПУБЛИКАТА: Когато използвате ===, това ли е единствената инстанция? 1272 01:04:21,258 --> 01:04:22,210 Или има ли други? 1273 01:04:22,210 --> 01:04:26,815 >> ZAMYLA CHAN: Така че в този случай === е сравнение по видове. 1274 01:04:26,815 --> 01:04:29,870 1275 01:04:29,870 --> 01:04:34,050 Извинете. === Е сравнение че сравнява видове. 1276 01:04:34,050 --> 01:04:37,620 И тогава == сравнява във всички видове. 1277 01:04:37,620 --> 01:04:41,620 >> ПУБЛИКАТА: Можете ли да обясните какво редове е в тази ситуация? 1278 01:04:41,620 --> 01:04:45,120 Дали е ред на данни? 1279 01:04:45,120 --> 01:04:48,100 >> ZAMYLA CHAN: В следващия слайд, аз съм ще обясня какво редове е. 1280 01:04:48,100 --> 01:04:49,890 Така че, ако нямате нищо против да държите на разстояние от това. 1281 01:04:49,890 --> 01:04:50,620 И тогава в гърба? 1282 01:04:50,620 --> 01:04:54,699 >> ПУБЛИКАТА: За функции като заявка, направи и да се извини [недоловим]? 1283 01:04:54,699 --> 01:04:59,050 1284 01:04:59,050 --> 01:05:03,050 >> ZAMYLA CHAN: Въпросът е дали тези функции - заявка, се извини, 1285 01:05:03,050 --> 01:05:04,510 и ще направи - 1286 01:05:04,510 --> 01:05:05,930 са общи за PHP. 1287 01:05:05,930 --> 01:05:09,460 Те са тези, които CS50 пише за pset7. 1288 01:05:09,460 --> 01:05:09,910 И Джей? 1289 01:05:09,910 --> 01:05:15,333 >> ПУБЛИКАТА: Когато трябва да се каже, $ _SESSION, Е, че само за документи за самоличност? 1290 01:05:15,333 --> 01:05:17,310 Или може ли да каже, че тук? 1291 01:05:17,310 --> 01:05:23,440 >> ZAMYLA CHAN: Така че въпросът е, когато ние използваме $ _SESSION, че е специфичен 1292 01:05:23,440 --> 01:05:25,290 глобална променлива, която ние използваме. 1293 01:05:25,290 --> 01:05:32,080 Ето тази променлива ще да бъде местен в нашия функция. 1294 01:05:32,080 --> 01:05:36,588 Така че ние просто се обявява за нова променлива. 1295 01:05:36,588 --> 01:05:38,460 >> ПУБЛИКАТА: Как се извиня приложени? 1296 01:05:38,460 --> 01:05:40,960 >> ZAMYLA CHAN: Въпросът е, как се извинявам приложени? 1297 01:05:40,960 --> 01:05:44,180 И мисля, че това всъщност е доста добри практики за вас, момчета да отидат в 1298 01:05:44,180 --> 01:05:49,260 секцията functions.php и погледнете Извинявам се и вижте как бихте могли да имат 1299 01:05:49,260 --> 01:05:50,670 го направили сами. 1300 01:05:50,670 --> 01:05:55,620 Така че може да оставя това на вас, но просто се каже, че ако се вгледате в извиня, 1301 01:05:55,620 --> 01:06:02,110 След това е необходимо съобщението, което представено да се извини, а след това го 1302 01:06:02,110 --> 01:06:06,570 прави това съобщение. 1303 01:06:06,570 --> 01:06:08,240 Има ли още въпроси? 1304 01:06:08,240 --> 01:06:08,710 Обичам въпроси. 1305 01:06:08,710 --> 01:06:09,555 Така че да ги продължат да идват. 1306 01:06:09,555 --> 01:06:11,888 >> ПУБЛИКАТА: [недоловим] 1307 01:06:11,888 --> 01:06:13,840 ехо или печат там? 1308 01:06:13,840 --> 01:06:15,900 >> ZAMYLA CHAN: Въпросът е, бихме могли не само да изведе 1309 01:06:15,900 --> 01:06:17,000 ехо или печат там. 1310 01:06:17,000 --> 01:06:19,710 Така че би направил нещо малко по-различен. 1311 01:06:19,710 --> 01:06:23,750 Това щеше да отпечатва заявка се провали в това - 1312 01:06:23,750 --> 01:06:27,420 Е, точно сега, ние сме всъщност в нашия контролер. 1313 01:06:27,420 --> 01:06:30,350 Така че ние всъщност нямаме HTML създадена тук. 1314 01:06:30,350 --> 01:06:34,946 Извини се от оказване apologize.php всъщност ви пренасочва към 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 >> Така че сега, да вървим, за да се справи с въпрос от по-рано за това, което 1318 01:06:45,880 --> 01:06:47,330 наистина е реда. 1319 01:06:47,330 --> 01:06:51,960 Е, заявка ще се върне множество редове. 1320 01:06:51,960 --> 01:06:55,020 И всеки ред е представен от асоциативен масив. 1321 01:06:55,020 --> 01:07:02,840 Така че, ако аз съм изпълнен някои SQL заявка и Аз бях съхранява резултата в редове, а след това 1322 01:07:02,840 --> 01:07:07,850 използване на foreach цикъл, тогава масив име е на първо едно там - редове. 1323 01:07:07,850 --> 01:07:13,170 И тогава аз отивам да се обадя всеки ред там $ ред. 1324 01:07:13,170 --> 01:07:20,060 >> Така итерации над това, аз може след това достъп до името на колоната в даден ред е, 1325 01:07:20,060 --> 01:07:22,340 година колона, и къща колона. 1326 01:07:22,340 --> 01:07:28,010 Имайте предвид, че аз не бих бил в състояние да направите това с редове, защото индекса редове 1327 01:07:28,010 --> 01:07:29,290 име не съществува. 1328 01:07:29,290 --> 01:07:31,970 Редове е просто набор от асоциативни масиви. 1329 01:07:31,970 --> 01:07:34,870 Така че имате две нива там. 1330 01:07:34,870 --> 01:07:37,170 След като имате набор от редове, вие трябва да получите в това. 1331 01:07:37,170 --> 01:07:39,110 И след това можете да получите достъп до колоните. 1332 01:07:39,110 --> 01:07:41,636 Знаете, че да стане ясно? 1333 01:07:41,636 --> 01:07:42,520 Да, в предната част? 1334 01:07:42,520 --> 01:07:45,490 >> ПУБЛИКАТА: [недоловим] отворите скоби за [недоловим]? 1335 01:07:45,490 --> 01:07:46,220 >> ZAMYLA CHAN: Извинете ме? 1336 01:07:46,220 --> 01:07:49,740 >> ПУБЛИКАТА: Откритите скоби. 1337 01:07:49,740 --> 01:07:52,420 >> ZAMYLA CHAN: Това тук? 1338 01:07:52,420 --> 01:07:58,520 Това ми позволи да се включи тази променлива. 1339 01:07:58,520 --> 01:07:58,670 Да. 1340 01:07:58,670 --> 01:08:01,900 >> ПУБЛИКАТА: Когато отпечатвате, вие сте отпечатване на HTML кода? 1341 01:08:01,900 --> 01:08:03,110 >> ZAMYLA CHAN: Да. 1342 01:08:03,110 --> 01:08:07,720 Когато печатате, това тук е вътре шаблон ми сега, така че 1343 01:08:07,720 --> 01:08:10,310 моето виждане за метод MVC. 1344 01:08:10,310 --> 01:08:12,750 Така че аз съм печат в HTML. 1345 01:08:12,750 --> 01:08:16,670 >> ПУБЛИКАТА: Така че, ако ние отидохме в разработчик инструменти след използването на този, бихме могли да 1346 01:08:16,670 --> 01:08:17,160 че всъщност в кода? 1347 01:08:17,160 --> 01:08:18,410 >> ZAMYLA CHAN: Това е страхотна въпрос, да. 1348 01:08:18,410 --> 01:08:22,359 Така че, ако отиде в инструментите за разработчици в Firefox използвайки Firebug или 1349 01:08:22,359 --> 01:08:26,109 Chrome, тогава да, бихте могли да вижте конкретното HTML. 1350 01:08:26,109 --> 01:08:28,470 Така че това не би показал $ ред ["Name"]. 1351 01:08:28,470 --> 01:08:32,524 То ще демонстрира двете Име е в този ред. 1352 01:08:32,524 --> 01:08:36,268 >> ПУБЛИКАТА: Просто е генерален въпрос, какво TR и TD определя като? 1353 01:08:36,268 --> 01:08:37,672 Защо бихме [недоловим]? 1354 01:08:37,672 --> 01:08:41,850 1355 01:08:41,850 --> 01:08:44,814 >> ZAMYLA CHAN: Таблица ред TR, маса, тогава TD колона. 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 >> Публика: Да, това е таблицата с данни. 1360 01:08:56,835 --> 01:08:58,770 >> ZAMYLA CHAN: таблични данни. 1361 01:08:58,770 --> 01:08:59,894 Да. 1362 01:08:59,894 --> 01:09:08,670 >> ПУБЛИКАТА: Това е поредна, в която ред се третира като колона? 1363 01:09:08,670 --> 01:09:08,910 >> ZAMYLA CHAN: Съжалявам. 1364 01:09:08,910 --> 01:09:10,570 Може ли да повторите? 1365 01:09:10,570 --> 01:09:14,450 >> ПУБЛИКАТА: Как бихте визуализира редове? 1366 01:09:14,450 --> 01:09:16,310 >> ZAMYLA CHAN: Как бихте се визуализира редове в какъв смисъл? 1367 01:09:16,310 --> 01:09:21,796 Да не говориш за тях редове и отбележете тук или редовете TR? 1368 01:09:21,796 --> 01:09:22,630 >> ПУБЛИКАТА: Редовете. 1369 01:09:22,630 --> 01:09:25,229 >> ZAMYLA CHAN: Тези редове и отбележете тук? 1370 01:09:25,229 --> 01:09:28,620 Бих визуализира това като Аз изпълнявам моята заявка. 1371 01:09:28,620 --> 01:09:38,729 И той казва, OK, имам или 0 до п размер на редове, които съответстват на критериите 1372 01:09:38,729 --> 01:09:40,510 че си извикан. 1373 01:09:40,510 --> 01:09:43,740 Така че аз имам някакъв брой редове. 1374 01:09:43,740 --> 01:09:51,450 Така редове, на $ редовете, Магазини всеки един от тези редове в масив. 1375 01:09:51,450 --> 01:09:58,110 Така че, дори ако това е само един от тях, това е още един набор от редове, които съответстват на това. 1376 01:09:58,110 --> 01:10:03,010 >> Така че след това, например, това е подобно на когато пресилено 1377 01:10:03,010 --> 01:10:05,390 кеша от потребителите. 1378 01:10:05,390 --> 01:10:10,810 И критериите, там беше мястото, където ID равнява на ID на сесията. 1379 01:10:10,810 --> 01:10:14,250 Там наистина е само един ред , които могат да съвпада. 1380 01:10:14,250 --> 01:10:18,960 Но все още редове просто връщат един ред. 1381 01:10:18,960 --> 01:10:22,620 Така че ще трябва да отидете до реда, индекс 0, индекс кеш да 1382 01:10:22,620 --> 01:10:26,195 всъщност става дума за кеша. 1383 01:10:26,195 --> 01:10:29,650 >> ПУБЛИКАТА: Има функция за печат ехо в едно и също нещо? 1384 01:10:29,650 --> 01:10:30,670 >> ZAMYLA CHAN: Да. 1385 01:10:30,670 --> 01:10:31,190 Да. 1386 01:10:31,190 --> 01:10:33,304 Печат ехо от едни и същи. 1387 01:10:33,304 --> 01:10:42,400 >> ПУБЛИКАТА: Дали примката на foreach начин само да се индексират в редове? 1388 01:10:42,400 --> 01:10:46,110 >> ZAMYLA CHAN: Е foreach цикъл единственият начин, по който можете да 1389 01:10:46,110 --> 01:10:47,030 превъртите през редовете? 1390 01:10:47,030 --> 01:10:47,180 Не. 1391 01:10:47,180 --> 01:10:51,000 Можете да използвате също и за линия, при условие, че знаете дължината 1392 01:10:51,000 --> 01:10:53,024 на масив на ред е. 1393 01:10:53,024 --> 01:10:58,500 >> ПУБЛИКАТА: Може ли да го отворите с помощта на ред, колкото [недоловим]? 1394 01:10:58,500 --> 01:11:01,640 >> ZAMYLA CHAN: Така че не можете да получите достъп до нея само с помощта на ред, ако вие не разполагате с 1395 01:11:01,640 --> 01:11:05,160 foreach цикъл при условие че не са декларирали ред. 1396 01:11:05,160 --> 01:11:08,150 1397 01:11:08,150 --> 01:11:09,660 Да. 1398 01:11:09,660 --> 01:11:10,810 Да, в белтъка. 1399 01:11:10,810 --> 01:11:13,990 >> ПУБЛИКАТА: И така, какво TR и TD направя? 1400 01:11:13,990 --> 01:11:16,790 >> ZAMYLA CHAN: Така TR и TD са HTML тагове. 1401 01:11:16,790 --> 01:11:19,590 TR показва началото на ред на таблица. 1402 01:11:19,590 --> 01:11:26,625 И всяка TD показва нова колона данни таблица. 1403 01:11:26,625 --> 01:11:32,275 >> ПУБЛИКАТА: За визуална какво подред е като, представете си само на SQL, как 1404 01:11:32,275 --> 01:11:33,510 те имат един ред. 1405 01:11:33,510 --> 01:11:35,980 [Недоловим]. 1406 01:11:35,980 --> 01:11:36,390 >> ZAMYLA CHAN: Да. 1407 01:11:36,390 --> 01:11:37,630 Това е страхотна точка. 1408 01:11:37,630 --> 01:11:41,510 Можете да визуализира реда, тъй като току-що като в таблица Excel, просто 1409 01:11:41,510 --> 01:11:44,540 списъка на редовете. 1410 01:11:44,540 --> 01:11:46,870 OK. 1411 01:11:46,870 --> 01:11:47,230 Добре. 1412 01:11:47,230 --> 01:11:50,740 Така че сега, че сме преминали над изберете, ако там не са повече въпроси, ние ще 1413 01:11:50,740 --> 01:11:52,970 отида върху вложка. 1414 01:11:52,970 --> 01:11:58,220 Така че, ако аз исках да вмъкнете в някои маса и поставете определена колона 1415 01:11:58,220 --> 01:12:02,320 ценности, аз можах да се вмъкват в Рейвънклоу в седем години. 1416 01:12:02,320 --> 01:12:07,245 Но понякога може да има два екземпляра ценности, както видяхме в pset7 когато ние 1417 01:12:07,245 --> 01:12:09,240 бяха актуализиране на нашия портфейл. 1418 01:12:09,240 --> 01:12:15,610 >> Така че в този случай, ние искаме да използваме ON ДУБЛИКАТ KEY UPDATE, така че ние не правим 1419 01:12:15,610 --> 01:12:18,280 съхраняване на множество редове с еднакви стойност, но по-скоро го актуализира. 1420 01:12:18,280 --> 01:12:21,780 1421 01:12:21,780 --> 01:12:25,560 Тогава ние всъщност имаме актуализация, което не е въвеждане. 1422 01:12:25,560 --> 01:12:30,100 Това е просто една актуализация, където можете да актуализирате в определена маса с дадена 1423 01:12:30,100 --> 01:12:34,403 критерии и след това, най-накрая, да изтриете, който върши много подобно нещо. 1424 01:12:34,403 --> 01:12:40,200 >> ПУБЛИКАТА: Бихте ли накратко отида на дубликат ключа? 1425 01:12:40,200 --> 01:12:40,850 >> ZAMYLA CHAN: Да. 1426 01:12:40,850 --> 01:12:48,340 По същество тук, имам INSERT INTO Гринготс, е, галеони, тези стойности. 1427 01:12:48,340 --> 01:12:56,900 Но ID, вероятно, е уникален ключ стойност, създадена в MySQL таблица. 1428 01:12:56,900 --> 01:13:06,750 Така че, ако вече съм, че ID се създаде, след това не мога да вмъкнете нов ред. 1429 01:13:06,750 --> 01:13:10,961 Така че, ако все още не съществува, тогава трябва да го актуализира. 1430 01:13:10,961 --> 01:13:16,040 1431 01:13:16,040 --> 01:13:17,722 В средата в бяло. 1432 01:13:17,722 --> 01:13:21,570 >> ПУБЛИКАТА: Така вмъкнете, актуализиране, изтриване, и изберете, са тези, цялата налична 1433 01:13:21,570 --> 01:13:22,875 локално [недоловим]? 1434 01:13:22,875 --> 01:13:27,320 1435 01:13:27,320 --> 01:13:29,630 >> ZAMYLA CHAN: Така вмъкнете, актуализиране, изтриване и 1436 01:13:29,630 --> 01:13:31,120 изберете са всички SQL заявки. 1437 01:13:31,120 --> 01:13:34,970 Така че, когато сте с помощта на SQL, ще имате наличните. 1438 01:13:34,970 --> 01:13:38,226 1439 01:13:38,226 --> 01:13:40,706 >> ПУБЛИКАТА: назад към миналото викторини - 1440 01:13:40,706 --> 01:13:44,178 Имаше един въпрос, който се справиха с ако имаше маса и искаше да 1441 01:13:44,178 --> 01:13:52,610 поставете резултатите от тестовете в един и вмъквате името си, така че няма да ви разочарова 1442 01:13:52,610 --> 01:13:54,594 [Недоловим] тест резултата си приятел. 1443 01:13:54,594 --> 01:13:59,060 Как ще направите това с вложка? 1444 01:13:59,060 --> 01:14:02,490 >> ZAMYLA CHAN: Така че въпросът е бил около предишна средносрочния въпрос. 1445 01:14:02,490 --> 01:14:04,320 Аз не съм наясно с които един е в момента. 1446 01:14:04,320 --> 01:14:06,790 Така че може би след това, ако искате да дойде и да ми покаже, тогава мога да 1447 01:14:06,790 --> 01:14:08,155 със сигурност ще ви даде съвети. 1448 01:14:08,155 --> 01:14:11,250 1449 01:14:11,250 --> 01:14:15,460 Но говорейки за вмъкване неща, като като резултат на някого, когато 1450 01:14:15,460 --> 01:14:18,800 не трябва, нека да говорим за SQL инжекция атаки. 1451 01:14:18,800 --> 01:14:22,050 Така че една SQL инжекция атака е по същество когато някой вземе 1452 01:14:22,050 --> 01:14:27,680 предимство на ниска сигурност на начин, че вие ​​приемате в данните. 1453 01:14:27,680 --> 01:14:35,660 >> Така че тук, точно като в CS50 финанси, когато влезете в системата, можем да влезем в 1454 01:14:35,660 --> 01:14:39,510 потребителско име в логин формата, първото текстово поле, и 1455 01:14:39,510 --> 01:14:41,570 След това въведете в паролата. 1456 01:14:41,570 --> 01:14:45,610 Може би нашата PHP код може да изглежда нещо като това, където $ потребителско име 1457 01:14:45,610 --> 01:14:51,410 е потребителското име и паролата, след данни е паролата пост-данни. 1458 01:14:51,410 --> 01:14:55,110 И тогава ние просто изпълнява нашата заявка, да речем, Добре, добре, нашата заявка ще 1459 01:14:55,110 --> 01:14:57,990 изберете от нашите потребители, където потребителското име е 1460 01:14:57,990 --> 01:14:58,970 едно, че са представили. 1461 01:14:58,970 --> 01:15:06,870 А паролата е паролата, което означава, че паролите съвпадат. 1462 01:15:06,870 --> 01:15:12,670 >> Сега, какво ще стане ако вместо действително подаване на действителната парола, като 1463 01:15:12,670 --> 01:15:16,850 12345 и познае в направление, което казва парола и се опитва да проникна си 1464 01:15:16,850 --> 01:15:21,460 сметка, какво ще стане ако вместо те твърдят това. 1465 01:15:21,460 --> 01:15:24,380 Те биха могли да напишете в може би направи предположение парола. 1466 01:15:24,380 --> 01:15:30,480 И тогава те ще завърши цитат после въведете или 1 = 1. 1467 01:15:30,480 --> 01:15:35,160 Това би пестеше директно в SQL заявка да изглежда нещо като това. 1468 01:15:35,160 --> 01:15:38,200 Изберете от потребители, където потребителско име = шипа и парола 1469 01:15:38,200 --> 01:15:41,450 се равнява на лилия или 1 = 1. 1470 01:15:41,450 --> 01:15:45,450 >> Така че или паролата има да бъде вярна или 1 = 1, 1471 01:15:45,450 --> 01:15:47,870 което винаги е вярно. 1472 01:15:47,870 --> 01:15:52,780 Така че в този случай, общо взето, един потребител може да да се възползват от това и просто да влезете 1473 01:15:52,780 --> 01:15:55,240 себе си в и хак сметка на някого. 1474 01:15:55,240 --> 01:15:58,950 Така че това е защо ние искаме да се избегне някой да се налага да направите това. 1475 01:15:58,950 --> 01:16:03,890 Но за щастие, функцията за заявка от преминаване в контейнерите ще се 1476 01:16:03,890 --> 01:16:04,800 грижи за това за вас. 1477 01:16:04,800 --> 01:16:08,570 Също така, ще обикновено никога не искам действително да представят паролите 1478 01:16:08,570 --> 01:16:09,310 себе си. 1479 01:16:09,310 --> 01:16:14,115 Ето защо ние сегментира или криптирана тях в CS50 финанси. 1480 01:16:14,115 --> 01:16:17,553 >> ПУБЛИКАТА: Изминалата викторината говорихме около MySQL евакуационните струни. 1481 01:16:17,553 --> 01:16:21,800 Трябва ли да се тревожа за това? 1482 01:16:21,800 --> 01:16:22,670 >> ZAMYLA CHAN: Това е добър въпрос. 1483 01:16:22,670 --> 01:16:29,050 Евакуационните струните на MySQL е определено функция, която се използва в нашата заявка. 1484 01:16:29,050 --> 01:16:30,420 Но определено изглежда в това. 1485 01:16:30,420 --> 01:16:32,950 Бих казал, че това е честна игра да се знае че ще трябва да се обадя, че 1486 01:16:32,950 --> 01:16:34,370 функционира на низ. 1487 01:16:34,370 --> 01:16:35,245 Да, Белинда? 1488 01:16:35,245 --> 01:16:38,606 >> ПУБЛИКАТА: Откъде знаеш, когато това е апострофи или двойни кавички? 1489 01:16:38,606 --> 01:16:43,516 И също така, аз се чувствам като в лекция ви спомена нещо, за да не 1490 01:16:43,516 --> 01:16:48,426 на [недоловим] или нещо такова или Вторият сингъл цитат в края. 1491 01:16:48,426 --> 01:16:56,407 1492 01:16:56,407 --> 01:17:00,825 Мисля, че той изтъкна, че в лекция , което се очаква да има апостроф 1 1493 01:17:00,825 --> 01:17:04,290 и след това не трябва апострофи или нещо такова. 1494 01:17:04,290 --> 01:17:05,540 >> ПУБЛИКАТА: [недоловим]. 1495 01:17:05,540 --> 01:17:14,860 1496 01:17:14,860 --> 01:17:18,657 >> ПУБЛИКАТА: Работата е последният сингъл цитат вътре в тази втора кутия 1497 01:17:18,657 --> 01:17:19,391 не трябва да има. 1498 01:17:19,391 --> 01:17:21,840 [Недоловим] 1499 01:17:21,840 --> 01:17:26,730 Защото, когато сте приели, че миналата единствен цитирам навън и съпоставяне за съдържание 1500 01:17:26,730 --> 01:17:30,522 където паролата е, ако имате, че заявка, има един-единствен цитат на 1501 01:17:30,522 --> 01:17:31,340 вече края. 1502 01:17:31,340 --> 01:17:36,580 Вие искате да използвате този единствен цитат като този, който е изправен пред този 1503 01:17:36,580 --> 01:17:37,574 [Недоловим]. 1504 01:17:37,574 --> 01:17:42,820 Така че това, което е в действителност в този текст кутия не трябва да има това. 1505 01:17:42,820 --> 01:17:44,070 >> ZAMYLA CHAN: Ще променим това. 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 Ако там не са всички въпроси, тогава ще тя премине към Joseph да говори 1509 01:18:00,435 --> 01:18:04,332 за JavaScript, и така нататък. 1510 01:18:04,332 --> 01:18:09,540 >> [APPLAUSE] 1511 01:18:09,540 --> 01:18:11,660 >> JOSEPH ONG: Така ще се изпълняват малко по-назад. 1512 01:18:11,660 --> 01:18:13,280 Така че, ако ви се наложи да напусне, това е ОК. 1513 01:18:13,280 --> 01:18:16,540 Но ние искаме да държите главата си надолу ако сте в средата, така че да можете 1514 01:18:16,540 --> 01:18:19,560 Не блокирайте фотоапарата и да използвате задния изход, ако се наложи. 1515 01:18:19,560 --> 01:18:25,010 1516 01:18:25,010 --> 01:18:26,306 Аз съм Йосиф от пътя. 1517 01:18:26,306 --> 01:18:27,556 Hi. 1518 01:18:27,556 --> 01:18:37,910 1519 01:18:37,910 --> 01:18:38,630 Тест, тест. 1520 01:18:38,630 --> 01:18:39,630 Дан, е, че доброто? 1521 01:18:39,630 --> 01:18:40,880 Cool. 1522 01:18:40,880 --> 01:18:44,460 1523 01:18:44,460 --> 01:18:47,600 >> Така че видеото ще бъде публикувано онлайн за тези, които 1524 01:18:47,600 --> 01:18:48,850 Трябва да тръгнем веднага. 1525 01:18:48,850 --> 01:18:51,350 1526 01:18:51,350 --> 01:18:52,600 Неудобни. 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 Така преглед тест. 1530 01:18:59,730 --> 01:19:00,980 Това е котка. 1531 01:19:00,980 --> 01:19:03,150 1532 01:19:03,150 --> 01:19:07,170 Сега, JavaScript, който може би не е Ооо като за някои от вас, момчета. 1533 01:19:07,170 --> 01:19:07,370 OK. 1534 01:19:07,370 --> 01:19:09,280 Така че това е на първо място, припомнят от Zamyla. 1535 01:19:09,280 --> 01:19:11,270 Не забравяйте, че PHP е работи на сървъра. 1536 01:19:11,270 --> 01:19:15,230 И много пъти, вие момчета пишеха примки в PHP да отпечатате HTML, нали? 1537 01:19:15,230 --> 01:19:19,170 Така че след като този код се изпълнява, че HTML изход, който можете да разпечатате 1538 01:19:19,170 --> 01:19:20,500 се предават на потребителя. 1539 01:19:20,500 --> 01:19:25,960 И след като това се случи, не повече PHP може да работи, освен ако не се презарежда страницата, на 1540 01:19:25,960 --> 01:19:27,660 Разбира се, който reexecutes на PHP. 1541 01:19:27,660 --> 01:19:30,080 Но след като разпечатате, че HTML, вие не можете да отидете навсякъде. 1542 01:19:30,080 --> 01:19:33,580 >> Така че HTML е изпратена към потребителя, който е браузърът тук, където 1543 01:19:33,580 --> 01:19:35,470 Мило е с помощта на компютър. 1544 01:19:35,470 --> 01:19:40,340 И така, добре, има няколко неща, веднъж ние изпращаме HTML за потребителя. 1545 01:19:40,340 --> 01:19:43,350 Понякога ние искаме да направим нещо подобно , когато щракнете върху нещо, което искаме 1546 01:19:43,350 --> 01:19:47,350 алармените кутии, за да поп, тези видове взаимодействия, като при натискане на 1547 01:19:47,350 --> 01:19:50,740 ключ, когато щракнете върху нещо на страница, искам нещо да се случи. 1548 01:19:50,740 --> 01:19:54,550 Е, не можеш да reexecute PHP код веднъж, че HTML е настроен. 1549 01:19:54,550 --> 01:19:55,900 Е, как да направите това? 1550 01:19:55,900 --> 01:19:59,930 >> Ние се въведе нов език, наречен JavaScript, който работи в браузъра 1551 01:19:59,930 --> 01:20:02,890 която ви позволява да правите неща за HTML, след като получите 1552 01:20:02,890 --> 01:20:04,020 ги от сървъра. 1553 01:20:04,020 --> 01:20:07,050 И това е защо ние го от страна на клиента се обадите език за програмиране. 1554 01:20:07,050 --> 01:20:09,110 Тя работи на вашия компютър - 1555 01:20:09,110 --> 01:20:11,400 клиента. 1556 01:20:11,400 --> 01:20:13,830 Всякакви въпроси за това досега? 1557 01:20:13,830 --> 01:20:15,650 Тази парадигма има смисъл за хората? 1558 01:20:15,650 --> 01:20:16,010 OK. 1559 01:20:16,010 --> 01:20:16,790 Добре. 1560 01:20:16,790 --> 01:20:17,340 Добре. 1561 01:20:17,340 --> 01:20:20,850 Така че първото нещо, което да се отбележи, е JavaScript не е PHP. 1562 01:20:20,850 --> 01:20:23,010 >> Те имат някои различни синтаксис, които ще отидат в. 1563 01:20:23,010 --> 01:20:24,530 И те имат много различни цели. 1564 01:20:24,530 --> 01:20:26,640 JavaScript, отново, за вашата браузър, за клиента. 1565 01:20:26,640 --> 01:20:30,640 Сървър работи някъде на някой друг компютър, който изпраща информация 1566 01:20:30,640 --> 01:20:31,720 да ти, нали? 1567 01:20:31,720 --> 01:20:36,730 Така че, ако ви помоля да напишете PHP код на изпит въпрос, не пишете 1568 01:20:36,730 --> 01:20:38,710 JavaScript и обратно. 1569 01:20:38,710 --> 01:20:41,710 Вие просто ще загубят точки, и тя няма да бъде прав. 1570 01:20:41,710 --> 01:20:43,690 >> Така че нека да получите в някои синтактичните разлики - 1571 01:20:43,690 --> 01:20:46,140 JavaScript в ляво PHP и отдясно. 1572 01:20:46,140 --> 01:20:48,670 Първото нещо, което ще забележите, с JavaScript, ние декларираме променливи с 1573 01:20:48,670 --> 01:20:49,440 VaR, ключова дума - 1574 01:20:49,440 --> 01:20:53,590 V-A-R. PHP се използва знака за долар, като Zamyla обсъдени по-рано. 1575 01:20:53,590 --> 01:20:57,570 Ако искате да декларират асоциативен масив, виждаме познатия синтаксис на 1576 01:20:57,570 --> 01:20:59,030 от дясната страна с PHP. 1577 01:20:59,030 --> 01:21:01,630 От лявата страна, вместо използвате фигурни скоби. 1578 01:21:01,630 --> 01:21:03,280 И после ключовете са в ляво. 1579 01:21:03,280 --> 01:21:04,670 След това имате на дебелото черво. 1580 01:21:04,670 --> 01:21:06,560 И тогава ще трябва стойностите , който искате. 1581 01:21:06,560 --> 01:21:09,840 >> Така че това е начина, по който ще го направи в PHP от дясната страна на тази втора 1582 01:21:09,840 --> 01:21:10,955 линия, която започва от Мило. 1583 01:21:10,955 --> 01:21:14,540 И това е как ще го направите на лява страна в JavaScript, ако искате 1584 01:21:14,540 --> 01:21:16,110 това, което ние наричаме обект. 1585 01:21:16,110 --> 01:21:19,340 И обекти в JavaScript са само асоциативни масиви. 1586 01:21:19,340 --> 01:21:23,710 Така че, ако искате достъп до области, в PHP използвате тази скоба синтаксис. 1587 01:21:23,710 --> 01:21:27,170 И по този начин, вие можете да присвоите този собственик поле, за да Lauren. 1588 01:21:27,170 --> 01:21:30,150 >> Е, в JavaScript, ако някой иска да достъп до поле и да я промените, можете да 1589 01:21:30,150 --> 01:21:31,370 използват синтаксиса на точка. 1590 01:21:31,370 --> 01:21:33,860 Можете също така да използвате синтаксиса на конзолата. 1591 01:21:33,860 --> 01:21:35,550 Но вие не можете да използвате точка на синтаксиса в PHP. 1592 01:21:35,550 --> 01:21:36,525 Това няма да работи. 1593 01:21:36,525 --> 01:21:38,910 Тя работи само в PHP. 1594 01:21:38,910 --> 01:21:42,060 И най-накрая, за да отпечатате неща, за да на конзола, вие използвате console.log, които 1595 01:21:42,060 --> 01:21:43,720 момчета използват много в pset8. 1596 01:21:43,720 --> 01:21:45,260 Можете да console.log това. 1597 01:21:45,260 --> 01:21:50,030 >> Ако искате да отпечатате масив в PHP, вие трябва да използвате за печат R. 1598 01:21:50,030 --> 01:21:53,240 И от дясната страна, виждаш ли, че хеш низове там. 1599 01:21:53,240 --> 01:21:54,070 Някой попита по-рано. 1600 01:21:54,070 --> 01:21:55,850 Аз използвам един плюс в JavaScript. 1601 01:21:55,850 --> 01:21:59,800 Ако искам да свързвам нещо в PHP, аз използвам точката. 1602 01:21:59,800 --> 01:22:00,800 Те са различни. 1603 01:22:00,800 --> 01:22:03,420 Ако пишете PHP код, не използвайте плюс. 1604 01:22:03,420 --> 01:22:06,810 Ако пишете JavaScript код, не пишете точка. 1605 01:22:06,810 --> 01:22:08,230 Тя ще бъде погрешно. 1606 01:22:08,230 --> 01:22:09,640 И вие ще бъдете тъжни. 1607 01:22:09,640 --> 01:22:11,000 >> Така че синтактичните разлики. 1608 01:22:11,000 --> 01:22:14,710 Знайте синтаксис, защото ако трябва да напиши въпрос и вие използвате синтаксис 1609 01:22:14,710 --> 01:22:16,890 от грешен език, тя няма да работи. 1610 01:22:16,890 --> 01:22:19,520 И това ще бъде погрешно. 1611 01:22:19,520 --> 01:22:22,420 Така че нека да говорим за някакъв контрол тече разлики, как да използвате 1612 01:22:22,420 --> 01:22:24,040 вериги във всяка от тях. 1613 01:22:24,040 --> 01:22:26,610 Zamyla мина над дясната страна. 1614 01:22:26,610 --> 01:22:27,780 Stuff от дясната страна трябва да сте запознати. 1615 01:22:27,780 --> 01:22:29,670 Нека да разгледаме по левия фланг. 1616 01:22:29,670 --> 01:22:34,830 >> Когато използвате за п линия в JavaScript, променливата контур, VAR аз ей там, 1617 01:22:34,830 --> 01:22:37,210 контур на ключовете на масива. 1618 01:22:37,210 --> 01:22:39,150 Така че, когато видите име, къща, и роля. 1619 01:22:39,150 --> 01:22:42,440 Ако аз console.log аз, получавам име, къща, и роля. 1620 01:22:42,440 --> 01:22:44,720 Това са ключовете. 1621 01:22:44,720 --> 01:22:50,080 В JavaScript, за foreach цикъл отива над стойностите на този масив. 1622 01:22:50,080 --> 01:22:52,040 Така че можете да забележите, че и двамата сме аз. 1623 01:22:52,040 --> 01:22:56,000 Но тук от страна на PHP, той отпечатва от Milo, CS50, и талисман. 1624 01:22:56,000 --> 01:22:57,390 Това са стойностите в PHP. 1625 01:22:57,390 --> 01:23:00,180 >> Така че това са как тези двамата са различни в различните езици. 1626 01:23:00,180 --> 01:23:02,970 Така че, ако сте с помощта на foreach контур, не мислете, че тя 1627 01:23:02,970 --> 01:23:03,760 дава ключовете. 1628 01:23:03,760 --> 01:23:08,010 И ако сте с помощта на за п линия, недей Предполагам, че това ви дава стойностите. 1629 01:23:08,010 --> 01:23:10,420 Дали този смисъл досега? 1630 01:23:10,420 --> 01:23:13,630 На следващия слайд ще ви покажа как можете да получите достъп до обратното в 1631 01:23:13,630 --> 01:23:15,160 всеки от тях. 1632 01:23:15,160 --> 01:23:18,550 >> Е, ако имате ключа в JavaScript и искате стойността навън, 1633 01:23:18,550 --> 01:23:20,440 просто форум в масив с това. 1634 01:23:20,440 --> 01:23:23,640 Така на Milo аз ще можете да получите това искате - стойностите. 1635 01:23:23,640 --> 01:23:25,260 Има един различен синтаксис в PHP. 1636 01:23:25,260 --> 01:23:28,140 Ако наистина искате да го знаете, аз не правя Мисля, че съм го показа още. 1637 01:23:28,140 --> 01:23:31,740 Но ако се интересувате, можете да използвате тази допълнителна синтаксис на правото 1638 01:23:31,740 --> 01:23:35,130 страна, че действително ще ви позволи да получите най- ключове в PHP, когато сте с помощта на 1639 01:23:35,130 --> 01:23:35,880 foreach цикъл. 1640 01:23:35,880 --> 01:23:39,640 Така че просто малко любопитни факти ако проявявате интерес. 1641 01:23:39,640 --> 01:23:42,630 >> Така че това е само за да се докаже разлики между тези две линии. 1642 01:23:42,630 --> 01:23:47,060 Не ги бъркам, когато сте програмиране въпрос. 1643 01:23:47,060 --> 01:23:49,774 Всякакви въпроси за това. 1644 01:23:49,774 --> 01:23:50,770 Cool. 1645 01:23:50,770 --> 01:23:51,310 Добре. 1646 01:23:51,310 --> 01:23:52,250 JavaScript обекти. 1647 01:23:52,250 --> 01:23:53,040 Аз говорих за тях. 1648 01:23:53,040 --> 01:23:54,650 Те са като асоциативни масиви. 1649 01:23:54,650 --> 01:23:57,730 Единственото нещо, което бих искал да отбележа, тук е, че стойността в асоциативен 1650 01:23:57,730 --> 01:23:59,540 масив може да бъде всичко в JavaScript. 1651 01:23:59,540 --> 01:24:02,240 >> Тя дори може да бъде функция, като там. 1652 01:24:02,240 --> 01:24:04,600 Имам една функция, която е стойността на един клавиш. 1653 01:24:04,600 --> 01:24:07,030 И ако искам да се обадя на тази функция, Просто достъп до кора. 1654 01:24:07,030 --> 01:24:08,490 И след това сложих скобите след това. 1655 01:24:08,490 --> 01:24:09,790 И това работи. 1656 01:24:09,790 --> 01:24:15,570 Така че някакви въпроси? 1657 01:24:15,570 --> 01:24:16,370 Не? 1658 01:24:16,370 --> 01:24:16,650 OK. 1659 01:24:16,650 --> 01:24:18,190 Добре. 1660 01:24:18,190 --> 01:24:20,130 JavaScript, като PHP, е хлабаво написали. 1661 01:24:20,130 --> 01:24:20,970 Какво означава това? 1662 01:24:20,970 --> 01:24:22,380 >> Той наистина има видове. 1663 01:24:22,380 --> 01:24:24,800 Но когато Вие декларирате JavaScript променлива, вие казвате VAR аз. 1664 01:24:24,800 --> 01:24:25,850 Вие не го кажа. 1665 01:24:25,850 --> 01:24:26,460 Това не е нищо. 1666 01:24:26,460 --> 01:24:28,000 Можете просто да кажа, че това е променлива. 1667 01:24:28,000 --> 01:24:31,590 И тогава ще се справят с JavaScript видове под капака за вас. 1668 01:24:31,590 --> 01:24:34,390 Ние може свободно да конвертирате между видове поради това. 1669 01:24:34,390 --> 01:24:37,360 Така че аз започва като номер в този случай. 1670 01:24:37,360 --> 01:24:38,790 И тогава имам низ. 1671 01:24:38,790 --> 01:24:39,710 И да добавя, че към него. 1672 01:24:39,710 --> 01:24:41,810 И аз я прехвърли обратно в аз. 1673 01:24:41,810 --> 01:24:43,640 >> Така че в този първи ред, I е броят. 1674 01:24:43,640 --> 01:24:47,310 На втория ред, аз сега става низ след правя пренасочването. 1675 01:24:47,310 --> 01:24:52,820 И ето, Аз съм просто конкатенация този номер върху струната. 1676 01:24:52,820 --> 01:24:56,210 Така че виждате, че въпреки че беше число и в първата част, тя е един вид 1677 01:24:56,210 --> 01:24:58,500 на като се превръща в низ и след това се прибавя 1678 01:24:58,500 --> 01:25:00,510 върху които здравей низ. 1679 01:25:00,510 --> 01:25:02,340 И така, това е, което искам да кажа от хлабав пишете. 1680 01:25:02,340 --> 01:25:04,760 Това е, че можете да конвертирате между видове много лесно. 1681 01:25:04,760 --> 01:25:08,840 И това не хвърлят предупреждения най-ви харесва C прави. 1682 01:25:08,840 --> 01:25:12,420 >> Така че аз сега съдържа здравей 123 в низа. 1683 01:25:12,420 --> 01:25:13,270 Next. 1684 01:25:13,270 --> 01:25:15,610 Можем също така свободно сравни между видовете. 1685 01:25:15,610 --> 01:25:19,310 Така че, ако можете просто да използвате ==, много като в PHP, JavaScript 1686 01:25:19,310 --> 01:25:20,480 прави подобно нещо. 1687 01:25:20,480 --> 01:25:24,780 Низът 123 е равен на броя 123, когато използвате двойни равни. 1688 01:25:24,780 --> 01:25:27,820 Когато се използва тройни равни, също иска да се увери, че 1689 01:25:27,820 --> 01:25:29,240 типът е същото. 1690 01:25:29,240 --> 01:25:31,960 Така, тъй като това е низ и че е номер, въпреки че и двамата са 1691 01:25:31,960 --> 01:25:35,280 123, когато използвате тройна се равнява на, можете да получите фалшив. 1692 01:25:35,280 --> 01:25:39,330 По време на двойно равнява случай, можете да получите вярно, защото двойни равни не прави 1693 01:25:39,330 --> 01:25:40,020 грижа за тип. 1694 01:25:40,020 --> 01:25:42,500 Тройни равни го е грижа за тип. 1695 01:25:42,500 --> 01:25:43,750 Въпроси? 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 >> И още нещо за JavaScript е обхват е един вид глобална освен ако не сте 1699 01:25:52,870 --> 01:25:53,460 във функция. 1700 01:25:53,460 --> 01:25:55,660 И тя работи по същия начин начин в PHP всъщност. 1701 01:25:55,660 --> 01:25:57,500 Така че нека да мине през този пример. 1702 01:25:57,500 --> 01:25:59,110 Задам аз до 999. 1703 01:25:59,110 --> 01:26:00,900 И тогава ще отида в това за цикъл. 1704 01:26:00,900 --> 01:26:06,110 Така че, ако аз съм печат и в този за контур, аз очаквам 0, 1, 2, 3, 4. 1705 01:26:06,110 --> 01:26:07,390 Съм се да съм = 4. 1706 01:26:07,390 --> 01:26:10,770 Това увеличава стойността аз сега до 5 в В края на цикъла за. 1707 01:26:10,770 --> 01:26:13,300 И тогава се появи на линия, защото той не отговаря на 1708 01:26:13,300 --> 01:26:14,550 обуслови вече. 1709 01:26:14,550 --> 01:26:16,650 >> Какво мислите, че следващата console.log отпечатва? 1710 01:26:16,650 --> 01:26:20,570 1711 01:26:20,570 --> 01:26:24,790 Така че това е, което той би направил в C. В C, защото, ако имате като VAR и извън 1712 01:26:24,790 --> 01:26:28,855 и имате VAR аз вътре една линия, като за линия, след това го прави така, че 1713 01:26:28,855 --> 01:26:30,690 това е с обхват, че две I са различни. 1714 01:26:30,690 --> 01:26:34,630 В JavaScript, тя просто ще третират като едно и също аз. 1715 01:26:34,630 --> 01:26:37,870 Получавам 5, защото това е стойността след като излезе от примката. 1716 01:26:37,870 --> 01:26:39,120 Така че тези, които са на едно и също аз. 1717 01:26:39,120 --> 01:26:42,620 1718 01:26:42,620 --> 01:26:44,130 Това прави ли смисъл? 1719 01:26:44,130 --> 01:26:45,720 >> Добре, че има смисъл от гледна точка на JavaScript. 1720 01:26:45,720 --> 01:26:49,510 Но същия парадигма не пренесе върху C. Те имат 1721 01:26:49,510 --> 01:26:50,310 различни правила за обхват. 1722 01:26:50,310 --> 01:26:50,630 Да. 1723 01:26:50,630 --> 01:26:52,566 >> ПУБЛИКАТА: [недоловим] 1724 01:26:52,566 --> 01:26:54,990 извън функцията [недоловим]? 1725 01:26:54,990 --> 01:26:58,340 >> JOSEPH ONG: Така че, извън която функция? 1726 01:26:58,340 --> 01:27:00,810 Така че аз ще стигнем до това само за секунди. 1727 01:27:00,810 --> 01:27:02,580 Така че ние наричаме Foo (I). 1728 01:27:02,580 --> 01:27:06,920 Това минава аз в Foo, стъпки него, и след това да го регистрира. 1729 01:27:06,920 --> 01:27:07,750 Така че това е 5. 1730 01:27:07,750 --> 01:27:09,210 Така тя става 6. 1731 01:27:09,210 --> 01:27:11,670 Но това, което аз говоря е че аз в тази функция. 1732 01:27:11,670 --> 01:27:14,430 Защото това е един параметър, това е с обхват до тази функция. 1733 01:27:14,430 --> 01:27:17,800 Така че след като аз всъщност се измъкнем от този функция, сега ще отида 1734 01:27:17,800 --> 01:27:19,860 обратно към Аз. 1735 01:27:19,860 --> 01:27:23,000 Че аз се преодоляха само защото това е във функция. 1736 01:27:23,000 --> 01:27:24,200 И ние имаме обхват и функции. 1737 01:27:24,200 --> 01:27:29,080 Но ние не разполагат с обхват извън на функции в JavaScript. 1738 01:27:29,080 --> 01:27:31,170 Това прави ли смисъл? 1739 01:27:31,170 --> 01:27:31,320 Да. 1740 01:27:31,320 --> 01:27:31,660 Въпрос. 1741 01:27:31,660 --> 01:27:34,030 >> ПУБЛИКАТА: Same [недоловим]? 1742 01:27:34,030 --> 01:27:34,500 >> JOSEPH ONG: Така че, да. 1743 01:27:34,500 --> 01:27:36,260 В PHP, това е един и същи вид на нещо. 1744 01:27:36,260 --> 01:27:37,680 Има лек финес всъщност. 1745 01:27:37,680 --> 01:27:40,130 Но можете да ме питате за че след прегледа. 1746 01:27:40,130 --> 01:27:43,930 Вие наистина не трябва да знаете че финес за теста. 1747 01:27:43,930 --> 01:27:47,600 За всички намерения и цели, като променливи, глобални и PHP, освен ако 1748 01:27:47,600 --> 01:27:49,150 те са в една функция, една и съща нещо в JavaScript. 1749 01:27:49,150 --> 01:27:49,480 Да. 1750 01:27:49,480 --> 01:27:52,890 >> ПУБЛИКАТА: Защо е това е позволено в JavaScript и няма къде другаде? 1751 01:27:52,890 --> 01:27:55,010 >> JOSEPH ONG: Така че защо е позволено в JavaScript и не в C? 1752 01:27:55,010 --> 01:27:58,180 Това е само този, който дойде с JavaScript реши, че това е ОК в 1753 01:27:58,180 --> 01:27:59,510 JavaScript. 1754 01:27:59,510 --> 01:28:02,430 Така че това е просто като език за програмиране конвенция, както бихме казали. 1755 01:28:02,430 --> 01:28:02,580 Да. 1756 01:28:02,580 --> 01:28:04,480 >> ПУБЛИКАТА: Така че, защо е направил мина 6-5? 1757 01:28:04,480 --> 01:28:08,280 >> JOSEPH ONG: Така че отидох 6-5, защото, когато минах аз в Foo, че 1758 01:28:08,280 --> 01:28:13,420 аз вътре на Foo сега е с обхват до Foo, защото съществува обхват функции в 1759 01:28:13,420 --> 01:28:15,050 JavaScript. 1760 01:28:15,050 --> 01:28:18,720 Но след като се измъкна от тук, тъй като тя е с обхват до функцията, аз съм просто 1761 01:28:18,720 --> 01:28:24,300 с помощта на редовна съм, че е вътре останалата част от контрол на потока. 1762 01:28:24,300 --> 01:28:25,210 Направи ли смисъл? 1763 01:28:25,210 --> 01:28:26,910 Мога ли да продължим? 1764 01:28:26,910 --> 01:28:27,320 Добре. 1765 01:28:27,320 --> 01:28:29,180 Cool. 1766 01:28:29,180 --> 01:28:31,890 >> Приемането на това е предмети са предадени по референция. 1767 01:28:31,890 --> 01:28:33,990 Вие знаете как, когато минавате масив в C бихте могли 1768 01:28:33,990 --> 01:28:35,810 всъщност променя масива? 1769 01:28:35,810 --> 01:28:37,350 Това е едно и също нещо в JavaScript. 1770 01:28:37,350 --> 01:28:42,960 Ако предавате обект, в този случай, аз преминал Milo в този catify функция. 1771 01:28:42,960 --> 01:28:44,490 Milo започва. 1772 01:28:44,490 --> 01:28:46,310 Неговото име е Milo Banana. 1773 01:28:46,310 --> 01:28:51,670 Минавам покрай този обект в дадена функция защото това е един обект, асоциативен 1774 01:28:51,670 --> 01:28:53,730 масив в JavaScript. 1775 01:28:53,730 --> 01:28:57,110 >> Когато извършвате операция в тази функция, тя ще 1776 01:28:57,110 --> 01:28:58,560 всъщност променя обекта. 1777 01:28:58,560 --> 01:29:01,720 Така че това ще се случи само за обекти в JavaScript, точно като това се случва 1778 01:29:01,720 --> 01:29:09,230 за масиви във вътрешността на име C. Така че Майло всъщност ще стане котка сега. 1779 01:29:09,230 --> 01:29:10,090 Това прави ли смисъл? 1780 01:29:10,090 --> 01:29:11,840 Така че това работи само за обекти. 1781 01:29:11,840 --> 01:29:13,090 Обектите се предават по референция. 1782 01:29:13,090 --> 01:29:13,400 Да. 1783 01:29:13,400 --> 01:29:16,850 >> ПУБЛИКАТА: Значи казваш, че в контраст с променлива аз. 1784 01:29:16,850 --> 01:29:17,240 >> JOSEPH ONG: Да. 1785 01:29:17,240 --> 01:29:20,330 Кои променлива аз бях просто номер, нали? 1786 01:29:20,330 --> 01:29:25,280 Това е като в C и ако предавате цяло число а, тя прави копие. 1787 01:29:25,280 --> 01:29:28,130 И когато премине масив, тя всъщност променя действителното масив в 1788 01:29:28,130 --> 01:29:32,870 C. Същото нещо се случва с JavaScript в този случай. 1789 01:29:32,870 --> 01:29:34,070 Добре. 1790 01:29:34,070 --> 01:29:38,134 И следващото, Майло е тъжен, защото сега той е котка. 1791 01:29:38,134 --> 01:29:40,790 1792 01:29:40,790 --> 01:29:45,060 Това беше всъщност Milo след някои пътуване на ветеринар. 1793 01:29:45,060 --> 01:29:46,860 >> Е, как да използваме JavaScript в уеб страница? 1794 01:29:46,860 --> 01:29:47,790 Ние можем да го включим. 1795 01:29:47,790 --> 01:29:50,090 Това е HTML код с таговете на лентата. 1796 01:29:50,090 --> 01:29:51,300 Така че аз имам тагове ленти там. 1797 01:29:51,300 --> 01:29:54,820 И тогава аз се въведе някакъв JavaScript код в рамките на тагове скрипт. 1798 01:29:54,820 --> 01:29:56,390 И тогава той изпълнява това. 1799 01:29:56,390 --> 01:29:58,830 Когато аз просто го направи по този начин, това е наречен инлайн JavaScript. 1800 01:29:58,830 --> 01:30:02,400 Това е вид на разхвърлян, понеже JavaScript е всъщност в HTML. 1801 01:30:02,400 --> 01:30:07,010 >> По-добър начин да направите това, много по-хубав, е да напишете своето JavaScript в 1802 01:30:07,010 --> 01:30:10,920 външен файл и след това да се осигури маркера на скрипта с източник. 1803 01:30:10,920 --> 01:30:14,920 И това ще отиде в тази JavaScript файл и чете кода на JavaScript от 1804 01:30:14,920 --> 01:30:15,960 че вместо да подаде. 1805 01:30:15,960 --> 01:30:18,820 И по този начин, не е нужно много JavaScript в началото на вашата 1806 01:30:18,820 --> 01:30:20,760 HTML файл, който прави тя наистина разхвърлян. 1807 01:30:20,760 --> 01:30:21,860 Можете просто да го поставите някъде другаде. 1808 01:30:21,860 --> 01:30:24,310 И тогава той ще го прочете от там. 1809 01:30:24,310 --> 01:30:25,560 Знаете, че има смисъл? 1810 01:30:25,560 --> 01:30:27,990 1811 01:30:27,990 --> 01:30:29,640 >> Въпроси разположение. 1812 01:30:29,640 --> 01:30:32,620 В този конкретен случай, скрипт е пред тялото. 1813 01:30:32,620 --> 01:30:36,090 Така че, когато се изпълни, че има нищо в тялото си. 1814 01:30:36,090 --> 01:30:39,920 Може би това ще направи малко по- смисъл, когато показвам тази следваща част. 1815 01:30:39,920 --> 01:30:43,210 В този случай, скрипта идва след DIV. 1816 01:30:43,210 --> 01:30:46,620 Така че всъщност се появява на DIV на първата страница. 1817 01:30:46,620 --> 01:30:49,470 Точно тук, в този малък червен кръг, виждате появява текста. 1818 01:30:49,470 --> 01:30:51,810 И след това сигналът се появи. 1819 01:30:51,810 --> 01:30:54,890 >> В първия случай, защото скрипта беше преди DIV, на 1820 01:30:54,890 --> 01:30:56,170 предупреждение се появява на първо място. 1821 01:30:56,170 --> 01:30:59,250 И тогава DIV появява след ти отхвърли кутията. 1822 01:30:59,250 --> 01:31:01,330 Така изпълнението значение. 1823 01:31:01,330 --> 01:31:02,290 Така че ние ще пазят това в ума. 1824 01:31:02,290 --> 01:31:03,640 Това ще бъде важно в малко. 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 Така че, добре, как да изчакате, докато цялата страница се зарежда след това преди да 1828 01:31:12,750 --> 01:31:13,580 изпълнява някакъв код? 1829 01:31:13,580 --> 01:31:15,540 Ще навлезете в тази малко Малко по-късно също. 1830 01:31:15,540 --> 01:31:19,016 Но просто продължавай това разположение въпроси в ума за когато ние 1831 01:31:19,016 --> 01:31:20,570 дойде към друг слайд. 1832 01:31:20,570 --> 01:31:22,030 >> Така стигаме до DOM сега. 1833 01:31:22,030 --> 01:31:23,550 И това, което е DOM? 1834 01:31:23,550 --> 01:31:26,830 Така че, ако се вгледате в HTML код, това е просто един куп текст на екрана. 1835 01:31:26,830 --> 01:31:30,560 И така, как знаете, че JavaScript това е един HTML елемент? 1836 01:31:30,560 --> 01:31:33,410 Така че ние трябва да имаме някаква памет представяне на този 1837 01:31:33,410 --> 01:31:34,930 структура, която имаме. 1838 01:31:34,930 --> 01:31:40,240 И всеки път, когато ние имаме това в паметта представителство в JavaScript, ние наричаме 1839 01:31:40,240 --> 01:31:41,750 че DOM. 1840 01:31:41,750 --> 01:31:45,130 И това е просто начин, че хората са решили че ние трябва да представлява това 1841 01:31:45,130 --> 01:31:46,400 HTML структура. 1842 01:31:46,400 --> 01:31:47,940 >> И какво означава това DOM изглежда? 1843 01:31:47,940 --> 01:31:50,460 Е, в представителството на паметта, ние приемаме този текст. 1844 01:31:50,460 --> 01:31:52,870 И ние го превърне в паметта представителство. 1845 01:31:52,870 --> 01:31:54,400 Така че това е HTML. 1846 01:31:54,400 --> 01:31:58,090 Така че ние първо да разберете, че всеки DOM дърво има документ. 1847 01:31:58,090 --> 01:31:59,400 Тя изглежда като дърво. 1848 01:31:59,400 --> 01:32:03,550 И документа съдържа HTML тагове, всъщност всичко 1849 01:32:03,550 --> 01:32:05,150 вътре в това сега. 1850 01:32:05,150 --> 01:32:06,970 The HTML таг има две деца. 1851 01:32:06,970 --> 01:32:08,630 Той разполага с глава. 1852 01:32:08,630 --> 01:32:12,380 Тази глава, ако се вгледате в отстъп там как тя е структурирана 1853 01:32:12,380 --> 01:32:14,960 между близки тагове, главата има дете. 1854 01:32:14,960 --> 01:32:17,130 Детето е заглавието. 1855 01:32:17,130 --> 01:32:18,370 Точно така. 1856 01:32:18,370 --> 01:32:21,000 >> Сега, ние имаме дете тяло. 1857 01:32:21,000 --> 01:32:24,870 И след това, че тялото има дете, наречено семейство. 1858 01:32:24,870 --> 01:32:27,950 И че семейството има три деца - 1859 01:32:27,950 --> 01:32:29,550 най-старият, среден, и най-младият. 1860 01:32:29,550 --> 01:32:31,960 Така че вие ​​трябва да знаете как да се направи диаграма като този, когато ви попитам как 1861 01:32:31,960 --> 01:32:34,270 да се направи схема, когато ние даваме ти на HTML в ляво. 1862 01:32:34,270 --> 01:32:36,350 Знаеш ли как да се произведе DOM дървото. 1863 01:32:36,350 --> 01:32:38,930 А вътре в тези неща, там е просто някакъв текст, който съм представлявана 1864 01:32:38,930 --> 01:32:40,180 като малки кутийки. 1865 01:32:40,180 --> 01:32:42,750 1866 01:32:42,750 --> 01:32:47,980 >> Дали това DOM дърво структура направи смисъл и какво е DOM? 1867 01:32:47,980 --> 01:32:49,300 Е, какво значи п престои? 1868 01:32:49,300 --> 01:32:51,850 Ето тук, на стр. там в този етикет представлява 1869 01:32:51,850 --> 01:32:54,510 параграф тагове в HTML. 1870 01:32:54,510 --> 01:32:57,080 Така че можете да го гледам. 1871 01:32:57,080 --> 01:32:59,290 Но това просто означава, че е малко пространство за някакъв текст. 1872 01:32:59,290 --> 01:33:02,910 И тя има някои подразбиране CSS стайлинг, защото това е таг параграф. 1873 01:33:02,910 --> 01:33:05,130 Но наистина не се тревожи за тази част твърде много. 1874 01:33:05,130 --> 01:33:07,510 Просто знам, че е контейнер за някакъв текст. 1875 01:33:07,510 --> 01:33:08,480 Да. 1876 01:33:08,480 --> 01:33:10,200 Въпрос? 1877 01:33:10,200 --> 01:33:11,021 Да. 1878 01:33:11,021 --> 01:33:12,374 >> ПУБЛИКАТА: Вие току-що споменах CSS. 1879 01:33:12,374 --> 01:33:15,492 Семейството на хашиш и хашиш всичко това е в общи линии 1880 01:33:15,492 --> 01:33:17,400 представляваща IDs в CSS? 1881 01:33:17,400 --> 01:33:18,440 >> JOSEPH ONG: Да, точно така. 1882 01:33:18,440 --> 01:33:20,380 Ще стигнем до това, което тези хешове означава в секунда. 1883 01:33:20,380 --> 01:33:23,480 Когато Ангела мина над CSS, тя Говорихме за CSS селектори. 1884 01:33:23,480 --> 01:33:26,770 Това са CSS селектори, че тя говори. 1885 01:33:26,770 --> 01:33:28,268 Да, Роб? 1886 01:33:28,268 --> 01:33:32,060 >> ROB BOWDEN: Бих искал също да коментирам DOM, че вътре в заглавието маркер 1887 01:33:32,060 --> 01:33:35,385 е също текст възел. 1888 01:33:35,385 --> 01:33:36,070 >> JOSEPH ONG: Точно така. 1889 01:33:36,070 --> 01:33:38,370 Така вътре в заглавието маркер, Имам някакъв текст DOM. 1890 01:33:38,370 --> 01:33:42,730 Така че наистина, това заглавие трябва да има като малка кутия идва на разстояние от него, както добре. 1891 01:33:42,730 --> 01:33:45,740 Но това няма значение, твърде много в този случай. 1892 01:33:45,740 --> 01:33:49,620 Ние не ми пука за текстови възли, както ние ги наричаме, твърде много. 1893 01:33:49,620 --> 01:33:50,270 OK, което правим. 1894 01:33:50,270 --> 01:33:51,520 Очевидно е, което правим. 1895 01:33:51,520 --> 01:33:54,260 1896 01:33:54,260 --> 01:33:57,100 И аз ще се оправя, че когато Аз го качите отново. 1897 01:33:57,100 --> 01:33:59,830 Това прави ли смисъл? 1898 01:33:59,830 --> 01:34:01,160 >> Е, как да работим с DOM? 1899 01:34:01,160 --> 01:34:03,790 Всеки път, когато се справят с DOM в JavaScript, има два етапа. 1900 01:34:03,790 --> 01:34:05,030 Вие изберете DOM елемент. 1901 01:34:05,030 --> 01:34:06,580 И след това, което правите неща, за да я. 1902 01:34:06,580 --> 01:34:11,480 Така че в този случай, абстрактно, аз избран средната елемент. 1903 01:34:11,480 --> 01:34:14,530 И тогава един пример за правене на неща да да се променя текста. 1904 01:34:14,530 --> 01:34:16,020 Това се използва, за да бъде Bob. 1905 01:34:16,020 --> 01:34:19,930 Сега, това, което направих беше да го смених Bob да Milo в този случай. 1906 01:34:19,930 --> 01:34:22,130 >> И така, как ние всъщност правим това? 1907 01:34:22,130 --> 01:34:23,440 Как да правим избиращия? 1908 01:34:23,440 --> 01:34:26,560 И как ще го направим правенето неща, които да нещо веднъж сме го взели? 1909 01:34:26,560 --> 01:34:30,470 Начинът, по който вие сте го научили в този клас е с помощта на нещо, което ние 1910 01:34:30,470 --> 01:34:32,420 наречен Jquery. 1911 01:34:32,420 --> 01:34:33,910 И така, какво е JQuery? 1912 01:34:33,910 --> 01:34:37,220 Jquery е библиотека, която прави JavaScript-лесно да пиша. 1913 01:34:37,220 --> 01:34:39,500 Значи някой е отделил време и пише Jquery. 1914 01:34:39,500 --> 01:34:41,530 >> Jquery е действително написано в JavaScript. 1915 01:34:41,530 --> 01:34:44,550 И след това, защото те направиха това, ние сега има един куп функции, които 1916 01:34:44,550 --> 01:34:46,020 можем да използваме, които правят нашия живее много лесно. 1917 01:34:46,020 --> 01:34:48,580 1918 01:34:48,580 --> 01:34:50,030 Така че това, което са някои от неща, нали? 1919 01:34:50,030 --> 01:34:51,650 Това прави избора на елементи по-лесно. 1920 01:34:51,650 --> 01:34:54,020 Това прави промяна на HTML, добавяне класове лесно. 1921 01:34:54,020 --> 01:34:55,360 Това прави Ajax-лесно. 1922 01:34:55,360 --> 01:34:58,230 Ние ще стигнем до това в секунда. 1923 01:34:58,230 --> 01:35:00,630 >> И това е аналогична на C библиотеки. 1924 01:35:00,630 --> 01:35:03,090 Така че можете да включва string.h, Вие се strlen. 1925 01:35:03,090 --> 01:35:04,680 Можете да получите strcpy, всички тези неща. 1926 01:35:04,680 --> 01:35:09,650 Когато включите Jquery, можете да получите хубава начина за избор на елементи към промяна 1927 01:35:09,650 --> 01:35:10,390 неща, и така нататък. 1928 01:35:10,390 --> 01:35:12,990 Можете да получите допълнителна функционалност, която JavaScript не ви дава. 1929 01:35:12,990 --> 01:35:15,310 Така Jquery не е JavaScript. 1930 01:35:15,310 --> 01:35:18,660 Jquery е библиотека, което е написано в JavaScript, което прави JavaScript 1931 01:35:18,660 --> 01:35:20,440 по-лесно да пиша. 1932 01:35:20,440 --> 01:35:23,170 >> Така Jquery не е програмиране език. 1933 01:35:23,170 --> 01:35:24,540 Но JavaScript е. 1934 01:35:24,540 --> 01:35:27,420 1935 01:35:27,420 --> 01:35:27,590 направи. 1936 01:35:27,590 --> 01:35:30,420 Разбира се можете да получите вашата терминология прав. 1937 01:35:30,420 --> 01:35:32,490 Някакви въпроси? 1938 01:35:32,490 --> 01:35:33,882 Да. 1939 01:35:33,882 --> 01:35:35,132 Това въпрос ли е? 1940 01:35:35,132 --> 01:35:37,910 1941 01:35:37,910 --> 01:35:38,350 Добре. 1942 01:35:38,350 --> 01:35:40,080 Е, как да използвате JQuery? 1943 01:35:40,080 --> 01:35:42,390 Е, когато пишете някои JavaScript код и да включите 1944 01:35:42,390 --> 01:35:45,570 Jquery в горната част на вашия файл като скрипт файл, можете да използвате знака за долар 1945 01:35:45,570 --> 01:35:47,310 сега, за да получите достъп до Jquery. 1946 01:35:47,310 --> 01:35:49,860 И това е различно от на знака за долар в PHP. 1947 01:35:49,860 --> 01:35:51,590 >> Това е една и съща ли символ въведете от клавиатурата. 1948 01:35:51,590 --> 01:35:52,780 Но те означават много различни неща. 1949 01:35:52,780 --> 01:35:56,090 Dollar знак в PHP означава това е как аз декларирам променлива. 1950 01:35:56,090 --> 01:35:59,120 В JavaScript, когато сте включени Jquery, това означава Jquery. 1951 01:35:59,120 --> 01:36:01,280 Така че имайте това предвид. 1952 01:36:01,280 --> 01:36:03,420 И така, как бихме могли да изберете DOM елементи? 1953 01:36:03,420 --> 01:36:06,500 Е, когато го направи грозна JavaScript начин, който ползвате 1954 01:36:06,500 --> 01:36:08,240 документира глобална променлива. 1955 01:36:08,240 --> 01:36:11,170 И тогава можете да получите елемент от ID семейство. 1956 01:36:11,170 --> 01:36:15,270 Това е наистина дълъг и многословен и не е много хубаво. 1957 01:36:15,270 --> 01:36:18,190 >> Или можете да получите всички елементи които са р маркер. 1958 01:36:18,190 --> 01:36:20,080 Това работи също в JavaScript. 1959 01:36:20,080 --> 01:36:22,470 Но ние никога не сме наистина показа вие синтаксиса твърде много. 1960 01:36:22,470 --> 01:36:24,620 Това, което показа, беше ти Jquery. 1961 01:36:24,620 --> 01:36:28,720 Така че цялата селектор до там, че беше изразено в JavaScript ще става 1962 01:36:28,720 --> 01:36:33,320 кондензира до този много хубав долар подпише hashtag семейство. 1963 01:36:33,320 --> 01:36:38,480 И $ р, точно там, където това е така. 1964 01:36:38,480 --> 01:36:41,690 Ако искате да изберете всички р тагове вътре в семейството, ние поставяме интервал 1965 01:36:41,690 --> 01:36:42,890 между двете. 1966 01:36:42,890 --> 01:36:44,815 И сега, ние получаваме всички п тагове вътре в семейството. 1967 01:36:44,815 --> 01:36:48,740 1968 01:36:48,740 --> 01:36:50,380 >> И изглежда познато? 1969 01:36:50,380 --> 01:36:52,880 Е, Ангела говорихме за CSS селектори. 1970 01:36:52,880 --> 01:36:54,200 Дай ми една секунда. 1971 01:36:54,200 --> 01:36:57,230 И така, за да изберете елемент, можете просто да използвате едно и също нещо, колкото 1972 01:36:57,230 --> 01:36:58,530 би направил с режимен CSS. 1973 01:36:58,530 --> 01:37:00,910 Ако сложите диез пред от него, той избира от ID. 1974 01:37:00,910 --> 01:37:02,220 A точка избира по класове. 1975 01:37:02,220 --> 01:37:06,230 Ако просто имате нещо, без да хешове или точки, той избира тези тагове. 1976 01:37:06,230 --> 01:37:07,140 Въпроси. 1977 01:37:07,140 --> 01:37:07,470 Да? 1978 01:37:07,470 --> 01:37:11,510 >> ПУБЛИКАТА: Когато ние използваме точка в нашия HTML, е, че не JQuery? 1979 01:37:11,510 --> 01:37:13,520 >> JOSEPH ONG: Dot в нашата HTML е нещо JavaScript. 1980 01:37:13,520 --> 01:37:14,750 Това не е нещо, което JQuery. 1981 01:37:14,750 --> 01:37:17,620 Начинът, по който вие го научили с Jquery е да се използва. HTML. 1982 01:37:17,620 --> 01:37:21,510 И тогава тя премина каквото на HTML ще бъде. 1983 01:37:21,510 --> 01:37:23,480 Така че аз ще се заемем с това само втори всъщност. 1984 01:37:23,480 --> 01:37:27,800 Е, как да правим неща, които да елемент веднъж сме го избрали? 1985 01:37:27,800 --> 01:37:30,130 Така че това е един пример за избиране на елемент. 1986 01:37:30,130 --> 01:37:32,280 Така че сега, ние искаме да направим нещо за него. 1987 01:37:32,280 --> 01:37:35,730 >> Така че в този случай, нека да се върнем към предишния слайд. 1988 01:37:35,730 --> 01:37:37,360 Беше Боб преди. 1989 01:37:37,360 --> 01:37:40,660 И аз искам да променя това вътре в HTML да Майло. 1990 01:37:40,660 --> 01:37:43,240 Така че аз наричам HTML функцията от елемент. 1991 01:37:43,240 --> 01:37:45,580 Това HTML функция е метод на елемент. 1992 01:37:45,580 --> 01:37:47,430 И тогава аз го даде това, което Искам HTML да бъде. 1993 01:37:47,430 --> 01:37:50,560 И той просто замества това, което е вътре в този етикет с каквото и аз я давам. 1994 01:37:50,560 --> 01:37:50,830 Да. 1995 01:37:50,830 --> 01:37:51,170 Въпрос? 1996 01:37:51,170 --> 01:37:57,397 >> ПУБЛИКАТА: Използва се hashtag само за Jquery. 1997 01:37:57,397 --> 01:37:59,313 [Недоловим] 1998 01:37:59,313 --> 01:38:01,230 ние няма да използва това. 1999 01:38:01,230 --> 01:38:01,960 >> JOSEPH ONG: Да, точно така. 2000 01:38:01,960 --> 01:38:03,750 Но не се притеснявайте твърде много за чист JavaScript. 2001 01:38:03,750 --> 01:38:06,670 Аз просто искам вие да се съсредоточи върху това как ще го направя с JQuery, защото 2002 01:38:06,670 --> 01:38:10,020 това ще бъде най-важното част на теста. 2003 01:38:10,020 --> 01:38:10,400 Точно така. 2004 01:38:10,400 --> 01:38:10,880 Точно така. 2005 01:38:10,880 --> 01:38:16,025 Така че виждате, че hashtag, така че съответства изберете елемент с 2006 01:38:16,025 --> 01:38:18,310 ID на средата заради това hashtag. 2007 01:38:18,310 --> 01:38:19,670 Hashtag означава ID. 2008 01:38:19,670 --> 01:38:22,870 И този елемент има ID на средата. 2009 01:38:22,870 --> 01:38:24,366 Така че това е елемент, ние подбираме. 2010 01:38:24,366 --> 01:38:27,160 >> ПУБЛИКАТА: [недоловим]. 2011 01:38:27,160 --> 01:38:31,090 знака за долар hashtag [недоловим]? 2012 01:38:31,090 --> 01:38:31,710 >> JOSEPH ONG: Така че не. 2013 01:38:31,710 --> 01:38:33,280 Въпросът е може ли да се използва. Стойност. 2014 01:38:33,280 --> 01:38:36,445 И стойност. Работи само на елементи които са входове. 2015 01:38:36,445 --> 01:38:40,950 2016 01:38:40,950 --> 01:38:45,495 В Jquery, че би било . Вал, не стойност.. 2017 01:38:45,495 --> 01:38:49,080 Така че аз ще се заемем с един малък пример, че показва всичко това в комбинация 2018 01:38:49,080 --> 01:38:49,850 в секунда. 2019 01:38:49,850 --> 01:38:53,130 Но аз мисля, че това служи малко фрагмент има смисъл за хората досега. 2020 01:38:53,130 --> 01:38:55,450 Искате ли да промените HTML, извикате метода HTML. 2021 01:38:55,450 --> 01:38:56,432 Да. 2022 01:38:56,432 --> 01:38:58,200 >> ПУБЛИКАТА: Можеш ли да обясниш отново метода? 2023 01:38:58,200 --> 01:39:01,900 >> JOSEPH ONG: Така метод е просто функция, която принадлежи към един, в този 2024 01:39:01,900 --> 01:39:04,590 случай, една от тези DOM елементи, защото виждам 2025 01:39:04,590 --> 01:39:05,940 избран първия елемент. 2026 01:39:05,940 --> 01:39:07,320 Всъщност, нека да използвате мишката. 2027 01:39:07,320 --> 01:39:09,330 I първи избран елемент. 2028 01:39:09,330 --> 01:39:12,310 И след това се обадих на този HTML функция, която го имаше. 2029 01:39:12,310 --> 01:39:15,710 И тъй като тази функция принадлежи към това нещо, ние го наричаме метод. 2030 01:39:15,710 --> 01:39:19,480 Това е просто измислено име за него. 2031 01:39:19,480 --> 01:39:20,730 Кажи, че отново. 2032 01:39:20,730 --> 01:39:22,880 2033 01:39:22,880 --> 01:39:25,170 Така че не забравяйте, ние избрахме елементът сега. 2034 01:39:25,170 --> 01:39:27,810 И ние сме го постави вътре в променливата елемент. 2035 01:39:27,810 --> 01:39:28,600 Вярно ли е? 2036 01:39:28,600 --> 01:39:34,380 >> Така че, когато ние искаме да променим HTML на вътре, тъй като това е Боб преди, 2037 01:39:34,380 --> 01:39:36,420 искате да промените този текст да Майло. 2038 01:39:36,420 --> 01:39:37,920 Така че ние наричаме HTML. 2039 01:39:37,920 --> 01:39:41,610 И ние го кажа какво HTML вътре този елемент трябва да бъде сега. 2040 01:39:41,610 --> 01:39:44,107 И така той се превръща в Milo, защото аз го дадох Майло. 2041 01:39:44,107 --> 01:39:46,542 >> ПУБЛИКАТА: Значи те работят заедно. 2042 01:39:46,542 --> 01:39:47,030 [Недоловим] 2043 01:39:47,030 --> 01:39:47,390 >> JOSEPH ONG: Да, да. 2044 01:39:47,390 --> 01:39:48,180 Те работят заедно. 2045 01:39:48,180 --> 01:39:50,210 Така един от тях избира на първия елемент. 2046 01:39:50,210 --> 01:39:52,863 И вторият прави нещо към него. 2047 01:39:52,863 --> 01:39:53,790 Да. 2048 01:39:53,790 --> 01:39:56,168 >> ПУБЛИКАТА: [недоловим]. 2049 01:39:56,168 --> 01:40:01,280 Ако този метод е различен от в HTML имате метода равен застроена. 2050 01:40:01,280 --> 01:40:01,560 >> JOSEPH ONG: Да. 2051 01:40:01,560 --> 01:40:03,370 Това е друг метод. 2052 01:40:03,370 --> 01:40:04,670 Това е друг метод. 2053 01:40:04,670 --> 01:40:07,860 И ние може да покрие, че само за секунда когато стигнем до един пример. 2054 01:40:07,860 --> 01:40:12,000 Аз искам да се уверя, че ние се ускори защото ние сме изчерпване на времето. 2055 01:40:12,000 --> 01:40:15,360 Но ние сме тичам начин с течение на времето сега. 2056 01:40:15,360 --> 01:40:15,490 OK. 2057 01:40:15,490 --> 01:40:16,430 Cool. 2058 01:40:16,430 --> 01:40:20,130 Така че, ако искате да добавите клас, има също метод добавка клас. 2059 01:40:20,130 --> 01:40:24,300 Това е само един пример за това какво можете да правите с JQuery. 2060 01:40:24,300 --> 01:40:25,950 Това просто добавя един клас. 2061 01:40:25,950 --> 01:40:28,660 >> Ако искате да го премахнете, можете да се обадите премахване. 2062 01:40:28,660 --> 01:40:32,280 Това е просто още нещо, което мога да направя. 2063 01:40:32,280 --> 01:40:35,680 Така че повече примери за неща, които можете да направите. 2064 01:40:35,680 --> 01:40:37,510 Така че мога просто да го постави в на върха по този начин? 2065 01:40:37,510 --> 01:40:38,760 Най-младият премахване. 2066 01:40:38,760 --> 01:40:42,470 2067 01:40:42,470 --> 01:40:45,930 Ако аз просто се изпълни, че JavaScript в на върха на моя файл, ще стане ли? 2068 01:40:45,930 --> 01:40:48,540 2069 01:40:48,540 --> 01:40:48,920 Точно така. 2070 01:40:48,920 --> 01:40:50,530 Тъй като средната все още не съществува. 2071 01:40:50,530 --> 01:40:51,840 Така че това няма да работи. 2072 01:40:51,840 --> 01:40:52,800 Изпълнение на поръчката. 2073 01:40:52,800 --> 01:40:55,040 Той отива до върха първи. 2074 01:40:55,040 --> 01:40:55,540 Какво? 2075 01:40:55,540 --> 01:40:57,450 >> Публика: Най-млад все още не съществува? 2076 01:40:57,450 --> 01:40:57,810 >> JOSEPH ONG: Да. 2077 01:40:57,810 --> 01:40:58,710 Най-млад все още не съществува. 2078 01:40:58,710 --> 01:40:59,600 Точно така. 2079 01:40:59,600 --> 01:41:01,320 >> Публика: Ти каза, средната. 2080 01:41:01,320 --> 01:41:01,510 >> JOSEPH ONG: Съжалявам. 2081 01:41:01,510 --> 01:41:02,720 Най-млад все още не съществува. 2082 01:41:02,720 --> 01:41:04,510 И другото нещо е, че не трябва включваше Jquery 2083 01:41:04,510 --> 01:41:06,580 подаде попитам скрипт SRC. 2084 01:41:06,580 --> 01:41:07,960 Така, че няма да работи. 2085 01:41:07,960 --> 01:41:09,580 Всъщност, аз не съм направил, че в следващия слайд, който е 2086 01:41:09,580 --> 01:41:10,700 Трябваше да се определи, че един от двамата. 2087 01:41:10,700 --> 01:41:14,120 Но начина, по който направи това е JavaScript е ориентирана към събития. 2088 01:41:14,120 --> 01:41:17,410 Така че това, което ние правим, е да се използва едно събитие манипулатор, за да се случи това. 2089 01:41:17,410 --> 01:41:19,510 И така, аз изберете документа определя първия. 2090 01:41:19,510 --> 01:41:23,810 Аз казвам, OK, когато документът е готови, нека да стартирате функцията. 2091 01:41:23,810 --> 01:41:25,470 Така че това е всичко, което синтактични средства. 2092 01:41:25,470 --> 01:41:27,100 >> I избран документа. 2093 01:41:27,100 --> 01:41:29,530 Сега, когато документът е готови, стартирайте функцията. 2094 01:41:29,530 --> 01:41:32,970 И така тук, когато документът е готова, което означава всички HTML има 2095 01:41:32,970 --> 01:41:36,140 зареден, после изпълни функцията която премахва този елемент. 2096 01:41:36,140 --> 01:41:40,270 И така, сега, когато стартирате тази функция че съм преминала в готов, аз съм 2097 01:41:40,270 --> 01:41:43,780 гарантирано, че всички HTML относно страница става първата да съществува. 2098 01:41:43,780 --> 01:41:44,100 Да. 2099 01:41:44,100 --> 01:41:44,425 Въпрос? 2100 01:41:44,425 --> 01:41:48,200 >> ПУБЛИКАТА: Какво е ключовата дума за събитие във функцията? 2101 01:41:48,200 --> 01:41:51,750 >> JOSEPH ONG: Така че това събитие ключова дума в функция е само параметър, който 2102 01:41:51,750 --> 01:41:53,490 получава предава на функцията за всеки случай. 2103 01:41:53,490 --> 01:41:55,470 Това е просто нещо, което можете да получите безплатно. 2104 01:41:55,470 --> 01:41:59,320 Когато използвате ключови работещи в pset8, че събитието може да ви кажа, за 2105 01:41:59,320 --> 01:42:01,350 Например, кой клавиш сте натиснали върху. 2106 01:42:01,350 --> 01:42:05,540 В този случай, за готов случай тя всъщност не е супер полезно. 2107 01:42:05,540 --> 01:42:08,640 Но за надолу събитие, това е по- полезно, защото ще можеш да се знае кои 2108 01:42:08,640 --> 01:42:12,330 Ключови сте натиснали чрез достъп до ключ код изключва това събитие обект. 2109 01:42:12,330 --> 01:42:13,530 Вярно ли е? 2110 01:42:13,530 --> 01:42:15,160 Това прави ли смисъл? 2111 01:42:15,160 --> 01:42:16,280 OK. 2112 01:42:16,280 --> 01:42:16,580 Да. 2113 01:42:16,580 --> 01:42:17,150 Въпрос? 2114 01:42:17,150 --> 01:42:19,290 >> ПУБЛИКАТА: Значи може да ви постави на скрипт тагове по-надолу? 2115 01:42:19,290 --> 01:42:19,940 >> JOSEPH ONG: Така че, да. 2116 01:42:19,940 --> 01:42:21,500 Можете да поставите скрипта маркирам по-надолу. 2117 01:42:21,500 --> 01:42:23,090 Но след това тя просто става напечено. 2118 01:42:23,090 --> 01:42:26,590 И ние бихме искали да се централизират всички на нашия код на едно място. 2119 01:42:26,590 --> 01:42:28,290 И това ще ни позволи да го направя. 2120 01:42:28,290 --> 01:42:32,010 Запомни по-рано казах, че има по-хубав начин да се гарантира, че елементите са 2121 01:42:32,010 --> 01:42:33,880 на страницата, преди да се изпълни код? 2122 01:42:33,880 --> 01:42:36,079 И това е само един добър начин Вие ще постигнете това. 2123 01:42:36,079 --> 01:42:37,329 >> ПУБЛИКАТА: [недоловим]. 2124 01:42:37,329 --> 01:42:41,710 2125 01:42:41,710 --> 01:42:42,230 >> JOSEPH ONG: Да. 2126 01:42:42,230 --> 01:42:43,460 Може би все пак трябва да, нали? 2127 01:42:43,460 --> 01:42:46,930 Защото не забравяйте, вие включваше подават в горната част на страницата. 2128 01:42:46,930 --> 01:42:49,890 Така, че ще изпълни първи преди да стигнем до дъното на страницата. 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 Така че можете да добавите различна тип събитие манипулатор. 2132 01:42:59,210 --> 01:43:00,640 Това едно просто обработва кликвания. 2133 01:43:00,640 --> 01:43:03,910 Когато кликнете върху най-младият, а след това тя ще се появи с предупреждение. 2134 01:43:03,910 --> 01:43:05,440 Това е просто различен тип събитие. 2135 01:43:05,440 --> 01:43:08,840 За разлика от готови случай, сега използвайте кликване случай, когато получите 2136 01:43:08,840 --> 01:43:10,190 кликне върху един елемент. 2137 01:43:10,190 --> 01:43:13,860 >> И така, в този случай, не забравяйте, с едно щракване манипулатор е прикрепен към най-малката. 2138 01:43:13,860 --> 01:43:16,080 Така че това се случва само, когато Аз кликнете върху най-младият. 2139 01:43:16,080 --> 01:43:19,510 И в другата, на готов събитието е прикрепен към документа. 2140 01:43:19,510 --> 01:43:23,750 Така че чака за документа да бъдат готови. 2141 01:43:23,750 --> 01:43:25,120 Направи ли смисъл? 2142 01:43:25,120 --> 01:43:26,190 Мисля, че мога да продължа напред. 2143 01:43:26,190 --> 01:43:26,610 Да. 2144 01:43:26,610 --> 01:43:26,980 Въпрос? 2145 01:43:26,980 --> 01:43:28,230 >> ПУБЛИКАТА: [недоловим]. 2146 01:43:28,230 --> 01:43:31,676 2147 01:43:31,676 --> 01:43:33,620 В този случай можете да използвате [недоловим]. 2148 01:43:33,620 --> 01:43:36,650 >> JOSEPH ONG: О, да, защото по този случай, аз трябва да чакам за най-малките 2149 01:43:36,650 --> 01:43:40,740 елемент, който да се появи на екрана първо преди да мога да прикачите кликване манипулатор за 2150 01:43:40,740 --> 01:43:43,062 това, което е защо аз го слагам вътре на документ готов. 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 И по-нататък, така че това е един голям пример за как ще се съчетаят всичко. 2154 01:43:52,390 --> 01:43:55,930 Това е просто пример за валидиране форма което сте виждали в лекция. 2155 01:43:55,930 --> 01:43:58,410 Така го направим стъпка по стъпка, както ти мине през това. 2156 01:43:58,410 --> 01:43:59,590 И това ще бъде напълно OK. 2157 01:43:59,590 --> 01:44:01,400 Просто го прочети от горе до долу. 2158 01:44:01,400 --> 01:44:03,030 >> Имам една форма в долната част. 2159 01:44:03,030 --> 01:44:07,590 Когато документът е готов, Прилагам представя манипулатор към формата, така че 2160 01:44:07,590 --> 01:44:12,910 когато подам формата, получавам стойностите във всеки от тези входове. 2161 01:44:12,910 --> 01:44:14,560 И да проверя дали това е празно. 2162 01:44:14,560 --> 01:44:17,090 Ако е празно, се върна невярно, защото Аз не искам да се представя формата, 2163 01:44:17,090 --> 01:44:18,950 защото формата не е наред. 2164 01:44:18,950 --> 01:44:22,040 Ако паролата е празен или е по-малко от осем символа, не представи 2165 01:44:22,040 --> 01:44:24,470 формата, защото това също е погрешно. 2166 01:44:24,470 --> 01:44:28,150 И на връщане фалшиви само предотвратява формата от подаване и 2167 01:44:28,150 --> 01:44:30,150 отивате на нова страница. 2168 01:44:30,150 --> 01:44:31,310 >> И да се надяваме, това има смисъл. 2169 01:44:31,310 --> 01:44:34,650 Мисля, че вие ​​трябва да преминете през този код стъпка по стъпка по своему. 2170 01:44:34,650 --> 01:44:38,350 И след като веднъж сте разбрали какво Избор елементи и правя неща, които да го 2171 01:44:38,350 --> 01:44:40,520 всъщност предполага, че това ще направи много смисъл за вас. 2172 01:44:40,520 --> 01:44:41,295 Да? 2173 01:44:41,295 --> 01:44:44,150 >> ПУБЛИКАТА: Какво прави име = име означава това? 2174 01:44:44,150 --> 01:44:48,530 >> JOSEPH ONG: Така име = потребителско име и име = парола само означава поглед към 2175 01:44:48,530 --> 01:44:50,730 атрибут на каквото , който сте избрали. 2176 01:44:50,730 --> 01:44:51,790 И след това, което трябва да съвпадат. 2177 01:44:51,790 --> 01:44:53,870 Така че отиваме в регистрацията. 2178 01:44:53,870 --> 01:44:56,240 И тогава ние гледаме на всички входове и регистрация. 2179 01:44:56,240 --> 01:44:59,990 И тогава ние вземем една, когато името атрибут е равна на потребителско име. 2180 01:44:59,990 --> 01:45:04,040 Така че първата селектор само избира вход потребителско име. 2181 01:45:04,040 --> 01:45:08,220 И второ, че само селектор избира паролата един, защото тези, които имат 2182 01:45:08,220 --> 01:45:12,240 Тяхното име атрибути, определени като какво те би трябвало да бъде. 2183 01:45:12,240 --> 01:45:12,575 Въпрос? 2184 01:45:12,575 --> 01:45:17,030 >> ПУБЛИКАТА: При подаването, как прави долната част разрешаване на горната част? 2185 01:45:17,030 --> 01:45:19,350 >> JOSEPH ONG: Така че това е, защото на манипулатора на събитие. 2186 01:45:19,350 --> 01:45:23,000 Така че чакаме за представя събитие че получава уволнен от формата. 2187 01:45:23,000 --> 01:45:24,730 И това е всичко, което е представи. 2188 01:45:24,730 --> 01:45:26,080 Защо да се обадя, да представи там? 2189 01:45:26,080 --> 01:45:28,870 Той казва, че когато се представя формата, Получавам представя събитие. 2190 01:45:28,870 --> 01:45:33,480 Така че нека просто да се намеси, че и след това да изпълните този код вместо. 2191 01:45:33,480 --> 01:45:33,823 Да? 2192 01:45:33,823 --> 01:45:35,866 >> ПУБЛИКАТА: Защо имаш да има функция събитие? 2193 01:45:35,866 --> 01:45:38,580 Защо не можеш просто [недоловим]? 2194 01:45:38,580 --> 01:45:41,140 >> JOSEPH ONG: Защото в JavaScript, можете трябва да декларират функции. 2195 01:45:41,140 --> 01:45:42,910 Това е просто как тя работи в JavaScript. 2196 01:45:42,910 --> 01:45:44,800 Трябва да кажа, че става да тече функция. 2197 01:45:44,800 --> 01:45:47,290 Значи тя казва, че ти си Очакваме функция тук вместо 2198 01:45:47,290 --> 01:45:48,260 само фигурни скоби. 2199 01:45:48,260 --> 01:45:50,460 >> Публика: А функцията е това, което следва? 2200 01:45:50,460 --> 01:45:50,650 >> JOSEPH ONG: Да. 2201 01:45:50,650 --> 01:45:52,790 Функцията е всичко, което е вътре фигурните скоби, след 2202 01:45:52,790 --> 01:45:53,630 тази функция ключова дума. 2203 01:45:53,630 --> 01:45:54,045 Да? 2204 01:45:54,045 --> 01:45:55,295 >> ПУБЛИКАТА: [недоловим]. 2205 01:45:55,295 --> 01:46:00,180 2206 01:46:00,180 --> 01:46:00,660 >> JOSEPH ONG: За подам? 2207 01:46:00,660 --> 01:46:03,520 >> ПУБЛИКАТА: Не, за функция без случай. 2208 01:46:03,520 --> 01:46:03,770 >> JOSEPH ONG: Да. 2209 01:46:03,770 --> 01:46:05,610 Така без случай, можете да имате това. 2210 01:46:05,610 --> 01:46:08,480 Ако нямате нужда от събитието, След това можете просто да го пропуснете. 2211 01:46:08,480 --> 01:46:12,220 Но ако го направите, тогава вие просто го е сложил там. 2212 01:46:12,220 --> 01:46:12,520 Да. 2213 01:46:12,520 --> 01:46:13,190 Бърз въпрос? 2214 01:46:13,190 --> 01:46:14,440 >> ПУБЛИКАТА: [недоловим]. 2215 01:46:14,440 --> 01:46:21,170 2216 01:46:21,170 --> 01:46:21,440 >> JOSEPH ONG: Да. 2217 01:46:21,440 --> 01:46:24,550 Защото това, което трябва да направите, за document.ready просто казва, изчакайте за всички 2218 01:46:24,550 --> 01:46:26,540 на HTML кода на страницата, за да се зареди първия. 2219 01:46:26,540 --> 01:46:30,510 И обикновено, вие искате вашите елементи в място, преди да пуснете някой код. 2220 01:46:30,510 --> 01:46:31,030 Добре. 2221 01:46:31,030 --> 01:46:32,180 Ние трябва да стигнем до Ajax. 2222 01:46:32,180 --> 01:46:33,110 Ние не разполагаме с много време. 2223 01:46:33,110 --> 01:46:35,170 Така че плюсове и минуси. 2224 01:46:35,170 --> 01:46:37,450 JavaScript е по-лесно опит пиша с JQuery. 2225 01:46:37,450 --> 01:46:38,930 Но Jquery е вид бавно. 2226 01:46:38,930 --> 01:46:42,290 >> Това е като PHP е по-бавен от C, защото това е интерпретиран. 2227 01:46:42,290 --> 01:46:45,690 И Jquery е малко по-бавно, отколкото JavaScript, защото тя е много 2228 01:46:45,690 --> 01:46:46,630 неща под капака. 2229 01:46:46,630 --> 01:46:48,660 И така, ако сте с помощта на JQuery, това е само малко по-бавно от 2230 01:46:48,660 --> 01:46:51,630 JavaScript, въпреки че дава хубава елегантност. 2231 01:46:51,630 --> 01:46:53,970 И най-накрая, Ajax. 2232 01:46:53,970 --> 01:46:59,170 Досега с Ajax, което не сте виждали Ajax от гледна точка на pset7 все още, защото 2233 01:46:59,170 --> 01:47:01,150 когато го направите, като изпратите форма да цитирам. 2234 01:47:01,150 --> 01:47:02,350 Той зарежда нова страница. 2235 01:47:02,350 --> 01:47:04,440 Така че, можете да получите тази голяма бяла светкавица на страницата, докато този 2236 01:47:04,440 --> 01:47:06,820 втора страница се зарежда, нали? 2237 01:47:06,820 --> 01:47:08,780 >> Би било много хубаво, ако можете не са имали този флаш. 2238 01:47:08,780 --> 01:47:11,600 Подобно на Facebook, ако просто отидете на на дъното, добавя ново съдържание 2239 01:47:11,600 --> 01:47:13,490 без освежаване на цялата страница. 2240 01:47:13,490 --> 01:47:15,420 Така че нещо подобно би било хубаво. 2241 01:47:15,420 --> 01:47:17,370 Това е JavaScript код от лявата страна. 2242 01:47:17,370 --> 01:47:19,390 Можете да получите това, което е вътре в този вход. 2243 01:47:19,390 --> 01:47:21,340 Можете да получите информация склад от Yahoo! 2244 01:47:21,340 --> 01:47:27,440 И тогава ще направи голяма низ казва, добре, това е посланието, което искате 2245 01:47:27,440 --> 01:47:28,400 да се покаже на екрана. 2246 01:47:28,400 --> 01:47:32,280 И тогава ще ви постави това послание вътре на някои HTML елемент, който получава 2247 01:47:32,280 --> 01:47:33,970 показва на екрана. 2248 01:47:33,970 --> 01:47:35,540 >> Така че това е всичко, което се случва тук. 2249 01:47:35,540 --> 01:47:39,410 В общи линии, тъй като това е Не се нуждаят от JavaScript и да стартирате 2250 01:47:39,410 --> 01:47:42,980 Вече PHP, това ще се уверите, че страницата не се освежите. 2251 01:47:42,980 --> 01:47:47,470 Така че това е просто една абстрактна идея че аз казвам, тук за сега. 2252 01:47:47,470 --> 01:47:50,630 Абстрактната идея е, че ако го направя всички в JavaScript, вие не разполагате с 2253 01:47:50,630 --> 01:47:52,330 страница опресняване. 2254 01:47:52,330 --> 01:47:53,800 Но как всъщност се прави това? 2255 01:47:53,800 --> 01:47:56,230 >> Ами, всъщност, нека да говорим за проблем с този първи. 2256 01:47:56,230 --> 01:47:59,340 Един от проблемите е в JavaScript, изпълнение е в синхрон. 2257 01:47:59,340 --> 01:48:02,000 Така че ще трябва да чакам за една линия, за да завърши, преди да 2258 01:48:02,000 --> 01:48:03,370 изпълнение на следващия ред. 2259 01:48:03,370 --> 01:48:06,130 И какво, ако аз отивам да Yahoo!, и техните сървъри са много бавни, и 2260 01:48:06,130 --> 01:48:08,790 тя им отнема три секунди, за да върни ми тази информация склад? 2261 01:48:08,790 --> 01:48:12,620 Когато ударих тази цена линия, ако изпълнение е в синхрон, тъй като тя е от 2262 01:48:12,620 --> 01:48:15,390 подразбиране, какво е точно ще направя, е Вашия браузър се случва да се забави за 2263 01:48:15,390 --> 01:48:15,930 три секунди. 2264 01:48:15,930 --> 01:48:18,900 И ти няма да бъде в състояние да направи нещо докато получава тези данни. 2265 01:48:18,900 --> 01:48:20,010 Това ще бъдат замразени. 2266 01:48:20,010 --> 01:48:20,800 >> А това е лошо. 2267 01:48:20,800 --> 01:48:23,390 Вие не искате на потребителя да има замразени уеб страница. 2268 01:48:23,390 --> 01:48:24,170 Вярно ли е? 2269 01:48:24,170 --> 01:48:25,480 Това е просто лош. 2270 01:48:25,480 --> 01:48:26,770 Всички са съгласни? 2271 01:48:26,770 --> 01:48:29,270 Ако сте браузване Facebook и да го замръзва и не можеш да направиш нищо, вие 2272 01:48:29,270 --> 01:48:31,920 да наистина разочарован. 2273 01:48:31,920 --> 01:48:34,960 Така че решението е да направим нещо асинхронни вместо. 2274 01:48:34,960 --> 01:48:38,910 Така че всичко това асинхронен нещо казва е, аз отивам да питам това 2275 01:48:38,910 --> 01:48:40,280 URL за някои данни. 2276 01:48:40,280 --> 01:48:41,610 И тогава аз ще продължа. 2277 01:48:41,610 --> 01:48:45,330 Аз съм просто ще запази изпълняващата независимо от кода, който беше след това. 2278 01:48:45,330 --> 01:48:49,290 >> И тогава, когато тези данни са готови, тогава аз ще го обработим. 2279 01:48:49,290 --> 01:48:50,540 Това е всичко, което се казва. 2280 01:48:50,540 --> 01:48:52,795 2281 01:48:52,795 --> 01:48:56,710 >> Аудитория: Ajax просто прави код асинхронно? 2282 01:48:56,710 --> 01:48:58,560 >> JOSEPH ONG: Това е един асинхронен начин на привлекателен данни. 2283 01:48:58,560 --> 01:49:01,230 Така че първото нещо, за Ajax е това ми позволява да получите данни 2284 01:49:01,230 --> 01:49:03,170 от външен сайт. 2285 01:49:03,170 --> 01:49:07,045 И второто нещо е да го прави сигурен че страницата ми не се забави, докато съм 2286 01:49:07,045 --> 01:49:07,970 извличане на тези данни. 2287 01:49:07,970 --> 01:49:09,600 Това е асинхронен част от него. 2288 01:49:09,600 --> 01:49:13,040 Защото тя отива някъде другаде, защото аз кажа, че продължавам, докато 2289 01:49:13,040 --> 01:49:14,900 това е привлекателен, че данните, които го прави асинхронно. 2290 01:49:14,900 --> 01:49:17,170 Продължавам да изпълнява. 2291 01:49:17,170 --> 01:49:18,960 >> Така че пазете, че асинхронни идея в ума. 2292 01:49:18,960 --> 01:49:22,010 И аз ще ви покажа това, което разликата е. 2293 01:49:22,010 --> 01:49:23,920 Синхронното версия е от лявата страна. 2294 01:49:23,920 --> 01:49:26,240 Асинхронният версия е от дясната страна. 2295 01:49:26,240 --> 01:49:29,170 Вижте цифрите за да видите кои стъпки съответстват какво 2296 01:49:29,170 --> 01:49:30,610 изпълнява при всяка линия. 2297 01:49:30,610 --> 01:49:32,730 Ей там, сигналът се появява първо. 2298 01:49:32,730 --> 01:49:34,590 Защото все склад информация от Yahoo! 2299 01:49:34,590 --> 01:49:37,250 отнема три секунди го сергии в продължение на три секунди. 2300 01:49:37,250 --> 01:49:39,880 И след това го предупреждава цена след тези три секунди. 2301 01:49:39,880 --> 01:49:43,690 >> Така че сега, който показва алармените нагоре по това време - 2302 01:49:43,690 --> 01:49:44,610 три секунди инча 2303 01:49:44,610 --> 01:49:47,670 И след това го предупреждава от след това. 2304 01:49:47,670 --> 01:49:48,930 Така че просто отива стъпка по стъпка. 2305 01:49:48,930 --> 01:49:51,200 Това е като това, което момчета ще приеме, нали? 2306 01:49:51,200 --> 01:49:54,170 При асинхронно изпълнение, ви предупредим, първо. 2307 01:49:54,170 --> 01:49:57,410 След това отидете на разстояние до този URL. 2308 01:49:57,410 --> 01:49:59,530 И вие казвате, аз отивам да просто питам за данните. 2309 01:49:59,530 --> 01:50:01,170 И тогава аз ще я обработва по-късно. 2310 01:50:01,170 --> 01:50:04,230 Така че веднага изпълнява следващия ред, след като се направи, че 2311 01:50:04,230 --> 01:50:05,710 асинхронна заявка. 2312 01:50:05,710 --> 01:50:08,920 >> Така 0.001 секунди, вие виждате предупреждение здрасти. 2313 01:50:08,920 --> 01:50:10,960 Изпълнете тази функция, сигнал чао. 2314 01:50:10,960 --> 01:50:14,240 И тъй като съм дал обещание, че аз да обработва данните по-късно, какво 2315 01:50:14,240 --> 01:50:17,920 случва се, когато тези данни се връща три секунди по-късно, тогава аз тичам, че 2316 01:50:17,920 --> 01:50:21,380 функция, която имам там. 2317 01:50:21,380 --> 01:50:21,870 Да? 2318 01:50:21,870 --> 01:50:25,750 >> ПУБЛИКАТА: Може ли да посочите или изясни какво означава Ajax? 2319 01:50:25,750 --> 01:50:30,460 >> JOSEPH ONG: Така че Аякс е начин, че ако се нуждаят от данни, когато съм на един сайт и аз 2320 01:50:30,460 --> 01:50:34,690 не искам да се обнови страницата, а след това Аз използвам тази технология, наречена Ajax. 2321 01:50:34,690 --> 01:50:40,630 Това по същество означава само, отидете донесе данни от друг сайт. 2322 01:50:40,630 --> 01:50:43,724 И го направи по начин, който само не се забави моята уеб страница. 2323 01:50:43,724 --> 01:50:46,650 >> ПУБЛИКАТА: Така е, че присъща част от JavaScript или JQuery? 2324 01:50:46,650 --> 01:50:50,590 >> JOSEPH ONG: Значи някой е написал начин да направите този в JavaScript преди много време. 2325 01:50:50,590 --> 01:50:52,050 В един момент, тя не съществуваше. 2326 01:50:52,050 --> 01:50:56,630 И така някой е измислил тази техника да се позволи на хората да поискат тези данни 2327 01:50:56,630 --> 01:50:57,680 по този начин. 2328 01:50:57,680 --> 01:50:59,550 И те написаха някои неща да го направя за теб. 2329 01:50:59,550 --> 01:51:01,605 И Jquery просто ви дава тази много хубав начин да го направя 2330 01:51:01,605 --> 01:51:03,112 с тази $. получите функция. 2331 01:51:03,112 --> 01:51:07,200 2332 01:51:07,200 --> 01:51:09,480 въпроси? 2333 01:51:09,480 --> 01:51:11,560 Мога да отговарям на въпроси за Ajax след това също. 2334 01:51:11,560 --> 01:51:13,870 Аз ще бъда тук. 2335 01:51:13,870 --> 01:51:16,390 >> Така че нека да ни донесе данни без опресняване на страницата. 2336 01:51:16,390 --> 01:51:18,200 И нека да ни направите това в асинхронен начин, че 2337 01:51:18,200 --> 01:51:19,450 не замръзва страницата. 2338 01:51:19,450 --> 01:51:22,680 2339 01:51:22,680 --> 01:51:27,310 Твърде дълго, не съм чела, че ако обяснение е твърде дълъг за вас. 2340 01:51:27,310 --> 01:51:29,430 И накрая, напречно сайт скриптови атаки. 2341 01:51:29,430 --> 01:51:30,910 Видяхме това с Zamyla. 2342 01:51:30,910 --> 01:51:34,285 Ако в базата данни ми някой има това име, който е този скрипт тагове, и аз 2343 01:51:34,285 --> 01:51:38,280 има някакъв код на страницата си, че разпечатки от имената на хората в един ред, или имам 2344 01:51:38,280 --> 01:51:43,310 някои JavaScript код, който въвежда това име в страницата, 2345 01:51:43,310 --> 01:51:45,680 какво HTML получава произвежда? 2346 01:51:45,680 --> 01:51:47,290 Е, аз разпечатате на HTML тагове. 2347 01:51:47,290 --> 01:51:48,390 I разпечатате всички тези тагове. 2348 01:51:48,390 --> 01:51:50,740 >> I стигнем до частта, където аз съм печат излизам с приятелите ми. 2349 01:51:50,740 --> 01:51:52,980 Отпечатам Lauren навън. 2350 01:51:52,980 --> 01:51:54,200 Той отпечатва Milo навън. 2351 01:51:54,200 --> 01:51:56,810 И тогава името ми в базата данни е скрипт мнение 2352 01:51:56,810 --> 01:51:58,060 незавидно Facebook статус. 2353 01:51:58,060 --> 01:52:00,740 2354 01:52:00,740 --> 01:52:04,330 Защото аз добавя това в страницата защото прилича на JavaScript, когато 2355 01:52:04,330 --> 01:52:07,930 тази страница получава изпраща на потребителя, то ще се изпълни, тъй като JavaScript. 2356 01:52:07,930 --> 01:52:10,800 И така, това е, което ние наричаме крос-сайт скриптове атака. 2357 01:52:10,800 --> 01:52:14,570 Някой поставя злонамерен информация в вашата база данни, която може да съответства на 2358 01:52:14,570 --> 01:52:17,080 някои допълнителни низ или някои JavaScript низ. 2359 01:52:17,080 --> 01:52:20,130 >> И когато тя стане отпечатва към страница по този начин, тогава какво 2360 01:52:20,130 --> 01:52:22,580 се случва, е, че лошо код ще се изпълни, че аз не възнамерявам 2361 01:52:22,580 --> 01:52:25,110 за да се изпълнява. 2362 01:52:25,110 --> 01:52:28,230 И това е всичко, крос-сайт скриптове атака. 2363 01:52:28,230 --> 01:52:31,790 И начина, по който се придвижва това е като Zamyla каза. 2364 01:52:31,790 --> 01:52:34,340 Просто увийте неща в HTML специални символи. 2365 01:52:34,340 --> 01:52:39,460 И тази HTML специални символи е PHP функция, която ще попречи на този вид 2366 01:52:39,460 --> 01:52:42,000 на нещо да се случи на вас ако имате злонамерен 2367 01:52:42,000 --> 01:52:43,830 низ във вашата база данни. 2368 01:52:43,830 --> 01:52:47,650 Тя просто го измъква, така че това не е така се тълкува като HTML. 2369 01:52:47,650 --> 01:52:50,960 То замества малки скоби с това, което ние наричаме лица. 2370 01:52:50,960 --> 01:52:52,250 И ние отидохме над това в лекция също. 2371 01:52:52,250 --> 01:52:55,800 Така че аз мисля, че вие, момчета, трябва да имат добро разбиране на това. 2372 01:52:55,800 --> 01:52:57,420 Въпроси? 2373 01:52:57,420 --> 01:52:57,820 Да. 2374 01:52:57,820 --> 01:53:00,860 >> ПУБЛИКАТА: Е, как ще на [недоловим]? 2375 01:53:00,860 --> 01:53:01,555 >> JOSEPH ONG: Кажи, че отново. 2376 01:53:01,555 --> 01:53:02,500 >> ПУБЛИКАТА: Как би монитора - 2377 01:53:02,500 --> 01:53:02,860 >> JOSEPH ONG: Точно така. 2378 01:53:02,860 --> 01:53:06,080 Така че имате нещо, което казва, че когато Да се ​​регистрирам, напишете името ми. 2379 01:53:06,080 --> 01:53:09,390 Просто напишете в това поле, името ми е съблякоха мнение незавидно Facebook 2380 01:53:09,390 --> 01:53:11,570 статус близо скрипт маркер. 2381 01:53:11,570 --> 01:53:15,690 И това също ще стане пуснати в база данни, защото аз не мога да кажа на някого 2382 01:53:15,690 --> 01:53:18,260 в света все още няма име с лява стрелка в него или 2383 01:53:18,260 --> 01:53:19,036 Думата скрипт в нея. 2384 01:53:19,036 --> 01:53:21,330 Това не наистина да има смисъл. 2385 01:53:21,330 --> 01:53:24,560 Така че аз просто трябва да се уверите, че дезинфекцирайте нещата, преди да го отпечатате 2386 01:53:24,560 --> 01:53:25,420 до страницата. 2387 01:53:25,420 --> 01:53:27,140 >> ПУБЛИКАТА: Значи специалните карти HTML предотвратява таговете скрипт? 2388 01:53:27,140 --> 01:53:28,710 >> JOSEPH ONG: Да. 2389 01:53:28,710 --> 01:53:29,960 Така че това не пречи на таговете скрипт. 2390 01:53:29,960 --> 01:53:32,320 Той просто прави сигурни, че скрипт тагове не получават 2391 01:53:32,320 --> 01:53:35,120 тълкува като HTML или - 2392 01:53:35,120 --> 01:53:35,400 Да. 2393 01:53:35,400 --> 01:53:38,470 Той просто идва като това, което е в действителност. 2394 01:53:38,470 --> 01:53:39,220 Добре. 2395 01:53:39,220 --> 01:53:40,930 Така че това е преглед на викторина. 2396 01:53:40,930 --> 01:53:41,830 Cool. 2397 01:53:41,830 --> 01:53:45,088 >> [APPLAUSE]