1 00:00:00,000 --> 00:00:08,070 2 00:00:08,070 --> 00:00:10,430 >> R.J. AQUINO: Давайте просто почати. 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 Про сторінки для вікторини є в цьому НЕ 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 Але буде акцент на пройдений матеріал з Вікторина 0, 17 00:00:55,580 --> 00:00:59,570 починаючи з структурами і File Введення / виведення Це, як правило, більш 18 00:00:59,570 --> 00:01:01,620 складною, ніж Вікторина 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 >> Тест відзначає сказати вам, щоб перейти до писец замітки, годинники лекцій відео. 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 Таким чином, для файлу введення / виводу, наприклад, тиждень 7, Понеділка лекція, і відповідав 50 00:02:22,890 --> 00:02:27,960 Розділ 6 і проблема Набір всіх є інформація про фото введення / виводу Я зробив 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 >> Так от у нас файлу введення / виводу Пам'ятайте, що в Проблема Set 5, ми використовували FOPEN, FClose, 54 00:02:38,950 --> 00:02:41,210 FWRITE, FREAD і FSEEK. 55 00:02:41,210 --> 00:02:48,090 Оговтавшись 30ish у форматі JPEG і того, змінений і заплуталися з 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 добре, якщо ви забули, щоб перевірити, Еореп дійсно працював, перш ніж лягати 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 Якщо ви забули FClose файл що ви 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 Ось вже це для файлового введення / виводу, тому що ми зробили так багато, 74 00:03:30,930 --> 00:03:32,300 з встановити проблема. 75 00:03:32,300 --> 00:03:36,000 Так що, якщо ви зрозуміли, що відбувається в Архів завдань 5, пам'ятаю bitmats 76 00:03:36,000 --> 00:03:40,090 і у форматі JPEG, то ви, мабуть все набір для файлового введення / виводу Якщо це трохи 77 00:03:40,090 --> 00:03:44,770 нечіткі, безумовно, переглянути цю проблему встановити і пов'язаний з ним матеріал. 78 00:03:44,770 --> 00:03:51,110 >> Структури були темою, що були на лінія між Quiz 0 та вікторини 1. 79 00:03:51,110 --> 00:03:53,090 Не цілком зробити розріз для вікторини 0. 80 00:03:53,090 --> 00:03:57,040 Таким чином, вони безумовно буде на Вікторина 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 Тому, коли я обійти студентів або я змінити студентів, я буду в змозі 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 внутр х, внутр у, і так далі. 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 Так от доступу Структури з точковою нотації. 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 студент у верхньому рядку, як ЬурейеЕ структура студент, а потім 114 00:05:24,848 --> 00:05:25,840 студент в кінці? 115 00:05:25,840 --> 00:05:29,040 >> R.J. AQUINO: Таким чином, питання було, на На цьому слайді, ми зазвичай бачили 116 00:05:29,040 --> 00:05:32,400 ЬурейеЕ структури вузла, а потім поля в структурі і 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 для посилання на ить вузлів зірку. 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 Але ви, як правило, см. ЬурейеЕ структури фігурні дужки, якщо вам не потрібно 128 00:06:04,750 --> 00:06:08,720 найменування та ЬурейеЕ структури деяких ім'я потім у фігурні дужки, якщо ви будете 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 >> І в той момент, ми, як правило, щоб змінити Структури і обійти Структури по 132 00:06:17,000 --> 00:06:18,680 довідка, а не за значенням. 133 00:06:18,680 --> 00:06:21,940 Так що ми просто обійти покажчики на Структури замість передачі навколо 134 00:06:21,940 --> 00:06:23,150 Структури себе. 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 Так от, я сказав, добре, змінна PTR буде також адреса с. 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 посилатися покажчик щоб отримати структуру. 141 00:06:51,460 --> 00:06:55,530 Це * покажчик, а потім точка, а потім вік. 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 Це разименованія а потім до нього доступ. 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. AQUINO: Так чому ж ми, використовуючи покажчики як структур замість 155 00:07:28,060 --> 00:07:29,500 Структури себе? 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. AQUINO: Ці слайди буде після сесії з проведення огляду. 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 Річ два, розуміють реалізація. 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 І це О (п). 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 ОК. 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 Він має Int N, які буде наша цінність. 223 00:10:12,220 --> 00:10:17,780 І вона має структуру вузол * наступний, який наша покажчик на наступний вузол. 224 00:10:17,780 --> 00:10:23,040 Так от, ми бачимо, що ми випадково щоб поставили Int в нашому вузлі. 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 Перше, що ми робимо, ми Malloc новий вузол. 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 Таким чином, ми поставити новий п в нашу н області. 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 Вставка відносно проста. 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 Але безумовно, освіжити вашу пам'ять і спробувати повторно реалізувати знахідку і 279 00:13:15,530 --> 00:13:19,150 перевизначити видалити для пов'язаного списку. 280 00:13:19,150 --> 00:13:22,850 Веселощі примітка боку, є також двусвязний списки, де у вас є 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 В якості примітки, я думаю, що Вікторина 1 в першу чергу складніше, ніж Вікторина 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 питав вас про С. 292 00:13:58,880 --> 00:14:02,310 >> Для Вікторина 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 Стек являє собою концептуальну даних Структура, не подобається 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 Ну, якщо у нас є стека с, потім натиснути щось на с, ми отримаємо 326 00:15:33,250 --> 00:15:34,620 розмір с. 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 Або наступного разу, коли ви поп, ви збираєтеся дивитися на 3, а не 4 або будь-який інший. 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 >> Ну, вона відмінно працює протягом 1, і 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 Реалізація не-масив, де Ви використовуєте зв'язаний список, можливо. 354 00:17:08,180 --> 00:17:09,390 Реалізація без внутр. 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 поставити в чергу і з черги. 373 00:17:45,720 --> 00:17:47,560 Ставити ставить когось в лінії. 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 Так в чому ж структура у нас показав у лекції? 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 Це індекс на наступний елемент з черги. 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 Хеш-таблиці ви бачили раніше. 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 з С. 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 синтаксичного дерева, безумовно, переглянути хеш-таблиці. 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 Таким чином, в даному випадку, слово Максвелл, якщо ви будете слідувати М до А до 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 Так що просто пройти через Максвелла, це M-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 Роб пройшов пов'язані перерахувати до його посмертних. 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 Пройшов вигляді дерева в його посмертних. 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 Boolean бо боюсь слово. 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 Дерево схоже на вигляді дерева, крім вас не обов'язково повинні 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 У той час як синтаксичного дерева, шлях зверху знизу, Максвелл, було важливо для нас. 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 Так як синтаксичного дерева, дерево Структура вузлів. 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. AQUINO: Так. 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. AQUINO: Ні. 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, я починаю в корені. 508 00:25:07,960 --> 00:25:08,500 Так що я з нетерпінням. 509 00:25:08,500 --> 00:25:08,710 ОК. 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. AQUINO: Так. 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 Девід тільки що зробив це. 539 00:26:10,020 --> 00:26:12,720 >> R.J. AQUINO: Гірки Прямо зараз на сайті. 540 00:26:12,720 --> 00:26:16,420 Я, ймовірно, залатати пару опечатки я відзначив і виправляти їх. 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. AQUINO: Таким чином, питання було, що значення ви робите як корінь? 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 знати, щоб зробити 2 корінь на відміну від 1 або 3? 568 00:27:56,720 --> 00:27:59,480 Якщо ми зробимо 2 кореня, то це красиво 1 і 3, щоб лівий і правий. 569 00:27:59,480 --> 00:28:04,610 Але якщо 1 є коренем, то це від 1 до зверху, 2 право, 3 вправо. 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 зробити 2 нового кореня, так що вона як і раніше добре збалансовані. 577 00:28:30,900 --> 00:28:33,750 578 00:28:33,750 --> 00:28:34,833 >> АНЖЕЛА Л.І.: Круто. 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 І він використовує тетсру, який знаходиться всього в функція, копії з однієї адреси 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 >> АУДИТОРІЯ: Якщо бар довше С, вони будуть перезаписані. 599 00:29:30,830 --> 00:29:31,520 >> АНЖЕЛА Л.І.: Так, саме так. 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 >> АНЖЕЛА Л.І.: Вибачте. 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 >> АУДИТОРІЯ: [нерозбірливо] негативний 1 на один. 697 00:34:19,350 --> 00:34:20,070 >> АНЖЕЛА Л.І.: Так, саме так. 698 00:34:20,070 --> 00:34:24,560 Так ти спосіб частіше просто хочу на вхід 1 або негативною 1 при запиті 699 00:34:24,560 --> 00:34:27,469 для п-го і все, що п вичерпаний. 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, яка, як зсапЕ. 707 00:34:48,090 --> 00:34:49,449 Але він зчитує з рядка. 708 00:34:49,449 --> 00:34:54,310 >> І у нас є це відформатувати Рядок, яка є% I% с. 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, A, 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,, В, С, щоб бути дійсним внутр. 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 >> В іншому випадку, ви потрапили Повторити. 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 >> АНЖЕЛА Л.І.: Так. 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 як і раніше працювати протягом 1, 2, 3? 736 00:36:29,430 --> 00:36:29,750 >> АНЖЕЛА Л.І.: Я думаю, що це буде працювати. 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 Так що не здається справедливим розібрати його у вигляді цілого числа. 740 00:36:36,840 --> 00:36:40,910 741 00:36:40,910 --> 00:36:42,160 ОК. 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 виступає за гіпертексту Протокол передачі. 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 ОК, як золотий все гаразд. 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 Внутрішня помилка сервера. 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 І тег зображення також має цей ключ значення атрибуту називається ALT. 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 >> АНЖЕЛА Л.І.: Ну, так що це атрибут тега. 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 >> АНЖЕЛА Л.І.: Так. 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, якщо ви робите Еореп деякі файл, якщо ви Еореп 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 >> АНЖЕЛА Л.І.: Так. 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 Вона виступає за каскадні таблиці стилів. 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 Це досить гаразд. 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 >> АНЖЕЛА Л.І.: Ви могли б. 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 Тіло повинне дійсно містять тільки що насправді відбувається, щоб 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 >> АНЖЕЛА Л.І.: Так. 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 >> АУДИТОРІЯ: Що означає хештегом перед основним робити? 930 00:45:34,020 --> 00:45:36,310 >> АНЖЕЛА Л.І.: Питання в тому, що робить хештегом перед головною справ? 931 00:45:36,310 --> 00:45:40,770 У цьому випадку, хеш в CSS означає виберіть по ID. 932 00:45:40,770 --> 00:45:47,490 Так що, якщо у мене були деякі HTML елемент, як DIVID = основні, це правила 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 >> АНЖЕЛА Л.І.: Так. 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 >> АНЖЕЛА Л.І.: Питання в тому, що різниця між 953 00:46:46,470 --> 00:46:48,950 користування ID і класу? 954 00:46:48,950 --> 00:46:54,390 Ви можете мати тільки один елемент у HTML документ, який має даний ідентифікатор. 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 >> АНЖЕЛА Л.І.: Так. 967 00:47:26,090 --> 00:47:27,380 Точка представляє клас. 968 00:47:27,380 --> 00:47:29,990 969 00:47:29,990 --> 00:47:31,540 Круто. 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 >> [Оплески] 973 00:48:13,380 --> 00:48:14,290 >> ZAMYLA Чан: Привіт, всім. 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 гіпертексту Препроцесор. 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 в С. Це тому, що 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 трохи повільніше, ніж C, яка є компільований мову. 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 то я міг би мати цикл по кожному елементу, що перебирає кожен номер в 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 Точна довжина масиву, що ви вже, то за допомогою цього цикл по кожному елементу 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, як правило, так само, як ті, які ми мали в С, де 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 У індексом 1 мого списку, я збираюся для зберігання значення 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 Чан: Питання було, є Є причина, чому є 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 Чан: Мої вибачення. 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 ОК. 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 Так що, якщо у мене є Міло як ім'я і Банан як прізвища, а потім 1074 00:53:32,440 --> 00:53:35,430 об'єднання з оператором точка і потім покласти простір між 1075 00:53:35,430 --> 00:53:39,210 зробить рядок, що містить Milo Банан, який я можу потім відлуння або, 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 Приклад файлу, який Я міг би пройти дюйма 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 Вихід паралельна зламати, який виходить з блоку 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 Чан: Так. 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 >> ОК. 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 Лінда, ти є запитання? 1122 00:56:08,800 --> 00:56:15,510 >> АУДИТОРІЯ: Чи можете ви об'єднати ціле також? 1123 00:56:15,510 --> 00:56:16,760 >> ZAMYLA Чан: Так, можна. 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 М позначає моделі. 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 Фінанси. 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 Ну, у нас є функція під назвою Рендер що було у файлі 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 >> SQL виберіть робіт вибравши рядків або ряд зазначених стовпців з 1199 01:00:36,560 --> 01:00:39,640 база даних, яка відповідає певна критерії, які ви вказуєте. 1200 01:00:39,640 --> 01:00:44,930 Так тут, коли я бачу SELECT * FROM чарівники, де будинок = Равенкло, то 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 >> Але ми насправді хочемо зробити що на РНР стороні. 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 Чан: Так, абсолютно. 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 Але якщо я говорю SELECT *, то я буду отримати все в цьому стовпці. 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 Чан: Ми в запиті. 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 Чан: Що-небудь в SQL з урахуванням регістру? 1248 01:03:20,050 --> 01:03:21,760 Я вірю в це, так. 1249 01:03:21,760 --> 01:03:24,620 Я вважаю, що Виберіть і одну з і де вводяться з урахуванням регістру. 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, як ВИБІР, і куди, тим не 1254 01:03:35,470 --> 01:03:36,140 з урахуванням регістру. 1255 01:03:36,140 --> 01:03:36,420 ОК. 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 ОК. 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 Чан: Таким чином, питання було якщо рядки має більш ніж один рядок у ньому, робить 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 Чан: Так що в цьому випадку, === порівняння різних типів. 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 Чан: У наступному слайді, я збираюся пояснити, що рядки є. 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 Чан: Питання, чи був ці функції - запитів, вибачитися, 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 Чан: Таким чином, питання було, коли ми використовуємо $ _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 Чан: Питання було, яким чином вибачитися реалізовані? 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 Чан: Питання було, ми могли б не тільки поставили 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 шляхом надання apologize.php насправді перенаправляє вас на apology.php. 1315 01:06:34,946 --> 01:06:39,560 1316 01:06:39,560 --> 01:06:42,200 ОК. 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 використовуючи цикл по кожному елементу, то масив Назва є першим там - рядки. 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 Чан: Вибачте мене? 1336 01:07:46,220 --> 01:07:49,740 >> АУДИТОРІЯ: Відкриті дужки. 1337 01:07:49,740 --> 01:07:52,420 >> ZAMYLA Чан: Вони тут? 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 Чан: Так. 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 Чан: Це великий питання, так. 1348 01:08:18,410 --> 01:08:22,359 Так що якщо ви увійшли в інструменти розробника в Firefox за допомогою Firebug або 1349 01:08:22,359 --> 01:08:26,109 Хром, то так, ви могли б побачити конкретні HTML. 1350 01:08:26,109 --> 01:08:28,470 Так що не буде показувати $ рядок ["Ім'я"]. 1351 01:08:28,470 --> 01:08:32,524 Було б показати залежно від того, кличуть у цьому рядку. 1352 01:08:32,524 --> 01:08:36,268 >> АУДИТОРІЯ: Просто загальна проблема, які ПДР і тд визначається як? 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 Чан: Рядок таблиці тр, Таблиця потім т.д стовпець. 1356 01:08:44,814 --> 01:08:48,060 1357 01:08:48,060 --> 01:08:49,310 ОК. 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 Чан: дані в таблиці. 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 Чан: Вибачте. 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 Чан: Як би ви собі рядка в який спосіб? 1367 01:09:16,310 --> 01:09:21,796 Ви говорите про них рядків тут або ТР рядків? 1368 01:09:21,796 --> 01:09:22,630 >> АУДИТОРІЯ: Рядки. 1369 01:09:22,630 --> 01:09:25,229 >> ZAMYLA Чан: Ці рядки тут? 1370 01:09:25,229 --> 01:09:28,620 Я б собі це як Я виконаю мій запит. 1371 01:09:28,620 --> 01:09:38,729 І це говорить, добре, у мене є або 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 дорівнює ідентифікатор сеансу. 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 Чан: Так. 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 >> АУДИТОРІЯ: Чи є цикл по кожному елементу Єдиний спосіб індексу до лав? 1388 01:10:42,400 --> 01:10:46,110 >> ZAMYLA Чан: Є цикл по кожному елементу єдиний спосіб, яким ви можете 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 Чан: Таким чином, ви не можете отримати до нього доступ тільки за допомогою рядка, якщо у вас немає 1395 01:11:01,640 --> 01:11:05,160 цикл по кожному елементу за умови, що Ви не заявили ряд. 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 >> АУДИТОРІЯ: Так що ж тр і тд робити? 1400 01:11:13,990 --> 01:11:16,790 >> ZAMYLA Чан: Так тр і TD є HTML-теги. 1401 01:11:16,790 --> 01:11:19,590 тр вказує на початок з рядка таблиці. 1402 01:11:19,590 --> 01:11:26,625 І кожен тд вказує новий стовпець даних таблиці. 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 Чан: Так. 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 ОК. 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 значення, я міг вставити собі в Рейвенкло на рік 7. 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 >> Таким чином, в цьому випадку, ми хочемо використовувати ПЗ Дублікат ключа 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 Чан: Так. 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 Чан: Так вставити, оновлення, видалення, і 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 Чан: Таким чином, питання було про попередня середньостроковий питання. 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 Чан: Це хороше запитання. 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 Чан: Я буду змінити цю ситуацію. 1506 01:17:44,070 --> 01:17:56,490 1507 01:17:56,490 --> 01:17:56,880 ОК. 1508 01:17:56,880 --> 01:18:00,435 Якщо немає ніяких питань, то я буду передати його на Йосипу говорити 1509 01:18:00,435 --> 01:18:04,332 про JavaScript, і так далі. 1510 01:18:04,332 --> 01:18:09,540 >> [Оплески] 1511 01:18:09,540 --> 01:18:11,660 >> ЙОСИП ОНГ: Так ми біжимо трохи позаду. 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 Привіт. 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 Круто. 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 ОК. 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, який, можливо, не як AWW для деяких з вас, хлопці. 1533 01:19:07,170 --> 01:19:07,370 ОК. 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 Курс, який повторно виконує на 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 Ну, ви не можете повторно виконати 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 ОК. 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 вар ключове слово - 1574 01:20:49,440 --> 01:20:53,590 В-А-Р. 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 І таким чином, ви можете перепризначити цей власник поле з Лорен. 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, ви повинні використовувати печатку р. 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 Якщо ви пишете наявність Код, не пишіть точку. 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 Матеріал на правій стороні повинні бути знайомі. 1615 01:22:27,780 --> 01:22:29,670 Давайте подивимося на на лівій стороні. 1616 01:22:29,670 --> 01:22:34,830 >> При використанні для п петлі в JavaScript, ваша змінна циклу, змінна я там, 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 I, я отримую ім'я, будинок, і роль. 1620 01:22:42,440 --> 01:22:44,720 Ті, ключі. 1621 01:22:44,720 --> 01:22:50,080 У JavaScript, цикл по кожному елементу йде за значеннями цього масиву. 1622 01:22:50,080 --> 01:22:52,040 Таким чином, ви помітите, що вони обидва я. 1623 01:22:52,040 --> 01:22:56,000 Але тут на PHP стороні, він друкує з Міло, 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 Так що якщо ви використовуєте Еогеасп цикл, не думайте, що це 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 Так Міло я отримаю вам, що Ви хочете - значення. 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 цикл по кожному елементу. 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 Круто. 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 ОК. 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 Але коли ви розкажете наявність змінна, ви говорите вар я. 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 І я перепризначити його назад в I. 1673 01:24:41,810 --> 01:24:43,640 >> Так що на цій першій лінії, я це число. 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 І це не кидає попередження на вас, як Сі робить. 1682 01:25:08,840 --> 01:25:12,420 >> Так що я тепер містить привіт 123 до рядка. 1683 01:25:12,420 --> 01:25:13,270 Наступна. 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 ОК. 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, тому що, якщо у вас є, як вар я поза 1712 01:26:24,790 --> 01:26:28,855 і у вас є УАГ I всередині циклу, як цикл, то це робить його таким чином, що 1713 01:26:28,855 --> 01:26:30,690 це область видимості, що два я 'різні. 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 >> ЙОСИП ОНГ: Так, за межами якої функція? 1726 01:26:58,340 --> 01:27:00,810 Так що я доберуся до цього всього за секунду. 1727 01:27:00,810 --> 01:27:02,580 Так ми називаємо Foo (я). 1728 01:27:02,580 --> 01:27:06,920 Це проходить, я в Фу, прирощення це, а потім реєструє його. 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 повернутися до старого I. 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 >> АУДИТОРІЯ: Те ж [нерозбірливо]? 1742 01:27:34,030 --> 01:27:34,500 >> ЙОСИП ОНГ: Так що так. 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 >> ЙОСИП ОНГ: Так чому ж це дозволило в JavaScript, а не в С? 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 >> ЙОСИП ОНГ: Так тривало від 6 до 5, тому що, коли я пройшов I в 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 з використанням регулярних I, який був усередині інша частина потоку управління. 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 Круто. 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 Якби я передати об'єкт, в даному випадку, я пройшло Майло в цю функцію catify. 1771 01:28:42,960 --> 01:28:44,490 Міло починається. 1772 01:28:44,490 --> 01:28:46,310 Його звуть Міло Банан. 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 для масивів всередині імені С. Так що Майло насправді стане кішка зараз. 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 >> АУДИТОРІЯ: Так ви говорите, що на відміну від змінної I. 1784 01:29:16,850 --> 01:29:17,240 >> ЙОСИП ОНГ: Так. 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 С. Те ж саме відбувається з 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 Це було насправді Міло після деякі поїздки до ветеринара. 1793 01:29:45,060 --> 01:29:46,860 >> Так як ми використовуємо наявність на веб-сторінці? 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 А потім я ставлю деякі наявність Код в тегах сценарію. 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 >> Кращий спосіб зробити це, набагато приємніше, це написати свій наявність в 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 У цьому випадку сценарій приходить після дів. 1816 01:30:43,210 --> 01:30:46,620 Тому насправді з'явиться справ на сторінці в першу чергу. 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 І тоді справ з'являється після закриття вікна. 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 ОК. 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 Таким чином, ми вперше дізналися, що кожен ДІМ дерево має документ. 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 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 представляють ідентифікаторів в CSS? 1881 01:33:17,400 --> 01:33:18,440 >> ЙОСИП ОНГ: Так, саме так. 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 >> ЙОСИП ОНГ: Вірно. 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 Добре, що ми робимо. 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 Це раніше Боб. 1905 01:34:16,020 --> 01:34:19,930 Тепер, що зробив Я з ним був я змінив Боб Майло в цьому випадку. 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 Це робить Аякс легше. 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 Ви отримуєте зЬгсру, всі ці речі. 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, що робить наявність 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 Знак долара в 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 Ну, а коли ви робите це потворне наявність чином, ви отримуєте доступ 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 конденсується в цей дуже хороший долара підписати хештег сім'ю. 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 Точка вибирає по класах. 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 >> ЙОСИП ОНГ: 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 >> АУДИТОРІЯ: хештег використовується тільки для 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 >> ЙОСИП ОНГ: Так, саме так. 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 Отже, ви бачите, що хештег, так що відповідає вибрати елемент з 2006 01:38:16,025 --> 01:38:18,310 ID середнього через це хештегом. 2007 01:38:18,310 --> 01:38:19,670 Hashtag означає ID. 2008 01:38:19,670 --> 01:38:22,870 І цей елемент має ідентифікатор середині. 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 знак долара хештег [нерозбірливо]? 2012 01:38:31,090 --> 01:38:31,710 >> ЙОСИП ОНГ: Так немає. 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 >> ЙОСИП ОНГ: Так метод просто функція, яка належить до одного, в цьому 2024 01:39:01,900 --> 01:39:04,590 так, один з цих DOM елементів, тому що ви бачите I 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 Я вибрав елемент в першу чергу. 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 І так він міняє його на Міло, тому що я дав йому Майло. 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 >> ЙОСИП ОНГ: Так, так. 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 >> ЙОСИП ОНГ: Так. 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 ОК. 2057 01:40:15,490 --> 01:40:16,430 Круто. 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 Якщо я просто виконати цей наявність в верхня частина мого файлу, буде, що працює? 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 >> ЙОСИП ОНГ: Так. 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 >> ЙОСИП ОНГ: Вибачте. 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 Я кажу, добре, коли документ готові, дозвольте мені виконати функцію. 2091 01:41:23,810 --> 01:41:25,470 Так ось все, що синтаксичні засоби. 2092 01:41:25,470 --> 01:41:27,100 >> Я вибрав цей документ. 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 >> ЙОСИП ОНГ: Так що ключове слово подією в функція просто є параметром, який 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 ОК. 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 >> ЙОСИП ОНГ: Так що так. 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 >> ЙОСИП ОНГ: Так. 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 ОК. 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 >> ЙОСИП ОНГ: О, так, тому що в цьому так, я повинен чекати для найменших 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 ОК. 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 І це буде повністю в порядку. 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 >> ЙОСИП ОНГ: Таким чином, назва = ім'я користувача та Ім'я = пароль просто означає дивитися на 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 >> ЙОСИП ОНГ: Так це тому, що обробника подій. 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 >> ЙОСИП ОНГ: Тому що в 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 >> ЙОСИП ОНГ: Так. 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 >> ЙОСИП ОНГ: Для уявити? 2207 01:46:00,660 --> 01:46:03,520 >> АУДИТОРІЯ: Ні, для функції без події. 2208 01:46:03,520 --> 01:46:03,770 >> ЙОСИП ОНГ: Так. 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 >> ЙОСИП ОНГ: Так. 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 І, нарешті, Аякс. 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 >> АУДИТОРІЯ: Аякс просто робить Код асинхронний? 2282 01:48:56,710 --> 01:48:58,560 >> ЙОСИП ОНГ: Це асинхронний спосіб вибірки даних. 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 Тоді ви йдете за наступною адресою. 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 >> АУДИТОРІЯ: Не могли б ви вказати або уточнити, що означає Аякс? 2319 01:50:25,750 --> 01:50:30,460 >> ЙОСИП ОНГ: Так Аякс це спосіб, що якщо я потрібні дані, коли я на сайті і я 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 >> ЙОСИП ОНГ: Значить, хтось написав спосіб зробити це в 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 Я можу відповісти на питання про Аякс потім теж. 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 Я роздрукувати всі ці теги. 2348 01:51:48,390 --> 01:51:50,740 >> Я дістатися до частини, де я друк з моїми друзями. 2349 01:51:50,740 --> 01:51:52,980 Роздрукувати Лорен поза. 2350 01:51:52,980 --> 01:51:54,200 Це друк Майло поза. 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 >> ЙОСИП ОНГ: Сказати, що знову. 2376 01:53:01,555 --> 01:53:02,500 >> АУДИТОРІЯ: Як би монітор - 2377 01:53:02,500 --> 01:53:02,860 >> ЙОСИП ОНГ: Вірно. 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 >> ЙОСИП ОНГ: Так. 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 Круто. 2397 01:53:41,830 --> 01:53:45,088 >> [Оплески]