1 00:00:00,000 --> 00:00:02,500 [Powered by Google Translate] [Семинар] [Веб развој: Од идеја до реализација] 2 00:00:02,500 --> 00:00:04,200 [Бен Кун] [Били Janitsch] [Универзитетот Харвард] 3 00:00:04,200 --> 00:00:07,250 [Ова е CS50] [CS50.TV] 4 00:00:07,250 --> 00:00:10,840 [Били] Здраво, јас сум Били и ова е Бен. >> [Бен] Здраво. 5 00:00:10,840 --> 00:00:12,840 Ние ќе се зборува за веб развој и денес. 6 00:00:12,840 --> 00:00:14,840 [Webdev] [Били Janitsch и Бен Кун] 7 00:00:14,840 --> 00:00:16,840 А малку за нас. 8 00:00:16,840 --> 00:00:19,590 Бен е вид на back-end дечко. Тој го прави работите работа. 9 00:00:19,590 --> 00:00:21,870 А потоа одам во и да ги направи убави. 10 00:00:21,870 --> 00:00:26,610 Јас сум во голема мера се вклучени со повеќе пред крајот на распоред дизајн вид на работи, 11 00:00:26,610 --> 00:00:31,260 и Бен, од друга страна, пак, не знае што прави, па тој работи на back-end работи. 12 00:00:31,260 --> 00:00:34,050 Заедно ние сме направени неколку работи. 13 00:00:34,050 --> 00:00:38,710 На пример, минатата година работеше на Gimblium кој е онлајн развојот на играта студио. 14 00:00:38,710 --> 00:00:40,400 Тоа беше нашиот последен проект за класата, 15 00:00:40,400 --> 00:00:42,780 и од тогаш ние сме направени Харвард Класа 16 00:00:42,780 --> 00:00:47,860 кој е онлајн рамка за прелистување и шопинг курсеви на Харвард. 17 00:00:47,860 --> 00:00:53,180 >> Ние ќе се започне со таа идеја за нашата веб страница. 18 00:00:53,180 --> 00:00:57,480 Ние ќе се направи Фејсбук, туку и за мачки. 19 00:00:57,480 --> 00:00:59,520 Пред навистина да сте го прават овој веб-сајт, 20 00:00:59,520 --> 00:01:02,520 не прават овој веб-сајт, бидејќи тоа не е добро, но ние ќе го користи како рамка 21 00:01:02,520 --> 00:01:05,349 и оди преку процесот на тоа како ние ја искористам оваа идеја 22 00:01:05,349 --> 00:01:07,450 и тоа се претвори во вистински веб-сајт може да се користат. 23 00:01:07,450 --> 00:01:11,940 Ќе започнеме со кршење на веб-сајтот надолу. 24 00:01:11,940 --> 00:01:13,190 Како што сте го правеле во CS50, 25 00:01:13,190 --> 00:01:17,360 сакате да се размислува за она што се вистинските компоненти, кои одат во овој веб-сајт. 26 00:01:17,360 --> 00:01:21,290 Во основа тоа се префрла од една идеја, која е само вид на апстрактен концепт 27 00:01:21,290 --> 00:01:23,590 во вистински, опипливи нешто што може да направи. 28 00:01:23,590 --> 00:01:25,910 Ние почнуваме со поставување на некои прашања. 29 00:01:25,910 --> 00:01:28,070 Што е овој сајт? Зошто сме го прави? 30 00:01:28,070 --> 00:01:30,670 Што е тоа ќе се користи за? Тој вид на работа. 31 00:01:30,670 --> 00:01:33,660 Во случај на Фејсбук Мачка, 32 00:01:33,660 --> 00:01:37,730 ние во основа сакаат веб страница која им овозможува на мачки социјална мрежа едни со други. 33 00:01:37,730 --> 00:01:41,260 Идејата е дека тие можат да ја објавите на едни со други ѕидови, 34 00:01:41,260 --> 00:01:43,510 тие можат да направат коментари, тој вид на работа. 35 00:01:43,510 --> 00:01:46,720 И тоа е каде доаѓаме во функционални компоненти. 36 00:01:46,720 --> 00:01:51,270 Сега имаме овој вид на рамка за - имаме кориснички профили, 37 00:01:51,270 --> 00:01:53,990 имаме коментари, и можеме да ја објавите. 38 00:01:53,990 --> 00:01:57,390 Можеби еден ден ќе прилив сака и тој вид на работа. 39 00:01:57,390 --> 00:02:00,410 И ние вид на сакаат да се даде приоритет на овие функции ќе внатре 40 00:02:00,410 --> 00:02:03,340 Ние сакаме да се каже како, добро, тоа е навистина важно дека секој има профил 41 00:02:03,340 --> 00:02:06,440 и дека секој може да ја објавите на едни со други ѕидови. 42 00:02:06,440 --> 00:02:08,509 Средно до тоа, коментари ќе биде убаво. 43 00:02:08,509 --> 00:02:10,180 Можеби подоцна ние ќе прилив допаѓаат. 44 00:02:10,180 --> 00:02:13,700 Значи, вие сакате да имате идеја за она што е од фундаментално значење за вашиот проект 45 00:02:13,700 --> 00:02:17,260 и она што е вид на една поопшта функција која може да се примени подоцна. 46 00:02:17,260 --> 00:02:20,870 Сакате да вид на имаат специфична листа на ум, 47 00:02:20,870 --> 00:02:24,090 но проектот што ќе почнете со нема да биде проект кој ќе завршите со. 48 00:02:24,090 --> 00:02:27,100 Со други зборови, работите се ќе се смени, додека сте со развојот на сајт, 49 00:02:27,100 --> 00:02:30,090 и сакате да се остави простор за тоа. 50 00:02:30,090 --> 00:02:34,470 Јас ќе го предаде бен кои се случува да се зборува малку за структура. 51 00:02:34,470 --> 00:02:39,610 >> [Бен] јас ќе одам да се зборува за повеќе технички страна на веб развој. 52 00:02:39,610 --> 00:02:42,370 Ајде да одиме над некои основите во прв план. 53 00:02:42,370 --> 00:02:45,730 Кога правиш веб стан, 54 00:02:45,730 --> 00:02:50,470 главната поделба дека си оди за да треба да имате е 55 00:02:50,470 --> 00:02:52,700 сте ќе треба да имаат некои работи се случува во клиентската страна - 56 00:02:52,700 --> 00:02:56,700 дека е, код кој сте прелистувач зема од сајтот 57 00:02:56,700 --> 00:03:01,910 и JavaScript, HTML, CSS нешта. 58 00:03:01,910 --> 00:03:04,490 Тоа е сè на клиентската страна. 59 00:03:04,490 --> 00:03:08,680 Ви се случува да имаат и други код кој работи на страната на серверот 60 00:03:08,680 --> 00:03:10,770 кој следи на сите податоци кои луѓето ги испрати во за вас, 61 00:03:10,770 --> 00:03:15,060 одлучува кој да се даде она, работи како што. 62 00:03:15,060 --> 00:03:20,380 Ова е само некои терминологија така што вие момци сите сме запознаени со она што го зборуваш. 63 00:03:20,380 --> 00:03:28,600 Покрај тоа поделба тоа е добро да се мисли на вашиот веб-стан во смисла на 64 00:03:28,600 --> 00:03:32,500 неколку различни компоненти. 65 00:03:32,500 --> 00:03:35,270 Кога правиш веб развој 66 00:03:35,270 --> 00:03:41,710 една од работите што секогаш треба да се обидувате да направите е да се намали комплексноста. 67 00:03:41,710 --> 00:03:45,710 Посложени вашиот код е повеќе шанси има да се направи грешки, 68 00:03:45,710 --> 00:03:47,710 толку потешко е да се промени подоцна. 69 00:03:47,710 --> 00:03:50,140 Значи, ако може да се скрши на вашиот стан во некои различни функционални области 70 00:03:50,140 --> 00:03:57,640 дека ќе биде - а вие може да го намали вид на износот на крос-област комуникација - 71 00:03:57,640 --> 00:04:03,530 која ќе ви помогне многу во долг рок, во смисла на намалување на грешки. 72 00:04:03,530 --> 00:04:07,950 >> Да бидат конкретни, обично луѓето поделба веб стан во - 73 00:04:07,950 --> 00:04:13,190 овие се вид на зуи зборови сега, но тие се уште корисни. 74 00:04:13,190 --> 00:04:17,940 Можеби сте слушнале луѓето зборуваат за модели, ставови, и контролори. 75 00:04:17,940 --> 00:04:23,210 Модели се вистинските податоци дека вашиот стан ќе се занимаваат со. 76 00:04:23,210 --> 00:04:28,260 На пример, во вашиот Cat Фејсбук, вашиот модели ќе биде - 77 00:04:28,260 --> 00:04:35,340 ќе треба модел за како мислења, и модел за кориснички профили, работи како што. 78 00:04:35,340 --> 00:04:41,090 Вашите ставови се како ќе го претстави дека податоците за вашите корисници. 79 00:04:41,090 --> 00:04:46,660 Можеби ќе треба 1 Преглед за гледање на еден пост и сите коментари 80 00:04:46,660 --> 00:04:51,720 и поинаков поглед за вашиот ѕид кој има листа на сите мислења 81 00:04:51,720 --> 00:04:57,170 кои се насочени кон вас, и поинаков поглед за вашиот вести храна - работи како што. 82 00:04:57,170 --> 00:05:00,610 Конечно, ќе имаат контролори кои се во основа кога луѓето ви испратиме мислења 83 00:05:00,610 --> 00:05:03,310 и ќе се направи ажурирање на вашиот back-end систем, 84 00:05:03,310 --> 00:05:06,400 ви прираст еден куп на шалтери, а сеедно. 85 00:05:06,400 --> 00:05:07,860 Тие се вашите контролери. 86 00:05:07,860 --> 00:05:11,030 >> Одам да се зборува најмногу за модели. 87 00:05:11,030 --> 00:05:14,030 Пати се технички не е толку тешко и прашање е повеќе со дизајнирање на нив 88 00:05:14,030 --> 00:05:22,040 Контролори се случува да бидат специфични за она што сте дизајнирање. 89 00:05:22,040 --> 00:05:25,220 Но, постојат некои прилично општи техники можете да го користите 90 00:05:25,220 --> 00:05:30,220 да се направи вашиот модели поубави и полесно да се работи со кои мислам дека се многу корисни. 91 00:05:30,220 --> 00:05:35,860 Ова е најчесто се случува да биде за тоа како да се справи со вашиот веб-апликации податоци во еден убав начин. 92 00:05:35,860 --> 00:05:40,420 Главните прашања со модели 93 00:05:40,420 --> 00:05:44,540 се дека тие живеат на клиентот и серверот и што треба да дознаам 94 00:05:44,540 --> 00:05:51,170 а) како да ги добие - сите релевантни - од серверот до клиентот, 95 00:05:51,170 --> 00:05:53,440 и б) како да ги задржиме во синхронизација. 96 00:05:53,440 --> 00:05:58,700 Вашите корисници се случува да сакаат да направат некои надградби. 97 00:05:58,700 --> 00:06:00,470 Тие се случува да сакаат да направат нови мислења. 98 00:06:00,470 --> 00:06:04,800 Тие се случува да сакаат да сакал работите и работи ако имате допаѓаат. 99 00:06:04,800 --> 00:06:11,490 Тоа се главните технички предизвици на кои се занимаваат со модели. 100 00:06:11,490 --> 00:06:15,680 Првото нешто што ви се случува да сакаат да се запрашате е 101 00:06:15,680 --> 00:06:18,420 каков вид на податоци оди во овој модел и каков вид на пребарувања се што ќе сакате да се направи - 102 00:06:18,420 --> 00:06:24,290 тоа е, како ќе се погледне на модели? 103 00:06:24,290 --> 00:06:26,940 За вашиот Cat Фејсбук пример, 104 00:06:26,940 --> 00:06:31,520 твојот пост се случува да имаат автор поврзани со него, 105 00:06:31,520 --> 00:06:35,660 некои ѕид пост текст, и примателот на ѕидот пост. 106 00:06:35,660 --> 00:06:38,470 И тогаш можеби ќе сакате да се пребарува дека во еден куп на различни начини. 107 00:06:38,470 --> 00:06:42,220 Вие ќе сакате да се погледне во него од страна на кој пишувал кој пост, 108 00:06:42,220 --> 00:06:46,620 од кои добиле кој пост, можеби преку денот кога тие беа испратени. 109 00:06:46,620 --> 00:06:50,340 Но, ако ви се случува да го направи тоа со датум, тогаш ќе треба да додадете уште еден терен за да вашиот пост 110 00:06:50,340 --> 00:06:52,490 кога тоа беше всушност испратени. 111 00:06:52,490 --> 00:07:00,220 Овие 2 фактори - она ​​што податоците кои сакате да ги користите и како сакате да ја видите - 112 00:07:00,220 --> 00:07:04,200 треба да се размислува за нив во прв план, бидејќи тие се зависни едни од други, 113 00:07:04,200 --> 00:07:08,030 и тоа се случува да биде уште потешко да ги додадете подоцна. 114 00:07:08,030 --> 00:07:12,750 >> Постојат некои други размислувања. 115 00:07:12,750 --> 00:07:17,540 Кога сте размислување за тоа како да се справи со модели на серверот 116 00:07:17,540 --> 00:07:20,540 она што го сакате да се погледне во е - 117 00:07:20,540 --> 00:07:27,440 вие во основа сакаат да направат сервер едноставно како е можно. 118 00:07:29,440 --> 00:07:35,500 Прави работи на клиентската страна, е генерално многу побрзо ако може да го направи тоа чисто од клиентот 119 00:07:35,500 --> 00:07:38,230 без да правиш било кој вид на мрежа барање. 120 00:07:38,230 --> 00:07:47,860 Идејата е да се направи како што многу од прашања како што можеш на клиентот. 121 00:07:47,860 --> 00:07:51,560 Единствениот проблем со тоа 122 00:07:51,560 --> 00:07:54,160 е дека ако побара сите на вашите податоци на почетокот 123 00:07:54,160 --> 00:07:57,160 тогаш тоа ќе трае долго време да се вчита. 124 00:07:57,160 --> 00:08:02,290 Значи, идејата е да се направи среќен медиум меѓу немањето доволно податоци за клиент 125 00:08:02,290 --> 00:08:07,640 што можете да направите поголем дел од вашата работа таму, но не само преземање на сè одеднаш 126 00:08:07,640 --> 00:08:09,710 така што ќе добиете навистина бавно вчитување пати на почетокот. 127 00:08:09,710 --> 00:08:12,610 На пример, за вашата мачка податоци 128 00:08:12,610 --> 00:08:20,340 најверојатно ќе сакате да го пренесам еден куп на последните ѕид мислења. 129 00:08:20,340 --> 00:08:23,790 Ти не би сакал да ги добави сите од нив, бидејќи тоа може да се врати за неколку години. 130 00:08:23,790 --> 00:08:25,470 Но, вие не сакате да ги пренесам едно по едно време 131 00:08:25,470 --> 00:08:28,740 затоа што тоа ќе се воведе многу од мрежа над глава. 132 00:08:28,740 --> 00:08:33,620 >> Тоа е често прилично тешко - еднаш имаш базата на податоци работи - 133 00:08:33,620 --> 00:08:37,210 тоа е често прилично тешко да се промени она што податоци кои ги имате во него - 134 00:08:37,210 --> 00:08:40,510 тоа е, да додадете нова база на податоци колона или нешто - 135 00:08:40,510 --> 00:08:43,510 така една добра стратегија е всушност само да го задржи многу од вашите податоци во текст капе - 136 00:08:43,510 --> 00:08:53,880 на JSON дупка - JSON е да го вклучите Javascript објект Нотација - 137 00:08:53,880 --> 00:08:58,330 Причината поради која е корисна е затоа што тогаш можете да додадете нови својства 138 00:08:58,330 --> 00:09:01,920 на сите овие JSON грутки без да се менува вашата база на податоци. 139 00:09:01,920 --> 00:09:06,860 Единствената лоша работа за тоа е дека ако имате еден куп на полиња 140 00:09:06,860 --> 00:09:09,890 кои сте ги додале подоцна - како скриен во таа JSON дупка - 141 00:09:09,890 --> 00:09:12,850 тогаш тоа е потешко да ги пребарува во базата на податоци. 142 00:09:12,850 --> 00:09:17,690 На пример, ако подоцна - ако сте имале вашиот пост модел кој зборувавме претходно 143 00:09:17,690 --> 00:09:25,380 само со авторот, примателот и текст - 144 00:09:25,380 --> 00:09:29,000 Можете исто така би можеле да имаат JSON дупка, а потоа ако подоцна си сакал да додадете поле со датум 145 00:09:29,000 --> 00:09:31,000 вие не би имале да ја смените вашата база на податоци. 146 00:09:31,000 --> 00:09:36,140 Вие може само да дополнат датуми во целиот текст полиња. 147 00:09:36,140 --> 00:09:39,640 А потоа ќе бидете во можност да се погледне во оние на клиентската страна, 148 00:09:39,640 --> 00:09:42,430 но вие не ќе биде во можност да ги пребарувате на страната на серверот 149 00:09:42,430 --> 00:09:44,430 бидејќи тоа е скриен во внатрешноста тој текст. 150 00:09:44,430 --> 00:09:49,920 >> Од друга прашање што сакате да се размислува за 151 00:09:49,920 --> 00:09:52,400 е како вашиот клиент и вашиот сервер се случува да комуницираат. 152 00:09:52,400 --> 00:09:56,040 Што обично сакаат да се задржи овој толку едноставно како што е можно повеќе. 153 00:09:56,040 --> 00:10:02,230 Вие само може да има како се-ми-ова барање на податоци, 154 00:10:02,230 --> 00:10:09,140 на создаде-а-нови-објект работа, и барање за ажурирање-на-стар објект. 155 00:10:09,140 --> 00:10:12,930 И овие сите ќе бидат различни адреси на серверот дека - 156 00:10:12,930 --> 00:10:20,030 дека прелистувачот ќе - можете да го користите AJAX барања за сите овие 157 00:10:20,030 --> 00:10:24,000 и или примате или пост на податоци. 158 00:10:24,000 --> 00:10:26,600 Повторно, за нашата Мачка Фејсбук пример, 159 00:10:26,600 --> 00:10:32,350 можете да го имаат тоа рачно да се добие поединец пост, 160 00:10:32,350 --> 00:10:39,750 и ќе треба URL за создавање на нов ѕид мислење 161 00:10:39,750 --> 00:10:45,670 а можеби и рачно за да се постават на вашиот профил слика, работи како што. 162 00:10:45,670 --> 00:10:51,730 Но, повторно, тоа е да се пред-пренесам повеќето од вашите податоци, така што ќе не мора да се задржи 163 00:10:51,730 --> 00:10:53,360 правење мрежа барања. 164 00:10:53,360 --> 00:10:59,030 Од таа причина, вие не би сакале да го имаат тоа индивидуални добијам барање за еден пост, 165 00:10:59,030 --> 00:11:03,210 и наместо тоа само би сакал 1 добијам барање за целиот ѕид. 166 00:11:03,210 --> 00:11:06,110 А потоа ако сте се обидува да се направи рамнотежа затоа што - 167 00:11:06,110 --> 00:11:10,970 ова е исто така, ќе зависи од вашата апликација. 168 00:11:10,970 --> 00:11:13,430 Бидејќи ако сте очекуваме дека луѓето имаат само 10 или 20 ѕид мислења 169 00:11:13,430 --> 00:11:15,430 дека ќе биде во ред. 170 00:11:15,430 --> 00:11:17,390 Но, ако сте очекуваме тие ќе имаат илјадници тогаш тоа барање ќе трае премногу долго, 171 00:11:17,390 --> 00:11:23,580 и така можеби ќе сакате да додадете добие-сите-пораки-од параметар. 172 00:11:23,580 --> 00:11:26,580 >> За сите овие ти си веројатно ќе сакате да ги синхронизирате вашите податоци во JSON - 173 00:11:26,580 --> 00:11:29,260 Го вклучите Javascript-објект нотација. 174 00:11:29,260 --> 00:11:34,600 Доста секој јазик се занимава со JSON многу добро. 175 00:11:34,600 --> 00:11:40,880 JQuery има оваа убава getJSON функција која ќе направи сето на напорна работа за вас. 176 00:11:40,880 --> 00:11:47,390 И на PHP таму е исто така многу убаво JSON комуникациски функции. 177 00:11:47,390 --> 00:11:52,660 Значи, тоа е веројатно најдобар формат за испраќање на вашите модели и назад. 178 00:11:52,660 --> 00:11:56,570 >> Како пример на она што го зборуваше за досега, 179 00:11:56,570 --> 00:12:00,520 еве еден пример на проток за вашиот Cat Фејсбук апликација. 180 00:12:00,520 --> 00:12:07,760 Тоа почнува со вашиот интернет пребарувач бара база URL на веб страната. 181 00:12:07,760 --> 00:12:15,470 Серверот, најверојатно, ќе испрати преку статичен HTML, а некои го вклучите Javascript и CSS. 182 00:12:15,470 --> 00:12:19,170 Тоа е обично најдобро да се направи било рендерирање на серверот. 183 00:12:19,170 --> 00:12:23,370 Најверојатно не сакаат да - 184 00:12:23,370 --> 00:12:28,360 она што серверот не прави таму се случува долу на листата на ѕид мислења 185 00:12:28,360 --> 00:12:31,120 и генерирање на некои HTML за секој од нив и испраќање дека готово. 186 00:12:31,120 --> 00:12:34,960 Тоа е обично најдобро да го направите тоа на клиентската страна, затоа што во спротивно 187 00:12:34,960 --> 00:12:38,580 секој пат кога ќе сакате да го ре-нацрта нешто, имаш да се направи серверот барање. 188 00:12:38,580 --> 00:12:42,450 И дека многу брзо ќе дава многу над глава. 189 00:12:42,450 --> 00:12:47,430 Тоа е обично најдобро само да брод праќа одредување статични HTML 190 00:12:47,430 --> 00:12:50,660 а потоа да го вклучите Javascript и CSS кој ќе го направи рендерирање на клиентската страна. 191 00:12:50,660 --> 00:12:56,750 Штом тој звук доаѓа во, 192 00:12:56,750 --> 00:13:03,500 тогаш може да има - во вклучите Javascript - можете да го направите барања за ѕидот податоци 193 00:13:03,500 --> 00:13:08,740 и работи како што, и после тоа серверот е во основа, само прави база на податоци пребарувања 194 00:13:08,740 --> 00:13:10,740 и проверка на дозволите. 195 00:13:10,740 --> 00:13:16,690 Единствената важна работа е тоа што не може да се испрати преку некои други корисници ѕид мислења 196 00:13:16,690 --> 00:13:19,220 дека не е дозволено да се види. 197 00:13:19,220 --> 00:13:28,050 Тоа во основа може да биде многу тенка пристап слој на вашата база на податоци, 198 00:13:28,050 --> 00:13:32,820 а потоа сите на прикажување на податоци - сите погледи и работи - 199 00:13:32,820 --> 00:13:37,280 оние може да се случи во вашиот интернет пребарувач, а потоа кога сакате да направите еден пост или нешто 200 00:13:37,280 --> 00:13:40,000 едноставно се испратат уште еден барање. 201 00:13:40,000 --> 00:13:45,350 >> Има и некои фенси нешта што можете да направите на врвот на тоа. 202 00:13:45,350 --> 00:13:49,550 Во однос на повеќе специфични технички информации, 203 00:13:49,550 --> 00:13:53,360 развој во обичен вклучите Javascript-може да биде малку болна, 204 00:13:53,360 --> 00:13:56,220 па така постојат некои библиотеки и алатки кои ќе ви помогнат многу со тоа. 205 00:13:56,220 --> 00:14:03,690 Мислам дека сте сите веројатно слушнале за jQuery што го прави прави HTML рендерирање 206 00:14:03,690 --> 00:14:08,890 и манипулација е многу полесно - имаме многу фенси функции за одѕвонуваше во и надвор, 207 00:14:08,890 --> 00:14:12,020 и прави енергичните анимации. 208 00:14:12,020 --> 00:14:13,720 Постои, исто така оваа библиотека наречена Underscore.js. 209 00:14:13,720 --> 00:14:20,760 Таа има многу корисни корисни функции, нешто што би очекувале JavaScript за да имаат 210 00:14:20,760 --> 00:14:24,740 дека тоа навистина doesn't - работи како довлечкаа низа, 211 00:14:24,740 --> 00:14:28,900 отстранување на дупликати од листата, или изедначување листа на листи. 212 00:14:28,900 --> 00:14:30,900 Ова е само еден мал кодот примерок. 213 00:14:30,900 --> 00:14:36,520 Црта има еден тон на овие убави функции кои сакате вие ​​ќе треба цело време. 214 00:14:36,520 --> 00:14:38,840 >> А потоа, тука е повеќе 1 библиотека која би сакале да потрошат малку време за 215 00:14:38,840 --> 00:14:44,800 наречен Backbone.js бидејќи 'рбетот навистина ви помага да се справи со модели на клиентската страна 216 00:14:44,800 --> 00:14:47,210 и многу забуна дека може да предизвика. 217 00:14:47,210 --> 00:14:53,550 'Рбетот ти дава овој концепт на модели и колекции 218 00:14:53,550 --> 00:14:58,300 во JavaScript кои се во основа точно како го вклучите Javascript-објекти 219 00:14:58,300 --> 00:15:04,900 во JavaScript низи, но тие имаат за настани кога сте го сменат својствата. 220 00:15:04,900 --> 00:15:09,090 Исто како и во JavaScript, може да имаат кога копчето добива кликна или нешто 221 00:15:09,090 --> 00:15:14,800 овие 'рбетот модели и' рбетот колекции ќе емитува работи како 222 00:15:14,800 --> 00:15:17,510 дека кога тие промени. 223 00:15:17,510 --> 00:15:22,270 Тоа значи дека можете само да се напише нешто како овој код овде - 224 00:15:22,270 --> 00:15:27,530 Таа вели, секогаш кога ќе додадете нешто на мислења низа ќе ја прецрта целиот ѕид. 225 00:15:27,530 --> 00:15:34,270 И ова би рекол секогаш кога бројот пост на вакви промени, 226 00:15:34,270 --> 00:15:38,970 ќе го извести корисникот дека некој се допадна својот пост. 227 00:15:38,970 --> 00:15:45,210 Или секогаш кога било сопственост на еден пост промени можете прецрта пост. 228 00:15:45,210 --> 00:15:51,050 Работи како што ќе те спаси тони на сложеност затоа што во спротивно 229 00:15:51,050 --> 00:15:55,440 ако немате некои рамка како ова, тогаш секој пат кога во вашиот код да го промените 230 00:15:55,440 --> 00:16:04,280 ништо за еден пост, ќе треба да се запамети себе си да се јавите сите прават функции 231 00:16:04,280 --> 00:16:07,680 и работи како што, и ако си сакал да додадете нешто ново што се случило 232 00:16:07,680 --> 00:16:10,680 секој пат кога ќе модифицирани пост ќе треба да поминат низ секое место во вашата 233 00:16:10,680 --> 00:16:14,610 код кој пат е изменета на пост и додаваат дека нова работа. 234 00:16:14,610 --> 00:16:21,450 А рамка како ова ќе го отстрани многу од тоа меѓу-слој комуникација 235 00:16:21,450 --> 00:16:28,280 што го прави вашиот код сложени и тешко да се задржи. 236 00:16:28,280 --> 00:16:31,170 >> Има малку за ставови, исто така. 237 00:16:31,170 --> 00:16:35,960 Одам да ја напушти поголемиот дел од овој Били, бидејќи тие се технички не е многу тешко. 238 00:16:35,960 --> 00:16:43,540 Го користите jQuery за вашите ставови. Тоа е практично како неопходност во овој момент. 239 00:16:43,540 --> 00:16:46,290 Тоа само прави сè што многу полесно. 240 00:16:46,290 --> 00:16:48,290 Постојат голем број на библиотеките. 241 00:16:48,290 --> 00:16:49,970 Ако имате комплицирани кориснички интерфејс елементи, 242 00:16:49,970 --> 00:16:57,250 ако сакате авто-заврши работа или како еден од оние фенси мулти-селектори - 243 00:16:57,250 --> 00:17:04,790 ако сакате нешто слично, треба да веројатно само пребарувате низ 244 00:17:04,790 --> 00:17:08,130 и можете да најдете добра библиотека која ќе го направи она што го сакате. 245 00:17:08,130 --> 00:17:11,579 Били ќе објасни повеќе за всушност тешко делови од ставови. 246 00:17:11,579 --> 00:17:17,530 Исто така, како од страна на белешка, 'рбетот има некои функционалност за правење пати комуницираат 247 00:17:17,530 --> 00:17:22,800 убаво со модели - се погледне на документација за сите овие библиотеки, всушност. 248 00:17:22,800 --> 00:17:28,270 Само погледнете во Docs. Тие се многу добро напишана и лесно да се следат. 249 00:17:28,270 --> 00:17:33,890 Во принцип, можете да доста само на Google ако имате проблеми. 250 00:17:33,890 --> 00:17:36,370 Постојат голем број на луѓе да ги користите. 251 00:17:36,370 --> 00:17:42,020 Мислам дека ова е како финален белешка. 252 00:17:42,020 --> 00:17:48,770 >> Исто така има и некои понапредни работи што можете да направите 253 00:17:48,770 --> 00:17:53,400 ако сте во потрага да се направи вашиот веб стан дополнителни неверојатна. 254 00:17:53,400 --> 00:17:59,760 Можете да го направите - новиот HTML5 спецификациите има многу фенси работи што можете да направите. 255 00:17:59,760 --> 00:18:05,780 Локалните складирање - што е може да се сместат податоци во прелистувачот - 256 00:18:05,780 --> 00:18:09,470 наместо да се вратиш назад и внимателно серверот за сè, 257 00:18:09,470 --> 00:18:12,470 може да се задржи некои од нив на клиентот и дека дури и им овозможува на луѓето - 258 00:18:12,470 --> 00:18:20,850 во некои случаи дури може и да ти користи веб страница офлајн. 259 00:18:20,850 --> 00:18:26,980 Има тоа нешто наречено websockets кои се поинаков вид на мрежна комуникација 260 00:18:26,980 --> 00:18:30,930 каде наместо само да се направи едно барање, ќе добиете одговор и ќе завршиш, 261 00:18:30,930 --> 00:18:35,240 ве отворите конекција со серверот и за да можете да ги правите нештата како 262 00:18:35,240 --> 00:18:37,240 во реално време ажурирања. 263 00:18:37,240 --> 00:18:42,020 Значи, ако се обидува да се направи разговор стан, можете да го користите websockets 264 00:18:42,020 --> 00:18:43,790 да комуницираат и назад, така што ќе не мора да се задржи барање, 265 00:18:43,790 --> 00:18:48,410 "О, серверот, дали некој ме испрати на разговор?" на секои 10 секунди или така нешто. 266 00:18:48,410 --> 00:18:55,620 Таму е исто така интересна HTML5 функција, каде што може да се направи да изгледа како 267 00:18:55,620 --> 00:18:58,340 URL-то на страница се менува без воопшто да имаат за да всушност ја превчитате. 268 00:18:58,340 --> 00:19:03,230 Можете да го користите напред и назад копчиња, без да прави еден куп на мрежа барања. 269 00:19:03,230 --> 00:19:14,660 Работи како што е навистина корисно во смисла на правење тоа брзо, но, исто така, работи како веб стан треба. 270 00:19:14,660 --> 00:19:17,680 >> Таму е исто така тоа нешто наречено CoffeeScript. 271 00:19:17,680 --> 00:19:24,450 CoffeeScript е различен јазик, всушност, дека подготвува надолу за да го вклучите Javascript-. 272 00:19:24,450 --> 00:19:30,080 Ќе напише сите ваши кодот во CoffeeScript, а потоа ќе ја извршите оваа компајлер, 273 00:19:30,080 --> 00:19:33,300 и тоа плука го вклучите Javascript-датотека што можете да се вклучат во вашиот веб страница. 274 00:19:33,300 --> 00:19:38,860 Причина што CoffeeScript е убаво е затоа што тоа добива ослободи од многу од 275 00:19:38,860 --> 00:19:44,760 чудни случаи дека го вклучите Javascript има каде еднаква на еднаквите, 276 00:19:44,760 --> 00:19:51,130 и изнесува еднаквите направите различни нешта, или допаѓа - 277 00:19:51,130 --> 00:19:55,740 има поубави синтакса за справување со низи и функции. 278 00:19:55,740 --> 00:20:00,460 Ова е малку програмка на CoffeeScript која произведува листа на сите плоштади 279 00:20:00,460 --> 00:20:04,900 од 10 ^ 2-1 ^ 2 во обратен редослед. 280 00:20:04,900 --> 00:20:08,410 Како што можете да видите, CoffeeScript често ти овозможува да изразат во 1 линија 281 00:20:08,410 --> 00:20:10,890 што би биле потребни 5 линии на JavaScript. 282 00:20:10,890 --> 00:20:13,230 Тоа може да се направат нештата многу полесно. 283 00:20:13,230 --> 00:20:15,390 Тоа е малку на нови синтакса за да дознаете на прв, 284 00:20:15,390 --> 00:20:18,010 но тоа дефинитивно ќе ве натера да попродуктивни во долг рок. 285 00:20:18,010 --> 00:20:22,050 >> Можете исто така да користите други јазици на серверот од PHP - 286 00:20:22,050 --> 00:20:27,570 јазици, како Ruby, Python, или има дури и проект наречен node.js 287 00:20:27,570 --> 00:20:31,450 која ќе може да се користи JavaScript на серверот. 288 00:20:31,450 --> 00:20:34,700 Лично, јас, навистина, навистина мразат PHP. 289 00:20:34,700 --> 00:20:38,310 Јас само не уживате во работата со него. 290 00:20:38,310 --> 00:20:43,450 Ако, исто така, мислат дека тоа е страшна cluge на јазикот, 291 00:20:43,450 --> 00:20:46,160 тогаш можете да користите една од овие наместо тоа. 292 00:20:46,160 --> 00:20:54,780 Во принцип, ако сакате да се направи нешто и ти навистина не знам како би го сториле тоа, 293 00:20:54,780 --> 00:20:56,780 едноставно пребарување на интернет. 294 00:20:56,780 --> 00:20:59,990 Постојат тони и тони на ресурси, особено на - 295 00:20:59,990 --> 00:21:03,260 StackOverflow е одлично. 296 00:21:03,260 --> 00:21:06,400 Тоа е овој веб-сајт, каде што на програмерите прашам едни со други прашања. 297 00:21:06,400 --> 00:21:09,690 Може да се кандидира во тоа ако сте биле има проблеми на CS50 проблем комплети. 298 00:21:09,690 --> 00:21:16,820 И постојат тони на библиотеки за тоа доста нешто што би сакал. 299 00:21:16,820 --> 00:21:21,710 Ако сакате да се направи нешто, а ти не знам како да го направи тоа, 300 00:21:21,710 --> 00:21:23,710 не претпостави дека тоа е невозможно. 301 00:21:23,710 --> 00:21:26,160 Само погледнете наоколу и можеби ќе се најдат некои добри ресурси. 302 00:21:26,160 --> 00:21:29,280 >> Како општо заврши, 303 00:21:29,280 --> 00:21:33,650 главните takeaways се задржи нешта едноставно. 304 00:21:33,650 --> 00:21:36,010 Посложени вашиот код е на почетокот 305 00:21:36,010 --> 00:21:40,370 и колку повеќе ќе се обиде да направи фенси нешта, 306 00:21:40,370 --> 00:21:43,300 толку подолго ќе потрае да се добие нешто навистина функционални 307 00:21:43,300 --> 00:21:46,480 и потешко ќе биде да се промени подоцна. 308 00:21:46,480 --> 00:21:49,580 Значи, се прават работите на неми, лесен начин во прв план. 309 00:21:49,580 --> 00:21:51,720 Да се ​​оди заедно со тоа, 310 00:21:51,720 --> 00:21:59,070 не плаши се фрлаат далеку стариот код или чистење до тоа многу. 311 00:21:59,070 --> 00:22:05,320 Во принцип, кога еднаш ќе ве всушност имаат нешто работа, 312 00:22:05,320 --> 00:22:09,640 тоа е многу полесно да се размислува за, отколку кога сте се уште во почетокот фази 313 00:22:09,640 --> 00:22:12,610 за тоа како да го ставам сето ова заедно. 314 00:22:12,610 --> 00:22:17,500 Тоа е најдобро да се направи најглупавата можно дизајн кој работи 315 00:22:17,500 --> 00:22:22,270 а потоа ја подобриме iteratively отколку обидот да се добие сето право за прв пат. 316 00:22:22,270 --> 00:22:28,330 Во однос на клиент-сервер поделба, обидете се и да ја задржите вашиот сервер многу едноставна - 317 00:22:28,330 --> 00:22:33,030 само на база на податоци и некои автентикација и не го сторат било напорна работа таму. 318 00:22:33,030 --> 00:22:37,540 Се направи сите ваши комплицирани работи на клиентската страна, во прелистувачот 319 00:22:37,540 --> 00:22:40,650 во JavaScript колку што можеш. 320 00:22:40,650 --> 00:22:43,420 Погледнете наоколу за библиотеки, кои го прават животот подобар. 321 00:22:43,420 --> 00:22:46,850 Секогаш е подобро да се користи кодот кој некој друг го напишал 322 00:22:46,850 --> 00:22:49,850 ако вас - и да не го пишуваат сами. 323 00:22:49,850 --> 00:22:57,560 Има многу работи на интернет. Google е вашиот најдобар пријател. 324 00:22:57,560 --> 00:22:59,560 Google е најдобар пријател на програмерот. 325 00:22:59,560 --> 00:23:07,620 Да, дефинитивно не се плашете да погледнете наоколу за нешта. 326 00:23:07,620 --> 00:23:11,860 Во ред е. И во текот на Били. 327 00:23:11,860 --> 00:23:14,600 >> [Били] Всушност, пред да почнам со некои дизајн работи, 328 00:23:14,600 --> 00:23:17,250 не секој имате било какви прашања за бен за нешто што тој зборуваше за? 329 00:23:17,250 --> 00:23:20,290 Добро. 330 00:23:20,290 --> 00:23:22,220 Повторно, ги споделите со нас ако ништо друго не е јасно 331 00:23:22,220 --> 00:23:25,420 или ако сакате нас да одиме над нешто малку повеќе. 332 00:23:25,420 --> 00:23:30,330 Одам да се чекор назад малку и да разговараат за повеќе основни делови на дизајнот. 333 00:23:30,330 --> 00:23:34,840 Бен спомена модел наречен - Жал ми е, моделот контролер видите систем 334 00:23:34,840 --> 00:23:38,520 кој е вид на технички аспект, па ќе одам да се погледне на пати конкретно, 335 00:23:38,520 --> 00:23:42,930 и јас одам да започне со тоа како би се дизајнира ставот дека изгледа убаво. 336 00:23:42,930 --> 00:23:50,540 Тука е вид на навистина основни дефиниција за нашата Мачка Фејсбук. 337 00:23:50,540 --> 00:23:54,190 Мислам дека постојат некои основи во модерната адаптери дизајн 338 00:23:54,190 --> 00:23:56,190 кои се во вредност подигање. 339 00:23:56,190 --> 00:23:58,210 Можете да забележите дека е многу бели простор целиот страница, 340 00:23:58,210 --> 00:24:00,790 многу простор за нештата. 341 00:24:00,790 --> 00:24:02,580 Не се чувствувам како што треба да ја стишат работи во една страница. 342 00:24:02,580 --> 00:24:06,700 Сакате да ја оставите многу простор отворен, и ако одите на речиси секој модерен веб-сајт 343 00:24:06,700 --> 00:24:08,380 ќе видите таму е бело насекаде. 344 00:24:08,380 --> 00:24:10,380 Има бело во места каде што можете не би очекувал. 345 00:24:10,380 --> 00:24:14,570 Имате овој палета на бои, а тоа е мудар на почетокот 346 00:24:14,570 --> 00:24:17,880 да се избере палета на бои кои ви се случува да работат со и се развива. 347 00:24:17,880 --> 00:24:22,250 Можете исто така - тоа им помага да се избере фонт, и на тој начин си вид на работа со 348 00:24:22,250 --> 00:24:24,450 овие конкретни основи на проектирање. 349 00:24:24,450 --> 00:24:26,910 Имате вашиот тип, имате бои, а потоа можете да вид на 350 00:24:26,910 --> 00:24:29,380 собере сè друго во што е потребно. 351 00:24:29,380 --> 00:24:37,710 Значи, како што реков, со вашата шема на бои што сакате да го користите посмели бои на вашата шема на бои 352 00:24:37,710 --> 00:24:40,320 повремено. Хедери се убаво. Копчињата се убаво да се имаат навистина голем, упадливи бои. 353 00:24:40,320 --> 00:24:43,710 Но, во принцип, ако имате веб-сајт кој има бои насекаде, 354 00:24:43,710 --> 00:24:47,250 сите гледаш во лице, тоа само изгледа преполни, а тоа не е добро. 355 00:24:47,250 --> 00:24:50,430 Сакате да генерално се користат светли бои. 356 00:24:50,430 --> 00:24:52,890 Обидете се да се, повторно, изберете прилично кохерентна шема на бои. 357 00:24:52,890 --> 00:24:56,640 Можете да имаат овие мали капки на многу боја - 358 00:24:56,640 --> 00:25:00,240 што може да изгледа прилично убаво, но сакате да ги користите прилично повремено. 359 00:25:00,240 --> 00:25:04,270 >> Како што реков, дека сакате да биде минимална. Помалку е скоро секогаш повеќе. 360 00:25:04,270 --> 00:25:07,430 Ако можете да покажете нешто или не се прикаже нешто, 361 00:25:07,430 --> 00:25:10,230 и ти си вид на сигурен дали тоа треба да биде таму по правило - 362 00:25:10,230 --> 00:25:13,400 веројатно сте најдобри оставајќи го ова. Секогаш може да го додадете во подоцна. 363 00:25:13,400 --> 00:25:16,620 Да, да ги задржи нешта едноставно. 364 00:25:16,620 --> 00:25:19,510 Но што е најважно, ќе сакате да се разгледа повеќе дизајни. 365 00:25:19,510 --> 00:25:23,520 Не мислам дека кога ќе се направи сајт, можете да го имате во вашата глава дека си оди за да 366 00:25:23,520 --> 00:25:26,310 направи сајт на одреден начин, и тоа се случува да изгледа токму вака. 367 00:25:26,310 --> 00:25:29,830 Тоа се случува да имаат сини насловот на врвот и сини страна бар 368 00:25:29,830 --> 00:25:32,670 а потоа жолт под-насловот работа. 369 00:25:32,670 --> 00:25:34,670 Вие сакате да бидете повеќе шаблони. 370 00:25:34,670 --> 00:25:37,350 Можете или - ако сте добри со слика магазин, можете да ја отворите дека и вид на 371 00:25:37,350 --> 00:25:39,600 дизајн веб-сајт што сакате да се погледне. 372 00:25:39,600 --> 00:25:41,680 Ако не, вие само може да се користи пенкало и хартија, 373 00:25:41,680 --> 00:25:44,000 но нула до повеќе дизајни. 374 00:25:44,000 --> 00:25:47,000 Сакате да во основа имаат постави каде што имате многу различни дизајни, 375 00:25:47,000 --> 00:25:50,810 и ако некој завршува работа, тогаш тоа е одлично. 376 00:25:50,810 --> 00:25:53,370 Ако еден завршува неуспехот, тогаш вие секогаш имате уште еден да се сврти кон. 377 00:25:53,370 --> 00:25:57,960 Во принцип, не се чувствуваат како тебе треба да бидат ограничени 378 00:25:57,960 --> 00:26:00,830 на она што дизајн што првично одлучи за. 379 00:26:00,830 --> 00:26:04,420 Дизајни се многу променлива, и дел од важноста на модел 380 00:26:04,420 --> 00:26:09,480 Контролорот поглед систем е тоа што можете да го трампа во и надвор различни ставови сакате. 381 00:26:09,480 --> 00:26:13,510 Можете да се нишаат на податоци на еден начин, а потоа да одлучи, ох, всушност, тоа не функционира тоа добро. 382 00:26:13,510 --> 00:26:19,190 Мислам дека тоа е вид на премногу комплицирано или има дел овде, тоа не е навистина работат, 383 00:26:19,190 --> 00:26:22,150 па јас сум само ќе целосно се откаже овој поглед и swap во сосема нов. 384 00:26:22,150 --> 00:26:24,790 Ние се уште може да се користи на старите модели и стариот контролери. 385 00:26:24,790 --> 00:26:27,490 Ние можеме да правиме се што е на серверот и клиентот како што би порано. 386 00:26:27,490 --> 00:26:32,850 Но, вистинските бран на податоци, како на екранот ќе биде малку поинаква. 387 00:26:32,850 --> 00:26:35,840 >> Колку што е всушност имплементирање на дизајн сакате, 388 00:26:35,840 --> 00:26:39,330 еднаш имаш неколку дизајни скицира надвор на хартија или на Фото Шоп или што и да, 389 00:26:39,330 --> 00:26:42,120 постојат голем број на алатки кои се достапни за вас. 390 00:26:42,120 --> 00:26:45,700 Првиот сте многу запознаени со кој е вашиот HTML, PHP, или што 391 00:26:45,700 --> 00:26:48,990 јазик го користите само да се кодот на статични страници на вашиот сајт. 392 00:26:48,990 --> 00:26:51,990 Сте работеле многу со HTML кој вид на ви дава овие тагови 393 00:26:51,990 --> 00:26:57,820 дека може да се стави работите во, и во основа тоа е начин на организирање на вашата содржина. 394 00:26:57,820 --> 00:27:00,990 На пример, имате насловот таму, па си оди за да имаат насловот ознака, 395 00:27:00,990 --> 00:27:05,770 и тоа се случува да имаат некој текст во него што е веројатно нема да биде во друга ознака. 396 00:27:05,770 --> 00:27:08,380 Тогаш имате можеби лента со некои различни врски, 397 00:27:08,380 --> 00:27:10,160 и оние кои се случува да се сите да бидат во одделни ознаки. 398 00:27:10,160 --> 00:27:13,870 Значи, во основа HTML во своето срце е начин на делење на страница како 399 00:27:13,870 --> 00:27:16,980 ти на крајот сакате да ја форматирате. 400 00:27:16,980 --> 00:27:18,980 Па уште еднаш, сте виделе дека порано. 401 00:27:18,980 --> 00:27:20,540 Ти си прилично удобно со работа со тоа сега 402 00:27:20,540 --> 00:27:23,120 со оглед на тоа што сте го направиле во последните pset се надевам, 403 00:27:23,120 --> 00:27:26,150 така што не треба да биде проблем. 404 00:27:26,150 --> 00:27:31,280 >> Тогаш ќе мора CSS што во основа се справува со сите дизајн статични аспекти. 405 00:27:31,280 --> 00:27:35,320 Тоа ќе се справи со сите бои, сите од поставеноста на различни елементи, 406 00:27:35,320 --> 00:27:36,840 каде што оди во однос еден на друг, 407 00:27:36,840 --> 00:27:41,530 колку е голема се тие, различни видови на позиционирања дека ќе имаат - 408 00:27:41,530 --> 00:27:46,030 со други зборови, можете да работите се фиксни, така што кога ќе дојдете долу тие ќе останат, 409 00:27:46,030 --> 00:27:48,700 или може да имаат работите во однос на другите елементи. 410 00:27:48,700 --> 00:27:50,730 Сите тој вид на работи е во CSS. 411 00:27:50,730 --> 00:27:54,630 Покрај тоа, можете да направите различни декорации, можете да имате текст бои, 412 00:27:54,630 --> 00:27:56,630 текст ефекти, сето тоа вид на работи. 413 00:27:56,630 --> 00:28:00,360 Бен даде навистина добра семинар на оваа минатиот викенд, 414 00:28:00,360 --> 00:28:04,450 и така јас дефинитивно ќе провери дека надвор ако планирате да се прават некои фенси работи со CSS. 415 00:28:04,450 --> 00:28:09,850 CSS3 е, всушност, најновата верзија на CSS, и што може да направи сите видови на навистина убави нешта. 416 00:28:09,850 --> 00:28:14,750 Што може да направи градиенти, вие може да имате убаво, заоблени агли; можете да го направите сите видови на работи 417 00:28:14,750 --> 00:28:17,940 да се направи вашиот сајт изгледа повеќе модерно и фенси. 418 00:28:17,940 --> 00:28:22,150 >> Следниот алатка е да го вклучите Javascript и jQuery кој бен зборуваше малку за, 419 00:28:22,150 --> 00:28:24,150 но јас ќе добијам малку подалеку во. 420 00:28:24,150 --> 00:28:28,100 Го вклучите Javascript-, како што сте работеле со него малку, или барем го видела тоа во предавање, 421 00:28:28,100 --> 00:28:31,870 е вид на начин на динамички прави работи во HTML. 422 00:28:31,870 --> 00:28:35,950 HTML, како што знаете, е статичен, па штом ќе имаат HTML не можете да го менувате. 423 00:28:35,950 --> 00:28:40,050 Но JavaScript, на некој начин, е начин да се биде во можност да менувате HTML. 424 00:28:40,050 --> 00:28:44,520 Па можете да го стори тоа, и тоа е одлично, но да го вклучите Javascript навистина е болка да работи со. 425 00:28:44,520 --> 00:28:49,050 Тоа е толку долго и тапи и да се направи дури и наједноставните работи 426 00:28:49,050 --> 00:28:51,630 бара многу линии на JavaScript. 427 00:28:51,630 --> 00:28:55,410 Значи, jQuery е во основа библиотека за JavaScript, кој го поедноставува сето тоа. 428 00:28:55,410 --> 00:28:59,880 Таа вели дека, во ред, ако сакате да имате плоштадот кутија доаѓаат од левата 429 00:28:59,880 --> 00:29:03,980 и се појавуваат во страница, така што тоа е во средината, во JavaScript, кој ќе ја преземе - 430 00:29:03,980 --> 00:29:06,340 Не знам, сто линии да се направи, и тоа ќе биде болка, 431 00:29:06,340 --> 00:29:10,540 и ќе излезе од неа мразеше сè за веб програмирање. 432 00:29:10,540 --> 00:29:15,380 JQuery вие во основа имаат елемент-точка-бледеат-во, или нешто слично. 433 00:29:15,380 --> 00:29:18,580 Значи, многу, многу едноставни функции, кои ќе ви овозможи да направите сите видови на кул анимации 434 00:29:18,580 --> 00:29:20,580 и тој вид на работа. 435 00:29:20,580 --> 00:29:23,300 Од друга работа што овие 2 се навистина добри за е само прави динамичен работи 436 00:29:23,300 --> 00:29:25,300 со веб-сајт. 437 00:29:25,300 --> 00:29:28,370 Значи, наместо само ја вашата HTML страница - која го прикажува некои податоци, но всушност не 438 00:29:28,370 --> 00:29:32,130 направи нешто - вклучите Javascript-и jQuery ќе ти овозможи да имаат копчиња кои можете да кликнете на, 439 00:29:32,130 --> 00:29:37,960 и можете да влечете елементи и повторно цел нив и подредување на нив, и имаат нови елементи 440 00:29:37,960 --> 00:29:40,500 додаде или отстранети. Можете да додадете-бриши, тој вид на работа. 441 00:29:40,500 --> 00:29:44,570 Значи, jQuery го прави тони кул работи. 442 00:29:44,570 --> 00:29:48,840 И Vipul е, всушност, давајќи семинар на тоа денес, верувам, на 5-часот, 443 00:29:48,840 --> 00:29:51,220 па ако може да се држи околу за која долго време, тоа би - 5 или 4? 444 00:29:51,220 --> 00:29:54,930 Четири. Жал. Тоа е всушност веднаш по ова, па јас ќе им препорачаат 445 00:29:54,930 --> 00:29:56,680 се држат околу за него, ако можеш. 446 00:29:56,680 --> 00:30:00,180 JQuery е супер, супер корисни, и ќе бидете во можност да се направи многу на навистина убави работи со него 447 00:30:00,180 --> 00:30:03,460 за доста било која веб-проект за развој. 448 00:30:03,460 --> 00:30:06,200 >> Сега ќе одам да се влезе во вид на разлика. 449 00:30:06,200 --> 00:30:08,210 Сум се зборува во основа за кориснички интерфејс. 450 00:30:08,210 --> 00:30:11,510 Корисничкиот интерфејс е само дизајнот на сајтот. 451 00:30:11,510 --> 00:30:13,780 Но, има еден вид на друг концепт кој е корисничко искуство. 452 00:30:13,780 --> 00:30:15,900 Двете се многу различни. 453 00:30:15,900 --> 00:30:19,440 Интерфејсот е дефинитивно дел од искуството. 454 00:30:19,440 --> 00:30:21,340 Со други зборови, кога ќе отидете на некој сајт, да се погледне на интерфејс. 455 00:30:21,340 --> 00:30:22,960 Тоа е дел од тоа како имате на овој сајт. 456 00:30:22,960 --> 00:30:24,960 Но корисникот искуство е повеќе од тоа. 457 00:30:24,960 --> 00:30:29,910 Корисникот искуство е за тоа што впечаток дека корисникот добива од вашиот сајт е. 458 00:30:29,910 --> 00:30:31,910 Значи, очигледно, интерфејсот е дел од тоа. 459 00:30:31,910 --> 00:30:35,340 И тоа е дефинитивно неопходен дел, но тоа не е доволно. 460 00:30:35,340 --> 00:30:38,790 Со други зборови, ако имате убав интерфејс, а тоа е убава и шарени и сето тоа, 461 00:30:38,790 --> 00:30:43,650 тоа е одлично, но ако корисникот оди на вашиот сајт, гледа прилично распоред и тоа е збунет од 462 00:30:43,650 --> 00:30:47,060 сè, нема идеја како да се направи нешто, тогаш очигледно сте направиле навистина 463 00:30:47,060 --> 00:30:48,930 сиромашните веб-сајт. 464 00:30:48,930 --> 00:30:50,930 Тоа е вид на каде што корисникот искуство влегува внатре 465 00:30:50,930 --> 00:30:54,570 Одам да се зборува малку за UX дизајн - UX е краток за корисничко искуство - 466 00:30:54,570 --> 00:30:58,050 и вид на како можете да бидете сигурни дека ќе имаат добра корисничко искуство. 467 00:30:58,050 --> 00:31:04,330 Првата точка е дека може да дизајн веб-сајт каде што корисникот може да направи нешто што 468 00:31:04,330 --> 00:31:06,820 што корисникот можеби сака. 469 00:31:06,820 --> 00:31:08,940 Но, ако корисникот не може да дознаам како да се направи тие работи - 470 00:31:08,940 --> 00:31:12,850 со други зборови, ако корисникот не имаат добра идеја кога одат на вашиот сајт за, 471 00:31:12,850 --> 00:31:17,660 "О, ако сакам да се ажурира мојот профил, тогаш јас кликнете на ова копче, или ако сакам да ја објавите на 472 00:31:17,660 --> 00:31:20,850 некој ѕид, а потоа одам во ѕидот и ќе кликнете на мала кутија. " 473 00:31:20,850 --> 00:31:24,410 Ако корисникот не знае тоа, тогаш ќе можат ефикасно да имаат всушност не 474 00:31:24,410 --> 00:31:27,080 спроведува таа функционалност правилно. 475 00:31:27,080 --> 00:31:30,900 Дел од спроведувањето на функционалност е дека корисниците се во можност да го користам. 476 00:31:30,900 --> 00:31:34,810 И тоа би можело да биде фрустрирачки - вие може да се направи сајт, и што може да направи сите видови на 477 00:31:34,810 --> 00:31:37,810 прекрасни работи, но тогаш ќе има луѓе што се тестира и да се каже, "Тоа не може да го направите тоа. 478 00:31:37,810 --> 00:31:39,770 Зошто не можам да го направите ова? "И ќе каже назад кон нив, 479 00:31:39,770 --> 00:31:44,420 "Па, тоа може. Вие само треба да одат во 7 опаѓачкото мени на овој нејасни 480 00:31:44,420 --> 00:31:48,470 страница, која само што е пронајден од страна на линкот на дното-десен агол "или нешто слично. 481 00:31:48,470 --> 00:31:50,430 Очигледно, вие не сакате тоа. 482 00:31:50,430 --> 00:31:53,420 Сакаш таа да биде јасно да вашите корисници што тие би требало да се направи, 483 00:31:53,420 --> 00:31:56,240 и треба да биде едноставен и интуитивен за нив. 484 00:31:56,240 --> 00:32:01,180 >> Друга работа која сакате да се обидете да направите е да, ако некој се случува да одат на вашиот сајт 485 00:32:01,180 --> 00:32:05,520 и 9 од 10 пати го стори акција А, и 1 од 10 пати го стори акција Б, 486 00:32:05,520 --> 00:32:08,950 најверојатно сакаат да се фокусираат нивното искуство на акција А 487 00:32:08,950 --> 00:32:12,240 Со други зборови, сакате да се направи тоа многу, многу јасно како да се направи А 488 00:32:12,240 --> 00:32:15,980 А треба да биде пред-и-центар - отидете на сајтот, видете го; ох, тоа е право таму. 489 00:32:15,980 --> 00:32:20,850 Додека Б очигледно сакате да биде јасен, но можете да го оставите малку повеќе 490 00:32:20,850 --> 00:32:22,850 во позадина. 491 00:32:22,850 --> 00:32:24,640 Дејвид дава добар пример за тоа во предавање, 492 00:32:24,640 --> 00:32:26,640 кое е Бостон T систем. 493 00:32:26,640 --> 00:32:29,440 Кога ќе отидете на Бостон T и сакате да се купи билет, 494 00:32:29,440 --> 00:32:32,700 мора да се добие во 5 менија пред навистина да сте да ги купите билет 495 00:32:32,700 --> 00:32:37,130 за $ 2, $ 2,50 вредност, која е колку што е потребно да се прошетаат на метрото 496 00:32:37,130 --> 00:32:39,130 во една насока. 497 00:32:39,130 --> 00:32:41,600 Тоа е проблем, бидејќи повеќето луѓе кои се возат во метрото 498 00:32:41,600 --> 00:32:44,880 веројатно само сакаат да одат на едно место, купи билет, се на веднаш. 499 00:32:44,880 --> 00:32:47,550 Тоа не дава никаква смисла дека тие мора да одат низ многу различни менија 500 00:32:47,550 --> 00:32:49,550 да одам таму. 501 00:32:49,550 --> 00:32:51,760 А подобро корисничко искуство ќе биде брзо копче на првата страница 502 00:32:51,760 --> 00:32:54,760 дека само вели, "купи билет во еден правец", и дека ќе се стави во сите стандардни 503 00:32:54,760 --> 00:32:58,550 стандардните вредности, а потоа, ако некој сака да купи различни билет од тоа, 504 00:32:58,550 --> 00:33:01,690 тие, сепак, се разбира, имаат можност да, но сте оптимизиран за 505 00:33:01,690 --> 00:33:04,080 заеднички употреба случај што е навистина важно. 506 00:33:04,080 --> 00:33:06,830 Можете да видите примери на овој на Фејсбук, нели? 507 00:33:06,830 --> 00:33:09,410 Ако одите на Фејсбук и дека сакате да го поставите статусот, 508 00:33:09,410 --> 00:33:11,710 тоа е правото на врвот што е она што често сакаат да се направи. 509 00:33:11,710 --> 00:33:14,730 Веднаш штом ќе влезат на страницата, можете да направите од најчестите нешта кои 510 00:33:14,730 --> 00:33:16,730 сакате да го направите. 511 00:33:16,730 --> 00:33:17,550 Ако сакате да го направите малку повеќе комплицирано вакви работи, 512 00:33:17,550 --> 00:33:21,070 кажам дека сакаат да одат на ѕидот на мојот пријател и ја објавите сликата на него - 513 00:33:21,070 --> 00:33:24,810 кој ќе сакате да го направите често, но не толку често колку што објавувате статус надградби - 514 00:33:24,810 --> 00:33:28,200 па во тој случај, јас тип своето име во полето на врвот, кликнете на нивниот профил, 515 00:33:28,200 --> 00:33:31,680 а потоа, сепак, тоа е правото на врвот таму еднаш сум добил до профилот. 516 00:33:31,680 --> 00:33:38,240 Повторно, јас сум оптимизиран приоритет за најчестите употреба случаи. 517 00:33:38,240 --> 00:33:41,800 >> Друга важна работа е дека често луѓето вид на ќе се обидат да се добие околу ова 518 00:33:41,800 --> 00:33:44,890 со зборовите: Океј, па јас направив сајт и луѓето се најде е збунувачки, 519 00:33:44,890 --> 00:33:46,110 и тоа е проблем, нели? 520 00:33:46,110 --> 00:33:49,210 Очигледно, не сакам луѓето да бидат збунети од содржината на мојот сајт. 521 00:33:49,210 --> 00:33:53,210 Но начинот на кој да ги реши тоа не е да се има нешто да pop-up велејќи: 522 00:33:53,210 --> 00:33:55,290 еј, јас ќе одам да ви учат како да го користите овој сајт. 523 00:33:55,290 --> 00:33:58,130 Чекор 1 - кликнете на ова копче. Чекор 2 - одат овде. 524 00:33:58,130 --> 00:34:03,080 Секако, тоа е начин да се заобиколи тоа - тоа е начинот на кој можете да им кажете на луѓето што да прават, но тоа е 525 00:34:03,080 --> 00:34:05,080 навистина не е оптимален начин. 526 00:34:05,080 --> 00:34:07,420 Ако одам во веб-сајт, и одеднаш јас сум бомбардиран со овој туториал кој е ми кажуваше 527 00:34:07,420 --> 00:34:11,739 што да прави и каде да одиме и сето тоа, тоа не е забавно за мене. 528 00:34:11,739 --> 00:34:13,739 Тоа не е добро искуство за мене. 529 00:34:13,739 --> 00:34:17,130 Тоа е вид на болка. Сакам само да почнете да правите нешта. 530 00:34:17,130 --> 00:34:19,449 Луѓето се случува да се затвори на нивните дијалог прозорецот, 531 00:34:19,449 --> 00:34:23,580 или да добијат на туториал не, знаат што да прават, а потоа се жалат, бидејќи 532 00:34:23,580 --> 00:34:25,580 не сте ги кажува што да правам. 533 00:34:25,580 --> 00:34:29,530 Начин да се реши ова не е со давање на секаков вид на туториал или насоки - 534 00:34:29,530 --> 00:34:31,530 такво нешто. 535 00:34:31,530 --> 00:34:33,719 Колку што може да се избегне тоа, навистина сакате да се покаже на корисникот што да прави 536 00:34:33,719 --> 00:34:36,429 само поради природата на тоа како веб-сајт е поставен надвор. 537 00:34:36,429 --> 00:34:39,090 Со други зборови, ако одам на Facebook без влезете во, 538 00:34:39,090 --> 00:34:40,920 првото нешто што го гледам на главната страница - 539 00:34:40,920 --> 00:34:44,480 тоа е малку најава кутија. Значи, Duh. Јас прво да се логирате.Ако Тоа е право таму. 540 00:34:44,480 --> 00:34:48,030 Каде што, ако отидов на Facebook и морав да кликнете на малку линк на дното 541 00:34:48,030 --> 00:34:51,920 дека рече: "најавите и остатокот на страницата е само некој вид на слика или нешто, 542 00:34:51,920 --> 00:34:54,820 Јас навистина не знам што да правам, нели? Јас би да се мешаат. 543 00:34:54,820 --> 00:34:58,590 Значи, тоа би можело да ми каже да одат таму долу и кликнете на копчето за да се логирате, 544 00:34:58,590 --> 00:35:01,080 или влезете во копчето може да биде право на врвот каде што ќе одам да ја видите. 545 00:35:01,080 --> 00:35:04,780 Сакате секогаш да бидат прикажани на корисникот што да правам, 546 00:35:04,780 --> 00:35:06,750 и дека треба да биде својствени на самата страница. 547 00:35:06,750 --> 00:35:09,880 >> Кога сте размислување за дизајн и потсмешлив до различни начини на 548 00:35:09,880 --> 00:35:13,810 изразување на вашиот сајт, навистина сакате да се размислува за она што корисниците се случува да 549 00:35:13,810 --> 00:35:19,380 се прави и како можете да ги покаже што да правите. 550 00:35:19,380 --> 00:35:23,530 Едно последно нешто е тестирање е навистина, навистина важно. 551 00:35:23,530 --> 00:35:27,400 Тоа е одлично да се добие некој - да се добие пријател, се некој што не го знаат дури и - 552 00:35:27,400 --> 00:35:30,420 кои никогаш не се гледа на местото пред да се користи сајт. 553 00:35:30,420 --> 00:35:33,650 Бидејќи сте биле работат на сајтот за часа, сте биле свртени кон него, 554 00:35:33,650 --> 00:35:36,670 и знаеш точно што да правам па очигледно ви се случува да биде тестирање на 555 00:35:36,670 --> 00:35:39,520 работите кои сте биле работат на и знам дека сте на работа. 556 00:35:39,520 --> 00:35:42,680 Но, ако некој друг доаѓа заедно и ја користи сајт кој никогаш не го користеле порано, 557 00:35:42,680 --> 00:35:46,880 тоа е уникатно искуство, бидејќи имате некој кој има никакво претходно знаење 558 00:35:46,880 --> 00:35:51,530 на сајтот случува во неа, па тие ќе треба ефикасно без идеја што да прави 559 00:35:51,530 --> 00:35:54,890 или каков вид на употреба случаи се присутни за нив. 560 00:35:54,890 --> 00:36:00,930 Тоа е одлично. Што е уникатна, бидејќи тие се во суштина едно лице со празно за умот. 561 00:36:00,930 --> 00:36:03,750 Тие може да ви каже ако нешто не е збунувачки или нејасни. 562 00:36:03,750 --> 00:36:07,580 Тие може да ви даде идеја за токму она што корисникот искуство на вашиот сајт е. 563 00:36:07,580 --> 00:36:10,630 Тоа може да биде многу тешко да се каже дека сами, па дефинитивно би ве охрабруваме 564 00:36:10,630 --> 00:36:13,640 како што се развивање на вашите проекти - ако сте го прави веб-базирани проекти - 565 00:36:13,640 --> 00:36:18,290 да се добие луѓе со користење на сајт како што е рано како што имаат некој вид на функционална демо. 566 00:36:18,290 --> 00:36:25,330 >> Сега ќе одам да се зборува малку за тоа како да управуваат со веб-проект за развој. 567 00:36:25,330 --> 00:36:28,900 Ние сме поминале околу тоа како можете да го направите технички back-end страна, 568 00:36:28,900 --> 00:36:31,050 Како можете да го дизајн навистина добар сајт, 569 00:36:31,050 --> 00:36:34,150 и тоа е одлично ако си работат со себе, но - 570 00:36:34,150 --> 00:36:37,300 дури и ако си работат со себе и особено ако си работат на тимот, 571 00:36:37,300 --> 00:36:39,580 Проектот за управување станува голем проблем. 572 00:36:39,580 --> 00:36:42,340 Сте вид на слушнале за управување со проекти во различни форми од 573 00:36:42,340 --> 00:36:45,410 основно училиште, кога ќе им беше кажано групна работа. 574 00:36:45,410 --> 00:36:46,820 Што треба да соработуваат, комуницираат, сето тоа. 575 00:36:46,820 --> 00:36:49,620 Дека сите се уште важи овде, но постојат некои уникатни околности со 576 00:36:49,620 --> 00:36:54,910 компјутерски науки што сакате да бидат свесни за, и вие сакате да бидете сигурни дека да се справи добро. 577 00:36:54,910 --> 00:36:58,050 Ќе се зборува прв малку за тимот кој ќе биде внатре 578 00:36:58,050 --> 00:37:03,280 Тоа е многу важно да се избере вистинската големина на еден тим да се работи, 579 00:37:03,280 --> 00:37:05,890 и во вашиот конечниот проект мислам дека имаш опција да изберете 580 00:37:05,890 --> 00:37:08,610 помеѓу 1 и 4 лица ако сум точно. 581 00:37:08,610 --> 00:37:12,050 Вие сакате да бидете сигурни дека не сте само изборот на бројот на луѓе 582 00:37:12,050 --> 00:37:14,950 што сакате да работите со, бидејќи тие се вашите пријатели. 583 00:37:14,950 --> 00:37:18,170 Сакате да изберете еден тим тоа е добра големина и дека ќе одам на работа. 584 00:37:18,170 --> 00:37:22,700 Има пласирам во кои имаат повеќе луѓе наспроти помалку луѓе. 585 00:37:22,700 --> 00:37:25,320 Ако имате повеќе луѓе, очигледно повеќе работа може да се направи 586 00:37:25,320 --> 00:37:28,450 затоа што имаат многу луѓе, многу код, многу идеи, 587 00:37:28,450 --> 00:37:29,870 и тоа е одлично. 588 00:37:29,870 --> 00:37:32,590 Но, тоа, исто така, бара многу повеќе за управување и многу повеќе комуникација. 589 00:37:32,590 --> 00:37:34,720 Со други зборови, ако имате 4 луѓето кои работат на истиот проект 590 00:37:34,720 --> 00:37:39,200 и тие се сите уредување на истиот код, повеќе или помалку, сите тие вид на потреба да знаете 591 00:37:39,200 --> 00:37:40,920 она што се случува, така што бара од вас - 592 00:37:40,920 --> 00:37:44,580 ако додадете некои нови функција можете вид на треба да се каже на луѓето - Јас сум додавајќи дека ова, 593 00:37:44,580 --> 00:37:48,510 Јас сум менување на овој на овој начин - особено ако се влезе во навистина длабока работи 594 00:37:48,510 --> 00:37:52,730 како модели и контролори кои се всушност ќе влијае како на страницата дела. 595 00:37:52,730 --> 00:37:54,500 Целиот тим треба да бидат свесни за тоа, 596 00:37:54,500 --> 00:37:58,140 така што треба да бидете сигурни дека не сте изборот премногу голем тим кој се случува да биде тешко 597 00:37:58,140 --> 00:37:59,970 да се направи таа комуникација. 598 00:37:59,970 --> 00:38:02,930 Можете исто така не сакаат да се избере доволно мал тим кој вие нема да 599 00:38:02,930 --> 00:38:06,250 бидат способни да комуницираат, бидејќи тоа е само вас. 600 00:38:06,250 --> 00:38:11,270 >> Друга работа е да се разгледа состојбата на каде вештини на луѓето се. 601 00:38:11,270 --> 00:38:14,350 Тоа е прекрасно, ако вие ќе бидете сите навистина добри програмери. 602 00:38:14,350 --> 00:38:17,050 Но, ако сте сите back-end луѓе, тогаш вашиот сајт е нема да изгледаат многу добро 603 00:38:17,050 --> 00:38:20,860 затоа што ја имаат оваа голема база на податоци, и тоа го прави супер-брз пребарувања - 604 00:38:20,860 --> 00:38:26,130 што е одлично - но кога ќе одам до него, тоа е како еден сајт 1990 со црвена и сина 605 00:38:26,130 --> 00:38:30,370 насекаде, и тоа не е добар. 606 00:38:30,370 --> 00:38:34,210 Забележете дека Бен и јас работат како тим се многу убаво, бидејќи јас сум вид на повеќе 607 00:38:34,210 --> 00:38:38,030 во предниот крај, ние двајцата да комуницирате во средината-крајот, и Бен е навистина добро со back-end работи, 608 00:38:38,030 --> 00:38:43,550 така што работи навистина добро, бидејќи ние можеме да дизајнираме било кој сајт и во основа дупки 609 00:38:43,550 --> 00:38:47,580 во таа веб-сајт што треба да бидат пополнети може да се полнат од било еден од нас, или можеби и двете. 610 00:38:47,580 --> 00:38:50,210 Вие сакате да бидете сигурни дека не постојат дупки во вашиот тим. 611 00:38:50,210 --> 00:38:51,180 Тоа е во ред, ако има малку се преклопуваат. 612 00:38:51,180 --> 00:38:53,670 Со други зборови, ако имате 2 луѓе кои се и добри со задниот крај, 613 00:38:53,670 --> 00:38:57,250 кои можат да бидат добри, како и бидејќи тие можат да си помагаат едни на други со проблеми 614 00:38:57,250 --> 00:38:58,820 дека тие имаат. 615 00:38:58,820 --> 00:39:02,590 Тоа може да биде проблем ако имате само 1 човек кој е одговорен за одредена работа 616 00:39:02,590 --> 00:39:06,650 и тие наиде на проблем, па вие не сакате да имате малку се преклопуваат 617 00:39:06,650 --> 00:39:10,760 но вие најважно сакате да бидете сигурни дека сите можни дупки се пополнети. 618 00:39:10,760 --> 00:39:17,550 >> Последно нешто - и ова треба да биде очигледна, но тоа е често не. 619 00:39:17,550 --> 00:39:19,550 Дали навистина сакате да се забавувате. 620 00:39:19,550 --> 00:39:23,360 Поентата на оваа финалниот проект во CS50 и често точка на веб развојот во целина 621 00:39:23,360 --> 00:39:26,360 не само да се направи работа, бидејќи таа треба прави. 622 00:39:26,360 --> 00:39:29,140 Дали навистина сакате да се забавувате, а вие сакате да се прави нешто 623 00:39:29,140 --> 00:39:31,180 тоа ти мотивирачки да работат на тоа. 624 00:39:31,180 --> 00:39:33,650 Ако она што го правите е болка да седнат и да работат на, 625 00:39:33,650 --> 00:39:35,650 тогаш вие не сте изборот на вистинскиот проект. 626 00:39:35,650 --> 00:39:37,730 Сакате да изберете нешто што ќе најдете интересни, 627 00:39:37,730 --> 00:39:41,150 Дали навистина сакате да ја видите резултат на тоа, ти си возбуден кога ќе добие нова идеја за 628 00:39:41,150 --> 00:39:44,700 нешто што може да го направи - да има на сите видови на проекти таму, кои сигурен сум дека 629 00:39:44,700 --> 00:39:47,290 можете да најдете - секој има нешто што навистина ќе ги интрига 630 00:39:47,290 --> 00:39:49,290 ако го правиш веб базирана на проектот. 631 00:39:49,290 --> 00:39:52,210 Јас ќе го кажам уште еднаш, токму сега. 632 00:39:52,210 --> 00:39:54,520 Ако вашиот проект изгледа како болка и не сакате да работат на тоа, 633 00:39:54,520 --> 00:39:57,260 изберете друг проект. Изберете нешто што навистина ве инспирира. 634 00:39:57,260 --> 00:40:00,260 >> Бен споменати на овој концепт на повторување малку, и јас сакам да одам над неа малку. 635 00:40:00,260 --> 00:40:08,250 Тоа е навистина важно да се работи испрекинато каде ќе се добие нешто функционален. 636 00:40:08,250 --> 00:40:13,420 Тоа може да биде прекрасно, ако имате овој план за веб-сајт кој ќе направи А, Б, и Ц, 637 00:40:13,420 --> 00:40:16,000 и на крајот тоа ќе одам таму. 638 00:40:16,000 --> 00:40:18,600 Но ти си заглавен во оваа фаза каде си работат на него и работат на тоа, 639 00:40:18,600 --> 00:40:23,330 но ништо не е добивање направено. Вие не треба ништо да се види и опиплива, функционални работа. 640 00:40:23,330 --> 00:40:27,940 Она што навистина сакате да го направите колку што чини вид на болка понекогаш да 641 00:40:27,940 --> 00:40:32,300 работат на нешто, а потоа вид на тоа капа надвор, така што тоа е барем стабилна, трчање 642 00:40:32,300 --> 00:40:34,910 верзија дури и ако тоа не ги имаат сите карактеристики што го сакате. 643 00:40:34,910 --> 00:40:37,690 А можеби има некои карактеристики што навистина сакате да го додадете, но едноставно не може да 644 00:40:37,690 --> 00:40:41,830 затоа што сакате да се добие оваа страна во функционална точка. 645 00:40:41,830 --> 00:40:44,400 Па така сакате да се вид на имаат целиот процес на развој изгледа тоа. 646 00:40:44,400 --> 00:40:47,810 Дека сакате да го започне некаде функционални - или во суштина се започне со ништо - 647 00:40:47,810 --> 00:40:49,890 но сакате да се добие некаде многу основни и функционални. 648 00:40:49,890 --> 00:40:54,940 А потоа, повторно, направи еден вид на скок и се некаде функционални повторно. 649 00:40:54,940 --> 00:40:59,190 Ти полека ќе се изгради, и тоа може да оди малку побавно отколку што би поинаку, 650 00:40:59,190 --> 00:41:03,000 но на долг рок, ако сте постојано заглавени во оваа средина фаза, каде што 651 00:41:03,000 --> 00:41:06,380 не, всушност имаат нешто работи, таа може да биде навистина голема фрустрација 652 00:41:06,380 --> 00:41:09,970 да работат на вашиот проект, бидејќи ти си секогаш толку блиску до добивање на тоа да работи, 653 00:41:09,970 --> 00:41:12,130 и тоа е всушност никогаш не работат. 654 00:41:12,130 --> 00:41:14,810 Ќе сакаат да работат во овие функционални испрекинато, 655 00:41:14,810 --> 00:41:17,950 и ти исто така ќе сакате да направите некои размислување по секој од нив. 656 00:41:17,950 --> 00:41:21,260 Со други зборови, откако сте на точка каде што сајт е сега работат - 657 00:41:21,260 --> 00:41:24,790 тоа не мора се што ви се допаѓа, но тоа го прави некои работи - 658 00:41:24,790 --> 00:41:28,870 ќе сакате да се размислува, во ред, е овој сајт постигнување на целта дека јас изнесени да направам? 659 00:41:28,870 --> 00:41:33,410 Со други зборови, ако сајт се случува да се направи Х, е она што го работат во насока на X? 660 00:41:33,410 --> 00:41:36,450 Дали сите функционалности што сакав таму? 661 00:41:36,450 --> 00:41:39,340 И згора на тоа, се служи на Севкупната цел што сакам? 662 00:41:39,340 --> 00:41:43,200 Ако сте утврди дека вашиот сајт ќе почне да изменета на курсот во поинаква насока 663 00:41:43,200 --> 00:41:47,330 или можеби работите само вид на се не работат надвор, тоа може да биде време да се префрлат брзини малку. 664 00:41:47,330 --> 00:41:51,700 Со други зборови, тоа е вреди да се размислува - тоа е вреди да се исфрла идеи ако е потребно 665 00:41:51,700 --> 00:41:57,950 и со оглед дали навистина работат кон она што сакате да биде. 666 00:41:57,950 --> 00:42:00,760 >> Мислам дека тоа е мојата следна точка. Не плашете се да се откаже од идеи. 667 00:42:00,760 --> 00:42:03,750 Само затоа што поминал многу часови работат на функција 668 00:42:03,750 --> 00:42:07,890 и конечно доби таа работа, но тоа навистина не се случува толку добро - 669 00:42:07,890 --> 00:42:12,690 како тоа не е толку корисна или корисниците имаат проблеми со користење - тој вид на работа - 670 00:42:12,690 --> 00:42:15,300 не плашете се да го фрлите. 671 00:42:15,300 --> 00:42:17,650 Тоа смрди дека си трошат многу време работат на тоа, 672 00:42:17,650 --> 00:42:21,870 но во крајна линија не сакате еден сајт кој е вид на се стави заедно со овие парчиња кои 673 00:42:21,870 --> 00:42:25,380 вид на работа, но не се толку добро служи. 674 00:42:25,380 --> 00:42:27,990 Исто така, не се плашете да ги прифатат новите идеи. 675 00:42:27,990 --> 00:42:30,050 Ако некој доаѓа заедно и вели, еј, овој сајт изгледа навистина кул, но 676 00:42:30,050 --> 00:42:32,290 не би го дури и да биде прекрасно, ако тоа, исто така, го направи ова? 677 00:42:32,290 --> 00:42:36,220 Само затоа што тоа е нешто што не сте намера и нешто што не е на вашиот 678 00:42:36,220 --> 00:42:37,900 очила, нешто што не сте го постави за да се направи, 679 00:42:37,900 --> 00:42:40,860 не се плашете да ја преземат, а потоа работи со него. 680 00:42:40,860 --> 00:42:43,680 Затоа што често идеи кои ќе ја стартувате со текот на курсот на развој 681 00:42:43,680 --> 00:42:47,630 да заврши се навистина кул карактеристики на веб-сајтот. 682 00:42:47,630 --> 00:42:49,630 >> Сум го рече ова порано. Јас ќе го кажам уште еднаш. 683 00:42:49,630 --> 00:42:51,630 Тестери се супер, супер корисни. 684 00:42:51,630 --> 00:42:56,350 Се обиде да добие луѓе кои никогаш не сум ја видел на веб-сајт пред да влезете во и да видиме што се случува 685 00:42:56,350 --> 00:42:59,080 бидејќи тие не само што може да го тестира корисноста на сајт и корисничко искуство, 686 00:42:59,080 --> 00:43:02,070 но тие исто така може да го тестира функционалноста на начин кој не можете да. 687 00:43:02,070 --> 00:43:06,430 Ако направите некоја карактеристика која го прави одредена работа 688 00:43:06,430 --> 00:43:11,620 и знаеш дека се случува да го направи тоа истото правилно секој пат, тоа е одлично. 689 00:43:11,620 --> 00:43:16,610 Но, тоа често може да биде тешко да дадат отчет за агол случаи каде корисникот може да 690 00:43:16,610 --> 00:43:19,500 напишеш нешто што не очекуваат - токму затоа што е дефинирано 691 00:43:19,500 --> 00:43:21,500 карактеристики себе. 692 00:43:21,500 --> 00:43:23,730 Значи, да имаат некој дојде на кој нема идеја како да се користи сајт 693 00:43:23,730 --> 00:43:26,840 и само да го скрши во она што начини тие можат да прават е навистина корисно затоа што 694 00:43:26,840 --> 00:43:30,340 добиете идеја од сосема поинаква перспектива на она што на вашиот сајт работи 695 00:43:30,340 --> 00:43:33,300 и она што треба поправка. 696 00:43:33,300 --> 00:43:37,070 >> Последно, јас ќе одам да се зборува за некои општи добри практики, 697 00:43:37,070 --> 00:43:42,470 и сте виделе многу од овие во CS50, но тие, исто така, навистина, навистина се применуваат во поставување на проектот. 698 00:43:42,470 --> 00:43:47,600 Една од нив е коментари. Секогаш коментира вашиот код, особено ако си работат на голем тим. 699 00:43:47,600 --> 00:43:51,230 Тоа може да биде толку досадно да само имаат гигант блок од код кој некој е напишано 700 00:43:51,230 --> 00:43:54,230 а можеби тоа функционира, можеби не е така, но немате идеја што го прави тоа, 701 00:43:54,230 --> 00:43:58,010 па немате поим дали тоа е корисно или не или дали тоа треба да биде таму или не, 702 00:43:58,010 --> 00:44:00,200 и ако си работат на нешто друго тоа е можно дури и дека си работат на 703 00:44:00,200 --> 00:44:06,590 истото, па само да биде многу, многу внимателно да се биде внимателен на своите врсници 704 00:44:06,590 --> 00:44:09,710 и пишуваат код кој е добро документирани. 705 00:44:09,710 --> 00:44:13,580 Вие не треба да одат толку далеку што да се прави целата работа, каде што како ако прираст 706 00:44:13,580 --> 00:44:16,620 контра имаат коментар во која се вели, јас сум додавајќи 1 на овој шанкот. 707 00:44:16,620 --> 00:44:20,450 Тоа не мора да биде дека детални, но за било која функција што сте некогаш пишување 708 00:44:20,450 --> 00:44:23,160 треба да имаат некои документација на она што таа функција точно значи, 709 00:44:23,160 --> 00:44:25,140 она што нејзините влезови се, и она што треба да се врати. 710 00:44:25,140 --> 00:44:27,800 На тој начин можете да го користите компоненти на сајт на другите луѓе 711 00:44:27,800 --> 00:44:31,990 и можете да работите кон градење нешто големо. 712 00:44:31,990 --> 00:44:34,100 >> Друга важна работа е дека сакате да направите редовно чисти прозорци. 713 00:44:34,100 --> 00:44:40,490 Кодот добива неуредна. Не се чувствувајте лошо ако вашиот код е само сосема прочите и џиновски хаос. 714 00:44:40,490 --> 00:44:42,770 Што се случува во веб развој секогаш. 715 00:44:42,770 --> 00:44:46,530 Сте додавање на нови функции, отстранување на старите. Работи ќе биде таму, кои не треба да биде. 716 00:44:46,530 --> 00:44:49,330 Тоа е во ред, но сакате да бидете сигурни дека да се справи со тоа редовно. 717 00:44:49,330 --> 00:44:53,430 Вие не сакате да нека се изгради до точка каде што вие едноставно не можат да најдат ништо 718 00:44:53,430 --> 00:44:56,430 во вашиот код, и немате идеја што ништо не. 719 00:44:56,430 --> 00:44:58,430 Тоа е случај со HTML. 720 00:44:58,430 --> 00:44:59,490 Понекогаш ќе се заокружи со предмети кои не содржат ништо, 721 00:44:59,490 --> 00:45:01,320 и ќе сакате да се ослободите од нив. 722 00:45:01,320 --> 00:45:04,610 Во CSS, можете да се однесуваат на елементи кои не се таму веќе, 723 00:45:04,610 --> 00:45:06,340 па сакате да се ослободи од таа код. 724 00:45:06,340 --> 00:45:09,900 Во JavaScript, можеби сте отстранети нешто од HTML. 725 00:45:09,900 --> 00:45:13,150 Значи, вие сакате да бидете сигурни дека сте секогаш чистење, правејќи нешта прилично 726 00:45:13,150 --> 00:45:17,450 колку што можеш, на редовна основа. 727 00:45:17,450 --> 00:45:21,060 >> Уште една навистина корисна работа што јас не мислам дека е наведено многу во CS50 728 00:45:21,060 --> 00:45:23,430 но тоа е во вредност од добивање во е верзија контрола. 729 00:45:23,430 --> 00:45:27,180 Идејата за контрола на верзиите е кога сте во основа следење на сите напредокот 730 00:45:27,180 --> 00:45:30,820 сте направиле кон вашиот сајт и ако во било која точка ќе се реализира, ох, ова беше работа 731 00:45:30,820 --> 00:45:35,220 Пред некое време, но тоа не е работа повеќе, може да се вратиш на претходните верзии 732 00:45:35,220 --> 00:45:37,720 и да видиме што се променило од тогаш и тој вид на работа. 733 00:45:37,720 --> 00:45:41,670 Примарниот начин да го направите тоа е со Git, и Git е целиот овој вид на систем кој 734 00:45:41,670 --> 00:45:46,390 Верувам Томи MacWilliam даде семинар за минатата година. 735 00:45:46,390 --> 00:45:51,520 Ако одите во CS50 семинари за 2011 година, може да се види неговиот семинар за тоа. 736 00:45:51,520 --> 00:45:57,070 Идејата на Git во основа е дека во редовни интервали што ги правите овие обврски 737 00:45:57,070 --> 00:46:01,430 кои се начини на велејќи сајт е во прилично стабилна верзија право, па сега 738 00:46:01,430 --> 00:46:05,910 Јас сум тоа пакување и испраќање далеку на серверот, а потоа можете да одат на тој сервер 739 00:46:05,910 --> 00:46:07,910 и се погледне во сите претходни верзии на вашиот код и да видиме како тоа напредуваше 740 00:46:07,910 --> 00:46:12,210 и сите тој вид на добри нешта. 741 00:46:12,210 --> 00:46:14,210 Значи, тоа е во основа тоа. 742 00:46:14,210 --> 00:46:17,870 Колку што е веб развој, ние сме среќни да останат околу и одговори на сите 743 00:46:17,870 --> 00:46:20,570 прашања колку што е нашата презентација. 744 00:46:20,570 --> 00:46:22,900 Тоа е тоа. Благодарам. >> [Бен] Благодарам. 745 00:46:22,900 --> 00:46:28,480 [Аплауз] 746 00:46:28,480 --> 00:46:30,950 >> [Били] Генералштабот, не секој имате било какви прашања за нешта кои сме покриени 747 00:46:30,950 --> 00:46:33,950 или работи кои ние не сме зафатени што тие се надеваа би се покрие? 748 00:46:33,950 --> 00:46:35,950 Ние ќе бидеме среќни да одговориме на нив. Некој? 749 00:46:35,950 --> 00:46:50,360 [Публиката член] Кои се добрите и лошите страни на користење на Ruby или со користење Пајтон? 750 00:46:50,360 --> 00:46:58,660 [Бен] Прашањето е, она што се добрите и лошите страни на користење на Ruby или Пајтон 751 00:46:58,660 --> 00:46:59,900 наместо како PHP. 752 00:46:59,900 --> 00:47:11,340 Добрите се дека Руби и Python се многу подобри јазици од PHP. 753 00:47:11,340 --> 00:47:14,920 Барем според мое мислење, и мислам дека во многу мислења на други луѓе, како и. 754 00:47:14,920 --> 00:47:20,990 Тие беа дизајнирани повеќе за тоа комплекс работи, 755 00:47:20,990 --> 00:47:25,380 а помалку за огромен заедно веб страници навистина брзо со 756 00:47:25,380 --> 00:47:28,400 малку динамична содржина. 757 00:47:28,400 --> 00:47:35,180 На лошите страни се дека има малку - има повеќе од кривата на учење 758 00:47:35,180 --> 00:47:37,220 да се ги постави. 759 00:47:37,220 --> 00:47:41,010 Тоа е, како во PHP, можете само да имаат HTML датотека и да пишуваат помалку-од, 760 00:47:41,010 --> 00:47:43,060 прашалник, а потоа ќе напише некои кодот, а потоа ќе напише прашалник, 761 00:47:43,060 --> 00:47:45,700 поголема-од, а потоа ќе завршиш. 762 00:47:45,700 --> 00:47:50,300 На други јазици, како Ruby или Пајтон, 763 00:47:50,300 --> 00:47:56,810 треба да се оди преку малку повеќе работа за да се добие почетен сајт трчање. 764 00:47:56,810 --> 00:48:02,730 Постои, исто така - барем што се користи да биде случај - дека има повеќе документација 765 00:48:02,730 --> 00:48:05,480 достапни за PHP само затоа што постојат повеќе луѓе го користат. 766 00:48:05,480 --> 00:48:09,370 Мислам дека не е толку многу на ова прашање веќе. 767 00:48:09,370 --> 00:48:12,520 Има секако многу добра документација за нешта како Ruby on Rails 768 00:48:12,520 --> 00:48:16,080 или Џанго за Пајтон е еквивалентно. 769 00:48:16,080 --> 00:48:25,910 PHP е оној кој секој е со користење години, и знаете како тоа функционира. 770 00:48:25,910 --> 00:48:28,460 Руби и Python се малку помалку зрели. 771 00:48:28,460 --> 00:48:33,130 >> [Публиката член] Ако сте биле да избере помеѓу еден од нив да учат или да земам, 772 00:48:33,130 --> 00:48:36,130 кои би сакале? 773 00:48:36,130 --> 00:48:38,870 Искрено, мислам дека зависи од личноста. 774 00:48:38,870 --> 00:48:45,450 Жал ми е. Прашањето беше кои ќе ви ги собереш некој да учат? 775 00:48:45,450 --> 00:48:50,230 Сметам Пајтон најубавиот лично. 776 00:48:50,230 --> 00:48:55,360 Постојат голем број на луѓе кои - Јас не мојот прв веб dev проект во Python и Џанго. 777 00:48:55,360 --> 00:49:00,300 Постојат голем број на луѓе кои сакаат Ruby on Rails, исто така. 778 00:49:00,300 --> 00:49:02,650 Веројатно повеќе луѓе кои знаат Ruby on Rails. 779 00:49:02,650 --> 00:49:05,270 Искрено, јас само ќе одат со она што луѓето околу вас знаат 780 00:49:05,270 --> 00:49:09,680 така што ќе имаат луѓето да поставуваат прашања. 781 00:49:19,640 --> 00:49:24,170 >> Прашањето беше - на заеднички сервер е вид на тешко да се работи на Пајтон? 782 00:49:24,170 --> 00:49:26,170 Тоа зависи од вашиот хостинг. 783 00:49:26,170 --> 00:49:29,400 Постојат голем број на веб-домаќини кои ќе ја објавите Пајтон нешта. 784 00:49:29,400 --> 00:49:31,400 WebFaction прави тоа, нели? 785 00:49:31,400 --> 00:49:34,400 WebFaction е оној кој Били и јас се користи за некои проекти. 786 00:49:34,400 --> 00:49:37,750 Тие се навистина големи. Тие го поддржуваат повеќето јазици. 787 00:49:37,750 --> 00:49:40,020 Но, тоа е точно дека PHP е многу повеќе широко поддржана. 788 00:49:40,020 --> 00:49:45,210 Значи, ако сте заглавени на веб домаќин дека само што се PHP, тоа е добра причина да го користите PHP. 789 00:49:45,210 --> 00:49:56,010 >> [Публиката член] Јас само што влегов во учење како да се пребарува некои бази на податоци, 790 00:49:56,010 --> 00:50:00,680 и знам дека мојот SQL е насекаде, но јас неодамна добив изложени на - 791 00:50:00,680 --> 00:50:04,470 и ќе го посочи. Гледаш JSON и проширување бази на податоци. 792 00:50:04,470 --> 00:50:14,580 Мој SQL е сепак сите над местото. Како гледате тоа да се случи? 793 00:50:14,580 --> 00:50:21,330 Е таму ќе биде растечка тенденција за повеќе да се прошири (нечујни)? 794 00:50:21,330 --> 00:50:30,100 Прашањето беше - не мислам дека ќе биде тренд кон не-SQL бази на податоци. 795 00:50:30,100 --> 00:50:33,850 На пример, како MongoDB. Мислам дека е дефинитивно точно. 796 00:50:33,850 --> 00:50:38,730 Мој совет е претежно mysql-поврзани тука само затоа што MySQL е 797 00:50:38,730 --> 00:50:40,950 индустрија стандард. 798 00:50:40,950 --> 00:50:45,950 Лично, јас многу сакам бази на податоци кои немаат schemos како MongoDB 799 00:50:45,950 --> 00:50:49,520 каде што не треба прашањето за, ох, јас треба да се додаде уште еден столб. 800 00:50:49,520 --> 00:50:51,600 Тешко мене, како што можам да направам? 801 00:50:51,600 --> 00:50:55,840 Тоа е многу тешко да се направи тоа на MySQL, но кога имате нешто како Mongo 802 00:50:55,840 --> 00:50:57,840 тоа е многу поубав. 803 00:50:57,840 --> 00:51:03,780 Другите убаво нешто за Mongo е дека вашите записи се всушност вклучите Javascript-објекти. 804 00:51:03,780 --> 00:51:10,110 Нема вид на конверзија чекор, каде што треба да ги преземат овие бази на податоци редови 805 00:51:10,110 --> 00:51:13,140 и да ги претвори во вклучите Javascript-објект, а потоа да ги испратите во текот на жица. 806 00:51:13,140 --> 00:51:20,290 Мислам дека работи како што се случува да биде многу, многу корисно за брз веб развој во иднина. 807 00:51:20,290 --> 00:51:23,060 >> [Били] Нешто што ќе додадете кој е само општа Поентата е дека 808 00:51:23,060 --> 00:51:26,580 не се чувствуваат како тебе треба да го научиле сите јазици сме разговараа 809 00:51:26,580 --> 00:51:28,580 од нашите семинарот. 810 00:51:28,580 --> 00:51:30,560 Очигледно поентата е да ви даде идеја за она што е таму, 811 00:51:30,560 --> 00:51:33,450 и ако сте заинтригиран од кој било од работите што сум споменат можете да ги Google 812 00:51:33,450 --> 00:51:35,830 и прочитате на нив. 813 00:51:35,830 --> 00:51:38,750 И како што рековме, постојат неколку семинари кои се занимаваат со токму овие работи. 814 00:51:38,750 --> 00:51:41,660 Постојат дури и повеќе семинари кои не ги спомнав дека најверојатно се во 815 00:51:41,660 --> 00:51:43,660 овој материјал, како и. 816 00:51:43,660 --> 00:51:46,610 Идејата е дека ако сакате да работат на нешто, тука се и алатки на располагање. 817 00:51:46,610 --> 00:51:51,630 Не се чувствуваат премногу задоволни и ако не се сосема сигурни што овие алатки прават токму, 818 00:51:51,630 --> 00:51:54,830 но знам дека тие се таму и дека можете да направите широка употреба од нив 819 00:51:54,830 --> 00:51:56,830 од страна на Google. 820 00:51:56,830 --> 00:51:59,960 >> [Публиката член] Каков вид на нешта што ви е потребно да направите за да бидете сигурни дека вашата веб-страница 821 00:51:59,960 --> 00:52:02,530 изгледа добро на мобилни уреди? 822 00:52:02,530 --> 00:52:05,590 [Били] Мобилни уреди се малку тешко. 823 00:52:05,590 --> 00:52:07,590 Има 2 начини можете да го пристап. 824 00:52:07,590 --> 00:52:11,500 Првиот начин е тоа што всушност имате мобилен веб-сајт. 825 00:52:11,500 --> 00:52:14,660 Со други зборови, ќе се изврши некој вид на откривање на почетокот 826 00:52:14,660 --> 00:52:18,830 кога прелистувачот го прави барањето за вашиот веб-сајт кој било вели 827 00:52:18,830 --> 00:52:25,240 врати овој став - кој ќе биде гледање за десктоп или лаптоп прелистувачи - 828 00:52:25,240 --> 00:52:27,710 и оваа друга поглед за мобилни уреди. 829 00:52:27,710 --> 00:52:33,090 Тоа е место каде ставови се навистина убаво во тоа прилично многу може трампа на 830 00:52:33,090 --> 00:52:37,580 две надвор и имаат интерфејс, кој работи навистина убаво на мобилни уреди 831 00:52:37,580 --> 00:52:40,770 и имаат сосема различни еден кој работи убаво на прелистувачот уреди. 832 00:52:40,770 --> 00:52:43,770 Проблемот со тоа е тоа трае долго време, бидејќи тоа значи кодирање 833 00:52:43,770 --> 00:52:47,060 сосема различен интерфејс. 834 00:52:47,060 --> 00:52:49,720 На друг начин на кој можете да го направите тоа е - 835 00:52:49,720 --> 00:52:55,250 многу модерни телефони ќе се прикаже веб-сајтови и се обидуваат да ги направат како интернет пребарувач би, 836 00:52:55,250 --> 00:52:57,680 и тие го прават најдобро. 837 00:52:57,680 --> 00:53:04,340 Можете вид на може да се обиде да остане светло за висината на jQuery JavaScript сте користење 838 00:53:04,340 --> 00:53:07,360 кој има тенденција да биде местото каде што работи може да тргне наопаку малку. 839 00:53:07,360 --> 00:53:13,430 Ова е вид на начин на кој можете да го користите доколку немате толку време. 840 00:53:13,430 --> 00:53:18,540 Ако имате време да работат на мобилен интерфејс, тоа е очигледно вашата најдобра опција. 841 00:53:18,540 --> 00:53:23,320 >> Мислам дека генерално за CS50 проекти, ви се случува да сакате да изберете еден или на друг. 842 00:53:23,320 --> 00:53:27,990 Со други зборови, сакате да се направи мобилен стан или сакате да се направи десктоп веб-сајт. 843 00:53:27,990 --> 00:53:32,200 И тој вид на одредува каде и да одите со тоа. 844 00:53:32,200 --> 00:53:35,360 Но, ако сакате да се прошири подоцна, веројатно најдобар залог е 845 00:53:35,360 --> 00:53:37,360 да се направи друг интерфејс за други. 846 00:53:51,650 --> 00:53:56,340 Имам малку искуство во развојот на WordPress-базирани сајтови. 847 00:53:56,340 --> 00:53:58,670 Јас беше домаќин на личен веб-сајт на WordPress за некое време. 848 00:53:58,670 --> 00:54:02,310 Оние видови на рамки може да биде убаво само како многу основни нешта. 849 00:54:02,310 --> 00:54:07,050 Честопати сте само ќе наиде на многу на customizability прашања, секако. 850 00:54:07,050 --> 00:54:10,940 Ќе сакаат да имаат нешто изгледа на одреден начин или да биде одреден начин 851 00:54:10,940 --> 00:54:14,510 а вие едноставно не може, бидејќи тоа е хард-жичен во системот дека 852 00:54:14,510 --> 00:54:17,480 ова е како што треба да направите работите што може да биде малку проблем. 853 00:54:17,480 --> 00:54:22,020 Од тогаш сум вид на се повеќе склони да работат со сајтови од земјата нагоре. 854 00:54:22,020 --> 00:54:26,840 За нешта како блог бази на податоци и тој вид на работа тоа не е навистина толку тешко да се изгради една рамка. 855 00:54:26,840 --> 00:54:29,970 Ако сте навистина се протегала за времето, вие се разбира може да се користи нешто како WordPress 856 00:54:29,970 --> 00:54:33,120 или тој вид на работа за блог. 857 00:54:33,120 --> 00:54:38,790 Видови на нешта кои блогови продавница и не се навистина тешко доволно 858 00:54:38,790 --> 00:54:41,500 ако сте водење на било која од овие видови на нештата, ти си веројатно најдобро само да се 859 00:54:41,500 --> 00:54:43,500 направи во куќа верзија. 860 00:54:43,500 --> 00:54:48,350 >> Мислам дека тоа е во врска со тоа, па благодарение повторно за доаѓање. 861 00:54:48,350 --> 00:54:51,960 Ние навистина уживав да разговараат со вас момци и се надевам дека го научиле некои нешта. 862 00:54:51,960 --> 00:54:55,350 [Бен] Ние сме среќни да се зборува - мора да одиме но ние сме среќни да се зборува повеќе надвор 863 00:54:55,350 --> 00:55:01,650 ако имате едно друго прашање. Ви благодариме повторно. [Аплауз] 864 00:55:03,750 --> 00:55:06,000 [CS50.TV]