1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [సెమినార్] [జావాస్క్రిప్ట్ ప్రణాళికలు: ఎందుకు మరియు ఎలా]

2
00:00:02,000 --> 00:00:04,000
[కెవిన్ స్చ్మిడ్] [హార్వర్డ్ విశ్వవిద్యాలయం]

3
00:00:04,000 --> 00:00:06,960
[ఈ CS50 ఉంది.] [CS50.TV]

4
00:00:06,960 --> 00:00:10,630
>> హాయ్, ప్రతి ఒక్కరి. జావాస్క్రిప్ట్ ప్రణాళికలు సదస్సు స్వాగతం.

5
00:00:10,630 --> 00:00:14,910
, నా పేరు కెవిన్, నేటి నేను జావా స్క్రిప్ట్ ఫ్రేంవర్క్స్ గురించి మాట్లాడటం సాధ్యం వెళుతున్న

6
00:00:14,910 --> 00:00:20,400
మరియు ఈ సదస్సు యొక్క లక్ష్యం, మీరు పొందుటకు అని, సే ప్రతి ప్రత్యేక ఫ్రేమ్ మాస్టర్ కాదు

7
00:00:20,400 --> 00:00:23,810
కానీ ప్రణాళికలను జంట మీరు ఒక విస్తృత పరిచయం ఇవ్వాలని

8
00:00:23,810 --> 00:00:27,150
మరియు మేము ఎప్పుడూ ఒక ఫ్రేమ్ ఉపయోగించడానికి ఎందుకు కావాలో చూపించు.

9
00:00:27,150 --> 00:00:31,060
>> నేను అలా ముందు, నేను, జావాస్క్రిప్ట్ లో కొద్దిగా నేపథ్యం అందిస్తాము

10
00:00:31,060 --> 00:00:33,750
ఆపై మేము అక్కడ నుండి తీసుకొని వెళ్తాము.

11
00:00:33,750 --> 00:00:36,270
మేము ఒక చేయవలసిన పనుల జాబితా అమలు ద్వారా ఆరంభమవుతుంది చేస్తున్నాం.

12
00:00:36,270 --> 00:00:39,330
ఇక్కడ నేడు మా పని జాబితా ఉంది.

13
00:00:39,330 --> 00:00:41,990
ఇది ఫన్నీ రకంగా. మేము జావాస్క్రిప్ట్ లో ఒక చేయవలసిన పనుల జాబితా అమలు కలిగి.

14
00:00:41,990 --> 00:00:45,110
ఇది మా మొదటి లక్ష్యం, అది లాగా జరగబోతోంది ఏమి ఉంది.

15
00:00:45,110 --> 00:00:47,160
మేము దీనిని ఒక ఫ్రేమ్ ఉపయోగించడానికి వెళుతున్న లేదు.

16
00:00:47,160 --> 00:00:51,930
మేము కోడ్ జావాస్క్రిప్ట్ వెళుతున్న మరియు చేయవలసిన పనుల జాబితా పని పొందుటకు చేస్తున్నారు.

17
00:00:51,930 --> 00:00:54,370
అప్పుడు మేము ఒక ఫ్రేమ్ వర్క్ ఉపయోగించి లేకుండా నమూనాను మెరుగుపరిచేందుకు చేయబోతున్నామని.

18
00:00:54,370 --> 00:00:57,190
మేము కేవలం జావాస్క్రిప్ట్ ఒంటరిగా తో చేయవచ్చు వివిధ విషయాలు చర్చించడానికి చేయబోతున్నామని

19
00:00:57,190 --> 00:01:00,650
మా చేయడానికి చేయవలసిన కొద్దిగా బాగా రూపకల్పన జాబితా.

20
00:01:00,650 --> 00:01:02,490
అప్పుడు మేము కొన్ని j క్వెరీ లో త్రో చేయబోతున్నామని

21
00:01:02,490 --> 00:01:05,030
మరియు అప్పుడు మేము, పనుల అదే చూడండి చేయబోతున్నామని

22
00:01:05,030 --> 00:01:07,170
కేవలం వివిధ చట్రాలు అమలు, మరియు మేము చర్చించడానికి ఉంటుంది

23
00:01:07,170 --> 00:01:09,280
 మార్గం వెంట రెండింటికీ.

24
00:01:09,280 --> 00:01:12,040
>> యొక్క పనుల ఆ అమలు ప్రారంభిద్దాం.

25
00:01:12,040 --> 00:01:14,270
లెట్ యొక్క ఈ HTML ఇచ్చిన చేస్తున్నారు అనుకోండి.

26
00:01:14,270 --> 00:01:16,620
నేను ఈ ఒక చిన్న చిన్న చేయడానికి వెళుతున్న.

27
00:01:16,620 --> 00:01:19,300
మీరు చూడగలరు గా, నేను టోడో అని కొద్దిగా శీర్షిక కలిగి

28
00:01:19,300 --> 00:01:21,740
నేను ఒక todo ఒక వివరణ ఎంటర్ ఇక్కడ మరియు ఒక చిన్న పెట్టెలో

29
00:01:21,740 --> 00:01:26,990
ఆపై, కాబట్టి ఈ జాబితాకు ఒక కొత్త todo ఎంటర్ ప్రయత్నించండి యొక్క ఒక కొత్త అంశాన్ని బటన్ వీలు.

30
00:01:26,990 --> 00:01:31,000
ఒక జావా స్క్రిప్ట్ ఫ్రేంవర్క్స్ సదస్సు ఇవ్వండి

31
00:01:31,000 --> 00:01:33,090
మరియు నేను కొత్త అంశాన్ని నొక్కండి రెడీ.

32
00:01:33,090 --> 00:01:35,730
నేను అమలు అని ఈ ఎలర్ట్ పొందుటకు.

33
00:01:35,730 --> 00:01:37,560
మేము అది అమలు చేసుకున్నాను.

34
00:01:37,560 --> 00:01:41,490
HTML మరియు JavaScript రెండు, యొక్క ఈ కోడ్ తనిఖీ లెట్.

35
00:01:41,490 --> 00:01:43,260
ఇక్కడ మా HTML యొక్క.

36
00:01:43,260 --> 00:01:45,500
మీరు ఇక్కడ చూడవచ్చు, ఇక్కడ మా చిన్న టొడోస్ శీర్షిక యొక్క.

37
00:01:45,500 --> 00:01:47,620
ఆ ఎగువన ఆ బోల్డ్ విషయం

38
00:01:47,620 --> 00:01:50,690
మరియు అప్పుడు మేము, హోల్డర్ తో ఇన్పుట్ బాక్స్

39
00:01:50,690 --> 00:01:59,460
ఆపై ఈ ఫంక్షన్ addTodo కాల్స్ ఈ బటన్ ఒక నిర్దిష్ట లక్షణం ఉంది.

40
00:01:59,460 --> 00:02:05,460
ఎవరైనా అధిక ఉంది క్లిక్ ఏమి ఆ అంచనా అనుకుంటుంది?

41
00:02:05,460 --> 00:02:07,390
[స్టూడెంట్ వినబడని స్పందన]

42
00:02:07,390 --> 00:02:09,289
మంచి, న క్లిక్, కార్యక్రమం వంటి విధమైన ఉంది

43
00:02:09,289 --> 00:02:12,120
మౌస్ క్లిక్ కేవలం ఒక కార్యక్రమం, మరియు మేము చేస్తున్న ఉన్నట్లు

44
00:02:12,120 --> 00:02:16,890
మేము ఆ ఫంక్షన్ అమలు ఈ బటన్ క్లిక్ సందర్భంలో వేయడం చేస్తున్నారు ఉంది.

45
00:02:16,890 --> 00:02:21,700
AddTodo బటన్ క్లిక్ కోసం ఈ కార్యక్రమం నిర్వహణ ఉంది.

46
00:02:21,700 --> 00:02:25,010
>> మీరు చూడగలరు గా, నేను కొత్త అంశాన్ని బటన్ క్లిక్ చేసినప్పుడు

47
00:02:25,010 --> 00:02:29,940
క్లిక్ ఈవెంట్ తొలగించారు కావాలి, మరియు ఈ ఫంక్షన్ అని చెపుతాడు.

48
00:02:29,940 --> 00:02:33,170
యొక్క ఫంక్షన్ చూద్దాం.

49
00:02:33,170 --> 00:02:36,260
మీరు చూడగలరు గా, ఇక్కడ ఇప్పటివరకు నా JavaScript కోడ్ యొక్క.

50
00:02:36,260 --> 00:02:41,280
నేను పైన నా చేయవలసిన పనుల జాబితా కోసం ఒక ప్రపంచ డేటా నిర్మాణం.

51
00:02:41,280 --> 00:02:44,060
ఇది ఒక అర్రే కనిపిస్తుంది. ఇది కేవలం ఒక ఖాళీ శ్రేణిని వార్తలు.

52
00:02:44,060 --> 00:02:47,100
ఆపై నేను, మేము ముందు చూసిన addTodo ఫంక్షన్ కలిగి

53
00:02:47,100 --> 00:02:50,740
మరియు అక్కడ కోడ్ మాత్రమే లైన్ ఈ హెచ్చరికను ఉంది.

54
00:02:50,740 --> 00:02:55,730
ఇది నాకు అమలు అప్రమత్తం, ఆపై నేను చేతి 2 విధులు ఉన్నాయి.

55
00:02:55,730 --> 00:02:58,790
నేను, ప్రపంచ డేటా నిర్మాణానికి todo జోడించడానికి కలిగి

56
00:02:58,790 --> 00:03:01,860
ఆపై నేను చేయవలసిన జాబితాను డ్రా అనుకుంటున్నారా.

57
00:03:01,860 --> 00:03:06,360
ఏమీ చాలా ఇంకా ఫ్యాన్సీ కానీ JavaScript మీరు తెలిసి ఉండవచ్చు

58
00:03:06,360 --> 00:03:12,370
నేను నెమ్మదిగా వెళ్ళి ఆ విధంగా JavaScript యొక్క మౌలిక సమీక్షించి వెళుతున్న.

59
00:03:12,370 --> 00:03:15,490
>> యొక్క ఈ ఒక షాట్ ఇవ్వాలని లెట్.

60
00:03:15,490 --> 00:03:21,130
లెట్ యొక్క వినియోగదారు ఈ బాక్స్ లో ఏదో ప్రవేశిస్తుంది అని.

61
00:03:21,130 --> 00:03:23,360
నేను ఇక్కడ, టెక్స్ట్ ఏదో టైప్.

62
00:03:23,360 --> 00:03:27,620
నేను జావాస్క్రిప్ట్ను ఎలా ద్వారా యాక్సెస్ టెక్స్ట్ యొక్క క్రమబద్ధీకరించాలి?

63
00:03:27,620 --> 00:03:32,500
ఆ JavaScript గుర్తుంచుకో, దాని ప్రాథమిక లక్షణాలు ఒకటి మాకు ఇచ్చే ఉంది

64
00:03:32,500 --> 00:03:34,670
DOM ఈ ప్రోగ్రాముల.

65
00:03:34,670 --> 00:03:40,670
ఇది మాకు ఈ వాస్తవ HTML అంశాలు మరియు వారి లక్షణాలు యాక్సెస్ అనుమతిస్తుంది.

66
00:03:40,670 --> 00:03:43,430
మేము ఎముకలు జావాస్క్రిప్ట్ తో అలా మార్గం

67
00:03:43,430 --> 00:03:51,360
మేము నిజానికి getElementByID అని జావాస్క్రిప్ట్ లో ఒక ఫంక్షన్ ఉపయోగించవచ్చు ఉంటుంది.

68
00:03:51,360 --> 00:03:55,140
నేను, కొన్ని వేరియబుల్ అక్కడ టైపు చేసిన టెక్స్ట్ నిల్వ అనుకుంటున్నారా

69
00:03:55,140 --> 00:03:58,350
నేను, new_todo అనే కొత్త వేరియబుల్ చెప్పటానికి వెళుతున్నాను

70
00:03:58,350 --> 00:04:01,980
మరియు నేను ఆ మూలకం పొందుటకు వెళుతున్నాను.

71
00:04:01,980 --> 00:04:06,330
ఈ, ఒక ఫంక్షన్ ఉంది. GetElementByID.

72
00:04:06,330 --> 00:04:11,580
మరియు ఇప్పుడు, నేను ID ద్వారా ఒక మూలకం పొందుతున్నాను, అందుకే అది టెక్స్ట్ బాక్స్ ID అవసరం

73
00:04:11,580 --> 00:04:15,860
కాబట్టి నేను ID new_todo_description ఇచ్చాను.

74
00:04:15,860 --> 00:04:18,399
నేను ఒక మూలకం పొందుటకు వెళుతున్నాను ఎలా.

75
00:04:18,399 --> 00:04:23,880
ఆ పొందుటకు ఇది ID తెలుపుటకు, ఈ ఫంక్షన్ కు నా వాదన ఉంది.

76
00:04:23,880 --> 00:04:28,110
అందువలన HTML లో ఒక ఎలిమెంట్, మరియు లక్షణాలను కలిగి ఉంటుంది.

77
00:04:28,110 --> 00:04:30,650
మీరు ఈ చూసిన. వారు లక్షణాలు ఉన్నాము.

78
00:04:30,650 --> 00:04:37,090
యూజర్ యొక్క ఇన్పుట్ నిల్వ టెక్స్ట్ మూలకం యొక్క లక్షణం విలువ అంటారు.

79
00:04:37,090 --> 00:04:40,860
నేను new_todo అని ఈ వేరియబుల్ ఇప్పుడు ఆ టెక్స్ట్ బాక్స్ విలువ సేవ్.

80
00:04:40,860 --> 00:04:45,040
ఇప్పుడు నేను ఈ వేరియబుల్ ప్రోగ్రాముల యాక్సెస్, ఇది రకం చల్లని ఉంది

81
00:04:45,040 --> 00:04:49,200
ఇప్పుడు నేను ఏమి ఎందుకంటే నేను నా చేయవలసిన జాబితాకు జోడించవచ్చు ఉంది.

82
00:04:49,200 --> 00:04:52,870
>> మేము ఈ చేస్తారు మార్గం జావాస్క్రిప్ట్ మరియు మీరు ఈ తెలియని అయితే చింతించకండి,

83
00:04:52,870 --> 00:04:57,010
కానీ కేవలం ఇది ద్వారా వెళుతున్న todos.push ఉంది

84
00:04:57,010 --> 00:05:00,130
ఇక్కడ నా ప్రపంచ డేటా నిర్మాణం యొక్క పేరు అని ఎందుకంటే,

85
00:05:00,130 --> 00:05:04,450
మరియు నేను new_todo పుష్ వెళుతున్న.

86
00:05:04,450 --> 00:05:09,120
ఇప్పుడు నేను నా JavaScript చేర్చాడు, ఎందుకంటే ఈ గొప్ప

87
00:05:09,120 --> 00:05:11,280
ఆ చేయవలసిన పనుల జాబితా ప్రాతినిధ్యాన్ని.

88
00:05:11,280 --> 00:05:15,170
కానీ ఇప్పుడు నేను HTML కి వస్తుందా?

89
00:05:15,170 --> 00:05:18,560
నేను తిరిగి పుష్ యొక్క క్రమం ఒక మార్గాన్ని కలిగి.

90
00:05:18,560 --> 00:05:21,830
ఇతర మాటలలో, నేను రకమైన ఈ డ్రా కలిగి.

91
00:05:21,830 --> 00:05:26,060
మనం చేయబోతున్నామని మేము చేయవలసిన పనుల జాబితా డ్రా చేయబోతున్నామని ఉంది.

92
00:05:26,060 --> 00:05:29,270
నేను, ఆ పేజీ లో ఇతర HTML నవీకరించవలసి ఉంది

93
00:05:29,270 --> 00:05:32,040
మీరు చూడగలరు మరియు, నేను, ఇక్కడ ఈ చిన్న కంటైనర్ నిష్క్రమించారు

94
00:05:32,040 --> 00:05:36,840
దీని ID టొడోస్ ఉంది పేజీ యొక్క ఈ డివైడర్,

95
00:05:36,840 --> 00:05:40,870
మరియు నేను అక్కడ చేయవలసిన పనుల జాబితా చాలు వెళుతున్న.

96
00:05:40,870 --> 00:05:47,240
మొదటి నేను చేయవలసిన పనుల జాబితా పాత అక్కడ ఉంది, చెప్పటానికి, ఎందుకంటే దాన్ని క్లియర్ వెళుతున్న.

97
00:05:47,240 --> 00:05:49,560
నేను, మళ్ళీ ID ద్వారా మూలకం పొందుతున్నాను

98
00:05:49,560 --> 00:05:54,530
మరియు నేను, ఆ మూలకం యొక్క లోపలి HTML యాక్సెస్ వెబ్

99
00:05:54,530 --> 00:05:58,010
మరియు నేను స్పష్టం వెళుతున్న.

100
00:05:58,010 --> 00:06:05,510
గా మేము ఈ కోడ్ వదిలివేస్తే, మేము, అక్కడ ఖాళీ ఏమీ చూడండి ఇష్టం

101
00:06:05,510 --> 00:06:10,410
మరియు ఇప్పుడు నేను నా కొత్త చేయవలసిన పనుల జాబితా అందించడానికి ప్రారంభించాలని మీరు అనుకుంటున్నారా.

102
00:06:10,410 --> 00:06:12,870
నేను ప్రధానంగా నా చేయవలసిన పనుల జాబితా అంతరించిపోవడం వెళుతున్నాను.

103
00:06:12,870 --> 00:06:18,180
>> ఇప్పుడు ఆ టొడోస్ div లోపలి HTML లోపల, పూర్తిగా స్పష్టం

104
00:06:18,180 --> 00:06:20,060
మరియు ఇప్పుడు నేను నా జాబితా జోడించడం ప్రారంభించడానికి అవసరం.

105
00:06:20,060 --> 00:06:23,890
నేను తిరిగి జోడించాలనుకుంటే మొదటి విషయం, క్రమం జాబితా ట్యాగ్

106
00:06:23,890 --> 00:06:33,890
ఇది ప్రాథమికంగా ఇది క్రమం జాబితా ప్రారంభంలో అని సూచిస్తుంది.

107
00:06:33,890 --> 00:06:39,770
ఇప్పుడు నా టొడోస్ యెరే నందలి ప్రతి మూలకం కోసం నేను HTML యొక్క లోపల దాన్ని ప్రింట్ మీరు.

108
00:06:39,770 --> 00:06:43,710
నేను ఈ జాబితాలో దిగువకు అది జోడించే మీరు.

109
00:06:43,710 --> 00:06:49,040
కేవలం సి మాదిరిగా నేను లూప్ ఒక ఉపయోగించవచ్చు, మరియు నేను నా జాబితా ప్రారంభంలో ప్రారంభించడానికి వెళుతున్నాను

110
00:06:49,040 --> 00:06:54,140
మూలకం 0, మరియు నేను జాబితా పొడవు అన్ని మార్గం వెళ్ళి వెళుతున్న.

111
00:06:54,140 --> 00:07:01,100
మేము నిజానికి పొడవు ఆస్తి ఉపయోగించి జావాస్క్రిప్ట్ లో వ్యూహం యొక్క పొడవు పొందవచ్చు.

112
00:07:01,100 --> 00:07:03,420
సాధారణంగా నేను ఇక్కడ లోపలి చాలా పోలి ఏదో చేయ బోతున్నాను

113
00:07:03,420 --> 00:07:05,600
ఆ మూలకం ముద్రించాలా.

114
00:07:05,600 --> 00:07:12,970
నేను మళ్ళీ టొడోస్ div, ఆ లోపలి HTML ఆస్తి, ప్రాప్తి చేయవచ్చు

115
00:07:12,970 --> 00:07:17,560
మరియు నేను ఈ కొత్త జాబితా అంశంపై జోడించడానికి వెళుతున్నాను, మరియు ఆ చుట్టూ వెళుతున్న

116
00:07:17,560 --> 00:07:25,390
ఈ li ట్యాగ్, మరియు నేను, + ఆపరేటర్లు తో concatenate వెళుతున్న

117
00:07:25,390 --> 00:07:28,040
మరియు ఆ, నా టొడోస్ అర్రే యొక్క ith ఎలిమెంట్

118
00:07:28,040 --> 00:07:32,380
ఆపై నేను ట్యాగ్ ముగించలేదు వెళుతున్న.

119
00:07:32,380 --> 00:07:36,240
ఇప్పుడు ప్రతి మూలకం కోసం మేము ఒక కొత్త జాబితా ఎంట్రీ జోడించాలి.

120
00:07:36,240 --> 00:07:48,700
ఆపై మేము నిజంగా చెయ్యాల్సిన అన్ని ఆ ట్యాగ్ ఆఫ్ సమీపాన ఉన్నది.

121
00:07:48,700 --> 00:07:52,820
నేను జాబితా ట్యాగ్ క్రమం ఆఫ్ ముగించలేదు అవసరం.

122
00:07:52,820 --> 00:07:55,490
>> మీరు ఆ పని ఎలా అనుభూతిని పొందుతారు?

123
00:07:55,490 --> 00:07:57,700
ఈ మొత్తం జాబితా తెరుచుకుంటుంది.

124
00:07:57,700 --> 00:08:01,080
ఈ, టొడోస్ జాబితా నుండి జాబితా వ్యక్తిగత అంశాలు జతచేస్తుంది

125
00:08:01,080 --> 00:08:05,470
ఆపై మొత్తం జాబితా ముగుస్తాయి, మరియు ఈ నా addTodo విధి అని.

126
00:08:05,470 --> 00:08:09,590
నేను ప్రధానంగా టెక్స్ట్ బాక్స్ నుండి todo పొందడం ద్వారా ప్రారంభిస్తాయి.

127
00:08:09,590 --> 00:08:18,950
నేను టొడోస్ శ్రేణి యాడ్, ఆపై నేను చేయవలసిన పనుల జాబితా తిరిగి రెండర్.

128
00:08:18,950 --> 00:08:21,520
ఇప్పుడు నేను నా జాబితాలో అంశాలను జోడించవచ్చు.

129
00:08:21,520 --> 00:08:24,620
ఈ రకమైన ఉత్తేజకరమైన ఎందుకంటే కోడ్ కేవలం కొన్ని వరుసలలో

130
00:08:24,620 --> 00:08:28,240
మేము ప్రధానంగా మాకు అంశాలను జోడించవచ్చు పేరు ఒక చేయవలసిన పనుల జాబితా చేసిన.

131
00:08:28,240 --> 00:08:30,050
గ్రేట్.

132
00:08:30,050 --> 00:08:34,480
ఆ JavaScript ఒక ప్రాథమిక ప్రవేశ ఉంటాము.

133
00:08:34,480 --> 00:08:36,179
, ఇప్పుడు కోసం సింటాక్స్ గురించి చాలా ఆందోళన లేదు

134
00:08:36,179 --> 00:08:38,130
కానీ ఈ సందర్భానుసారంగా గురించి ఆలోచించడం.

135
00:08:38,130 --> 00:08:40,539
మేము కొన్ని HTML కలిగి.

136
00:08:40,539 --> 00:08:45,310
మేము ఇన్పుట్ చేయవలసిన అంశం ప్రాథమికంగా తమ వినియోగదారులు జోడించడానికి పేజీలో ఒక టెక్స్ట్ బాక్స్ కలిగి.

137
00:08:45,310 --> 00:08:49,210
ఆపై ఆ టెక్స్ట్ బాక్స్ నుండి todo పొందడంలో జావాస్క్రిప్ట్ ఉపయోగిస్తారు.

138
00:08:49,210 --> 00:08:52,830
మేము ఒక JavaScript శ్రేణిలో, ఇది వంటి రప్పించింది నిల్వ

139
00:08:52,830 --> 00:08:56,010
ఆ మా ప్రోగ్రాముల ప్రాతినిధ్యం జాబితా చేయవలసిన,

140
00:08:56,010 --> 00:08:59,060
మరియు అప్పుడు మేము అది ముద్రించిన.

141
00:08:59,060 --> 00:09:02,690
ఈ todos.js ఉంది.

142
00:09:02,690 --> 00:09:07,620
>> ఈ చల్లని రకం, కానీ ఎలా మేము ఈ మరింత పడుతుంది?

143
00:09:07,620 --> 00:09:11,350
మీరు చూడగలరు అలాగే, ఈ చేయవలసిన పనుల జాబితా పూర్తి వలె లేదు.

144
00:09:11,350 --> 00:09:15,100
ఉదాహరణకు, నేను, అసంపూర్తిగా ఈ అంశాల ఏ గుర్తు పెట్టలేరు

145
00:09:15,100 --> 00:09:19,920
నేను అంశాలను reprioritize లేదా వస్తువులను తొలగించడానికి కోరుకున్నాడు ఉంటే ఇష్టం.

146
00:09:19,920 --> 00:09:23,150
ఈ తప్పు కాదు, కానీ మేము ఈ మరింత పడుతుంది.

147
00:09:23,150 --> 00:09:29,280
నేను, అదనపు ఫీచర్లను జోడించడం గురించి చాలా మాట్లాడటానికి వెళ్ళడం లేదు

148
00:09:29,280 --> 00:09:32,800
కానీ మేము ఇంకా పడుతుంది.

149
00:09:32,800 --> 00:09:35,970
పనుల ఈ ఒక మరింత ఫీచర్ జోడించడం గురించి మాట్లాడటానికి లెట్,

150
00:09:35,970 --> 00:09:40,370
ఒక వ్యక్తి చేయవలసిన అంశం తనిఖీ సామర్థ్యం వెళుతున్న ఇది

151
00:09:40,370 --> 00:09:44,780
మరియు అది ప్రాథమికంగా నేను ఈ పూర్తి చేసిన విధంగా, కొట్టివేసి అవుతుంది చేశారు.

152
00:09:44,780 --> 00:09:50,240
యొక్క ఆ సాధనకు అని కొన్ని కోడ్ చూద్దాం.

153
00:09:50,240 --> 00:09:52,740
నేను పైన చేసిన నేను జోడించిన ఉంది గమనించండి

154
00:09:52,740 --> 00:09:57,620
ఒక కొత్త ప్రపంచ శ్రేణి పూర్తి అని.

155
00:09:57,620 --> 00:10:02,890
నేను ప్రధానంగా నిల్వ ఈ ఉపయోగించి వెబ్ లేదో చేయవలసిన పనుల జాబితా అంశాలను

156
00:10:02,890 --> 00:10:06,560
పూర్తి లేదా కాదు.

157
00:10:06,560 --> 00:10:08,470
ఈ దీన్ని ఒక మార్గం.

158
00:10:08,470 --> 00:10:13,750
నేను ఈ అమలు, ప్రదర్శన, చూసినట్లయితే

159
00:10:13,750 --> 00:10:21,120
నేను ఒక todo ఎంటర్ మరియు ఉంటే ప్రాథమికంగా నేను ఈ టోగుల్ బటన్ నొక్కండి

160
00:10:21,120 --> 00:10:25,040
దాన్ని దాటుతుంది, కాబట్టి ఈ జాబితాలో ప్రతి అంశం ఒక పూర్తి ఉంది

161
00:10:25,040 --> 00:10:31,050
లేదా అసంపూర్ణ స్థితిలో, మరియు నేను ఆ ప్రాతినిధ్యం మరొక వరుసను ఉపయోగించి వెబ్.

162
00:10:31,050 --> 00:10:33,730
>> సాధారణంగా ఆ టొడోస్ యెరే నందలి ప్రతి todo కోసం

163
00:10:33,730 --> 00:10:37,110
ఒక అంశం ప్రధానంగా సూచిస్తుంది పూర్తి శ్రేణి లో ఉంది

164
00:10:37,110 --> 00:10:39,060
పూర్తి లేదా అనే.

165
00:10:39,060 --> 00:10:41,640
నేను, ఈ కోడ్ కు అందంగా తక్కువ మార్పులు చేయడానికి చేశాము

166
00:10:41,640 --> 00:10:44,470
ఇక్కడ మా addTodo ఫంక్షన్ యొక్క.

167
00:10:44,470 --> 00:10:48,530
ఇక్కడ నేను శ్రేణి మీదకు తోస్తున్నాను గమనించవచ్చు,

168
00:10:48,530 --> 00:10:51,300
ఆపై నేను, పూర్తి శ్రేణి ఒక 0 తోస్తున్నాను

169
00:10:51,300 --> 00:10:57,090
ప్రధానంగా చెప్పటానికి కొత్త todo పుష్ తో సమాంతరంగా

170
00:10:57,090 --> 00:11:00,430
నేను, ఈ అంశాన్ని జోడించడం వెబ్, మరియు ఈ విలువతో జత యొక్క

171
00:11:00,430 --> 00:11:02,810
ఇది అసంపూర్తిగా ఉంది అంటే.

172
00:11:02,810 --> 00:11:04,970
ఆపై నేను చేయవలసిన పనుల జాబితా తిరిగి వెబ్.

173
00:11:04,970 --> 00:11:09,220
ఇప్పుడు, నేను ఈ drawTodoList ఫంక్షన్ జోడించిన గమనించవచ్చు.

174
00:11:09,220 --> 00:11:11,760
ఈ, మేము ముందు కలిగి కోడ్ చాలా పడుతుంది

175
00:11:11,760 --> 00:11:15,320
ప్రధానంగా బాక్స్ బయటకు క్లియర్ మరియు తరువాత కొత్త చేయవలసిన పనుల జాబితా చూపించారు.

176
00:11:15,320 --> 00:11:19,620
కానీ ఈ లోపలి లూప్ మేము మరింత ఇప్పుడు కొద్దిగా చేస్తున్న గమనించవచ్చు.

177
00:11:19,620 --> 00:11:25,000
మేము ప్రధానంగా ith todo అంశం సంబంధిత లేదో ఇక్కడ తనిఖీ చేస్తున్నాము

178
00:11:25,000 --> 00:11:30,220
పూర్తి, మరియు మేము ఈ 2 పరిస్థితులలో భిన్నంగా ప్రవర్తించడం చేస్తున్నారు.

179
00:11:30,220 --> 00:11:32,790
అది పూర్తి అయితే, మేము, ఈ డెల్ ట్యాగ్ జోడించే

180
00:11:32,790 --> 00:11:35,360
ఇది ప్రాథమికంగా మీరు ప్రభావం ద్వారా సమ్మె పొందవచ్చు మార్గం

181
00:11:35,360 --> 00:11:38,190
అది పూర్తి అయితే చేయవలసిన జాబితాను దాటుతుంది,

182
00:11:38,190 --> 00:11:42,200
ఇది లేకుంటే, మేము అది సహా లేదు.

183
00:11:42,200 --> 00:11:45,030
అందువలన ఆ రకమైన, ఆ జాగ్రత్త తీసుకుంటుంది

184
00:11:45,030 --> 00:11:49,140
>> మరియు ఈ సాధనకు ఒక మార్గం.

185
00:11:49,140 --> 00:11:53,420
యూజర్ ఈ ఒకటి క్లిక్ చేసినప్పుడు ఆపై గమనించవచ్చు

186
00:11:53,420 --> 00:11:56,780
మేము అది పూర్తి స్థితి మార్చడానికి.

187
00:11:56,780 --> 00:12:02,170
వినియోగదారు, మేము అది పూర్తి లేదా చేయబడింది అని రివర్స్ వీటిని చేసినప్పుడు,

188
00:12:02,170 --> 00:12:04,540
మరియు అప్పుడు మేము అది పునర్ చేస్తాము.

189
00:12:04,540 --> 00:12:06,190
రచనలు ఈ రకమైన.

190
00:12:06,190 --> 00:12:09,860
మేము వారి సొంత విధులను ఈ విధులు

191
00:12:09,860 --> 00:12:11,730
మరియు ఈ ఓకే.

192
00:12:11,730 --> 00:12:14,110
మేము అయితే, దీని గురించి మరింత బాగా చేయగలిగే ఏదైనా ఉందా?

193
00:12:14,110 --> 00:12:18,700
మేము ఈ 2 ప్రపంచ శ్రేణుల కలిగి గమనించవచ్చు.

194
00:12:18,700 --> 00:12:23,550
ఈ C, మరియు మేము రకమైన ప్రాతినిధ్యం అని 2 శ్రేణుల కలిగి ఉంటే

195
00:12:23,550 --> 00:12:25,800
విధమైన కొన్ని విధంగా సంబంధించిన డేటా

196
00:12:25,800 --> 00:12:30,140
మేము ఈ 2 ఖాళీలను మిళితం సి లో ఏమి ఉపయోగించే

197
00:12:30,140 --> 00:12:35,420
సమాచారం యొక్క రెండు ముక్కలు encapsulates ఏదో లోకి?

198
00:12:35,420 --> 00:12:37,600
ఎవరైనా ఒక సలహా చేయాలని?

199
00:12:37,600 --> 00:12:39,450
[స్టూడెంట్ వినబడని స్పందన]

200
00:12:39,450 --> 00:12:42,340
>> సరిగ్గా, కాబట్టి మేము, struct రకమైన వాడవచ్చు

201
00:12:42,340 --> 00:12:44,960
మరియు మీరు pset 3, చెప్పటానికి, తిరిగి అనుకుంటున్నాను, ఉంటే

202
00:12:44,960 --> 00:12:47,350
మేము నిఘంటువు కలిగి, మరియు అప్పుడు మేము గుర్తుంచుకోవాలి అని పదం

203
00:12:47,350 --> 00:12:50,230
నిఘంటువులో ఉంది, మరియు అన్ని ఆ సమాచారాన్ని కూర్చు జరిగినది

204
00:12:50,230 --> 00:12:52,420
కొన్ని డేటా నిర్మాణం లోపల.

205
00:12:52,420 --> 00:12:56,390
నేను ఈ కోడ్ తో చేయవచ్చు ఒక విషయం ఈ 2 వివిధ శ్రేణుల కలిగి నివారించేందుకు

206
00:12:56,390 --> 00:13:01,760
సమాచారం యొక్క సారూప్య ముక్కలు కోసం నేను ఒక ఆబ్జెక్ట్ వాటిని మిళితం చేయవచ్చు ఉంది.

207
00:13:01,760 --> 00:13:07,150
యొక్క ఆ పరిశీలించి లెట్.

208
00:13:07,150 --> 00:13:11,740
నేను మాత్రమే ఇప్పుడు ఎగువన ఒక అర్రే కలిగి గమనించండి

209
00:13:11,740 --> 00:13:17,650
మరియు నేను చేసిన ఉంది మరియు ఈ కేవలం విధమైన కోసం జావాస్క్రిప్ట్ వాక్యనిర్మాణం

210
00:13:17,650 --> 00:13:21,350
ఒక వస్తువు యొక్క ఒక సాహిత్య వెర్షన్ సృష్టించడం,

211
00:13:21,350 --> 00:13:24,670
మరియు, కాబట్టి మేము todo కలిగి, 2 లక్షణాలు ఉన్నాయి గమనించవచ్చు

212
00:13:24,670 --> 00:13:29,660
మరియు అది పూర్తి లేదా అసంపూర్ణ అయినా కలిసి ఉంచిన లో.

213
00:13:29,660 --> 00:13:31,000
ఈ చాలా పోలి కోడ్.

214
00:13:31,000 --> 00:13:35,310
మేము జావాస్క్రిప్ట్ వస్తువులు ఉపయోగిస్తున్నారు.

215
00:13:35,310 --> 00:13:38,600
మెరుగుపరచడానికి విషయాలు ఈ రకమైన.

216
00:13:38,600 --> 00:13:43,850
ఇప్పుడు ఇలా, సంబంధిత సమాచారం యొక్క ఈ ఖాళీలను కలిసి ఉంచబడ్డాయి.

217
00:13:43,850 --> 00:13:46,410
మేము దాన్ని ప్రింట్ వెళ్ళండి చేసినప్పుడు, మేము ఖాళీలను యాక్సెస్ చేయవచ్చు.

218
00:13:46,410 --> 00:13:49,060
>> మేము టొడోస్ [i] ఎలా చేస్తున్నామో గమనించవచ్చు. పూర్తి

219
00:13:49,060 --> 00:13:52,880
బదులుగా విడివిడిగా పూర్తి శ్రేణి తనిఖీ యొక్క,

220
00:13:52,880 --> 00:13:56,560
మరియు మేము చేయవలసిన ఆస్తి పొందడానికి చేయవలసిన స్ట్రింగ్ పొందుటకు కావలసినప్పుడు గమనించవచ్చు

221
00:13:56,560 --> 00:13:58,750
ఆ todo యొక్క, కాబట్టి ఈ రకమైన అర్ధమే ఎందుకంటే

222
00:13:58,750 --> 00:14:01,660
ప్రతి అంశంపై గురించి ఈ అంతర్గత లక్షణాలను కలిగి ఉంది.

223
00:14:01,660 --> 00:14:05,650
ఇది ఒక todo ఉంది, మరియు అది పూర్తి లేదా కాదు అని ఉంది.

224
00:14:05,650 --> 00:14:11,540
కాదు చాలా మార్పులు పనితీరు కేవలం కోడ్ కొన్ని మరిన్ని జోడించబడ్డాయి.

225
00:14:11,540 --> 00:14:13,430
ఈ కుడి, కొన్ని రంగాల్లో అభివృద్ధి ఉంటుంది?

226
00:14:13,430 --> 00:14:16,030
నేను ఒక బిట్ నమూనా బయటకు మేము కారణం, అర్థం.

227
00:14:16,030 --> 00:14:20,350
ఇప్పుడు మేము basically ఈ డేటాను మాత్రం వస్తువులు కలిగి.

228
00:14:20,350 --> 00:14:27,130
మేము జావాస్క్రిప్ట్ పరంగా ఇక్కడ నుండి అలా ఏమీ లేదు?

229
00:14:27,130 --> 00:14:31,810
ఇష్టం నోటీసు కుడివైపు ఇక్కడ ఈ కోడ్

230
00:14:31,810 --> 00:14:34,760
ఒక div లోపలి HTML పొందడానికి

231
00:14:34,760 --> 00:14:40,520
కొద్దిగా, నేను అంచనా, పొడవుగా ఉంది.

232
00:14:40,520 --> 00:14:45,100
Document.getElementByID ("టొడోస్") ఉన్నాయి. InnerHTML.

233
00:14:45,100 --> 00:14:48,400
మేము ఈ కోడ్ స్నేహపూర్వకంగా చూడండి చేయడానికి చేయగలిగే విషయం

234
00:14:48,400 --> 00:14:51,450
నేను, ముందుకు వెనుకకు, స్క్రోలింగ్ ఎడమ మరియు కుడి ఉంచాలని కాదు

235
00:14:51,450 --> 00:14:58,480
నేను j క్వెరీ వంటి లైబ్రరీ వాడవచ్చు ఉంది.

236
00:14:58,480 --> 00:15:02,710
>> యొక్క సెమినార్ 2 తనిఖీ లెట్

237
00:15:02,710 --> 00:15:05,880
ఇదే కోడ్, కానీ అది j క్వెరీ తో ప్రదర్శనతో.

238
00:15:05,880 --> 00:15:08,790
మీరు, j క్వెరీ చాలా తెలిసిన కాకపోవచ్చు

239
00:15:08,790 --> 00:15:11,510
కానీ కేవలం j క్వెరీ జావాస్క్రిప్ట్ కోసం ఒక లైబ్రరీ యొక్క విధమైన ఉంది తెలుసు

240
00:15:11,510 --> 00:15:15,910
అది సులభంగా DOM యొక్క యాక్సెస్ వ్యక్తిగత అంశాలు వంటి పనులు చేస్తుంది.

241
00:15:15,910 --> 00:15:21,280
ఇక్కడ బదులుగా document.getElementByID మాట్లాడుతూ యొక్క ("టొడోస్"). InnerHTML

242
00:15:21,280 --> 00:15:25,210
నేను, j క్వెరీ లో చాలా శుభ్రంగా మార్గం ఉపయోగించవచ్చు

243
00:15:25,210 --> 00:15:28,490
ఇది కేవలం సెలెక్టర్లు ఉపయోగిస్తారు.

244
00:15:28,490 --> 00:15:31,300
మీరు చూడగలరు గా, ఈ కోడ్, కొద్దిగా క్లీనర్ వచ్చాం

245
00:15:31,300 --> 00:15:35,770
చాలా క్రియాశీలంగా ఉంటుంది కాని ఆ ఆలోచన.

246
00:15:35,770 --> 00:15:37,980
మేము ఇప్పటివరకు కొన్ని విషయాలను చూసిన

247
00:15:37,980 --> 00:15:42,010
కాబట్టి మేము కేవలం ముడి JavaScript అమలు ప్రారంభమైంది.

248
00:15:42,010 --> 00:15:45,370
మేము కొత్త లక్షణాలు జోడించబడ్డాయి మరియు మేము అది ఎలా మెరుగుపడగలమో చూపించాడు

249
00:15:45,370 --> 00:15:49,090
కేవలం ఏమి మేము జావాస్క్రిప్ట్ లో కలిగి.

250
00:15:49,090 --> 00:15:53,300
>> ఎవరైనా ఈ రూపకల్పన ఏ ఇబ్బందులు చూడండి లేదు?

251
00:15:53,300 --> 00:16:01,090
అవి, నేను అంచనా లేదా ఇబ్బందులు అవసరం లేదు కానీ చెప్పటానికి వీలు యొక్క

252
00:16:01,090 --> 00:16:04,830
మేము ఒక చేయవలసిన పనుల జాబితా ప్రాజెక్ట్ చేయడం లేదు, మరియు రేపు మేము నిర్ణయించుకుంది

253
00:16:04,830 --> 00:16:10,320
మేము ఒక పచారీ జాబితా లేదా ఒక షాపింగ్ జాబితా ప్రాజెక్టు చేయాలని.

254
00:16:10,320 --> 00:16:14,150
ఈ లక్షణాలు చాలా చాలా పోలి ఉంటాయి.

255
00:16:14,150 --> 00:16:19,080
మేము జావా స్క్రిప్ట్ పొందడానికి కావలసిన విషయాలు చాలా, చాలా సాధారణం

256
00:16:19,080 --> 00:16:23,820
మరియు ఈ మార్గం రకమైన అవసరం ఉద్ఘాటిస్తుంది

257
00:16:23,820 --> 00:16:25,670
ఏమి ఈ సులువుగా తయారు.

258
00:16:25,670 --> 00:16:30,400
నేను, ఈ HTML యాక్సెస్ అన్ని అప్ నిర్మించడానికి అన్ని ఈ DOM ప్రాప్తిని కలిగి

259
00:16:30,400 --> 00:16:35,530
నేను ఈ నమూనా చేయవలసిన పనుల జాబితా ప్రాతినిధ్యం వెళుతున్న వంటి.

260
00:16:35,530 --> 00:16:39,130
మరియు నేను జావాస్క్రిప్ట్ను డెవలపర్ గా బాధ్యత రెడీ గమనించవచ్చు

261
00:16:39,130 --> 00:16:42,890
నేను సమకాలీకరణ కలిగి HTML మరియు JavaScript ఉంచడం కోసం.

262
00:16:42,890 --> 00:16:48,040
దానంతట అదే ఏదీ ఆ JavaScript ప్రాతినిధ్యం

263
00:16:48,040 --> 00:16:51,590
లేదా చేయవలసిన పనుల జాబితా HTML ను ముందుకు చేసుకోగా.

264
00:16:51,590 --> 00:16:54,000
ఏమీ నాకు తప్ప అమలు.

265
00:16:54,000 --> 00:16:56,880
నేను జాబితా ఫంక్షన్ చేయవలసిన డ్రా వ్రాయవలసి వచ్చేది.

266
00:16:56,880 --> 00:17:01,650
మరియు అర్థం I-ఉంటుంది, అది, అలా సమంజసం కాదు ఉండవచ్చు

267
00:17:01,650 --> 00:17:03,670
కానీ కొన్నిసార్లు దుర్భరమైన ఉండవచ్చు.

268
00:17:03,670 --> 00:17:08,190
మీరు ఒక పెద్ద ప్రాజెక్ట్ కలిగి ఉంటే, ఆ కష్టం కావచ్చు.

269
00:17:08,190 --> 00:17:10,720
>> ప్రణాళికలు, ముసాయిదాల ప్రయోజనాల్లో ఒకటి

270
00:17:10,720 --> 00:17:14,060
కారకం యొక్క ప్రక్రియ మరియు విధమైన బయటకు సరళీకృతం చేయడం

271
00:17:14,060 --> 00:17:16,950
ఈ సాధారణ నేను మీరు అనుకొనుట అని డిజైన్ నమూనాలను అంచనా

272
00:17:16,950 --> 00:17:20,700
ప్రజలు సాధారణంగా, డేటా ప్రాతినిధ్యం మార్గం రకమైన కలిగి

273
00:17:20,700 --> 00:17:25,599
ఆ చిత్రం సమాచారం లేదో, ఒక స్నేహితుల జాబితా కావచ్చు

274
00:17:25,599 --> 00:17:27,280
లేదా ఏదో లేదా ఒక చేయవలసిన పనుల జాబితా.

275
00:17:27,280 --> 00:17:30,660
కొంతమంది, సాధారణంగా సమాచారాన్ని సూచించడానికి ఒక మార్గం కలిగి

276
00:17:30,660 --> 00:17:33,650
మరియు వారు సాధారణంగా సమకాలీకరణ ఆ సమాచారం విధమైన ఉంచాలని అవసరం

277
00:17:33,650 --> 00:17:36,520
వినియోగదారుకు ఒకరకమైన చూస్తాడు మధ్య,

278
00:17:36,520 --> 00:17:39,850
మీరు ఉపన్యాసంలో భావించిన మోడల్ వీక్షణ నియంత్రిక వలె పరంగా మాట్లాడుతూ,

279
00:17:39,850 --> 00:17:45,400
ఆపై ఈ సందర్భంలో ఈ JavaScript శ్రేణి ఇది నమూనా.

280
00:17:45,400 --> 00:17:49,020
ప్రణాళికలు మాకు ఆ సమస్యను పరిష్కరించడానికి ఒక మార్గం ఇవ్వాలని.

281
00:17:49,020 --> 00:17:53,080
ఇప్పుడు జాబితా చేయవలసిన ఈ అమలు పరిశీలించి వీలు

282
00:17:53,080 --> 00:18:02,360
angularjs అనే ప్రణాళికలో.

283
00:18:02,360 --> 00:18:04,650
ఇదే. అది ఒక స్లయిడ్ న సరిపోయే గమనించవచ్చు.

284
00:18:04,650 --> 00:18:07,330
నేను ఎడమ మరియు కుడి స్క్రోల్ లేదు.

285
00:18:07,330 --> 00:18:10,460
ఆ బహుశా, ఒక ఫ్రేమ్ వర్క్ ఉపయోగించి సిఫార్సు ఒక గొప్ప కారణం కాదు

286
00:18:10,460 --> 00:18:20,120
కానీ నోటీసు నేను ఇక్కడ వ్యక్తిగత HTML మూలకాలు యాక్సెస్ చేస్తున్నాను?

287
00:18:20,120 --> 00:18:22,400
నేను ఎప్పుడూ DOM లోకి వెళ్తున్నాను?

288
00:18:22,400 --> 00:18:26,120
మీరు ఆ వంటి ఏదైనా document.getElementByID లేదా ఏదో చూస్తారు?

289
00:18:26,120 --> 00:18:29,870
సంఖ్య, ఆ అయిపోంది.

290
00:18:29,870 --> 00:18:35,590
>> కోణీయ మాకు DOM మరియు ఏదో మా జావాస్క్రిప్ట్ ప్రాతినిధ్యం ఉంచేందుకు సహాయపడుతుంది

291
00:18:35,590 --> 00:18:40,430
సమకాలీకరణ లో రకం, ఇది JS ఫైలు లేని అయితే

292
00:18:40,430 --> 00:18:46,790
programmatically ఆ HTML కంటెంట్ సంపాదించటం మార్గమే లేదు ఉంటే

293
00:18:46,790 --> 00:18:51,800
జావాస్క్రిప్ట్ నుండి ఎలా మేము సమకాలీకరణ ఈ ఉంచడం ఉన్నాయి?

294
00:18:51,800 --> 00:18:58,160
ఇది. JS ఫైలులో కాకపోతే, అది కుడి, HTML లో తీరవలసినదే?

295
00:18:58,160 --> 00:19:01,910
ఈ, HTML ఫైలు యొక్క కొత్త వెర్షన్

296
00:19:01,910 --> 00:19:04,660
మరియు మేము ఇక్కడ చాలా జోడించిన గమనించవచ్చు.

297
00:19:04,660 --> 00:19:11,110
Ng క్లిక్ మరియు ng-repeat చెప్పటానికి ఈ కొత్త లక్షణాలను ఉంది గమనించండి.

298
00:19:11,110 --> 00:19:15,650
డిజైన్ లో ఇబ్బందులు ఈ సమస్య పరిష్కరించడంలో కోణీయ విధానం

299
00:19:15,650 --> 00:19:19,130
ప్రాథమికంగా HTML మరింత శక్తివంతమైన చేయడానికి ఉంది.

300
00:19:19,130 --> 00:19:24,420
కోణీయ మీరు HTML కొంతవరకు ఎక్కువ వ్యక్తీకరించే అనుమతించటం ఒక మార్గం.

301
00:19:24,420 --> 00:19:30,520
ఉదాహరణకు, నేను ఈ టెక్స్ట్ బాక్స్ కట్టాలి లేదా కట్టుబడి వెళుతున్న చెప్పగలరు

302
00:19:30,520 --> 00:19:35,080
నా కోణీయ జావాస్క్రిప్ట్ కోడ్ లోపల ఒక వేరియబుల్ కు.

303
00:19:35,080 --> 00:19:37,030
ఈ ng నమూనా ఆ చేస్తుంది.

304
00:19:37,030 --> 00:19:41,550
ప్రాథమికంగా అని అంశం ఈ టెక్స్ట్ బాక్స్ లోపలి ఆ

305
00:19:41,550 --> 00:19:45,000
కేవలం వేరియబుల్ new_todo_description ఆ అనుబంధిస్తాము

306
00:19:45,000 --> 00:19:47,870
జావాస్క్రిప్ట్ కోడ్ లోపల.

307
00:19:47,870 --> 00:19:51,600
నేను స్పష్టంగా వెళ్ళడానికి లేదు ఎందుకంటే చాలా శక్తివంతమైన వార్తలు

308
00:19:51,600 --> 00:19:53,310
DOM ఆ సమాచారాన్ని పొందేందుకు.

309
00:19:53,310 --> 00:19:56,250
నేను document.getElementByID చెప్పటానికి లేదు.

310
00:19:56,250 --> 00:19:58,750
నేను DOM ప్రవేశ jQueries ఉపయోగించడానికి లేదు.

311
00:19:58,750 --> 00:20:03,280
నేను ఆ వేరియబుల్ మారినప్పుడు నేను ఒక వేరియబుల్ తో అనుబంధం, మరియు చేయవచ్చు

312
00:20:03,280 --> 00:20:07,400
జావాస్క్రిప్ట్ లోపల అది HTML తో sync లో ఉంచింది లో

313
00:20:07,400 --> 00:20:11,640
తద్వారా రెండు మధ్య ముందుకు వెనుకకు వెళ్ళడానికి కలిగి ప్రక్రియ సులభతరం.

314
00:20:11,640 --> 00:20:18,260
ఆ అర్ధవంతం లేదు?

315
00:20:18,260 --> 00:20:22,060
>> మరియు HTML యాక్సెస్ కోడ్ ఉంది గమనించవచ్చు.

316
00:20:22,060 --> 00:20:27,760
మేము కేవలం, HTML మరింత శక్తివంతమైన చేసిన

317
00:20:27,760 --> 00:20:32,070
మరియు ఇప్పుడు, ఉదాహరణకు, మేము, ఈ వంటి విషయాలను చేయగలము

318
00:20:32,070 --> 00:20:38,610
మీరు ఈ క్లిక్ చేసినప్పుడు, todos.js పరిధిలో ఈ ఫంక్షన్ కాల్ ఇష్టం,

319
00:20:38,610 --> 00:20:43,410
మరియు, ఈ ng నమూనా వంటి, మేము ముందు అలా, కానీ ఇతర విషయాలు ఉన్నాయి

320
00:20:43,410 --> 00:20:47,020
మరియు ఈ ng-repeat గమనించవచ్చు.

321
00:20:47,020 --> 00:20:51,520
మీరు ఈ ఏమి ఆలోచిస్తాడు?

322
00:20:51,520 --> 00:20:54,390
ఇక్కడ ముందు మా క్రమం జాబితా ఉంది.

323
00:20:54,390 --> 00:20:56,470
మేము ఉల్ ట్యాగ్లను కలిగి

324
00:20:56,470 --> 00:21:03,710
కానీ నేను ఎప్పుడూ జావాస్క్రిప్ట్ కోడ్ లోపల జాబితా అందించడానికి చేస్తున్నాను?

325
00:21:03,710 --> 00:21:09,280
నేను ఎప్పుడూ బహిరంగంగా జాబితా అందించడానికి కాదు.

326
00:21:09,280 --> 00:21:11,580
ఈ ఎలా పని చేస్తుంది?

327
00:21:11,580 --> 00:21:16,410
బాగా, వే కోణీయ ఈ రిపీటర్ పిలుస్తారు సాధించింది.

328
00:21:16,410 --> 00:21:22,760
సాధారణంగా ఈ నేను ఈ HTML ప్రింట్ మీరు చెప్పారు

329
00:21:22,760 --> 00:21:26,240
నా టొడోస్ అర్రే యొక్క ప్రతి todo లోపల కోసం.

330
00:21:26,240 --> 00:21:31,850
Todos.jr లోపలి ఒక టొడోస్ అర్రే, ఇక్కడే ఉంది

331
00:21:31,850 --> 00:21:37,910
మరియు ఈ ఆ శ్రేణి ద్వారా కోణీయ గో ఇత్సెల్ఫ్, మరియు ప్రతి మూలకం కోసం మీరు చూడండి

332
00:21:37,910 --> 00:21:41,390
నేను మీరు ఈ HTML ప్రింట్ మీరు.

333
00:21:41,390 --> 00:21:44,620
నేను దీన్ని కేవలం ఎందుకంటే ఇది అద్భుతం రకం

334
00:21:44,620 --> 00:21:47,760
లూప్ ఒక వ్రాయడానికి చేయకుండా,

335
00:21:47,760 --> 00:21:52,250
ఇది కోడ్ మాత్రమే 30 లైన్లు అని ఒక చేయవలసిన పనుల జాబితా కోసం

336
00:21:52,250 --> 00:21:54,700
అతి లాభదాయక విషయం కాకపోవచ్చు,

337
00:21:54,700 --> 00:22:01,240
మీరు ఒక పెద్ద ప్రాజెక్ట్ కలిగి ఉంటే కానీ, ఈ చాలా సౌకర్యవంతంగా పొందలేరు.

338
00:22:01,240 --> 00:22:06,100
>> ఈ HTML మరింత శక్తివంతమైన మేకింగ్, ఈ సమస్యకు ఒక పరిష్కారం,

339
00:22:06,100 --> 00:22:10,820
మరియు మాకు సమకాలీకరణ లో జావాస్క్రిప్ట్ మరియు HTML ఉంచడానికి అనుమతిస్తుంది.

340
00:22:10,820 --> 00:22:13,220
ఈ సమస్యను పరిష్కరించడానికి ఇతర సాధ్యమైన మార్గాలు ఉన్నాయి

341
00:22:13,220 --> 00:22:15,320
మరియు ప్రతి ఫ్రేమ్ ఈ లేదు.

342
00:22:15,320 --> 00:22:17,720
ప్రతి ఫ్రేమ్ ఈ తరహాలో పనిచేస్తుంది కాదు.

343
00:22:17,720 --> 00:22:19,490
కొన్ని చట్రాలు, వేర్వేరు విధానాలు

344
00:22:19,490 --> 00:22:23,310
మరియు మీరు ఇతర పైగా ఒక ఫ్రేమ్ లో కోడింగ్ సంతోషము కనుగొనవచ్చు.

345
00:22:23,310 --> 00:22:26,160
యొక్క ఒక మరింత చూద్దాం.

346
00:22:26,160 --> 00:22:30,060
ఈ వెన్నెముక అని ఒక ఫ్రేమ్ లో కోడ్ చేయవలసిన పనుల జాబితా ఉంది.

347
00:22:30,060 --> 00:22:33,250
నేను త్వరగా ఈ ద్వారా వెళ్ళడానికి వెళుతున్నాను.

348
00:22:33,250 --> 00:22:38,300
మేము అక్కడ వెళ్ళడానికి ముందు నేను HTML తో మొదలు పెడతారేమో.

349
00:22:38,300 --> 00:22:40,290
ఒక రెండవ.

350
00:22:40,290 --> 00:22:43,950
మీరు గమనించవచ్చు వంటి, HTML తో మొదలుపెట్టి, మా HTML చాలా పోలి ఉంటుంది

351
00:22:43,950 --> 00:22:50,000
ఆ ముందు ముందు, కాబట్టి చాలా క్రొత్తది ఏమి.

352
00:22:50,000 --> 00:22:55,410
కానీ మా JS ఫైలు కొద్దిగా భిన్నంగా ఉంటుంది.

353
00:22:55,410 --> 00:23:00,360
వెన్నెముకగా రకమైన ఈ ఆలోచన ఉంది, లేదా ఆలోచన చేస్తుంది

354
00:23:00,360 --> 00:23:04,750
మేము ఏం చాలా, చెప్పే ఆ, మా జావాస్క్రిప్ట్ ప్రాజెక్టులు

355
00:23:04,750 --> 00:23:09,110
నమూనాలు మరియు ఈ నమూనాలు సమాహారం గురించి ఆలోచించడం ఉంది.

356
00:23:09,110 --> 00:23:12,510
ఈ, ఉదాహరణకు, ఫోటోలను ఫోటో మరియు సేకరణలు కావచ్చు

357
00:23:12,510 --> 00:23:16,230
లేదా మిత్రుడు మరియు సేకరణలు ఆలోచన.

358
00:23:16,230 --> 00:23:20,700
మరియు తరచు మనం JavaScript అనువర్తనాలు ప్రోగ్రామింగ్ చేసినప్పుడు

359
00:23:20,700 --> 00:23:25,340
స్నేహితుల సేకరణ కలిగి ఆలోచన ప్రాతినిధ్యం మనం క్రమం ఉంటుంది

360
00:23:25,340 --> 00:23:29,500
ఏదో జావాస్క్రిప్ట్ లో, మరియు వెన్నెముక మాకు ఈ పొర ఇస్తుంది

361
00:23:29,500 --> 00:23:33,040
జావాస్క్రిప్ట్ యొక్క ఇప్పటికే ఉన్న శ్రేణులను మరియు వస్తువుల పైన

362
00:23:33,040 --> 00:23:38,300
మరింత సులభంగా తో మరింత శక్తివంతమైన పనులు.

363
00:23:38,300 --> 00:23:41,870
>> ఇక్కడ నేను, ఒక చేయవలసిన మోడల్ నిర్వచించిన చేసిన

364
00:23:41,870 --> 00:23:44,630
మరియు మీరు, సింటాక్స్ గురించి చాలా ఆందోళన లేదు

365
00:23:44,630 --> 00:23:48,730
కానీ ఏమి ఈ లక్షణాలను ఒకటి గమనించవచ్చు?

366
00:23:48,730 --> 00:23:53,190
ఇది ఒక డిఫాల్ట్ రంగంలో ఉంది.

367
00:23:53,190 --> 00:23:56,640
వెన్నెముక నాకు బ్యాట్ ఆఫ్ ఇప్పటికే తెలుపుటకు అనుమతించును

368
00:23:56,640 --> 00:24:00,190
నేను సృష్టించే చేయవలసిన ఏదైనా కొత్త ఈ డిఫాల్ట్ కలిగి వెళ్తున్నారు.

369
00:24:00,190 --> 00:24:04,100
ఇప్పుడు నేను ఈ అనుకూలీకరించవచ్చు కానీ డిఫాల్ట్ తెలుపుటకు ఉండటం సామర్థ్యం చేయవచ్చు

370
00:24:04,100 --> 00:24:07,220
nice ఉంది, మరియు ఈ వంటి ఏదో కాదు ఎందుకంటే ఇది అనుకూలమైన రకంగా

371
00:24:07,220 --> 00:24:10,430
జావాస్క్రిప్ట్ లో స్వాభావిక, మరియు ఇప్పుడు నేను స్పష్టంగా లేదు

372
00:24:10,430 --> 00:24:12,430
టొడోస్ అసంపూర్ణంగా చెప్తారు.

373
00:24:12,430 --> 00:24:19,190
నేను టొడోస్ అసంపూర్తిగా గుర్తించబడతాయి వెళ్తున్నారు ఆ కుడి బ్యాట్ ఆఫ్ చెప్పగలను.

374
00:24:19,190 --> 00:24:21,300
అప్పుడు గమనించవచ్చు ఈ ఏమిటి?

375
00:24:21,300 --> 00:24:25,520
ఇప్పుడు నేను ఒక చేయవలసిన పనుల జాబితా కలిగి, మరియు ఒక సేకరణ యొక్క.

376
00:24:25,520 --> 00:24:30,960
మోడల్ todo అని సంబంధం రంగంలో గమనించవచ్చు.

377
00:24:30,960 --> 00:24:33,390
ఇది వెన్నెముక చెప్పడం నా మార్గం

378
00:24:33,390 --> 00:24:37,350
నేను ఈ వ్యక్తి టొడోస్ సమాహారం గురించి ఆలోచిస్తూ వెళుతున్న వెబ్.

379
00:24:37,350 --> 00:24:42,140
ఈ ప్రాథమికంగా నా కార్యక్రమం కోసం నమూనా నిర్మాణం.

380
00:24:42,140 --> 00:24:44,980
ఇక్కడ నేను, ఒక సేకరణ ఈ ఆలోచన

381
00:24:44,980 --> 00:24:48,960
మరియు ప్రధానంగా ఆ సేకరణ కలిగి అంశాలు అన్ని, ఈ టొడోస్ ఉండాలి వెళ్తున్నారు

382
00:24:48,960 --> 00:24:51,910
మరియు ఈ కోణంలో చాలా సహజ ఉంది

383
00:24:51,910 --> 00:24:59,890
నేను ఎందుకంటే టొడోస్ కలిగి, మరియు నేను ఒక సేకరణ లో వాటిని కలిగి.

384
00:24:59,890 --> 00:25:02,940
>> యొక్క ఈ ఒక కొద్దిగా ఎక్కువ చూద్దాం.

385
00:25:02,940 --> 00:25:05,900
ఇక్కడ ఒక వెన్నెముక అభిప్రాయం.

386
00:25:05,900 --> 00:25:08,890
వెన్నెముక అని ఇతర విషయం అని

387
00:25:08,890 --> 00:25:14,660
మీరు గురించి లేదా సేకరణలు ఆలోచిస్తూ చేస్తున్న నమూనాలు చాలా

388
00:25:14,660 --> 00:25:19,150
ప్రదర్శించబడటం విధంగా కలిగి ఉండాలి వెళ్తున్నారు.

389
00:25:19,150 --> 00:25:21,900
మేము, పనుల ఆ అవరోధం అవసరం

390
00:25:21,900 --> 00:25:25,460
మేము ప్రతి మోడల్ కోసం అందించడానికి అని మరియు అది nice కాదు

391
00:25:25,460 --> 00:25:28,390
లేదా ప్రతి మోడల్ ఈ వీక్షణ అనుబంధిస్తాము

392
00:25:28,390 --> 00:25:34,020
మాకు అనుమతించే నేను రెండు కలిసి కనెక్ట్ అంచనా?

393
00:25:34,020 --> 00:25:38,320
ముందు అయితే మేము ద్వారా అమలు అయ్యే లూప్ ఒక ఉపయోగించడానికి కలిగి

394
00:25:38,320 --> 00:25:41,130
ప్రతి మా జాబితాలో todo మరియు అది ఇక్కడే ప్రింట్

395
00:25:41,130 --> 00:25:44,650
మేము ప్రధానంగా ఈ మోడల్ తో కనెక్ట్ చేయవచ్చు.

396
00:25:44,650 --> 00:25:47,550
ఈ ఒక చేయవలసిన అభిప్రాయం.

397
00:25:47,550 --> 00:25:50,550
ఈ మేము ముందు దొరకలేదు todo సంబంధం ఉంది.

398
00:25:50,550 --> 00:25:54,940
ఇప్పుడు ప్రతి todo ప్రదర్శించబడగలదు లేదా renderable ఉంది

399
00:25:54,940 --> 00:25:56,960
ఈ సంబంధిత చేయవలసిన.

400
00:25:56,960 --> 00:25:59,440
ఖాళీలను కొన్ని గమనించవచ్చు.

401
00:25:59,440 --> 00:26:05,880
మీరు, ఈ tagName ఉంది tagName ఏమి ఆలోచిస్తాడు: li?

402
00:26:05,880 --> 00:26:09,790
ఒక todo అవరోధం మేము కోరుకున్నారు ముందు గుర్తుంచుకో

403
00:26:09,790 --> 00:26:16,700
మేము ప్రత్యేకంగా ఈ li ట్యాగ్ తో మా టొడోస్ జత కలిగి ఉంటుంది.

404
00:26:16,700 --> 00:26:21,080
ఇప్పుడు మేము ఈ todo జీవించును ఉన్న ఆ చెబుతున్న దాన్ని

405
00:26:21,080 --> 00:26:25,250
ఒక li ట్యాగ్ లోపలి అవతరిస్తుంది.

406
00:26:25,250 --> 00:26:31,440
మరియు ఇప్పుడు మేము కూడా మా టొడోస్ తో ఈవెంట్స్ అనుబంధంతో చేస్తున్నారు.

407
00:26:31,440 --> 00:26:34,320
>> ప్రతి todo ఈ ఒక ఘటనను.

408
00:26:34,320 --> 00:26:38,480
మీరు అందంగా చాలా మార్చడానికి బటన్ను క్లిక్ చేస్తే, ఆ, నేను అక్కడ మాట్లాడుతూ వెబ్ ఏమిటి

409
00:26:38,480 --> 00:26:43,080
అప్పుడు ప్రధానంగా ఇది ముందు ఏమి వ్యతిరేకం గా todo గుర్తు

410
00:26:43,080 --> 00:26:45,890
ఆపై అప్లికేషన్ తిరిగి రెండర్.

411
00:26:45,890 --> 00:26:47,810
ఈ ముందు కోడ్ పోలి రకమైన ఉంది.

412
00:26:47,810 --> 00:26:50,730
మేము గాని సరసన లేదా దానిని మార్క్ ఉన్నప్పుడు గుర్తుంచుకో

413
00:26:50,730 --> 00:26:52,410
మరియు అప్పుడు మేము అది తిరిగి ఇవ్వబడుతుంది.

414
00:26:52,410 --> 00:26:57,750
కానీ ఇప్పుడు HTML లో ఏదో ఉపయోగపడేది ఈ ఈవెంట్ గమనించవచ్చు.

415
00:26:57,750 --> 00:26:59,640
అది కూర్చున్న.

416
00:26:59,640 --> 00:27:01,410
బటన్ పై క్లిక్ కలిగి.

417
00:27:01,410 --> 00:27:05,310
మీరు బటన్ క్లిక్ చేసినప్పుడు, అది రకమైన అంశాన్ని చేస్తుంది

418
00:27:05,310 --> 00:27:07,210
TODO పూర్తిగా ఆ ఏర్పాటు.

419
00:27:07,210 --> 00:27:11,180
ఇక్కడ మేము టోగుల్ బటన్ క్లిక్ చెయ్యడం సంఘటన సంబంధం చేసిన

420
00:27:11,180 --> 00:27:15,830
మరియు అది ఈ దృష్టితో ఆన్ లేదా ఆఫ్ కావచ్చు విపర్యయ.

421
00:27:15,830 --> 00:27:20,480
>> ఇది చాలా గట్టిగా కట్టుబడి ఉంది కనుక ఈ ఈవెంట్ ఏర్పాటు యొక్క ఒక nice మార్గం

422
00:27:20,480 --> 00:27:26,980
ఈ అభిప్రాయానికి, మరియు ఎక్కువ ఈ ఒక గమనించవచ్చు.

423
00:27:26,980 --> 00:27:31,050
నేను ఈ బట్వాడా పద్ధతి, మరియు మేము వివరాలను ద్వారా వెళ్ళడానికి లేదు.

424
00:27:31,050 --> 00:27:33,650
ఇది, మేము ముందు విధంగా రకమైన వార్తలు

425
00:27:33,650 --> 00:27:36,070
కానీ నేను ఏదైనా ద్వారా మళ్ళీ వెతికినా కాదు గమనించవచ్చు.

426
00:27:36,070 --> 00:27:40,700
నేను అన్ని మూలకాలు ప్రింట్ వెళుతున్న మాట్లాడుతూ విధమైన అని ఆ ఉల్ ట్యాగ్ ప్రింటింగ్ కాదు.

427
00:27:40,700 --> 00:27:46,610
నేను ఈ ఒక చేయవలసిన అంశం రెండరింగ్ కోసం కార్యాచరణను అందించే వెబ్.

428
00:27:46,610 --> 00:27:49,400
ఈ ఎందుకంటే ప్రాథమికంగా ఒక శక్తివంతమైన భావన

429
00:27:49,400 --> 00:27:53,600
మా చేయవలసిన పనుల జాబితా ఈ టొడోస్ కలిగి, మరియు మేము basically పేర్కొనవచ్చు ఉంటే

430
00:27:53,600 --> 00:27:56,890
ఆ టొడోస్ ఒకటి రెండర్ మార్గం

431
00:27:56,890 --> 00:28:04,230
అప్పుడు మేము సే ప్రతి మా శక్తివంతమైన వెన్నెముక కలిగి టొడోస్ అన్ని రెండర్

432
00:28:04,230 --> 00:28:07,760
వ్యక్తిగత టొడోస్ న రెండర్ విధానం కాల్.

433
00:28:07,760 --> 00:28:14,180
ఈ ఇక్కడ ఉపయోగకరంగా ఉంటుంది అని ఒక భావన ఉంది.

434
00:28:14,180 --> 00:28:18,160
ఇప్పుడు గోవా ఒక మంచి ప్రశ్న ఈ అప్లికేషన్ ఎలా కూర్చు ఉంది ఉంది?

435
00:28:18,160 --> 00:28:21,200
మేము ఒక todo రెండర్ సామర్థ్యం కలిగి, ఎందుకంటే

436
00:28:21,200 --> 00:28:23,860
కానీ ఎలా మేము బహుళ టొడోస్ ఆలోచన పొందుటకు లేదు?

437
00:28:23,860 --> 00:28:25,100
>> యొక్క ఆ పరిశీలించి లెట్.

438
00:28:25,100 --> 00:28:27,100
ఈ చివరి భాగం.

439
00:28:27,100 --> 00:28:29,740
మేము ఇక్కడ ఒక చేయవలసిన పనుల జాబితా వీక్షణ కలిగి గమనించవచ్చు,

440
00:28:29,740 --> 00:28:34,440
మరియు ఇది ఒక వ్యూ గమనించవచ్చు.

441
00:28:34,440 --> 00:28:36,970
మరియు కొన్ని విషయాలను పైగా వెళ్ళడానికి,

442
00:28:36,970 --> 00:28:45,280
మేము ఈ చేయవలసిన పనుల జాబితా సృష్టించేటప్పుడు ఈ ప్రారంభించును పద్ధతి అని ఉంటుంది.

443
00:28:45,280 --> 00:28:52,630
మీరు చూడగలరు గా, అది చేయవలసిన పనుల జాబితా సృష్టించడం మరియు ఈ దృష్టితో అది అనుబంధంతో వంటిది.

444
00:28:52,630 --> 00:28:57,860
మీరు ఒక జతచేయునప్పుడు ఆపై నేను ప్రధానంగా ఇక్కడ ఫంక్షన్లను అంశం-

445
00:28:57,860 --> 00:29:01,440
ఈ addItem పద్ధతి మాదిరిగానే ఉంటుంది మేము ముందు బల్ల

446
00:29:01,440 --> 00:29:07,430
నేను ఒక కొత్త todo వస్తువు సృష్టించడానికి, మరియు నేను నిజానికి కాల్ వెబ్ గమనించవచ్చు వెళుతున్నాను

447
00:29:07,430 --> 00:29:13,080
ఈ కొత్త todo పద్ధతి, అందువలన ఈ వెన్నెముక ద్వారా అందించబడుతుంది,

448
00:29:13,080 --> 00:29:16,010
మరియు నేను ఇక్కడ నా ఆస్తుల్లో తరలిస్తారు.

449
00:29:16,010 --> 00:29:23,710
మరియు ఇప్పుడు నేను ఈ ఉపయోగించి మీరు సృష్టించే ప్రతి todo మేము ముందు చూసిన కార్యాచరణను పొందుతారు.

450
00:29:23,710 --> 00:29:28,140
నేను టెక్స్ట్ బాక్స్ బయటకు క్లియర్ వెబ్ ముందు ఒక చిన్న చిన్న వివరం ప్రకటన

451
00:29:28,140 --> 00:29:32,900
ఆపై నేను ఈ సేకరణ జోడించడం వెబ్.

452
00:29:32,900 --> 00:29:37,630
>> ఈ దాదాపు అదృష్టము తెలుస్తోంది మేము ఆ todos.push చేయాలని ముందే ఎందుకంటే,

453
00:29:37,630 --> 00:29:43,310
ఆపై మేము జరిగింది, మరియు ఈ ప్రత్యేక ప్రాజెక్ట్ కోసం మరింత క్లిష్టంగా ఉండొచ్చు

454
00:29:43,310 --> 00:29:46,980
మరియు మీరు ఆ వెన్నెముక లేదా కోణీయ లేదా ఏ ఇతర ఫ్రేమ్ కనుగొనవచ్చు

455
00:29:46,980 --> 00:29:50,790
మీ ప్రాజెక్ట్ సరిపోయేందుకు, కానీ నేను దాని గురించి ఆలోచించడం ముఖ్యం భావిస్తున్నాను లేదు

456
00:29:50,790 --> 00:29:54,100
ఏమి ఈ పెద్ద ప్రాజెక్టులకు పెద్ద స్థాయిలో అంటే,

457
00:29:54,100 --> 00:29:56,610
ఎందుకంటే మేము ప్రాతినిధ్యం అక్కడ ఒక పెద్ద ప్రాజెక్ట్ కలిగి ఉంటే

458
00:29:56,610 --> 00:30:00,860
కొన్ని నిజంగా క్లిష్టమైన సేకరణ, కేవలం ఒక చేయవలసిన పనుల జాబితా కంటే లోతుగా ఏదో,

459
00:30:00,860 --> 00:30:04,490
యొక్క ఒక స్నేహితుల జాబితా లేదా అలాంటిదే అని పిలవబడు, ఈ ప్రయోజనం వస్తానని

460
00:30:04,490 --> 00:30:09,620
ఎందుకంటే మేము, ఒక నిజంగా అనుకూలమైన విధంగా మా కోడ్ నిర్వహించడానికి కాలేదు

461
00:30:09,620 --> 00:30:12,550
మరొకరి కోసం సులభం అని ఒక విధంగా

462
00:30:12,550 --> 00:30:16,820
ఎవరు మీద నిర్మించడానికి ఒక ప్రాజెక్ట్ను తీయటానికి కావలెను.

463
00:30:16,820 --> 00:30:21,450
మీరు ఈ నిర్మాణం చాలా అందించే చూడగలరు.

464
00:30:21,450 --> 00:30:26,580
ఆపై నేను ఈ addItem న రెండర్ కాల్ వెబ్.

465
00:30:26,580 --> 00:30:31,050
మీరు చూడగలరు గా, బట్వాడా, మరియు మీరు ఈ పూర్తి సింటాక్స్ అందుకొని గట్టిగా పట్టుకొను లేదు,

466
00:30:31,050 --> 00:30:37,790
కానీ ప్రధానంగా ప్రతి మోడల్ కోసం వ్యక్తుల రెండర్ విధానం కాల్ జరగబోతోంది.

467
00:30:37,790 --> 00:30:41,500
ఈ ఎక్కడి నుండి వస్తోందో ఆ విధమైన వార్తలు.

468
00:30:41,500 --> 00:30:44,140
కేవలం వ్యక్తిగత టొడోస్ రెండర్ ఎలా పేర్కొనాలి లెట్ యొక్క,

469
00:30:44,140 --> 00:30:47,310
ఆపై మొత్తం కలిసి గ్లూ వాటిని చేసుకుందాం.

470
00:30:47,310 --> 00:30:49,810
కానీ ఈ, నైరూప్యత యొక్క ఒక మార్గం అందిస్తుంది

471
00:30:49,810 --> 00:30:55,470
నేను వ్యక్తిగత టొడోస్ రెండర్ నిర్ణయించుకుంటారు మార్గాన్ని మార్చడానికి ఎందుకంటే,

472
00:30:55,470 --> 00:30:57,940
మరియు నేను ఈ కోడ్ యొక్క ఏ మార్చడానికి కాదు.

473
00:30:57,940 --> 00:31:00,700
ఆ రకమైన నిబ్బరమైనది.

474
00:31:00,700 --> 00:31:08,540
>> ఎవరైనా జావా స్క్రిప్ట్ ఫ్రేంవర్క్స్ గురించి ఏవైనా ప్రశ్నలు లేదు?

475
00:31:08,540 --> 00:31:14,310
[స్టూడెంట్ వినబడని ప్రశ్న]

476
00:31:14,310 --> 00:31:16,050
ఓహ్, ఖచ్చితంగా, ఒక గొప్ప ప్రశ్న.

477
00:31:16,050 --> 00:31:19,080
ప్రశ్న ఎలా నేను చట్రాలు ఉంటాయి ప్రగతిని?

478
00:31:19,080 --> 00:31:22,970
అత్యంత జావా స్క్రిప్ట్ ఫ్రేంవర్క్స్ basically కేవలం JS ఫైళ్లు

479
00:31:22,970 --> 00:31:25,740
మీరు మీ కోడ్ ఎగువన ఉన్నాయి చేసే.

480
00:31:25,740 --> 00:31:29,830
నేను అన్ని ఈ స్క్రిప్ట్ టాగ్లు నా HTML యొక్క తల భాగం లో గమనించవచ్చు,

481
00:31:29,830 --> 00:31:34,250
మరియు ఫైనల్ స్క్రిప్ట్ ట్యాగ్ మేము వ్రాసిన చేసిన కోడ్.

482
00:31:34,250 --> 00:31:38,820
ఆపై 3 ఫ్రేమ్ సంకేతాలు కేవలం స్క్రిప్ట్ టాగ్లు ఉన్నాయి.

483
00:31:38,820 --> 00:31:42,110
నేను, ఒక CDN అని ఏమి నుండి వాటిని కలుపుతున్నాను

484
00:31:42,110 --> 00:31:46,200
ఇది నాకు ఈ సమయంలో మరొకరి నుండి పొందుటకు అనుమతిస్తుంది

485
00:31:46,200 --> 00:31:57,930
కానీ ప్రతి ఫ్రేమ్ ఈ-మీరు అందంగా చాలా పొందవచ్చు ఉంది

486
00:31:57,930 --> 00:32:03,540
ఆ వంటి కొన్ని CDN లేదా ఏదో అందుబాటులో ప్రత్యేక జావాస్క్రిప్ట్ లైబ్రరీ కోసం,

487
00:32:03,540 --> 00:32:05,570
ఆపై మీరు ఈ స్క్రిప్ట్ టాగ్లు కలిగి ఉంటుంది.

488
00:32:05,570 --> 00:32:07,600
ఆ అర్ధవంతం లేదు?

489
00:32:07,600 --> 00:32:09,500
కూల్.

490
00:32:09,500 --> 00:32:11,730
>> ఆ 2 పరమైన విధానాలను.

491
00:32:11,730 --> 00:32:14,640
ఆ ఈ సమస్య పరిష్కరించడంలో మాత్రమే విధానాలు కావు.

492
00:32:14,640 --> 00:32:17,080
అనేక విషయాలు ఉన్నాయి

493
00:32:17,080 --> 00:32:19,490
ఎవరైనా అలా, మరియు చాలా ఫ్రేం వర్క్స్ అక్కడ ఉన్నాయి.

494
00:32:19,490 --> 00:32:23,300
కోణీయ మరియు వెన్నెముక మొత్తం కథను చెప్పవు.

495
00:32:23,300 --> 00:32:26,370
మీ చివరి ప్రాజెక్టులను అదృష్టం గుడ్, మరియు చాలా కృతజ్ఞతలు.

496
00:32:31,960 --> 00:32:35,000
[CS50.TV]