1 00:00:00,000 --> 00:00:07,440 2 00:00:07,440 --> 00:00:08,180 >> Томас Реймерс: Прывітанне, усім. 3 00:00:08,180 --> 00:00:09,250 Мяне клічуць Томас Реймерс. 4 00:00:09,250 --> 00:00:10,500 >> Майк Риццо: І я Майк Риццо. 5 00:00:10,500 --> 00:00:12,990 >> Томас Реймерс: Мы два з CS50s TS. 6 00:00:12,990 --> 00:00:18,910 І сёння мы вядзем семінар па JavaScript і CSS для вэб-прыкладанняў. 7 00:00:18,910 --> 00:00:22,140 Калі вы хочаце прытрымлівацца, спасылка прама там. 8 00:00:22,140 --> 00:00:25,190 І вы хочаце, каб пакласці яго на кампутары коратка? 9 00:00:25,190 --> 00:00:27,460 >> Там у спасылцы. 10 00:00:27,460 --> 00:00:30,390 Гэта невялікі сайт, які ўтрымлівае спасылкі на усе рэсурсы, якія мы збіраемся быць 11 00:00:30,390 --> 00:00:36,490 паказваючы вам сёння, а таксама мае шмат карысная інфармацыя напісана нас 12 00:00:36,490 --> 00:00:39,680 чытаць далей у глыбіню, калі вы вернецеся, і вы спрабуеце ўспомніць, што 13 00:00:39,680 --> 00:00:42,166 дакладна мы казалі, што вы былі кажаце, і гэтак далей. 14 00:00:42,166 --> 00:00:43,870 >> Майк Риццо: Добра. 15 00:00:43,870 --> 00:00:44,890 Такім чынам, пачнем. 16 00:00:44,890 --> 00:00:45,700 >> Томас Реймерс: Такім чынам, вы хочаце, каб пачаць? 17 00:00:45,700 --> 00:00:45,970 ОК. 18 00:00:45,970 --> 00:00:47,170 >> Майк Риццо: Так. 19 00:00:47,170 --> 00:00:51,730 Такім чынам, мы спачатку хацелі пачаць з шырокім Агляд пра Інтэрнэт і 20 00:00:51,730 --> 00:00:54,240 Тыпы файлаў пры праектаванні вэб-сайтаў. 21 00:00:54,240 --> 00:00:57,550 У той час як гэтая прэзентацыя мы хочам трапіць у у JavaScript шмат шмат 22 00:00:57,550 --> 00:01:00,320 ў далейшым, мы хацелі пачаць з проста, выгляд, як з вышыні птушынага палёту 23 00:01:00,320 --> 00:01:03,270 чаго сайт і як думаць аб праектаванні 24 00:01:03,270 --> 00:01:04,800 Вэб-сайт для пачатку. 25 00:01:04,800 --> 00:01:08,370 >> Дык вы, хлопцы, у гэтай кропцы - з ім будучы ў пятніцу ўвечары - павінны мець 26 00:01:08,370 --> 00:01:11,000 прадставілі свой CS50 фінансы Праблема вызначае. 27 00:01:11,000 --> 00:01:15,260 Будзем спадзявацца, што гэта быў добры густ аб тым, што вэб-праграмавання можа быць. 28 00:01:15,260 --> 00:01:18,261 Але тут мы хочам, выгляд, даць Вы іншы смак, а таксама. 29 00:01:18,261 --> 00:01:23,190 >> Томас Реймерс: Так што проста рэзюмаваць, што адбываецца, калі вы набіраеце ў вашым URL да 30 00:01:23,190 --> 00:01:26,650 ваш вэб-браўзэр, што URL атрымлівае паглядзеў у кампутар. 31 00:01:26,650 --> 00:01:28,590 І ваш кампутар, падлучаных да іншага кампутара, 32 00:01:28,590 --> 00:01:29,890 у якім знаходзіцца гэты сайт. 33 00:01:29,890 --> 00:01:33,150 Такім чынам, калі вы ідзяце на google.com, вы падлучаны да аднаго з кампаніі Google 34 00:01:33,150 --> 00:01:36,496 кампутары, мае файлы для google.com. 35 00:01:36,496 --> 00:01:38,750 >> Затым ён просіць канкрэтнага файла. 36 00:01:38,750 --> 00:01:40,020 Так што, калі вы ідзяце ў - 37 00:01:40,020 --> 00:01:41,550 Я не ведаю, - 38 00:01:41,550 --> 00:01:48,170 example.com / index.html ці / test.html, Вы збіраецеся папрасіць 39 00:01:48,170 --> 00:01:49,340 што канкрэтны файл. 40 00:01:49,340 --> 00:01:52,780 І сервер вэб збіраецца каб вярнуць яго да вас. 41 00:01:52,780 --> 00:01:54,910 >> Затым, калі вы ідзяце праз гэты файл - 42 00:01:54,910 --> 00:01:57,750 43 00:01:57,750 --> 00:01:59,950 як толькі вы кампутар атрымлівае, што файл - гэта збіраецца пачаць 44 00:01:59,950 --> 00:02:00,820 стварыць вэб-старонку. 45 00:02:00,820 --> 00:02:03,020 Так што цяпер у яго ёсць HTML файл, які накшталт як 46 00:02:03,020 --> 00:02:05,170 Структура вэб-старонкі. 47 00:02:05,170 --> 00:02:08,620 HTML файл таксама можа спасылацца на CSS-файлы, якія вызначаюць 48 00:02:08,620 --> 00:02:09,889 стыль вэб-старонкі. 49 00:02:09,889 --> 00:02:12,970 >> Файлы JavaScript, які вызначае ўзаемадзеянне з вэб-старонкі. 50 00:02:12,970 --> 00:02:15,200 Файлы малюнкаў, якія з'яўляюцца ўсяго малюнка. 51 00:02:15,200 --> 00:02:19,450 І, магчыма, спасылаюцца на іншыя файлы HTML, якія то вы можаце наведаць. 52 00:02:19,450 --> 00:02:22,656 53 00:02:22,656 --> 00:02:24,380 >> Майк Риццо: ОК, выдатна. 54 00:02:24,380 --> 00:02:28,980 Дык вы, хлопцы, усё, мабыць, карпатліва наладзіць лакальны хост 55 00:02:28,980 --> 00:02:30,810 на вашай віртуальнай машыне. 56 00:02:30,810 --> 00:02:35,650 І гэта проста, выгляд, з'яўляецца мясцовым дамена, што ваш кампутар прымае толькі 57 00:02:35,650 --> 00:02:38,760 для вас на свой страх і IP-адрасы. 58 00:02:38,760 --> 00:02:43,300 >> Такім чынам, усярэдзіне гэта, то вы можаце дадаць да яго свае ўласныя вэб-старонкі. 59 00:02:43,300 --> 00:02:47,655 Я маю на ўвазе, у CS50 фінансаў, вы павінны мець дададзеныя некаторыя HTML старонкі, якія, 60 00:02:47,655 --> 00:02:49,410 роду, загорнуты ў абгортку PHP. 61 00:02:49,410 --> 00:02:54,690 Але ў канчатковым рахунку, на якія старонкі вашага PHP былі вываду было HTML. 62 00:02:54,690 --> 00:02:58,210 >> Але успамінаючы самага пачатку з PSET, мы павінны былі ўсталяваць 63 00:02:58,210 --> 00:03:00,890 дазволаў за ўсё, праўда? 64 00:03:00,890 --> 00:03:07,270 Так што гэта проста ў асноўным дае нам ведаць, хто можа чытаць, пісаць, і, магчыма, 65 00:03:07,270 --> 00:03:08,730 выканаць кожны з файлаў. 66 00:03:08,730 --> 00:03:11,870 Так што мы збіраемся зрабіць хуткі - HM? 67 00:03:11,870 --> 00:03:15,660 >> Томас Реймерс: Такім чынам, мы збіраемся зрабіць хуткі дэма. 68 00:03:15,660 --> 00:03:19,560 Так што проста, каб нагадаць вам, калі вы падключыць да кампутара кампаніі Google - 69 00:03:19,560 --> 00:03:20,690 хто - 70 00:03:20,690 --> 00:03:24,060 і папрасіць файл, кампутар спачатку неабходна пераканацца, што вы аўтарызаваны 71 00:03:24,060 --> 00:03:28,790 на самай справе паглядзець файл або чыталі, што файл, таму што вы не можаце проста спытаць 72 00:03:28,790 --> 00:03:30,430 для любога файла на гэтым кампутары, ці не так? 73 00:03:30,430 --> 00:03:32,260 Гэта было б рызыкоўна,. 74 00:03:32,260 --> 00:03:37,020 >> Так файлаў на сістэмах, якія мы выкарыстоўваем, як гэта CS50 прыбор, ёсць тры 75 00:03:37,020 --> 00:03:39,200 агульныя людзі, якія могуць мець дазволу на нешта. 76 00:03:39,200 --> 00:03:41,610 Першы з'яўляецца фактычным Уладальнік сказаў файла. 77 00:03:41,610 --> 00:03:43,820 Другая група, якая файл належыць. 78 00:03:43,820 --> 00:03:46,090 Мы не збіраемся засяродзіцца занадта шмат на што. 79 00:03:46,090 --> 00:03:50,010 І апошняе, што ёсць, свайго роду, як свет ці, як усе СААЗ 80 00:03:50,010 --> 00:03:54,130 якія не адносяцца да гэтага файла і ня маюць ніякіх правоў уласнасці на яго. 81 00:03:54,130 --> 00:04:05,650 >> Так што, калі ў нас ёсць ўладальнік, група, а затым свет. 82 00:04:05,650 --> 00:04:10,510 І затым, для кожнай з гэтых груп, вы можа мець адно з трох дазволаў, 83 00:04:10,510 --> 00:04:13,010 ОК ці некалькімі з іх. 84 00:04:13,010 --> 00:04:15,070 Вы можаце прачытаць дазволу. 85 00:04:15,070 --> 00:04:16,560 Вы можаце мець правы доступу. 86 00:04:16,560 --> 00:04:18,880 І вы можаце мець права на выкананне. 87 00:04:18,880 --> 00:04:22,060 >> Так што ў плане рэальных тыпаў файлаў, чытання дазвол, як на самой справе чытанне 88 00:04:22,060 --> 00:04:23,250 змесціва файла. 89 00:04:23,250 --> 00:04:24,730 Права доступу піша да згаданага файл. 90 00:04:24,730 --> 00:04:28,370 Дазвол на выкананне працуе файл, як вы робіце, калі вы запускаеце адзін з 91 00:04:28,370 --> 00:04:29,620 Вашы CS50 праектаў. 92 00:04:29,620 --> 00:04:32,190 93 00:04:32,190 --> 00:04:38,820 >> Таму, калі мы думаем пра файлы напрыклад, калі нам трэба, каб прачытаць HTML 94 00:04:38,820 --> 00:04:41,790 файл, які павінен быць свет чытаецца, ці не так? 95 00:04:41,790 --> 00:04:44,420 Як мяркуецца, таксама ўладальнік хоча , Каб мець магчымасць рэдагаваць файл. 96 00:04:44,420 --> 00:04:46,610 Такім чынам, уладальнік будзе мець патрэбу чытаць і пісаць дазволу. 97 00:04:46,610 --> 00:04:48,710 Яны сапраўды не трэба выконваць. 98 00:04:48,710 --> 00:04:50,950 >> Група, мы збіраемся лячыць жа, як і ў свеце на дадзены момант. 99 00:04:50,950 --> 00:04:54,610 Таму яны маюць патрэбу дазволу на чытанне. 100 00:04:54,610 --> 00:04:57,310 Але яны не павінны пісаць або права на выкананне. 101 00:04:57,310 --> 00:05:01,920 І зараз, калі мы ўспомнім былы PSETs, што мы разумеем, гэта такога роду 102 00:05:01,920 --> 00:05:03,360 выглядаюць як двайковы, ці не так? 103 00:05:03,360 --> 00:05:04,210 1 азначае так. 104 00:05:04,210 --> 00:05:05,040 0 для няма. 105 00:05:05,040 --> 00:05:06,870 І мы сапраўды можам перавесці гэта ў двойкавую. 106 00:05:06,870 --> 00:05:10,478 >> Так 110 у двайковым будзе 6. 107 00:05:10,478 --> 00:05:13,270 100 будзе 4. 108 00:05:13,270 --> 00:05:14,690 Тое ж самае з светам. 109 00:05:14,690 --> 00:05:20,846 Такім чынам, лік вы атрымалі б для Дазволу для гэтага будзе 644. 110 00:05:20,846 --> 00:05:24,400 >> Майк Риццо: І калі вы ўспомніце калі вы правы змененымі нешта, я лічу, 111 00:05:24,400 --> 00:05:28,980 яны далі ў задачы ўсталяваць прыклад таго, дзе вы маглі б зрабіць 112 00:05:28,980 --> 00:05:36,470 нешта накшталт CHMOD 644 а затым імя файла. 113 00:05:36,470 --> 00:05:39,980 644, то, зараз вы можаце бачыць непасрэдна дзе, што зыходзіць ад. 114 00:05:39,980 --> 00:05:42,840 Так, мы спадзяемся, што робіць, што трохі больш ясным. 115 00:05:42,840 --> 00:05:45,600 >> А потым для нагляднасці вы хлопца - 116 00:05:45,600 --> 00:05:48,200 о да, вось гэта зноў. 117 00:05:48,200 --> 00:05:53,260 Так 600, то будзе проста прыклад мы далі тут, дзе ўладальнік мае 118 00:05:53,260 --> 00:05:56,360 чытаць і правы дазволу у той час як група і сьвет не маюць ніякіх дазволаў 119 00:05:56,360 --> 00:05:58,145 атрымаць доступ да файла. 120 00:05:58,145 --> 00:06:01,500 >> Томас Реймерс: А потым мы павінны хутка Спіс агульных дазволаў. 121 00:06:01,500 --> 00:06:05,250 Так каталогі, вы хочаце на самай справе CHMOD 711. 122 00:06:05,250 --> 00:06:08,930 Хуткі бок - для каталога, каб мець выкананы дазвол азначае быць у стане 123 00:06:08,930 --> 00:06:11,680 , Каб адкрыць каталог. 124 00:06:11,680 --> 00:06:15,280 Выявы, CSS, JavaScript, HTML патрэбы 644, таму што, у прынцыпе, свет 125 00:06:15,280 --> 00:06:16,400 патрэбы дазволу на чытанне. 126 00:06:16,400 --> 00:06:20,960 >> І PHP, якія вы, хлопцы, бачылі хоць мы не будзем казаць пра гэта 127 00:06:20,960 --> 00:06:24,880 строга, як правіла, правы змененымі з дазвол 600, таму што гэта бегчы з 128 00:06:24,880 --> 00:06:26,540 дазволаў ўладальніка. 129 00:06:26,540 --> 00:06:27,790 Па крайняй меры, на прыборы. 130 00:06:27,790 --> 00:06:30,200 131 00:06:30,200 --> 00:06:36,870 >> Майк Риццо: Так што калі вы не спецыяльна паказаць, які тып файла 132 00:06:36,870 --> 00:06:39,480 вы хочаце на самай справе ўстаноўка да гэтай прэзентацыі - 133 00:06:39,480 --> 00:06:43,490 у нас была праблема з гэтым, таму што усё, што не было права змененымі правільна - 134 00:06:43,490 --> 00:06:47,550 Вы збіраецеся атрымаць, накшталт, А забаронена памылка, што сайт 135 00:06:47,550 --> 00:06:49,700 на самай справе не мае дазволу для доступу да любой файл 136 00:06:49,700 --> 00:06:51,370 Вы хочаце, каб доступ. 137 00:06:51,370 --> 00:06:54,780 І, вядома, што можа быць выпраўлена - як і ў задачы набор - шляхам змены 138 00:06:54,780 --> 00:06:56,405 дазволаў адпаведным чынам. 139 00:06:56,405 --> 00:06:59,620 >> Томас Реймерс: І апошняе каментар для хутка мясцовага развіцця - мы 140 00:06:59,620 --> 00:07:02,000 падняў гэта, але мы проста хацелі каб прывесці яго зноў - 141 00:07:02,000 --> 00:07:06,230 калі вы папытаеце серверы - так лакальны хост, напрыклад, кім або што заўгодна. - 142 00:07:06,230 --> 00:07:09,170 і вы не пазначаны канкрэтны файл, файл, які ваш кампутар будзе 143 00:07:09,170 --> 00:07:11,540 папрасіць называецца index.html. 144 00:07:11,540 --> 00:07:12,790 Ці, калі гэта не існуе, index.php. 145 00:07:12,790 --> 00:07:15,560 146 00:07:15,560 --> 00:07:16,350 >> Крута. 147 00:07:16,350 --> 00:07:19,560 Так што гэта проста паўтор усяго, спадзяюся, што мы разгледзелі ў 148 00:07:19,560 --> 00:07:22,800 раздзел, і лекцыя, і да гэтага часу ў CS50. 149 00:07:22,800 --> 00:07:26,110 І зараз мы збіраемся пачаць казаць аб спецыяльна бібліятэкі. 150 00:07:26,110 --> 00:07:30,270 JavaScript і CSS бібліятэкі для вэб-прыкладанняў. 151 00:07:30,270 --> 00:07:36,350 >> Так адзін хуткі прычына, чаму ў нас ёсць бібліятэкі з'яўляецца праграмаванне - 152 00:07:36,350 --> 00:07:39,000 ёсць шмат праблем у праграмаванне, якія трымаюць выскокваюць 153 00:07:39,000 --> 00:07:40,570 зноў, і зноў, і зноў. 154 00:07:40,570 --> 00:07:43,870 Вы можаце заўважыць, што шмат вэб-сайтаў патрэбна магчымасць мець выпадальнае 155 00:07:43,870 --> 00:07:49,100 меню, напрыклад, або павінны мець магчымасць мець вельмі стандартная кнопка 156 00:07:49,100 --> 00:07:51,400 стыль, які не можа быць прасцей за ўсё. 157 00:07:51,400 --> 00:07:54,670 Зараз, калі вы пачнеце атрымліваць у HTML, вы разумеюць, што кнопкі могуць на самай справе 158 00:07:54,670 --> 00:07:57,720 выглядаюць сапраўды выродлівыя, калі вам нічога не робяць. 159 00:07:57,720 --> 00:08:00,830 >> Так шмат людзей напісалі называецца бібліятэкі. 160 00:08:00,830 --> 00:08:02,990 І ў гэтым кантэксце, што яны таксама называецца рамкі. 161 00:08:02,990 --> 00:08:04,790 Мы збіраемся выкарыстаць два сінонімы. 162 00:08:04,790 --> 00:08:07,360 І тое, што яны ёсць, што яны ў асноўным папярэдне зробленыя кавалкі кода - 163 00:08:07,360 --> 00:08:09,130 альбо CSS ці JavaScript - 164 00:08:09,130 --> 00:08:13,240 што адняць шмат аб'яднацца ў вас ёсць у кадаванні. 165 00:08:13,240 --> 00:08:17,290 >> Такім чынам, яны загадзя вызначыць кучу класаў або папярэдне вызначыць кучу функцый для 166 00:08:17,290 --> 00:08:20,110 Выпадак у JavaScript, якія вы можаце патэлефанаваць пазней. 167 00:08:20,110 --> 00:08:22,690 І тады вы можаце, свайго роду, атрымаць доступ да гэтага коду, ня 168 00:08:22,690 --> 00:08:23,710 неабходнасці што-небудзь рабіць. 169 00:08:23,710 --> 00:08:27,750 Прыклад бібліятэкі была CS50.H. Гэта была бібліятэка мы далі вам назад 170 00:08:27,750 --> 00:08:32,090 у тыдзень адзін, што дазволіла вам зрабіць такія рэчы, як то GetInt і GetString 171 00:08:32,090 --> 00:08:35,237 без неабходнасці пісаць любы код самастойна. 172 00:08:35,237 --> 00:08:36,179 >> Майк Риццо: Добра. 173 00:08:36,179 --> 00:08:40,299 Дык вось, гэтак жа, як мы павінны былі ўключаць у сябе ў нашай з файлаў адрозніваецца 174 00:08:40,299 --> 00:08:46,570 бібліятэкі, мы таксама павінны ўключаць у наш HTML файлы розных бібліятэк. 175 00:08:46,570 --> 00:08:50,310 Напрыклад, калі мы хацелі ўключыць спецыфічны бібліятэка JavaScript тут, 176 00:08:50,310 --> 00:08:52,850 магчыма, той, які мы напісалі самі, як гэта лакальна адбыўся 177 00:08:52,850 --> 00:08:56,000 званыя script.js, мы проста выкарыстоўваць гэтыя абазначэння. 178 00:08:56,000 --> 00:08:59,500 >> Таму ў нас ёсць роўных тыпу сцэнара JavaScript крыніцай роўна 179 00:08:59,500 --> 00:09:01,260 Javascript.js. 180 00:09:01,260 --> 00:09:05,190 І калі вы думаеце на ваш CS50 Праблема фінансаў ўсталяваць, калі вы глядзелі ў 181 00:09:05,190 --> 00:09:09,190 header.php ў тэчцы шаблонаў, Вы б бачылі, 182 00:09:09,190 --> 00:09:10,970 некаторыя з іх уключаны. 183 00:09:10,970 --> 00:09:13,250 Так што гэта першы - сцэнарыі - 184 00:09:13,250 --> 00:09:16,080 з'яўляецца ў тым ліку бібліятэкі JavaScript. 185 00:09:16,080 --> 00:09:18,760 У тым ліку бібліятэку CSS з'яўляецца трохі адрозніваецца. 186 00:09:18,760 --> 00:09:21,430 >> Тут замест сцэнара TAG вам трэба тэг спасылкі. 187 00:09:21,430 --> 00:09:27,110 А потым, тып тэксту CSS трохі адрозніваецца. 188 00:09:27,110 --> 00:09:29,270 Вы не заўсёды павінны ўключаць у сябе отн стыляў. 189 00:09:29,270 --> 00:09:30,970 Але я думаю, што гэта, наогул кажучы, добрая практыка. 190 00:09:30,970 --> 00:09:35,810 >> І, нарэшце, HREF, які вы напэўна, бачылі ў вашых ATAGs для сувязі 191 00:09:35,810 --> 00:09:39,440 у розных звёнах за ўсё вызначае звяно, дзе знайсці гэта. 192 00:09:39,440 --> 00:09:42,250 Напрыклад, калі мы хацелі, каб звязаць адрозніваецца бібліятэка - давайце проста скажам, - 193 00:09:42,250 --> 00:09:49,330 што жыў у styles.css. 194 00:09:49,330 --> 00:09:54,030 І мы хацелі, каб звязаць, што ў гэты адбыўся ў Інтэрнэце, мы б скапіяваць гэта. 195 00:09:54,030 --> 00:09:58,834 А потым ўстаўце яго ў тое, што мы маем права тут замест гэтага. 196 00:09:58,834 --> 00:10:01,340 >> Томас Реймерс: Добра, мы спадзяемся, вы хлопцы ўжо знаёмыя 197 00:10:01,340 --> 00:10:02,410 з тым, як звязаць CSS. 198 00:10:02,410 --> 00:10:04,000 Вы павінны былі зрабіць гэта на ваш апошні карычневы камплект. 199 00:10:04,000 --> 00:10:07,110 JavaScript, некаторыя з вас, магчыма, ёсць вопыт працы з. 200 00:10:07,110 --> 00:10:07,980 Некаторыя з вас не можа. 201 00:10:07,980 --> 00:10:12,190 >> Так што на дадзены ведаю, што файл JavaScript вельмі падобна на файл CSS у 202 00:10:12,190 --> 00:10:15,640 пачуццё, што вы можаце спасылацца на яго або што вы можаце ўключыць яго ўнутрана. 203 00:10:15,640 --> 00:10:17,360 І гэта дазваляе сцэнарыяў рэчаў. 204 00:10:17,360 --> 00:10:21,820 І мы збіраемся вас праз Трохі JavaScript ў далейшым. 205 00:10:21,820 --> 00:10:23,560 >> Такім чынам, выкарыстоўваючы бібліятэку - 206 00:10:23,560 --> 00:10:26,150 як толькі вы ўключылі яго, гэта як проста, як літаральна выкліку 207 00:10:26,150 --> 00:10:29,640 функцыі або дадання імёны класаў да яго. 208 00:10:29,640 --> 00:10:32,220 Апошняе, што мы хочам размаўляць а с пункту гледжання бібліятэкі - 209 00:10:32,220 --> 00:10:34,180 і гэта, хутчэй, тэхнічнай запісцы - 210 00:10:34,180 --> 00:10:35,860 з'яўляецца ліцэнзаванне з адкрытым зыходным кодам. 211 00:10:35,860 --> 00:10:41,550 Такім чынам, калі вы знайсці гэтыя фактычныя бібліятэкі, Вы можаце думаць аб 212 00:10:41,550 --> 00:10:47,630 пытанні падабаецца гэта ОК, што я проста з дапамогай кода чужой, асабліва 213 00:10:47,630 --> 00:10:51,970 таму што гэта тое, што мы вельмі шмат сказаў табе не рабіць у гэтым курсе. 214 00:10:51,970 --> 00:10:55,790 >> Такім чынам, у выпадку адкрытых крыніц ліцэнзавання, шмат распрацоўшчыкаў - 215 00:10:55,790 --> 00:10:57,540 як толькі яны напісаў бібліятэку, якія яны думаюць, што можа быць 216 00:10:57,540 --> 00:10:59,450 карысным і для іншых людзей - 217 00:10:59,450 --> 00:11:02,420 апублікуе яго ў Інтэрнэце і даць яму ліцэнзію. 218 00:11:02,420 --> 00:11:06,620 І ліцэнзія асноўным кажа, што я добраахвотна змяшчае дазвол на аднаго 219 00:11:06,620 --> 00:11:11,250 людзей, каб выкарыстоўваць гэтую праграму з наступнага роду 220 00:11:11,250 --> 00:11:13,230 агаворкі. 221 00:11:13,230 --> 00:11:16,100 >> Мы ўключылі спасылку на добры сайт на дапаможа вам зразумець ліцэнзій у 222 00:11:16,100 --> 00:11:17,720 выпадку, калі вы сутыкнецеся з імі. 223 00:11:17,720 --> 00:11:21,680 Агульныя пагаднення з'яўляюцца рэчы, як Вы можаце выкарыстоўваць маю бібліятэку так 224 00:11:21,680 --> 00:11:23,000 Пакуль вы даеце мне крэдыт. 225 00:11:23,000 --> 00:11:25,670 Вы заўсёды можаце выкарыстоўваць маю бібліятэку пры ўмове, што, калі яна выходзіць 226 00:11:25,670 --> 00:11:26,790 Вы не вінаваціце мяне. 227 00:11:26,790 --> 00:11:30,310 Вы заўсёды можаце выкарыстоўваць маю бібліятэку так доўга як вы не выкарыстоўваеце яго, каб зарабіць грошы 228 00:11:30,310 --> 00:11:31,910 для сябе. 229 00:11:31,910 --> 00:11:34,130 Гэта віды агульнай агаворкі. 230 00:11:34,130 --> 00:11:37,780 >> Для гэтага CS50 канчатковага праекта, яны не павінны быць супер значэнне, паколькі 231 00:11:37,780 --> 00:11:41,440 праекты, якія вы, хлопцы выкарыстоўваюць, верагодна, хутчэй, свайго роду, вядомыя. 232 00:11:41,440 --> 00:11:44,170 Але калі вы на самой справе выйсці ў свет і пачаць выкарыстоўваць бібліятэкі, якія 233 00:11:44,170 --> 00:11:48,100 можа ці не можа быць таксама рэалізаваны ў выглядзе некаторыя з найбольш папулярных з іх мы 234 00:11:48,100 --> 00:11:49,780 будзе перажывае. 235 00:11:49,780 --> 00:11:53,310 Гэта добра, каб быць у стане зразумець гэтыя ліцэнзіі і ў 236 00:11:53,310 --> 00:11:54,560 зразумець, што яны азначаюць. 237 00:11:54,560 --> 00:11:58,120 238 00:11:58,120 --> 00:11:58,586 І вяртаючыся. 239 00:11:58,586 --> 00:12:00,960 >> Майк Риццо: ОК. 240 00:12:00,960 --> 00:12:04,850 Так што цяпер перайсці на прыкладах фактычнага CSS. 241 00:12:04,850 --> 00:12:07,770 У гэты момант да гэтага часу, вы, магчыма, ня сутыкнуліся з гэтай. 242 00:12:07,770 --> 00:12:10,300 Але вы, напэўна, сутыкаліся з гэтым у ваша штодзённае жыццё, дзе нешта 243 00:12:10,300 --> 00:12:13,160 , Які выглядае ў адзін бок на адным браўзэры можа не выглядаць гэтак жа, 244 00:12:13,160 --> 00:12:14,880 спосаб ў іншым браўзэры. 245 00:12:14,880 --> 00:12:17,400 >> Гэта называецца браўзэру браўзэра сумяшчальнасць. 246 00:12:17,400 --> 00:12:20,780 І ўсё часцей гэта становіцца ўсё больш і больш праблемы, тым больш, 247 00:12:20,780 --> 00:12:25,260 -Браўзэры ўсё больш і больш свабоды на выкананне таго, як яны хочуць. 248 00:12:25,260 --> 00:12:28,440 Такім чынам, каб пераадолець гэта, там на самай справе выдатная бібліятэка называецца Normalize.CSS. 249 00:12:28,440 --> 00:12:32,236 250 00:12:32,236 --> 00:12:33,770 >> Томас Реймерс: Мы ўключылі спасылку. 251 00:12:33,770 --> 00:12:36,210 У гэты момант, гэта карысна, калі ў вас ёсць свой ноўтбук ў там 252 00:12:36,210 --> 00:12:38,740 гледзячы на ​​сайце. 253 00:12:38,740 --> 00:12:42,580 І мы даем вам гэта права зараз проста таму, што канчатковы CS50 254 00:12:42,580 --> 00:12:44,370 Праект на самай справе адбываецца, каб прашу вас яе рэалізацыі 255 00:12:44,370 --> 00:12:45,860 аналагічна і праз браўзэры. 256 00:12:45,860 --> 00:12:49,250 >> Так толькі, каб трымаць у задняй частцы вашага галава, гэта выдатная бібліятэка 257 00:12:49,250 --> 00:12:51,170 таму што гэта будзе, свайго роду, стандартаваць рэчы. 258 00:12:51,170 --> 00:12:54,230 У Firefox, нешта можа паказаць як адзін піксель злева. 259 00:12:54,230 --> 00:12:58,390 А потым Chrome можа вырашыць, што на самой справе што вы мелі на ўвазе быў 10 пікселяў 260 00:12:58,390 --> 00:12:59,380 налева. 261 00:12:59,380 --> 00:13:01,030 І вы хочаце, каб стандартызаваць гэты. 262 00:13:01,030 --> 00:13:05,360 Нармалізацыя будзе на самой справе зрабіць сапраўды добры Праца пераканаўшыся, што ваш сайт 263 00:13:05,360 --> 00:13:08,070 выглядае гэтак жа, ва ўсіх браўзэрах. 264 00:13:08,070 --> 00:13:10,660 >> Майк Риццо: Дык што, калі мы хацелі проста націсніце на спасылку сапраўды хутка і шоу 265 00:13:10,660 --> 00:13:13,140 Вы, як гэта выглядае, вам можаце спампаваць яго з дапамогай 266 00:13:13,140 --> 00:13:14,670 гігант кнопку Спампаваць. 267 00:13:14,670 --> 00:13:18,520 Ці я заклікаю вас, каб даведацца больш аб гэтым націснуўшы на гэтую спасылку ў ніжняй 268 00:13:18,520 --> 00:13:19,310 правы кут. 269 00:13:19,310 --> 00:13:22,420 >> Томас Реймерс: І калі вы на самой справе націсніце Read More тут жа - 270 00:13:22,420 --> 00:13:24,340 пстрыкніце крыніца на GitHub - 271 00:13:24,340 --> 00:13:31,720 вы сапраўды будзеце бачыць з адкрытым зыходным кодам Ліцэнзіі на LICENSE.md прама там. 272 00:13:31,720 --> 00:13:35,740 І вы ўбачыце, вось вельмі папулярныя ліцэнзіі MIT. 273 00:13:35,740 --> 00:13:38,940 Зноў жа, калі вы чытаеце па тэксце, Вы зможаце знайсці яго на сайце 274 00:13:38,940 --> 00:13:42,550 мы звяртацца да і ўмець зразумець яго без таго, каб чытаць 275 00:13:42,550 --> 00:13:45,920 праз юрыдычнай тэрміналогіі. 276 00:13:45,920 --> 00:13:46,850 >> Майк Риццо: ОК, выдатна. 277 00:13:46,850 --> 00:13:47,940 Дык вось Нармалізаваць. 278 00:13:47,940 --> 00:13:49,190 Мы хацелі даць вам што вельмі хутка. 279 00:13:49,190 --> 00:13:50,030 О, у вас ёсць пытанне? 280 00:13:50,030 --> 00:13:53,013 >> АЎДЫТОРЫЯ: Такім чынам, калі вы загружаеце яго, вы проста выконвайце гэты код, што яны маюць 281 00:13:53,013 --> 00:13:54,098 пад кнопкай Download? 282 00:13:54,098 --> 00:13:55,860 >> Томас Реймерс: Так, так пры загрузцы - 283 00:13:55,860 --> 00:13:58,130 >> Майк Риццо: О, гэта вялікі момант. 284 00:13:58,130 --> 00:14:00,700 Так што пытанне ў тым, як зрабіць мы на самай справе яе спампаваць? 285 00:14:00,700 --> 00:14:03,260 Так што, калі мы націсніце на спасылку, мы бачым, што гэта на самай справе ўсплывае 286 00:14:03,260 --> 00:14:05,030 на зыходны код. 287 00:14:05,030 --> 00:14:08,550 Такім чынам, каб зрабіць гэта, тое, што мы маглі б зрабіць, гэта проста націсніце кнопку Захаваць як. 288 00:14:08,550 --> 00:14:10,830 Захаваць як і што варта выхоўваць файл. 289 00:14:10,830 --> 00:14:14,160 І тады мы зможам выбраць, каб захаваць гэта як normalize.CSS. 290 00:14:14,160 --> 00:14:15,810 І тады вам давядзецца звязаць яго ў - 291 00:14:15,810 --> 00:14:18,660 >> Томас Реймерс: Гэтак жа, як вы спасылаюцца ў любы іншы файл. 292 00:14:18,660 --> 00:14:22,250 І як толькі вы звязаць яго ў тое, што гэта выдатна аб Нармалізацыя гэта будзе на самой справе 293 00:14:22,250 --> 00:14:25,920 клапаціцца пра ўсіх цяжка працаваць сам па сабе. 294 00:14:25,920 --> 00:14:27,730 Гэта азначае, што ў вас няма дадаць любыя класы. 295 00:14:27,730 --> 00:14:29,690 >> Вы не павінны нічога рабіць дзіўныя. 296 00:14:29,690 --> 00:14:34,590 Гэта нармалізуе без цябе рабіць што-небудзь далей. 297 00:14:34,590 --> 00:14:36,083 Так, вы павінны ўключыць яго. 298 00:14:36,083 --> 00:14:38,990 299 00:14:38,990 --> 00:14:40,240 Google Chrome не адказвае. 300 00:14:40,240 --> 00:14:43,270 301 00:14:43,270 --> 00:14:44,860 >> Проста хутка ў бок - 302 00:14:44,860 --> 00:14:46,800 Я заўважыў, мы скокнулі ў гэта. 303 00:14:46,800 --> 00:14:49,010 Астатняя частка гэтай прэзентацыі будзе кароткі агляд. 304 00:14:49,010 --> 00:14:50,380 Агляд бібліятэк. 305 00:14:50,380 --> 00:14:52,710 >> У прынцыпе, тое, што яны ёсць. 306 00:14:52,710 --> 00:14:53,350 Тое, што яны робяць. 307 00:14:53,350 --> 00:14:54,060 Як яны карысныя. 308 00:14:54,060 --> 00:14:56,540 Як вы маглі б рэалізаваць іх. 309 00:14:56,540 --> 00:14:59,730 Калі вы хочаце пачаць глядзець на іх, наступных разам, і прачытаўшы 310 00:14:59,730 --> 00:15:01,990 ім, я настойліва рэкамендую б гэта. 311 00:15:01,990 --> 00:15:07,620 >> Акрамя таго, вы заўсёды можаце таксама пачаць загрузку іх і ў тым ліку 312 00:15:07,620 --> 00:15:11,400 іх у выглядзе проста каб паглядзець, што яны выглядаюць, як і што яны робяць, калі ў вас ёсць 313 00:15:11,400 --> 00:15:12,270 ваш ноўтбук перад вамі. 314 00:15:12,270 --> 00:15:14,650 Калі няма, то вы заўсёды можаце трымаць слухаць нас гавораць. 315 00:15:14,650 --> 00:15:15,500 Мы збіраемся працягваць казаць. 316 00:15:15,500 --> 00:15:18,680 І ў нас ёсць час у канцы, мы спадзяемся, мы на самай справе трапіць у паказваючы вам, 317 00:15:18,680 --> 00:15:20,946 што некаторыя з гэтых бібліятэк выглядаць. 318 00:15:20,946 --> 00:15:22,320 >> Майк Риццо: Круто. 319 00:15:22,320 --> 00:15:25,466 Добра, зараз давайце пагаворым аб шрыфта Высокі. 320 00:15:25,466 --> 00:15:30,480 >> Томас Реймерс: так шрыфта дзіўнае з'яўляецца вельмі акуратным сайт, асабліва для тых, 321 00:15:30,480 --> 00:15:32,450 з нас, хто менш мастацка таленавіты. 322 00:15:32,450 --> 00:15:36,330 323 00:15:36,330 --> 00:15:38,880 Не звяртаючы ўвагі на імя шрыфта Дзіўны, гэта дае Вы куча значкоў, якія 324 00:15:38,880 --> 00:15:41,050 вельмі карысна. 325 00:15:41,050 --> 00:15:45,950 Так шмат разоў вы будзеце ажыццяўляць значок, які вы можаце як добры х так 326 00:15:45,950 --> 00:15:47,170 што вы можаце зачыніць нешта. 327 00:15:47,170 --> 00:15:49,910 >> Ці вы можаце нейкую кнопку Змяніць з алоўкавага малюнка, як 328 00:15:49,910 --> 00:15:50,940 ва ўсіх астатніх ёсць. 329 00:15:50,940 --> 00:15:53,850 І вось, калі вы даведаецеся, што маляванне гэтыя значкі могуць быць 330 00:15:53,850 --> 00:15:55,510 вельмі стомным і цяжкім. 331 00:15:55,510 --> 00:15:59,160 Шрыфт Надзвычайны - калі вы на самой справе перайсці на сайт - 332 00:15:59,160 --> 00:16:02,892 дае велізарную колькасць абразкоў пад значкі на самым версе. 333 00:16:02,892 --> 00:16:06,980 Так, проста верх. 334 00:16:06,980 --> 00:16:09,030 Гэта дасць вам шмат абразкоў бясплатна. 335 00:16:09,030 --> 00:16:15,210 >> Дык вось вы бачыце ў нас ёсць такія рэчы, як Зорачка, бары, маланка, 336 00:16:15,210 --> 00:16:19,750 каляндар, памылка, кніга і гэтак далей. 337 00:16:19,750 --> 00:16:21,110 Гэта можа быць вельмі карысна. 338 00:16:21,110 --> 00:16:24,290 Тое, як вы ўключыць гэта вы ўключаеце літаральна файл CSS. 339 00:16:24,290 --> 00:16:29,760 І пасля таго як вы ўключылі файл CSS, тое, што вы можаце зрабіць, гэта стварыць 340 00:16:29,760 --> 00:16:33,430 тэг называецца I. Ён satands для значок з класам Англіі 341 00:16:33,430 --> 00:16:34,460 стоячы шрыфта Высокі. 342 00:16:34,460 --> 00:16:36,330 І потым, усё, што вам больш падыдзе клас. 343 00:16:36,330 --> 00:16:41,220 >> Так што, калі я хацеў абраз гэтым плюс квадрат прама тут, я даў бы 344 00:16:41,220 --> 00:16:43,290 гэта клас Англіі. 345 00:16:43,290 --> 00:16:46,230 А потым FA злучок плюс злучок квадрат. 346 00:16:46,230 --> 00:16:50,325 347 00:16:50,325 --> 00:16:53,710 >> Майк Риццо: Круто, ОК. 348 00:16:53,710 --> 00:16:56,980 >> Томас Реймерс: І потым, у апошні CSS Бібліятэка мы хочам, каб прайсці праз мы 349 00:16:56,980 --> 00:16:59,950 спрабуючы захаваць яго мінімальная на CSS бібліятэкі, таму што мы разумеем, 350 00:16:59,950 --> 00:17:03,660 Назва гэтай прэзентацыі з'яўляецца JavaScript бібліятэкі. 351 00:17:03,660 --> 00:17:07,089 Але мы думалі, што мы можам, а пазнаёміць вас з іншымі бібліятэкамі 352 00:17:07,089 --> 00:17:09,569 у той час як мы казалі аб бібліятэках. 353 00:17:09,569 --> 00:17:11,400 >> Гэта Google Вэб шрыфты. 354 00:17:11,400 --> 00:17:17,040 І тое, што Google Вэб Шрыфты дазваляе вам зрабіць, гэта дадаць шрыфты на ваш сайт, 355 00:17:17,040 --> 00:17:22,079 які з'яўляецца сапраўды просты спосаб зрабіць гэта даволі і адрозніць свой набор 356 00:17:22,079 --> 00:17:24,460 ад усіх астатніх, калі ў яго ёсць прыгожы шрыфт або калі ў яго ёсць добры 357 00:17:24,460 --> 00:17:27,790 Калекцыя шрыфтоў. 358 00:17:27,790 --> 00:17:31,410 Google Web Fonts добры ў адрозненне ад іншых бібліятэкі ў тым сэнсе, што гэта 359 00:17:31,410 --> 00:17:33,490 сапраўды кіруецца ўстаноўкі. 360 00:17:33,490 --> 00:17:38,680 >> Так што калі вы, перайдзіце па спасылцы, гэта google.com / шрыфты, я лічу. 361 00:17:38,680 --> 00:17:41,100 Калі вы будзеце прытрымлівацца, што, вас можаце выбраць свой шрыфт. 362 00:17:41,100 --> 00:17:44,410 Вы можаце выбраць злева ад таўшчыня, нахіл, і гэтак далей. 363 00:17:44,410 --> 00:17:48,970 А потым, як толькі вы выбралі адзін, вы можаце націснуць хуткі выкарыстанне. 364 00:17:48,970 --> 00:17:49,820 Прама там. 365 00:17:49,820 --> 00:17:51,590 Правая ніжняя частка скрынкі. 366 00:17:51,590 --> 00:17:54,380 367 00:17:54,380 --> 00:17:56,700 >> А потым, пракруціць ўніз. 368 00:17:56,700 --> 00:17:59,600 369 00:17:59,600 --> 00:18:02,650 Перш за ўсё, яны даюць вам CSS, што вам трэба на самай справе спасылаюцца на яго. 370 00:18:02,650 --> 00:18:03,330 Гэта прама там. 371 00:18:03,330 --> 00:18:05,170 Вы можаце проста скапіяваць і ўставіць, што цалі 372 00:18:05,170 --> 00:18:07,250 І добрая рэч аб гэтым адзін з'яўляецца Вы на самой справе не трэба нават 373 00:18:07,250 --> 00:18:08,340 спампаваць файл. 374 00:18:08,340 --> 00:18:11,170 >> Што ён збіраецца зрабіць, гэта ён збіраецца перайсці па спасылцы версіі кампаніі Google ад яго. 375 00:18:11,170 --> 00:18:14,130 Такім чынам, вернемся да што гэта значыць. 376 00:18:14,130 --> 00:18:18,270 Гэта азначае, што калі карыстальнік загружае файл - 377 00:18:18,270 --> 00:18:22,300 загружае ваша старонка HTML - ваш HTML старонка будзе спасылацца на гэты файл. 378 00:18:22,300 --> 00:18:26,790 >> Такім чынам, ваш кампутар ўбачыць, О, гэта размяшчаецца на google.com, а 379 00:18:26,790 --> 00:18:28,170 чым на theirsite.com. 380 00:18:28,170 --> 00:18:30,370 Адпусьці мяне спытаеце Google для гэтага файла. 381 00:18:30,370 --> 00:18:32,800 І потым, гэта будзе ўключаць у сябе гэта амаль як калі б гэта было 382 00:18:32,800 --> 00:18:35,584 часткай вашага ўласнага сайта. 383 00:18:35,584 --> 00:18:36,540 >> Томас Реймерс: Круто. 384 00:18:36,540 --> 00:18:40,980 І як толькі вы ўключаеце гэта, то ў ўключыць яго ў свой CSS, гэта дае вам 385 00:18:40,980 --> 00:18:41,830 фактычная лінія. 386 00:18:41,830 --> 00:18:45,188 Такім чынам, вы ўсталюеце сямейства шрыфтоў нерухомасць супадае з імем вашага шрыфта. 387 00:18:45,188 --> 00:18:47,936 388 00:18:47,936 --> 00:18:50,440 >> Майк Риццо: ОК. 389 00:18:50,440 --> 00:18:52,220 Такім чынам, мы толькі што скончылі з CSS. 390 00:18:52,220 --> 00:18:57,230 І некаторыя з вас могуць падумаць: ну, у нас было трохі CSS на CS50 фінансаў. 391 00:18:57,230 --> 00:19:00,390 Але бібліятэка CSS быў загрузны. 392 00:19:00,390 --> 00:19:05,190 Мы фактычна ўключаюць пачатковай загрузкі трохі пазней пад JavaScript, таму што з 393 00:19:05,190 --> 00:19:09,660 бібліятэка пачатковай загрузкі CSS таксама пастаўляецца з вялікай колькасцю JavaScript гэтай 394 00:19:09,660 --> 00:19:12,060 Пачатковай загрузкі або Twitter - хто зрабіў Bootstrap - 395 00:19:12,060 --> 00:19:15,426 выкарыстоўвае для кіравання ўсімі іх CSS. 396 00:19:15,426 --> 00:19:19,592 >> Томас Реймерс: Хто-небудзь ёсць любая пытанні да гэтага часу аб CSS у цэлым? 397 00:19:19,592 --> 00:19:20,723 Мы добра? 398 00:19:20,723 --> 00:19:21,216 Ўзрушаюча. 399 00:19:21,216 --> 00:19:22,495 >> Майк Риццо: Цудоўна. 400 00:19:22,495 --> 00:19:25,136 >> Томас Реймерс: Так пры перамяшчэнні на JavaScript. 401 00:19:25,136 --> 00:19:27,900 >> Майк Риццо: Такім чынам, мы хацелі пагаварыць аб JQuery з самага пачатку. 402 00:19:27,900 --> 00:19:30,780 Хто-небудзь чуў пра JQuery да або выкарыстаў яго? 403 00:19:30,780 --> 00:19:32,180 Так, пару? 404 00:19:32,180 --> 00:19:36,000 Так што калі вы проста працаваць з роднымі JavaScript, вы апынецеся 405 00:19:36,000 --> 00:19:41,000 набраўшы шмат доўгіх селектараў шмат. 406 00:19:41,000 --> 00:19:44,400 Так што JQuery робіць гэта забяспечвае добры абалонка для JavaScript 407 00:19:44,400 --> 00:19:48,180 мова, які дазваляе лёгка выбраць і маніпуляваць рознымі элементамі 408 00:19:48,180 --> 00:19:52,470 у аб'ектнай мадэлі дакумента вэб-старонкі або DOM, які я думаю, 409 00:19:52,470 --> 00:19:54,290 вы, хлопцы, чулі пра ў лекцыі ў гэтай кропцы. 410 00:19:54,290 --> 00:19:57,550 >> Томас Реймерс: Калі вы яшчэ не чулі пра гэта ці калі вы яшчэ не глядзелі лекцыя 411 00:19:57,550 --> 00:20:01,870 тым не менш, аб'ектнай мадэлі дакумента з'яўляецца у асноўным, як прадстаўленыя рэчы. 412 00:20:01,870 --> 00:20:05,290 Так HTML накшталт выглядае як дрэва, калі вы на самой справе зрабіць гэта. 413 00:20:05,290 --> 00:20:06,850 У вас ёсць HTML элемент на вяршыні. 414 00:20:06,850 --> 00:20:07,560 У вас ёсць галава і цела. 415 00:20:07,560 --> 00:20:09,500 >> А потым, у тым, што вы ёсць усе астатняе. 416 00:20:09,500 --> 00:20:10,660 Вось называюць DOM - 417 00:20:10,660 --> 00:20:12,120 Аб'ектнай мадэлі дакумента. 418 00:20:12,120 --> 00:20:16,090 Так мадэль, якая ўяўляе аб'екты ў дакумент уяўляе сабой просты спосаб думаць 419 00:20:16,090 --> 00:20:18,560 пра гэта. 420 00:20:18,560 --> 00:20:22,520 І адзін з Самае выдатнае ў JQuery гэта сапраўды робіць абыходзе 421 00:20:22,520 --> 00:20:26,460 што і маніпуляцыі элементы ўнутры што неверагодна проста. 422 00:20:26,460 --> 00:20:30,300 >> Так проста, па сутнасці, што большасць JavaScript бібліятэкі ці калі не 423 00:20:30,300 --> 00:20:34,200 Большасць, вялікі большасць з іх вы ўбачыце на самай справе патрабуюць JQuery так 424 00:20:34,200 --> 00:20:37,530 што яны могуць працаваць самі проста таму што, калі ў вас не было JQuery, вам 425 00:20:37,530 --> 00:20:40,540 будзе марнаваць шмат часу, спрабуючы высветліць, як абраць пэўны 426 00:20:40,540 --> 00:20:43,660 элементы і як рабіць іншыя рэчы. 427 00:20:43,660 --> 00:20:47,950 А другі цікавая рэч аб JQuery тое, што гэта узаемную браўзэр, сумяшчальны. 428 00:20:47,950 --> 00:20:51,550 >> Так што памятаеце, калі мы сказалі, што не ўсе браўзэры рэалізацыі 429 00:20:51,550 --> 00:20:53,100 рэчы такім жа чынам? 430 00:20:53,100 --> 00:20:55,120 Гэта дакладна нават у JavaScript. 431 00:20:55,120 --> 00:20:58,220 І адна з вялікіх рэчаў аб JQuery з'яўляецца тое, што ён выявіць 432 00:20:58,220 --> 00:21:00,300 браўзэр і выявіць адпаведны метад. 433 00:21:00,300 --> 00:21:03,420 >> Так што калі вам трэба выбраць элемент, Internet Explorer можа сказаць, што вы 434 00:21:03,420 --> 00:21:05,770 павінен рабіць гэты шлях. 435 00:21:05,770 --> 00:21:08,300 Firefox можа сказаць правільнае шлях такім чынам. 436 00:21:08,300 --> 00:21:09,710 JQuery не клапоціцца. 437 00:21:09,710 --> 00:21:12,550 Калі вы кажаце JQuery, каб выбраць элемент будзе высветліць, як гэта 438 00:21:12,550 --> 00:21:16,290 павінен рабіць гэта ў браўзэры карыстач у дадзены момант, а затым зрабіць 439 00:21:16,290 --> 00:21:18,584 гэта такім чынам. 440 00:21:18,584 --> 00:21:22,650 >> Майк Риццо: Так што давайце не будзем казаць пра выкарыстанне JQuery няшмат. 441 00:21:22,650 --> 00:21:27,670 Гэтак жа, як PHP, JQuery мае канкрэтны любоў да знака даляра. 442 00:21:27,670 --> 00:21:30,880 Такім чынам, вы ўбачыце, што любы JQuery - 443 00:21:30,880 --> 00:21:32,060 ну, не ўсё. 444 00:21:32,060 --> 00:21:35,210 Часам можна замяніць долар падпісаць са словам JQuery. 445 00:21:35,210 --> 00:21:38,980 Але ў цэлым, толькі таму, што карацей, калі вы бачыце JQuery быць 446 00:21:38,980 --> 00:21:41,420 выкарыстоўваецца гэта будзе са знакам даляра. 447 00:21:41,420 --> 00:21:47,030 >> Дык вось, мы проста паказваючы пачатак Селектар для элемента ў DOM. 448 00:21:47,030 --> 00:21:52,850 Тут, у нас ёсць знак даляра з наступным адкрытымі дужках, а затым каціроўкі. 449 00:21:52,850 --> 00:21:56,130 І на працягу двукоссяў ідуць нашы селектары для розных элементаў. 450 00:21:56,130 --> 00:21:59,810 Гэтак жа, як у CSS, у чым мы мелі патрэбу селектары ўмець ўкладваць розныя элементы 451 00:21:59,810 --> 00:22:00,840 на старонцы. 452 00:22:00,840 --> 00:22:06,555 Гэтыя розныя селектары перавесці сапраўды ў JQuery і JavaScript, 453 00:22:06,555 --> 00:22:07,820 па большай частцы. 454 00:22:07,820 --> 00:22:10,120 >> Так вось у нас ёсць кропка Foo. 455 00:22:10,120 --> 00:22:14,780 Так што калі вы памятаеце з лекцыі, кропка проста азначае клас. 456 00:22:14,780 --> 00:22:18,850 Такім чынам, мы выбраўшы элемент з класа Foo. 457 00:22:18,850 --> 00:22:22,670 Так што калі я іду наперад і адкрыць наш Кансоль JavaScript тут вельмі хутка 458 00:22:22,670 --> 00:22:26,830 проста прадэманстраваць гэта, калі я проста набярыце знак даляра, мы бачым, што гэта нейкая 459 00:22:26,830 --> 00:22:28,090 Функцыя, якая ідзе ўверх. 460 00:22:28,090 --> 00:22:29,420 І гэта проста вызначаецца JQuery. 461 00:22:29,420 --> 00:22:32,120 >> Томас Реймерс: Для тых з вас, незнаёмыя, кансоль з'яўляецца інструментам 462 00:22:32,120 --> 00:22:35,430 у Chrome, які дазваляе, у асноўным, запусціце наяўнасць на 463 00:22:35,430 --> 00:22:36,450 бягучая старонка. 464 00:22:36,450 --> 00:22:39,420 Гэта вы знойдзеце неверагодна карысна, калі вы на самой справе адладкі і вы 465 00:22:39,420 --> 00:22:42,400 павінны быць, як, што ў цяперашні час значэнне некаторай глабальнай зменнай ці што 466 00:22:42,400 --> 00:22:43,910 нешта яшчэ? 467 00:22:43,910 --> 00:22:47,620 Гэта накшталт як GDB, за выключэннем што вы можаце на самой справе 468 00:22:47,620 --> 00:22:51,600 маніпуляваць элементы на старонцы з гэта ў значна больш лёгкай форме. 469 00:22:51,600 --> 00:22:55,080 А таксама гэта не так, у прынцыпе, праверыць з вамі, перш чым ён нічога не робіць. 470 00:22:55,080 --> 00:22:58,660 >> Так у той час як, GDB можа быць як, ты ўпэўненыя, што хочаце запусціць наступны крок? 471 00:22:58,660 --> 00:22:59,830 Кансоль гэта ў рэале. 472 00:22:59,830 --> 00:23:03,690 Так як вэб-старонка з'яўляецца аказанне і рабіць усё, што ён робіць, 473 00:23:03,690 --> 00:23:05,720 Савет таксама працуе разам з ёй. 474 00:23:05,720 --> 00:23:08,330 І вы можаце змясціць прыпісаць код у што кансоль, якая будзе 475 00:23:08,330 --> 00:23:09,260 быць запушчана на старонцы. 476 00:23:09,260 --> 00:23:12,190 >> Майк Риццо: Так, каб увайсці ў кансоль, Думаю, я павінен коратка 477 00:23:12,190 --> 00:23:13,750 кажучы ўжо пра тое, каб зрабіць гэта. 478 00:23:13,750 --> 00:23:17,850 У апошнія праблемы, якія вы можаце мець б Хрому элемент агледзіце 479 00:23:17,850 --> 00:23:20,440 функцыі або прадстаўленне крыніцы старонка - 480 00:23:20,440 --> 00:23:23,870 і тыя, даступныя толькі па праву націснуўшы на старонцы або канкрэтнага 481 00:23:23,870 --> 00:23:28,430 элемент і рабіць альбо праверыць элемент або прадстаўленне крыніцы старонкі. 482 00:23:28,430 --> 00:23:31,190 Мы таксама можам атрымаць доступ да JavaScript Кансоль непасрэдна 483 00:23:31,190 --> 00:23:33,630 выбары агледзіце элемент. 484 00:23:33,630 --> 00:23:37,930 Тады вы проста націсніце кансоль у правай баку. 485 00:23:37,930 --> 00:23:41,900 >> Акрамя таго, можна таксама прайшлі ў верхнім правым куце, 486 00:23:41,900 --> 00:23:46,820 які адрэзалі на гэтым экране, дзе яна мае тры гарызантальныя паласы. 487 00:23:46,820 --> 00:23:52,010 І вы спускаецеся да інструментаў і Затым JavaScript кансоль 488 00:23:52,010 --> 00:23:53,240 тут, дзе можна ўбачыць - 489 00:23:53,240 --> 00:23:54,370 па меншай меры, на Windows - 490 00:23:54,370 --> 00:23:59,680 ярлык кіравання пераключэннем J. Такім чынам калі б мы хацелі, каб выбраць элемент 491 00:23:59,680 --> 00:24:06,060 у межах гэтай старонцы, сапраўды гэтак жа як я паказаў перш, мы робім знак даляра адкрытыя дужак 492 00:24:06,060 --> 00:24:08,180 а затым цытуе. 493 00:24:08,180 --> 00:24:11,750 >> Цікавая рэч, наогул, адзінарныя двукоссі і двайныя двукоссі 494 00:24:11,750 --> 00:24:12,370 зменны. 495 00:24:12,370 --> 00:24:16,050 Так шмат людзей проста выкарыстоўваць адзін каціроўкі, таму што яны хутчэй набіраць 496 00:24:16,050 --> 00:24:19,780 чым падвойныя двукоссі, таму што вы не трэба ўтрымліваць. Shift 497 00:24:19,780 --> 00:24:21,770 Так што я проста зрабіць гэта прама цяпер. 498 00:24:21,770 --> 00:24:24,510 >> Таму я хачу, каб выбраць нешта з класам. 499 00:24:24,510 --> 00:24:27,200 Кантэйнер, толькі таму, што я ведаю, што гэта тое, што на нашай 500 00:24:27,200 --> 00:24:28,740 вэб-старонкі прама цяпер. 501 00:24:28,740 --> 00:24:29,520 І я ўдарыў Enter. 502 00:24:29,520 --> 00:24:31,670 І мы бачым, што яна абрала яго. 503 00:24:31,670 --> 00:24:34,990 Так ён паказвае, што гэта вярнуўся гэты аб'ект. 504 00:24:34,990 --> 00:24:36,620 Так што гэта асноўны выбар. 505 00:24:36,620 --> 00:24:40,080 Калі б мы хацелі на самой справе працаваць з ім, вам давядзецца патэлефанаваць нешта 506 00:24:40,080 --> 00:24:43,925 на гэтым выбары, які мы атрымаем у далейшым. 507 00:24:43,925 --> 00:24:49,030 >> Томас Реймерс: Так што проста глядзець на гэта больш падрабязна, гэта нічым не адрозніваецца 508 00:24:49,030 --> 00:24:52,245 чым выклікаў функцый, якія мы зрабілі ў C. Імя функцыі тут з'яўляецца 509 00:24:52,245 --> 00:24:52,580 крыху дзіўна. 510 00:24:52,580 --> 00:24:55,640 Гэта знак даляра. 511 00:24:55,640 --> 00:24:57,010 Гэта проста імя функцыі. 512 00:24:57,010 --> 00:24:58,810 Там няма нічога асаблівага ў гэтым няма. 513 00:24:58,810 --> 00:25:00,450 >> У нас ёсць адкрытыя дужкі. 514 00:25:00,450 --> 00:25:03,880 Тады, у нас ёсць адзін аргумент, які у гэтым выпадку аказваецца, радок, 515 00:25:03,880 --> 00:25:05,680 які з'яўляецца селектарам для яго. 516 00:25:05,680 --> 00:25:08,130 І потым, у нас ёсць наш закрытая дужка. 517 00:25:08,130 --> 00:25:09,960 Вось і ўсё. 518 00:25:09,960 --> 00:25:11,500 >> Гэта не так моцна адрозніваюцца. 519 00:25:11,500 --> 00:25:12,900 Хоць, гэта сапраўды выглядае вельмі дзіўна. 520 00:25:12,900 --> 00:25:17,220 І гэта можа быць, свайго роду, каменем паказаць для многіх людзей. 521 00:25:17,220 --> 00:25:21,460 >> Майк Риццо: Такім чынам, падобным чынам, калі б мы хацелі , Каб выбраць элемент, які мае ідэнтыфікатар, 522 00:25:21,460 --> 00:25:23,470 зараз мы хочам, каб выбраць па ID замест класа. 523 00:25:23,470 --> 00:25:28,080 Было б нешта падобнае, дзе мы проста зрабіць рэзкі знак для ID. 524 00:25:28,080 --> 00:25:33,576 Такім чынам, мы выбару тут усё элементы, якія маюць ID бар. 525 00:25:33,576 --> 00:25:35,400 >> Томас Реймерс: І гэта распаўсюджваецца. 526 00:25:35,400 --> 00:25:36,450 Гэта CSS распаўсюджваецца. 527 00:25:36,450 --> 00:25:42,260 Гэтак жа, як у CSS, вы можаце выбраць усе Спасылкі, якія маюць клас Foo. 528 00:25:42,260 --> 00:25:43,420 Вось, гэта тое ж самае. 529 00:25:43,420 --> 00:25:52,750 >> Вы маглі б зрабіць a.foo, які будзе выбіраць усе спасылкі з класам харчовы. 530 00:25:52,750 --> 00:25:58,860 Вы маглі б зрабіць рэзкі бар, які будзе выберыце спасылку з ідэнтыфікатарам бар і т. 531 00:25:58,860 --> 00:25:59,770 далей, і гэтак далей. 532 00:25:59,770 --> 00:26:02,120 Любы селектар CSS з'яўляецца дапушчальным Селектар JQuery. 533 00:26:02,120 --> 00:26:03,370 >> Майк Риццо: Так. 534 00:26:03,370 --> 00:26:07,996 535 00:26:07,996 --> 00:26:11,460 Такім чынам, цяпер давайце пяройдзем да трохі маніпуляцыі, што мы можам зрабіць з 536 00:26:11,460 --> 00:26:12,870 наша JQuery. 537 00:26:12,870 --> 00:26:19,280 Так JQuery мае пэўны тып пазначэнняў, дзе мы проста выкарыстоўваць 538 00:26:19,280 --> 00:26:20,170 кропка ў канцы. 539 00:26:20,170 --> 00:26:23,340 І вы можаце думаць пра гэта, як і ў З, як мы былі розныя структур. 540 00:26:23,340 --> 00:26:27,110 І ісці ў тых структур, вы б выкарыстоўваць кропку, каб патрапіць у іх. 541 00:26:27,110 --> 00:26:28,480 >> Гэта, свайго роду, нешта падобнае. 542 00:26:28,480 --> 00:26:33,570 Толькі цяпер у нас ёсць функцыі ў гэтым селектар, які мы можам назваць на ім. 543 00:26:33,570 --> 00:26:38,640 Дык вось, самы першы прыклад Вы можаце бачыць гэта селектар CSS. 544 00:26:38,640 --> 00:26:45,290 А ў прынцыпе, што гэта робіць гэта ставіцца першы элемент CSS на гэта 545 00:26:45,290 --> 00:26:46,230 рэч, якую вы абралі - 546 00:26:46,230 --> 00:26:47,720 гэта элемент, які вы абралі - 547 00:26:47,720 --> 00:26:49,290 са значэннем гэтага. 548 00:26:49,290 --> 00:26:55,390 >> Томас Реймерс: Так проста пераклад што было б, калі JQuery, у асноўным, 549 00:26:55,390 --> 00:26:57,790 проста ўзяў Foo. 550 00:26:57,790 --> 00:27:05,480 І тады ў CSS сказаў, Колер чырвоны і блізка. 551 00:27:05,480 --> 00:27:06,670 Гэта тая самая ідэя. 552 00:27:06,670 --> 00:27:08,800 Што гэта робіцца ў яе выбары ўсе элементы Foo. 553 00:27:08,800 --> 00:27:10,170 А потым ён ужываецца. 554 00:27:10,170 --> 00:27:15,884 Накшталт, колер уласнасці роўная чырвоны. 555 00:27:15,884 --> 00:27:21,070 >> Майк Риццо: Аналагічна можна таксама змяніць фактычнае змест, што з'яўляецца 556 00:27:21,070 --> 00:27:24,870 паказваючы на ​​HTML старонкі, якія сапраўды выдатна, таму што гэта азначае, што ваш 557 00:27:24,870 --> 00:27:28,095 Зараз вэб-старонкі могуць быць цалкам дынамічны і не павінны быць статычнымі 558 00:27:28,095 --> 00:27:31,660 Вам раздрукаваць з дапамогай PHP ў самым пачатку 559 00:27:31,660 --> 00:27:33,320 старонка загружаецца. 560 00:27:33,320 --> 00:27:36,810 Дык вось, калі б мы хацелі змяніць Фактычны HTML старонкі, мы б цяпер 561 00:27:36,810 --> 00:27:43,550 выклікаць функцыю HTML, які затым проста ўстаўкі, што мы паказаць у 562 00:27:43,550 --> 00:27:45,390 што элемент, які мы абралі. 563 00:27:45,390 --> 00:27:49,810 Дык вось мы выбраўшы элемент з клас Foo, а затым кажуць, што гэта HTML 564 00:27:49,810 --> 00:27:52,200 гэта зараз прывітанне свет. 565 00:27:52,200 --> 00:27:55,600 >> Томас Реймерс: І калі вы думаеце пра якія карысныя прыкладанні 566 00:27:55,600 --> 00:28:00,800 гэта, гэта CSS адзін, першае, што Вы можаце пачаць думаць пра тое, 567 00:28:00,800 --> 00:28:03,070 з пункту гледжання нават выпадаючыя меню. 568 00:28:03,070 --> 00:28:08,350 Вы можаце пачаць рабіць рэчы, як, калі карыстальнік наводзіць курсор на верхняй частцы 569 00:28:08,350 --> 00:28:11,970 з выпадальнага, вы хочаце зрабіць ніжняя частка бачная. 570 00:28:11,970 --> 00:28:12,540 Ці не так? 571 00:28:12,540 --> 00:28:15,610 >> Такім чынам, у CSS, у нас ёсць ўласцівасці зрабіць што-то бачнае. 572 00:28:15,610 --> 00:28:19,330 Такія рэчы, як дысплей тоўстай кішкі ні зробіць яго нябачным. 573 00:28:19,330 --> 00:28:21,190 Паказаць блок будзе зрабіць яго бачным. 574 00:28:21,190 --> 00:28:25,860 Ці нават калі вы хочаце пайсці больш простым, вам ёсць такія рэчы, як бачнасці роўных 575 00:28:25,860 --> 00:28:27,520 відаць, і бачнасць складае схаваная. 576 00:28:27,520 --> 00:28:30,330 577 00:28:30,330 --> 00:28:34,780 >> А вы маглі б прыступіць да ажыццяўлення рэчы як выпадаючыя меню права 578 00:28:34,780 --> 00:28:38,410 пасля атрымання праз ідэю аб тым, як Вы можаце высветліць, калі гэта адкрывае, 579 00:28:38,410 --> 00:28:39,850 якія мы атрымаем праз вельмі кароткі час. 580 00:28:39,850 --> 00:28:42,160 Але мы можам пачаць бачыць прымянення гэтага. 581 00:28:42,160 --> 00:28:45,540 У тым жа сэнсе, калі б вы паспрабавалі і ажыццяўляць, скажам, чат 582 00:28:45,540 --> 00:28:48,620 рухавік, і вы хочаце, каб зрабіць трохі прамовы бурбалка прыдумаць, калі ў Вас ёсць 583 00:28:48,620 --> 00:28:52,880 атрымаў новае паведамленне, як толькі вы атрымаеце новае паведамленне, вы можаце зрабіць трохі 584 00:28:52,880 --> 00:28:55,890 прамовы бурбалка прыдумаць шляхам змены HTML старонкі, ці не так? 585 00:28:55,890 --> 00:29:00,540 Дадаўшы, што дадатковы прамовы бурбалка з дадатковым тэкстам на там. 586 00:29:00,540 --> 00:29:01,140 Да? 587 00:29:01,140 --> 00:29:07,750 >> АЎДЫТОРЫЯ: Такім чынам, вы б ўбудаваць гэта ў HTML код у накшталт як 588 00:29:07,750 --> 00:29:10,534 [Неразборліва]? 589 00:29:10,534 --> 00:29:12,940 >> Майк Риццо: Дакладна. 590 00:29:12,940 --> 00:29:16,190 Так, мы вернемся да гэтага ў трохі. 591 00:29:16,190 --> 00:29:18,810 Так, гэта падобна трохі, каб PHP. 592 00:29:18,810 --> 00:29:21,240 Не зусім падобныя. 593 00:29:21,240 --> 00:29:24,730 >> Добры адрозненне, каб зрабіць тое, што гэтая на самай справе рэдагавання, калі мы рэдагаваць 594 00:29:24,730 --> 00:29:28,480 старонка, таму што гэта не будзе рэдагавання сам файл, што ў цяперашні час 595 00:29:28,480 --> 00:29:31,380 , Якія захоўваюцца на серверы, таму што свет не павінны мець дазвол 596 00:29:31,380 --> 00:29:32,610 рэдагаваць файлы. 597 00:29:32,610 --> 00:29:36,080 Гэта проста рэдагавання, што знаходзіцца на старонцы і тое, што адлюстроўваецца ў 598 00:29:36,080 --> 00:29:36,950 браўзэр. 599 00:29:36,950 --> 00:29:40,340 Так што калі вы былі, каб перазагрузіць старонку пасля, кажуць, выдаленне нешта, як мы 600 00:29:40,340 --> 00:29:44,730 бачыць, што мы можам зрабіць з заклікам выдаліць, што ўсё было тое ізноў. 601 00:29:44,730 --> 00:29:48,590 >> Томас Реймерс: Так адзін спосаб думаць аб гэта калі я кампутар і 602 00:29:48,590 --> 00:29:50,170 Майк, накшталт, сервер. 603 00:29:50,170 --> 00:29:53,850 Што здарыцца, я збіраюся спытаеце Майка, эй, я магу мець копію 604 00:29:53,850 --> 00:29:54,630 гэтая вэб-старонка? 605 00:29:54,630 --> 00:29:56,190 І ён дасць мне яго копію. 606 00:29:56,190 --> 00:29:57,430 >> Не, гэта не арыгінал рэч. 607 00:29:57,430 --> 00:29:58,620 Гэта проста копія. 608 00:29:58,620 --> 00:30:00,450 І то гэта было б, як, о, ёсць JavaScript тут. 609 00:30:00,450 --> 00:30:02,450 Відавочна, што я павінен змяніць старонкі, каб быць, як гэта. 610 00:30:02,450 --> 00:30:04,250 І я рэдагавання вашу копію. 611 00:30:04,250 --> 00:30:05,920 >> Але гэта не ажыццяўлення фактычная копія. 612 00:30:05,920 --> 00:30:08,480 І калі б я спытаў яго зноў абновіце старонку, - 613 00:30:08,480 --> 00:30:10,060 эй, я магу мець іншы чыстую копію - 614 00:30:10,060 --> 00:30:11,440 ён збіраецца даць мне іншы чыставік. 615 00:30:11,440 --> 00:30:14,240 І потым, я збіраюся зрабіць тое ж самае як, о, гэта JS тут, што кажа 616 00:30:14,240 --> 00:30:14,866 рэдагаваць гэты. 617 00:30:14,866 --> 00:30:17,460 І я буду працягваць гэта рабіць. 618 00:30:17,460 --> 00:30:20,930 >> Майк Риццо: Так сапраўды класная рэч што вы можаце зрабіць з JQuery з'яўляецца 619 00:30:20,930 --> 00:30:24,350 на самай справе дадаць розныя тыпы анімацый на сваю старонку. 620 00:30:24,350 --> 00:30:27,440 Я не ведаю, калі вы яшчэ не бачылі, дзе Вы спрабуеце залівання форму 621 00:30:27,440 --> 00:30:31,250 Інтэрнэце, і вы не запоўніце Правільна рэчы. 622 00:30:31,250 --> 00:30:33,440 Так мала, што слізгае ўніз у верхняй і кажа, што вы 623 00:30:33,440 --> 00:30:34,820 яшчэ не зрабілі гэта правільна. 624 00:30:34,820 --> 00:30:36,260 Калі ласка, паспрабуйце яшчэ раз. 625 00:30:36,260 --> 00:30:37,890 І потым, гэта можа нават проста слізгаць ўверх. 626 00:30:37,890 --> 00:30:40,710 >> Аказваецца JQuery мае убудаваныя функцыі якія робяць усё, што 627 00:30:40,710 --> 00:30:44,180 анімацыя вельмі, вельмі лёгка. 628 00:30:44,180 --> 00:30:46,750 Так што ёсць першы вяне з функцыя, 629 00:30:46,750 --> 00:30:47,710 вы можаце патэлефанаваць на нешта. 630 00:30:47,710 --> 00:30:55,650 І гэта спосаб змяніць CSS з гэты элемент у ажыўленай дарозе. 631 00:30:55,650 --> 00:30:58,480 Так яно прымае незалежна элемент вы называеце гэта знікаць на. 632 00:30:58,480 --> 00:31:03,990 А потым, павольна змяняе яго непразрыстасць пакуль ён не стане цалкам празрыстай. 633 00:31:03,990 --> 00:31:07,330 >> Томас Реймерс: Іншы папулярны будзе слізгаць уніз, што зробіць 634 00:31:07,330 --> 00:31:08,800 нешта з'явіцца, ссунуўшы яе ўніз. 635 00:31:08,800 --> 00:31:12,840 Такім чынам, у выпадку меню выпадальнага, зноў, калі мы даведаліся, як выявіць 636 00:31:12,840 --> 00:31:15,310 калі гэта было завіс над, вы маглі б проста сказаць гэтаму дно 637 00:31:15,310 --> 00:31:16,910 частка скаціцца цяпер. 638 00:31:16,910 --> 00:31:19,270 А потым, здавалася б, ссунуўшы ўніз. 639 00:31:19,270 --> 00:31:22,042 640 00:31:22,042 --> 00:31:26,590 >> Майк Риццо: І потым, калі вы проста павінны некаторы тып анімацыі на ўвазе, што 641 00:31:26,590 --> 00:31:29,080 JQuery не абавязкова забяспечвае. 642 00:31:29,080 --> 00:31:32,690 Напрыклад, выкажам здагадку, што JQuery сапраўды забяспечвае вас з горкай 643 00:31:32,690 --> 00:31:33,750 ўніз і слайд ўверх. 644 00:31:33,750 --> 00:31:36,740 Ну, скажам, вы хацелі, каб слізгаць нешта на левым флангу або ў ад 645 00:31:36,740 --> 00:31:39,880 права накшталт як CS50 галоўная старонка робіць кожны раз, калі 646 00:31:39,880 --> 00:31:42,080 вы ідзяце на новую панэль. 647 00:31:42,080 --> 00:31:45,030 Затым вы павінны, верагодна, прыйдзецца рэалізаваць яго самастойна, выкарыстоўваючы 648 00:31:45,030 --> 00:31:49,310 аніміраваць функцыю ў JQuery. 649 00:31:49,310 --> 00:31:51,350 >> Такім чынам, падобным чынам, вы проста жыву. 650 00:31:51,350 --> 00:31:55,850 А потым, у ім ён прымае слоўнік з розных значэннях 651 00:31:55,850 --> 00:31:57,340 што ты павінен прайсці. 652 00:31:57,340 --> 00:32:06,960 Дык вось, калі мы хочам, каб ажывіць элемент Foo такім чынам, што яго шырыня альбо 653 00:32:06,960 --> 00:32:10,880 пашыраецца або сціскаецца да 80 пікселяў, у залежнасці ад таго, што гэта ў цяперашні час. 654 00:32:10,880 --> 00:32:14,100 Мы б проста перадаць, што, як аргумент у ім. 655 00:32:14,100 --> 00:32:18,060 >> Анімацыя таксама ёсць некаторыя іншыя аргументы што вы маглі б перадаць яго, напрыклад, 656 00:32:18,060 --> 00:32:21,150 хуткасць анімацыі што вы хочаце, каб даць яго. 657 00:32:21,150 --> 00:32:26,220 А для гэтага, я б проста сказаць, хутка Google JQuery анімацыі. 658 00:32:26,220 --> 00:32:31,710 А потым, у выніку чаго да гэтай старонкі, вы можаце см. ён атрымаў кучу розных 659 00:32:31,710 --> 00:32:33,560 ўласцівасці, якія вы можаце перадаць яго. 660 00:32:33,560 --> 00:32:35,990 >> І я заклікаю вас - кожны раз, калі вы прыходзіце праз тое, што вы робіце ня 661 00:32:35,990 --> 00:32:40,390 ведаюць ці проста хочаце даведацца больш аб прыватнасці метад, які можна назваць 662 00:32:40,390 --> 00:32:41,270 на нешта - 663 00:32:41,270 --> 00:32:44,440 Проста Google гэта. JQuery з'яўляецца надзвычай добра дакументаваны. 664 00:32:44,440 --> 00:32:49,140 І часцяком ёсць шмат прыклады, якія яны падаюць для вас. 665 00:32:49,140 --> 00:32:52,470 Калі мы пракруціць ўніз - 666 00:32:52,470 --> 00:32:53,720 шлях уніз - 667 00:32:53,720 --> 00:32:57,660 668 00:32:57,660 --> 00:32:59,190 што мы можам выкарыстоўваць, а таксама. 669 00:32:59,190 --> 00:33:02,480 >> Зноў жа, калі распрацоўшчык фактычна ідзе праз праблемы заключэння 670 00:33:02,480 --> 00:33:05,810 бібліятэка, яны звычайна хочуць хтосьці яго выкарыстоўваць. 671 00:33:05,810 --> 00:33:09,400 Так разам збіраецца быць дакументацыя. 672 00:33:09,400 --> 00:33:12,270 І, што дакументацыя, як правіла, быць даведацца на старонцы праекта, які 673 00:33:12,270 --> 00:33:14,970 чаму мы далі вам, што арыгінальны сайт у пачатак, якое злучае вас з 674 00:33:14,970 --> 00:33:18,080 Старонкі праекта, каб вы маглі бачыць, што дакументацыю. 675 00:33:18,080 --> 00:33:22,670 >> Як правіла, старонка праекта ў выпадку з [неразборліва], ён сказаў вам у 676 00:33:22,670 --> 00:33:23,940 імёны класаў. 677 00:33:23,940 --> 00:33:27,250 У выпадку JavaScript, гэта дае Вы назва функцый. 678 00:33:27,250 --> 00:33:35,310 Дарэчы, калі мы пракруткі уверх да вяршыні, хуткі цікава адзначыць на функцый 679 00:33:35,310 --> 00:33:39,080 кожны раз, калі вы бачыце функцыю рэалізаваны як гэта з цяжка 680 00:33:39,080 --> 00:33:43,800 дужкі ў сярэдзіне, гэта азначае, што гэта ўласцівасць з'яўляецца неабавязковым. 681 00:33:43,800 --> 00:33:44,750 Проста галавы. 682 00:33:44,750 --> 00:33:47,350 Я бачыў шмат пытанняў пра гэта. 683 00:33:47,350 --> 00:33:50,370 >> І вось мы бачым, што жывы прымае ўласцівасці 684 00:33:50,370 --> 00:33:51,800 ў якасці неабходнага аргументу. 685 00:33:51,800 --> 00:33:54,870 А ўсё астатняе не з'яўляецца абавязковым. 686 00:33:54,870 --> 00:33:56,136 Заўвага боку - 687 00:33:56,136 --> 00:33:58,090 Вы можаце думаць пра гэта, свайго роду з, як чалавек старонак. 688 00:33:58,090 --> 00:34:04,275 Даведкавыя старонкі дакументацыі для C і для многіх іншых рэчаў, а таксама. 689 00:34:04,275 --> 00:34:11,020 >> Майк Риццо: Такім чынам, мы даведаліся, як змяніць розныя CSS на старонцы, 690 00:34:11,020 --> 00:34:14,040 ажывіць яго, і зняць дадаць HTML. 691 00:34:14,040 --> 00:34:16,889 Але адзін з сапраўды самы магутны рэчы пра JavaScript 692 00:34:16,889 --> 00:34:18,270 і асабліва JQuery - 693 00:34:18,270 --> 00:34:22,570 што гэта дазваляе зрабіць, гэта адказаць на розныя элементы, якія адбываюцца. 694 00:34:22,570 --> 00:34:25,380 Напрыклад, тут мы маем апрацоўшчык падзеі. 695 00:34:25,380 --> 00:34:28,210 І гэта проста азначае, кожны раз, калі гэта Падзея адбываецца, мы з ёй у 696 00:34:28,210 --> 00:34:29,280 пэўным чынам. 697 00:34:29,280 --> 00:34:35,159 >> Дык вось, агульны падзея JQuery апрацоўшчык з'яўляецца кропка на. 698 00:34:35,159 --> 00:34:42,949 А потым, першае, што вы далі гэта тое, што падзея гэта павінна 699 00:34:42,949 --> 00:34:43,810 слухаць для. 700 00:34:43,810 --> 00:34:45,610 Дык вось, гэта пстрычка, што мы чакаем. 701 00:34:45,610 --> 00:34:49,250 >> Томас Реймерс: З іншага боку, у вас ёсць пры навядзенні, які з'яўляецца вельмі папулярным. 702 00:34:49,250 --> 00:34:52,000 Такім чынам, вернемся да маёй выпадальнага ідэі меню. 703 00:34:52,000 --> 00:34:54,239 Вы павінны былі б верхнюю адзін на навядзенні курсора мышы. 704 00:34:54,239 --> 00:34:56,096 І тады вы маглі б змяніць гэтую сітуацыю. 705 00:34:56,096 --> 00:34:56,830 >> Майк Риццо: Дакладна. 706 00:34:56,830 --> 00:35:01,680 А потым, калі гэта адбудзецца, гэта проста выконвае гэтую функцыю, што мы даем яму 707 00:35:01,680 --> 00:35:05,080 ў якасці аргументу, і што ён папярэджвае прывітанне або прывітанне. 708 00:35:05,080 --> 00:35:08,900 >> Томас Реймерс: Так у выпадку JavaScript, гэта месца, дзе мы павінны 709 00:35:08,900 --> 00:35:12,970 выдаліць сябе ад С. Мы можам на самай справе прыняць функцыі ў якасці аргументаў. 710 00:35:12,970 --> 00:35:15,940 І ёсць шмат сапраўды складаныя спосабы зрабіць гэта. 711 00:35:15,940 --> 00:35:17,940 Мы збіраемся садзейнічаць у адзін бок, што вы можаце вызначыць 712 00:35:17,940 --> 00:35:19,270 функцыянаваць прама там. 713 00:35:19,270 --> 00:35:22,540 >> Так што, калі вы просіце функцыі як параметр, вы ў асноўным толькі 714 00:35:22,540 --> 00:35:24,500 збіраецца вызначыць функцыю на месцы. 715 00:35:24,500 --> 00:35:27,090 І тое, як вы вызначаеце функцыю у JavaScript з'яўляецца вы 716 00:35:27,090 --> 00:35:28,820 літаральна сказаць функцыю. 717 00:35:28,820 --> 00:35:30,130 Затым, як правіла, назва функцыі. 718 00:35:30,130 --> 00:35:32,510 Але мы ніколі не будзем спасылацца на гэтая функцыя зноў. 719 00:35:32,510 --> 00:35:34,040 Такім чынам, мы пакінуць яго безыменным. 720 00:35:34,040 --> 00:35:40,440 >> Тады дужкі, то фігурныя дужкі, а затым код ўнутры гэтага. 721 00:35:40,440 --> 00:35:42,540 Такім чынам, мы разумеем, гэта можа быць трохі заблытаным. 722 00:35:42,540 --> 00:35:45,180 Такім чынам, мы даем вам агульны выгляд што апрацоўшчык падзей выглядае 723 00:35:45,180 --> 00:35:47,790 ніжэй, што на падзеі. 724 00:35:47,790 --> 00:35:50,598 А потым, ваш код ўнутры гэтага. 725 00:35:50,598 --> 00:35:52,478 >> Майк Риццо: Ці ёсць пытанні па гэтай нагоды? 726 00:35:52,478 --> 00:35:54,818 Гэта можа быць трохі заблытаным, у першы раз вы яго бачыце. 727 00:35:54,818 --> 00:35:57,550 >> Томас Реймерс: Вы на самой справе хочаце адкрыць файл і паказаць ім некаторыя 728 00:35:57,550 --> 00:35:58,155 JQuery прама цяпер? 729 00:35:58,155 --> 00:35:59,853 >> Майк Риццо: Так, давайце зробім гэта. 730 00:35:59,853 --> 00:36:00,256 ОК. 731 00:36:00,256 --> 00:36:02,490 >> Томас Реймерс: Так што цяпер мы ў прыборы. 732 00:36:02,490 --> 00:36:07,730 І тое, што мы зрабілі, мы прынялі свабода стварэння як у index.html 733 00:36:07,730 --> 00:36:10,100 файл, які адлюстроўвае спасылкі на файл JavaScript. 734 00:36:10,100 --> 00:36:12,880 І ці можам мы адкрыць - 735 00:36:12,880 --> 00:36:15,170 так. 736 00:36:15,170 --> 00:36:16,630 Ну, гэта робіць дзве рэчы. 737 00:36:16,630 --> 00:36:18,350 >> Першы гэта спасылкі на файл JavaScript. 738 00:36:18,350 --> 00:36:21,250 І мы ўбачым, што тут. 739 00:36:21,250 --> 00:36:25,340 Мы бачым, што ў галаве HTML дакумент, у прыватнасці. 740 00:36:25,340 --> 00:36:28,260 Такім чынам, вы ўбачыце, што там мы, у асноўным, кажуць SRC, 741 00:36:28,260 --> 00:36:29,590 якая выступае за крыніцай. 742 00:36:29,590 --> 00:36:30,630 І гэта URL. 743 00:36:30,630 --> 00:36:32,700 >> Таму тут можна сказаць, што мы ўключаны JQuery. 744 00:36:32,700 --> 00:36:34,290 І мы таксама ўключылі скрыпты. 745 00:36:34,290 --> 00:36:40,630 Іншы спосаб ўключыць JavaScript з'яўляецца што можна ўключыць убудаваны скрыпт 746 00:36:40,630 --> 00:36:44,600 Тэг, як у нас на дне, дзе ён кажа тыпу сцэнар тэкст JavaScript. 747 00:36:44,600 --> 00:36:46,960 >> Так мы гаворым, слухаць, мы аб ўключаць сцэнар. 748 00:36:46,960 --> 00:36:51,890 І тып гэтага сцэнарыя з'яўляецца JavaScript, які з'яўляецца адным з відаў тэксту. 749 00:36:51,890 --> 00:36:52,550 Вельмі проста. 750 00:36:52,550 --> 00:36:56,490 >> Майк Риццо: Так што гэта, свайго роду, трапляе ў ваша пытанне аб тым, як мы ўключаем 751 00:36:56,490 --> 00:37:02,340 JavaScript ў нашых файлах, таму што, калі мы што PHP, мы зрабіць нешта накшталт гэтага. 752 00:37:02,340 --> 00:37:07,570 І потым, ёсць свае PHP функцыі - скажам запасы рабіць 753 00:37:07,570 --> 00:37:09,150 нешта з гэтым - 754 00:37:09,150 --> 00:37:10,490 ідзе туды. 755 00:37:10,490 --> 00:37:13,860 Тым не менш, зараз у нас ёсць тэгі сцэнара што мы даем яго, што на самой справе 756 00:37:13,860 --> 00:37:19,470 часткай самога HTML, таму што гэта не прыкідваецца быць HTML файл падабаецца 757 00:37:19,470 --> 00:37:25,070 знаходзіцца ў PHP таму што калі вы на самой справе ісці ў і паглядзець на зыходны код старонкі, 758 00:37:25,070 --> 00:37:28,430 вы ўбачыце гэтыя тэгі сцэнара там з JavaScript, звязаны з 759 00:37:28,430 --> 00:37:29,800 ім у гэтым. 760 00:37:29,800 --> 00:37:31,760 >> Такім чынам, калі мы хочам напісаць некаторы наяўнасць - 761 00:37:31,760 --> 00:37:37,110 давайце проста скажам, мы хацелі змяніць цела таму што цяпер у мяне няма 762 00:37:37,110 --> 00:37:40,020 любыя іншыя тэгі, што я магу сапраўды рэдагаваць акрамя цела. 763 00:37:40,020 --> 00:37:42,450 Давайце проста скажам, што я хацеў змяніць CSS гэтага. 764 00:37:42,450 --> 00:37:46,190 Таму мы будзем ісці наперад і змены колер яго на чырвоны. 765 00:37:46,190 --> 00:37:47,380 >> Так што я захаваць файл. 766 00:37:47,380 --> 00:37:52,700 Давайце вернемся да нашай вэб-старонцы, абнаўлення, і ён робіць гэта аўтаматычна 767 00:37:52,700 --> 00:37:55,920 таму што гэта не здавалася, што гэта чакалі наогул, таму што мы не слухалі 768 00:37:55,920 --> 00:37:59,450 для падзеі або што-небудзь падобнае. 769 00:37:59,450 --> 00:38:02,800 >> Томас Реймерс: Дык што, калі мы вернемся да таго, што падаць у прыватнасці - HTML, 770 00:38:02,800 --> 00:38:04,710 Выява - Што вы збіраецеся каб убачыць гэта ў нас ёсць - 771 00:38:04,710 --> 00:38:06,810 памятаць, што гэта будзе загружаны, роду, у храналагічным парадку. 772 00:38:06,810 --> 00:38:09,910 Таму ў нас ёсць першы кіраўнік. ён загружае гэтыя два файла. 773 00:38:09,910 --> 00:38:10,800 Тады мы ідзем да цела. 774 00:38:10,800 --> 00:38:11,640 І мы бачым, прывітанне свет. 775 00:38:11,640 --> 00:38:13,030 Так мы аказваем прывітанне свет. 776 00:38:13,030 --> 00:38:15,240 >> І тое апошняе, што ў нас ёсць будзе ў нас ёсць тэг сцэнара. 777 00:38:15,240 --> 00:38:20,880 Так ён працуе тэг сцэнара, таму што гэта не кажу гэта, каб чакаць. 778 00:38:20,880 --> 00:38:24,700 І гэта самае асноўнае спосаб запусціць JavaScript. 779 00:38:24,700 --> 00:38:29,200 >> З улікам сказанага, вы можаце пакласці сцэнар пазначыць у загалоўку проста 780 00:38:29,200 --> 00:38:31,240 паказаць гэтую кропку? 781 00:38:31,240 --> 00:38:34,450 782 00:38:34,450 --> 00:38:35,700 І запусціць гэта. 783 00:38:35,700 --> 00:38:38,880 784 00:38:38,880 --> 00:38:41,070 Мы збіраемся адзначыць, што гэта не зьмяніць колер. 785 00:38:41,070 --> 00:38:44,210 І гэта адна з праблем JavaScript з'яўляецца тое, што рэчы загружаны 786 00:38:44,210 --> 00:38:45,930 ў храналагічным парадку. 787 00:38:45,930 --> 00:38:49,750 >> Так у той час, што код бег, мы абралі - 788 00:38:49,750 --> 00:38:52,530 вярнуцца - 789 00:38:52,530 --> 00:38:53,670 цела тэга. 790 00:38:53,670 --> 00:38:57,560 Тэг цела яшчэ не існуе, таму што JavaScript з'яўляецца ў адпаведнасці з HTML. 791 00:38:57,560 --> 00:39:01,790 Такім чынам, браўзэр, як абярыце цела. 792 00:39:01,790 --> 00:39:02,760 Там няма такога паняцця, яшчэ. 793 00:39:02,760 --> 00:39:03,600 Такім чынам, мы можам ігнараваць гэта. 794 00:39:03,600 --> 00:39:05,330 І мы працягваем. 795 00:39:05,330 --> 00:39:07,200 >> А потым мы вызначаем цела тэга. 796 00:39:07,200 --> 00:39:09,670 Але гэта ніколі не абнаўляецца. 797 00:39:09,670 --> 00:39:12,560 Таму, калі вы рэалізуеце сцэнар тэгі, пераканайцеся, што вы змесціце 798 00:39:12,560 --> 00:39:15,502 пасля тэга цела. 799 00:39:15,502 --> 00:39:16,820 Наступны слайд. 800 00:39:16,820 --> 00:39:17,830 >> Майк Риццо: ОК. 801 00:39:17,830 --> 00:39:19,330 Такім чынам, мы змянілі што-то. 802 00:39:19,330 --> 00:39:21,910 Але гэта не было падобна, што адказалі на нам наогул, таму што гэта толькі часткова 803 00:39:21,910 --> 00:39:24,150 зрабіў гэта, як толькі ён загружаецца старонку. 804 00:39:24,150 --> 00:39:27,700 Так што цяпер, замест таго, каб рабіць гэта, то чаму ня мы дадаем апрацоўшчык падзеі. 805 00:39:27,700 --> 00:39:31,020 >> Так што давайце рабіць нешта да цела зноў. 806 00:39:31,020 --> 00:39:33,490 І скажам, мы робім гэта на - 807 00:39:33,490 --> 00:39:34,500 націсніце. 808 00:39:34,500 --> 00:39:35,750 Мы дадамо функцыю. 809 00:39:35,750 --> 00:39:38,270 810 00:39:38,270 --> 00:39:39,690 >> Змена Давайце: Tomas Реймерс яго колер на чырвоны зноў. 811 00:39:39,690 --> 00:39:40,000 Чаму не? 812 00:39:40,000 --> 00:39:41,680 >> Майк Риццо: Так, давайце змены яго «колер на чырвоны зноў. 813 00:39:41,680 --> 00:39:46,310 814 00:39:46,310 --> 00:39:46,900 Добра. 815 00:39:46,900 --> 00:39:48,480 Так што давайце перазагрузіце старонку. 816 00:39:48,480 --> 00:39:49,530 ОК, мы бачым - 817 00:39:49,530 --> 00:39:52,290 як і чакалася, ён не пачырванее яшчэ. 818 00:39:52,290 --> 00:39:53,610 Але тады мы можам ісці наперад і пстрыкніце па ім. 819 00:39:53,610 --> 00:39:54,270 >> Томас Реймерс: І гэта становіцца чырвоным. 820 00:39:54,270 --> 00:39:56,090 >> Майк Риццо: І гэта робіць чырванеюць, як чакалася. 821 00:39:56,090 --> 00:39:59,010 >> Томас Реймерс: І мы бачым, як мы можам пачаць будаваць вельмі асноўным 822 00:39:59,010 --> 00:40:00,170 ўзаемадзеянне. 823 00:40:00,170 --> 00:40:03,850 Іншыя рэчы, якія мы маглі б хацець зрабіць, гэта, калі мы не хочам, каб зрабіць цела 824 00:40:03,850 --> 00:40:07,230 Колер чырвоны, давайце зробім HTML фон чырвоны колер. 825 00:40:07,230 --> 00:40:08,480 Менавіта так гэта тое ж самае CSS. 826 00:40:08,480 --> 00:40:19,960 827 00:40:19,960 --> 00:40:23,320 >> І калі мы змяніць яго, мы можам убачыць гэта вельмі драматычна эфект змены 828 00:40:23,320 --> 00:40:25,510 ўся старонка. 829 00:40:25,510 --> 00:40:29,100 Такім чынам, яшчэ раз, калі вы рэалізуеце рэчы, Вы можаце мець адзін кампанент 830 00:40:29,100 --> 00:40:30,150 які прызначаны для шчоўкнулі. 831 00:40:30,150 --> 00:40:32,710 Скажам кнопку Exit і Увесь іншы кампанент, 832 00:40:32,710 --> 00:40:33,830 які прызначаны, каб адказаць. 833 00:40:33,830 --> 00:40:35,755 Такім чынам, вы б выдаліць акно калі гэта адбудзецца. 834 00:40:35,755 --> 00:40:39,341 835 00:40:39,341 --> 00:40:40,700 >> Майк Риццо: ОК. 836 00:40:40,700 --> 00:40:42,200 Проста ў якасці прыкладу - 837 00:40:42,200 --> 00:40:44,400 вы не атрымаеце, каб убачыць гэта раней - 838 00:40:44,400 --> 00:40:47,500 Я проста пакажу вам, што гэта выглядае падабаецца, калі мы нешта схаваць. 839 00:40:47,500 --> 00:40:52,220 Так што я буду ісці наперад і не слізгаць уверх. 840 00:40:52,220 --> 00:40:54,440 >> Томас Реймерс: Хочаце, каб абгарнуць, што ў Тып пункта, перш чым мы гэта зрабіць? 841 00:40:54,440 --> 00:40:55,132 >> Майк Риццо: ОК. 842 00:40:55,132 --> 00:40:59,135 Так, чаму б нам не зрабіць гэта проста так мы можам выбраць яго крыху больш. 843 00:40:59,135 --> 00:41:00,490 >> Томас Реймерс: І давайце даць яму клас. 844 00:41:00,490 --> 00:41:01,740 >> Майк Риццо: Так. 845 00:41:01,740 --> 00:41:06,575 846 00:41:06,575 --> 00:41:09,920 Такім чынам, давайце паглядзім. 847 00:41:09,920 --> 00:41:14,820 Замест выбару фактычнае цела Зараз, я проста выберыце ўсё з 848 00:41:14,820 --> 00:41:18,780 Клас прывітанне, якую мы тут проста ёсць адна рэч. 849 00:41:18,780 --> 00:41:20,900 Такім чынам, мы не павінны турбавацца пра гэта. 850 00:41:20,900 --> 00:41:23,080 >> Так што я буду абнаўляць яго. 851 00:41:23,080 --> 00:41:24,230 Я буду ісці наперад і пстрыкніце па ім. 852 00:41:24,230 --> 00:41:27,890 І гэта, свайго роду, зрабіў дзіўны Slide да рэч, якая не глядзеў, што 853 00:41:27,890 --> 00:41:29,580 прывабным. 854 00:41:29,580 --> 00:41:31,060 Як правіла, яны выглядаюць даволі прыемна. 855 00:41:31,060 --> 00:41:32,720 Я думаю, гэта - для некаторых Прычына - няма. 856 00:41:32,720 --> 00:41:36,640 Я проста зрабіць знікаць так, вы можаце паглядзець на гэта таксама. 857 00:41:36,640 --> 00:41:38,100 Нашмат прыемней. 858 00:41:38,100 --> 00:41:41,150 >> І потым, калі я адкрываю наяўнасць суцешыць зноў, і мы хочам убачыць, што 859 00:41:41,150 --> 00:41:43,900 ён выглядае, калі мы знікаць яго цалі 860 00:41:43,900 --> 00:41:46,920 Зараз, я проста патэлефануеце знікаць на гэтым. 861 00:41:46,920 --> 00:41:48,830 І яна знікае маштаб 862 00:41:48,830 --> 00:41:56,150 >> Сапраўды гэтак жа мы маглі на самай справе таксама праходзяць Аргумент знікаць або знікаць, 863 00:41:56,150 --> 00:41:57,640 які з'яўляецца, свайго роду, хуткасць яго. 864 00:41:57,640 --> 00:42:02,220 Так што давайце ісці наперад і сказаць, што мы хочам гэта ісці павольна знікаць цалі 865 00:42:02,220 --> 00:42:04,250 Так што я думаю гэта ўсё яшчэ здавалася даволі хутка. 866 00:42:04,250 --> 00:42:06,180 Але гэта было больш павольна, чым раней. 867 00:42:06,180 --> 00:42:10,340 >> Томас Реймерс: І калі вы хочаце, каб знайсці больш аб гэтых рэчах, зноў жа, 868 00:42:10,340 --> 00:42:13,410 проста пайсці ў дакументацыі JQuery, якія мы далі вам, і чытаць 869 00:42:13,410 --> 00:42:13,735 праз іх. 870 00:42:13,735 --> 00:42:15,790 Яны дакументуюць свае функцыі неверагодна добра. 871 00:42:15,790 --> 00:42:18,622 872 00:42:18,622 --> 00:42:19,570 >> Майк Риццо: ОК. 873 00:42:19,570 --> 00:42:21,560 Так што я думаю давайце вернемся да гэтага. 874 00:42:21,560 --> 00:42:23,490 І мы можам казаць аб нашай апошняй старонцы. 875 00:42:23,490 --> 00:42:24,690 Ну, мы можам скончыць з Bootstrap. 876 00:42:24,690 --> 00:42:27,140 І тады мы будзем адкрыць яго на некаторыя пытанні. 877 00:42:27,140 --> 00:42:30,180 І калі вы, хлопцы, ёсць якія-небудзь ідэі, што Вы хацелі б, каб паспрабаваць кінуць і паглядзець, 878 00:42:30,180 --> 00:42:34,150 калі мы можам рэалізаваць іх з JavaScript хутка. 879 00:42:34,150 --> 00:42:37,890 >> Так на самай справе хутка аб пачатковай загрузкі, які аўтаматычна ўключаны ў 880 00:42:37,890 --> 00:42:41,700 ваша апошняя праблема ўсталяваць у тэчцы CSS а на самой справе звязаныя з у вашым 881 00:42:41,700 --> 00:42:43,190 header.php. 882 00:42:43,190 --> 00:42:46,740 Такім чынам, вы маглі б дадаць класы, вызначаны ў Bootstrap да яго. 883 00:42:46,740 --> 00:42:50,490 І гэта было б аўтаматычна стылі тыя рэчы, адпаведна. 884 00:42:50,490 --> 00:42:54,550 >> Томас Реймерс: Так пачатковай загрузкі з'яўляецца вельмі чароўная рэч, распрацаваны людзей 885 00:42:54,550 --> 00:42:55,340 на Twitter. 886 00:42:55,340 --> 00:42:57,230 І тое, што яна павінна была зрабіць, было - 887 00:42:57,230 --> 00:43:00,740 перад вэб-сайты былі сапраўды цяжка зрабіць добра выглядаць, асабліва калі ў нас былі 888 00:43:00,740 --> 00:43:02,200 шмат агульных кампанентаў. 889 00:43:02,200 --> 00:43:04,770 Так шмат кнопак на вэб выглядалі аднолькава. 890 00:43:04,770 --> 00:43:08,960 >> Шмат тэкставых палёў могуць быць зроблены выглядаць лепш, чым стандартны тэкст 891 00:43:08,960 --> 00:43:13,620 поле вы, напэўна, ведаеце з сапраўды старыя вэб-сайты або сапраўды дрэнна зрабіў 892 00:43:13,620 --> 00:43:18,210 вэб-сайты, якія проста выглядаюць як літаральнае тэкставыя палі без якіх-небудзь выглядзе тэксту 893 00:43:18,210 --> 00:43:21,190 цень або любы выгляд добры контурам. 894 00:43:21,190 --> 00:43:24,540 Так што Бутстреп зрабіў, ён сказаў, ну, У нас ёсць шмат агульных стыляў. 895 00:43:24,540 --> 00:43:28,210 Чаму б нам не зрабіць адзін агульны набор CSS і агульны набор JavaScript як 896 00:43:28,210 --> 00:43:32,210 добра, што можа ўкладваць усё як ёсць, а якія можа даць людзям такія рэчы, як падзенне 897 00:43:32,210 --> 00:43:34,610 ўніз меню, якія могуць даць людзям рэчы, як мадальнасцяў. 898 00:43:34,610 --> 00:43:38,580 >> Мадальныя тое, што ўсплывае на старонцы кожны раз, калі гэта, строга кажучы, 899 00:43:38,580 --> 00:43:41,090 нешта, што перашкаджае далейшаму ўзаемадзеянне да вас 900 00:43:41,090 --> 00:43:43,110 ўзаемадзейнічаць з ім. 901 00:43:43,110 --> 00:43:45,820 Нешта падобнае, вы ўпэўненыя, , Што хочаце выдаліць гэтую рэч? 902 00:43:45,820 --> 00:43:49,100 Вы не можаце сапраўды зрабіць што-небудзь яшчэ пакуль вы не сказаць так ці не. 903 00:43:49,100 --> 00:43:52,720 >> Спатрэбілася ўсяго гэтага, і гэта запакаваная яго разам і сказаў, тут мы ідзем. 904 00:43:52,720 --> 00:43:54,630 Цяпер людзі могуць выкарыстоўваць гэта. 905 00:43:54,630 --> 00:43:56,830 І вы можаце знайсці яго на у getbootstrap.com. 906 00:43:56,830 --> 00:44:00,480 Было аўтаматычна ўключаны ў ваша апошняя праблема ўсталяваць. 907 00:44:00,480 --> 00:44:04,160 І вы больш, чым можаце выкарыстоўваць яго на сваім канчатковым праекце. 908 00:44:04,160 --> 00:44:06,950 І калі вы хочаце прытрымлівацца, што спасылцы, каб атрымаць Bootstrap. 909 00:44:06,950 --> 00:44:10,590 910 00:44:10,590 --> 00:44:15,700 >> Вы ўбачыце тут з'яўляецца BootStrap CSS сайт. 911 00:44:15,700 --> 00:44:16,860 Вы ўбачыце Bootstrap. 912 00:44:16,860 --> 00:44:20,450 І калі вы пракруціць ўніз, вы ўбачыце як загрузіць яго, як 913 00:44:20,450 --> 00:44:21,900 ўсталяваць яго, і гэтак далей. 914 00:44:21,900 --> 00:44:24,700 >> Майк Риццо: І вы таксама можаце, што цікава, наладзіць яго на 915 00:44:24,700 --> 00:44:27,770 быць любы выгляд тэмы што вы хочаце. 916 00:44:27,770 --> 00:44:31,270 Я ведаю, што тое, што я зрабіў для майго Канчатковы праект, калі я ўзяў клас 917 00:44:31,270 --> 00:44:32,050 быў наладзіць яго. 918 00:44:32,050 --> 00:44:34,540 Іншы варыянт пачатковай загрузкі, што было іншую каляровую схему і 919 00:44:34,540 --> 00:44:36,700 розныя формы некаторыя розныя рэчы. 920 00:44:36,700 --> 00:44:38,250 Таму я заклікаю вас, каб гуляць з гэтым. 921 00:44:38,250 --> 00:44:39,440 Гэта пацешна рабіць. 922 00:44:39,440 --> 00:44:43,230 >> Томас Реймерс: Гледзячы ў верхняй зноў жа, гэта вельмі падобна на Font 923 00:44:43,230 --> 00:44:44,970 Выдатны сайт. 924 00:44:44,970 --> 00:44:47,810 Шмат дакументацыі пачнецца каб здацца падобнымі, калі вы 925 00:44:47,810 --> 00:44:48,940 бачыў дастаткова. 926 00:44:48,940 --> 00:44:51,260 Так вось у нас ёсць CSS кампанентам гэтага. 927 00:44:51,260 --> 00:44:53,540 І вы ўбачыце, як гэта можаце стыль рэчы. 928 00:44:53,540 --> 00:44:56,780 Так што калі вы пстрыкніце на сталах, напрыклад, вы можаце імгненна зрабіць 929 00:44:56,780 --> 00:45:01,710 табліца даволі простым даданнем клас табліцы да яго. 930 00:45:01,710 --> 00:45:03,150 >> Тыя ж рэчы для кнопак. 931 00:45:03,150 --> 00:45:12,140 Калі вы проста дадаць клас BTN і BTN па змаўчанні ці BTN першасны, вы можаце 932 00:45:12,140 --> 00:45:16,240 атрымаць любую з гэтых кнопак з гэтымі папярэдне зробленых стыляў. 933 00:45:16,240 --> 00:45:18,570 І потым, калі вы шукаеце нешта больш складанае, чым проста 934 00:45:18,570 --> 00:45:24,100 рэстайлінгу, што ж ужо ёсць, больш на ўкладка JavaScript па верхняй мы 935 00:45:24,100 --> 00:45:25,120 ёсць куча кампанентаў. 936 00:45:25,120 --> 00:45:30,410 >> Так вось у нас пераходы, мадальнасці, выпадальнае меню, укладак і усплывальныя падказкі. 937 00:45:30,410 --> 00:45:35,530 Падказка тое, што ўсплывае пад вашым мышы пры навядзенні на нешта. 938 00:45:35,530 --> 00:45:40,280 Popovers, абвесткі, кнопкі, зборна-разборныя акардэоны тое, што 939 00:45:40,280 --> 00:45:41,190 яны звычайна называюць. 940 00:45:41,190 --> 00:45:43,045 Каруселі, якія фліп праз, напрыклад, малюнкаў. 941 00:45:43,045 --> 00:45:52,190 942 00:45:52,190 --> 00:45:54,840 >> Так што тыя кампаненты бутстраповских. 943 00:45:54,840 --> 00:45:57,620 Я хацеў бы заклікаць вас высока пайсці паглядзець на іх. 944 00:45:57,620 --> 00:46:01,780 Там у кампанент JavaScript і кампанент CSS. 945 00:46:01,780 --> 00:46:03,880 Не саромейцеся выкарыстоўваць іх як хочаце. 946 00:46:03,880 --> 00:46:06,730 Мы не збіраемся ісці занадта шмат у іх таму што мы адчуваем у дакументацыі 947 00:46:06,730 --> 00:46:09,360 сапраўды добра зроблена. 948 00:46:09,360 --> 00:46:10,540 І так. 949 00:46:10,540 --> 00:46:14,500 Ці ёсць у вас пытанні па гэтай нагоды? 950 00:46:14,500 --> 00:46:19,430 >> Майк Риццо: Так як на самой справе хутка бок, дызайн гэтай вэб-старонцы, што 951 00:46:19,430 --> 00:46:21,830 мы хутка сабралі для гэтая прэзентацыя 952 00:46:21,830 --> 00:46:24,290 на самой справе робіцца з дапамогай загрузкі. 953 00:46:24,290 --> 00:46:27,810 Як вы можаце бачыць, калі мы націсніце на іх розныя ўкладкі, мы ніколі не фактычна 954 00:46:27,810 --> 00:46:30,750 пакідаючы гэтую бягучую старонку index.html. 955 00:46:30,750 --> 00:46:36,400 Так што ў нас ёсць гэта розныя дзівы на працягу гэтага index.html. 956 00:46:36,400 --> 00:46:39,610 А потым, калі мы націсніце адрозніваецца Ўкладка, гэта проста змена 957 00:46:39,610 --> 00:46:41,590 якія сваё паказ. 958 00:46:41,590 --> 00:46:47,390 >> Так што, адпаведна, пазіцыянуе іх, змяняе HTML старонкі, так што 959 00:46:47,390 --> 00:46:52,330 ўкладка ток пазначаны як актыўны, так аказваецца па-іншаму і знешні выгляд 960 00:46:52,330 --> 00:46:52,820 сапраўды добры. 961 00:46:52,820 --> 00:46:57,260 >> Томас Реймерс: Так што ўсё было зроблена без нас пісаць практычна любыя CSS. 962 00:46:57,260 --> 00:47:01,440 Мы таксама бачым, загаловак у верхняй, якой колеру намі. 963 00:47:01,440 --> 00:47:04,800 Але фактычнае паставіўшы яго на верхняя частка старонкі і зрабіць 964 00:47:04,800 --> 00:47:06,660 гэта скрутак быў пачатковай загрузкі. 965 00:47:06,660 --> 00:47:09,720 А потым нават для іншай бібліятэкі - гэта не адзін мы казалі аб але 966 00:47:09,720 --> 00:47:11,580 Вы можаце Google, калі вы хочаце. 967 00:47:11,580 --> 00:47:15,130 Гэта называецца prettify.js. 968 00:47:15,130 --> 00:47:20,650 І гэта будзе Падсвятленне сінтаксісу кода для вас, выкарыстоўваючы як CSS і JavaScript. 969 00:47:20,650 --> 00:47:23,480 970 00:47:23,480 --> 00:47:27,070 >> Апошняе, што мы хочам казаць пра перш, чым мы выпусціць вас з ў 971 00:47:27,070 --> 00:47:30,620 Свет паглядзець у бібліятэках, каб высветліць, як іх выкарыстоўваць і, спадзяюся, 972 00:47:30,620 --> 00:47:34,640 чытаць дакументацыю і знайсці тое, што вы Неабходнасць у тым, як знайсці бібліятэкі. 973 00:47:34,640 --> 00:47:37,000 Такім чынам, першы з'яўляецца мы проста будзе штурхаць Google. 974 00:47:37,000 --> 00:47:37,810 Адразу Google. 975 00:47:37,810 --> 00:47:41,150 >> Гэта літаральна тое, што мы робім, калі мы трэба нешта рабіць, мы Google. 976 00:47:41,150 --> 00:47:44,730 Ёсць бібліятэка JavaScript, што дазваляе мне кіраваць часам у 977 00:47:44,730 --> 00:47:45,400 карысны спосаб? 978 00:47:45,400 --> 00:47:49,510 Так што, калі я ведаю, што які-небудзь карыстальнік стварэння рахунку тут, і гэта 979 00:47:49,510 --> 00:47:53,010 бягучы час, як я магу вылічыць Розніца з што без таго, каб 980 00:47:53,010 --> 00:47:55,020 разлічыць яго самастойна? 981 00:47:55,020 --> 00:47:59,630 Так што гэта на самай справе звычайная справа, JavaScript бібліятэка часу. 982 00:47:59,630 --> 00:48:02,440 І вось мы, Moment.js-- адзін з самых папулярных. 983 00:48:02,440 --> 00:48:06,530 >> Калі нам патрэбна бібліятэка для маніпулявання нешта накшталт колеру, каб мець магчымасць 984 00:48:06,530 --> 00:48:08,650 генераваць кучу выпадковых кветак - 985 00:48:08,650 --> 00:48:10,660 магчыма, каб генераваць стыль ці нешта - 986 00:48:10,660 --> 00:48:13,480 мы маглі Google нешта накшталт JavaScript колер бібліятэка. 987 00:48:13,480 --> 00:48:15,620 І я ўпэўнены, што мы б ўсплывальнае акно з Тысяча і адна з іх. 988 00:48:15,620 --> 00:48:18,290 989 00:48:18,290 --> 00:48:21,410 Вы заўсёды можаце прачытаць іх. 990 00:48:21,410 --> 00:48:24,610 >> Так большасць рэчаў - калі вы іх знойдзеце - збіраюцца быць размешчаны на адным з 991 00:48:24,610 --> 00:48:25,920 сайты, якія прымаюць код. 992 00:48:25,920 --> 00:48:26,960 Яны некалькі папулярныя з іх. 993 00:48:26,960 --> 00:48:30,870 Самы папулярны, па безумоўна, з'яўляецца github.com. 994 00:48:30,870 --> 00:48:35,300 І калі вы ідзяце ў GitHub гэта на самай справе дзе было арганізавана Нармалізаваць. 995 00:48:35,300 --> 00:48:36,950 Так што калі вы хочаце, каб вярнуцца да таго. 996 00:48:36,950 --> 00:48:38,135 Пакажыце ім, што. 997 00:48:38,135 --> 00:48:40,516 >> Майк Риццо: А што на самой справе, дзе гэта размяшчаецца таксама, калі вы заўважылі. 998 00:48:40,516 --> 00:48:41,000 >> Томас Реймерс: Так. 999 00:48:41,000 --> 00:48:49,078 Так што, калі вы ідзяце да Нармалізаваць і перайсці да GitHub. 1000 00:48:49,078 --> 00:48:51,936 Былі гэта? 1001 00:48:51,936 --> 00:48:54,620 >> Майк Риццо: гэтая маленькая котка рэч з'яўляецца сімвалам GitHub. 1002 00:48:54,620 --> 00:48:56,330 >> Томас Реймерс: Ох. 1003 00:48:56,330 --> 00:49:02,180 Так GitHub выкарыстоўвае метад, званы Git для захоўвання кода. 1004 00:49:02,180 --> 00:49:05,150 Ці з'яўляецца вы не ведаеце, што гэта такое або гэта палохае вас, гэта нармальна. 1005 00:49:05,150 --> 00:49:16,100 Вы не павінны ведаць, што Git з'яўляецца таму GitHub мае кнопку Загрузіць 1006 00:49:16,100 --> 00:49:17,200 у правым ніжнім куце. 1007 00:49:17,200 --> 00:49:21,350 >> Іншая карысная рэч, каб ведаць аб GitHub з'яўляецца большасць прадуктаў 1008 00:49:21,350 --> 00:49:23,200 будзе чытаць мне. 1009 00:49:23,200 --> 00:49:25,400 І калі яны не маюць вэб-сайт, чытаць мне будзе казаць пра тое, як вы 1010 00:49:25,400 --> 00:49:28,310 ўсталяваць яго, як вы яго выкарыстоўваеце, тое, што ён робіць, і гэтак далей, і гэтак далей, і гэтак далей. 1011 00:49:28,310 --> 00:49:31,033 Тое, што мы ў асноўным былі вас праз. 1012 00:49:31,033 --> 00:49:32,326 >> Майк Риццо: Выхад Інтэрнэту. 1013 00:49:32,326 --> 00:49:34,020 >> Томас Реймерс: Гэта нармальна. 1014 00:49:34,020 --> 00:49:36,980 Апошнія дзве рэчы, якія мы хацелі казаць пра - 1015 00:49:36,980 --> 00:49:38,750 мы казалі аб Git - 1016 00:49:38,750 --> 00:49:40,290 з'яўляецца пошук і ліквідацыю няспраўнасцяў. 1017 00:49:40,290 --> 00:49:43,020 А гэта не так актуальна для канчатковы прадукт, як гэта 1018 00:49:43,020 --> 00:49:44,870 калі вы пакідаеце 50. 1019 00:49:44,870 --> 00:49:48,310 І калі вы сутыкнецеся з прадуктамі рэалізацыі бібліятэкі або рэалізацыі 1020 00:49:48,310 --> 00:49:50,230 Ваш уласны праект, вы будзеце ёсць пытанні ці вы 1021 00:49:50,230 --> 00:49:51,660 будзем глядзець на вашы пытанні. 1022 00:49:51,660 --> 00:49:53,060 >> Зноў жа, Google яго. 1023 00:49:53,060 --> 00:49:54,630 Гэта літаральна тое, што мы робім. 1024 00:49:54,630 --> 00:49:56,400 Гэта будзе гучаць недарэчна. 1025 00:49:56,400 --> 00:49:58,310 Але літаральна, мы Google яго. 1026 00:49:58,310 --> 00:50:01,810 І зноў жа, адным з першых рэчаў, вы будзеце, як правіла, працуюць у гэта 1027 00:50:01,810 --> 00:50:06,550 stackoverflow.com, які з'яўляецца выдатным пытанне і адказ відовішча. 1028 00:50:06,550 --> 00:50:10,530 >> Гэта выдатна і таму, што вы можаце размяшчаць на пытанні і шукаць 1029 00:50:10,530 --> 00:50:12,760 адказы, але і таму, што ён ужо мае шмат 1030 00:50:12,760 --> 00:50:14,590 папярэдне запоўненыя змесціва. 1031 00:50:14,590 --> 00:50:18,510 Так звычайна, калі вы Google праграмавання пытанне на працягу першых 1032 00:50:18,510 --> 00:50:22,620 пару хітоў вы, магчыма, ужо запусцілі ў яго падчас вашых праблемных мностваў. 1033 00:50:22,620 --> 00:50:27,840 >> А потым, у апошні сапраўды кароткае рэч з'яўляецца JSFIDDLE, што, - сёння мы ў 1034 00:50:27,840 --> 00:50:32,110 рабілі шмат працы з JavaScript HTML CSS. 1035 00:50:32,110 --> 00:50:39,820 JSFIDDLE з'яўляецца вэб-дадатак, якое ў асноўным дазваляе прыняць ваш HTML, вашы 1036 00:50:39,820 --> 00:50:42,820 JavaScript ўнізе злева, і ваш CSS ў правым верхнім куце. 1037 00:50:42,820 --> 00:50:47,840 І то гэта можа стварыць хуткі рэндэр з яго і паглядзець, як ён ўзаемадзейнічае. 1038 00:50:47,840 --> 00:50:50,500 Гэта вельмі карысна, калі людзі спрабуюць зрабіць доказ канцэпцыі, як 1039 00:50:50,500 --> 00:50:52,910 гэта, як вы б зрабіць выпадальнае меню. 1040 00:50:52,910 --> 00:50:54,980 Можа быць, хуткі раскрыць або любы іншы. 1041 00:50:54,980 --> 00:50:56,560 >> Майк Риццо: Так што давайце ісці наперад і націсніце на гэтую. 1042 00:50:56,560 --> 00:50:57,820 Невялікае заўвага - 1043 00:50:57,820 --> 00:51:00,430 у той час як, перш, чым мы былі робяць на пстрычкай мышы. 1044 00:51:00,430 --> 00:51:04,380 Аказваецца JCorey Карэя таксама мае ўбудаваны у апрацоўшчык падзей клік, што гэта 1045 00:51:04,380 --> 00:51:07,020 выкарыстоўвае толькі таму, што гэта лічбы вы захоча зрабіць шмат рэчаў 1046 00:51:07,020 --> 00:51:08,410 калі вы хочаце, каб націснуць нешта. 1047 00:51:08,410 --> 00:51:09,690 >> Акрамя таго, ён таксама мае навядзенні. 1048 00:51:09,690 --> 00:51:12,850 Але каб атрымаць поўны спектр тых, паглядзіце на JQuery 1049 00:51:12,850 --> 00:51:15,320 дакументацыя і зрабіць гэта. 1050 00:51:15,320 --> 00:51:18,760 Я зрабіў што-то дурное тут. 1051 00:51:18,760 --> 00:51:21,490 >> Томас Реймерс: Так што я вельмі хутка Праграма прама тут, у якім гаворыцца, 1052 00:51:21,490 --> 00:51:22,640 кнопка на пстрычкай мышы. 1053 00:51:22,640 --> 00:51:23,890 Тады ў нас ёсць цыкл. 1054 00:51:23,890 --> 00:51:26,810 Для я менш 404. 1055 00:51:26,810 --> 00:51:29,530 Гэта проста будзе ўсплываў Гэтыя паведамленні. 1056 00:51:29,530 --> 00:51:33,425 >> Майк Риццо: І тое, што было Код 404 стаяў у HTML? 1057 00:51:33,425 --> 00:51:34,145 Ці памятае хто-небудзь? 1058 00:51:34,145 --> 00:51:35,450 Не знойдзена, правільна. 1059 00:51:35,450 --> 00:51:38,640 1060 00:51:38,640 --> 00:51:40,885 Хром таксама дадаў гэты акуратны рэч, дзе можна - 1061 00:51:40,885 --> 00:51:43,430 >> Томас Реймерс: Таму што людзі, як Майк пачаў рабіць гэта шмат, і 1062 00:51:43,430 --> 00:51:47,230 раздражняльныя карыстальнікаў, што дазваляе Вам бачыць інфармацыю. 1063 00:51:47,230 --> 00:51:48,286 >> Майк Риццо: Так. 1064 00:51:48,286 --> 00:51:50,690 >> Томас Реймерс: Ці ёсць у нас якія-небудзь пытанні пра гэта, пра JavaScript 1065 00:51:50,690 --> 00:51:53,420 бібліятэкі, пошуку бібліятэк, або выглядае тое, што вэб-распрацоўкі 1066 00:51:53,420 --> 00:51:55,400 як у рэальным свеце? 1067 00:51:55,400 --> 00:51:56,880 Мы бяжым супраць часу. 1068 00:51:56,880 --> 00:52:00,400 Так што я не ўпэўнены, што мы збіраемся паспець рэалізаваць 1069 00:52:00,400 --> 00:52:02,290 калі гэта не вельмі хутка. 1070 00:52:02,290 --> 00:52:04,580 Няўжо мы добра? 1071 00:52:04,580 --> 00:52:08,110 >> Майк Риццо: Усё, што вы, хлопцы, хацелі б каб убачыць вельмі хутка ў, як, два 1072 00:52:08,110 --> 00:52:09,556 хвілін або менш? 1073 00:52:09,556 --> 00:52:10,870 >> Томас Реймерс: Усе мы можам ўдакладніць? 1074 00:52:10,870 --> 00:52:12,500 Як напісаць у - 1075 00:52:12,500 --> 00:52:13,260 >> АЎДЫТОРЫЯ: [неразборліва]? 1076 00:52:13,260 --> 00:52:16,070 >> Майк Риццо: Так, так that's - 1077 00:52:16,070 --> 00:52:18,065 >> Томас Реймерс: Вы можаце проста націснуць Кантрольна-U на сайце. 1078 00:52:18,065 --> 00:52:19,275 >> Майк Риццо: О, я не ведаў, што. 1079 00:52:19,275 --> 00:52:22,290 >> Томас Реймерс: Я думаю, так. 1080 00:52:22,290 --> 00:52:23,300 Кантрольна-U. Так. 1081 00:52:23,300 --> 00:52:25,970 >> Майк Риццо: О, так гэта тое, Код для сайта. 1082 00:52:25,970 --> 00:52:29,580 Але калі вы сапраўды хочаце, каб загрузіць наш файлы і ўсё, ён размешчаны 1083 00:52:29,580 --> 00:52:32,650 на github.com 1084 00:52:32,650 --> 00:52:34,850 >> Томас Реймерс: скараціць маё імя - 1085 00:52:34,850 --> 00:52:38,504 Томас Реймерс - слэш CS50 злучок семінар. 1086 00:52:38,504 --> 00:52:40,710 >> Майк Риццо: А ці можна там ёсць усё. 1087 00:52:40,710 --> 00:52:42,310 >> Томас Реймерс: Гэта тое, што GitHub выглядае, дарэчы. 1088 00:52:42,310 --> 00:52:44,910 Такім чынам, яшчэ раз, калі вы бачыце з адкрытым зыходным кодам Праект, як правіла, яны будуць для чытання 1089 00:52:44,910 --> 00:52:45,950 мяне там, што вы можаце прачытаць. 1090 00:52:45,950 --> 00:52:50,200 І калі вярнуцца, вы заўважыце, што ў вас ёсць спампаваць ZIP, які будзе 1091 00:52:50,200 --> 00:52:52,130 дазваляюць загружаць крыніца Код ўключыць 1092 00:52:52,130 --> 00:52:53,666 прадукт у вашай ўласнай рэчы. 1093 00:52:53,666 --> 00:52:56,890 >> Майк Риццо: Так, і калі мы проста націсніце на index.html сапраўды хутка - 1094 00:52:56,890 --> 00:52:59,180 >> Томас Реймерс: Вы ўбачыце вось Зыходны код для нашага сайта. 1095 00:52:59,180 --> 00:53:02,016 1096 00:53:02,016 --> 00:53:06,070 >> Майк Риццо: Акрамя таго, я забыўся націснуць правай раней з вялікім сталом ён 1097 00:53:06,070 --> 00:53:09,860 уключаны, але ёсць таксама стол з chmods, што мы ўключаны 1098 00:53:09,860 --> 00:53:13,210 як раз для вашай яснасці. 1099 00:53:13,210 --> 00:53:16,940 Але калі мы вылучыце ўсе, аж да дно, мы фактычна не робяць вельмі 1100 00:53:16,940 --> 00:53:21,160 шмат з JavaScript матэрыял наогул з гэтым. 1101 00:53:21,160 --> 00:53:26,610 Гэта выключна ад усяго астатняе, што мы мелі. 1102 00:53:26,610 --> 00:53:28,730 >> Так што дзякуй вам, хлопцы, што прыйшлі і слухаць. 1103 00:53:28,730 --> 00:53:29,830 Мы спадзяемся, што гэта быў сапраўды папераджальны. 1104 00:53:29,830 --> 00:53:33,020 Калі ў Вас паўсталі наяўнасць адпаведнай пытанні ці проста хочаце, каб гаварыць аб 1105 00:53:33,020 --> 00:53:36,240 што яшчэ падабаецца тое, што іншыя цікавыя рэчы вы можаце зрабіць з JavaScript, мы будзем рады 1106 00:53:36,240 --> 00:53:37,186 пагаварыць з табой. 1107 00:53:37,186 --> 00:53:40,010 >> Томас Реймерс: Калі ў вас ёсць пытанне аб сваім праекце або, калі гэта можа быць 1108 00:53:40,010 --> 00:53:42,740 стаўленне, мы, верагодна, застацца трохі пасля гэтага. 1109 00:53:42,740 --> 00:53:44,640 Але акрамя гэтага, ёсць добры ўік-энд. 1110 00:53:44,640 --> 00:53:45,845 >> Майк Риццо: Так, падабаецца. 1111 00:53:45,845 --> 00:53:46,120 Ўбачымся. 1112 00:53:46,120 --> 00:53:47,370 >> Томас Реймерс: Убачымся. 1113 00:53:47,370 --> 00:53:47,926