1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-AU: ყველა უფლება ყველას. 3 00:00:12,340 --> 00:00:13,520 მივესალმებით თავში მონაკვეთზე. 4 00:00:13,520 --> 00:00:15,315 ეს არის ჩვენი ბოლოსწინა ნაწილში. 5 00:00:15,315 --> 00:00:16,542 ეს ასე სამწუხარო. 6 00:00:16,542 --> 00:00:19,500 მე არ ვიცი რა მე ვაპირებ ამის გაკეთებას გარეშე ხედავს თქვენ ბიჭები ყოველ ორშაბათს. 7 00:00:19,500 --> 00:00:20,970 ვფიქრობ, ჩვენ უნდა just-- იქნებ ჩვენ შეგვეძლო უბრალოდ 8 00:00:20,970 --> 00:00:22,710 აქ გვხვდება და ვახშამი ან რამე. 9 00:00:22,710 --> 00:00:23,270 მე არ ვიცი. 10 00:00:23,270 --> 00:00:24,370 მე მოუტანს საკვები ნაცვლად. 11 00:00:24,370 --> 00:00:26,290 ჩვენ უბრალოდ გაიგო. 12 00:00:26,290 --> 00:00:29,900 მაგრამ არა, მომავალ კვირას, იქნება ჩვენი ბოლო მონაკვეთზე. 13 00:00:29,900 --> 00:00:32,390 >> რომ შენიშვნა, თქვენ გაქვთ ვიქტორინა მომავალ კვირას. 14 00:00:32,390 --> 00:00:35,660 მე ვიცი, მე დაავიწყდა ამის გაკეთება ჩემი, ისევე, ორი კვირის წინასწარ გაფრთხილების გასულ კვირას, 15 00:00:35,660 --> 00:00:39,140 მაგრამ იმედია, თქვენ ბიჭები იცოდა, რომ ეს მოდიოდა. 16 00:00:39,140 --> 00:00:42,880 იმედია ეს არის ერთ-ერთი ბოლო შუალედური თქვენ ბიჭები სემესტრის. 17 00:00:42,880 --> 00:00:46,950 მაგრამ ის აპირებს დაფარავს ყველა მასალა, რომელიც ჩვენ წავიდა. 18 00:00:46,950 --> 00:00:50,811 ასე რომ, ეს იმას არ ნიშნავს, რომ თქვენ შეგიძლიათ მხოლოდ დაგავიწყდეთ დაახლოებით ოთხი მარყუჟების ან ცვლადი. 19 00:00:50,811 --> 00:00:52,560 იმიტომ, რომ ჩვენ ვისწავლეთ იმ დასაწყისში, 20 00:00:52,560 --> 00:00:55,870 იმ აშკარად სამართლიანი თამაში თქვენი ვიქტორინა. 21 00:00:55,870 --> 00:01:00,150 >> ეს იქნება იგივე ფორმატის, იგივე სიგრძე, ასე რომ თქვენ უკვე შევეჩვიეთ. 22 00:01:00,150 --> 00:01:02,330 იქ იქნება კოდირების ხელით პრობლემები, 23 00:01:02,330 --> 00:01:06,270 იქნებ ზოგიერთი ჭეშმარიტი ყალბი, შესაძლოა, რამდენიმე მოკლე პასუხი. 24 00:01:06,270 --> 00:01:08,090 ასე რომ თქვენ უნდა იცნობს ფორმატში, 25 00:01:08,090 --> 00:01:10,940 მით პრაქტიკა ტესტები. 26 00:01:10,940 --> 00:01:13,950 მაგრამ როგორც ამბობენ აქ, კუმულატიური, მაგრამ ჩვენ აუცილებლად 27 00:01:13,950 --> 00:01:17,410 იქნება აქცენტი რამ კვირაში ექვსი მოყოლებული. 28 00:01:17,410 --> 00:01:24,050 ასე რომ, ჩვენ ალბათ არ აპირებს გკითხოთ რამდენი ბაიტი 29 00:01:24,050 --> 00:01:26,180 არიან თითოეული სახის ან იმ სახის ნივთები, 30 00:01:26,180 --> 00:01:29,730 მაგრამ ჩვენ ალბათ იქნება დაინტერესებული რამ, როგორიცაა უკავშირდება სიები 31 00:01:29,730 --> 00:01:32,750 ან სხვადასხვა მონაცემთა სტრუქტურები, ან სხვადასხვა ალგორითმები 32 00:01:32,750 --> 00:01:33,960 რომ ჩვენ ვისაუბრეთ. 33 00:01:33,960 --> 00:01:38,990 ასე რომ დარწმუნდით, თქვენ ნამდვილად up იმ, და თუ 34 00:01:38,990 --> 00:01:41,590 გჭირდებათ რაიმე რესურსები, აქ არის უამრავი რესურსი. 35 00:01:41,590 --> 00:01:44,790 უბრალოდ მისცა თქვენ სახის სწრაფ სია არსებობს. 36 00:01:44,790 --> 00:01:48,330 >> მომავალ კვირას იქნება ვიქტორინა განიხილავს ამ ხნის განმავლობაში. 37 00:01:48,330 --> 00:01:52,290 ასე რომ, თუ თქვენ გაქვთ რაიმე შეკითხვები ან კონკრეტულ თემებზე, 38 00:01:52,290 --> 00:01:56,180 კონკრეტული რამ, ვიქტორინა, რომ თქვენ მინდა წასვლა, გთხოვთ, 39 00:01:56,180 --> 00:02:01,780 გააგზავნოთ me ვადამდე ასე არ შემიძლია სახის მოამზადოს ზოგიერთი მასალა, რომ. 40 00:02:01,780 --> 00:02:06,310 და გარდა ამისა, ამ სექცია მიმოხილვა, ჩვენ გამოგიგზავნით 41 00:02:06,310 --> 00:02:09,616 ასევე ჩატარების რა თქმა უნდა ფართო განიხილავს, როგორც ჩვენ გავაკეთეთ ბოლო დროს. 42 00:02:09,616 --> 00:02:11,490 და ის იქნება კეთდება იგივე ადამიანი. 43 00:02:11,490 --> 00:02:13,030 მე არ ვიცი, თუ ეს რაც უკეთესი ან უარესი, 44 00:02:13,030 --> 00:02:15,670 მაგრამ ეს იქნება ჩემთვის, Hannah, Davan და Gabe ერთხელ. 45 00:02:15,670 --> 00:02:18,630 ასე რომ, თუ გსურთ მოდის ვხედავ ჩვენთვის ყველა banter ერთმანეთს 46 00:02:18,630 --> 00:02:21,270 და ფეხით თქვენ მეშვეობით ვიქტორინა მიმოხილვა, თქვენ უნდა აუცილებლად 47 00:02:21,270 --> 00:02:22,600 მოვიდა, რომ მომავალ ორშაბათს ასევე. 48 00:02:22,600 --> 00:02:26,210 ასე რომ თქვენ უბრალოდ უნდა Monday jam შეფუთული Quiz მიმოხილვა, რომელიც არის კარგი 49 00:02:26,210 --> 00:02:29,840 რადგან მაშინ უნდა სამშაბათი დამუშავებას მეშვეობით ყველაფერს. 50 00:02:29,840 --> 00:02:32,230 >> მაგრამ ნამდვილად შეამოწმოთ ეს რესურსები. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net არის შორს, მე ვფიქრობ, ერთ-ერთი ყველაზე სასარგებლო, 52 00:02:36,030 --> 00:02:37,990 ძირითადად იმიტომ, რომ მას აქვს უამრავი ნიმუში კოდი, 53 00:02:37,990 --> 00:02:40,490 მას აქვს ყველა Power ქულები ყველა აღნიშნავს, რომ, 54 00:02:40,490 --> 00:02:44,510 რომლებიც მართლაც, რაც მე მიაპყროს ყველაზე ჩემი მონაკვეთზე მასალების. 55 00:02:44,510 --> 00:02:47,480 თუ არსებობს რამე წინა სექციები, რომ მე შეიძლება არ იგზავნება out 56 00:02:47,480 --> 00:02:49,920 რომ თქვენ შეიძლება არ აქვს მიღებული, უბრალოდ ნება მომეცით ვიცი. 57 00:02:49,920 --> 00:02:52,520 როგორც გასულ კვირას ნიმუში კოდი, თუ ვინმეს არ მიიღოს, 58 00:02:52,520 --> 00:02:55,930 მხოლოდ მომაწოდეთ ან მოდის talk to me, და მე დარწმუნდით, რომ თქვენ, რომ. 59 00:02:55,930 --> 00:03:02,000 >> ასე რომ, დღეს ჩვენ ვაპირებთ იყოს ლაპარაკი JavaScript. 60 00:03:02,000 --> 00:03:04,690 ასე რომ აქ ჩვენ ტომი, რომელიც მე ვიყავი მხოლოდ საუბარი ღამით. 61 00:03:04,690 --> 00:03:06,670 მე მიყვარს ტომი. 62 00:03:06,670 --> 00:03:09,040 JavaScript არის მისი საყვარელი ენის, როგორც თავად ამბობს აქ. 63 00:03:09,040 --> 00:03:14,050 ისინი ცდილობენ და გითხრათ, რომ ეს არ არის საუკეთესო, და ისინი იქნება არასწორი. 64 00:03:14,050 --> 00:03:16,510 ასე Tommy არის JavaScript ოსტატი. 65 00:03:16,510 --> 00:03:19,850 მე არ ვარ საკმაოდ მის დონეზე, მაგრამ მე, როგორც, 66 00:03:19,850 --> 00:03:22,900 "Tommy, როგორ შემიძლია ასწავლიან ეს ბავშვები JavaScript? " 67 00:03:22,900 --> 00:03:26,700 ამიტომ მე მივიღე რამდენიმე რჩევა, რათა იმედია ისინი შეიმუშავებენ. 68 00:03:26,700 --> 00:03:31,140 >> ასე რამდენიმე რამ უნდა იცოდეს, რომ JavaScript არის კლიენტის მხარეს სკრიფტინგის 69 00:03:31,140 --> 00:03:35,560 ენის, ასე, მაშინ PHP არის რაღაც რომ ჩვენ განიხილება უფრო სერვერული, 70 00:03:35,560 --> 00:03:39,280 იგი ატვირთეთ სერვერზე, შედგენილი და შესრულებული არსებობს. 71 00:03:39,280 --> 00:03:42,871 ეს ერთი არის შესრულებული საკუთარი მანქანა. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 ასე რომ თქვენ ჩატვირთოს ზოგიერთი JavaScript გვერდი, და იგი ახორციელებს თქვენი მანქანა. 74 00:03:46,960 --> 00:03:49,910 სინტაქსი ძალიან ჰგავს C და PHP. 75 00:03:49,910 --> 00:03:52,490 ჩვენ ვაპირებთ გავლა გარკვეული მაგალითები JavaScript, 76 00:03:52,490 --> 00:03:56,740 და თქვენ ვაპირებთ, რომ გზა ვსაუბრობთ ცვლადები, მარყუჟების, 77 00:03:56,740 --> 00:03:58,910 პირობები და ყველა ძალიან ჰგავს. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 ის ფაქტი, რომ ისინი იმდენად მსგავსია არის ალბათ აპირებს გამგზავრებას, ზოგიერთ თქვენგანს 80 00:04:04,490 --> 00:04:08,529 up, ზოგიერთ შემთხვევაში, მხოლოდ იმიტომ, თქვენ ითვალისწინებდეს ცოტა C 81 00:04:08,529 --> 00:04:09,570 იქ, სადაც არ უნდა იყოს. 82 00:04:09,570 --> 00:04:14,130 იქნებ ცდილობენ და აკრიფოთ რაღაც როდესაც ეს არ უნდა იყოს აკრეფილი. 83 00:04:14,130 --> 00:04:16,540 >> და რომ, ერთი რამ ვიცი, რომ JavaScript 84 00:04:16,540 --> 00:04:19,360 არის დინამიურად აკრეფილი ენა, როგორც PHP. 85 00:04:19,360 --> 00:04:21,410 ასე რომ, თუ ბიჭები გახსოვთ საწყისი მონაკვეთზე გასულ კვირას, 86 00:04:21,410 --> 00:04:23,680 როდესაც ჩვენ ვიყავით სახის აკეთებს ჩვენი PHP crash რა თქმა უნდა, 87 00:04:23,680 --> 00:04:28,860 დავინახეთ, string ერთი შეიძლება იყოს გადაიქცა int ერთი, და სხვ. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 გაცნობის თქვენი ცვლადები განისაზღვრება პერსპექტივაში დრო, 90 00:04:34,850 --> 00:04:38,180 ასე რომ, ისინი შეიძლება შეიცვალოს რა თქმა უნდა, პროგრამა, 91 00:04:38,180 --> 00:04:43,109 და იმ გზით, რომ ჩვენ არასოდეს ნამდვილად განაცხადოს ტიპის PHP ცვლადები, 92 00:04:43,109 --> 00:04:45,900 ჩვენ ვაპირებთ, რომ აკეთებს იგივე რამ აქ, სადაც ჩვენ ნამდვილად არ 93 00:04:45,900 --> 00:04:49,740 მაკონტროლებელი ტიპის ცვლადები, ასე ვთქვათ, როგორიცაა ვაკეთებთ C. 94 00:04:49,740 --> 00:04:52,200 >> და მაშინ ერთი რამ რომ არის საკმაოდ გრილი არის 95 00:04:52,200 --> 00:04:54,090 რომ თქვენ შეგიძლიათ შეცდომა შეამოწმეთ გავლით console, 96 00:04:54,090 --> 00:04:57,240 ამ დიდი ფუნქცია CONSOLE.LOG, რომელიც 97 00:04:57,240 --> 00:05:00,930 საშუალებას გაძლევთ ამობეჭდოთ სხვადასხვა ცვლადები ან ობიექტების, რომ ჩვენ ყველაფერს 98 00:05:00,930 --> 00:05:01,750 ვისაუბროთ. 99 00:05:01,750 --> 00:05:05,720 ისევე, როგორც გასულ კვირას, როდესაც მე ვიყავი როგორიცაა, "გამოიყენოს ეს ფუნქცია," ნაგავსაყრელი 100 00:05:05,720 --> 00:05:10,490 თქვენი pset, ეს არის ფუნქცია გსურთ გამოიყენოთ, CONSOLE.LOG. 101 00:05:10,490 --> 00:05:12,860 ისე გამიკვირდა, რამდენი სტუდენტები ოფისში საათი 102 00:05:12,860 --> 00:05:14,530 არ ვიცი ამის შესახებ ნაგავსაყრელი ფუნქცია. 103 00:05:14,530 --> 00:05:19,010 მე კი, როგორიცაა, "ბიჭები, ამ ნების თქვენი ცხოვრება იმდენად ადვილი. " 104 00:05:19,010 --> 00:05:22,960 >> ყველა უფლება, ასე რომ იყო სახის მხოლოდ მოკლე რამ, როგორც ყოველთვის, 105 00:05:22,960 --> 00:05:24,000 ჩვენ გვაქვს მაგალითები. 106 00:05:24,000 --> 00:05:25,600 მე ვიცი, თქვენ ბიჭები მიყვარს იმ. 107 00:05:25,600 --> 00:05:30,930 ასე რომ, აქ არის მაგალითი ძალიან მარტივი JavaScript ფაილი აქ. 108 00:05:30,930 --> 00:05:34,000 ასე რომ, ეს მხოლოდ აპირებს შექმნას ამ pop-up, რომელიც ამბობს, 109 00:05:34,000 --> 00:05:36,336 "Hello World", როდესაც თქვენ შესვლის გვერდზე, მაგრამ მოდით 110 00:05:36,336 --> 00:05:37,960 ცდილობენ და გავლა ამ ცოტა. 111 00:05:37,960 --> 00:05:43,440 ასე რომ, ცხადია, რომ ეს არის მხოლოდ როგორიცაა თქვენი ნორმალური index.html. 112 00:05:43,440 --> 00:05:50,280 ასე რომ, მხოლოდ ჩვენი ნორმალური template აქ, და ჩვენ გვაქვს HTML, ჩვენ გვაქვს ჩვენი უფროსი, 113 00:05:50,280 --> 00:05:55,580 და ისევე, როგორც CSS, თუ როგორ ჩვენ მათ შორის ზოგიერთი გარეთ ფაილი, არა? 114 00:05:55,580 --> 00:05:59,260 ჩვენ გვაქვს გარკვეული script type ტექსტი, რომელიც JavaScript. 115 00:05:59,260 --> 00:06:02,680 და წყაროს hello.js, რომელიც ქვემოთ აქ. 116 00:06:02,680 --> 00:06:05,630 ეს არის მთელი ფაილი hello.js. 117 00:06:05,630 --> 00:06:09,080 და მაშინ ჩვენ გვაქვს სათაური და ზოგიერთი ორგანოს HTML 118 00:06:09,080 --> 00:06:11,050 რომ ჩვენ არ აინტერესებს. 119 00:06:11,050 --> 00:06:15,970 >> რა ხდება, როდესაც ჩვენ ჩატვირთვა ამ გვერდზე, ეს ავტომატურად ახორციელებს ამ სკრიპტის. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 ასე JavaScript იქნება შეასრულოს ავტომატურად. 122 00:06:18,790 --> 00:06:22,860 ამიტომ რასაც ის აპირებს ამის გაკეთებას, ის აპირებს მაშინვე წასვლა და შეასრულოს ეს. 123 00:06:22,860 --> 00:06:24,110 და ის აპირებს ამბობენ, "მზადყოფნაში. 124 00:06:24,110 --> 00:06:25,190 Hello World ". 125 00:06:25,190 --> 00:06:30,840 რომელიც alert ფუნქცია რეალურად ქმნის ამ ყუთში. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 ასე რომ, ეს სახის ყველა მოიცავდეს. 128 00:06:33,390 --> 00:06:36,700 იქ არაფერი ზედმეტი გვქონდა უნდა გავაკეთოთ, გარდა უბრალოდ alert, 129 00:06:36,700 --> 00:06:40,000 და მაშინ ის რაც გვინდოდა ჩვენს Alert ყუთში. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 ასე რომ, ეს მხოლოდ სუპერ მარტივი მაგალითად, თუ რა JavaScript შეუძლია გააკეთოს. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> ერთი ნამდვილად cool რამ, როგორც ვნახავთ, 134 00:06:50,070 --> 00:06:55,150 ის არის, რომ JavaScript საშუალებას გაძლევთ მანიპულირების თქვენი ვებ გვერდები, 135 00:06:55,150 --> 00:06:57,720 გარეშე განაახლეთ მათ ყოველ ჯერზე. 136 00:06:57,720 --> 00:07:01,830 ასე რომ, თუ თქვენ want-- მაგალითად, თუ თქვენ სოფოს რაღაც, 137 00:07:01,830 --> 00:07:04,300 თუ ბიჭები ოდესმე ჩანს, როგორიცაა მენიუ ბარები, 138 00:07:04,300 --> 00:07:07,360 ან როდესაც თქვენ hover მეტი ზოგიერთი თემის, ჩამოსაშლელი მენიუ, როგორც ჩანს, 139 00:07:07,360 --> 00:07:08,670 ეს იმიტომ, რომ JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 ასე რომ თქვენ არ გადატვირთვა მთელი გვერდი მისაღებად ამ მენიუში გამოჩნდება, 142 00:07:12,670 --> 00:07:17,240 თქვენ მხოლოდ ეძებს გარკვეულ ქმედება, რომელიც მომხმარებელს აქვს მიღებული, 143 00:07:17,240 --> 00:07:21,800 რომლებიც მოუწოდა მოვლენები, რომ მივიღებთ შევიდა, და კიდევ, რომ, თქვენ ამბობთ, 144 00:07:21,800 --> 00:07:25,960 "OK, შეცვალონ რამე ამ გვერდზე და რათა ის გამოიყურება სხვადასხვა, 145 00:07:25,960 --> 00:07:28,270 მაგრამ მხოლოდ შეცვალონ ამ კონკრეტული რამ. 146 00:07:28,270 --> 00:07:29,690 არ გადატვირთვა მთელი რამ. " 147 00:07:29,690 --> 00:07:33,110 ასე რომ რეალურად გაცილებით გავალამაზოთ და თქვენ არ გაქვთ განაახლეთ თქვენი გვერდები, 148 00:07:33,110 --> 00:07:34,510 და ეს მართლაც მაგარი. 149 00:07:34,510 --> 00:07:38,270 >> ასე ცვლადი დეკლარაციების, ასე რომ თქვენ შეგიძლიათ სახის ვხედავ, 150 00:07:38,270 --> 00:07:40,530 მე დააყენა აქ, თავისუფლად აკრეფილი. 151 00:07:40,530 --> 00:07:42,570 ასე რომ, ეს ძალიან ჰგავს PHP. 152 00:07:42,570 --> 00:07:48,770 ჩვენ არ უნდა ვუთხრათ JavaScript რა ტიპის ჩვენ 153 00:07:48,770 --> 00:07:50,740 ველოდებით თითოეულ ამ ცვლადის იყოს. 154 00:07:50,740 --> 00:07:52,560 ისინი შეიძლება იყოს ნებისმიერი სახის გვინდა. 155 00:07:52,560 --> 00:07:57,480 ასე რომ თქვენ შეამჩნევთ, რომ ამ შემთხვევაში, ჩვენ ვაცხადებთ მათ ძალიან მარტივად, მხოლოდ "var" 156 00:07:57,480 --> 00:08:00,990 და შემდეგ, რაც ჩვენ გვინდა ჩვენი ცვლადის სახელი უნდა იყოს. 157 00:08:00,990 --> 00:08:05,680 ერთი რამ აღვნიშნო, რომ როდესაც თქვენ ბოლო var თვალწინ ცვლადი სახელი, 158 00:08:05,680 --> 00:08:07,520 იგი ადგილობრივად მასშტაბით იგი. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 ეს სრულიად გონივრული თქვენთვის მთლიანად უბრალოდ წაშალოს var 161 00:08:14,025 --> 00:08:18,970 და უბრალოდ ტოლია CS50, და რომ მხოლოდ გლობალური ცვლადი. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 ასე რომ თქვენ შეგიძლიათ ინიციალიზაცია ორივე გზა, უბრალოდ დამოკიდებულია, თუ როგორ გსურთ. 164 00:08:22,490 --> 00:08:24,448 ასე რომ, თუ თქვენ ინიციალიზაციისას ის ფარგლებში ფუნქცია, 165 00:08:24,448 --> 00:08:28,070 და გსურთ, რომ ცვლადი დარჩენა scoped ფარგლებში, რომ ფუნქცია, 166 00:08:28,070 --> 00:08:31,620 თქვენ აპირებს გსურთ რაღაც var ასახელებს ცვლადი, 167 00:08:31,620 --> 00:08:34,270 წინააღმდეგ თუ გსურთ, გლობალური scoped, თქვენ 168 00:08:34,270 --> 00:08:36,240 შეგიძლიათ უბრალოდ სახელი ცვლადი და მაშინ 169 00:08:36,240 --> 00:08:38,270 რასაც თქვენ მინდა ეს მითითებული ტოლია. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> ეს არის ერთგვარი მაგარი რამ ქვემოთ აქ, იმიტომ, რომ თუ ჩვენ შეამჩნევთ ჩვენი ცვლადი 172 00:08:45,580 --> 00:08:47,590 ბ იწყება, როგორც ნამდვილი. 173 00:08:47,590 --> 00:08:51,280 და რა ეს იმას საიტიდან ვინმეს მითხრათ რა ეს იმას? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 ასე რომ, ჩვენ გვაქვს alert. 176 00:08:55,890 --> 00:09:00,156 რა იქნებოდა ტიპის ბ იყოს დასაწყისში? 177 00:09:00,156 --> 00:09:00,905 აუდიტორია: ლოგიკური. 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-AU: ლოგიკური. 179 00:09:01,330 --> 00:09:01,940 უფლება. 180 00:09:01,940 --> 00:09:07,260 და მაშინ ჩვენ reassign b ამ სტრიქონს, არა? 181 00:09:07,260 --> 00:09:11,170 ასე შემდეგ აქ, რა ტიპის ბ იყოს? 182 00:09:11,170 --> 00:09:12,480 ეს მინდა იყოს სიმებიანი, არა? 183 00:09:12,480 --> 00:09:14,900 ასე რომ, რა მნიშვნელოვანია შეტყობინება, რომ გ, ჩვენ 184 00:09:14,900 --> 00:09:17,330 შეიძლება თითქმის არასდროს არ რაღაც ამის მსგავსი. 185 00:09:17,330 --> 00:09:22,000 ჩვენ გვინდა აქვს ცვლადი, მიცემული, როგორც რაღაც, 186 00:09:22,000 --> 00:09:27,185 იქნებ რაღაც ფუნქცია აქვს ორი i, წავიდეთ, ბრალდების რიცხვი. 187 00:09:27,185 --> 00:09:31,063 მაგრამ თუ ჩვენ შეამჩნევთ აქ, ბ ძალიან ადვილად ცვლის ტიპის. 188 00:09:31,063 --> 00:09:33,760 >> აუდიტორია: დაველოდოთ, ასე რომ თქვენ შეგიძლიათ მხოლოდ იყოს, როგორიცაა, "რათა b რიცხვი?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON BUCHHOLTZ-AU: ჰო. 190 00:09:34,360 --> 00:09:36,185 თქვენ შეგიძლიათ მხოლოდ reassign b რიცხვი. 191 00:09:36,185 --> 00:09:36,910 >> აუდიტორია: მართლა? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON BUCHHOLTZ-AU: ჰო. 193 00:09:38,035 --> 00:09:39,810 და მაშინ ეს იქნება int. 194 00:09:39,810 --> 00:09:43,820 ასე რომ თქვენი ცვლადები შეიძლება შეიცვალოს მეტი რა თქმა უნდა, პროგრამა ძალიან. 195 00:09:43,820 --> 00:09:46,410 ისინი არ არიან მკაცრად აკრეფილი. 196 00:09:46,410 --> 00:09:49,180 ეს არის ძალიან თავისუფლად აკრეფილი. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 ძირითადად თქვენი ცვლადები შეუძლია გააკეთოს, რასაც მათ სურთ, როგორც ჩვენ სახის დაინახა PHP. 199 00:09:54,820 --> 00:09:59,430 მათ შეუძლიათ ამის ზოგიერთი გიჟები რამ, ასე მნიშვნელოვანია, რომ იყოს საკმაოდ ფრთხილად. 200 00:09:59,430 --> 00:10:01,200 დაასახელოთ თქვენი ცვლადები კარგად. 201 00:10:01,200 --> 00:10:03,450 თუ არ, უეცრად თქვენ აპირებს იყოს, როგორიცაა, 202 00:10:03,450 --> 00:10:05,783 "დაველოდოთ, მე ვფიქრობდი, რომ ეს იყო სიმებიანი და ახლა ეს int, 203 00:10:05,783 --> 00:10:08,170 და მე ნამდვილად არ ვიცი რა ხდება აქ. " 204 00:10:08,170 --> 00:10:12,410 ეს არის მხოლოდ მარტივი მაგალითია, გვიჩვენებს, თუ როგორ ცვლადი შეგიძლიათ მარტივად 205 00:10:12,410 --> 00:10:15,890 შეცვალოს მისი ტიპის მეტი რა თქმა უნდა, პროგრამა. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 ასე რომ, ეს უნდა გამოიყურებოდეს სუპერ, სუპერ იცნობს. 208 00:10:19,200 --> 00:10:21,510 ასე რომ, ეს არის ჩვენი მარყუჟების JavaScript. 209 00:10:21,510 --> 00:10:27,780 ისინი ზუსტად იგივე, გარდა ნაცვლად ოთხი int i ნულის ტოლია, 210 00:10:27,780 --> 00:10:30,470 შეიძლება უბრალოდ, ვამბობთ var i ნულის ტოლია. 211 00:10:30,470 --> 00:10:34,100 და შემდეგ ჩვენ შეგვეძლო ჩვენი ასეთივე მდგომარეობა, იგივე სახის განახლება, 212 00:10:34,100 --> 00:10:36,090 i plus plus მუშაობს მხოლოდ ჯარიმა. 213 00:10:36,090 --> 00:10:39,800 ასე fours იგივეა, whiles იგივეა, 214 00:10:39,800 --> 00:10:41,440 და ნუ whiles ზუსტად იგივე. 215 00:10:41,440 --> 00:10:44,070 იგივე სახის ზოგადად ფორმატში. 216 00:10:44,070 --> 00:10:48,840 შევნიშნავთ, ოთხი, ფრჩხილებში, ფრჩხილებში, ეს ყველაფერი იგივე. 217 00:10:48,840 --> 00:10:51,470 ასევე იქნება semicolons როდესაც ჩვენ ვიღებთ მაგალითად კოდი. 218 00:10:51,470 --> 00:10:55,250 თქვენ დაინახავთ, რომ ეს არის საკმაოდ ბევრად იგივე, გ. 219 00:10:55,250 --> 00:10:59,770 >> ფუნქცია დეკლარაციებს, კიდევ ერთხელ, ძალიან ჰგავს. 220 00:10:59,770 --> 00:11:05,100 ჩვენ გვაქვს რამდენიმე ფუნქცია, რომელიც მხოლოდ ამბობს, რომ ეს ფუნქცია, და მაშინ 221 00:11:05,100 --> 00:11:07,660 სახელი ჩვენი ფუნქცია და საშუალებებით. 222 00:11:07,660 --> 00:11:11,590 და ისევ, თუ ვამჩნევთ, ჩვენ არ მაქვს სახის აქ განაწილებაზე. 223 00:11:11,590 --> 00:11:12,090 არა? 224 00:11:12,090 --> 00:11:18,150 ჩვენ არაფერი გვაქვს და განაცხადა, რომ ამ უნდა იყოს ints ან ორადგილიანი, ან მოძრავი. 225 00:11:18,150 --> 00:11:19,530 ისინი შეიძლება იყოს რაც მათ სურთ. 226 00:11:19,530 --> 00:11:23,560 რაც მთავარია არის ის დაენახა, რომ ჩვენ უნდა დაწეროთ ფუნქცია წინასწარ 227 00:11:23,560 --> 00:11:26,430 ნება JavaScript ვიცი, რომ ეს არის რეალურად ფუნქცია. 228 00:11:26,430 --> 00:11:29,820 >> ეს არის მხოლოდ რამდენიმე მარტივი თანხა ფუნქცია, რომელიც ბრუნდება x ან y, 229 00:11:29,820 --> 00:11:33,800 და მერე რა არის ასევე cool არის, რომ თქვენ შეგიძლიათ რეალურად 230 00:11:33,800 --> 00:11:35,950 მივანიჭოთ ფუნქცია ცვლადი. 231 00:11:35,950 --> 00:11:41,770 ასე რომ, ამ შემთხვევაში, თანხა არის ფუნქცია, რომელიც რეალურად არ თანხა. 232 00:11:41,770 --> 00:11:47,740 ასე რომ, თუ თქვენ შეამჩნევთ აქ, ჩვენ გვაქვს ფუნქცია, სახელი ფუნქცია, საშუალებებით. 233 00:11:47,740 --> 00:11:48,860 არა? 234 00:11:48,860 --> 00:11:52,120 აქ ჩვენ უბრალოდ უნდა ფუნქცია და საშუალებებით. 235 00:11:52,120 --> 00:11:54,310 ასე რომ, ეს ეწოდება ანონიმური ფუნქცია. 236 00:11:54,310 --> 00:11:59,265 და ეს არის ის, რომ უნდა იყოს ახალი ყველაზე მეტად თქვენ ბიჭები, თუ არა ყველა თქვენგანს. 237 00:11:59,265 --> 00:12:01,140 ასე რომ, ძირითადად, რა, რომ იმას ნიშნავს, რომ ჩვენ არ 238 00:12:01,140 --> 00:12:03,050 უნდა სახელით ჩვენი ფუნქცია ამ შემთხვევაში. 239 00:12:03,050 --> 00:12:06,260 შეგვიძლია ვთქვათ, უბრალოდ, "OK, მე ვაპირებ ამ ფუნქციას, რომელიც ახორციელებს, აქ 240 00:12:06,260 --> 00:12:08,550 არიან მისი საშუალებებით, და აქ არის რასაც ის გაკეთებას აპირებს. " 241 00:12:08,550 --> 00:12:12,540 და განსაკუთრებით მაშინ, როდესაც თქვენ მინიჭების ფუნქცია ზოგიერთი ცვლადის 242 00:12:12,540 --> 00:12:14,950 რომ თქვენ აპირებს მანიპულირება, თქვენ არ არის აუცილებელი 243 00:12:14,950 --> 00:12:17,116 უნდა დაასახელოს ეს იმიტომ, თქვენ იქნება მხედველობაში 244 00:12:17,116 --> 00:12:20,990 მას ამ ცვლადი სახელი, არ ნებისმიერი 245 00:12:20,990 --> 00:12:22,840 ფუნქცია იყო რეალურად მოუწოდა. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> ასე რომ, თუ ჩვენ ვხედავთ აქ, ჩვენ აქვს რამდენიმე ცვლადი თანხა ახლა 248 00:12:27,810 --> 00:12:30,920 რომ არის ტოლი თანხა სამი და ხუთი. 249 00:12:30,920 --> 00:12:33,070 და ჩვენ კიდევ ეს. 250 00:12:33,070 --> 00:12:36,750 და ეს მხოლოდ გარკვეული alert, სამი პლუს ხუთი ტოლია ნომერი. 251 00:12:36,750 --> 00:12:43,950 ამ პლუს უბრალოდ concatenate რასაც ჩვენი პასუხი იყო onto სიმებიანი. 252 00:12:43,950 --> 00:12:47,420 ასევე cool, პლუს შეგიძლიათ concatenate სიმები. 253 00:12:47,420 --> 00:12:53,510 >> JavaScript, როგორც PHP, HTML და CSS როგორც ვთქვით, 254 00:12:53,510 --> 00:12:56,450 ბევრი ეს ჩვენ სახის მიღების სასწავლო დისკები off აქ 255 00:12:56,450 --> 00:13:02,030 და თქვენ ბიჭები გვყავს ძალიან ბევრი ვიცი როგორ მესმის ეს ყველაფერი. 256 00:13:02,030 --> 00:13:04,280 ისინი ოდნავ განსხვავებული, მაგრამ ისინი არც ისე უცხოური 257 00:13:04,280 --> 00:13:09,460 და, რომ თქვენ ვერ Google რამ ან შეხედეთ მათ ონლაინ w3 სკოლებში. 258 00:13:09,460 --> 00:13:12,755 და ჩვენ ნამდვილად ველოდებით თქვენ ბიჭები, სახის, ექსპერიმენტი 259 00:13:12,755 --> 00:13:14,400 და ვისწავლოთ საკუთარი. 260 00:13:14,400 --> 00:13:19,490 ასე რომ, მე ვიცი, ეს შეიძლება, როგორც ჩანს ცოტა ნაკლებად საფუძვლიანი, ვიდრე ზოგიერთი c რამ 261 00:13:19,490 --> 00:13:21,936 ჩვენ გავაკეთებთ, მაგრამ ეს რეალურად მიზეზი. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 მაგრამ იმედია ეს არ არის ძალიან სხვადასხვა, და ეს არ არის აბსოლუტური. 264 00:13:28,470 --> 00:13:31,940 >> ასე რომ კოლექტორები in JavaScript, ერთხელ ძალიან, ძალიან ჰგავს. 265 00:13:31,940 --> 00:13:32,460 არა? 266 00:13:32,460 --> 00:13:36,520 ჩვენ გვაქვს რამდენიმე ცვლადი მასივი ეს უდრის ცარიელი ფრჩხილები, 267 00:13:36,520 --> 00:13:40,340 და ეს მხოლოდ ცარიელი მასივი. 268 00:13:40,340 --> 00:13:43,420 ეს ხშირად უწოდებენ ლიტერატურული მასივი notation. 269 00:13:43,420 --> 00:13:45,280 რომ მხოლოდ ერთი რამ, რომ ჩვენ მას. 270 00:13:45,280 --> 00:13:51,380 თუ ჩვენ ვხედავთ მასივი ორი აქ, ჩვენ გვაქვს ლიტერატურული მასივი, რომელსაც აქვს სამი ელემენტები, 271 00:13:51,380 --> 00:13:51,910 არა? 272 00:13:51,910 --> 00:13:54,640 და მაშინ ჩვენ გვაქვს var მესამე ელემენტს, რომ 273 00:13:54,640 --> 00:13:58,060 რამდენიმე ცვლადი, რომ მხოლოდ გამართვას აპირებს ამ სტრიქონს, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> ელემენტები, კარგი შეამჩნია, მძიმით, 276 00:14:06,170 --> 00:14:07,740 ისევე, როგორც ჩვენ მოელოდა. 277 00:14:07,740 --> 00:14:14,630 და თქვენ ასევე შეგიძლიათ ეს, როგორც ჩვენ გავაკეთეთ C, ეს მაჩვენებელი notation, არა? 278 00:14:14,630 --> 00:14:16,950 იმდენად განსხვავდება PHP ახლა, ჩვენ ვაპირებთ უკან 279 00:14:16,950 --> 00:14:20,180 მხოლოდ სახის გულისხმობდა to რამ ინდექსი. 280 00:14:20,180 --> 00:14:22,189 ისევე, როგორც C, ასევე ნულოვანი ინდექსი. 281 00:14:22,189 --> 00:14:25,230 მე ვგრძნობ, რომ ეს იქნება მართლაც სასტიკი თუ ისინი მოულოდნელად გააკეთა JavaScript ერთი 282 00:14:25,230 --> 00:14:30,630 ინდექსი, და თქვენ უნდა მთლიანად rethink როგორ ფიქრობთ მასივები. 283 00:14:30,630 --> 00:14:36,140 >> ერთი მაგარი რამ არის, რომ ნაცვლად რომელსაც უნდა გააკეთოს, თუ ოდესმე 284 00:14:36,140 --> 00:14:39,240 სასურველი სიგრძის მასივი, იქნებ iterate საშუალება 285 00:14:39,240 --> 00:14:43,430 სანამ თქვენ რაღაც ბოლოს, ან თქვენ უბრალოდ ვიცი რა არის. 286 00:14:43,430 --> 00:14:49,310 იმის გამო, რომ JavaScript ძალიან ფხვიერი მეტი გზები, ვიდრე უბრალოდ ტიპის, როგორც ჩვენ ვხედავთ აქ, 287 00:14:49,310 --> 00:14:53,310 ჩვენ შეგვიძლია უბრალოდ ეს მასივი უფრო დიდი, რადგან ჩვენ გადაწყვეტენ. 288 00:14:53,310 --> 00:14:56,177 თუ ჩვენ შეამჩნევთ მასივი სამი აქვს სამი რამ უნდა დაიწყოს, 289 00:14:56,177 --> 00:14:58,510 მაგრამ შემდეგ უეცრად, ჩვენ, როგორიცაა, "ო, მხოლოდ kidding. 290 00:14:58,510 --> 00:15:01,370 ჩვენ რეალურად აპირებს რათა ის 101 რამ. " 291 00:15:01,370 --> 00:15:05,300 ასე რომ, თუ თქვენ ოდესმე გვინდა ვიცოდეთ ფაქტობრივი სიგრძე თქვენი მასივი, 292 00:15:05,300 --> 00:15:06,680 თქვენ ამის გაკეთება მოსწონს ეს. 293 00:15:06,680 --> 00:15:10,470 და ჩვენ ვაპირებთ, რომ ნახოთ ბევრი ამ notation მაგალითები, 294 00:15:10,470 --> 00:15:12,730 მაგრამ JavaScript ეს, როგორც წესი, რასაც 295 00:15:12,730 --> 00:15:16,410 ობიექტი, რომელიც თქვენ ვსაუბრობთ dot რასაც სახის ფუნქცია 296 00:15:16,410 --> 00:15:17,740 გსურთ მიმართა მას. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> ასე რომ, ამ შემთხვევაში, ჩვენი ობიექტის მასივი ორი, 299 00:15:20,520 --> 00:15:23,470 და ჩვენ ვთქვათ, ჩვენ გვინდა სიგრძეზე მასივი ორი. 300 00:15:23,470 --> 00:15:25,716 ასე რომ, ეს უბრალოდ მოუწოდებს, როგორიცაა სიგრძე, რომ. 301 00:15:25,716 --> 00:15:27,090 და რომ დაბრუნდება თქვენი სიგრძეზე. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 ასევე რაღაც უნდა აღვნიშნო, რომ თუ ჩვენ შეამჩნევთ ჩვენი კოლექტორები, 304 00:15:36,790 --> 00:15:39,830 განსხვავებით C, მათ არ აქვთ უნდა იყოს ერთი და იგივე ტიპის. 305 00:15:39,830 --> 00:15:41,670 ეს არის ბევრად უფრო მოსწონს PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript ძირითადად, ისევე, როგორც ამ საინტერესო meld C და PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 ასე რომ, ჩვენ შეღწევას, რომ. 309 00:15:52,170 --> 00:15:56,750 ახლა, მოდით უბრალოდ ვივარაუდოთ, რომ თქვენი კოლექტორები ძირითადად 310 00:15:56,750 --> 00:16:00,640 როგორიცაა C მასივები, რომ ისინი ნულოვანი ინდექსირებული. 311 00:16:00,640 --> 00:16:04,120 OK, ასე რომ, ყველაფერი. 312 00:16:04,120 --> 00:16:08,850 ასევე შეგიძლიათ მხოლოდ ვრცელდება მასივი რასაც ინდექსი გსურთ. 313 00:16:08,850 --> 00:16:14,260 ხოლო ეს, ალბათ, seg ბრალია თქვენ ან მოგცემთ რაიმე შეცდომა, 314 00:16:14,260 --> 00:16:15,970 JavaScript ჰგავს, "nah, ეს ჯარიმა. 315 00:16:15,970 --> 00:16:16,620 მე მივიღე ეს. 316 00:16:16,620 --> 00:16:19,460 ჩვენ უბრალოდ სწორი სადაც გსურთ. " 317 00:16:19,460 --> 00:16:24,310 >> OK, ასე რომ ობიექტი ძალიან მნიშვნელოვანია. 318 00:16:24,310 --> 00:16:29,720 თქვენ ბიჭები იქნება გამოყენებით ბევრი ამ თქვენი P კომპლექტი, თუ სწორად მახსოვს. 319 00:16:29,720 --> 00:16:34,780 ასე რამ, რომ ეს არის მსგავსი in C არიან structs. 320 00:16:34,780 --> 00:16:39,290 ასე რომ თქვენ შეგიძლიათ ვფიქრობ დაახლოებით, როდესაც ჩვენ წასვლა მაგალითად მარჯვენა 321 00:16:39,290 --> 00:16:41,810 ამის შემდეგ მე ვფიქრობ, რომ გაცილებით მეტი sense-- 322 00:16:41,810 --> 00:16:45,830 მაგრამ ჩვენ ძირითადად იყენებენ ობიექტების ორგანიზება რა თქმა უნდა, დაკავშირებული ინფორმაცია. 323 00:16:45,830 --> 00:16:47,780 როდესაც ჩვენ ვისაუბრეთ structs C, ხშირად 324 00:16:47,780 --> 00:16:53,405 ვისაუბროთ სტუდენტი, რომელიც გვქონდა სახელი, ID, კერძო სახლი, თქვენ იცით, რომ კონცენტრაცია. 325 00:16:53,405 --> 00:16:56,030 და ეს ერთგვარი იგივე რომ ჩვენ ვიყენებთ ობიექტების აქ. 326 00:16:56,030 --> 00:16:59,300 ეს უბრალოდ ორგანიზება მსგავსი ინფორმაცია. 327 00:16:59,300 --> 00:17:03,620 >> ასევე შეგიძლიათ ვფიქრობ, ეს როგორც მეტი მსგავსი ასოციაციური მასივების PHP. 328 00:17:03,620 --> 00:17:10,010 ასე რომ, ეს იქნება ერთგვარი რამ სადაც ჩვენ გვაქვს გასაღები გარკვეული მნიშვნელობა, 329 00:17:10,010 --> 00:17:12,859 ძალიან ჰგავს PHP. 330 00:17:12,859 --> 00:17:15,780 ასე რომ თქვენ შეგიძლიათ ვრთავ ზოგიერთი ცარიელი ობიექტი, როგორც ვხედავთ, აქ, 331 00:17:15,780 --> 00:17:17,390 უბრალოდ Curly braces. 332 00:17:17,390 --> 00:17:19,160 ასე კოლექტორები არიან კვადრატულ ფრჩხილებში. 333 00:17:19,160 --> 00:17:21,220 ცარიელი ობიექტები არიან curly აფრთხილებს. 334 00:17:21,220 --> 00:17:24,020 კარგი განსხვავება აქვს. 335 00:17:24,020 --> 00:17:27,319 და ეს არის მხოლოდ ორი სხვადასხვა გზა შექმნას თვისებები. 336 00:17:27,319 --> 00:17:31,460 ასე რომ, ეს არის ერთგვარი ბევრად უფრო ისე, რომ 337 00:17:31,460 --> 00:17:35,220 მსგავსია PHP, ჩვენი ასოციაციური მასივების, ჩვენს ძირითად, 338 00:17:35,220 --> 00:17:39,910 და ჩვენი ღირებულება, ხოლო ეს ერთი არის თქვენ 339 00:17:39,910 --> 00:17:41,920 , რომ ეს ბევრი უფრო JavaScript. 340 00:17:41,920 --> 00:17:43,550 ეს tends უნდა იყოს კონვენციას. 341 00:17:43,550 --> 00:17:47,660 და ანალოგიურად, რომ ჩვენ გავაკეთეთ array ორი dot სიგრძის, ეს ამბობს, 342 00:17:47,660 --> 00:17:51,580 "OK, მომეცი ამ მიეწერა ამ ობიექტის ". 343 00:17:51,580 --> 00:17:52,110 არა? 344 00:17:52,110 --> 00:17:55,660 ასე რომ, ისევე, როგორც ეს იყო, "მომეცი ატრიბუტი სიგრძეზე მასივი, ორი " 345 00:17:55,660 --> 00:17:59,970 ეს ამბობს, "მომეცი ქონების ჩვენი ცარიელი ობიექტი. " 346 00:17:59,970 --> 00:18:02,890 ან ამ შემთხვევაში, ჩვენ ვართ მინიჭების იგი გარკვეული მნიშვნელობა აქ. 347 00:18:02,890 --> 00:18:06,200 მაგრამ თქვენ შეიძლება ასევე შედიხართ, რომ გზა. 348 00:18:06,200 --> 00:18:09,090 >> და შემდეგ აქ ეს არის მხოლოდ ნაჩვენებია ორი სხვადასხვა შეტყობინებები. 349 00:18:09,090 --> 00:18:12,320 ასე რომ, ეს აჩვენებს შეტყობინებები იქნება ზუსტად იგივე, 350 00:18:12,320 --> 00:18:17,150 ეს მხოლოდ ორი სხვადასხვა გზა წვდომის ელემენტს რომ ჩვენ გვინდა. 351 00:18:17,150 --> 00:18:19,552 არა, რომ აზრი, რომ ყველასთვის? 352 00:18:19,552 --> 00:18:21,510 ვგრძნობ, როგორც ეს ერთი ალბათ უფრო გრძნობა, 353 00:18:21,510 --> 00:18:23,270 მხოლოდ იმიტომ, რომ ჩვენ მოდის off of PHP. 354 00:18:23,270 --> 00:18:26,400 მაგრამ, როგორც ჩვენ უფრო მეტი მაგალითები, ამ ფაქტიურად ზუსტად იგივე. 355 00:18:26,400 --> 00:18:28,170 ბევრი ეს არის უბრალოდ შეცვალოს სინტაქსი. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, ასე მაგალითები. 358 00:18:33,030 --> 00:18:34,180 მე მიყვარს მაგალითები. 359 00:18:34,180 --> 00:18:40,070 ისე აქ არის რამდენიმე CS50 ცვლადი, რომელიც არის ობიექტი, 360 00:18:40,070 --> 00:18:42,160 და ჩვენ შესანახად ყველა ამ ინფორმაციას ამის შესახებ. 361 00:18:42,160 --> 00:18:46,680 ამიტომ ჩვენ უნდა, რა თქმა უნდა, ინსტრუქტორი, TFS, psets და ჩაწერილი. 362 00:18:46,680 --> 00:18:51,840 ასე რომ, ჩვენ შეამჩნია ეს თითქმის ყველა სხვადასხვა სახის. 363 00:18:51,840 --> 00:18:52,340 არა? 364 00:18:52,340 --> 00:18:56,230 ასე ობიექტების შეგიძლიათ ჩაწეროთ ატრიბუტები სხვადასხვა ტიპის. 365 00:18:56,230 --> 00:19:01,220 ჩვენ შეგვიძლია ვიფიქროთ აქცევს ეს ძალიან მსგავსი ჩვენი ასოციაციურ მასივში PHP. 366 00:19:01,220 --> 00:19:07,470 ასე გასაღები, ღირებულება გასაღები, ღირებულება, გასაღები, ღირებულება, ასე შემდეგ და ასე შემდეგ. 367 00:19:07,470 --> 00:19:11,230 რა არის საინტერესო და იგივე გზა რომ ჩვენ შეგვიძლია აქვს კოლექტორები ფარგლებში მასივები, 368 00:19:11,230 --> 00:19:14,690 ჩვენ შეგვიძლია ასევე აქვს ობიექტების ფარგლებში ობიექტები, ან მასივები ფარგლებში ობიექტები. 369 00:19:14,690 --> 00:19:18,410 თქვენ არასოდეს ნამდვილად შემოიფარგლება მხოლოდ ერთი რამ. 370 00:19:18,410 --> 00:19:24,220 ჩვენ შეგვიძლია მივიღოთ ძალიან Inceptionesque, უბრალოდ შენარჩუნებას აპირებს ქვემოთ კურდღლის ხვრელი არსებობს. 371 00:19:24,220 --> 00:19:26,080 >> ასე რომ, თუ ჩვენ შეამჩნევთ, ჩვენ აქვს გარკვეული, რა თქმა უნდა, რომ 372 00:19:26,080 --> 00:19:31,120 სიმებიანი, ინსტრუქტორი, რომ ტექსტი, და მასივი, int, და ლოგიკური. 373 00:19:31,120 --> 00:19:36,110 ასე რომ, ყველა ამ სხვადასხვა რამ. 374 00:19:36,110 --> 00:19:39,600 >> ყველა უფლება, ასე რომ, ჩვენ გვაქვს კიდევ ერთი. 375 00:19:39,600 --> 00:19:42,930 ასე რომ, ამ შემთხვევაში, ჩვენ გვაქვს მასივი ობიექტები. 376 00:19:42,930 --> 00:19:45,320 ასე რომ ისევე როგორც ობიექტი შეგვიძლია მასივი იგი. 377 00:19:45,320 --> 00:19:47,210 ჩვენ შეგვიძლია ასევე აქვს მასივი ობიექტები. 378 00:19:47,210 --> 00:19:51,250 ეს შეიძლება იყოს სასარგებლო ვიფიქროთ მსგავსი სახის 379 00:19:51,250 --> 00:19:54,260 როგორ გვქონდა hash მაგიდა, ჩვენ გვქონდა მასივი 380 00:19:54,260 --> 00:19:56,220 ყველა ამ სხვადასხვა სახის structs რომ 381 00:19:56,220 --> 00:19:59,070 იყო მითითებას სხვადასხვა კვანძების და whatnot. 382 00:19:59,070 --> 00:20:01,420 მაგრამ ამ შემთხვევაში, ჩვენ მასივი ობიექტები. 383 00:20:01,420 --> 00:20:04,890 ასე რომ, ეს მასივი ასოციაციური მასივების. 384 00:20:04,890 --> 00:20:09,430 ასე რომ, ჩვენ გვაქვს პირველი ელემენტს იყოს ობიექტის სახელი James 385 00:20:09,430 --> 00:20:11,340 და სახლი Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> თქვენ ბიჭები ალბათ, გახსოვთ, რაღაც ძალიან ჰგავს ეს 387 00:20:14,780 --> 00:20:21,710 თქვენი ბოლო pset, სადაც თუ გამოყვანილია რაიმე თქვენს მონაცემთა ბაზაში, 388 00:20:21,710 --> 00:20:24,480 პირველი სახის რამ თქვენს მასივი იყო 389 00:20:24,480 --> 00:20:27,110 ყველა ინფორმაცია პირველი შესახებ, რომ შევხვდით, 390 00:20:27,110 --> 00:20:30,765 და მაშინ ჰქონდა ინდექსი შევიდა, რომ მისაღებად მათი საფონდო და მათი cache 391 00:20:30,765 --> 00:20:32,110 ან whatnot. 392 00:20:32,110 --> 00:20:34,620 ასე რომ, ეს არის ძალიან იგივე რამ, უბრალოდ პატარა ცვლილება 393 00:20:34,620 --> 00:20:39,570 სინტაქსი, ცოტა ცვლილება სიტყვა ვიყენებთ აღწერს მათ. 394 00:20:39,570 --> 00:20:45,960 >> ასე რომ, თუ გვინდოდა, შეიძლება ვინმეს ვუთხრა მე რა ამ მზადყოფნაში აქ? 395 00:20:45,960 --> 00:20:48,780 ან რა ამ ცოტა კოდი იქნება ჩვენთვის? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 აუდიტორია: ეს მოგცემთ ყველა სახელები. 398 00:20:52,616 --> 00:20:54,900 ALLISON BUCHHOLTZ-AU: მარჯვენა, ის მინდა უბრალოდ გაფრთხილება ყველა სახელები 399 00:20:54,900 --> 00:20:57,960 იმიტომ, რომ ის გავლა კოტეჯი i, ამიტომ მინდა დაიწყება ნულოვანი. 400 00:20:57,960 --> 00:21:01,330 ასე რომ, მინდა ვთქვა, OK ჩვენ ვეძებთ ამ პირველი ობიექტი, რომელიც 401 00:21:01,330 --> 00:21:03,210 პირველი slot ჩვენს მასივი. 402 00:21:03,210 --> 00:21:06,900 და ამბობს, რომ "მომეცი მიეწერა, სახელი, რომ ობიექტი. " 403 00:21:06,900 --> 00:21:09,030 ასე რომ, ჩვენ აქ, ჩვენ გვინდა scan, ჩვენ ნეტავ სახელი, 404 00:21:09,030 --> 00:21:11,340 და ჩვენ მინდა ამობეჭდოთ James, Molly და კარლ. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 რაიმე შეკითხვები აქამდე? 407 00:21:15,799 --> 00:21:17,590 JavaScript სამწუხაროდ თქვენ იქნება 408 00:21:17,590 --> 00:21:20,950 აკეთებს ბევრი ეძებს up თქვენი საკუთარი, მჭიდროდაა სინტაქსი, 409 00:21:20,950 --> 00:21:21,910 ებრძვის მას. 410 00:21:21,910 --> 00:21:25,870 მაგრამ, რა თქმა უნდა მე ყოველთვის აქ, საათებში ყოველთვის აქ. 411 00:21:25,870 --> 00:21:28,260 მე შეიძლება სამშაბათს ამ კვირაში. 412 00:21:28,260 --> 00:21:31,050 ასე რომ, თუ თქვენ იქ, თქვენ შეგიძლიათ მოვა ეწვევა ჩემთვის ამ კვირაში. 413 00:21:31,050 --> 00:21:32,470 ეს მინდა იყოს დიდი. 414 00:21:32,470 --> 00:21:36,260 >> OK, ასე DOM არის დოკუმენტი ობიექტის მოდელი. 415 00:21:36,260 --> 00:21:38,900 ასე რომ, ეს უბრალოდ გზა რომ ჩვენ გვსურს ვიფიქროთ 416 00:21:38,900 --> 00:21:45,720 იმაზე, თუ როგორ ჩვენი HTML და ყველაფერი მასში არის ორგანიზებული. 417 00:21:45,720 --> 00:21:49,930 ეს არის ძალიან ბევრი რამე, რომ ალბათ მოვა up თქვენს ვიქტორინა. 418 00:21:49,930 --> 00:21:58,150 მე ვიცი, ჩემი წელი, თითქოს აქ არის HTML ფაილი, შეავსოთ DOM მას. 419 00:21:58,150 --> 00:21:59,770 და თქვენ უბრალოდ შეავსოთ პატარა რამ. 420 00:21:59,770 --> 00:22:01,500 ეს უნდა იყოს ადვილი რაოდენობა იმედია. 421 00:22:01,500 --> 00:22:03,450 იმედია თქვენ ვხედავ 422 00:22:03,450 --> 00:22:04,590 >> აუდიტორია: [INAUDIBLE] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON BUCHHOLTZ-AU: ასე ხედავთ ამ ხეს აქ? 424 00:22:06,660 --> 00:22:07,200 >> აუდიტორია: Yeah. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-AU: ასე რომ, ისინი ითხოვენ გამოყენება 426 00:22:08,949 --> 00:22:11,750 შეავსოთ რა მიდის ქვეშ ორგანო. 427 00:22:11,750 --> 00:22:15,770 იქნებ ქვეშ სხეული, ჩვენ გვაქვს divs ან ჩვენ გვაქვს გარკვეული პუნქტები, 428 00:22:15,770 --> 00:22:19,160 და ჩვენ ვთხოვთ თქვენ შეავსოთ ხე ძალიან მოსწონს ეს. 429 00:22:19,160 --> 00:22:21,440 ამიტომ ჩვენ უნდა გავლით იგი. 430 00:22:21,440 --> 00:22:26,120 ასე რომ დოკუმენტი ობიექტის მოდელი არის მხოლოდ გზა 431 00:22:26,120 --> 00:22:31,240 სტრუქტურა და ვფიქრობ, ჩვენი HTML გრაფიკულად. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 და ასევე, როდესაც ჩვენ ვიღებთ შევიდა უფრო JavaScript, 434 00:22:35,840 --> 00:22:37,640 ეს იქნება ისე, რომ ჩვენ რეალურად 435 00:22:37,640 --> 00:22:39,990 მანიპულირება სხვადასხვა ელემენტების გვერდზე. 436 00:22:39,990 --> 00:22:43,980 ჩვენ გვჭირდება გზა წვდომის ყოველი რამ ჩვენი HTML, 437 00:22:43,980 --> 00:22:48,050 და ეს გვაძლევს ძალიან კონკრეტული სტანდარტიზებული გზა 438 00:22:48,050 --> 00:22:51,010 მასშტაბით სხვადასხვა ვებ გვერდები, რომ. 439 00:22:51,010 --> 00:22:53,440 >> ასე რომ, თუ ჩვენ უბრალოდ გავლა ეს აქ, რა თქმა უნდა, 440 00:22:53,440 --> 00:22:56,790 ჩვენი დოკუმენტი, ისევე როგორც ჩვენი მთელი ფაილი. 441 00:22:56,790 --> 00:22:59,350 რომ აშკარად აზრი რომ ეს არის ყველაზე მთავარია, 442 00:22:59,350 --> 00:23:03,520 და მაშინ ჩვენ გვაქვს ჩვენი ფაქტობრივი HTML, რომელიც შეესაბამება ამ tag აქ. 443 00:23:03,520 --> 00:23:08,480 ასევე, თუ თქვენ აბზაცის თქვენი tags სწორად, მაშინ ქმნის ამ DOM ხე 444 00:23:08,480 --> 00:23:10,530 ხდება სუპერ მარტივია. 445 00:23:10,530 --> 00:23:12,400 ასე რომ, ჩვენ გვაქვს ხელმძღვანელი აქ. 446 00:23:12,400 --> 00:23:15,780 ჩვენ გვაქვს გარკვეული ორგანო, რომელიც ჩვენ ვხედავთ, თავისთავად off of HTML, 447 00:23:15,780 --> 00:23:18,530 სწორედ ამიტომ ჩვენ გვაქვს ხელმძღვანელი და სხეულის. 448 00:23:18,530 --> 00:23:22,880 ფარგლებში უფროსი, ჩვენ გვაქვს ტიტული აქვს, ბოლოს ტიტული აქვს, 449 00:23:22,880 --> 00:23:24,570 ჩვენ ვიცით, რომ მას შემდეგ, რაც უფროსი. 450 00:23:24,570 --> 00:23:28,040 და ჩვენს ტიტული აქვს, ჩვენ გვაქვს hello, world. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 ასე რომ, ეს მთელი მარცხენა ხელის ფილიალი. 453 00:23:31,311 --> 00:23:34,060 და შემდეგ მარჯვენა ფილიალი აქ, ჩვენ ვხედავთ, რომ ჩვენ გვაქვს HTML, 454 00:23:34,060 --> 00:23:38,680 OK, ჩვენ გავაკეთეთ ამ head მხრივ, ჩვენ ვეძებთ მხოლოდ სხეული, 455 00:23:38,680 --> 00:23:40,670 ასე რომ, ჩვენ გვაქვს გარკვეული ორგანოს ტერიტორიაზე. 456 00:23:40,670 --> 00:23:44,350 და შიგნით რომ, ერთადერთი რამ გვაქვს არის hello, world. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 თუ ჩვენ გვქონდა რამ, როგორიცაა ზოგიერთი bracket P და მერე 459 00:23:54,130 --> 00:23:57,500 hello, world, და შემდეგ სხვა bracket p of მშვიდობით, მსოფლიოში, 460 00:23:57,500 --> 00:24:00,080 გვექნებოდა ორი ბუშტები მოდის off აქ. 461 00:24:00,080 --> 00:24:05,550 იმიტომ, რომ ისინი ორივე ქვეშ სხეული, მაგრამ ისინი ცალკე პუნქტები ამ შემთხვევაში. 462 00:24:05,550 --> 00:24:11,520 არსებობს ნამდვილად პრაქტიკა რომ წინა ტესტები, 463 00:24:11,520 --> 00:24:14,570 ისევე როგორც უამრავი ონლაინ იგი. 464 00:24:14,570 --> 00:24:18,260 OK, ასე რომ, ეს უბრალოდ საშუალებას , ვნახოთ, ყველაფერი კარგად 465 00:24:18,260 --> 00:24:20,810 და მანიპულირება რამ ძალიან სისტემატურად. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 ჩვენ ზუსტად ვიცით, როგორ traverse მეშვეობით ხე, 468 00:24:23,640 --> 00:24:26,910 ასე რომ, ჩვენ ვიცით, რა გვინდა, რათა შეამოწმონ. 469 00:24:26,910 --> 00:24:31,690 >> OK სწორედ ამიტომ ჩვენ გვინდა აქვს ამ სახის მოდელი, 470 00:24:31,690 --> 00:24:35,190 ასე რომ ჩვენ შეგვიძლია გამოვიყენოთ რამ, როგორიცაა ამ, და ჩვენ გვესმის, რას ნიშნავს, 471 00:24:35,190 --> 00:24:38,370 და ისინი სტანდარტიზებული მთელი რამ, რასაც ჩვენ ვაკეთებთ. 472 00:24:38,370 --> 00:24:45,900 ასე დოკუმენტის dot სათაური არის მხოლოდ სათაური our-- ყველა ეს 473 00:24:45,900 --> 00:24:48,960 საკმაოდ თვითმმართველობის განმარტებით, მე მიყვარს ფიქრი. 474 00:24:48,960 --> 00:24:51,660 ასე რომ, პირველი სამი მაგალითები, უბრალოდ, ვამბობთ, 475 00:24:51,660 --> 00:24:54,770 "OK, უბრალოდ მომეცი სათაური ამ ვებ გვერდზე. " 476 00:24:54,770 --> 00:24:58,030 ასე რომ, ეს მოგცემთ რა შეესაბამება ტიტული. 477 00:24:58,030 --> 00:25:01,880 >> დოკუმენტის dot ორგანო აპირებს მოგცემთ რაც ფარგლებში იმ სხეულის tags. 478 00:25:01,880 --> 00:25:03,240 ასე რომ თქვენ შეგიძლიათ მანიპულირება, რომ. 479 00:25:03,240 --> 00:25:07,820 და დოკუმენტის dot სხეულის dot შესვლის HTML არის ძალიან მაგარი ერთი, 480 00:25:07,820 --> 00:25:11,660 და იქნებ არ მოსწონს super ინტუიციური, მაგრამ შიდა HTML 481 00:25:11,660 --> 00:25:13,740 შეესაბამება ეს უფლება აქ. 482 00:25:13,740 --> 00:25:17,410 ასე რომ, თუ თქვენ ოდესმე გვინდა მანიპულირება ტექსტი გვერდზე, 483 00:25:17,410 --> 00:25:22,700 როგორც წესი, თქვენ უნდა აკეთებს რაღაც სხეულის dot შიდა HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 ასე რომ, შიდა HTML ტენდენცია ეხება რა არის რეალურად, მათ შორის tags. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 და შემდეგ სასარგებლო ფუნქციები. 488 00:25:33,020 --> 00:25:40,390 ასე რომ, თუ თქვენ სურდა მიიღოს ნებისმიერი ამ, ნებისმიერი ელემენტი, 489 00:25:40,390 --> 00:25:43,140 ჩვენ გვაქვს გარკვეული Id, კლასი სახელი ან tag სახელი. 490 00:25:43,140 --> 00:25:47,100 ეს ძალიან ჰგავს რამ გავაკეთეთ CSS, არა? 491 00:25:47,100 --> 00:25:51,360 სადაც ჩვენ გვაქვს სელექციონერები, რომ შეესაბამება ან tag, კლასი 492 00:25:51,360 --> 00:25:53,800 რომ ვაძლევთ მათ, ან Id. 493 00:25:53,800 --> 00:25:55,310 ეს არის ძალიან ბევრი იგივე გზით. 494 00:25:55,310 --> 00:26:00,720 თუ თქვენ გაქვთ რაიმე რომ აქვს გარკვეული კლასის ძაღლი, 495 00:26:00,720 --> 00:26:05,800 და თქვენ ამბობთ კიდევ ელემენტების მიერ tag სახელი, და დააყენა ძაღლი იქ ან უკაცრავად, 496 00:26:05,800 --> 00:26:06,610 კლასის სახელი. 497 00:26:06,610 --> 00:26:07,770 თქვენ შეგიძლიათ განათავსოთ dot არსებობს. 498 00:26:07,770 --> 00:26:11,780 ის დაბრუნებას აპირებს ყველა იმ ელემენტები, რომ უნდა, რომ კლასი. 499 00:26:11,780 --> 00:26:13,880 ასე რომ თქვენ შეგიძლიათ მანიპულირება მხოლოდ იმ. 500 00:26:13,880 --> 00:26:18,430 იმ გზით, იქნებ უბრალოდ გვინდა, რომ მანიპულირება ზოგიერთი header, ასე 501 00:26:18,430 --> 00:26:20,980 ზოგიერთი h1 header, როგორც ჩვენ. 502 00:26:20,980 --> 00:26:24,900 თქვენ შეიძლება არ მიიღოთ ელემენტების მიერ tag ასახელებს, რადგან h1 არის tag სახელი. 503 00:26:24,900 --> 00:26:29,270 და ანალოგიურად, თუ გსურთ მიიღოთ უნიკალური რამ, შეგიძლიათ გააკეთოთ მიიღონ აქვს. 504 00:26:29,270 --> 00:26:31,100 Get ელემენტს Id. 505 00:26:31,100 --> 00:26:32,710 და ისინი რეალურად უამრავი ამ. 506 00:26:32,710 --> 00:26:36,300 ეს არის მხოლოდ, სამი ძალიან ბევრი. 507 00:26:36,300 --> 00:26:39,600 ასე რომ, თუ თქვენ ამჟამად, როგორც მე ვაპირებ, ხელი შეუწყოს 508 00:26:39,600 --> 00:26:45,342 თქვენ უნდა გავაკეთოთ, და დაკავდით კვლევის საკუთარი, 509 00:26:45,342 --> 00:26:48,450 მე აუცილებლად გირჩევთ გადავხედავ ყველა იმ. 510 00:26:48,450 --> 00:26:50,880 ისინი შეიძლება იყოს super სასარგებლო, განსაკუთრებით მაშინ, როდესაც 511 00:26:50,880 --> 00:26:57,180 გსურთ, უბრალოდ სახის მანიპულირება ძალიან კონკრეტული რამ გარეშე 512 00:26:57,180 --> 00:27:00,390 გავლა და ცდილობენ გარჩევის ყველაფერი. 513 00:27:00,390 --> 00:27:03,540 >> OK, ასე რომ, ბოლო რამ არის JavaScript მოვლენები. 514 00:27:03,540 --> 00:27:10,730 ასე რომ, როდესაც მე საუბარი ადრე აპირებს გადატანა ნახვა, 515 00:27:10,730 --> 00:27:14,340 და როდესაც თქვენ hover მეტი რამე, ან მაუსის მაჩვენებელი მეტი რამე, 516 00:27:14,340 --> 00:27:15,420 რაღაც ხდება. 517 00:27:15,420 --> 00:27:17,900 ეს არის ის, რაც ჩვენ გვსურს ვიფიქროთ, როგორც მოვლენა. 518 00:27:17,900 --> 00:27:23,970 რა გვაქვს, რომ ძალა იყოს სასარგებლო, აქ არის onclick. 519 00:27:23,970 --> 00:27:29,140 ასე ნაღმი იყო hover, რომელიც, მე საკმაოდ დარწმუნებული ვარ, უბრალოდ hover. 520 00:27:29,140 --> 00:27:31,300 ასევე ტონა ამ რომ თქვენ შეგიძლიათ ვეძებოთ. 521 00:27:31,300 --> 00:27:34,340 არსებობს მთელი სია ონლაინ საქართველოს სხვადასხვა რამ 522 00:27:34,340 --> 00:27:37,130 რომ მოისმენთ. 523 00:27:37,130 --> 00:27:41,220 >> მაგრამ JavaScript მოვლენები ძირითადად, მხოლოდ რეაგირებს რამ 524 00:27:41,220 --> 00:27:42,430 რომ თქვენი მომხმარებლის აკეთებს. 525 00:27:42,430 --> 00:27:42,930 არა? 526 00:27:42,930 --> 00:27:45,220 ასე რომ თქვენი მომხმარებელს ჯერ რაღაც, რომ ღონისძიება, 527 00:27:45,220 --> 00:27:48,340 და JavaScript ვუპასუხებთ თუმცა გსურთ იგი. 528 00:27:48,340 --> 00:27:49,770 ეს იქნება რეაგირება სთხოვა. 529 00:27:49,770 --> 00:27:54,630 ასე რომ, ამ შემთხვევაში, ჩვენ გვაქვს ზოგიერთი window dot onload. 530 00:27:54,630 --> 00:27:57,170 ასე რომ, რა ამ ამბობს, "დაველოდოთ სანამ window დატვირთული. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 ასე რომ, როდესაც ყველაფერი დატვირთული, onload, მაშინ შეასრულოს ეს ფუნქცია. 533 00:28:02,102 --> 00:28:03,810 ასე რომ, როდესაც ყველაფერი დატვირთული, თქვენ აპირებს 534 00:28:03,810 --> 00:28:07,760 აქვს გარკვეული ძიების ღილაკს რომ იღებს ელემენტს Id, 535 00:28:07,760 --> 00:28:13,740 და ეს ბეჭდავს რასაც ელემენტის ისეთივე ძებნა ღილაკს. 536 00:28:13,740 --> 00:28:17,050 და მაშინ ჩვენ გვაქვს ამ ცვლადი, ჩვენ ვამბობთ, "OK, onclick". 537 00:28:17,050 --> 00:28:20,390 ასე რომ, როდესაც ჩვენ გვესმის click ძებნა ღილაკს, 538 00:28:20,390 --> 00:28:23,990 შეასრულოს ეს ფუნქცია, რომელიც არის alert, თქვენ დააწკაპებთ ღილაკს ძებნა. 539 00:28:23,990 --> 00:28:28,910 >> ისე, რა მოხდება is-- ეს არის ლამაზი პატარა გრაფიკული წარმომადგენლობა აქ. 540 00:28:28,910 --> 00:28:31,480 ასე რომ ჩვენი დოკუმენტი იტვირთება, ეს არის ჩვენი onload, 541 00:28:31,480 --> 00:28:34,340 ჩვენ ჩვენი ძიება ღილაკს, რომელიც არის ამ. 542 00:28:34,340 --> 00:28:36,570 ჩვენ ვეძებთ ჩვენი ღილაკს ძებნა. 543 00:28:36,570 --> 00:28:40,790 და მაშინ, როდესაც ძებნა ღილაკს დაწკაპავთ, იგი შეესაბამება უფლება აქ. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 მაშინ ჩვენ საბოლოოდ პირთა ჩვენს შესახებ, რომელიც ამ ბოლო ხაზი აქ. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 So თითოეული იმ ოთხი ნაბიჯები მხოლოდ შეესაბამება ოთხი ყუთები 548 00:28:52,960 --> 00:28:55,031 ქვემოთ იქ ბოლოში. 549 00:28:55,031 --> 00:28:56,405 არა, რომ აზრი, რომ ყველასთვის? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> და მაშინ ერთი რამ, რომ მე უბრალოდ აპირებს უნდა აღინიშნოს, ძალიან, ძალიან მოკლედ, რომ მე 552 00:29:05,200 --> 00:29:08,660 მოგიწოდებთ თქვენ ბიჭებს წასვლა უფრო, არის 553 00:29:08,660 --> 00:29:13,210 jQuery, რომელიც მხოლოდ ბიბლიოთეკაში რომელიც აგებულია ზედა JavaScript. 554 00:29:13,210 --> 00:29:16,480 ეს არის სუპერ სასარგებლოა, რადგან ყველაზე ბიბლიოთეკები. 555 00:29:16,480 --> 00:29:18,320 არსებობს უამრავი ფუნქციები. 556 00:29:18,320 --> 00:29:21,930 ასე რომ, თუ არსებობს ოდესმე, რომ რაღაც გსურთ გააკეთოთ JavaScript, 557 00:29:21,930 --> 00:29:24,880 თქვენი პირველი ინსტიქტი არ უნდა ვიფიქროთ, 558 00:29:24,880 --> 00:29:27,340 საქართველოს, "რა ფუნქცია უნდა მე კოდი? "ეს უნდა იყოს, 559 00:29:27,340 --> 00:29:29,560 "ნება მომეცით ვხედავ ვინმეს უკვე გააკეთა ეს ჩემთვის. " 560 00:29:29,560 --> 00:29:32,800 იმიტომ, რომ ცხრა ჯერ ათიდან, ვინმე არ კეთდება ეს უკვე, 561 00:29:32,800 --> 00:29:35,760 და ისინი ალბათ არ კეთდება უკეთესი. 562 00:29:35,760 --> 00:29:39,990 ხალხი დახარჯოს ბევრი დრო აკეთებს ამ, და JavaScript ძალიან ფართოდ გამოიყენება, 563 00:29:39,990 --> 00:29:42,810 ისე ხალხი მუდმივად ცდილობს, რათა ის უკეთესი. 564 00:29:42,810 --> 00:29:47,110 და jQuery აქვს უამრავი ფუნქციები რომელიც ალბათ სასარგებლოა თქვენთვის 565 00:29:47,110 --> 00:29:50,470 თქვენს საბოლოო პროექტი, თუ თქვენ აკეთებს არაფერი ვებ დიზაინი. 566 00:29:50,470 --> 00:29:53,480 როგორც მე მინდა ვთქვა, რომ "მუშაობა მსოფლიოს სასურველი სტუმარი გახდებით, არ დამძიმდა. " 567 00:29:53,480 --> 00:29:57,130 თუ თქვენ ბიჭები გავაკეთოთ, რომ ეს უნდა იყოს დიდი. 568 00:29:57,130 --> 00:30:00,330 როდესაც ჩვენ დროს hackathon მე არ მინდა იყოს ყველა ხაზი გაუსვა. 569 00:30:00,330 --> 00:30:03,600 მე მინდა, რომ იყოს, როგორიცაა, "მე მივიღე ეს. jQuery მიიღო ჩემს უკან. 570 00:30:03,600 --> 00:30:05,790 მე არ უნდა დაწეროთ ამ ფუნქციებს. " 571 00:30:05,790 --> 00:30:07,636 >> ასე რომ მხოლოდ ორი რამ მახსოვს, მე ვაპირებ 572 00:30:07,636 --> 00:30:10,220 მოგცემთ ბიჭები გამოიყურება უფრო შევიდა jQuery საკუთარი. 573 00:30:10,220 --> 00:30:13,070 ყველა მე ვაპირებ ვთქვა არის ის აკეთებს ზოგიერთი საკმაოდ გასაოცარია რამ 574 00:30:13,070 --> 00:30:15,220 და შეუძლია თქვენი ცხოვრება მთელი ბევრი ადვილია. 575 00:30:15,220 --> 00:30:17,150 მაგრამ, თუ რა გსურთ უნდა არის, რაც ფაილი 576 00:30:17,150 --> 00:30:21,020 რომ თქვენ იქნება გამოყენებით მას, თქვენ აპირებს გვინდა, რომ ეს ორი ხაზი. 577 00:30:21,020 --> 00:30:25,630 თქვენ აპირებთ მინდა დამწერლობის js jQuery dot js. 578 00:30:25,630 --> 00:30:28,500 და რეალურად თქვენი წყარო იქნება რამდენიმე URL. 579 00:30:28,500 --> 00:30:35,870 თუ Google jQuery, Google რეალურად მასპინძლობს ყველა ფაილი თქვენთვის. 580 00:30:35,870 --> 00:30:38,950 ასე, რომ თქვენ ნამდვილად გსურთ შეყვანის რომ URL ნაცვლად. 581 00:30:38,950 --> 00:30:41,130 მე უბრალოდ დააყენა ეს აქ სიმარტივის გულისთვის. 582 00:30:41,130 --> 00:30:45,180 ეს ნიშნავს, რომ სადაც უნდა იპოვოთ თქვენი jQuery ბიბლიოთეკა. 583 00:30:45,180 --> 00:30:48,600 ეს არის მასობრივი, ასე რომ თქვენ არ გსურთ უმასპინძლებს საკუთარ კომპიუტერში 584 00:30:48,600 --> 00:30:53,390 თუ შეიძლება თავიდან აცილება, რის გამოც ჩვენ როგორც წესი, უბრალოდ დააყენა Google- ის URL, რომ 585 00:30:53,390 --> 00:30:55,880 მასპინძლობს ყველა ეს ფაილი თქვენთვის. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 თქვენ Google, გპირდებით ეს იქნება. 588 00:30:58,850 --> 00:31:01,200 >> და შემდეგ რაც JavaScript ფაილი, რომელიც თქვენ 589 00:31:01,200 --> 00:31:07,150 გამოყენებით, ასე რომ ეს არის მხოლოდ რამდენიმე გარე JavaScript ფაილი, რომელიც თქვენ იყენებთ. 590 00:31:07,150 --> 00:31:11,570 იმ გზით, რომ ჩვენ ბმული ჩვენს CSS ფაილი, ეს არის იგივე რამ. 591 00:31:11,570 --> 00:31:15,480 ეს მხოლოდ დაბლა ფაილი სადაც თქვენი JavaScript არის. 592 00:31:15,480 --> 00:31:18,970 და მაქვს გარკვეული მაგალითები მარტივი JavaScript. 593 00:31:18,970 --> 00:31:20,220 ამიტომ ჩვენ უნდა გადის. 594 00:31:20,220 --> 00:31:27,230 და მაშინ თქვენს ინდექსი JavaScript, რომელიც არის თქვენი JavaScript ფაილი აქ, 595 00:31:27,230 --> 00:31:30,900 ეს არის ერთგვარი გადატანა რომ თქვენ გაქვთ jQuery. 596 00:31:30,900 --> 00:31:33,860 თქვენ თითქმის 99.9 პროცენტს გაუტოლდა აპირებს 597 00:31:33,860 --> 00:31:36,800 აქვს ამ თქვენს index.js ფაილი. 598 00:31:36,800 --> 00:31:40,010 რადგან ის, რაც ამ ამბობს, "არ შეასრულოს არაფერი 599 00:31:40,010 --> 00:31:43,480 სანამ თქვენი დოკუმენტი რეალურად მზად ", რომელიც არის ზუსტად ის, რაც გსურთ. 600 00:31:43,480 --> 00:31:46,600 იმიტომ, რომ თუ თქვენი დოკუმენტი არ არის მზად, და jQuery იწყება აკეთებს რამ, 601 00:31:46,600 --> 00:31:48,020 ეს უბრალოდ სასადილო. 602 00:31:48,020 --> 00:31:50,480 ასე რომ თქვენ ყოველთვის გვინდა ამ გადატანა. 603 00:31:50,480 --> 00:31:55,760 და შემდეგ რამ, რომ წავიდეს იქ, მე უნდა დატოვოს თქვენი ბიჭები საკუთარი perusing. 604 00:31:55,760 --> 00:32:04,610 >> OK, ასე რომ, არსებობს რაიმე კითხვებზე ახლა, რაც შეეხება JavaScript ზოგადად? 605 00:32:04,610 --> 00:32:07,420 ან DOM მოდელი? 606 00:32:07,420 --> 00:32:10,780 თუ არა, ჩვენ გვაქვს გარკვეული cool მაგალითები, რომ ჩვენ შეგვიძლია გავლა, 607 00:32:10,780 --> 00:32:13,120 რომ თქვენ ბიჭები შეგიძლიათ დამეხმაროთ კოდი. 608 00:32:13,120 --> 00:32:15,877 მაგრამ მე ასევე იქნება სუპერ ლამაზი, და თუ 609 00:32:15,877 --> 00:32:17,960 არ მინდა, რომ არაფერი ვთქვათ ამ, რომ ჯარიმა. 610 00:32:17,960 --> 00:32:20,510 შემიძლია ასევე უბრალოდ მოგცემთ მაგალითები. 611 00:32:20,510 --> 00:32:24,581 მაგრამ არაფერი PowerPoint სანამ ჩვენ გადასვლა? 612 00:32:24,581 --> 00:32:25,080 მაგარი. 613 00:32:25,080 --> 00:32:26,990 >> ვფიქრობ, თქვენ ბიჭები უნდა ენერგია. 614 00:32:26,990 --> 00:32:31,516 ასე რომ, მე ვფიქრობ, რომ ჩვენ ვაპირებთ დავიწყოთ ჩემი party მაგალითად პირველი. 615 00:32:31,516 --> 00:32:33,390 ჩვენ გვაქვს სამი მაგალითები, თქვენ გაქვთ არჩევანი. 616 00:32:33,390 --> 00:32:37,720 ამიტომ ჩვენ უნდა clock, სადაც ჩვენ ვაპირებთ განახორციელოს ფაქტობრივი საათი, რომელიც არის 617 00:32:37,720 --> 00:32:41,430 აპირებს განაახლოს რაც დრო გადის. 618 00:32:41,430 --> 00:32:43,310 ჩვენ გვაქვს ეს დიდი Twitter ფუნქცია. 619 00:32:43,310 --> 00:32:44,560 გაკეთება იცით, რა, გაიმართება. 620 00:32:44,560 --> 00:32:47,220 ჩვენ ვაპირებთ, რომ ეს წავიდეს. 621 00:32:47,220 --> 00:32:47,950 Bam. 622 00:32:47,950 --> 00:32:49,060 OK. 623 00:32:49,060 --> 00:32:56,132 >> ჩვენ გვაქვს ეს დიდი Twitter ფუნქცია აქ, that-- ვიცი, არა? 624 00:32:56,132 --> 00:32:57,090 ეს იქნება დიდი. 625 00:32:57,090 --> 00:32:58,350 თქვენ ბიჭები აღფრთოვანებული? 626 00:32:58,350 --> 00:33:01,170 რომ აპირებს ითვლიან ნომერი გმირები, რომ თქვენ არ დაუტოვებიათ, 627 00:33:01,170 --> 00:33:04,520 ასე რომ, თუ მე აკრიფოთ, ახლა, ცხადია, ის კვლავ აცხადებს, 140, 628 00:33:04,520 --> 00:33:06,190 მაგრამ ჩვენ ვიცით, რომ ეს არ არის საქმე. 629 00:33:06,190 --> 00:33:08,570 და მაშინ ჩვენი ბოლო ერთი აქ, დააწკაპუნეთ აქ პარტია. 630 00:33:08,570 --> 00:33:12,150 რა მოხდება მაშინ, როდესაც ჩვენ დააწკაპუნეთ, ფონზე მიერ 631 00:33:12,150 --> 00:33:13,340 აპირებს შეცვალოს ფერები. 632 00:33:13,340 --> 00:33:17,060 ასე რომ ბიჭებს თქვენი პარამეტრები რომელიც ერთი თქვენ გსურთ პირველი. 633 00:33:17,060 --> 00:33:19,800 მე გპირდებით, მე მას ძალიან ადვილია თქვენ. 634 00:33:19,800 --> 00:33:22,680 მე ვგრძნობ, რომ ყველას სახის უბრალოდ ძალიან დაბალი გასაღები დღეს. 635 00:33:22,680 --> 00:33:25,540 ასე რომ, მე ფეხით თქვენ მეშვეობით, თუ როგორ ჩვენ განახორციელოს ყველა ამ. 636 00:33:25,540 --> 00:33:28,520 თუ გსურთ chime in, რომ დიდი, მაგრამ მე 637 00:33:28,520 --> 00:33:30,020 გრძნობს, როგორც ყველას ცოტა დაღლილი. 638 00:33:30,020 --> 00:33:32,970 ასე რომ მე უბრალოდ ფეხით თქვენ ამ გზით მაგალითები. 639 00:33:32,970 --> 00:33:35,015 გვაქვს, რომ რაღაც ჩვენ გვინდა, რომ გავაკეთოთ პირველ რიგში? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 ვინმეს? 642 00:33:39,475 --> 00:33:41,350 არ აქვს უპირატესობა? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 იცით რა? 645 00:33:42,450 --> 00:33:43,290 ჩვენ შესახებ პარტია. 646 00:33:43,290 --> 00:33:48,380 მე ვგრძნობ, რომ თქვენ ბიჭები უნდა little-- ასე რომ, ჩვენ ყველაფერს გავაკეთებთ, პარტიის ერთ-ერთი პირველი. 647 00:33:48,380 --> 00:33:48,880 OK. 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> რა გვაქვს აქ, რომ არ უნდა იყოს იქ. 650 00:33:56,930 --> 00:33:57,910 ახლა ეს არის კარგი. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 ასე რომ, რა გვაქვს აქ უბრალოდ მარტივი HTML გვერდი 653 00:34:03,110 --> 00:34:07,840 რომ თქვენ ბიჭები უნდა იყოს super იცნობს თქვენი ბოლო ორი psets. 654 00:34:07,840 --> 00:34:10,212 ჩვენ გვაქვს ჩვენი doc ტიპის აქ. 655 00:34:10,212 --> 00:34:10,920 შეიძლება ყველას ვხედავ? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 მაგარი. 658 00:34:12,560 --> 00:34:13,900 ჩვენ გვაქვს ჩვენი HTML აშკარად. 659 00:34:13,900 --> 00:34:18,360 ჩვენ გვაქვს რამდენიმე header, რომ დაკავშირებული სტილის ფურცელი, რომელიც 660 00:34:18,360 --> 00:34:21,420 გააკეთა ჩემი font ლამაზი და დიდი და თამამი. 661 00:34:21,420 --> 00:34:23,489 ასე რომ არ ინერვიულოთ. 662 00:34:23,489 --> 00:34:26,437 >> ჩვენ გვაქვს გარკვეული ორგანოს Id ფონზე, OK? 663 00:34:26,437 --> 00:34:28,520 იმიტომ, რომ ჩვენ ვაპირებთ, რომ იყოს შეცვლის ფონზე. 664 00:34:28,520 --> 00:34:31,964 ასე რომ, როდესაც ჩვენ ცვალებად ფონზე ჩვენი სხეულის, 665 00:34:31,964 --> 00:34:35,965 ჩვენ გვახსოვს, ორი კვირის წინ როდესაც საქმე გვაქვს ვებ გვერდებზე. 666 00:34:35,965 --> 00:34:36,840 იმდენად კარგი, რომ აქვს. 667 00:34:36,840 --> 00:34:39,270 და ჩვენ გვაქვს გარკვეული Id ტოლია პარტია. 668 00:34:39,270 --> 00:34:43,909 ამ h ref ფუნტი მხოლოდ იმას ნიშნავს, რომ ის აპირებს წავიდეს იმავე გვერდზე. 669 00:34:43,909 --> 00:34:47,120 და დააჭირეთ აქ პარტია, სწორედ ამიტომ, როდესაც ჩვენ დააჭირეთ მას, 670 00:34:47,120 --> 00:34:48,940 ეს უნდა შეიცვალოს ფერები, საბედნიეროდ. 671 00:34:48,940 --> 00:34:54,322 >> და მაშინ ჩვენ გვაქვს სკრიპტი აქ, რომ მხოლოდ დაკავშირებულია ამ მხარის dot js 672 00:34:54,322 --> 00:34:58,100 ფაილი, რომელიც არის ცარიელი, რადგან ჩვენ არ კეთდება არაფერი გაუკეთებია. 673 00:34:58,100 --> 00:35:00,450 და ეს ასე სამწუხარო. 674 00:35:00,450 --> 00:35:06,100 მაგრამ ძალიან მალე, იგი შეიცვლება ფერები, და ეს იქნება რა. 675 00:35:06,100 --> 00:35:10,520 >> ამიტომ მე უბრალოდ აპირებს ფეხით თქვენ ბიჭები მეშვეობით, თუ როგორ შეიძლება მივუდგეთ ამ. 676 00:35:10,520 --> 00:35:14,030 ასე რომ, პირველი, რაც ჩვენ დაგვჭირდება გავაკეთოთ, 677 00:35:14,030 --> 00:35:18,050 თუ ჩვენ შეცვლის ფონზე ნაწილები, პირველი, რაც ჩვენ დაგვჭირდება 678 00:35:18,050 --> 00:35:22,730 რომ რეალურად დაიბრუნოს რა სხეულის, არა? 679 00:35:22,730 --> 00:35:27,690 ასე რომ, ჩვენ გვინდა, რომ გვქონდეს თანხა, ჩვენი ფონზე, და თუ თქვენ შეამჩნევთ, 680 00:35:27,690 --> 00:35:29,567 უბრალოდ ავტომატურად დავიწყო აკრეფით. 681 00:35:29,567 --> 00:35:32,400 იქ არაფერი განსაკუთრებული, რომ ჩვენ უნდა გავაკეთოთ ჩვენი JavaScript ფაილი. 682 00:35:32,400 --> 00:35:35,820 მე შეიძლება დაიწყოს გამოცხადების ცვლადები, და აცხადებდა, შემთხვევითი ფუნქციები. 683 00:35:35,820 --> 00:35:38,110 და ეს ბევრად უფრო თავისუფალი ფორმა. 684 00:35:38,110 --> 00:35:41,930 ეს იგივეა, რომ ერთად C, მივეცით თქვენ ყველა ამ მძიმე წესები და გაიზარდა, 685 00:35:41,930 --> 00:35:43,220 ასე რომ, ჩვენ, როგორც, "წასვლა მეოთხე. 686 00:35:43,220 --> 00:35:44,000 უფასო იქნება. 687 00:35:44,000 --> 00:35:44,870 რა გსურთ. " 688 00:35:44,870 --> 00:35:46,280 და ეს რა, JavaScript. 689 00:35:46,280 --> 00:35:48,390 ასე რომ, ჩვენ გვაქვს ფონზე აქ. 690 00:35:48,390 --> 00:35:55,900 ჩვენი DOM მოდელი, ჩვენ ვიცით, შეგიძლიათ გააკეთოთ დოკუმენტის dot მისაღებად ელემენტს, 691 00:35:55,900 --> 00:36:00,290 და თუ ჩვენ შეამჩნევთ აქ, ჩვენი სხეულის აქვს Id. 692 00:36:00,290 --> 00:36:00,930 არა? 693 00:36:00,930 --> 00:36:06,310 ასე რომ ჩვენ შეგვიძლია გავაკეთოთ კიდევ დოკუმენტის Id, და აქ არის მარტივი. 694 00:36:06,310 --> 00:36:08,295 რა არის ჩვენი Id რომ ჩვენ გვინდა აქ? 695 00:36:08,295 --> 00:36:09,170 აუდიტორია: Background. 696 00:36:09,170 --> 00:36:11,280 ALLISON BUCHHOLTZ-AU: Background. 697 00:36:11,280 --> 00:36:12,230 სრულყოფილი. 698 00:36:12,230 --> 00:36:14,250 და მძიმით დასასრულს. 699 00:36:14,250 --> 00:36:15,610 რომ არ გამქრალა ამჟამად. 700 00:36:15,610 --> 00:36:17,330 თქვენ კვლავ უნდა თქვენი semicolons. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 ისე, რომ ჩვენი პირველი. 703 00:36:19,690 --> 00:36:23,880 და როდესაც ჩვენ დააჭირეთ რაღაც, ჩვენ მინდა რაღაც მოხდება, არა? 704 00:36:23,880 --> 00:36:28,270 ასე, რომ ჩვენ დაგვჭირდება გარკვეული ცვლადი რომ ელოდება დაჭერით. 705 00:36:28,270 --> 00:36:32,410 რასაც ჩვენ ვაპირებთ ამის გაკეთებას, ჩვენ ვაპირებთ რათა ჩვენი ლინკი უფრო მსგავსი ღილაკს. 706 00:36:32,410 --> 00:36:43,140 ამიტომ, ჩვენ ვაპირებთ, რომ გარკვეული ღილაკს რომ უდრის დოკუმენტურად dot მისაღებად ელემენტს Id. 707 00:36:43,140 --> 00:36:48,670 და თუ მე ვსაუბრობ დააჭირეთ ბმულს ან დააწკაპუნეთ აქ პარტიის 708 00:36:48,670 --> 00:36:51,850 ლინკი, თუ რა შეიძლება ჩემი Id იყოს აქ? 709 00:36:51,850 --> 00:36:52,590 პარტია. 710 00:36:52,590 --> 00:36:55,200 სწორი. 711 00:36:55,200 --> 00:36:56,500 OK არ არის ძალიან ცუდი ჯერჯერობით. 712 00:36:56,500 --> 00:36:59,060 ყველას რა ვაკეთებთ? 713 00:36:59,060 --> 00:37:02,100 >> OK, ასე რომ, ახლა ჩვენ გვაქვს ჩვენი ღილაკს, და ჩვენ გვინდა, 714 00:37:02,100 --> 00:37:04,140 რამ იცვლება, როდესაც ჩვენ დაწკაპეთ იგი. 715 00:37:04,140 --> 00:37:08,750 ასე რომ, თუ ჩვენ გვახსოვს ჩვენი PowerPoint, ძალიან მარტივი რამ შეგვიძლია გავაკეთოთ 716 00:37:08,750 --> 00:37:12,140 არის მხოლოდ ღილაკს dot onclick, არა? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 და რომ აპირებს თანაბარი გარკვეული ფუნქცია. 719 00:37:18,730 --> 00:37:20,620 ეს არის ანონიმური ფუნქცია. 720 00:37:20,620 --> 00:37:24,620 და ეს უბრალოდ as-- რეალურად მე ვაპირებ, რომ ეს ცოტა დიდია. 721 00:37:24,620 --> 00:37:27,330 >> ასე რომ, რა მე უბრალოდ აქ მე ვამბობ, OK, 722 00:37:27,330 --> 00:37:31,810 როდესაც ჩვენ დააჭირეთ ჩვენს ღილაკს, რომელიც ამ ბმულზე, რომ ჩვენ უბრალოდ ნახსენები, 723 00:37:31,810 --> 00:37:34,270 ჩვენ ვაპირებთ, რათა შესრულდეს ეს ანონიმური ფუნქცია. 724 00:37:34,270 --> 00:37:35,845 ჩვენ არ გვჭირდება რაიმე საშუალებებით. 725 00:37:35,845 --> 00:37:37,220 ჩვენ არ მაინტერესებს რა შესახებ ამბობს. 726 00:37:37,220 --> 00:37:38,800 როდესაც ისინი დააწკაპუნეთ მასზე, ჩვენ აპირებდა, რასაც ჩვენ გვინდა, 727 00:37:38,800 --> 00:37:40,660 რომელიც შეცვალოთ ფონის ფერი. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 სწორედ ამიტომ ჩვენ არ გვაქვს ნებისმიერ საშუალებებით, ჩვენ უბრალოდ ამ ანონიმური ფუნქცია. 730 00:37:47,224 --> 00:37:49,390 და ახლა ჩვენ რეალურად აპირებს დაწერა ეს ფუნქცია. 731 00:37:49,390 --> 00:37:55,040 >> ასე რომ, არსებობს რამოდენიმე გზა თქვენ შეიძლება გენერირება შემთხვევითი ფერი. 732 00:37:55,040 --> 00:37:59,010 ისე, რომ მე ეს იყო გენერირება სამი შემთხვევითი ნომრები 733 00:37:59,010 --> 00:38:01,910 და დააკონვერტიროთ ისინი RGB triple. 734 00:38:01,910 --> 00:38:06,130 ასე რომ, ეს უბრალოდ გვიჩვენებს, თუ ზოგიერთი cool რამ, რომ თუ თქვენ, როგორიცაა, "ო, 735 00:38:06,130 --> 00:38:08,464 მე უნდა შემთხვევითი ნომერი. "თუ Googled ეს, 736 00:38:08,464 --> 00:38:09,630 ეს არის ის, რაც თქვენ უნდა იპოვოთ. 737 00:38:09,630 --> 00:38:17,580 >> ასე რომ, ჩვენ გვაქვს სამი სხვადასხვა რამ, var, არ წითელი ერთხელ, მწვანე. 738 00:38:17,580 --> 00:38:18,080 არა? 739 00:38:18,080 --> 00:38:20,740 ასე რომ, იმ სამ რამ, რომ შეადგინოს ფერი. 740 00:38:20,740 --> 00:38:22,220 ლურჯი, წითელი და მწვანე. 741 00:38:22,220 --> 00:38:22,960 მაგარი. 742 00:38:22,960 --> 00:38:27,050 და რა შეგვიძლია გავაკეთოთ არის ის, რომ ჩვენ ვიცით, რომ ეს უნდა იყოს შორის 255, 743 00:38:27,050 --> 00:38:30,140 და თუ ჩანდა up ზოგიერთი შემთხვევითი რიცხვების გენერატორის, 744 00:38:30,140 --> 00:38:36,000 თქვენ ვერ რაღაც მათემატიკის dot შემთხვევითი, რაც, თუ გადავხედავთ ამ up 745 00:38:36,000 --> 00:38:39,230 ბრუნდება გარკვეული რაოდენობის შორის ნულოვანი და ერთი. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 და რა რაოდენობით გავაკეთებთ RGB საწოლიანი წავიდეთ შორის? 748 00:38:44,470 --> 00:38:47,240 ნულოვანი და რა? 749 00:38:47,240 --> 00:38:49,000 რა შეიძლება მათ ახვიდეთ? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 ასე რომ, თუ მათემატიკის dot შემთხვევითი მიდის შორის ნულოვანი და ერთი, 752 00:38:53,320 --> 00:38:56,365 როგორ შეიძლება ჩვენ აკონვერტირებთ ეს? 753 00:38:56,365 --> 00:38:56,990 აუდიტორია: Time? 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-AU: ჰო, ზუსტად. 755 00:38:57,830 --> 00:38:58,677 ასე რომ დრო არის 255. 756 00:38:58,677 --> 00:39:00,888 >> აუდიტორია: [INAUDIBLE] ეს იგივეა, რომ [INAUDIBLE]. 757 00:39:00,888 --> 00:39:02,471 ALLISON BUCHHOLTZ-AU: მათემატიკის dot შემთხვევითი. 758 00:39:02,471 --> 00:39:03,096 აუდიტორია: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-AU: დიახ. 760 00:39:04,580 --> 00:39:06,300 JavaScript უბრალოდ ზრუნავს თქვენ. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 ასე რომ, ჩვენ შეგვიძლია გავაკეთოთ, რომ ყველა ამ. 763 00:39:09,360 --> 00:39:10,540 არა? 764 00:39:10,540 --> 00:39:16,480 მათემატიკის dot შემთხვევითი ჯერ 255. 765 00:39:16,480 --> 00:39:17,740 კოპირება. 766 00:39:17,740 --> 00:39:18,820 მაგარი. 767 00:39:18,820 --> 00:39:23,350 ასე რომ, ის არის, რომ, შესაძლოა, ეს არ დაბრუნების რიცხვი. 768 00:39:23,350 --> 00:39:24,080 არა? 769 00:39:24,080 --> 00:39:26,450 იქნებ ჩვენ რაღაც ნომერი შორის ნულოვანი და ერთი, 770 00:39:26,450 --> 00:39:32,150 და ეს იწვევს, რომ იყოს ოდნავ off, და ჩვენი RGBs არ შეიძლება იყოს მოძრავი. 771 00:39:32,150 --> 00:39:33,360 ისინი უნდა იყოს ints. 772 00:39:33,360 --> 00:39:37,610 ასე რომ, თუ თქვენ სცადა, ეს ალბათ აქვს გარკვეული არაეთიკური საქციელი. 773 00:39:37,610 --> 00:39:38,810 ეს იქნება ცოტა ხმაურიანი. 774 00:39:38,810 --> 00:39:43,200 ასე, თუ რას ვაკეთებთ ჩვენ გვსურს დარწმუნებული ვარ, რომ ეს მომრგვალებული, 775 00:39:43,200 --> 00:39:45,400 და თქვენ ვერ გარშემო არც გზა. 776 00:39:45,400 --> 00:39:47,110 მე მრგვალდება სართულზე. 777 00:39:47,110 --> 00:39:49,680 ასე რომ, მე ყოველთვის დარწმუნებული რომ ეს მომრგვალებული ქვემოთ. 778 00:39:49,680 --> 00:39:54,440 მაგრამ აპირებს off რამდენად მარტივია ეს იყო უბრალოდ შემთხვევითი ნომერი, 779 00:39:54,440 --> 00:39:57,920 როგორ ფიქრობთ, ჩვენ შეიძლება სართულზე ამ ნომერი? 780 00:39:57,920 --> 00:40:00,720 ეს ძალიან ჰგავს. 781 00:40:00,720 --> 00:40:02,810 რაიმე იდეა? 782 00:40:02,810 --> 00:40:06,450 ასე რომ, თუ შემთხვევითი იყო მხოლოდ მათემატიკის dot შემთხვევითი, ასე ფიქრობთ ჩვენ გვინდა გავაკეთოთ სართულზე? 783 00:40:06,450 --> 00:40:09,670 მათემატიკის dot სართული. 784 00:40:09,670 --> 00:40:11,340 და ასევე შეგიძლიათ გააკეთოთ მათემატიკის dot ჭერი. 785 00:40:11,340 --> 00:40:14,030 მრგვალი სახის ორაზროვანი იმიტომ, რომ თქვენ არ 786 00:40:14,030 --> 00:40:16,110 იცით თუ არა გარშემო up ან მრგვალ ქვემოთ. 787 00:40:16,110 --> 00:40:20,797 ასე, როგორც წესი, ჩვენ ყოველთვის მათემატიკის dot სართულზე, მათემატიკის dot ჭერი. 788 00:40:20,797 --> 00:40:21,380 მაგრამ honestly-- 789 00:40:21,380 --> 00:40:22,780 >> აუდიტორია: არა სართულზე მრგვალი ქვემოთ? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON BUCHHOLTZ-AU: სართული რაუნდები ქვემოთ. 791 00:40:24,740 --> 00:40:26,990 და ეს მხოლოდ არჩევანი ჩემი ნაწილი. 792 00:40:26,990 --> 00:40:32,370 >> ახლა ჩვენ გვაქვს ჩვენი სამი ნომრები რომ უკვე შემთხვევით გენერირებული, 793 00:40:32,370 --> 00:40:36,610 და რასაც ჩვენ ვაპირებთ, რომ ახლა არის, რომ ჩვენ უბრალოდ შეიცვლება ფონზე. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 ასე რომ, ჩვენ უკვე გვაქვს ჩვენი ფონზე სახის ინახება 796 00:40:41,490 --> 00:40:43,280 ამ ელემენტია ე.წ. ფონზე. 797 00:40:43,280 --> 00:40:47,300 ასე რომ თქვენ შეამჩნევთ არის, თუ თქვენ ითამაშა გარშემო ამ, 798 00:40:47,300 --> 00:40:50,460 ჩვენ გვინდა, რომ შეცვალოს სტილი. 799 00:40:50,460 --> 00:40:53,812 და ეს არის ერთგვარი, რომ რაღაც თქვენ, რომ Google და გაერკვნენ, 800 00:40:53,812 --> 00:40:55,020 მომწონს როგორ შევცვალოთ ფერი. 801 00:40:55,020 --> 00:40:59,210 >> მაგრამ გზა თქვენ ამ ფერი ფონზე dot style dot ფონზე. 802 00:40:59,210 --> 00:41:03,490 ასე რომ, ეს არს მოცემულ ეს ობიექტი, ფონზე, 803 00:41:03,490 --> 00:41:06,920 რომელიც ეხება, რომ ელემენტის Id იქ, 804 00:41:06,920 --> 00:41:10,690 ჩვენ ვაპირებთ შევხედოთ სტილი ფარგლებში style, 805 00:41:10,690 --> 00:41:13,280 ჩვენ ვაპირებთ შევხედოთ ფონზე. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 და თუ წასვლა და ვეძებთ ამ up, ეს შეიძლება უფრო გრძნობა, 808 00:41:17,630 --> 00:41:21,930 მაგრამ ეს ძირითადად უბრალოდ ამბობს, "მომეცი ამ კონკრეტულ ატრიბუტი 809 00:41:21,930 --> 00:41:25,770 რა მე არ განისაზღვრება ადრე. " 810 00:41:25,770 --> 00:41:32,340 მერე რა რომ ჩვენ შეცვლის მას არის ზოგიერთი RGB, რადგან ეს აზრი. 811 00:41:32,340 --> 00:41:34,780 ჩვენ გამოყენებით RGB საწოლიანი, არა? 812 00:41:34,780 --> 00:41:41,530 და ჩვენ ფლობის მინდა დავრწმუნდე, მიიღეთ უფლება რაოდენობის შეთავაზებები აქ. 813 00:41:41,530 --> 00:41:43,940 ასე, თუ რას ვაკეთებთ ჩვენ გვაქვს RGB, და ჩვენ ვაპირებთ 814 00:41:43,940 --> 00:41:46,800 რომელთა მიზანია ეს მოსწონს გაერთიანების, რომელიც არის წითელი. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 და მაშინ ჩვენ გვინდა რაღაც მძიმით. 817 00:41:52,610 --> 00:41:59,925 და მაშინ ჩვენ გვინდა, ასევე მწვანე, შემდეგ რამდენიმე მძიმე, და რაღაც ლურჯი. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> ასე რომ, ეს pluses მხოლოდ ნიშნავს, როგორიც გაერთიანების. 820 00:42:14,120 --> 00:42:19,810 ასე რომ, ეს უბრალოდ ქმნის ამ სიმებიანი, რომ აპირებს ფარგლებში RGB. 821 00:42:19,810 --> 00:42:20,310 OK? 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> აუდიტორია: [INAUDIBLE] plus შემდეგ მწვანე პლუს შემდეგ წითელი. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON BUCHHOLTZ-AU: ჰო, იმიტომ, რომ მე არევა რომ. 825 00:42:30,163 --> 00:42:30,890 რომ ერთი ჯარიმა. 826 00:42:30,890 --> 00:42:32,110 Oh, გაიმართება. 827 00:42:32,110 --> 00:42:32,610 პოსტები 828 00:42:32,610 --> 00:42:36,770 იმიტომ, რომ მე უნდა დავრწმუნდეთ, რომ მე მივიღე ყველა ამ უფლებას. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 ასე რომ, მე აგიხსნით uno momento. 831 00:42:43,950 --> 00:42:47,040 მწვანე, ლურჯი, სრულყოფილი. 832 00:42:47,040 --> 00:42:47,971 ახლა მე გაკეთდეს. 833 00:42:47,971 --> 00:42:48,470 მე მჯერა. 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> OK. 836 00:42:52,530 --> 00:42:58,085 ასე რომ ეს ის არის, რომ ფონზე იქნება მითითებული ზოგიერთი სიმებიანი. 837 00:42:58,085 --> 00:42:58,585 არა? 838 00:42:58,585 --> 00:42:59,710 რაც ჩვენ გვაქვს აქ. 839 00:42:59,710 --> 00:43:05,870 ეს იქნება გარკვეული RGB 255 მძიმით 255 მძიმე ნულოვანი, ან რასაც ნომერი თქვენ 840 00:43:05,870 --> 00:43:06,512 იქ. 841 00:43:06,512 --> 00:43:08,220 ასე ვაკეთებთ აქ, ჩვენ გვაქვს რამდენიმე სტრიქონი. 842 00:43:08,220 --> 00:43:11,910 და რა გვინდა გავაკეთოთ, არის, რომ ჩვენ სახის დინამიურად შექმნა 843 00:43:11,910 --> 00:43:14,010 რომ როდესაც ჩვენ რეალურად აწარმოებს ამ პროგრამის. 844 00:43:14,010 --> 00:43:16,570 ასე რომ, ეს არის ზოგიერთი სიმებიანი. 845 00:43:16,570 --> 00:43:20,290 Plus concatenates ეს ღირებულება, რომელიც წითელი აქვს, 846 00:43:20,290 --> 00:43:23,320 რომელიც concatenates ერთად მძიმე, რაც concatenates ეს 847 00:43:23,320 --> 00:43:26,090 ის, რაც მწვანე, და ასე შემდეგ, და ასე შემდეგ. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 სანამ ბოლომდე, რომელიც დახურვის ფრჩხილებში ამ RGB აქ. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> ასე რომ ეს აპირებს გენერირება გარკვეული ბრძანება ნამდვილად 852 00:43:37,230 --> 00:43:42,770 რომ არის RGB სამი ნომრები ამ ფონზე არის მითითებული. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 მოდით ვნახოთ, თუ ეს მუშაობს. 855 00:43:46,510 --> 00:43:49,720 იმედი მაქვს, რომ ეს ასეა, რადგან თუ ეს არ, მე ვაპირებ, რომ იყოს რეალური სამწუხარო. 856 00:43:49,720 --> 00:43:50,250 Oh no. 857 00:43:50,250 --> 00:43:52,710 OK, გაიმართება. 858 00:43:52,710 --> 00:43:56,730 აუცილებლად ფონზე dot style dot ფონზე. 859 00:43:56,730 --> 00:43:59,569 მე ნამდვილად აკლია რაღაც მხოლოდ მცირე. 860 00:43:59,569 --> 00:44:00,610 არ თქვენ ბიჭები სიძულვილი რომ? 861 00:44:00,610 --> 00:44:04,020 როდესაც ეს ცოტა პატარა შეცდომა? 862 00:44:04,020 --> 00:44:04,990 ყოვლისშემძლე ფონზე. 863 00:44:04,990 --> 00:44:08,391 864 00:44:08,391 --> 00:44:08,890 RGB. 865 00:44:08,890 --> 00:44:09,765 >> აუდიტორია: [INAUDIBLE] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON BUCHHOLTZ-AU: No. 868 00:44:12,770 --> 00:44:14,050 მე შევეცადე ამ ადრე კლასის. 869 00:44:14,050 --> 00:44:16,570 მაქვს ყველაფერი, როგორც ადრე, კლასის შემთხვევაში მე კი, როგორიცაა, 870 00:44:16,570 --> 00:44:17,970 "დაველოდოთ, რა გავაკეთო არასწორი?" 871 00:44:17,970 --> 00:44:23,190 იმიტომ, რომ მე ვიყავი, როგორიცაა, "მე, ალბათ, ხმაური ეს რაღაც მომენტში. " 872 00:44:23,190 --> 00:44:24,150 ასევე მწვანე. 873 00:44:24,150 --> 00:44:26,250 ყველაფერი ჰგავს ეს concatenated სწორად. 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 OK. 876 00:44:30,520 --> 00:44:31,870 >> აუდიტორია: [INAUDIBLE] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-AU: Oh, რომ თქვენ გადასვლა. 878 00:44:33,810 --> 00:44:35,520 ეს არის ის, რაც მჭირდებოდა. 879 00:44:35,520 --> 00:44:36,805 შევხედოთ, რომ. 880 00:44:36,805 --> 00:44:40,090 Tiffany გადარჩენა. 881 00:44:40,090 --> 00:44:40,590 სრულყოფილი. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 ახლა ვნახოთ, თუ იგი მუშაობს. 884 00:44:43,834 --> 00:44:44,816 Oh ღმერთი ჩემი. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 გაიმართება. 887 00:44:46,140 --> 00:44:48,280 >> აუდიტორია: Space მეორე plus. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON BUCHHOLTZ-AU: რომელი? 889 00:44:50,310 --> 00:44:52,910 Oh დაველოდოთ, გაიმართება. 890 00:44:52,910 --> 00:44:54,870 ფართი აცვიათ? 891 00:44:54,870 --> 00:44:57,209 >> აუდიტორია: მეორე პლუს მწვანე გაერთიანების. 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 აუდიტორია: არ არსებობს სივრცე მას შემდეგ, პლუს, yeah. 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-AU თქვენ არ არის საჭირო, რომ, მაგრამ 895 00:45:00,790 --> 00:45:01,190 აუდიტორია: Oh, არა? 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-AU: იგი გამოიყურება საკმაოდ. 897 00:45:01,910 --> 00:45:02,530 აუდიტორია: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ AU: ვნახოთ, თუ ეს სამუშაოები. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 მე აშკარად ვერ at ეს დემო, რომელიც მაგონებს 902 00:45:07,836 --> 00:45:12,810 ლექციის მეორე კვირას, მაგრამ მე ვიცი, რომ ეს იმუშავებს. 903 00:45:12,810 --> 00:45:15,860 მე ვიცი, რომ ეს იმუშავებს. 904 00:45:15,860 --> 00:45:16,580 ასე ახლოს. 905 00:45:16,580 --> 00:45:22,330 თუ მე შემთხვევით წაშლილი ჩემი სცენარი ამ ერთ. 906 00:45:22,330 --> 00:45:24,035 არა, ეს party dot js. 907 00:45:24,035 --> 00:45:25,776 OK გამართავს. 908 00:45:25,776 --> 00:45:28,650 მე ვაპირებ კოპირება ამ, და მე ასევე უბრალოდ ვაპირებ წაშლა ყველაფერი, 909 00:45:28,650 --> 00:45:30,108 იმიტომ, რომ მე მქონდა ამ სამუშაო ადრე. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> მე გპირდებით, რომ მუშაობს. 912 00:45:33,770 --> 00:45:36,160 თუ არა, მე გაჩვენებთ, თუ რა Tommy ს. 913 00:45:36,160 --> 00:45:38,890 და იქ. 914 00:45:38,890 --> 00:45:42,380 >> აუდიტორია: თქვენ მითითება party dot CSS, და ეს პარტია dot js. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON BUCHHOLTZ-AU: Ah, ასევე სწორედ აქ არის party dot js. 916 00:45:45,940 --> 00:45:49,187 OK, რა გავაკეთო განსხვავებული? 917 00:45:49,187 --> 00:45:50,520 OK, ჩვენ დავინახავთ, თუ ეს მუშაობს ახლა. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 Bam. 920 00:45:54,980 --> 00:46:02,110 ასე რომ, მე არ ვიცი, რა გავაკეთე განსხვავებულად, მაგრამ ეს არის ის, რაც უნდა მოხდეს. 921 00:46:02,110 --> 00:46:03,230 Kinda cool. 922 00:46:03,230 --> 00:46:06,650 მე დააწკაპებთ ამ, ისევე, სამუდამოდ. 923 00:46:06,650 --> 00:46:11,185 მაგრამ ჩვენ შეგვიძლია ვცდილობთ და ვნახოთ, რა გავაკეთე სხვაგვარად რომ ამ ერთი ჰქონდა. 924 00:46:11,185 --> 00:46:14,560 მე არ ვიცი თქვენს შესახებ ბიჭები, მაგრამ ეს გამოიყურება ძირითადად, რაც დავწერე. 925 00:46:14,560 --> 00:46:17,950 იქ იყო ალბათ დაკარგული მძიმით სადღაც არის ჩემი რამ. 926 00:46:17,950 --> 00:46:22,064 ფაქტობრივად შემდეგ, მე ვფიქრობ, მე დაკარგული მძიმით უფლება აქ რეალურად. 927 00:46:22,064 --> 00:46:24,230 მაგრამ მე ვერ ვხედავ, რადგან ეს იყო off ეკრანზე. 928 00:46:24,230 --> 00:46:29,040 >> მაგრამ თუ ჩვენ შეამჩნევთ, რომ ეს არის საკმაოდ ბევრად ზუსტად ის, რაც მე დავწერე. 929 00:46:29,040 --> 00:46:33,010 მე ვფიქრობ, ალბათ, ყველაზე მძიმე ნაწილი ეს არის უბრალოდ სახის ეს რაღაც 930 00:46:33,010 --> 00:46:36,830 აქ, გაგება რასაც ის აკეთებს. 931 00:46:36,830 --> 00:46:42,230 ამ სახის რამ თქვენ ისწავლით მართლაც მხოლოდ Googling და პატიოსნად 932 00:46:42,230 --> 00:46:42,880 უბრალოდ ცდილობს. 933 00:46:42,880 --> 00:46:46,770 თუ ფიქრობთ, რომ ზოგიერთი მიეწერა, იქ ალბათ. 934 00:46:46,770 --> 00:46:48,382 ასე ცდილობენ. 935 00:46:48,382 --> 00:46:49,090 ვნახოთ, რა მოხდება. 936 00:46:49,090 --> 00:46:53,000 როგორც ვთქვი, არსებობს ბევრი ექსპერიმენტების JavaScript, 937 00:46:53,000 --> 00:46:56,810 და PHP, და ყველა, რომ პერსონალის და CSS განსაკუთრებით. 938 00:46:56,810 --> 00:47:00,046 ეს არის ერთადერთი ჭეშმარიტი გზა გაგება. 939 00:47:00,046 --> 00:47:07,100 >> OK, ასე შემდეგ, რომ fiasco პარტიის dot js, ჩვენ გვაქვს ორი სხვა ვარიანტი. 940 00:47:07,100 --> 00:47:10,650 ჩვენ გვაქვს საათის ან Twitter. 941 00:47:10,650 --> 00:47:12,190 ისინი ორივე საინტერესოა. 942 00:47:12,190 --> 00:47:17,720 იქნებ არ საკმაოდ fun როგორც პარტიის, რომელსაც მაგარი პატარა strobing 943 00:47:17,720 --> 00:47:19,595 რამ დასასრულს. 944 00:47:19,595 --> 00:47:21,714 ნუ ბიჭებს რაიმე უპირატესობა? 945 00:47:21,714 --> 00:47:22,380 აუდიტორია: Clock? 946 00:47:22,380 --> 00:47:22,950 ALLISON BUCHHOLTZ-AU: Clock? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 მაგარი. 949 00:47:25,390 --> 00:47:30,460 >> ასე რომ კიდევ ერთხელ, ჩვენ გვაქვს ჩვენი ცარიელი JavaScript ფაილი. 950 00:47:30,460 --> 00:47:35,800 და, როგორც ვხედავთ, აქ, ჩვენ აქვს ძალიან მარტივი HTML. 951 00:47:35,800 --> 00:47:40,010 ჩვენ გვაქვს ჩვენი style sheet, რომ მხოლოდ ფორმატების რა უნდა გამოიყურებოდეს. 952 00:47:40,010 --> 00:47:42,860 ჩვენ გვაქვს ჩვენი div ერთად Id საათის, რომელიც 953 00:47:42,860 --> 00:47:44,420 უბრალოდ ამბობს, "ეს უნდა იყოს საათი". 954 00:47:44,420 --> 00:47:47,650 და ჩვენ გვაქვს ჩვენი ლინკი ჩვენი JavaScript ფაილი 955 00:47:47,650 --> 00:47:51,400 რომ რეალურად აპირებს გენერირება ჩვენი საათის ჩვენთვის. 956 00:47:51,400 --> 00:47:56,060 იმის გამო, რომ მაგარი რამ არის, რომ თქვენ შეგიძლიათ მითითებული JavaScript ავტომატურად ამოცნობა 957 00:47:56,060 --> 00:47:56,963 თავად. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 ასე რომ, ნაცვლად ელოდება პროფაილი მოხვდა Refresh გვერდზე 960 00:48:01,580 --> 00:48:03,840 ასე რომ თქვენ შეგიძლიათ მიიღოთ ქ დრო, JavaScript 961 00:48:03,840 --> 00:48:06,760 შეუძლია განაახლოს ეს თუმცა ეს მოსწონს. 962 00:48:06,760 --> 00:48:12,082 >> ასე რომ, როგორც ჩვენი ბოლო ერთი, გვინდოდა წვდომის ჩვენი ფონზე, არა? 963 00:48:12,082 --> 00:48:14,790 ასე რომ, რას ფიქრობთ შეიძლება იყოს პირველი, რაც ჩვენ გვინდა აქ? 964 00:48:14,790 --> 00:48:19,538 თუ ჩვენ სახის აპირებს off ამ სახის პარადიგმა აქ? 965 00:48:19,538 --> 00:48:22,200 ჩვენ, ალბათ, სურს წვდომის ჩვენი clock, არა? 966 00:48:22,200 --> 00:48:24,724 ასე რომ, ჩვენ გვაქვს გარკვეული var საათი, რომელიც შეადგენს 967 00:48:24,724 --> 00:48:26,140 რას ვფიქრობთ, რომ ეს იქნება? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 დოკუმენტის dot მისაღებად ელემენტს by-- მე ასევე მიყვარს Sublime-- Id ჩვენი Id არის საათი. 970 00:48:42,670 --> 00:48:43,585 მძიმით. 971 00:48:43,585 --> 00:48:45,710 მიიღო, რათა დავრწმუნდეთ, რომ მიიღოს იმ semicolons ამ დროს, 972 00:48:45,710 --> 00:48:47,835 რადგან ვგრძნობ, რომ იყო პრობლემა ბოლო დროს. 973 00:48:47,835 --> 00:48:55,980 OK, ასე რომ, როგორც მე უბრალოდ ვამბობ, ცდილობს უნდა JavaScript ამოცნობა თავად, 974 00:48:55,980 --> 00:48:59,655 არსებობს ამ დიდი ფუნქცია, ვიცით, რომ მოვიდა მოსახერხებელი შარშან, 975 00:48:59,655 --> 00:49:02,780 მე არ ვარ დარწმუნებული, რომ ეს მოდის მოსახერხებელი ამ pset, მაგრამ ეს ე.წ. კომპლექტი ინტერვალით. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 და ეს არის რეალურად cool თუ ბიჭები არაფრის 978 00:49:08,200 --> 00:49:11,460 დრო და მიღების განახლებული ინფორმაცია. 979 00:49:11,460 --> 00:49:13,700 On a website for საბოლოო პროექტი, ეს, ალბათ, 980 00:49:13,700 --> 00:49:16,240 ფუნქცია გსურთ მისაღებად სუპერ იცნობს. 981 00:49:16,240 --> 00:49:19,730 ასე რომ, რა მითითებული ინტერვალი არ არის, რომ ჩვენ ვაპირებთ, რათა ეს ფუნქცია, 982 00:49:19,730 --> 00:49:21,830 და რამდენად ხშირად ეს უნდა დარეკეთ ამ ფუნქციას. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> ასე რომ, ამ შემთხვევაში, ჩვენ უბრალოდ აპირებს შეიქმნას გარკვეული ანონიმური ფუნქცია, კიდევ ერთხელ, 985 00:49:26,890 --> 00:49:31,530 OK, რომ აპირებს მიიღოს ჩვენი თარიღი, და ჩვენი დრო, 986 00:49:31,530 --> 00:49:33,780 და შემდეგ განახლება რამ და არიან. 987 00:49:33,780 --> 00:49:35,130 ასე რომ, ჩვენ ფიქრი, რომ. 988 00:49:35,130 --> 00:49:39,120 ჩვენ ვიქნებით, როგორიცაა გენერირება საათი აქ. 989 00:49:39,120 --> 00:49:41,750 მაგრამ რაც ჩვენ გვჭირდება, არის, თუ როგორ ხშირად ამოცნობა. 990 00:49:41,750 --> 00:49:43,930 ასე რომ, ამ შემთხვევაში, უბრალოდ მილიწამებში. 991 00:49:43,930 --> 00:49:46,877 ასე რომ, ჩვენ უბრალოდ აპირებს გავაკეთოთ 100 მილიწამებში. 992 00:49:46,877 --> 00:49:48,210 რა თქმა უნდა, სრულიად უკანონო. 993 00:49:48,210 --> 00:49:50,600 თუ უნდოდა ეს უნდა განახლდეს ბევრად უფრო ნელა, თქვენ შეიძლება. 994 00:49:50,600 --> 00:49:53,300 ჩვენ შეგვიძლია სასადილო გარშემო დადგენილი ინტერვალით, 995 00:49:53,300 --> 00:49:57,240 დიდი ჩვენი ინტერვალის შემდეგ მივიღებთ სამუშაო საათი, რომელიც იმედია მე 996 00:49:57,240 --> 00:49:59,660 მისაღებად. 997 00:49:59,660 --> 00:50:04,110 ასე რომ, ეს უბრალოდ ვამბობ, "OK, დარეკეთ ამ ფუნქციის ყოველ 100 მილიწამებში. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 რომ ყველა ის აკეთებს. 1000 00:50:07,280 --> 00:50:12,290 >> ასე რომ, ჩვენ გვინდა, რომ ჩვენი ფუნქცია, რათა რომ არის ჩვენ გვინდა, რომ გარკვეული თარიღი 1001 00:50:12,290 --> 00:50:14,200 და გარკვეული დრო არის ის, რაც ჩვენ ვაპირებთ აქვს. 1002 00:50:14,200 --> 00:50:19,740 ასე რომ ჩვენ შეგვიძლია დავიწყოთ ჩვენი თარიღი უდრის რაღაც, 1003 00:50:19,740 --> 00:50:22,708 და ჩვენი დრო უდრის რაღაც რომ ჩვენ ჯერ არ ვიცით. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 ან რეალურად, ჩვენ უბრალოდ უნდა თარიღი, რადგან თარიღი აპირებს მოიცავს ყველაფერს. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 ერთხელ თუ უბრალოდ Google შესახებ არაფერი რა გსურთ გააკეთოთ, თუ წერთ, "OK, 1008 00:50:40,010 --> 00:50:41,980 მინდა კიდევ დრო JavaScript- ის საშუალებით, "ეს 1009 00:50:41,980 --> 00:50:45,890 მოგაწვდით ამ დიდი ფუნქცია მოუწოდა თარიღი. 1010 00:50:45,890 --> 00:50:48,664 ფაქტიურად, საუკეთესო რამ რომ თქვენ გსურთ, 1011 00:50:48,664 --> 00:50:50,830 JavaScript აპირებს აქვს ეს კეთდება თქვენთვის უკვე. 1012 00:50:50,830 --> 00:50:55,770 ეს იგივეა, როგორც ახალი მიიღეთ თარიღი, რომელიც creating-- 1013 00:50:55,770 --> 00:50:58,600 ან ახალი თარიღი, rather-- რომელიც გამოიმუშავებს 1014 00:50:58,600 --> 00:51:03,690 ზოგიერთი ობიექტი, რომელიც წარმოადგენს თარიღი. 1015 00:51:03,690 --> 00:51:08,200 >> და რასაც ჩვენ ვაპირებთ გავაკეთოთ აქ ამ is-- მე ვაპირებ დავწერო, 1016 00:51:08,200 --> 00:51:10,820 და შემდეგ ახსნას რას აკეთებს. 1017 00:51:10,820 --> 00:51:12,560 ასე რომ მე დარწმუნდით მივიღო ეს უფლება. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, ასე რომ ეს ფუნქცია აკეთებს, ჩვენ უბრალოდ 1020 00:51:23,440 --> 00:51:30,680 ქმნის HTML, რომ, ფაქტობრივად, აპირებს წავიდეს ჩვენს div Id საათი. 1021 00:51:30,680 --> 00:51:34,610 ასე რომ ეს იქნება აკეთებს მხოლოდ მომტანი რამდენიმე სტრიქონი, OK? 1022 00:51:34,610 --> 00:51:38,510 რომელიც შემდეგ იქნება გადანერგილი შევიდა ჩვენი HTML. 1023 00:51:38,510 --> 00:51:42,130 ძირითადად რასაც ის აპირებს არის რასაც we-- რა მე გაჩვენებთ 1024 00:51:42,130 --> 00:51:49,070 რომ რაც ჩვენ ვამბობთ, HTML არის, ჩვენ ვაპირებთ, რომ შეცვალოს ამ ტექსტის აქ 1025 00:51:49,070 --> 00:51:51,090 რაც არ უნდა HTML არის. 1026 00:51:51,090 --> 00:51:56,390 ასე რომ, ეს აპირებს საშუალებას us შეცვალოს ჩვენი საათის dot 1027 00:51:56,390 --> 00:52:00,940 HTML, რომ მხოლოდ ტექსტი უნდა იყოს საათი, რეალურად აჩვენებს 1028 00:52:00,940 --> 00:52:05,630 ნომრები და რამ, რომ ჩვენ აღელვებს , და რეალურად იყოს საათზე. 1029 00:52:05,630 --> 00:52:09,810 >> ასე რომ, ჩვენ ვაპირებთ, რომ არის, რომ ჩვენ აპირებს დაიწყოს მომტანი ამ HTML. 1030 00:52:09,810 --> 00:52:16,520 ასე რომ, იგივე გზა, რომელიც ჩვენ უნდა გავაკეთოთ პლუს უდრის მთელი რიცხვები, 1031 00:52:16,520 --> 00:52:20,461 თქვენ შეგიძლიათ ამის გაკეთება, სიმები, გარდა ის აპირებს concatenate მათ. 1032 00:52:20,461 --> 00:52:20,960 არა? 1033 00:52:20,960 --> 00:52:26,070 როგორც დავინახეთ, პარტიის dot js, ეს მხოლოდ concatenates ეს ყველაფერი ერთად. 1034 00:52:26,070 --> 00:52:31,970 ასე რომ თქვენ შეგიძლიათ concatenate სხვადასხვა ბიტი HTML ცვლადები, ან ბიტი strings 1035 00:52:31,970 --> 00:52:33,750 რომ წერთ საკუთარ თავს, და ეს მხოლოდ 1036 00:52:33,750 --> 00:52:38,650 მართლაც გაძლევთ საშუალებას დინამიურად გენერირება HTML, რომელიც არის საკმაოდ გრილი. 1037 00:52:38,650 --> 00:52:42,040 ასე რომ, თუ თქვენ გაქვთ რაიმე ძალიან შესახებ კონკრეტული, 1038 00:52:42,040 --> 00:52:44,130 ეს შეიძლება საშუალებას გაძლევთ ამის გაკეთება. 1039 00:52:44,130 --> 00:52:47,550 >> ამიტომ ჩვენ უნდა HTML, რომ მე ვაპირებ სცადეთ და დარწმუნდით, მე ეს უფლება. 1040 00:52:47,550 --> 00:52:49,890 ასე რომ, ჩვენ ვაპირებთ, რომ ზოგიერთი h1 header. 1041 00:52:49,890 --> 00:52:53,610 ასე რომ, რა მნიშვნელოვანია გვესმოდეს აქ ის არის, რომ ეს არის რეალურად მხოლოდ HTML. 1042 00:52:53,610 --> 00:52:54,460 არა? 1043 00:52:54,460 --> 00:52:56,610 ჩვენ წერილობით ფაქტობრივი HTML კოდი აქ, ის 1044 00:52:56,610 --> 00:53:01,090 არა მხოლოდ სიმებიანი ნორმალური გზა, რომელიც ჩვენ გვინდა ვიფიქროთ, რომ. 1045 00:53:01,090 --> 00:53:02,930 ასე რომ, ჩვენ გვაქვს გარკვეული HTML. 1046 00:53:02,930 --> 00:53:04,940 ეს ითვლება სიმებიანი აქ, თუმცა. 1047 00:53:04,940 --> 00:53:10,380 და ჩვენ გავაკეთებთ თარიღი dot-- ჩვენ გვინდა ჩვენი საათის განმავლობაში. 1048 00:53:10,380 --> 00:53:12,910 კიდევ ერთხელ, თუ თქვენ უნდა ვეძებოთ up შესახებ არაფერი თარიღი, 1049 00:53:12,910 --> 00:53:16,160 ის გითხრათ, რომ ეს არის ყველა ატრიბუტები, რომ დღემდე აქვს. 1050 00:53:16,160 --> 00:53:17,670 და აქ რა შეგიძლიათ გამოიყენოთ იგი. 1051 00:53:17,670 --> 00:53:20,620 ასე რომ, ეს, ალბათ, რამ, როგორიცაა მიიღეთ საათის განმავლობაში, და მიიღეთ წუთი, 1052 00:53:20,620 --> 00:53:24,669 და მიიღეთ წამში, და მიიღეთ მილიწამებში, და ვინ იცის, რა აქვთ. 1053 00:53:24,669 --> 00:53:27,210 მაგრამ თუ გადავხედავთ შევიდა დოკუმენტაცია, იქნება ყველა იქ. 1054 00:53:27,210 --> 00:53:31,980 >> ამიტომ ჩვენ უნდა მიიღოს საათის განმავლობაში, და მაშინ ჩვენ გვინდა 1055 00:53:31,980 --> 00:53:35,614 to concatenate რომ with-- ვარ აპირებს გადავიდეს ამ მეტი აქ. 1056 00:53:35,614 --> 00:53:38,780 ასე რომ, თუ ჩვენ მომტანი ახლა, ჩვენ რეალურად მომტანი დროს, არა? 1057 00:53:38,780 --> 00:53:43,590 ჩვენ გვაქვს საათის განმავლობაში, და მაშინ რა შორის საათი და წუთი? 1058 00:53:43,590 --> 00:53:45,080 თქვენ გაქვთ მძიმით, არა? 1059 00:53:45,080 --> 00:53:48,010 ასე რომ ჩვენ გვინდა გავაკეთოთ ზოგიერთი მძიმით აქ. 1060 00:53:48,010 --> 00:53:51,780 და მაშინ ჩვენ გვინდა ჩვენი წუთი, ასე რომ იგივე გზა 1061 00:53:51,780 --> 00:53:56,450 რომ ჩვენ გვაქვს თარიღი dot მისაღებად საათი, როგორ შეიძლება მივიღებთ ჩვენი წუთი? 1062 00:53:56,450 --> 00:54:01,542 ეს ფაქტიურად თარიღდება dot მისაღებად წუთი, რომელიც I ტიპის მოსწონს. 1063 00:54:01,542 --> 00:54:03,250 ეს იგივეა, "ო, როგორ მივიღო ჩემი წუთი? " 1064 00:54:03,250 --> 00:54:05,850 მე უბრალოდ ჩემი წუთის განმავლობაში. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 და მაშინ ჩვენ გვაქვს სხვა მსხვილი ნაწლავის აქ. 1067 00:54:10,990 --> 00:54:16,350 და მაშინ, თუ ჩვენ გვინდა, რომ ჩვენი წამი, როგორ შეიძლება მივიღებთ ჩვენი მეორე? 1068 00:54:16,350 --> 00:54:17,400 თარიღი dot მისაღებად წამი. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 მე ვფიქრობ, რომ ეს არის საკმაოდ გრილი. 1071 00:54:21,590 --> 00:54:23,589 და რა მნიშვნელოვანია გააცნობიეროს, ის არის, რომ ჩვენ ასევე 1072 00:54:23,589 --> 00:54:31,730 უნდა დახუროს ჩვენი HTML tag აქ, იმიტომ, ეს უნდა ისევ ძალაშია HTML, ასე h1. 1073 00:54:31,730 --> 00:54:33,481 მაგარი. 1074 00:54:33,481 --> 00:54:43,110 >> ასე შემდეგ, ჩვენ შეგვიძლია გავაკეთოთ საათი dot შიდა HTML ტოლია HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 ასე მახსოვს, როგორ განაცხადა შიდა HTML ძირითადად 1077 00:54:46,470 --> 00:54:50,610 იღებს რასაც შორის ორი tags, რომ ჩვენ ვისაუბრეთ 1078 00:54:50,610 --> 00:54:54,470 და ჩანართები ან მანიპულირებს რაც არის იქ? 1079 00:54:54,470 --> 00:54:58,290 მერე რა ეს იმას, თუ ჩვენ დავბრუნდებით ჩვენს საათი, 1080 00:54:58,290 --> 00:55:04,180 ის არის, რომ საათის ეხება ყველაფერი შიგნით ამ div. 1081 00:55:04,180 --> 00:55:09,770 ეს არის შიდა HTML ამ Id საათის div. 1082 00:55:09,770 --> 00:55:13,930 და ამიტომ აპირებს შეცვალოს იგი HTML, რომ ჩვენ უბრალოდ გენერირებული, 1083 00:55:13,930 --> 00:55:16,750 რომელიც, რომელიც, იმედია, იმედია, იმედია, 1084 00:55:16,750 --> 00:55:21,026 გამოჩნდება დრო ახლა. 1085 00:55:21,026 --> 00:55:23,960 ჩვენ დავინახავთ. 1086 00:55:23,960 --> 00:55:25,170 რა თქმა უნდა. 1087 00:55:25,170 --> 00:55:26,860 ამდენი ტექნიკური საკითხები. 1088 00:55:26,860 --> 00:55:31,480 Allison ის just-- ვარ off ჩემი თამაში დღეს ბიჭები. 1089 00:55:31,480 --> 00:55:34,136 OK, რომელიც მუშაობს. 1090 00:55:34,136 --> 00:55:35,760 საათი dot შიდა HTML. 1091 00:55:35,760 --> 00:55:42,097 ეს იყო HTML მართლა? 1092 00:55:42,097 --> 00:55:43,180 ასევე, ეს არის, რა მოხდება. 1093 00:55:43,180 --> 00:55:48,750 როდესაც თქვენ ვერ ვხედავ რაღაც, თქვენ უბრალოდ შეხედეთ თქვენი კოდის. 1094 00:55:48,750 --> 00:55:49,250 OK. 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 ნუ თქვენ გინდათ ვიცი მაგარი მუშაობის გარშემო ჩვენ ვაპირებთ, რომ სწორედ აქ? 1097 00:55:54,870 --> 00:55:55,740 >> აუდიტორია: შეგიძლიათ გააკეთოთ ასოებით? 1098 00:55:55,740 --> 00:55:56,580 ასოებით? 1099 00:55:56,580 --> 00:55:58,996 იმიტომ, რომ თქვენ უნდა მიიღოს საათის განმავლობაში, და შემდეგ მიიღოს წუთის განმავლობაში. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON BUCHHOLTZ-AU: ეს არის კიდევ საათი და get-- oh. 1101 00:56:02,590 --> 00:56:04,945 თქვენ are-- ოქროს ვარსკვლავი. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 ეს ყველა ტესტი, ბიჭები. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 მე გპირდებით, რომ ის მუშაობს ადრე კლასის. 1106 00:56:17,330 --> 00:56:22,590 >> OK, მაგრამ რაღაც მაგარი იცოდეს არის რომ თქვენ შეგიძლიათ also-- თუ ზოგჯერ 1107 00:56:22,590 --> 00:56:26,560 თქვენი გარე ფაილი მიღების ცოტა გიჟები, 1108 00:56:26,560 --> 00:56:30,960 ასევე, შეგიძლიათ მხოლოდ ისინი სწორი აქ, რომელიც აპირებს დაფიქსირება რამ. 1109 00:56:30,960 --> 00:56:35,840 გარდა ამ ჰგავს მართლაც მახინჯი. 1110 00:56:35,840 --> 00:56:38,050 რა თქმა უნდა ფორმატის ყველაფერი. 1111 00:56:38,050 --> 00:56:41,425 დარწმუნდით, რომ ეს ყველაფერი საკმაოდ. 1112 00:56:41,425 --> 00:56:41,925 OK. 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> მინდოდა ამის გაკეთება ყველა მაგარი demos, და ისინი უბრალოდ არ მუშაობს out. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Script var საათი. 1117 00:56:53,890 --> 00:57:00,350 მაინც, რა არის მნიშვნელოვანი არის რომ ეს არის საერთო გზა 1118 00:57:00,350 --> 00:57:01,870 , რომ თქვენ ფორმატის JavaScript. 1119 00:57:01,870 --> 00:57:04,490 როგორც ხედავთ, ეს შეიძლება იყოს ძალიან finicky ზოგჯერ, 1120 00:57:04,490 --> 00:57:08,780 მაშინაც კი, როდესაც ეს იყო ფაქტიურად სამუშაო ორი წამი წინ. 1121 00:57:08,780 --> 00:57:11,820 თუ არა ორი მეორე წინ, მაგრამ ძალიან, ძალიან დიდი ხნის წინ. 1122 00:57:11,820 --> 00:57:16,070 >> ასე, რომ ნახოთ, თუ რა უნდა გამოიყურებოდეს, და დავანახოთ, რომ მე არ ვარ შეშლილი, 1123 00:57:16,070 --> 00:57:19,730 და რომ ყველაფერი ზუსტად იგივე, ეს არის ის, რაც უნდა გამოიყურებოდეს. 1124 00:57:19,730 --> 00:57:27,410 თქვენ უბრალოდ აპირებს ამის გაკეთებას ზედა ნაწილი აქ, და თუ გაქვთ გვერდი წყარო, 1125 00:57:27,410 --> 00:57:32,160 თუ თქვენ შეამჩნევთ, მან გარკვეული crazier რამ, მე გაამარტივა იგი. 1126 00:57:32,160 --> 00:57:35,710 ასევე, საკრედიტო Tommy McWilliam, რომლებიც სინამდვილეში 1127 00:57:35,710 --> 00:57:38,810 დამეხმარა შექმნა ეს მაგალითები, რის გამოც მე ვიცი, ისინი მუშაობენ. 1128 00:57:38,810 --> 00:57:41,560 იმიტომ, Tommy არის JavaScript ოსტატი. 1129 00:57:41,560 --> 00:57:43,180 მაგრამ თუ ჩვენ შეამჩნევთ, ჩვენ გვაქვს რამდენიმე კომპლექტი. 1130 00:57:43,180 --> 00:57:45,170 ჩვენ გვაქვს ჩვენი საათის ფუნქცია აქ. 1131 00:57:45,170 --> 00:57:48,450 ეს არის ყველა JavaScript, რომ ჩვენ უბრალოდ დაწერა, ან ზოგიერთი მას. 1132 00:57:48,450 --> 00:57:51,470 ჩვენ უბრალოდ დაწერა ეს ერთი უფლება აქ. 1133 00:57:51,470 --> 00:57:54,260 და მას აქვს დამატებითი ფუნქცია, რომელიც მხოლოდ ბალიშები ეს 1134 00:57:54,260 --> 00:57:57,790 აყენებს ნულოვანი ადრე წერილი, ან სანამ რიგი, თუ ის 1135 00:57:57,790 --> 00:57:59,412 მხოლოდ ერთი მათგანი. 1136 00:57:59,412 --> 00:58:02,120 ასე რომ, თუ თქვენ შეამჩნევთ, რომ ეს არის საკმაოდ ბევრად ზუსტად ის, რაც ჩვენ უბრალოდ დაწერა. 1137 00:58:02,120 --> 00:58:06,230 თქვენ უნდა გარკვეული ცვლადი საათი, რომელიც აქვს ჩვენი ელემენტს მისაღებად ელემენტს ით, 1138 00:58:06,230 --> 00:58:07,252 რაც საათი. 1139 00:58:07,252 --> 00:58:08,960 ჩვენ გვაქვს ჩვენი ნაკრები ინტერვალით ფუნქცია, რომ 1140 00:58:08,960 --> 00:58:12,670 ანონიმური ფუნქცია რომელიც ახორციელებს ყველა ამ. 1141 00:58:12,670 --> 00:58:16,940 ჩვენ ზოგიერთი დაწყებული სიმებიანი HTML, რომ ჩვენ მაშინ დინამიურად 1142 00:58:16,940 --> 00:58:20,750 გენერირება მიერ გარკვეული h1 header, ინტეგრირების 1143 00:58:20,750 --> 00:58:23,950 ერთად მიიღეთ საათი, პლუს ჩვენი ნაწლავის, ასევე მიღების 1144 00:58:23,950 --> 00:58:26,860 წუთებში, ასევე სხვა მსხვილი ნაწლავის, ასევე ჩვენი წამი, 1145 00:58:26,860 --> 00:58:29,330 და ბოლოს, დამთავრებული HTML იგი. 1146 00:58:29,330 --> 00:58:34,210 და მაშინ ჩვენ განაახლოს ჩვენი clock dot შიდა HTML HTML, 1147 00:58:34,210 --> 00:58:37,640 და ჩვენ განახლება ყოველ 100 მილიწამებში. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> იხილეთ გპირდებით მე არ ვარ შეშლილი. 1150 00:58:42,470 --> 00:58:43,440 მე არ ვიცი. 1151 00:58:43,440 --> 00:58:47,160 მე არ ვიცი, რატომ არ მოვწონვარ. 1152 00:58:47,160 --> 00:58:54,030 მე ვგრძნობ, რომ გამოიყურება იგივე, მაგრამ როგორც ჩანს, ვძულვარ. 1153 00:58:54,030 --> 00:58:59,600 >> მოდით ვნახოთ, თუ ტურში სამი მიდის უკეთესი. 1154 00:58:59,600 --> 00:59:00,970 ჩვენ შესახებ იხ. 1155 00:59:00,970 --> 00:59:02,910 მე არ ვარ დარწმუნებული, თუ როგორ აპირებს წასვლა. 1156 00:59:02,910 --> 00:59:06,700 არის მაინც ყველას მისაღებად cons, მინდა უბრალოდ ზოგადი თემა 1157 00:59:06,700 --> 00:59:08,480 JavaScript, თუმცა? 1158 00:59:08,480 --> 00:59:15,660 იმედი მაქვს, რომ მაინც სასარგებლო, უფრო ვიდრე აჩვენებს, რომ ეს ცოტა finicky. 1159 00:59:15,660 --> 00:59:21,190 მაგრამ თქვენი პრობლემა კომპლექტი იქნება ძალიან სახალისო. 1160 00:59:21,190 --> 00:59:22,590 ეს იქნება დიდი. 1161 00:59:22,590 --> 00:59:24,820 ეს არ იქნება საკმაოდ როგორც tedious როგორც ეს, მე არ ვფიქრობ. 1162 00:59:24,820 --> 00:59:28,100 თქვენ რეალურად მისაღებად ვხედავ მართლაც მაგარი რამ. 1163 00:59:28,100 --> 00:59:31,734 >> ასე რომ, ბოლო, მაგრამ არანაკლებ, ჩვენ შევეცდებით Twitter ერთი. 1164 00:59:31,734 --> 00:59:32,900 მე ნამდვილად ეშინია ახლა, ბიჭები. 1165 00:59:32,900 --> 00:59:35,762 მე არ ვიცი, თუ როგორ აპირებს წასვლა. 1166 00:59:35,762 --> 00:59:39,930 მაგრამ უნდა გადმოგცეთ პატარა უფრო გემოვნების და ეს არის რეალურად 1167 00:59:39,930 --> 00:59:44,190 მანიპულირების სიმები და საშუალებებით, რასაც ჩვენ ვაპირებთ, რომ 1168 00:59:44,190 --> 00:59:50,960 არის, თუ ჩვენ შეამჩნევთ აქ HTML-- ეს ერთი ცოტა more-- 1169 00:59:50,960 --> 00:59:57,200 ჩვენ გვაქვს გარკვეული ტექსტი ტერიტორია, რომელიც შეესაბამება ამ ტექსტის სფეროში აქ. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 და რომ Id ტექსტი. 1172 01:00:00,420 --> 01:00:04,520 ჩვენ გადაარქვეს ცოტა ზოგიერთი სიგანე და სიმაღლე 1173 01:00:04,520 --> 01:00:07,310 რომ ჩვენ წინასწარ, და ჩვენ h1, 1174 01:00:07,310 --> 01:00:11,260 რომელიც მხოლოდ ჩვენი header ერთი, რომ წარმოადგენს ჩვენი გმირები დატოვა. 1175 01:00:11,260 --> 01:00:14,570 ჩვენ მივეცით მას გარკვეული Id of გმირები დარჩენილი, 1176 01:00:14,570 --> 01:00:18,660 და მაშინ ჩვენ გვაქვს script აქ, რაც მე ნამდვილად 1177 01:00:18,660 --> 01:00:20,790 იმ იმედით, მესამედ მიერ ხიბლი აქ, ბიჭები. 1178 01:00:20,790 --> 01:00:26,750 >> ასე რომ, ჩვენ გვინდა, რომ გავაკეთოთ, იმავე ზოგადი ვენების 1179 01:00:26,750 --> 01:00:31,480 რომ ჩვენ გავაკეთეთ ზე dot js და პარტიის dot js როგორც ჩვენ შენიშნა, 1180 01:00:31,480 --> 01:00:35,980 არის დავიწყეთ რეალურად grabbing რამ, რომ ჩვენ აღელვებს, არა? 1181 01:00:35,980 --> 01:00:42,330 ასე რომ, ამ შემთხვევაში, არსებობს ორი რამ, რომ ჩვენ აღელვებს, OK? 1182 01:00:42,330 --> 01:00:47,199 ერთი რამ, რომ ჩვენ რეალურად სახის გადავხედავ და ხატვის მონაცემები, 1183 01:00:47,199 --> 01:00:48,990 და ერთი რამ, რომ ჩვენ რეალურად იცვლება. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 ასე რომ იქ ჩვენი HTML. 1186 01:00:53,730 --> 01:01:00,370 თუ ეს არის ჩვენი ვებ გვერდზე აქ, რა არის მონაცემები, რომ ჩვენ ვეძებთ? 1187 01:01:00,370 --> 01:01:03,860 ის იქნება რასაც ტექსტში ჩვენი ყუთები, არა? 1188 01:01:03,860 --> 01:01:05,310 ასე რომ, რაც მე აკრიფოთ აქ. 1189 01:01:05,310 --> 01:01:08,150 ეს არის ის, რაც მე მინდა იცით, ან ეს არის ის, რაც მე მინდა შევხედოთ. 1190 01:01:08,150 --> 01:01:10,690 და რა იქნება იცვლება ჩვენი ვებ გვერდი? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 გმირები დარჩენილი. 1193 01:01:14,880 --> 01:01:19,550 ასე რომ, იგივე გზა, ჩვენ გვინდა გავუშვით მიერ ინიციალიზაციისას ცვლადები 1194 01:01:19,550 --> 01:01:22,030 რომ რეალურად გამართავს გადატანა იმ ელემენტებს. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 ასე რომ, თუ ჩვენ გვაქვს გარკვეული var ეს არის ჩვენი ტექსტის არე, 1197 01:01:29,930 --> 01:01:33,681 და ჩვენ გვაქვს გარკვეული var, რომ დარჩენილი. 1198 01:01:33,681 --> 01:01:34,180 არა? 1199 01:01:34,180 --> 01:01:36,190 ასე რომ ეს აპირებს ჩაატაროს იმ ორი რამ. 1200 01:01:36,190 --> 01:01:42,370 ასე რომ, იგივე სახის რამ, დოკუმენტის dot-- OK, მე 1201 01:01:42,370 --> 01:01:45,920 ვაპირებთ, რომ დავრწმუნდეთ, რომ ეს არის იმუშავებს ამ დროს. 1202 01:01:45,920 --> 01:01:49,620 მე ძალიან დარწმუნებულია. 1203 01:01:49,620 --> 01:01:53,310 OK, ასე რომ, თუ გვინდა, რომ ჩვენი ტექსტის ტერიტორიაზე თანახმად, 1204 01:01:53,310 --> 01:01:55,710 ჩვენი HTML, რა არის ჩვენი იდენტიფიკატორი? 1205 01:01:55,710 --> 01:01:56,420 რა არის ჩვენი Id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 ეს უბრალოდ იქნება ტექსტი, რადგან ეს ქმნის ჩვენი ტექსტი ნაკვეთი, OK, 1208 01:02:05,540 --> 01:02:10,320 და ჩვენი Id ტექსტი, ისე, რომ როგორ შეგვიძლია დაიბრუნოს რა იქ. 1209 01:02:10,320 --> 01:02:12,130 OK, მძიმით. 1210 01:02:12,130 --> 01:02:13,940 მე ვაპირებ იყოს სუპერ ზუსტი შესახებ, 1211 01:02:13,940 --> 01:02:16,300 რადგან მინდა, რომ ეს მუშაობა ამ დროს. 1212 01:02:16,300 --> 01:02:22,120 OK, გავაკეთოთ იგივე, მიიღეთ ელემენტს Id. 1213 01:02:22,120 --> 01:02:25,970 მე ნამდვილად მაინტერესებს, რა აქვს გამოწვეული სხვა ორი mess up. 1214 01:02:25,970 --> 01:02:29,750 OK, მაშინ ამ ერთი, რა გვინდა, რათა შეამოწმონ? 1215 01:02:29,750 --> 01:02:30,760 რა არის ჩვენი Id აქ? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 ჩვენ გვაქვს კიდევ ერთი Id in ჩვენი HTML, რა არის ეს? 1218 01:02:36,261 --> 01:02:37,552 აუდიტორია: პერსონაჯები დარჩენილი. 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-AU: დარჩენილი ნიშნები. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OK. 1222 01:02:44,330 --> 01:02:46,010 მაგარი. 1223 01:02:46,010 --> 01:02:49,800 ამიტომ მე უბრალოდ აპირებს წერენ ამ მართლაც სწრაფი. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 მე უბრალოდ აპირებს დაწერა ეს მეორე. 1226 01:02:55,330 --> 01:02:56,190 ასე ტექსტი ტერიტორიაზე. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 საინტერესო ისაა, B ფუნქცია არსებობს უამრავი ფუნქციები, რომელიც არა მხოლოდ 1229 01:03:06,180 --> 01:03:09,690 შეესაბამება თქვენი თაგვის, მაგრამ თქვენს კლავიატურაზე. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 ასე შეიძლება ითქვას, როდესაც რაიმე გასაღები არის დაპრესილი, შეგიძლიათ რამ, როგორიცაა, რომ. 1232 01:03:16,540 --> 01:03:20,450 ასე რომ, ერთი, რომ ჩვენ გამოყენებით ეწოდება გასაღები up, რომელიც 1233 01:03:20,450 --> 01:03:25,320 ამბობს, "თუ თქვენ დაპრესილი ნებისმიერ ღილაკს თქვენს კლავიატურაზე, როდესაც მომხმარებელი გააუქმა 1234 01:03:25,320 --> 01:03:28,064 მათი თითის off ღილაკს, და გასაღები გახდა unpressed, 1235 01:03:28,064 --> 01:03:29,480 მაშინ ჩვენ ვაპირებთ, რომ რამე ". 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 ასე რომ, ეს აზრი, არა? 1238 01:03:31,370 --> 01:03:33,540 იმიტომ, რომ ყველა პერსონაჟი ჩვენ ტიპის, ჩვენ ვაპირებთ 1239 01:03:33,540 --> 01:03:36,550 უნდა მოხსნას ჩვენი თითების off ეს, ასე რომ, როდესაც გასაღები მიდის, 1240 01:03:36,550 --> 01:03:40,980 ჩვენ შეგვიძლია გავიგოთ, რომ decrement ჩვენი გმირები დარჩენილი. 1241 01:03:40,980 --> 01:03:44,440 >> ასე რომ, ჩვენ გვაქვს გასაღები up, და ანალოგიურად, 1242 01:03:44,440 --> 01:03:47,480 ჩვენ ვაპირებთ, რომ ვთქვათ, "OK, როდესაც ჩვენ გავაკეთებთ, რომ ჩვენ 1243 01:03:47,480 --> 01:03:55,110 ვაპირებთ, რომ შევქმნათ რამოდენიმე ფუნქცია რომ აპირებს e ", ამ შემთხვევაში, 1244 01:03:55,110 --> 01:03:58,800 და რა გვინდა გავაკეთოთ არის გამოთვლა რაოდენობის დარჩენილი. 1245 01:03:58,800 --> 01:04:02,510 OK, მოდით დავიწყო შექმნით ცვლადი. 1246 01:04:02,510 --> 01:04:05,830 ამიტომ ჩვენ გვაქვს რამდენიმე ცვლადი r, რომ აპირებს წარმოადგენს 1247 01:04:05,830 --> 01:04:07,720 რამდენი გმირები ჩვენ არ დაუტოვებიათ. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 ჩვენ ვიცით, რომ ჩვენ დავიწყებთ 140, და თუ ჩვენ გვინდა ვიცოდეთ, 1250 01:04:14,540 --> 01:04:18,360 ვთქვათ, სიგრძით ეს string, რომ უკვე input, 1251 01:04:18,360 --> 01:04:20,860 რა ბიჭებს რაიმე იდეა როგორ შეიძლება ამის გაკეთება? 1252 01:04:20,860 --> 01:04:23,900 მხოლოდ დაფუძნებული off აშკარა რამ, როგორიცაა, თუ გვინდოდა საათი, 1253 01:04:23,900 --> 01:04:25,870 ჩვენ გამოიყენება მიიღოს საათის განმავლობაში. 1254 01:04:25,870 --> 01:04:28,860 ჩვენ ვიცით, რომ ჩვენი მიზანია ტექსტის ტერიტორიაზე, მაგრამ ვერ თქვენ ბიჭები 1255 01:04:28,860 --> 01:04:33,050 ვფიქრობ, რა შეიძლება დადგეს ეს? 1256 01:04:33,050 --> 01:04:35,280 ნებისმიერი იდეები? 1257 01:04:35,280 --> 01:04:41,730 >> ასე რომ, ეს ერთი სახის ნაკლები ინტუიციური, მაგრამ მისი ღირებულება dot სიგრძე. 1258 01:04:41,730 --> 01:04:44,700 ასე რომ მხოლოდ მომეცით მნიშვნელობა ატრიბუტი, რომელიც 1259 01:04:44,700 --> 01:04:46,500 რეალურად, სიგრძით ეს კონტექსტი. 1260 01:04:46,500 --> 01:04:50,340 ასე რომ, ის აპირებს ამბობენ, "OK, ვეძებ ამ მთელი სიმებიანი ფარგლებში ტექსტი ტერიტორია, 1261 01:04:50,340 --> 01:04:52,730 და მე ვაპირებ ვუთხრა თქვენ რამდენი ხანი არის. " 1262 01:04:52,730 --> 01:04:55,500 იმიტომ, რომ თუ ჩვენ გვახსოვს strings მართლაც მხოლოდ მასივი, 1263 01:04:55,500 --> 01:04:58,110 ამიტომ ჩვენ შეგვიძლია მხოლოდ მიიღოს სიგრძეზე მათ. 1264 01:04:58,110 --> 01:05:01,860 ამიტომ ჩვენ გვაქვს. 1265 01:05:01,860 --> 01:05:04,058 მაგარი. 1266 01:05:04,058 --> 01:05:09,360 >> შემდეგ, რაც ჩვენ გვსურს რომ არის ჩვენ არასოდეს გვინდა დაუშვას შესახებ 1267 01:05:09,360 --> 01:05:12,340 შეყვანის ზე მეტი 140 სიმბოლო, არა? 1268 01:05:12,340 --> 01:05:15,610 იმიტომ, რომ თუ ჩვენ ვამბობთ, როგორიცაა, "ო, თქვენ მხოლოდ ამ ბევრი დარჩა " 1269 01:05:15,610 --> 01:05:20,522 და შემდეგ მისცეს მათ ამის გაკეთება მაინც, ჩვენ ცრუობს. 1270 01:05:20,522 --> 01:05:22,230 და ეს არის კიდევ ერთი საქმე იმაშია, რომ JavaScript 1271 01:05:22,230 --> 01:05:24,530 შეიძლება მართლაც კარგი , არის შესახებ დადასტურება 1272 01:05:24,530 --> 01:05:29,062 და მიღების დარწმუნებული ვარ, რომ თქვენი პროფაილი ჯდება რაიმე წესები 1273 01:05:29,062 --> 01:05:30,270 რომ თქვენ აღმოუჩინეს. 1274 01:05:30,270 --> 01:05:36,020 ასე რომ, თუ გსურთ რამ, როგორიცაა მიღების დარწმუნებული ვარ, ვინმე შეყვანის მათი ელექტრონული ფოსტის მისამართი, 1275 01:05:36,020 --> 01:05:40,242 ან მიღების დარწმუნებული ვარ, რომ როდესაც ისინი შესვლის პაროლები, ისინი შესაბამისი. 1276 01:05:40,242 --> 01:05:41,200 JavaScript არ შეუძლია. 1277 01:05:41,200 --> 01:05:44,010 თქვენ რაღაც, როგორიცაა, "როდესაც სახით არის წარმოდგენილი ", ან მოსწონს, 1278 01:05:44,010 --> 01:05:48,170 "როდესაც წარადგინეთ ფორმა ღილაკს დააწკაპებთ, შეამოწმეთ ეს ყველაფერი. " 1279 01:05:48,170 --> 01:05:49,670 და ჩვენ შეგვიძლია გავაკეთოთ, რომ JavaScript. 1280 01:05:49,670 --> 01:05:52,680 ასე რომ მხოლოდ ის, რაც ჩვენ ვაპირებთ, რომ აქ. 1281 01:05:52,680 --> 01:05:57,810 >> ასე რომ, რა შეიძლება იყოს გზა, რათა შეამოწმოს, თუ ისინი წავიდნენ 140-ზე მეტი პერსონაჟი? 1282 01:05:57,810 --> 01:06:03,310 რა მოხდება ჩვენი ღირებულება r თუ ისინი ცდილობენ? 1283 01:06:03,310 --> 01:06:04,760 ეს იქნება უარყოფითი, არა? 1284 01:06:04,760 --> 01:06:07,380 ან ის იქნება ნაკლები, ვიდრე ან ნულის ტოლია. 1285 01:06:07,380 --> 01:06:13,690 ასე რომ, ჩვენ შეგვიძლია გამოვიყენოთ, თუ ეს არის ისევე, როგორც სხვა ყველაფერი. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 და ჩვენ გვაქვს გარკვეული ტექსტი ნაკვეთი dot მნიშვნელობა, რასაც ჩვენ ვაკეთებთ აქ 1288 01:06:20,480 --> 01:06:29,940 ჩვენ უბრალოდ cutting-- რა არის ეს? 1289 01:06:29,940 --> 01:06:30,900 უკაცრავად. 1290 01:06:30,900 --> 01:06:32,732 ეს ერთი, ჩვენ უბრალოდ გვინდა დაბრუნების ცრუ. 1291 01:06:32,732 --> 01:06:34,030 მე აერია. 1292 01:06:34,030 --> 01:06:36,560 ყველა Frazzled რამ არ მუშაობს. 1293 01:06:36,560 --> 01:06:40,010 OK, ჩვენ უბრალოდ გვინდა დაბრუნების ცრუ, და მაშინ ჩვენ 1294 01:06:40,010 --> 01:06:44,160 გინდათ რომ გამოაჩინოთ დარჩენილი სიმბოლოების, არა? 1295 01:06:44,160 --> 01:06:48,720 ასე რომ, საათი, ჩვენ გავაკეთეთ რაღაც შინაგანი HTML, არა? 1296 01:06:48,720 --> 01:06:52,070 სადაც ჩვენ ვაყენებთ მას ტოლი ზოგიერთი ცვლადი, ასე რომ რა შეიძლება გავაკეთოთ აქ? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 რა ჩვენ იცვლება შიდა HTML? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> აუდიტორია: დარჩენილი? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON BUCHHOLTZ-AU: ჩვენ ცვალებად დარჩენილი. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 ყველა უფლება, და რა ჩვენ მინდა მითითებული ის ტოლია? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 ეს იქნება r, იმიტომ, რომ უნდა იყოს ჩვენი გმირები დარჩენილი. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 ასე რომ მე ნამდვილად ნერვიულობის, რომ, თუ ამ მუშაობს, მაგრამ ჩვენ დავინახავთ. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 დატოვეთ ეს. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 რომ მართლაც სწრაფი. 1312 01:07:37,700 --> 01:07:38,970 [INAUDIBLE] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 ერთხელ, მე უბრალოდ აპირებს გაჩვენოთ. 1315 01:07:45,990 --> 01:07:49,430 სხვადსხვა მიზეზის გამო, mine გადაწყვეტს, რომ არ მუშაობს, 1316 01:07:49,430 --> 01:07:53,354 მაგრამ რა მე გაჩვენებთ არის, რომ ეს is-- oh, მე უნდა დააყენოს, რომ. 1317 01:07:53,354 --> 01:07:57,470 OK, ჩვენ შეამჩნია იგივე სახის რამ აქ, მიღების ტექსტში ტერიტორიაზე. 1318 01:07:57,470 --> 01:08:01,070 >> გარდა ამისა, თუ ბიჭი შეამჩნია, თუ არსებობს ოდესმე რაღაც გსურთ ამის გაკეთება, 1319 01:08:01,070 --> 01:08:04,080 და თქვენ არ იცით, თუ როგორ უნდა გავაკეთოთ ის, უბრალოდ დააჭირეთ View Page წყარო, 1320 01:08:04,080 --> 01:08:06,632 და ისინი აპირებენ, რომ გითხრათ. 1321 01:08:06,632 --> 01:08:07,840 ზოგჯერ ეს იქნება დაშიფრული. 1322 01:08:07,840 --> 01:08:11,147 თქვენი pset, ჩვენ დაშიფვრა ყველაფერი, ასე რომ, ეს მხოლოდ ჰგავს გაუგებრობა. 1323 01:08:11,147 --> 01:08:13,480 მაგრამ თუ არსებობს ოდესმე მართლაც მაგარი საიტი, რომელიც გსურთ, 1324 01:08:13,480 --> 01:08:17,729 თუ უბრალოდ დააჭირეთ View Page წყარო, ის აპირებს გითხრათ, თუ როგორ უნდა გავაკეთოთ. 1325 01:08:17,729 --> 01:08:20,770 ასე რომ კიდევ ერთხელ, მუშაობა მსოფლიოს სასურველი სტუმარი გახდებით, არ დამძიმდა. 1326 01:08:20,770 --> 01:08:24,250 და როგორც ხედავთ აქ, ყველა ეს ყველაფერი არის იგივე. 1327 01:08:24,250 --> 01:08:31,930 ეს ერთი აქ მხოლოდ იღებს გარკვეული substring რომ, მე დაგვავიწყდეს, ზუსტად რა ეს იმას. 1328 01:08:31,930 --> 01:08:36,980 მაგრამ აშკარად სჭირდება გარკვეული substring ღირებულება ნულიდან ათი, 1329 01:08:36,980 --> 01:08:41,540 და დააბრუნებს false რა უნდა შეწყვიტოს საქართველოს შესახებ შესაყვანი აღარ, 1330 01:08:41,540 --> 01:08:46,040 და მაშინ აშკარად განახლებები შიდა HTML არსებობს. 1331 01:08:46,040 --> 01:08:47,410 >> მაგარი. 1332 01:08:47,410 --> 01:08:53,000 ასე რომ, დიდი მიიღოს aways დღეს, ექსპერიმენტი, შევხედოთ კოდის 1333 01:08:53,000 --> 01:08:58,359 იმიტომ, რომ ის აპირებს დაგეხმარებათ ბევრი, და ყველას, ზოგჯერ JavaScript 1334 01:08:58,359 --> 01:09:03,200 შეიძლება იყოს მძიმე მუშაობა და არ ყოველთვის მუშაობა გზა ელის მას, 1335 01:09:03,200 --> 01:09:05,700 მაგრამ მხოლოდ შენარჩუნებას ცდილობს იმიტომ, რომ მე გპირდებით, რომ ეს იქნება. 1336 01:09:05,700 --> 01:09:08,376 მე გპირდებით, ყველა ამ მაგალითები იყო სამუშაო ადრე კლასის. 1337 01:09:08,376 --> 01:09:09,750 მე არ მესმის რა მოხდა. 1338 01:09:09,750 --> 01:09:13,069 მე ფაქტიურად ყველაფერი იგივე. 1339 01:09:13,069 --> 01:09:17,660 >> ერთი რამ, რომ მე უბრალოდ მინდა გაჩვენებ ბიჭებს, რომ შეიძლება იყოს სუპერ სასარგებლო 1340 01:09:17,660 --> 01:09:21,630 არის in-- რა მუშაობდა ადრე? 1341 01:09:21,630 --> 01:09:23,935 მივიღეთ პარტიის მუშაობა, არ გვაქვს? 1342 01:09:23,935 --> 01:09:26,569 მე ასე ვფიქრობ. 1343 01:09:26,569 --> 01:09:27,069 დიახ. 1344 01:09:27,069 --> 01:09:27,630 ჩვენ გავაკეთეთ. 1345 01:09:27,630 --> 01:09:28,250 გასაოცარია. 1346 01:09:28,250 --> 01:09:31,189 OK, ასე რომ ერთი რამ, რომ თქვენ ბიჭები უნდა იცოდეს 1347 01:09:31,189 --> 01:09:33,340 არის კონსოლის ჟურნალი, რომ ვსაუბრობდი. 1348 01:09:33,340 --> 01:09:37,040 ასე ნუგეშია dot ჟურნალი hello. 1349 01:09:37,040 --> 01:09:40,430 ასე რომ, ეს არის ერთგვარი JavaScript ექვივალენტი printf. 1350 01:09:40,430 --> 01:09:42,810 ასე რომ, თუ თქვენ ოდესმე გვინდა შეამოწმოს თქვენი ცვლადები 1351 01:09:42,810 --> 01:09:49,649 ან, რა ხდება იქ, რა შეგიძლიათ გააკეთოთ, თუ ჩვენ შეამოწმოს ელემენტის, 1352 01:09:49,649 --> 01:09:51,899 არის ის, რაც გსურთ წავიდეთ , და თქვენ გადასვლა ნუგეშია, 1353 01:09:51,899 --> 01:09:53,770 დაინახავთ, რომ დაბეჭდილი hello. 1354 01:09:53,770 --> 01:09:55,750 >> ასე რომ, ჩვენ შეიძლება ეს ბეჭდვითი რაც გვინდოდა. 1355 01:09:55,750 --> 01:10:04,170 თუ გვინდოდა ბეჭდვა ფონზე dot style dot ფონზე, 1356 01:10:04,170 --> 01:10:08,454 ჩვენ უნდა ნახოს RGB triple, რომ მოდის up. 1357 01:10:08,454 --> 01:10:11,140 თუ არა. 1358 01:10:11,140 --> 01:10:13,520 მე დაგვავიწყდეს, თუ რამდენად თქვენ ბეჭდვა ცვლადი როგორც, რომ, 1359 01:10:13,520 --> 01:10:17,249 მაგრამ თქვენ უნდა შეეძლოს ბეჭდვა რამ, როგორიცაა, რომ. 1360 01:10:17,249 --> 01:10:19,040 რომ ძალიან სასარგებლო იქნება თქვენი pset, როდესაც 1361 01:10:19,040 --> 01:10:23,330 თქვენ ცდილობთ მანიპულირება კოორდინატები ან whatnot. 1362 01:10:23,330 --> 01:10:25,270 ასე რომ, ისინი ასევე შეცვალოს ეს ნაჭერი კლასში. 1363 01:10:25,270 --> 01:10:30,750 ეს განსხვავდება ბოლო წლების განმავლობაში, ასე რომ უბრალოდ იყოს ლამაზი თქვენი TFs, ან TFs 1364 01:10:30,750 --> 01:10:36,350 ოფისში საათის არამედ, იმიტომ, რომ ჩვენ როგორია სასწავლო ერთად ბიჭები. 1365 01:10:36,350 --> 01:10:41,230 მაგრამ console ჟურნალი იყო სუპერ, სუპერ სასარგებლო JavaScript შარშან. 1366 01:10:41,230 --> 01:10:42,740 ასე მიყვარს. 1367 01:10:42,740 --> 01:10:43,780 ვისწავლოთ თუ როგორ გამოიყენოთ იგი. 1368 01:10:43,780 --> 01:10:49,026 ეს ადვილი გამოყენება, ვიდრე GDB, ისე, რომ უნდა იყოს მინიმუმ პლუს წერტილი. 1369 01:10:49,026 --> 01:10:50,650 მაგრამ მადლობა ბიჭებს ეყრდნობიან ჩემთან ერთად. 1370 01:10:50,650 --> 01:10:53,400 მე ვწუხვარ, რომ ჩემი მაგალითები რატომღაც 1371 01:10:53,400 --> 01:10:55,410 უბრალოდ არ სურს ითანამშრომლოს, მაგრამ მე 1372 01:10:55,410 --> 01:11:01,010 იმედი გვაქვს, რომ ეს დაეხმარა სახის მისაღებად თქვენ ცოტა მეტი ზონაში JavaScript. 1373 01:11:01,010 --> 01:11:04,980 და გამომიგზავნოთ თქვენი კითხვები მომავალ კვირას ასე შეიძლება სუპერ გარემონტებული, 1374 01:11:04,980 --> 01:11:09,420 და მე მოუტანს candy და კიდევ დამატებით candy რადგან ეს იყო სასაცილოა. 1375 01:11:09,420 --> 01:11:14,000 მაგრამ თქვენ ბიჭები არიან დიდი, და რა კვირაში. 1376 01:11:14,000 --> 01:11:15,584