1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Seimineár] [Creataí JavaScript: Cén fáth agus Conas] 2 00:00:02,000 --> 00:00:04,000 [Kevin Schmid] [Ollscoil Harvard] 3 00:00:04,000 --> 00:00:06,960 [Tá sé seo CS50.] [CS50.TV] 4 00:00:06,960 --> 00:00:10,630 >> Dia duit, gach duine. Fáilte go dtí na Creataí seimineár JavaScript. 5 00:00:10,630 --> 00:00:14,910 Is é mo ainm Kevin, agus sa lá atá inniu tá mé ag dul a bheith ag caint faoi chreataí JavaScript, 6 00:00:14,910 --> 00:00:20,400 agus is é an sprioc atá ag an seimineár ní chun tú a fháil do, a rá, frámaíocht ar leith per se máistir 7 00:00:20,400 --> 00:00:23,810 ach le tabhairt isteach leathan a thabhairt duit cúpla creataí 8 00:00:23,810 --> 00:00:27,150 agus a thaispeáint cén fáth go mbeadh muid ag iarraidh riamh creat a úsáid. 9 00:00:27,150 --> 00:00:31,060 >> Roimh féidir liom sin, beidh mé a chur ar fáil cúlra beag i JavaScript, 10 00:00:31,060 --> 00:00:33,750 agus ansin beidh orainn a ghlacadh ó ann. 11 00:00:33,750 --> 00:00:36,270 Táimid ag dul chun tús a chur le chur i bhfeidhm an liosta-a dhéanamh. 12 00:00:36,270 --> 00:00:39,330 Seo ár liosta tasc don lá atá inniu. 13 00:00:39,330 --> 00:00:41,990 Tá sé cineál greannmhar. Ní mór dúinn a chur i bhfeidhm an liosta-a dhéanamh i JavaScript. 14 00:00:41,990 --> 00:00:45,110 Is é seo a bhfuil sé ag dul chun breathnú cosúil le, mar sin go bhfuil ár chéad sprioc. 15 00:00:45,110 --> 00:00:47,160 Níl muid ag dul chun leas as creat chun é sin a dhéanamh. 16 00:00:47,160 --> 00:00:51,930 Táimid ag dul a cód JavaScript agus a fháil ar an liosta seo a leanas-a dhéanamh a bheith ag obair. 17 00:00:51,930 --> 00:00:54,370 Ansin, táimid ag dul chun feabhas a chur ar an dearadh gan úsáid a bhaint as creatlach. 18 00:00:54,370 --> 00:00:57,190 Táimid ag dul chun plé a dhéanamh ar rudaí éagsúla is féidir linn a dhéanamh le díreach JavaScript ina n-aonar 19 00:00:57,190 --> 00:01:00,650 a dhéanamh ar ár a dhéanamh-liosta beagán níos deartha go maith. 20 00:01:00,650 --> 00:01:02,490 Ansin, táimid ag dul le caith i roinnt jQuery, 21 00:01:02,490 --> 00:01:05,030 agus ansin táimid ag dul chun breathnú ar an céanna a to-do liosta, 22 00:01:05,030 --> 00:01:07,170 ach i bhfeidhm i creataí éagsúla, agus beidh muid ag plé a dhéanamh ar 23 00:01:07,170 --> 00:01:09,280  na buntáistí agus na míbhuntáistí feadh na slí. 24 00:01:09,280 --> 00:01:12,040 >> A ligean ar tús a chur i bhfeidhm go to-do liosta. 25 00:01:12,040 --> 00:01:14,270 Ligean le rá táimid ag tugadh an HTML. 26 00:01:14,270 --> 00:01:16,620 Tá mé ag dul seo a dhéanamh níos lú le beagán. 27 00:01:16,620 --> 00:01:19,300 Mar is féidir leat a fheiceáil, tá mé header beag a deir Tasc 28 00:01:19,300 --> 00:01:21,740 agus bosca beag nuair is féidir liom dul isteach cur síos ar TODO 29 00:01:21,740 --> 00:01:26,990 agus ansin an cnaipe nua mír, mar sin a ligean ar iarracht chun dul isteach i TODO nua leis an liosta. 30 00:01:26,990 --> 00:01:31,000 Tabhair creataí seimineár JavaScript, 31 00:01:31,000 --> 00:01:33,090 agus tá mé a bhuail mír nua. 32 00:01:33,090 --> 00:01:35,730 Faighim an airdeall JavaScript a deir chur i bhfeidhm orm. 33 00:01:35,730 --> 00:01:37,560 Táimid agam a chur i bhfeidhm. 34 00:01:37,560 --> 00:01:41,490 A ligean ar a sheiceáil amach an cód seo, idir an HTML agus JavaScript. 35 00:01:41,490 --> 00:01:43,260 Seo ár HTML. 36 00:01:43,260 --> 00:01:45,500 Mar is féidir leat a fheiceáil anseo, a anseo ar ár Todos beag header. 37 00:01:45,500 --> 00:01:47,620 Ba é sin go bhfuil rud trom ag an mbarr, 38 00:01:47,620 --> 00:01:50,690 agus ansin ní mór dúinn an bosca ionchur leis an placeholder, 39 00:01:50,690 --> 00:01:59,460 agus ansin níl tréith áirithe an cnaipe go bhfuil gá leis an addTodo fheidhm. 40 00:01:59,460 --> 00:02:05,460 An bhfuil aon duine ag iarraidh a buille faoi thuairim a bhfuil ar cliceáil bhfuil signifying? 41 00:02:05,460 --> 00:02:07,390 [Mac Léinn freagartha inaudible] 42 00:02:07,390 --> 00:02:09,289 Dea é, an cliceáil ar saghas cosúil le ócáid, 43 00:02:09,289 --> 00:02:12,120 cosúil go bhfuil chliceáil ar an luch amháin ar ócáid, agus cad tá muid ag déanamh 44 00:02:12,120 --> 00:02:16,890 Tá tá muid ag tying an gcás chliceáil ar an gcnaipe seo a fhorghníomhú an bhfeidhm sin. 45 00:02:16,890 --> 00:02:21,700 Is AddTodo seo láimhseálaí imeacht as chliceáil cnaipe. 46 00:02:21,700 --> 00:02:25,010 >> Mar is féidir leat a fheiceáil, nuair mé cliceáil ar an gcnaipe nua mír 47 00:02:25,010 --> 00:02:29,940 Faigheann an imeacht cliceáil ar fired, agus faigheann an fheidhm seo ar a dtugtar. 48 00:02:29,940 --> 00:02:33,170 A ligean ar breathnú ar fheidhm. 49 00:02:33,170 --> 00:02:36,260 Mar is féidir leat a fheiceáil, tá anseo mo cód JavaScript go dtí seo. 50 00:02:36,260 --> 00:02:41,280 Cad tá mé ag an barr struchtúr sonraí domhanda le haghaidh mo liosta-a dhéanamh. 51 00:02:41,280 --> 00:02:44,060 Breathnaíonn sé cosúil le sraith. Tá sé díreach le sraith folamh. 52 00:02:44,060 --> 00:02:47,100 Agus ansin tá mé an fheidhm addTodo a chonaic muid níos luaithe, 53 00:02:47,100 --> 00:02:50,740 agus is é an líne amháin de chód i ann an airdeall. 54 00:02:50,740 --> 00:02:55,730 Foláirimh sé i bhfeidhm orm, agus ansin tá mé 2 tascanna ar láimh. 55 00:02:55,730 --> 00:02:58,790 Tá mé go dtí an TODO chur leis an struchtúr sonraí domhanda, 56 00:02:58,790 --> 00:03:01,860 agus ansin ba mhaith liom an liosta-a dhéanamh a tharraingt amach. 57 00:03:01,860 --> 00:03:06,360 Ní dhéanfaidh aon ní mhaisiúil ró-ach go fóill, ach JavaScript féidir leat a bheith cur amach acu, 58 00:03:06,360 --> 00:03:12,370 mar sin tá mé ag dul chun dul mall agus athbhreithniú a dhéanamh ar an bunúsacha de JavaScript ar an mbealach sin. 59 00:03:12,370 --> 00:03:15,490 >> A ligean ar thabhairt seo lámhaigh. 60 00:03:15,490 --> 00:03:21,130 Ligean le rá thiocfaidh an t-úsáideoir rud éigin sa bhosca seo. 61 00:03:21,130 --> 00:03:23,360 Chlóscríobh mé díreach tar éis rud éigin i anseo, téacs. 62 00:03:23,360 --> 00:03:27,620 Conas is féidir liom a shórtáil de rochtain go téacs trí JavaScript? 63 00:03:27,620 --> 00:03:32,500 Cuimhnigh go bhfuil JavaScript, tá sé ar cheann de na gnéithe bunúsacha a thugann sé ar ár gcumas 64 00:03:32,500 --> 00:03:34,670 an rochtain cláir chun an DOM. 65 00:03:34,670 --> 00:03:40,670 Tugann sé deis dúinn chun rochtain a fháil ar ghnéithe agus ar a n-airíonna seo HTML iarbhír. 66 00:03:40,670 --> 00:03:43,430 An bealach a dhéanann muid go bhfuil lom cnámha JavaScript 67 00:03:43,430 --> 00:03:51,360 Is féidir linn a úsáid feidhm i JavaScript a dtugtar getElementByID. 68 00:03:51,360 --> 00:03:55,140 Ba mhaith liom an téacs go atá clóscríofa ann i roinnt athróg a stóráil, 69 00:03:55,140 --> 00:03:58,350 mar sin tá mé ag dul a rá athróg nua ar a dtugtar new_todo, 70 00:03:58,350 --> 00:04:01,980 agus tá mé ag dul a fháil ar an eilimint. 71 00:04:01,980 --> 00:04:06,330 Is feidhm í seo,. GetElementByID. 72 00:04:06,330 --> 00:04:11,580 Agus anois tá mé ag dul gné le ID, mar sin is gá dom an ID an bosca téacs, 73 00:04:11,580 --> 00:04:15,860 mar sin tá mé tugadh an new_todo_description ID. 74 00:04:15,860 --> 00:04:18,399 Sin é an chaoi mé ag dul a fháil ar gné. 75 00:04:18,399 --> 00:04:23,880 Sin mo argóint chun an fheidhm seo, a shonrú a haitheantas a fháil. 76 00:04:23,880 --> 00:04:28,110 Agus mar sin go bhfuil eilimint i HTML, agus tá sé airíonna. 77 00:04:28,110 --> 00:04:30,650 Tá tú le feiceáil ar na. Tá siad tréithe. 78 00:04:30,650 --> 00:04:37,090 Is é an tréith ar an eilimint téacs ina stóráiltear an úsáideora ionchur a dtugtar luach. 79 00:04:37,090 --> 00:04:40,860 Shábháil mé an luach na bosca téacs anois sa athróg dtugtar new_todo. 80 00:04:40,860 --> 00:04:45,040 Anois, tá mé rochtain cláir a ghabhann leis an athróg, a bhfuil de chineál ar fionnuar 81 00:04:45,040 --> 00:04:49,200 mar anois cad is féidir liom a dhéanamh is féidir liom é a chur le mo liosta seo a leanas-a dhéanamh. 82 00:04:49,200 --> 00:04:52,870 >> Is é an bealach ba mhaith linn é seo a dhéanamh i JavaScript-agus ná bíodh imní ort má tá tú cur amach acu ar seo, 83 00:04:52,870 --> 00:04:57,010 ach díreach ag dul tríd sé go bhfuil todos.push 84 00:04:57,010 --> 00:05:00,130 toisc go bhfuil an t-ainm ar mo struchtúr sonraí domhanda suas anseo, 85 00:05:00,130 --> 00:05:04,450 agus tá mé ag dul a bhrú new_todo. 86 00:05:04,450 --> 00:05:09,120 Tá sé seo iontach toisc go anois tá mé é chuig mo JavaScript 87 00:05:09,120 --> 00:05:11,280 ionadaíocht a to-do liosta. 88 00:05:11,280 --> 00:05:15,170 Ach anois conas is féidir liom é a fháil ar ais go dtí an HTML? 89 00:05:15,170 --> 00:05:18,560 Caithfidh mé a fháil ar bhealach a shórtáil de é a bhrú ar ais. 90 00:05:18,560 --> 00:05:21,830 I bhfocail eile, tá mé cineál a tharraingt ar an. 91 00:05:21,830 --> 00:05:26,060 Cad tá muid ag dul a dhéanamh go bhfuil muid ag dul a tharraingt ar an liosta seo a leanas-a dhéanamh. 92 00:05:26,060 --> 00:05:29,270 Is gá dom a thabhairt cothrom le dáta HTML eile ar an leathanach, 93 00:05:29,270 --> 00:05:32,040 agus is féidir leat a fheiceáil, tá mé d'fhág an coimeádán beag anseo, 94 00:05:32,040 --> 00:05:36,840 seo divider ar an leathanach a bhfuil a haitheantas is todos, 95 00:05:36,840 --> 00:05:40,870 agus tá mé ag dul a chur ar an liosta seo a leanas-a dhéanamh ann. 96 00:05:40,870 --> 00:05:47,240 An Chéad tá mé ag dul a ghlanadh sé amach mar gheall ar, a rá, bhí sean to-do liosta ann. 97 00:05:47,240 --> 00:05:49,560 Tá mé ag dul go eilimint le ID arís, 98 00:05:49,560 --> 00:05:54,530 agus tá mé ag teacht ar an HTML istigh den eilimint, 99 00:05:54,530 --> 00:05:58,010 agus tá mé ag dul go soiléir go. 100 00:05:58,010 --> 00:06:05,510 Má d'fhág muid an cód seo mar go bhfuil, ba mhaith linn a fheiceáil aon rud bán ann, 101 00:06:05,510 --> 00:06:10,410 agus anois is mian liom a thosú rindreáil mo nua to-do liosta. 102 00:06:10,410 --> 00:06:12,870 Tá mé ag dul go bunúsach chun wipe amach mo liosta-a dhéanamh. 103 00:06:12,870 --> 00:06:18,180 >> Anois tá an taobh istigh HTML istigh den div todos go hiomlán soiléir, 104 00:06:18,180 --> 00:06:20,060 agus anois is gá dom chun tús a chur leis mo liosta. 105 00:06:20,060 --> 00:06:23,890 Is é an chéad rud ba mhaith liom a chur ar ais ar an chlib liosta gan ord, 106 00:06:23,890 --> 00:06:33,890 a seasann go bunúsach go bhfuil sé seo tús liosta gan ord. 107 00:06:33,890 --> 00:06:39,770 Anois le haghaidh gach gné i mo todos eagar Ba mhaith liom a phriontáil amach é taobh istigh den HTML. 108 00:06:39,770 --> 00:06:43,710 Ba mhaith liom a chur mar fhoscríbhinn sé ar aghaidh go dtí an bun an liosta. 109 00:06:43,710 --> 00:06:49,040 Díreach cosúil i C, is féidir liom a úsáid le haghaidh lúb, agus mé ag dul chun tús a chur ag tús na mo liosta 110 00:06:49,040 --> 00:06:54,140 ag eilimint 0, agus tá mé ag dul chun dul go léir ar an mbealach chun an fad an liosta. 111 00:06:54,140 --> 00:07:01,100 Is féidir linn a fháil i ndáiríre an fad eagar i JavaScript baint úsáide as an maoin fad. 112 00:07:01,100 --> 00:07:03,420 Go bunúsach tá mé ag dul chun rud éigin an-chosúil a dhéanamh taobh istigh de anseo 113 00:07:03,420 --> 00:07:05,600 a phriontáil amach an eilimint. 114 00:07:05,600 --> 00:07:12,970 Is féidir liom rochtain a fháil arís ar an div todos, an mhaoin HTML istigh de sin, 115 00:07:12,970 --> 00:07:17,560 agus tá mé ag dul a chur ar an mír liosta nua, agus go bhfuil dul chun bheith mórthimpeallaithe ag 116 00:07:17,560 --> 00:07:25,390 an gclib li, agus tá mé ag dul chun comhcheangail leis an oibreoir +, 117 00:07:25,390 --> 00:07:28,040 agus sin an ghné sháith de mo todos eagar, 118 00:07:28,040 --> 00:07:32,380 agus ansin mé ag dul a dhúnadh go chlib. 119 00:07:32,380 --> 00:07:36,240 Anois le haghaidh gach gné beidh orainn a chur ar iontráil liosta nua. 120 00:07:36,240 --> 00:07:48,700 Agus ansin tá gach ní mór dúinn i ndáiríre a dhéanamh dhúnadh amach go chlib. 121 00:07:48,700 --> 00:07:52,820 Is gá mé díreach tar éis a dhúnadh amach go gan ord tag liosta. 122 00:07:52,820 --> 00:07:55,490 >> An bhfuil tú a fháil bhraitheann ar conas a oibríonn sin? 123 00:07:55,490 --> 00:07:57,700 Osclaíonn sé seo an liosta iomlán. 124 00:07:57,700 --> 00:08:01,080 Cuireann eilimintí aonair ón liosta todos leis an liosta, 125 00:08:01,080 --> 00:08:05,470 agus ansin go Dúnann an liosta ar fad, agus is é seo mo fheidhm addTodo. 126 00:08:05,470 --> 00:08:09,590 Mé ag tosú go bunúsach ag dul an TODO as an mbosca téacs. 127 00:08:09,590 --> 00:08:18,950 Cuir mé go dtí an eagar todos, agus ansin mé ath-sholáthar ar an liosta seo a leanas-a dhéanamh. 128 00:08:18,950 --> 00:08:21,520 Anois is féidir liom míreanna a chur le mo liosta. 129 00:08:21,520 --> 00:08:24,620 Tá sé seo de chineál spreagúil mar gheall i díreach cúpla líne de chód 130 00:08:24,620 --> 00:08:28,240 atá déanta againn go bunúsach liosta seo a leanas-a dhéanamh nuair is féidir linn a chur míreanna. 131 00:08:28,240 --> 00:08:30,050 Breataine. 132 00:08:30,050 --> 00:08:34,480 Sin de chineál ar réamheolas bunúsach do JavaScript. 133 00:08:34,480 --> 00:08:36,179 Ná bíodh imní ort iomarca faoi an error do anois, 134 00:08:36,179 --> 00:08:38,130 ach smaoineamh faoi seo choincheapa de. 135 00:08:38,130 --> 00:08:40,539 Bhí orainn roinnt HTML. 136 00:08:40,539 --> 00:08:45,310 Bhí orainn bhosca téacs ar an leathanach go n-úsáideoirí go bunúsach a cheadaítear chun ionchur mír seo a leanas-a dhéanamh a chur leis. 137 00:08:45,310 --> 00:08:49,210 Agus ansin a úsáid le linn JavaScript a gheofaí go TODO ón mbosca téacs. 138 00:08:49,210 --> 00:08:52,830 Stóráil againn go taobh istigh eagar JavaScript, a bhfuil go bunúsach mar 139 00:08:52,830 --> 00:08:56,010 ár n-ionadaíocht cláir den to-do liosta, 140 00:08:56,010 --> 00:08:59,060 agus ansin clóite againn sé amach. 141 00:08:59,060 --> 00:09:02,690 Is é seo an todos.js. 142 00:09:02,690 --> 00:09:07,620 >> Is é seo an cineál fionnuar, ach conas is féidir linn an deis seo a thuilleadh? 143 00:09:07,620 --> 00:09:11,350 Bhuel, is féidir leat a fheiceáil, nach bhfuil sé seo cosúil le iomlán to-do liosta. 144 00:09:11,350 --> 00:09:15,100 Mar shampla, ní féidir liom a mharcáil aon cheann de na míreanna seo mar neamhiomlán, 145 00:09:15,100 --> 00:09:19,920 Is maith má bhí mé a reprioritize na míreanna nó míreanna a scriosadh. 146 00:09:19,920 --> 00:09:23,150 Tá sé seo ceart go leor, ach is féidir linn an deis seo a thuilleadh. 147 00:09:23,150 --> 00:09:29,280 Níl mé ag dul chun labhairt i bhfad ró-ar cur gnéithe breise, 148 00:09:29,280 --> 00:09:32,800 ach d'fhéadfadh muid a chur go bhfuil a thuilleadh. 149 00:09:32,800 --> 00:09:35,970 A ligean ar labhairt faoi ag cur ceann gné níos mó a ghabhann leis an to-do liosta, 150 00:09:35,970 --> 00:09:40,370 atá ag dul a bheith a bheith in ann a sheiceáil ar an duine aonair a dhéanamh-mhír 151 00:09:40,370 --> 00:09:44,780 agus tá sé a scriosadh amach, mar sin go bunúsach ag rá Mé a rinneadh é seo. 152 00:09:44,780 --> 00:09:50,240 A ligean ar breathnú ar roinnt cód a d'fhéadfadh a chur i gcrích go. 153 00:09:50,240 --> 00:09:52,740 Fógra cad mé a rinneadh ag an mbarr Tá mé tar éis Chuir 154 00:09:52,740 --> 00:09:57,620 sraith domhanda nua ar a dtugtar i gcrích. 155 00:09:57,620 --> 00:10:02,890 Tá mé ag baint úsáide as go bunúsach seo a stóráil cibé acu na míreanna ar an liosta seo-a dhéanamh 156 00:10:02,890 --> 00:10:06,560 Tá iomlán nó nach mbeidh. 157 00:10:06,560 --> 00:10:08,470 Is é seo an bealach amháin chun é seo a dhéanamh. 158 00:10:08,470 --> 00:10:13,750 Má mé ag amharc ar an bhfeidhm seo, an taispeáint, 159 00:10:13,750 --> 00:10:21,120 go bunúsach má roghnaíonn mé TODO agus mé brúigh an cnaipe scoránaigh 160 00:10:21,120 --> 00:10:25,040 Trasnaíonn sé amach, tá gach mír ar an liosta sin ceachtar iomlán 161 00:10:25,040 --> 00:10:31,050 nó stáit neamhiomlán, agus tá mé ag baint úsáide as sraith eile ionadaíocht a dhéanamh go. 162 00:10:31,050 --> 00:10:33,730 >> Go bunúsach le haghaidh gach TODO sa eagar todos 163 00:10:33,730 --> 00:10:37,110 níl an mír sa sraith iomlán go léiríonn go bunúsach 164 00:10:37,110 --> 00:10:39,060 cibé acu is é iomlán nó nach mbeidh. 165 00:10:39,060 --> 00:10:41,640 Tá mé go raibh athruithe go leor íosta a dhéanamh ar an gcód seo, 166 00:10:41,640 --> 00:10:44,470 mar sin tá anseo ár bhfeidhm addTodo. 167 00:10:44,470 --> 00:10:48,530 Fógra go anseo tá mé ag brú sé isteach ar an eagar, 168 00:10:48,530 --> 00:10:51,300 agus ansin tá mé ag brú 0 leis an sraith iomlán, 169 00:10:51,300 --> 00:10:57,090 go bunúsach i gcomhthreo leis an TODO bhrú nua a rá 170 00:10:57,090 --> 00:11:00,430 Tá mé ag cur mhír seo, agus tá sé chomh maith leis an luach, 171 00:11:00,430 --> 00:11:02,810 rud a chiallaíonn go bhfuil sé neamhiomlán. 172 00:11:02,810 --> 00:11:04,970 Agus ansin tá mé ag redrawing an liosta-a dhéanamh. 173 00:11:04,970 --> 00:11:09,220 Anois, Tugaim faoi deara tar éis Chuir an fheidhm drawTodoList. 174 00:11:09,220 --> 00:11:11,760 Tógann sé seo a lán de chód a bhí againn roimh, 175 00:11:11,760 --> 00:11:15,320 go bunúsach nglanann amach an bhosca agus ansin déanann an nua to-do liosta. 176 00:11:15,320 --> 00:11:19,620 Ach faoi deara go taobh istigh de seo le haghaidh lúb táimid ag déanamh beag níos mó anois. 177 00:11:19,620 --> 00:11:25,000 Táimid ag seiceáil a dhéanamh cibé an mhír a fhreagraíonn do na TODO sháith anseo go bunúsach 178 00:11:25,000 --> 00:11:30,220 críochnaithe, agus táimid ag iompar go héagsúil sna 2 cúinsí. 179 00:11:30,220 --> 00:11:32,790 Má tá sé críochnaithe, tá muid ag cur an gclib seo del, 180 00:11:32,790 --> 00:11:35,360 a bhfuil bunúsach ar an mbealach is féidir leat a fháil go stailc trí éifeacht 181 00:11:35,360 --> 00:11:38,190 trasnú amach ar an liosta seo a leanas-a dhéanamh má tá sé i gcrích, 182 00:11:38,190 --> 00:11:42,200 agus más rud é nach bhfuil sé, ní táimid ag lena n-áirítear é. 183 00:11:42,200 --> 00:11:45,030 Agus mar sin a thógann chineál sin de chúram sin, 184 00:11:45,030 --> 00:11:49,140 >> agus go bhfuil bealach amháin chun accomplish seo. 185 00:11:49,140 --> 00:11:53,420 Agus ansin faoi deara nuair a cad a tharlaíonn nuair an t-úsáideoir ar cheann de na 186 00:11:53,420 --> 00:11:56,780 scoránaigh againn ar an stádas i gcrích é. 187 00:11:56,780 --> 00:12:02,170 Nuair a bheidh na cad a tharlaíonn nuair úsáideoir, beidh muid ag athrú cé acu tá sé curtha i gcrích nó nach bhfuil, 188 00:12:02,170 --> 00:12:04,540 agus ansin beidh muid ataispeáin sé. 189 00:12:04,540 --> 00:12:06,190 An cineál na n-oibreacha. 190 00:12:06,190 --> 00:12:09,860 Táimid tar éis na feidhmeanna a chur i gcrích a gcuid tascanna féin, 191 00:12:09,860 --> 00:12:11,730 agus tá sé seo ceart go leor. 192 00:12:11,730 --> 00:12:14,110 An bhfuil aon rud gur féidir linn a dhéanamh níos fearr faoi seo, cé? 193 00:12:14,110 --> 00:12:18,700 Fógra táimid tar éis na 2 arrays domhanda. 194 00:12:18,700 --> 00:12:23,550 Má ba é seo C, agus bhí againn 2 arrays gur de chineál ar ionadaíocht 195 00:12:23,550 --> 00:12:25,800 sonraí go raibh saghas a bhaineann ar bhealach éigin 196 00:12:25,800 --> 00:12:30,140 cad ba mhaith linn a úsáid i C a chur le chéile na réimsí 2 197 00:12:30,140 --> 00:12:35,420 i rud éigin a chuimsíonn an dá phíosa eolais? 198 00:12:35,420 --> 00:12:37,600 Aon duine ar mian chun moladh a dhéanamh? 199 00:12:37,600 --> 00:12:39,450 [Mac Léinn freagartha inaudible] 200 00:12:39,450 --> 00:12:42,340 >> Go díreach, agus mar sin d'fhéadfadh muid a úsáid roinnt de chineál struct, 201 00:12:42,340 --> 00:12:44,960 agus má cheapann tú ar ais go dtí, abair, pset 3, 202 00:12:44,960 --> 00:12:47,350 cuimhnigh bhí againn foclóir, agus ansin bhí againn cé acu an focal 203 00:12:47,350 --> 00:12:50,230 Ba sa bhfoclóir, agus bhí go léir an fhaisnéis sin a chur le chéile 204 00:12:50,230 --> 00:12:52,420 taobh istigh de roinnt struchtúr sonraí. 205 00:12:52,420 --> 00:12:56,390 Rud amháin is féidir liom a dhéanamh leis an gcód seo a sheachaint, a bhfuil na 2 arrays éagsúla 206 00:12:56,390 --> 00:13:01,760 chun píosaí den chineál céanna faisnéise is féidir liom iad a chur le chéile i réad JavaScript. 207 00:13:01,760 --> 00:13:07,150 A ligean ar ghlacadh le breathnú ar sin. 208 00:13:07,150 --> 00:13:11,740 Fógra go bhfuil mé ach sraith amháin ag an mbarr anois 209 00:13:11,740 --> 00:13:17,650 agus cad Mé a rinneadh é-agus tá sé seo ach an chomhréir JavaScript le haghaidh saghas 210 00:13:17,650 --> 00:13:21,350 a chruthú leagan litriúil de rud, 211 00:13:21,350 --> 00:13:24,670 agus faoi deara go bhfuil 2 airíonna, mar sin ní mór dúinn an TODO, 212 00:13:24,670 --> 00:13:29,660 agus tá sé á choimeád mar aon le cibé an bhfuil sé iomlán nó neamhiomlán. 213 00:13:29,660 --> 00:13:31,000 Is é seo an cód an-chosúil. 214 00:13:31,000 --> 00:13:35,310 Táimid ag baint úsáide as na rudaí JavaScript. 215 00:13:35,310 --> 00:13:38,600 An cineál rudaí a fheabhsaíonn. 216 00:13:38,600 --> 00:13:43,850 Cosúil anois, go léir na réimsí faisnéis a bhaineann leo a choimeád le chéile. 217 00:13:43,850 --> 00:13:46,410 Nuair a théann muid chun é a phriontáil amach, is féidir linn teacht ar na réimsí. 218 00:13:46,410 --> 00:13:49,060 >> Fógra conas tá ag éirí linn todos [i]. Iomlán 219 00:13:49,060 --> 00:13:52,880 in ionad seiceála an sraith iomlán leithligh, 220 00:13:52,880 --> 00:13:56,560 agus faoi deara nuair a ba mhaith linn a fháil ar an teaghrán le-a dhéanamh táimid ag dul ar an maoin a dhéanamh- 221 00:13:56,560 --> 00:13:58,750 den TODO, mar sin a dhéanann an gcineál seo chiall mar 222 00:13:58,750 --> 00:14:01,660 Tá gach ítim ar na hairíonna intreacha mar gheall air. 223 00:14:01,660 --> 00:14:05,650 Tá sé TODO, agus tá sé cibé an bhfuil sé iomlán nó nach mbeidh. 224 00:14:05,650 --> 00:14:11,540 Níl sé ró-go leor athruithe ann feidhmiúil, a dúirt ach cuid níos mó chun an cód. 225 00:14:11,540 --> 00:14:13,430 Tá sé seo feabhas ar roinnt réimsí, ceart? 226 00:14:13,430 --> 00:14:16,030 Ciallaíonn mé, mar fhachtóir muid amach an dearadh le beagán. 227 00:14:16,030 --> 00:14:20,350 Anois, tá muid rudaí a Cuach go bunúsach na sonraí seo. 228 00:14:20,350 --> 00:14:27,130 An bhfuil aon rud níos mó a d'fhéadfadh muid a dhéanamh ó anseo i dtéarmaí JavaScript? 229 00:14:27,130 --> 00:14:31,810 Cosúil le fógra go bhfuil an cód ceart anseo 230 00:14:31,810 --> 00:14:34,760 chun dul ar an HTML istigh de div 231 00:14:34,760 --> 00:14:40,520 Is beag, buille faoi thuairim mé, fada. 232 00:14:40,520 --> 00:14:45,100 Níl document.getElementByID ("todos"). InnerHTML. 233 00:14:45,100 --> 00:14:48,400 Rud amháin gur féidir linn a dhéanamh chun a dhéanamh an gcód seo cuma beagán níos cairdiúla 234 00:14:48,400 --> 00:14:51,450 mar sin ní ba mhaith liom a choinneáil scrollaigh chlé agus ar dheis, ar ais agus amach, 235 00:14:51,450 --> 00:14:58,480 Is féidir liom a úsáid leabharlann cosúil jQuery. 236 00:14:58,480 --> 00:15:02,710 >> A ligean ar a sheiceáil amach Seimineár 2, 237 00:15:02,710 --> 00:15:05,880 agus is é seo an cód céanna, ach tá sé déanta le jQuery. 238 00:15:05,880 --> 00:15:08,790 Ní féidir leat a bheith ró-eolach ar jQuery, 239 00:15:08,790 --> 00:15:11,510 ach amháin a fhios go bhfuil jQuery saghas leabharlann do JavaScript 240 00:15:11,510 --> 00:15:15,910 a dhéanann sé níos éasca chun rudaí cosúil le gnéithe ar leith rochtana ar an DOM dhéanamh. 241 00:15:15,910 --> 00:15:21,280 Anseo in ionad ag rá document.getElementByID ("todos"). InnerHTML 242 00:15:21,280 --> 00:15:25,210 Is féidir liom a úsáid ar an mbealach níos glaine i bhfad i jQuery, 243 00:15:25,210 --> 00:15:28,490 a bhfuil ach le roghnóirí a úsáid. 244 00:15:28,490 --> 00:15:31,300 Mar is féidir leat a fheiceáil, raibh an gcód seo a fháil níos glaine beag, 245 00:15:31,300 --> 00:15:35,770 an-chosúil feidhmiúil, ach sin an smaoineamh. 246 00:15:35,770 --> 00:15:37,980 Againn atá le feiceáil ar feadh cúpla rudaí go dtí seo, 247 00:15:37,980 --> 00:15:42,010 mar sin thosaigh muid le cur i bhfeidhm JavaScript díreach amh. 248 00:15:42,010 --> 00:15:45,370 Chuir muid gnéithe nua agus léirigh conas is féidir linn feabhas a chur sé le 249 00:15:45,370 --> 00:15:49,090 ach cad atá againn i JavaScript. 250 00:15:49,090 --> 00:15:53,300 >> An bhfuil aon duine a fheiceáil aon deacrachtaí leis an dearadh? 251 00:15:53,300 --> 00:16:01,090 Eadhon, buille faoi thuairim-nó mé nach deacrachtaí gá ach ligean le rá 252 00:16:01,090 --> 00:16:04,830 Ní raibh muid ag déanamh go-a dhéanamh tionscadal liosta, agus amárach shocraigh muid 253 00:16:04,830 --> 00:16:10,320 bhíomar ag iarraidh a dhéanamh ar liosta grósaera nó tionscadal liosta siopadóireachta. 254 00:16:10,320 --> 00:16:14,150 A lán de na gnéithe seo an-chosúil. 255 00:16:14,150 --> 00:16:19,080 A lán de na rudaí ba mhaith linn a fháil amach JavaScript a bhfuil an-choitianta, 256 00:16:19,080 --> 00:16:23,820 agus béim ar seo an gá atá le roinnt de chineál ar bhealach 257 00:16:23,820 --> 00:16:25,670 seo a dhéanamh níos éasca a dhéanamh. 258 00:16:25,670 --> 00:16:30,400 Bhí mé a thógáil suas go léir ar an rochtain HTML, gach rochtain seo DOM, 259 00:16:30,400 --> 00:16:35,530 cosúil tá mé ag dul chun ionadaíocht a dhéanamh ar an liosta a-a dhéanamh leis an múnla seo. 260 00:16:35,530 --> 00:16:39,130 Agus faoi deara Tá mé freagrach mar an bhforbróir JavaScript 261 00:16:39,130 --> 00:16:42,890 le haghaidh a choimeád HTML agus JavaScript go bhfuil mé i info. 262 00:16:42,890 --> 00:16:48,040 Ní dhéanfaidh aon ní a rinneadh go huathoibríoch go ionadaíochta JavaScript 263 00:16:48,040 --> 00:16:51,590 nó ar an liosta a-dhéanamh a fháil bhrú amach go HTML. 264 00:16:51,590 --> 00:16:54,000 Ní dhéanfaidh aon ní i bhfeidhm go ach amháin i gcás dom. 265 00:16:54,000 --> 00:16:56,880 Bhí mé a scríobh an a tharraingt ar-a dhéanamh fheidhm liosta. 266 00:16:56,880 --> 00:17:01,650 Agus ní fhéadfadh a bheith-liom a chiallaíonn, tá sé réasúnta é sin a dhéanamh, 267 00:17:01,650 --> 00:17:03,670 ach d'fhéadfadh sé a bheith tedious uaireanta. 268 00:17:03,670 --> 00:17:08,190 Má tá tú tionscadal níos mó, d'fhéadfadh a bheith deacair. 269 00:17:08,190 --> 00:17:10,720 >> Creataí, ar cheann de na críocha creataí 270 00:17:10,720 --> 00:17:14,060 Is é a shimpliú an bpróiseas sin agus saghas fachtóir amach 271 00:17:14,060 --> 00:17:16,950 na coiteann-buille faoi thuairim mé d'fhéadfaí tú patrúin rá-dhearadh 272 00:17:16,950 --> 00:17:20,700 Tá go bhfuil daoine i gcoitinne de shaghas éigin ar bhealach le sonraí a léiriú, 273 00:17:20,700 --> 00:17:25,599 cibé acu go liosta cairde, bíodh sin fhaisnéis atá léarscáil le 274 00:17:25,599 --> 00:17:27,280 nó rud éigin nó liosta seo a leanas-a dhéanamh. 275 00:17:27,280 --> 00:17:30,660 Tá roinnt daoine go ginearálta ar bhealach a léiríonn eolas, 276 00:17:30,660 --> 00:17:33,650 agus is gá iad go ginearálta a choinneáil gur saghas eolais de i info 277 00:17:33,650 --> 00:17:36,520 idir an méid a fheiceann an t-úsáideoir i roinnt de chineál de, 278 00:17:36,520 --> 00:17:39,850 labhairt i dtéarmaí cosúil leis an rialtóir dearcadh múnla a chonaic tú i léacht, 279 00:17:39,850 --> 00:17:45,400 agus ansin an tsamhail, a bhfuil sa chás seo an eagar JavaScript. 280 00:17:45,400 --> 00:17:49,020 Creataí a thabhairt dúinn ar bhealach chun an fhadhb a réiteach. 281 00:17:49,020 --> 00:17:53,080 Anois, a ligean ar ghlacadh le breathnú ar chur chun feidhme an to-do liosta 282 00:17:53,080 --> 00:18:02,360 i gcreat a dtugtar angularjs. 283 00:18:02,360 --> 00:18:04,650 Is é seo é. Fógra n-oireann sé ar sleamhnán. 284 00:18:04,650 --> 00:18:07,330 Ní dóigh liom go bhfuil a scrollbharra ar an taobh clé agus ar dheis. 285 00:18:07,330 --> 00:18:10,460 Nach bhfuil dócha ar chúis mhór a mholadh ag baint úsáide as creat, 286 00:18:10,460 --> 00:18:20,120 ach tá fógra rochtain mé riamh eilimintí HTML aonair anseo? 287 00:18:20,120 --> 00:18:22,400 Am mé ag dul riamh isteach sa DOM? 288 00:18:22,400 --> 00:18:26,120 An bhfeiceann tú aon document.getElementByID nó rud éigin mar sin? 289 00:18:26,120 --> 00:18:29,870 Níl, tá go imithe. 290 00:18:29,870 --> 00:18:35,590 >> Cabhraíonn uilleach linn a choinneáil ar an DOM agus ár JavaScript ionadaíocht rud éigin 291 00:18:35,590 --> 00:18:40,430 cineál i info, mar sin más rud é nach bhfuil sé sa chomhad js, 292 00:18:40,430 --> 00:18:46,790 má tá aon bhealach programmatically ag dul do gach ábhar HTML 293 00:18:46,790 --> 00:18:51,800 ón JavaScript conas iad a choinneáil muid seo i info? 294 00:18:51,800 --> 00:18:58,160 Más rud é nach bhfuil sé sa chomhad js., Tá sé fuair a bheith i HTML, ceart? 295 00:18:58,160 --> 00:19:01,910 Is é seo an leagan nua den comhad HTML, 296 00:19:01,910 --> 00:19:04,660 agus fógra againn tar éis Chuir go leor anseo. 297 00:19:04,660 --> 00:19:11,110 Fógra níl na tréithe nua a rá NG-cliceáil agus NG-athuair. 298 00:19:11,110 --> 00:19:15,650 Cur chuige uilleach a fhadhb seo a réiteach ar na deacrachtaí i ndearadh 299 00:19:15,650 --> 00:19:19,130 Is é a dhéanamh go bunúsach HTML bhfad níos cumhachtaí. 300 00:19:19,130 --> 00:19:24,420 Is uilleach ar bhealach a ligeann duit a dhéanamh HTML beagán níos expressive. 301 00:19:24,420 --> 00:19:30,520 Mar shampla, is féidir liom a rá go bhfuil mé ag dul a cheangal nó a thathú, téacs-bhosca seo 302 00:19:30,520 --> 00:19:35,080 chun athrú laistigh de mo cód JavaScript uilleach. 303 00:19:35,080 --> 00:19:37,030 Ní dhéanann an ng-samhail sin go díreach. 304 00:19:37,030 --> 00:19:41,550 A deir go bunúsach go bhfuil an taobh istigh de téacs-bhosca seo mír, 305 00:19:41,550 --> 00:19:45,000 ach chomhlachú go bhfuil an new_todo_description athróg 306 00:19:45,000 --> 00:19:47,870 laistigh den chód JavaScript. 307 00:19:47,870 --> 00:19:51,600 Sin an-chumhachtach toisc nach bhfuil mé ag dul go follasach 308 00:19:51,600 --> 00:19:53,310 the DOM a fháil ar an bhfaisnéis sin. 309 00:19:53,310 --> 00:19:56,250 Ní féidir liom a rá document.getElementByID. 310 00:19:56,250 --> 00:19:58,750 Ní dóigh liom go bhfuil jQueries cosúil le rochtain DOM úsáid. 311 00:19:58,750 --> 00:20:03,280 Is féidir liom a chomhlachú sé le athraitheach, agus ansin nuair a athraíonn mé go athraitheach 312 00:20:03,280 --> 00:20:07,400 laistigh de JavaScript tá sé á choimeád i dtiúin leis an HTML, 313 00:20:07,400 --> 00:20:11,640 ionas go shimpliú an phróisis ag dul ar ais agus amach idir an dá. 314 00:20:11,640 --> 00:20:18,260 An dhéanamh go chiall? 315 00:20:18,260 --> 00:20:22,060 >> Agus faoi deara níl aon chód rochtana HTML. 316 00:20:22,060 --> 00:20:27,760 Táimid díreach tar éis a rinneadh HTML níos cumhachtaí, 317 00:20:27,760 --> 00:20:32,070 agus anois, mar shampla, is féidir linn rudaí a dhéanamh mar seo, 318 00:20:32,070 --> 00:20:38,610 Is maith nuair a dhéanann tú cliceáil ar seo, glaoigh ar fheidhm seo faoi raon feidhme todos.js, 319 00:20:38,610 --> 00:20:43,410 agus d'fhéadfadh muid a dhéanamh go roimh, ach tá rudaí eile, mar seo NG-samhail, 320 00:20:43,410 --> 00:20:47,020 agus fógra seo NG-athuair. 321 00:20:47,020 --> 00:20:51,520 Cad a cheapann tú é seo a dhéanann? 322 00:20:51,520 --> 00:20:54,390 Seo ár liosta gan ord ó roimh. 323 00:20:54,390 --> 00:20:56,470 Táimid tar éis na clibeanna ul, 324 00:20:56,470 --> 00:21:03,710 ach tá rindreáil mé riamh an liosta sin taobh istigh de chód JavaScript? 325 00:21:03,710 --> 00:21:09,280 Níl mé riamh rindreáil go sainráite leis an liosta sin. 326 00:21:09,280 --> 00:21:11,580 Conas a dhéanann an obair seo? 327 00:21:11,580 --> 00:21:16,410 Bhuel, gcomhlíonfaidh an mbealach uilleach seo tá sé seo ar a dtugtar athsheoltóra. 328 00:21:16,410 --> 00:21:22,760 Go bunúsach deir sé seo gur mhaith liom seo a phriontáil HTML 329 00:21:22,760 --> 00:21:26,240 do gach taobh istigh TODO de mo todos eagar. 330 00:21:26,240 --> 00:21:31,850 Taobh istigh de todos.jr tá sraith todos dheis anseo, 331 00:21:31,850 --> 00:21:37,910 agus beidh sé seo in iúl dul uilleach tríd an eagar, agus do gach eilimint a fheiceann tú 332 00:21:37,910 --> 00:21:41,390 Ba mhaith liom tú a phriontáil an HTML. 333 00:21:41,390 --> 00:21:44,620 Is é seo an cineál uamhnach mar is féidir liom a dhéanamh ach seo 334 00:21:44,620 --> 00:21:47,760 gan a bheith a scríobh le haghaidh lúb, 335 00:21:47,760 --> 00:21:52,250 a d'to-do liosta nach raibh ach 30 línte de chód 336 00:21:52,250 --> 00:21:54,700 Ní féidir a bheith ar an rud is tairbhiúla, 337 00:21:54,700 --> 00:22:01,240 ach má tá tú tionscadal mór, d'fhéadfadh sé seo a fháil go han-áisiúil. 338 00:22:01,240 --> 00:22:06,100 >> Is é seo an réiteach amháin ar an fhadhb seo, a dhéanamh HTML níos cumhachtaí, 339 00:22:06,100 --> 00:22:10,820 agus a ligeann dúinn a choinneáil ar JavaScript agus HTML i info. 340 00:22:10,820 --> 00:22:13,220 Tá bealaí féideartha eile chun an fhadhb seo a réiteach, 341 00:22:13,220 --> 00:22:15,320 agus ní dhéanann gach creat seo. 342 00:22:15,320 --> 00:22:17,720 Ní oibríonn gach creat feadh na línte. 343 00:22:17,720 --> 00:22:19,490 Tá roinnt creataí chuige éagsúla, 344 00:22:19,490 --> 00:22:23,310 agus is féidir leat teacht go bhfuil tú taitneamh a bhaint as códú i gcreat amháin thar an gceann eile. 345 00:22:23,310 --> 00:22:26,160 A ligean ar breathnú ar cheann níos mó. 346 00:22:26,160 --> 00:22:30,060 Is é seo an liosta seo a leanas-a dhéanamh códaithe suas i gcreat a dtugtar cnámh droma. 347 00:22:30,060 --> 00:22:33,250 Tá mé ag dul chun dul tríd seo go tapa. 348 00:22:33,250 --> 00:22:38,300 Feicfidh mé tús a chur leis an HTML sula dtéann muid ann. 349 00:22:38,300 --> 00:22:40,290 Dara ceann. 350 00:22:40,290 --> 00:22:43,950 Ag tosú leis an HTML, mar a thugann tú faoi deara, is é ár n-HTML an-chosúil 351 00:22:43,950 --> 00:22:50,000 leis an méid a bhí sé roimh, agus mar sin nach bhfuil i bhfad ró-nua ar an tosaigh. 352 00:22:50,000 --> 00:22:55,410 Ach is é ár comhad js beagán difriúil. 353 00:22:55,410 --> 00:23:00,360 Tá cnámh droma de chineál ar an smaoineamh seo, nó tógann sé ar an smaoineamh 354 00:23:00,360 --> 00:23:04,750 go bhfuil a lán de cad a dhéanann muid leis, a rá, ár dtionscadail JavaScript 355 00:23:04,750 --> 00:23:09,110 Tá smaoineamh ar samhlacha agus na bailiúcháin de na samhlacha. 356 00:23:09,110 --> 00:23:12,510 D'fhéadfadh sé seo a bheith, mar shampla, le grianghraf agus bailiúcháin na grianghraif, 357 00:23:12,510 --> 00:23:16,230 nó an smaoineamh cara agus bailiúcháin de chairde. 358 00:23:16,230 --> 00:23:20,700 Agus oftentimes nuair a bhíonn muid ag cláir iarratais JavaScript 359 00:23:20,700 --> 00:23:25,340 beidh orainn a shórtáil de ionadaíocht a dhéanamh ar an smaoineamh go bhfuil bailiúchán de chairde 360 00:23:25,340 --> 00:23:29,500 bhealach i JavaScript, tugann agus cnámh droma dúinn an ciseal 361 00:23:29,500 --> 00:23:33,040 ar bharr arrays atá ann cheana JavaScript agus rudaí 362 00:23:33,040 --> 00:23:38,300 chun rudaí a dhéanamh níos cumhachtaí leis an níos éasca. 363 00:23:38,300 --> 00:23:41,870 >> Anseo tá mé sainithe shamhail chun-a dhéanamh, 364 00:23:41,870 --> 00:23:44,630 agus ní gá duit a bheith buartha iomarca faoi na error, 365 00:23:44,630 --> 00:23:48,730 ach faoi deara go bhfuil cad atá ar cheann de na hairíonna seo? 366 00:23:48,730 --> 00:23:53,190 Tá sé réimse réamhshocraithe. 367 00:23:53,190 --> 00:23:56,640 Ceadaíonn cnámh droma orm a shonrú cheana féin as an sciathán leathair 368 00:23:56,640 --> 00:24:00,190 aon nua-a dhéanamh go chruthú mé ag dul go bhfuil na réamhshocruithe. 369 00:24:00,190 --> 00:24:04,100 Anois is féidir liom a shaincheapadh seo, ach a bheith in ann a shonrú na mainneachtainí 370 00:24:04,100 --> 00:24:07,220 Is deas, agus tá sé de chineál áisiúil toisc nach bhfuil sé seo rud éigin go bhfuil cosúil le 371 00:24:07,220 --> 00:24:10,430 is gné dhílis de JavaScript, agus anois ní dóigh liom go bhfuil go sainráite 372 00:24:10,430 --> 00:24:12,430 rá go bhfuil na todos neamhiomlán. 373 00:24:12,430 --> 00:24:19,190 Is féidir liom a rá ceart as an bat go bhfuil todos dul a bheith marcáilte mar neamhiomlán. 374 00:24:19,190 --> 00:24:21,300 Cad é Fógra ansin seo? 375 00:24:21,300 --> 00:24:25,520 Anois, tá mé liosta seo a leanas-a dhéanamh, agus go bhfuil ar bhailiúchán. 376 00:24:25,520 --> 00:24:30,960 Fógra an réimse a bhaineann leis a deir múnla TODO. 377 00:24:30,960 --> 00:24:33,390 Is é seo mo bhealach an insint cnámh droma gur 378 00:24:33,390 --> 00:24:37,350 Tá mé ag dul a bheith ag smaoineamh faoi bhailiúchán de na todos aonair. 379 00:24:37,350 --> 00:24:42,140 Tá sé seo go bunúsach ar an struchtúr múnla do mo chlár. 380 00:24:42,140 --> 00:24:44,980 Anseo tá mé an smaoineamh seo de bhailiúchán, 381 00:24:44,980 --> 00:24:48,960 agus go bunúsach go bhfuil na nithe atá sa bhailiúchán dul go léir a bheith ar na todos, 382 00:24:48,960 --> 00:24:51,910 agus go bhfuil an-nádúrtha sa chiall seo 383 00:24:51,910 --> 00:24:59,890 mar is féidir liom go bhfuil todos, agus tá mé iad i mbailiúchán. 384 00:24:59,890 --> 00:25:02,940 >> A ligean ar breathnú ar beagán níos mó de seo. 385 00:25:02,940 --> 00:25:05,900 Seo d'fhonn cnámh droma. 386 00:25:05,900 --> 00:25:08,890 Is é an rud eile a deir cnámh droma gur 387 00:25:08,890 --> 00:25:14,660 a lán de na múnlaí go bhfuil tú ag smaoineamh faoi nó fiú bailiúcháin 388 00:25:14,660 --> 00:25:19,150 ag dul go mór a bheith acu ar bhealach éigin a bheith ar taispeáint. 389 00:25:19,150 --> 00:25:21,900 Ní mór dúinn i gcóir chun gur to-do liosta, 390 00:25:21,900 --> 00:25:25,460 agus ní bheadh ​​sé deas dá dtiocfadh linn a chur ar fáil do gach samhail 391 00:25:25,460 --> 00:25:28,390 nó a cheangal le gach samhail an dearcadh seo 392 00:25:28,390 --> 00:25:34,020 a ligeann dúinn a buille faoi thuairim mé a nascadh an dá chéile? 393 00:25:34,020 --> 00:25:38,320 Ach sula raibh muid a úsáid le haghaidh lúb a bheadh ​​go ritheann tríd 394 00:25:38,320 --> 00:25:41,130 gach TODO i ár liosta agus ansin phriontáil amach anseo 395 00:25:41,130 --> 00:25:44,650 Is féidir linn a nascadh go bunúsach é leis an múnla seo. 396 00:25:44,650 --> 00:25:47,550 Is é seo an dearcadh a-dhéanamh. 397 00:25:47,550 --> 00:25:50,550 Tá sé seo a bhaineann leis an TODO fuair muid níos luaithe. 398 00:25:50,550 --> 00:25:54,940 Anois tá gach TODO displayable nó renderable 399 00:25:54,940 --> 00:25:56,960 ag an-a dhéanamh amharc. 400 00:25:56,960 --> 00:25:59,440 Faoi deara roinnt de na réimsí. 401 00:25:59,440 --> 00:26:05,880 Cad a cheapann tú é seo tagName, tagName: li? 402 00:26:05,880 --> 00:26:09,790 Cuimhnigh ó roimh nuair a bhíomar ag iarraidh a dhéanamh chun go mbeidh TODO 403 00:26:09,790 --> 00:26:16,700 ba mhaith linn chun péire go sainráite ár todos leis an gclib seo li. 404 00:26:16,700 --> 00:26:21,080 Anois, tá muid ag rá go ina bhfuil an TODO ag dul chun cónaí 405 00:26:21,080 --> 00:26:25,250 ag dul a bheith taobh istigh de chlib li. 406 00:26:25,250 --> 00:26:31,440 Agus anois tá muid ag chomhlachú freisin imeachtaí lenár todos. 407 00:26:31,440 --> 00:26:34,320 >> Tá an ócáid ​​amháin gach TODO. 408 00:26:34,320 --> 00:26:38,480 Má chliceálann tú go leor i bhfad an cnaipe scoránaigh, go bhfuil an méid mé ag rá go bhfuil, 409 00:26:38,480 --> 00:26:43,080 ansin a mharcáil go bunúsach an TODO mar an os coinne an méid a bhí sé roimh 410 00:26:43,080 --> 00:26:45,890 agus ansin ath-sholáthar ar an iarratas. 411 00:26:45,890 --> 00:26:47,810 Tá an cineál cosúil leis an gcód roimh. 412 00:26:47,810 --> 00:26:50,730 Cuimhnigh nuair marcáilte muid é mar ceachtar an os coinne nó- 413 00:26:50,730 --> 00:26:52,410 agus ansin dúinn a ath-a rinneadh é. 414 00:26:52,410 --> 00:26:57,750 Ach faoi deara anois an ócáid ​​seo a úsáidtear a bheith rud éigin a bhí in HTML. 415 00:26:57,750 --> 00:26:59,640 Bhí sé ina suí ann. 416 00:26:59,640 --> 00:27:01,410 Bhí cliceáil ar an gcnaipe. 417 00:27:01,410 --> 00:27:05,310 Nuair a chliceálann tú ar an gcnaipe, tá sé de chineál ar a dhéanann an stuif a 418 00:27:05,310 --> 00:27:07,210 arna chur ar bun go TODO a bheith neamhiomlán. 419 00:27:07,210 --> 00:27:11,180 Anseo tá muid ag baint an teagmhas de chliceáil cnaipe scoránaigh 420 00:27:11,180 --> 00:27:15,830 agus aisiompú bíodh sé ar, nó as leis an tuairim seo. 421 00:27:15,830 --> 00:27:20,480 >> Is é seo ar bhealach deas a bhunú ócáid ​​seo ionas go bhfuil sé an-docht faoi cheangal 422 00:27:20,480 --> 00:27:26,980 leis an dearcadh seo, agus mar sin faoi deara an ceann seo níos mó. 423 00:27:26,980 --> 00:27:31,050 Tá mé an modh seo rindreáil, agus nach bhfuil againn chun dul tríd na sonraí. 424 00:27:31,050 --> 00:27:33,650 Tá sé de chineál cosúil leis an méid a bhí againn roimh, 425 00:27:33,650 --> 00:27:36,070 ach faoi deara nach bhfuil mé ag looping trí rud ar bith. 426 00:27:36,070 --> 00:27:40,700 Níl mé ag priontáil go chlib ul go bhfuil saghas rá Tá mé ag dul i gcló gach ceann de na heilimintí. 427 00:27:40,700 --> 00:27:46,610 Tá mé ag fáil an fheidhmiúlacht ar rindreáil an ceann seo a leanas-a dhéanamh earra. 428 00:27:46,610 --> 00:27:49,400 Is é seo an coincheap an-chumhachtach mar gheall go bunúsach 429 00:27:49,400 --> 00:27:53,600 Is éard atá ár liosta seo a leanas-a dhéanamh de go léir na todos, agus más féidir linn a shonrú go bunúsach 430 00:27:53,600 --> 00:27:56,890 ar an mbealach i gcóir chun ceann de na todos 431 00:27:56,890 --> 00:28:04,230 ansin is féidir linn a bheith ar ár cnámh droma cumhachtach per se tabharfaidh sé gach de na todos 432 00:28:04,230 --> 00:28:07,760 trí ghlaoch ar an modh rindreáil ar an todos aonair. 433 00:28:07,760 --> 00:28:14,180 Is é seo an coincheap atá úsáideach anseo. 434 00:28:14,180 --> 00:28:18,160 Anois tá ceist mhaith a iarraidh ar conas an t-iarratas seo á chur le chéile? 435 00:28:18,160 --> 00:28:21,200 Toisc go mór dúinn an cumas i gcóir chun TODO amháin, 436 00:28:21,200 --> 00:28:23,860 ach conas is féidir linn a fháil ar an smaoineamh todos il? 437 00:28:23,860 --> 00:28:25,100 >> A ligean ar ghlacadh le breathnú ar sin. 438 00:28:25,100 --> 00:28:27,100 Is é seo an chuid dheireanach. 439 00:28:27,100 --> 00:28:29,740 Fógra ní mór dúinn a leanas-a dhéanamh d'fhonn liosta anseo, 440 00:28:29,740 --> 00:28:34,440 agus faoi deara go bhfuil sé chomh maith d'fhonn. 441 00:28:34,440 --> 00:28:36,970 Agus chun dul thar cúpla rudaí, 442 00:28:36,970 --> 00:28:45,280 Beidh an modh seo thúsú bheith ar a dtugtar nuair a chruthú dúinn an chéad liosta seo chun-a dhéanamh. 443 00:28:45,280 --> 00:28:52,630 Mar is féidir leat a fheiceáil, tá sé cosúil le a chruthú ar an liosta seo a leanas-a dhéanamh agus a chomhlachú leis an tuairim sin. 444 00:28:52,630 --> 00:28:57,860 Agus ansin chuir mé na feidhmeanna anseo mar sin go bunúsach nuair a cuir tú mír- 445 00:28:57,860 --> 00:29:01,440 is é seo cosúil leis an modh addItem chonaic muid roimh- 446 00:29:01,440 --> 00:29:07,430 Tá mé ag dul a chruthú TODO réad nua, agus faoi deara Tá mé ag glaoch i ndáiríre 447 00:29:07,430 --> 00:29:13,080 an modh nua TODO, mar sin tá sé seo ar fáil ag cnámh droma, 448 00:29:13,080 --> 00:29:16,010 agus is féidir liom pas a fháil i mo airíonna anseo. 449 00:29:16,010 --> 00:29:23,710 Agus anois beidh gach TODO a chruthaíonn mé ag baint úsáide as seo a fháil go feidhmiúlacht a chonaic muid roimh. 450 00:29:23,710 --> 00:29:28,140 Fógra mé ag glanadh amach an bhosca téacs mion-roimh-beagán beag 451 00:29:28,140 --> 00:29:32,900 agus ansin tá mé ag cur an bailiúchán seo. 452 00:29:32,900 --> 00:29:37,630 >> Dealraíonn sé seo beagnach aisteach mar gheall ar roimh a bhí againn ach a dhéanamh go todos.push, 453 00:29:37,630 --> 00:29:43,310 agus ansin bhí déanta againn, agus d'fhéadfadh sé seo cosúil níos casta don tionscadal áirithe seo, 454 00:29:43,310 --> 00:29:46,980 agus is féidir leat teacht go cnámh droma nó fiú uilleacha nó aon chreat eile 455 00:29:46,980 --> 00:29:50,790 Ní oireann do do thionscadal ar leith, ach sílim go bhfuil sé tábhachtach machnamh 456 00:29:50,790 --> 00:29:54,100 cad a chiallaíonn sé seo ar scála níos mó maidir le tionscadail mhóra, 457 00:29:54,100 --> 00:29:56,610 mar má bhí againn le tionscadal níos mó áit a raibh muid ionadaíonn 458 00:29:56,610 --> 00:30:00,860 roinnt bailiúchán ndáiríre casta, rud éigin níos doimhne ná díreach liosta seo a leanas-a dhéanamh, 459 00:30:00,860 --> 00:30:04,490 ligean le rá ar liosta cairde nó rud éigin mar sin, d'fhéadfadh sé seo teacht i handy 460 00:30:04,490 --> 00:30:09,620 toisc go raibh muid ábalta a eagrú ár gcód ar bhealach i ndáiríre áisiúil, 461 00:30:09,620 --> 00:30:12,550 ar bhealach a bheadh ​​a dhéanann sé níos éasca do dhuine eile 462 00:30:12,550 --> 00:30:16,820 a bhí ag iarraidh a piocadh suas le tionscadal a thógáil ar. 463 00:30:16,820 --> 00:30:21,450 Is féidir leat a fheiceáil go soláthraíonn a lán de struchtúr. 464 00:30:21,450 --> 00:30:26,580 Agus ansin tá mé ag iarraidh a fhágáil ar an addItem. 465 00:30:26,580 --> 00:30:31,050 Rindreáil, mar is féidir leat a fheiceáil, agus ní gá duit a thuiscint an error iomlán, 466 00:30:31,050 --> 00:30:37,790 ach go bunúsach do gach samhail tá sé ag dul chun glaoch ar an modh rindreáil aonair. 467 00:30:37,790 --> 00:30:41,500 Sin an saghas nuair a thagann seo ó. 468 00:30:41,500 --> 00:30:44,140 A ligean ar a shonrú go díreach conas a fhágfaidh na todos aonair, 469 00:30:44,140 --> 00:30:47,310 agus ansin a ligean ar gliú iad le chéile mar ina iomláine. 470 00:30:47,310 --> 00:30:49,810 Ach cuireann sé seo ar bhealach ar astarraingt, 471 00:30:49,810 --> 00:30:55,470 toisc go raibh mé in ann a athrú ar an mbealach a chinneadh mé i gcóir chun an todos aonair, 472 00:30:55,470 --> 00:30:57,940 agus ní ba mhaith liom a athrú ar aon cheann de chóid seo. 473 00:30:57,940 --> 00:31:00,700 Sin de chineál ar cool. 474 00:31:00,700 --> 00:31:08,540 >> An bhfuil aon duine aon cheist agat faoin creataí JavaScript? 475 00:31:08,540 --> 00:31:14,310 [Ceist Mac Léinn inaudible] 476 00:31:14,310 --> 00:31:16,050 Oh, cinnte, go bhfuil ceist mhór. 477 00:31:16,050 --> 00:31:19,080 An cheist a bhí conas a raibh san áireamh mé na creataí? 478 00:31:19,080 --> 00:31:22,970 Tá formhór na creataí JavaScript bunúsach ach comhaid js 479 00:31:22,970 --> 00:31:25,740 gur féidir tú ag barr do chód. 480 00:31:25,740 --> 00:31:29,830 Fógra sa chuid ceann de mo HTML Tá mé go léir na clibeanna script, 481 00:31:29,830 --> 00:31:34,250 agus is é an chlib script deiridh an cód go atá againn i scríbhinn. 482 00:31:34,250 --> 00:31:38,820 Agus ansin tá an 3 cóid chreat ach freisin clibeanna script. 483 00:31:38,820 --> 00:31:42,110 Tá mé ag lena n-áirítear iad ó cad atá ar a dtugtar CDN, 484 00:31:42,110 --> 00:31:46,200 a cheadaíonn dom chun é a fháil ó dhuine eile ag an bpointe seo 485 00:31:46,200 --> 00:31:57,930 ach tá gach creat is féidir é seo-leat teacht ar go leor i bhfad ar an ábhar 486 00:31:57,930 --> 00:32:03,540 do leabharlann JavaScript ar leith ar fáil ar roinnt CDN nó rud éigin mar sin, 487 00:32:03,540 --> 00:32:05,570 agus ansin is féidir leat san áireamh na clibeanna script. 488 00:32:05,570 --> 00:32:07,600 An dhéanamh go chiall? 489 00:32:07,600 --> 00:32:09,500 Cool. 490 00:32:09,500 --> 00:32:11,730 >> Tá na 2 chuige éagsúla. 491 00:32:11,730 --> 00:32:14,640 Nach bhfuil na an cur chuige amháin a réiteach ar an bhfadhb. 492 00:32:14,640 --> 00:32:17,080 Tá go leor rudaí éagsúla go 493 00:32:17,080 --> 00:32:19,490 D'fhéadfadh duine éigin a dhéanamh, agus tá go leor creataí amach ann. 494 00:32:19,490 --> 00:32:23,300 Uilleach agus nach bhfuil cnámh droma a insint ar an scéal ar fad. 495 00:32:23,300 --> 00:32:26,370 Ádh mór le do thionscadail deiridh, agus buíochas a ghabháil leat go mór. 496 00:32:31,960 --> 00:32:35,000 [CS50.TV]