1 00:00:00,000 --> 00:00:07,920 2 00:00:07,920 --> 00:00:10,850 >> JASON Hirschhorn: Chào tất cả mọi người, tuần chín. 3 00:00:10,850 --> 00:00:14,800 Chúng tôi có một tuần thú vị phía trước của chúng tôi bởi vì chúng tôi có vấn đề tập cuối cùng của chúng tôi. 4 00:00:14,800 --> 00:00:18,330 Chúng tôi cũng có một thương hiệu ngôn ngữ mới, JavaScript, bạn đã có trong 5 00:00:18,330 --> 00:00:22,690 giữa sử dụng không chỉ cho việc này bộ vấn đề, nhưng nhiều bạn sẽ 6 00:00:22,690 --> 00:00:24,780 có thể sử dụng nó cho thức các dự án, đặc biệt là 7 00:00:24,780 --> 00:00:26,000 dự án cuối cùng dựa trên web. 8 00:00:26,000 --> 00:00:32,330 Vì vậy, đó là những gì chúng ta sẽ đi qua hôm nay sau khi nói ngắn gọn về nguồn lực, 9 00:00:32,330 --> 00:00:33,180 mà chúng tôi làm mỗi tuần. 10 00:00:33,180 --> 00:00:36,850 Chúng tôi sẽ nhảy vào JavaScript, và sau đó chúng tôi sẽ dành tất cả phần với một 11 00:00:36,850 --> 00:00:44,460 thực hành các hoạt động mã hóa Dolphin Trainer 2K13, mà là giống như Madden 12 00:00:44,460 --> 00:00:48,650 2013, nhưng đối với cá heo và trong JavaScript. 13 00:00:48,650 --> 00:00:49,910 >> [Cười] 14 00:00:49,910 --> 00:00:53,670 >> JASON Hirschhorn: Vì vậy, như mọi khi, một danh sách các nguồn lực cho bạn để kiểm tra. 15 00:00:53,670 --> 00:01:00,040 Các nguồn lực đặc biệt quan trọng bởi vì tuần tới 16 00:01:00,040 --> 00:01:05,630 Thứ tư là bài kiểm tra một, thứ hai của bạn và bài kiểm tra cuối cùng trong khóa học này. 17 00:01:05,630 --> 00:01:10,700 Cũng giống như bài kiểm tra không, đó là 75 phút và bắt đầu một chút sau 01:00. 18 00:01:10,700 --> 00:01:16,400 Nó bao gồm tất cả mọi thứ kể từ ngày không của khóa học này, nhưng chắc chắn 19 00:01:16,400 --> 00:01:20,360 nhấn mạnh tất cả những gì có đã xảy ra kể từ khi bài kiểm tra một. 20 00:01:20,360 --> 00:01:23,610 >> Nhưng tất nhiên, chúng ta đã cho các vòng vào đầu năm nay. 21 00:01:23,610 --> 00:01:27,130 Đối với vòng có lẽ vẫn còn đang đi là một phần của bài kiểm tra này, vì vậy nó không 22 00:01:27,130 --> 00:01:31,050 như bạn có thể bỏ qua tất cả mọi thứ xảy ra trước tuần năm hay bài kiểm tra không 23 00:01:31,050 --> 00:01:32,910 bởi vì khóa học này xây dựng trên chính nó rất nhiều. 24 00:01:32,910 --> 00:01:37,080 Nhưng chắc chắn là Trọng tâm sẽ là điều chúng tôi đã học được từ tuần sáu. 25 00:01:37,080 --> 00:01:42,520 Bao gồm PHP, JavaScript, SQL chắc chắn, và cũng là cao cấp hơn 26 00:01:42,520 --> 00:01:46,560 cấu trúc dữ liệu chúng ta đã nói trong C. Một loạt các chủ đề khác, nhưng chúng tôi 27 00:01:46,560 --> 00:01:49,860 sẽ thảo luận rằng tuần tới như chúng tôi xem xét cho các bài kiểm tra. 28 00:01:49,860 --> 00:01:52,940 >> Và cũng như mọi khi, nếu bạn có bất kỳ câu hỏi về các bài kiểm tra như bạn 29 00:01:52,940 --> 00:01:56,690 chuẩn bị, cảm thấy tự do gửi theo cách của tôi. 30 00:01:56,690 --> 00:02:00,230 Ngay bây giờ, không ai có bất kỳ câu hỏi nhanh về các bài kiểm tra? 31 00:02:00,230 --> 00:02:03,140 32 00:02:03,140 --> 00:02:03,380 >> OK. 33 00:02:03,380 --> 00:02:06,440 Không cần phải lo lắng về nó hoặc dị ra về ngay bây giờ, nhưng giữ cho rằng trong 34 00:02:06,440 --> 00:02:10,130 lại trong tâm trí của bạn, bởi vì đó là xảy ra một tuần và một ngày từ bây giờ. 35 00:02:10,130 --> 00:02:15,030 >> Cuối cùng, tôi biết chúng tôi đang chạy theo hướng kết thúc học kỳ - 36 00:02:15,030 --> 00:02:19,910 chỉ có hai phần còn lại sau khi này - nhưng tôi vẫn bị kích thích và 37 00:02:19,910 --> 00:02:21,930 háo hức cho thông tin phản hồi của bạn nếu bạn có bất kỳ. 38 00:02:21,930 --> 00:02:24,500 Tôi muốn làm những việc tốt nhất hai phần bao giờ hết. 39 00:02:24,500 --> 00:02:27,670 Họ có thể sẽ được, vì mỗi phần là tuyệt vời và tốt nhất bao giờ hết. 40 00:02:27,670 --> 00:02:32,260 Tôi không biết làm thế nào đó là có thể, nhưng tất cả họ đã được tuyệt vời, tôi nghĩ. 41 00:02:32,260 --> 00:02:37,560 >> Các thông tin phản hồi tôi đã nhận được đã kéo ra không có gì và không có từ cho 42 00:02:37,560 --> 00:02:40,880 vài tuần, vì vậy xin vui lòng cho tôi một số thông tin phản hồi nếu bạn có nó. 43 00:02:40,880 --> 00:02:42,910 Phải mất ba phút. 44 00:02:42,910 --> 00:02:44,900 Bạn có thể cho tôi biết những điều tốt đẹp bạn muốn tôi tiếp tục làm hay 45 00:02:44,900 --> 00:02:46,080 những điều tôi có thể làm việc trên. 46 00:02:46,080 --> 00:02:49,700 Tôi đang cố gắng để được người thầy tốt nhất có thể, hoặc tôi đang cố gắng để làm tốt nhất 47 00:02:49,700 --> 00:02:52,920 Tôi có thể, nhưng tôi không thể làm điều đó nếu tôi không biết làm thế nào bạn đang làm. 48 00:02:52,920 --> 00:02:55,080 Và thật khó để nói tại sao bạn đang rơi ngủ gật trong lớp, vì vậy hãy để tôi 49 00:02:55,080 --> 00:02:58,250 biết lý do tại sao sau đó là trường hợp. 50 00:02:58,250 --> 00:03:00,940 >> Tôi đã cho các bạn hình ảnh này tuần trước. 51 00:03:00,940 --> 00:03:06,910 Đây là Teenage Mutant Ninja Turtles xe đạp tôi đã có khi tôi còn nhỏ, 52 00:03:06,910 --> 00:03:12,350 và chúng tôi đang tiếp tục đẩy các bạn mà không có bánh xe đào tạo như chúng ta đắm 53 00:03:12,350 --> 00:03:13,630 bạn bằng ngôn ngữ khác. 54 00:03:13,630 --> 00:03:18,420 Nhưng yên tâm, JavaScript, như PHP, rất giống với những thứ bạn đã 55 00:03:18,420 --> 00:03:18,990 làm trong quá khứ. 56 00:03:18,990 --> 00:03:24,100 Rất nhiều logic chuyển hơn, nếu không phải là cú pháp, đúng một-cho-một. 57 00:03:24,100 --> 00:03:26,910 Nhưng một lần nữa, tất cả các ngôn ngữ chúng tôi đã đi qua trong quá khứ vài 58 00:03:26,910 --> 00:03:30,175 tuần, mặc dù họ có vẻ áp đảo, là rất mạnh và sẽ cho phép 59 00:03:30,175 --> 00:03:34,440 bạn làm được rất nhiều trong dự án cuối cùng của bạn và có lẽ trang web khác mà bạn 60 00:03:34,440 --> 00:03:36,180 mã trong tương lai. 61 00:03:36,180 --> 00:03:41,000 >> Vì vậy, không có thêm ado, chúng ta sẽ để bắt đầu lặn vào JavaScript. 62 00:03:41,000 --> 00:03:44,630 Chúng ta sẽ nói về nó một thời gian ngắn và sau đó thực sự có được vào thực hành 63 00:03:44,630 --> 00:03:48,300 mã hóa phần của phần này. 64 00:03:48,300 --> 00:03:53,000 Vì vậy, JavaScript là một kịch bản phía máy khách ngôn ngữ, có nghĩa là nó 65 00:03:53,000 --> 00:03:56,740 khác với PHP và nó khác nhau hơn C. JavaScript không biên soạn và 66 00:03:56,740 --> 00:03:58,740 nó không được thực hiện bởi các máy chủ. 67 00:03:58,740 --> 00:04:02,090 Thay vào đó, bạn tải nó. 68 00:04:02,090 --> 00:04:06,710 Bạn tải một trang JavaScript khi bạn tải một trang web, và sau đó nó thực hiện 69 00:04:06,710 --> 00:04:08,020 trên máy tính của bạn. 70 00:04:08,020 --> 00:04:11,120 Có nghĩa là bạn có thể xem tất cả các JavaScript code mà 71 00:04:11,120 --> 00:04:12,240 gửi đến máy tính của bạn. 72 00:04:12,240 --> 00:04:21,750 >> Đôi khi nó rút ngắn hoặc mã hoá một bit, mã hóa một chút, do đó bạn 73 00:04:21,750 --> 00:04:23,390 không thể nói một cách rõ ràng những gì đang xảy ra. 74 00:04:23,390 --> 00:04:26,920 Ví dụ, nếu bạn kiểm tra hoặc CS50 các giải pháp nhân viên trong tuần này của 75 00:04:26,920 --> 00:04:31,260 vấn đề thiết lập, và bạn đi đến service.js, bạn sẽ nhận thấy bạn có thể không thực sự nói 76 00:04:31,260 --> 00:04:32,560 phải làm gì từ những gì chúng tôi đã cho bạn. 77 00:04:32,560 --> 00:04:37,020 Chúng tôi mã hóa nó một chút để làm cho rằng một chút khó khăn hơn. 78 00:04:37,020 --> 00:04:40,450 Tuy nhiên, bạn có thể nhìn thấy chính xác JavaScript tập tin mà chúng tôi đang thực hiện 79 00:04:40,450 --> 00:04:42,010 và chương trình của chúng tôi đang chạy trên. 80 00:04:42,010 --> 00:04:46,510 Vì vậy, đó là những gì nó có nghĩa là một ngôn ngữ kịch bản phía máy khách. 81 00:04:46,510 --> 00:04:51,280 >> Tương tự như C và PHP, mặc dù, JavaScript có cho vòng, nếu / khác 82 00:04:51,280 --> 00:04:52,715 điều kiện, trong khi vòng. 83 00:04:52,715 --> 00:04:58,290 Tương tự như PHP, nó có một vòng lặp foreach là tốt. 84 00:04:58,290 --> 00:05:02,270 Và một lần nữa, rất giống với cú pháp mà chúng ta đã thấy trong 85 00:05:02,270 --> 00:05:04,430 ngôn ngữ mà chúng tôi đã đã làm việc với. 86 00:05:04,430 --> 00:05:07,650 >> Cuối cùng, một trong những phần thú vị nhất của JavaScript, và một cái gì đó chúng ta sẽ có 87 00:05:07,650 --> 00:05:10,010 làm rất nhiều ngày hôm nay, và có lẽ bạn sẽ được làm rất nhiều với các thiết lập của bạn nếu bạn P 88 00:05:10,010 --> 00:05:13,810 chưa có kinh nghiệm nó đã có, là bạn có thể kiểm tra tất cả các lỗi bạn có 89 00:05:13,810 --> 00:05:16,290 trong mã của bạn thông qua JavaScript Console. 90 00:05:16,290 --> 00:05:17,770 Chúng tôi nhìn vào nó một chút tuần trước. 91 00:05:17,770 --> 00:05:21,800 Chúng tôi nhìn vào một loại khác nhau của giao diện điều khiển kiểm tra một trang, nhưng trong 92 00:05:21,800 --> 00:05:28,420 Chrome, một lần nữa, bạn có thể thấy cách bố trí, HTML, tài liệu mà trang của bạn là 93 00:05:28,420 --> 00:05:29,310 hiển thị cho bạn trên màn hình. 94 00:05:29,310 --> 00:05:33,820 Bạn cũng có thể xem tất cả các JavaScript tạo trang đó, và bạn cũng có thể, như 95 00:05:33,820 --> 00:05:36,410 Tôi nói, nhìn thấy tất cả các lỗi trong Bảng điều khiển JavaScript. 96 00:05:36,410 --> 00:05:40,110 Và chúng ta sẽ trải nghiệm mà ở một chút khi chúng tôi bắt đầu viết mã. 97 00:05:40,110 --> 00:05:42,380 >> Một điều cần lưu ý về JavaScript biến. 98 00:05:42,380 --> 00:05:46,950 Giống như các biến PHP, chúng lỏng lẻo, đánh máy, do đó bạn không cần phải 99 00:05:46,950 --> 00:05:48,690 cung cấp cho họ một loại hình cụ thể. 100 00:05:48,690 --> 00:05:52,330 Về phạm vi, được xác định bởi "var" từ khóa. 101 00:05:52,330 --> 00:05:54,890 Vì vậy, nếu bạn không đặt một từ khóa ở phía trước một cái gì đó, bạn chỉ cần viết tên 102 00:05:54,890 --> 00:05:57,870 của biến, sau đó chuyển nhượng điều hành, trong trường hợp này dấu bằng. 103 00:05:57,870 --> 00:06:00,360 Tôi quên một dấu chấm phẩy phải có, nhưng giả sử có một dấu chấm phẩy 104 00:06:00,360 --> 00:06:01,590 ngay tại đó. 105 00:06:01,590 --> 00:06:03,520 >> Sau đó, bạn đang tạo ra một biến toàn cầu. 106 00:06:03,520 --> 00:06:06,960 Nếu bạn đặt "var" từ khóa, sau đó bạn đang đem lại cho nó một số loại địa phương 107 00:06:06,960 --> 00:06:10,050 phạm vi, cho dù đó là để một chức năng hoặc một vòng lặp. 108 00:06:10,050 --> 00:06:12,215 Vì vậy, đó là một điều để lưu ý cho các biến. 109 00:06:12,215 --> 00:06:15,650 110 00:06:15,650 --> 00:06:17,550 >> JavaScript là ngôn ngữ. 111 00:06:17,550 --> 00:06:21,830 jQuery là một thư viện được xây dựng trên ngôn ngữ JavaScript, và bạn có 112 00:06:21,830 --> 00:06:24,180 nhìn thấy nó trước khi vào bài giảng. 113 00:06:24,180 --> 00:06:28,010 Tôi khuyên bạn nên, nếu bạn đang đi để được sử dụng JavaScript trong cuối cùng của bạn 114 00:06:28,010 --> 00:06:29,690 dự án, bạn nhận được để biết jQuery. 115 00:06:29,690 --> 00:06:33,140 Nó làm cho tất cả mọi thứ bạn muốn làm nhiều, dễ dàng hơn nhiều. 116 00:06:33,140 --> 00:06:36,730 Nó cũng đi kèm với tuyệt vời tài liệu hướng dẫn và các ví dụ để giúp 117 00:06:36,730 --> 00:06:37,080 bạn bắt đầu. 118 00:06:37,080 --> 00:06:39,430 Hôm nay chúng ta sẽ sử dụng jQuery là tốt. 119 00:06:39,430 --> 00:06:43,320 >> Này, những gì tôi có trên slide này, là những điều cơ bản rất của jQuery. 120 00:06:43,320 --> 00:06:47,200 Ở trên cùng của tập tin HTML của bạn hoặc bất cứ điều gì - file index.php của bạn, của bạn 121 00:06:47,200 --> 00:06:50,070 tập tin index.html - bạn cần bao gồm hai dòng. 122 00:06:50,070 --> 00:06:51,540 Đây là những dòng khá chung chung. 123 00:06:51,540 --> 00:06:57,350 Dòng đầu tiên bao gồm jQuery Tập tin JavaScript, và dòng thứ hai 124 00:06:57,350 --> 00:07:00,410 bao gồm bất cứ nơi nào bạn đã viết mã JavaScript của riêng bạn. 125 00:07:00,410 --> 00:07:03,240 Và tất nhiên, bởi vì trong của bạn Mã JavaScript bạn đã có thể sử dụng 126 00:07:03,240 --> 00:07:07,800 một số chức năng thư viện jQuery, mà cần phải đi sau khi 127 00:07:07,800 --> 00:07:09,650 jQuery bao gồm kịch bản. 128 00:07:09,650 --> 00:07:12,560 129 00:07:12,560 --> 00:07:15,550 Chúng tôi sẽ khám phá này một lần nữa trong một thời điểm. 130 00:07:15,550 --> 00:07:21,640 >> Và cuối cùng, trong tập tin JavaScript, Tôi gọi đây là một index.js. 131 00:07:21,640 --> 00:07:22,640 Nó có thể là scripts.js. 132 00:07:22,640 --> 00:07:26,510 Bất cứ điều gì, bất cứ điều gì JavaScript tập tin đã bạn, bạn bắt đầu nói chung 133 00:07:26,510 --> 00:07:30,780 với dòng mã, ký hiệu đô la, Dấu ngoặc đơn mở, tài liệu, dấu ngoặc đóng, 134 00:07:30,780 --> 00:07:34,810 thời gian, sẵn sàng, dấu ngoặc mở, chức năng, Dấu ngoặc đơn mở, dấu ngoặc đóng, và sau đó 135 00:07:34,810 --> 00:07:35,490 ngoặc móc. 136 00:07:35,490 --> 00:07:38,930 Ném mã của bạn bên trong đó, và sau đó kết thúc bằng một cú đúp xoăn, gần 137 00:07:38,930 --> 00:07:40,590 Dấu ngoặc đơn, dấu chấm phẩy. 138 00:07:40,590 --> 00:07:42,550 >> Vì vậy, thực hiện việc này như một đã định. 139 00:07:42,550 --> 00:07:47,250 Nếu bạn đang đi để được sử dụng jQuery, quấn tất cả các mã jQuery của bạn bên trong 140 00:07:47,250 --> 00:07:49,230 dòng mã này. 141 00:07:49,230 --> 00:07:53,150 Và chúng ta sẽ thấy rằng một lần nữa trong một giây. 142 00:07:53,150 --> 00:07:56,170 >> Một lần nữa chúng tôi sẽ làm việc với jQuery, và xin vui lòng đặt câu hỏi khi chúng ta đi 143 00:07:56,170 --> 00:07:58,420 ngày hôm nay, nhưng không ai có bất kỳ câu hỏi về jQuery hoặc 144 00:07:58,420 --> 00:07:59,670 JavaScript ngay bây giờ? 145 00:07:59,670 --> 00:08:11,410 146 00:08:11,410 --> 00:08:11,780 >> OK. 147 00:08:11,780 --> 00:08:16,780 Vì vậy, không có thêm ado, tôi trình bày để bạn Dolphin Trainer 2K13. 148 00:08:16,780 --> 00:08:20,656 Tôi vui mừng về siêu mới nhất phiên bản của sản phẩm. 149 00:08:20,656 --> 00:08:22,620 >> Ồ, không! 150 00:08:22,620 --> 00:08:23,590 Tôi rất vui mừng. 151 00:08:23,590 --> 00:08:28,030 Tôi sẽ thể hiện điều đó với các bạn, nhưng có vẻ như chúng ta có không 152 00:08:28,030 --> 00:08:28,720 thực hiện nó được nêu ra. 153 00:08:28,720 --> 00:08:30,340 Hãy thực hiện điều này lớn hơn một chút. 154 00:08:30,340 --> 00:08:35,789 Vì vậy, nếu tôi nạp mã cho Dolphin Huấn luyện viên - dang nó. 155 00:08:35,789 --> 00:08:37,210 Tôi xin lỗi mọi người. 156 00:08:37,210 --> 00:08:38,520 Tôi đã làm việc này trước khi đến lớp. 157 00:08:38,520 --> 00:08:40,350 Tôi nghĩ rằng tôi muốn có nó kết thúc, nhưng tôi đoán tôi vẫn còn có một số 158 00:08:40,350 --> 00:08:41,210 việc còn lại để được thực hiện. 159 00:08:41,210 --> 00:08:44,400 Nhưng may mắn, các bạn đều có một số JavaScript và thực hành jQuery, vì vậy 160 00:08:44,400 --> 00:08:48,110 chúng ta hãy đi trước và kết thúc này lại với nhau. 161 00:08:48,110 --> 00:08:50,360 >> Tôi nghĩ rằng tôi đã gửi các bạn bản này, bởi vì tôi đã được siêu vui mừng 162 00:08:50,360 --> 00:08:52,710 về nó, vì vậy bạn nên có cùng mã mà tôi có. 163 00:08:52,710 --> 00:08:55,490 Chúng ta hãy đi vào - 164 00:08:55,490 --> 00:08:56,600 dang nó, các cậu, tôi xin lỗi. 165 00:08:56,600 --> 00:08:59,280 Chúng ta hãy đi vào thiết bị đầu cuối, mặc dù. 166 00:08:59,280 --> 00:09:02,770 >> Cũng giống như với vấn đề quá khứ của bạn bộ, nếu bạn có của tôi - 167 00:09:02,770 --> 00:09:05,130 chúng ta hãy làm này lớn hơn một chút, quá, cho các bạn - 168 00:09:05,130 --> 00:09:06,740 bạn mất tập tin zip của tôi. 169 00:09:06,740 --> 00:09:10,670 Bạn có lẽ giải nén nó. 170 00:09:10,670 --> 00:09:12,970 Chúng ta hãy đi đây. 171 00:09:12,970 --> 00:09:22,360 Và sau đó hy vọng, bạn di chuyển nó vào cùng một thư mục mà bạn đã lưu 172 00:09:22,360 --> 00:09:23,540 vấn đề của bạn đặt tám mã. 173 00:09:23,540 --> 00:09:26,780 Và chúng tôi lưu trong thư mục đó để tôi có thể truy cập vào nó - hoặc tất cả chúng ta có thể truy cập 174 00:09:26,780 --> 00:09:31,740 mã trong trình duyệt Chrome trên máy tính của chúng tôi. 175 00:09:31,740 --> 00:09:36,880 >> Và một lần nữa, để có được mã, bạn chỉ cần gõ vào địa chỉ tìm thấy tại 176 00:09:36,880 --> 00:09:41,180 phía dưới, phía bên tay phải của thiết bị của bạn, ở đây. 177 00:09:41,180 --> 00:09:42,490 Bạn tìm thấy địa chỉ IP của bạn. 178 00:09:42,490 --> 00:09:45,260 Bạn gõ đó vào trình duyệt Chrome trên máy tính của bạn, và trong trường hợp này, 179 00:09:45,260 --> 00:09:49,110 vì chúng tôi đã phần chín thư mục, chúng tôi cũng có thêm một 180 00:09:49,110 --> 00:09:51,340 cắt giảm phần chín. 181 00:09:51,340 --> 00:09:52,820 >> Cho tôi - 182 00:09:52,820 --> 00:09:54,070 oops. 183 00:09:54,070 --> 00:09:55,610 184 00:09:55,610 --> 00:09:58,980 Tôi sẽ giảm thiểu này vì vậy tôi không phải tiếp tục nhấn chuột thông qua đó. 185 00:09:58,980 --> 00:10:00,150 >> Vì vậy, đó là cách tôi thiết lập mã này. 186 00:10:00,150 --> 00:10:01,710 Tôi đã làm điều đó rồi. 187 00:10:01,710 --> 00:10:04,080 Tôi sẽ không đi qua những bước bởi vì đó là những gì 188 00:10:04,080 --> 00:10:06,090 bắt đầu của vấn đề thiết lập đi bạn qua cách làm. 189 00:10:06,090 --> 00:10:11,520 Vì vậy, đi trước và bạn sẽ nhận được để thiết lập này lên trong một giây, nhưng trước tiên hãy 190 00:10:11,520 --> 00:10:14,740 khám phá mã này như là một nhóm. 191 00:10:14,740 --> 00:10:15,990 >> Hãy xem những gì tôi đã làm. 192 00:10:15,990 --> 00:10:18,340 Tôi đã cố gắng để có được nhiều nhất của nó thực hiện trước khi đến lớp, nhưng tôi nghĩ rằng tôi 193 00:10:18,340 --> 00:10:20,140 là một chút phía sau. 194 00:10:20,140 --> 00:10:22,643 Vì vậy, hãy mở index.html. 195 00:10:22,643 --> 00:10:36,600 196 00:10:36,600 --> 00:10:36,920 >> OK. 197 00:10:36,920 --> 00:10:39,780 Và index.html là một thực sự đơn giản trang bởi vì tôi đã không 198 00:10:39,780 --> 00:10:40,630 muốn nhận được quá điên rồ. 199 00:10:40,630 --> 00:10:43,200 Tôi thực sự muốn chắc chắn rằng nó đang làm việc, nhưng tôi đoán tôi 200 00:10:43,200 --> 00:10:44,830 đã không nhận được rằng đến nay. 201 00:10:44,830 --> 00:10:48,600 >> Đây là người đứng đầu, trong đó có quyền bên trong các thẻ HTML, và chúng tôi nhận thấy 202 00:10:48,600 --> 00:10:50,180 một vài điều phải off the bat. 203 00:10:50,180 --> 00:10:55,320 Chúng tôi có các tập tin CSS ngay ở đây và thích hợp 204 00:10:55,320 --> 00:10:57,600 vị trí của các tập tin CSS. 205 00:10:57,600 --> 00:11:02,080 Chúng tôi có thư viện jQuery ngay tại đây, và bạn sẽ nhận thấy một cái gì đó khác nhau 206 00:11:02,080 --> 00:11:03,470 về việc này. 207 00:11:03,470 --> 00:11:06,070 Nguồn là một cái gì đó thực sự, thực sự dài. 208 00:11:06,070 --> 00:11:07,500 ajax.googleapis.com/-- 209 00:11:07,500 --> 00:11:12,880 loại trông giống như một URL, nhưng nó không chắc chắn như thế 210 00:11:12,880 --> 00:11:15,380 js / jquery.js. 211 00:11:15,380 --> 00:11:20,280 >> Và đó là bởi vì tôi quyết định rằng tôi không muốn phải tải về 212 00:11:20,280 --> 00:11:23,750 file jQuery, và kéo nó và tiết kiệm nó trong thư viện của tôi, và có thể được 213 00:11:23,750 --> 00:11:25,150 chịu trách nhiệm về nó. 214 00:11:25,150 --> 00:11:31,040 Thay vào đó, tôi chỉ cần đi để có những Tập tin JavaScript Google lưu trữ. 215 00:11:31,040 --> 00:11:34,880 Vì vậy, Google thực sự tổ chức một số thư viện, và jQuery, vì nó là một 216 00:11:34,880 --> 00:11:36,930 những phổ biến nhất, nó host một điều đó là tốt. 217 00:11:36,930 --> 00:11:40,670 >> Và bởi vì nó lưu trữ nó, tôi không cần phải lo lắng về điều đó, và họ 218 00:11:40,670 --> 00:11:43,520 cập nhật nó, mặc dù khi họ cập nhật nó Tôi có lẽ sẽ phải thay đổi các 219 00:11:43,520 --> 00:11:44,640 số ngay tại đây. 220 00:11:44,640 --> 00:11:47,570 Nhưng đó chỉ là để làm cho toàn bộ tập tin của tôi hệ thống ít hơn một chút sạch sẽ. 221 00:11:47,570 --> 00:11:49,380 Tôi không thực sự thích lưu trữ tất cả những tập tin này. 222 00:11:49,380 --> 00:11:51,780 Nó đẹp hơn nhiều nếu Google có để lưu trữ chúng cho tôi. 223 00:11:51,780 --> 00:11:55,180 Vì vậy, đây, một lần nữa, là nhận được toàn bộ Tập tin JavaScript, nhưng nó chỉ là 224 00:11:55,180 --> 00:11:59,920 lưu trữ bởi Google thay vì trên của tôi hệ thống tập tin trên máy tính của tôi. 225 00:11:59,920 --> 00:12:05,490 >> Chúng tôi cũng thấy rằng tôi đặt trong hai hơn file dolphins.js và trainer.js. 226 00:12:05,490 --> 00:12:07,070 Chúng tôi sẽ xem xét những người trong một giây. 227 00:12:07,070 --> 00:12:10,550 Và cuối cùng, danh hiệu này ngay tại đây. 228 00:12:10,550 --> 00:12:13,980 Ai có thể cho tôi biết những gì bên trong mã này các thẻ tiêu đề, nơi 229 00:12:13,980 --> 00:12:18,316 mà đi trên trang của tôi? 230 00:12:18,316 --> 00:12:21,560 >> ĐỐI TƯỢNG: Cũng giống như điều mà mà thanh công cụ hoặc bất cứ điều gì? 231 00:12:21,560 --> 00:12:23,500 >> JASON Hirschhorn: Vâng, tab nhỏ trên đỉnh của cửa sổ Chrome. 232 00:12:23,500 --> 00:12:25,650 Đó là nơi mà văn bản mà đi. 233 00:12:25,650 --> 00:12:28,680 >> Bên trong cơ thể, như bạn có thể thấy, không có nhiều thứ ở đây. 234 00:12:28,680 --> 00:12:30,900 Tôi chỉ có ba divs. 235 00:12:30,900 --> 00:12:33,130 Tôi cung cấp cho họ một số ID, và Tôi đặt một ít văn bản in 236 00:12:33,130 --> 00:12:37,350 Nhưng tôi đoán đó là lý do tại sao chúng ta không nhìn thấy bất cứ điều gì ở đây. 237 00:12:37,350 --> 00:12:39,350 Trên thực tế, chúng ta thấy Dolphin Trainer 2K13. 238 00:12:39,350 --> 00:12:39,810 Chúng ta thấy TODO. 239 00:12:39,810 --> 00:12:42,510 Tôi không biết đó là đến từ bởi vì tôi không thấy rằng đây. 240 00:12:42,510 --> 00:12:44,510 Vì vậy, có lẽ đó là trong một trong tập tin JavaScript của tôi. 241 00:12:44,510 --> 00:12:46,630 Chúng tôi sẽ kiểm tra xem ra trong một giây. 242 00:12:46,630 --> 00:12:50,120 >> Người khác có thể cho tôi biết những gì ID này có nghĩa là phải ở đây? 243 00:12:50,120 --> 00:12:54,890 244 00:12:54,890 --> 00:13:00,210 >> ĐỐI TƯỢNG: Đó là một cách gọi phần cụ thể trong [không nghe được] 245 00:13:00,210 --> 00:13:00,440 nộp? 246 00:13:00,440 --> 00:13:01,250 >> JASON Hirschhorn: Vâng. 247 00:13:01,250 --> 00:13:03,980 Nó chỉ là một cách để tham chiếu div đặc biệt này. 248 00:13:03,980 --> 00:13:07,830 ID là lý tưởng độc đáo. 249 00:13:07,830 --> 00:13:09,150 OK? 250 00:13:09,150 --> 00:13:10,050 Đám đông khó khăn. 251 00:13:10,050 --> 00:13:12,690 Vì vậy, nói chung là ID duy nhất. 252 00:13:12,690 --> 00:13:15,210 Bạn cung cấp cho họ một cụ thể yếu tố trong mã của bạn. 253 00:13:15,210 --> 00:13:18,040 254 00:13:18,040 --> 00:13:21,540 >> Những gì nếu tôi muốn tham khảo một số các yếu tố, cho dù đó là cho CSS 255 00:13:21,540 --> 00:13:23,350 kiểu dáng hoặc jQuery? 256 00:13:23,350 --> 00:13:25,610 Thuộc tính gì tôi có thể cung cấp cho họ? 257 00:13:25,610 --> 00:13:26,330 >> ĐỐI TƯỢNG: Class. 258 00:13:26,330 --> 00:13:27,270 >> JASON Hirschhorn: Một lớp học, chính xác. 259 00:13:27,270 --> 00:13:28,480 Đúng. 260 00:13:28,480 --> 00:13:32,610 >> OK, vì vậy index.html, một lần nữa, không nhiều đang xảy ra ở đây. 261 00:13:32,610 --> 00:13:42,550 Vì vậy, hãy mở tập tin khác. 262 00:13:42,550 --> 00:13:43,930 Chúng ta hãy xem những gì tôi có. 263 00:13:43,930 --> 00:13:44,700 Đó là tất cả tôi có ở đây. 264 00:13:44,700 --> 00:13:48,455 Chúng ta hãy đi vào thư mục JS. 265 00:13:48,455 --> 00:13:51,570 Tôi sẽ không phải lo lắng về CSS cho bây giờ. 266 00:13:51,570 --> 00:13:55,268 Chúng ta hãy mở dolphins.js. 267 00:13:55,268 --> 00:13:56,900 >> Rất tiếc. 268 00:13:56,900 --> 00:13:58,150 Hay đúng hơn - 269 00:13:58,150 --> 00:14:03,470 270 00:14:03,470 --> 00:14:03,860 OK. 271 00:14:03,860 --> 00:14:07,650 Vì vậy, dolphins.js, nó thực sự trông khá giống với một số mã bạn 272 00:14:07,650 --> 00:14:10,210 đã được đưa ra trong vấn đề thiết lập tám. 273 00:14:10,210 --> 00:14:12,870 Bạn có thể di chuyển qua nó. 274 00:14:12,870 --> 00:14:15,730 Ai có thể cho tôi, mặc dù, Cá heo là gì? 275 00:14:15,730 --> 00:14:16,840 Điều này tất cả các mũ Cá heo? 276 00:14:16,840 --> 00:14:17,810 Đó là những gì? 277 00:14:17,810 --> 00:14:19,810 Loại dữ liệu gì vậy? 278 00:14:19,810 --> 00:14:20,570 >> ĐỐI TƯỢNG: Array. 279 00:14:20,570 --> 00:14:22,560 >> JASON Hirschhorn: Đây là một mảng. 280 00:14:22,560 --> 00:14:25,280 Và chúng tôi biết nó là một mảng vì tôi nhìn thấy những dấu ngoặc vuông ở đây. 281 00:14:25,280 --> 00:14:29,335 Và người khác, những gì nó một mảng của? 282 00:14:29,335 --> 00:14:30,229 >> ĐỐI TƯỢNG: Đối tượng? 283 00:14:30,229 --> 00:14:32,900 >> JASON Hirschhorn: Đó là một mảng của các đối tượng. 284 00:14:32,900 --> 00:14:33,740 Và bạn có thể thấy điều đó. 285 00:14:33,740 --> 00:14:35,996 Và làm thế nào để bạn biết đó là một mảng của các đối tượng? 286 00:14:35,996 --> 00:14:41,105 >> ĐỐI TƯỢNG: Bởi vì bạn có ruột kết này khởi động giữa dấu ngoặc nhọn? 287 00:14:41,105 --> 00:14:41,700 >> JASON Hirschhorn: Đúng vậy. 288 00:14:41,700 --> 00:14:44,760 Vì vậy, tôi có những dấu ngoặc nhọn ngay tại đây, và sau đó bạn có thể thấy các dấu phẩy 289 00:14:44,760 --> 00:14:47,830 tách khác nhau các đối tượng trong mảng này. 290 00:14:47,830 --> 00:14:52,040 Và sau đó bên trong mỗi đối tượng, tôi có một cái gì đó đại tràng và một cái gì đó khác. 291 00:14:52,040 --> 00:14:54,920 Và những gì thường là phần đầu tiên này, điều bên trái của đại tràng? 292 00:14:54,920 --> 00:14:57,070 Có gì đó gọi là gì? 293 00:14:57,070 --> 00:14:57,450 Quát? 294 00:14:57,450 --> 00:14:59,090 Làm thế nào để chúng tôi tham khảo không? 295 00:14:59,090 --> 00:15:00,335 >> ĐỐI TƯỢNG: Index? 296 00:15:00,335 --> 00:15:02,810 >> JASON Hirschhorn: Chỉ số, hoặc có thể nói chung, chìa khóa. 297 00:15:02,810 --> 00:15:04,750 Và sau đó trên tay phải bên, giá trị. 298 00:15:04,750 --> 00:15:05,670 Vì vậy, chỉ số, quan trọng. 299 00:15:05,670 --> 00:15:07,590 Nhưng nếu chúng ta đang nói về những người, chúng ta thường có nghĩa là những điều trên 300 00:15:07,590 --> 00:15:08,770 phía bên tay trái. 301 00:15:08,770 --> 00:15:11,450 >> Trong một mảng đơn giản, một lần nữa, chúng tôi đã có chỉ số 0. 302 00:15:11,450 --> 00:15:11,900 1. 303 00:15:11,900 --> 00:15:12,220 2. 304 00:15:12,220 --> 00:15:12,510 3. 305 00:15:12,510 --> 00:15:13,580 4. 306 00:15:13,580 --> 00:15:17,640 Và cá heo, chúng tôi sẽ có cá heo 0, cá heo 1, 2 cá heo, cá heo 3, 307 00:15:17,640 --> 00:15:18,640 cá heo 4. 308 00:15:18,640 --> 00:15:24,900 Chúng tôi cũng có, bên trong đối tượng này, chúng tôi sẽ không thường tham khảo điều. 309 00:15:24,900 --> 00:15:29,460 Hoặc nếu chúng ta chỉ có đúng đối tượng này ở đây, chúng tôi sẽ không nói đối tượng 0, 310 00:15:29,460 --> 00:15:30,480 đối tượng 1, đối tượng 2. 311 00:15:30,480 --> 00:15:35,460 Chúng ta sẽ nói tên đối tượng, hoặc loại đối tượng, chiều dài đối tượng, vân vân. 312 00:15:35,460 --> 00:15:38,120 Và đó là cách chúng tôi sẽ có được giá trị ở phía bên tay phải. 313 00:15:38,120 --> 00:15:41,460 Vì vậy, nếu chúng ta biết tên đối tượng, ví dụ, chúng tôi sẽ nhận được chuỗi này, 314 00:15:41,460 --> 00:15:43,200 "Grace". 315 00:15:43,200 --> 00:15:47,510 >> Vì vậy, như các bạn đã nói với tôi, cá heo chỉ đơn giản là một mảng của các đối tượng. 316 00:15:47,510 --> 00:15:49,875 Và bạn thấy tất cả các đối tượng có một cái tên, một loại, một chi. 317 00:15:49,875 --> 00:15:51,920 Được rằng phát âm chính xác? 318 00:15:51,920 --> 00:15:52,880 Bất cứ ai? 319 00:15:52,880 --> 00:15:53,420 Chi? 320 00:15:53,420 --> 00:15:53,935 Tuyệt vời. 321 00:15:53,935 --> 00:15:55,465 >> Một chiều dài, trọng lượng. 322 00:15:55,465 --> 00:15:56,620 Được rằng phát âm chính xác? 323 00:15:56,620 --> 00:15:57,340 Tôi nghĩ như vậy. 324 00:15:57,340 --> 00:16:01,870 Và một bức ảnh, chỉ cần một URL một số tập tin trực tuyến. 325 00:16:01,870 --> 00:16:05,700 Và ngay tại đây, chúng tôi đóng mảng, phải xuống có trong tay rất trái 326 00:16:05,700 --> 00:16:06,930 bên cạnh màn hình của tôi. 327 00:16:06,930 --> 00:16:08,543 Vì vậy, đó là tất cả các dolphins.js là. 328 00:16:08,543 --> 00:16:17,310 329 00:16:17,310 --> 00:16:18,530 >> Oh, tốt đẹp của tôi. 330 00:16:18,530 --> 00:16:19,530 Điều này giải thích nó. 331 00:16:19,530 --> 00:16:20,930 Tôi nghĩ rằng tôi muốn hoàn thành tất cả mọi thứ, nhưng nhìn. 332 00:16:20,930 --> 00:16:22,840 Có tất cả các todos. 333 00:16:22,840 --> 00:16:25,500 OK, hy vọng chúng ta có thể làm những người cùng nhau. 334 00:16:25,500 --> 00:16:27,540 Nhưng chúng ta hãy đầu tiên, trước khi chúng tôi làm đó, chỉ cần đi bộ qua 335 00:16:27,540 --> 00:16:29,190 mã này rất nhanh chóng. 336 00:16:29,190 --> 00:16:33,600 >> Vì vậy, như tôi đã đề cập, chúng ta thấy ở rất bắt đầu dòng này mà tôi đã có trong 337 00:16:33,600 --> 00:16:36,030 trình bày, (document). ready (function (). 338 00:16:36,030 --> 00:16:38,710 Và về cơ bản những gì đó là sẽ làm là chờ đợi cho đến tất cả mọi thứ trong của bạn 339 00:16:38,710 --> 00:16:42,690 trang đã được tải, để chờ đợi cho đến khi đó là tất cả các mảng, tất cả mọi thứ của tốt để 340 00:16:42,690 --> 00:16:45,490 đi, và sau đó bắt đầu thực hiện mã này. 341 00:16:45,490 --> 00:16:49,230 Vì vậy, nếu bạn cần thiết để chạy một số PHP, nếu bạn cần để có được một số hình ảnh, 342 00:16:49,230 --> 00:16:53,280 bất cứ điều gì, tất cả các mã đã được thiết lập và sẵn sàng để đi trong trang chỉ mục của bạn 343 00:16:53,280 --> 00:16:56,270 hoặc bất cứ trang đã được tải, và bây giờ bạn sẽ bắt đầu 344 00:16:56,270 --> 00:16:58,810 thực hiện mã của bạn. 345 00:16:58,810 --> 00:17:02,020 >> Vì vậy, điều đầu tiên chúng tôi làm là chúng tôi thiết lập mảng này. 346 00:17:02,020 --> 00:17:04,599 Và tôi không có từ khóa var có, vì vậy là những gì 347 00:17:04,599 --> 00:17:05,650 phạm vi của mảng này? 348 00:17:05,650 --> 00:17:06,530 >> ĐỐI TƯỢNG: Đó là toàn cầu. 349 00:17:06,530 --> 00:17:09,730 >> JASON Hirschhorn: Đó là toàn cầu, vì vậy ocean_array có thể được truy cập từ 350 00:17:09,730 --> 00:17:11,380 bất cứ nơi nào trong tập tin này. 351 00:17:11,380 --> 00:17:14,130 >> Và sau đó chúng ta thấy điều này cho vòng lặp. 352 00:17:14,130 --> 00:17:18,930 Nó không nói foreach, nhưng điều này về cơ bản là một vòng lặp foreach. 353 00:17:18,930 --> 00:17:24,010 Và điều này chỉ là phiên bản của JavaScript, do đó, cho mỗi var cá heo Cá heo trong, 354 00:17:24,010 --> 00:17:25,780 những gì kiểu dữ liệu? 355 00:17:25,780 --> 00:17:30,260 Mặc dù, một lần nữa, JavaScript không có những kiểu dữ liệu cho mỗi gia nhập, những gì 356 00:17:30,260 --> 00:17:31,335 kiểu dữ liệu là cá heo? 357 00:17:31,335 --> 00:17:32,460 >> ĐỐI TƯỢNG: Một đối tượng. 358 00:17:32,460 --> 00:17:34,290 >> JASON Hirschhorn: Đây là một đối tượng. 359 00:17:34,290 --> 00:17:37,590 Chúng tôi đang nhận được từng đối tượng trong mảng Cá heo. 360 00:17:37,590 --> 00:17:42,630 Vì vậy, ở đây, có vẻ như tôi quên đặt tất cả các cá heo từ chúng tôi 361 00:17:42,630 --> 00:17:46,300 Cá heo khổng lồ nghĩ vào ocean_array, vì vậy chúng tôi có lẽ nên làm 362 00:17:46,300 --> 00:17:47,410 mà lần đầu tiên. 363 00:17:47,410 --> 00:17:50,880 >> Và sau đó, một cái gì đó gọi là biến hồ bơi này. 364 00:17:50,880 --> 00:17:52,490 Tôi đang thiết lập nó thành vô giá trị. 365 00:17:52,490 --> 00:17:55,080 Và sau đó tôi gọi chức năng này draw_ocean. 366 00:17:55,080 --> 00:17:56,580 Tôi đào tạo một con cá heo khi nó hình ảnh được nhấp - 367 00:17:56,580 --> 00:17:58,140 Tôi đã không làm điều đó - và thiết lập một con cá heo miễn phí khi 368 00:17:58,140 --> 00:17:59,530 nút được nhấp. 369 00:17:59,530 --> 00:18:01,550 >> Vì vậy, đó là những điều tôi cần phải làm. 370 00:18:01,550 --> 00:18:04,770 Tôi đoán tôi sẽ cung cấp cho bạn một số cơ bản về những gì tôi đã cố gắng để làm. 371 00:18:04,770 --> 00:18:08,930 Vì vậy, nếu chúng ta đi đây, những gì tôi thực sự muốn này trông giống như là một mảng lên 372 00:18:08,930 --> 00:18:12,740 ở đây, chứ không phải là nó nói "TODO:" Tôi muốn có một bảng, về cơ bản, với các 373 00:18:12,740 --> 00:18:14,750 hình ảnh của tất cả các cá heo. 374 00:18:14,750 --> 00:18:18,150 Và sau đó khi bạn nhấp chuột vào một hình ảnh, Tôi muốn nó để đặt nó xuống trong 375 00:18:18,150 --> 00:18:21,320 nửa dưới của màn hình và cung cấp cho bạn tất cả các thông tin về nó, và 376 00:18:21,320 --> 00:18:24,170 đó sẽ là cá heo trong hồ bơi, cá heo bạn đã được đào tạo. 377 00:18:24,170 --> 00:18:25,040 >> Vì vậy, tôi nghĩ rằng nó sẽ thực sự mát mẻ. 378 00:18:25,040 --> 00:18:27,980 Bạn có tất cả những chú cá heo trong đại dương ở đây, sau đó bạn click vào một, 379 00:18:27,980 --> 00:18:30,230 và nó muốn đi đến hồ bơi, và sau đó bạn có thể huấn luyện nó. 380 00:18:30,230 --> 00:18:31,590 Vì vậy, đó là những gì tôi đã cố gắng để làm. 381 00:18:31,590 --> 00:18:33,890 Và sau đó sẽ là một nút xuống đây trong hồ bơi, và bạn có thể nhấp chuột, 382 00:18:33,890 --> 00:18:36,950 như, "Thiết lập miễn phí", và bạn có thể thiết lập cá heo miễn phí, và nó sẽ quay trở lại 383 00:18:36,950 --> 00:18:38,030 vào đại dương. 384 00:18:38,030 --> 00:18:40,390 >> Vì vậy, đó là những gì tôi đã cố gắng để tạo ra, nhưng một lần nữa, tôi sẽ cần sự giúp đỡ của bạn 385 00:18:40,390 --> 00:18:41,490 để tạo ra nó. 386 00:18:41,490 --> 00:18:44,790 Vì vậy, hy vọng, một số các từ khóa hoặc một số các điều khoản này sẽ bắt đầu 387 00:18:44,790 --> 00:18:47,890 làm cho ý nghĩa bây giờ trong bối cảnh của chương trình này. 388 00:18:47,890 --> 00:18:49,640 >> Chúng ta hãy tiếp tục tìm kiếm thông qua các tập tin này. 389 00:18:49,640 --> 00:18:50,830 Chúng ta gọi là chức năng draw_ocean này. 390 00:18:50,830 --> 00:18:56,650 Đó là một và chỉ có chức năng mà chúng ta gọi từ phần document.ready. 391 00:18:56,650 --> 00:19:01,600 Vì vậy, chúng ta gọi là chức năng draw_ocean này, và có vẻ như nó tạo ra một chuỗi, 392 00:19:01,600 --> 00:19:03,010 một biến, ở đây. 393 00:19:03,010 --> 00:19:06,790 Một cái gì đó đặt trong chuỗi, cho biết thêm công cụ để chuỗi, cho biết thêm 394 00:19:06,790 --> 00:19:11,750 thứ của chuỗi, và sau đó dòng mã này. 395 00:19:11,750 --> 00:19:14,270 Tôi nói rằng in ra chuỗi HTML. 396 00:19:14,270 --> 00:19:19,230 Và ai đó giải thích cho tôi những gì dòng mã này không? 397 00:19:19,230 --> 00:19:21,800 Vâng, trước hết, những gì hiện rằng ký hiệu đô la nghĩa là gì? 398 00:19:21,800 --> 00:19:26,550 399 00:19:26,550 --> 00:19:30,914 Nó không phải là một biến PHP, nhưng những gì Điều đó có nghĩa là ký hiệu đô la? 400 00:19:30,914 --> 00:19:34,680 >> ĐỐI TƯỢNG: Liên kết với ID của HTML - 401 00:19:34,680 --> 00:19:37,220 nó giống như nó liên kết đến mã HTML? 402 00:19:37,220 --> 00:19:38,430 >> JASON Hirschhorn: Còn rằng ký hiệu đô la? 403 00:19:38,430 --> 00:19:40,662 Điều đó có ký hiệu đô la cho những gì? 404 00:19:40,662 --> 00:19:43,364 >> ĐỐI TƯỢNG: Liên kết với HTML bằng cách nào đó? 405 00:19:43,364 --> 00:19:46,630 >> JASON Hirschhorn: ở đâu chúng ta đã nhìn thấy đô la này đăng ký trước trong JavaScript? 406 00:19:46,630 --> 00:19:47,920 Chúng tôi đã nhìn thấy nó trong bài giảng. 407 00:19:47,920 --> 00:19:48,360 Chúng tôi nói chuyện về nó. 408 00:19:48,360 --> 00:19:50,150 Không ký hiệu đô la có nghĩa là gì? 409 00:19:50,150 --> 00:19:51,220 >> ĐỐI TƯỢNG: Một cái gì đó với jQuery? 410 00:19:51,220 --> 00:19:52,380 >> JASON Hirschhorn: Chính xác ngay. 411 00:19:52,380 --> 00:19:54,270 Điều này có gì để làm với jQuery. 412 00:19:54,270 --> 00:19:59,310 Ký hiệu đô la này có nghĩa là tôi đang sử dụng một thư viện chức năng jQuery đây. 413 00:19:59,310 --> 00:20:00,980 Chính xác. 414 00:20:00,980 --> 00:20:04,560 >> Vì vậy, chúng tôi viết ký hiệu đô la, và sau đó chúng tôi có dấu ngoặc mở này và đóng cửa 415 00:20:04,560 --> 00:20:09,150 Dấu ngoặc đơn, và bên trong có, những gì diễn ra bên trong có khi bạn đang sử dụng 416 00:20:09,150 --> 00:20:13,380 chức năng thư viện jQuery, hoặc bạn sử dụng thư viện jQuery? 417 00:20:13,380 --> 00:20:14,690 Một lần nữa, bạn thấy điều này trong bài giảng. 418 00:20:14,690 --> 00:20:16,840 Ai đó có thể cho tôi - và bạn cũng thấy cái gì ở đây. 419 00:20:16,840 --> 00:20:18,090 Những gì diễn ra bên trong không? 420 00:20:18,090 --> 00:20:22,220 421 00:20:22,220 --> 00:20:23,550 >> Jeff, cho tôi một đoán. 422 00:20:23,550 --> 00:20:27,000 Điều này có như thế nào, # đại dương? 423 00:20:27,000 --> 00:20:28,270 Nơi chúng ta đã thấy rằng trước khi? 424 00:20:28,270 --> 00:20:29,920 >> ĐỐI TƯỢNG: Có một thư viện hay cái gì? 425 00:20:29,920 --> 00:20:30,720 Tôi không có ý tưởng. 426 00:20:30,720 --> 00:20:36,420 >> JASON Hirschhorn: Vâng, chúng ta tôi mở chỉ số dot - 427 00:20:36,420 --> 00:20:37,710 nope, địa điểm sai. 428 00:20:37,710 --> 00:20:44,220 429 00:20:44,220 --> 00:20:46,600 >> Vì vậy, chúng ta thấy chúng ta có một cái gì đó gọi là đại dương ở đây. 430 00:20:46,600 --> 00:20:50,870 Nơi chúng ta đã nhìn thấy hashtag # đại dương đại dương, cú pháp trước? 431 00:20:50,870 --> 00:20:53,490 432 00:20:53,490 --> 00:20:53,950 Yeah? 433 00:20:53,950 --> 00:20:55,190 >> ĐỐI TƯỢNG: CSS? 434 00:20:55,190 --> 00:20:56,810 >> JASON Hirschhorn: Trong CSS. 435 00:20:56,810 --> 00:21:00,720 Vì vậy, chúng tôi muốn một cái gì đó phong cách, nhớ là chúng tôi sẽ đưa CSS hashtag 436 00:21:00,720 --> 00:21:05,360 chọn, hoặc hashtag đại dương, ví dụ, và tất cả các định dạng 437 00:21:05,360 --> 00:21:09,270 mà chúng tôi muốn cung cấp cho điều với ID đại dương chúng tôi đặt bên trong đó. 438 00:21:09,270 --> 00:21:15,470 >> Vì vậy, trong đây nó không phải CSS chọn đi vào đây. 439 00:21:15,470 --> 00:21:17,630 jQuery định nghĩa riêng của mình loại bộ chọn. 440 00:21:17,630 --> 00:21:21,650 Nhưng đó là ý tưởng giống nhau, và thực sự rất nhiều trong số họ trùng với CSS. 441 00:21:21,650 --> 00:21:24,710 Vì vậy, bên trong các dấu ngoặc đơn mở, bạn đặt một chọn, và bất cứ điều gì 442 00:21:24,710 --> 00:21:28,670 chọn đề cập đến, đó là những gì bạn sẽ được sử dụng. 443 00:21:28,670 --> 00:21:32,320 >> Vì vậy, trong trường hợp này, tôi chọn ID đại dương. 444 00:21:32,320 --> 00:21:33,690 Nếu tôi đã có một lớp học - 445 00:21:33,690 --> 00:21:38,830 hãy nói rằng tôi có một lớp những thứ gọi là "hình ảnh", và tôi cho rằng để một 446 00:21:38,830 --> 00:21:45,662 rất nhiều yếu tố, làm thế nào để tôi tham khảo một lớp học của điều được gọi là "hình ảnh?" 447 00:21:45,662 --> 00:21:47,110 >> ĐỐI TƯỢNG: Tôi nghĩ đó là dấu chấm. 448 00:21:47,110 --> 00:21:48,140 >> JASON Hirschhorn: Với một dấu chấm. 449 00:21:48,140 --> 00:21:50,830 Vì vậy, nếu thay vào đó tôi đặt dấu chấm hình ảnh ở đây, mà sẽ cung cấp cho tôi các lớp học của 450 00:21:50,830 --> 00:21:51,980 thứ được gọi là "hình ảnh." 451 00:21:51,980 --> 00:21:54,810 >> Tất nhiên, đây là siêu mạnh mẽ, và bạn có thể tham khảo rất nhiều thứ. 452 00:21:54,810 --> 00:21:59,970 Trong thực tế, tôi có thể tham khảo cơ bản bất kỳ thẻ trong HTML. 453 00:21:59,970 --> 00:22:04,630 Vì vậy, nếu tôi muốn làm điều đó, td, đó là một thẻ mà chúng ta đã nhìn thấy trước khi 454 00:22:04,630 --> 00:22:05,750 tạo ra một bảng. 455 00:22:05,750 --> 00:22:10,060 Có lẽ bạn đang quen thuộc với mà từ P thiết lập bảy. 456 00:22:10,060 --> 00:22:12,470 Trong trường hợp này, nó thực sự đi để chọn tất cả trong số họ. 457 00:22:12,470 --> 00:22:14,920 Nó sẽ cho tôi mảng của tất cả các thẻ td. 458 00:22:14,920 --> 00:22:16,760 Nhưng có thể có được một chút áp đảo, để qua lại ngay bây giờ chúng tôi 459 00:22:16,760 --> 00:22:19,390 sẽ dính vào chỉ tham khảo ID. 460 00:22:19,390 --> 00:22:23,510 >> Vì vậy, điều này không, một lần nữa, là mà được, trong trường hợp này - 461 00:22:23,510 --> 00:22:23,970 xin lỗi. 462 00:22:23,970 --> 00:22:27,020 Đi ở đây, index.html. 463 00:22:27,020 --> 00:22:33,510 Đây là một đại dương, chứ không phải ID đại dương tham khảo một div, vì vậy phần này này 464 00:22:33,510 --> 00:22:37,130 dòng mã được div đó. 465 00:22:37,130 --> 00:22:42,610 >> Và sau đó chấm này có nghĩa là tôi sẽ gọi một chức năng, và tên của 466 00:22:42,610 --> 00:22:44,460 chức năng là HTML. 467 00:22:44,460 --> 00:22:48,725 Và đó là viết tắt của, nếu các bạn thấy trước, ký hiệu đô la, tài liệu, dot nhận 468 00:22:48,725 --> 00:22:52,200 yếu tố của ID, dot HTML bên trong. 469 00:22:52,200 --> 00:22:54,350 Đây chỉ là phiên bản của jQuery. 470 00:22:54,350 --> 00:22:57,200 Vì vậy, các chức năng HTML chỉ được HTML bên trong. 471 00:22:57,200 --> 00:22:58,920 Của phần tử đó. 472 00:22:58,920 --> 00:23:03,690 Vì vậy, một lần nữa, nếu chúng ta nhìn lại đây, chúng tôi sẽ thấy không có HTML bên trong. 473 00:23:03,690 --> 00:23:07,990 Và do đó, nếu tôi đã làm điều này, tôi sẽ phải cố gắng để có được HTML. 474 00:23:07,990 --> 00:23:10,390 Khi tôi gõ này, tôi thiết lập HTML. 475 00:23:10,390 --> 00:23:13,110 Vì vậy, tôi đang đi qua chức năng này để chuỗi, chuỗi mà tôi đã tạo ra 476 00:23:13,110 --> 00:23:18,560 ở đây, và câu nói mà đặt bên trong div đại dương. 477 00:23:18,560 --> 00:23:18,980 Yeah? 478 00:23:18,980 --> 00:23:21,550 >> ĐỐI TƯỢNG: Khi bạn nhận được HTML, bạn chỉ nhận được 479 00:23:21,550 --> 00:23:22,972 một bản sao nếu nó, phải không? 480 00:23:22,972 --> 00:23:25,070 Bạn không loại bỏ nó. 481 00:23:25,070 --> 00:23:25,710 >> JASON Hirschhorn: Đúng vậy. 482 00:23:25,710 --> 00:23:28,640 Nếu tôi đã làm điều này và muốn để tiết kiệm này trong var - 483 00:23:28,640 --> 00:23:31,120 oops. 484 00:23:31,120 --> 00:23:34,840 Điều đó sẽ có được tất cả các thông tin mà có và lưu nó trong một 485 00:23:34,840 --> 00:23:35,800 biến, tạo một bản sao của nó. 486 00:23:35,800 --> 00:23:36,384 >> ĐỐI TƯỢNG: OK. 487 00:23:36,384 --> 00:23:37,634 Đã nhận nó. 488 00:23:37,634 --> 00:23:39,900 489 00:23:39,900 --> 00:23:43,860 >> JASON Hirschhorn: Vì vậy, chúng tôi tạo ra một số HTML, tiết kiệm mà trong chuỗi. 490 00:23:43,860 --> 00:23:44,590 Chúng tôi tiết kiệm một số chi tiết. 491 00:23:44,590 --> 00:23:47,720 Ở đây bạn thấy rằng chuỗi TODO. 492 00:23:47,720 --> 00:23:51,300 Vì vậy, có lẽ đó là nơi mà chúng tôi TODO nhận rằng từ khi 493 00:23:51,300 --> 00:23:52,730 chúng tôi đi vào trang của chúng tôi. 494 00:23:52,730 --> 00:23:56,610 Và trên thực tế, nếu tôi phải bấm vào TODO, kiểm tra phần tử, chúng tôi nói chuyện về 495 00:23:56,610 --> 00:23:57,240 tuần cuối cùng này. 496 00:23:57,240 --> 00:24:02,400 Đó là cách chúng tôi có thể nhìn thấy HTML cấu trúc của trang của chúng tôi. 497 00:24:02,400 --> 00:24:03,980 >> Bạn sẽ nhận thấy rằng ở đây - 498 00:24:03,980 --> 00:24:05,230 chúng ta hãy làm này lớn hơn một chút, quá - 499 00:24:05,230 --> 00:24:08,060 500 00:24:08,060 --> 00:24:11,390 chúng tôi có ID div của chúng tôi đại dương ngay tại đây. 501 00:24:11,390 --> 00:24:14,390 Tất cả mọi người thấy rằng dòng mã? 502 00:24:14,390 --> 00:24:16,330 Và đó là những gì chúng tôi loại trong index.html. 503 00:24:16,330 --> 00:24:18,880 504 00:24:18,880 --> 00:24:30,430 >> Bên trong của nó, chúng ta thấy bây giờ này dòng bảng mã. 505 00:24:30,430 --> 00:24:34,800 Và những gì mà dòng bảng mã là, đó là mã chúng tôi chỉ đưa vào 506 00:24:34,800 --> 00:24:35,770 yếu tố này. 507 00:24:35,770 --> 00:24:39,650 Và chúng ta nhìn bên trong của nó, chúng tôi không bao giờ colgroup đánh máy và tbody. 508 00:24:39,650 --> 00:24:42,330 Đã được thêm vào cho chúng tôi bởi vì chúng tôi đã làm một số công cụ ưa thích. 509 00:24:42,330 --> 00:24:47,590 Nhưng bạn sẽ nhận thấy có những tr, có td với TODO. 510 00:24:47,590 --> 00:24:50,680 >> Vì vậy, có vẻ như, một lần nữa, mã mà chúng tôi đã viết ở đây. 511 00:24:50,680 --> 00:24:52,300 Đó là chính xác những gì này đường đang làm. 512 00:24:52,300 --> 00:24:56,940 Nó đã được dùng chuỗi HTML của chúng tôi và đặt nó bên trong div ngay tại đây. 513 00:24:56,940 --> 00:24:59,010 Nó ban đầu không có gì. 514 00:24:59,010 --> 00:25:01,660 Trang này được nạp. 515 00:25:01,660 --> 00:25:03,160 Ký hiệu đô la, document.ready. 516 00:25:03,160 --> 00:25:04,490 Này bắt đầu thực hiện. 517 00:25:04,490 --> 00:25:08,010 Chúng ta gọi hàm draw_ocean, và bên trong hàm draw_ocean chúng ta 518 00:25:08,010 --> 00:25:10,010 HTML này và đặt nó bên trong div đó. 519 00:25:10,010 --> 00:25:12,860 520 00:25:12,860 --> 00:25:14,230 >> Chúng tôi chỉ cần đi qua rất nhiều ngay tại đó. 521 00:25:14,230 --> 00:25:16,270 Không ai có bất kỳ câu hỏi về điều đó? 522 00:25:16,270 --> 00:25:19,050 523 00:25:19,050 --> 00:25:21,110 Hoặc làm thế nào mà làm việc, hoặc jQuery? 524 00:25:21,110 --> 00:25:25,190 Bởi vì nếu bạn hiểu rằng, sau đó jQuery hy vọng sẽ đến 525 00:25:25,190 --> 00:25:25,760 tương đối dễ dàng. 526 00:25:25,760 --> 00:25:26,780 Yeah? 527 00:25:26,780 --> 00:25:29,370 >> ĐỐI TƯỢNG: Những gì bạn có bên trong ngoặc dưới bản in HTML 528 00:25:29,370 --> 00:25:32,150 chuỗi, mà là tên của biến HTML mà bạn 529 00:25:32,150 --> 00:25:32,815 đã khai báo trước đó? 530 00:25:32,815 --> 00:25:33,890 >> JASON Hirschhorn: Quyền này ở đây? 531 00:25:33,890 --> 00:25:34,440 >> ĐỐI TƯỢNG: Có 532 00:25:34,440 --> 00:25:34,720 >> JASON Hirschhorn: Có. 533 00:25:34,720 --> 00:25:36,600 ĐỐI TƯỢNG: Vì vậy, nếu bạn đã có tên cái gì khác, một cái gì đó khác 534 00:25:36,600 --> 00:25:37,590 là những gì bạn sẽ đặt vào đây. 535 00:25:37,590 --> 00:25:38,335 >> JASON Hirschhorn: Chính xác ngay. 536 00:25:38,335 --> 00:25:39,740 Và đó là một điểm tốt. 537 00:25:39,740 --> 00:25:42,600 Đây là một chút bối rối vì Tôi có HTML, html. 538 00:25:42,600 --> 00:25:46,930 Trong này đây là tên của tôi biến, và điều này đúng ở đây là 539 00:25:46,930 --> 00:25:48,680 tên của hàm jQuery. 540 00:25:48,680 --> 00:25:52,090 >> ĐỐI TƯỢNG: Nhưng để cho jQuery chức năng để làm việc, bạn phải cung cấp cho nó 541 00:25:52,090 --> 00:25:53,295 một số đầu vào HTML? 542 00:25:53,295 --> 00:25:55,030 >> JASON Hirschhorn: Chính xác. 543 00:25:55,030 --> 00:25:56,530 Hoặc bạn có để cung cấp cho nó một chuỗi. 544 00:25:56,530 --> 00:26:00,840 Nó sẽ đưa chuỗi bên trong của div hoặc bất cứ điều gì. 545 00:26:00,840 --> 00:26:01,670 Đây chỉ là một chuỗi. 546 00:26:01,670 --> 00:26:05,590 Nó không biết đây là HTML, nhưng rõ ràng là định dạng nó trên mục đích để được 547 00:26:05,590 --> 00:26:07,770 HTML hợp lệ. 548 00:26:07,770 --> 00:26:08,760 Điều đó trả lời các câu hỏi? 549 00:26:08,760 --> 00:26:09,480 >> ĐỐI TƯỢNG: Có. 550 00:26:09,480 --> 00:26:10,120 >> JASON Hirschhorn: OK. 551 00:26:10,120 --> 00:26:10,590 Yeah? 552 00:26:10,590 --> 00:26:14,380 >> ĐỐI TƯỢNG: Nếu biển gọi vào một nút hoặc một cái gì đó? 553 00:26:14,380 --> 00:26:16,250 Html. Sẽ làm những gì? 554 00:26:16,250 --> 00:26:18,086 Mà sẽ thay đổi văn bản của các nút? 555 00:26:18,086 --> 00:26:23,610 >> JASON Hirschhorn: Vậy câu hỏi là nếu nó được gọi một nút? 556 00:26:23,610 --> 00:26:25,970 Nó sẽ thay đổi bên trong HTML của một cái gì đó. 557 00:26:25,970 --> 00:26:29,250 Vì vậy, nếu nó có một thẻ mở và đóng cửa thẻ, nó sẽ đặt một cái gì đó ở giữa 558 00:26:29,250 --> 00:26:30,610 thẻ mở và đóng. 559 00:26:30,610 --> 00:26:33,280 Nếu không có mở và đóng thẻ, nó sẽ không làm bất cứ điều gì. 560 00:26:33,280 --> 00:26:35,040 >> ĐỐI TƯỢNG: Đó là nghĩa đen là một bản sao và dán loại điều? 561 00:26:35,040 --> 00:26:35,732 >> JASON Hirschhorn: Vâng. 562 00:26:35,732 --> 00:26:39,175 Nó copy và paste một cái gì đó từ bất cứ điều gì biến tôi vượt qua nó, 563 00:26:39,175 --> 00:26:41,410 chuỗi tôi vượt qua nó, bên trong những mở và đóng thẻ. 564 00:26:41,410 --> 00:26:44,460 565 00:26:44,460 --> 00:26:45,270 >> Hãy nhìn xuống đây. 566 00:26:45,270 --> 00:26:48,950 Oh, tốt đẹp của tôi. draw_pool không làm bất cứ điều gì ngay tại đó. 567 00:26:48,950 --> 00:26:50,580 Đó là một con số thấp. 568 00:26:50,580 --> 00:26:51,640 Đào tạo, wow. 569 00:26:51,640 --> 00:26:54,290 OK, vì vậy không có nhiều khác bên cạnh đó. 570 00:26:54,290 --> 00:26:56,652 >> Vì vậy, hãy bắt đầu, và chúng ta hãy sửa lỗi này lên. 571 00:26:56,652 --> 00:27:01,780 Tôi sẽ cần tất cả mọi người giúp đỡ để thực hiện điều này. 572 00:27:01,780 --> 00:27:04,030 Không có thực sự nhiều dòng mã, tôi nghĩ rằng, để viết. 573 00:27:04,030 --> 00:27:07,270 Tôi nghĩ rằng tôi đã làm điều này một vài năm trước đây cho phiên bản 2k12, và có 574 00:27:07,270 --> 00:27:08,880 không nên có nhiều dòng mã để viết. 575 00:27:08,880 --> 00:27:09,230 Tôi không nên xóa mã. 576 00:27:09,230 --> 00:27:10,920 Tôi có nên chỉ cần lưu nó. 577 00:27:10,920 --> 00:27:11,900 Oh, điên. 578 00:27:11,900 --> 00:27:14,170 >> Dù sao, chúng ta hãy bắt đầu. 579 00:27:14,170 --> 00:27:18,850 Vì vậy, tôi đang ở trong mảng này, hoặc tôi đang ở trong này dòng, và tôi có ocean_array của tôi. 580 00:27:18,850 --> 00:27:24,110 Và tôi muốn đưa tất cả điều này, tất cả mọi thứ từ tập tin này, vào của tôi 581 00:27:24,110 --> 00:27:25,170 ocean_array. 582 00:27:25,170 --> 00:27:27,390 Vì vậy, làm thế nào tôi có thể mất tất cả mọi thứ từ ở đó, và đặt nó vào 583 00:27:27,390 --> 00:27:27,630 ocean_array? 584 00:27:27,630 --> 00:27:29,390 Đó là một dòng mã. 585 00:27:29,390 --> 00:27:32,530 Ai có thể cho tôi rằng dòng mã hoặc cho tôi biết, có một số ý tưởng những gì dòng 586 00:27:32,530 --> 00:27:33,755 mã nên làm gì? 587 00:27:33,755 --> 00:27:36,350 Tại sao chúng ta không bắt đầu ở đây, và sau đó chúng tôi sẽ tiếp tục di chuyển quanh phòng 588 00:27:36,350 --> 00:27:37,410 trả lời câu hỏi. 589 00:27:37,410 --> 00:27:37,780 Kurt? 590 00:27:37,780 --> 00:27:38,890 Những gì đầu tiên? 591 00:27:38,890 --> 00:27:41,165 >> ĐỐI TƯỢNG: Ocean_array, khung, cá heo. 592 00:27:41,165 --> 00:27:47,120 593 00:27:47,120 --> 00:27:50,380 Cá heo bằng, khung, cá heo? 594 00:27:50,380 --> 00:27:52,265 Cá heo với tất cả mọi thứ vốn. 595 00:27:52,265 --> 00:27:57,590 596 00:27:57,590 --> 00:27:58,210 >> JASON Hirschhorn: OK. 597 00:27:58,210 --> 00:28:00,250 Chúng ta hãy đi bộ qua các cú pháp. 598 00:28:00,250 --> 00:28:04,260 Ngay tại đây, điều này giống như một vòng lặp foreach, do đó, nó thực sự làm rất nhiều 599 00:28:04,260 --> 00:28:05,180 thứ cho chúng ta. 600 00:28:05,180 --> 00:28:07,220 Và cá heo là một đối tượng. 601 00:28:07,220 --> 00:28:09,790 Vì vậy, chúng tôi không cần phải viết một cái gì đó như cá heo, cá heo, bởi vì 602 00:28:09,790 --> 00:28:12,480 cá heo chính nó là đối tượng mà tôi muốn. 603 00:28:12,480 --> 00:28:13,495 Nó không phải là chỉ số. 604 00:28:13,495 --> 00:28:14,510 Điều đó có ý nghĩa? 605 00:28:14,510 --> 00:28:15,830 >> ĐỐI TƯỢNG: Vâng. 606 00:28:15,830 --> 00:28:18,870 >> JASON Hirschhorn: Vậy làm thế nào bạn đề xuất thay đổi mã của bạn? 607 00:28:18,870 --> 00:28:23,110 608 00:28:23,110 --> 00:28:24,360 Nếu chúng ta biết chúng ta đang đưa ra các chỉ số? 609 00:28:24,360 --> 00:28:33,969 610 00:28:33,969 --> 00:28:35,240 >> Oh, xin lỗi. 611 00:28:35,240 --> 00:28:36,100 Bạn tốt. 612 00:28:36,100 --> 00:28:41,180 Nhưng làm thế nào - 613 00:28:41,180 --> 00:28:43,740 cho tôi hỏi một câu hỏi khác nhau. 614 00:28:43,740 --> 00:28:46,485 Nếu chúng ta muốn - 615 00:28:46,485 --> 00:28:47,400 chúng ta hãy thực sự viết này. 616 00:28:47,400 --> 00:28:48,170 Không sao đâu. 617 00:28:48,170 --> 00:28:49,080 Chúng ta sẽ viết này. 618 00:28:49,080 --> 00:28:49,910 Đó là tuyệt vời. 619 00:28:49,910 --> 00:28:50,440 Xin lôi. 620 00:28:50,440 --> 00:28:52,790 Tôi chỉ rất khó hiểu đó. 621 00:28:52,790 --> 00:28:55,910 >> Hãy để cho rằng có bây giờ, và chúng tôi sẽ trở lại để đào tạo một con cá heo, 622 00:28:55,910 --> 00:28:56,480 thiết lập một con cá heo. 623 00:28:56,480 --> 00:28:59,840 Chúng ta hãy chỉ đầu tiên sửa chữa đại dương vẽ này chức năng, và chúng tôi sẽ trở lại 624 00:28:59,840 --> 00:29:00,930 đó, Kurt. 625 00:29:00,930 --> 00:29:03,490 Nhưng cho đến nay, như vậy tốt. 626 00:29:03,490 --> 00:29:06,290 >> Chúng ta hãy nhìn vào bên trong draw_ocean. 627 00:29:06,290 --> 00:29:09,500 Dòng mà có vẻ là sai này "Lưu trữ hình ảnh của cá heo trong 628 00:29:09,500 --> 00:29:13,320 đại dương trong một chuỗi HTML. "Và ngay bây giờ, tôi giống như TODO, nhưng tôi 629 00:29:13,320 --> 00:29:17,230 thực sự muốn đưa cá heo hình ảnh trong đại dương. 630 00:29:17,230 --> 00:29:21,780 Vì vậy, những gì, Noah, bạn có nghĩ là điều đầu tiên tôi nên làm gì? 631 00:29:21,780 --> 00:29:24,570 Nếu tôi muốn đi qua toàn bộ mảng, những gì là lần đầu tiên 632 00:29:24,570 --> 00:29:25,270 điều tôi nên làm gì? 633 00:29:25,270 --> 00:29:26,713 >> ĐỐI TƯỢNG: Chúng ta cần phải tạo ra một vòng lặp. 634 00:29:26,713 --> 00:29:27,610 >> JASON Hirschhorn: Một vòng lặp. 635 00:29:27,610 --> 00:29:29,740 Và những gì nên có cho vòng lặp như thế nào? 636 00:29:29,740 --> 00:29:30,990 >> ĐỐI TƯỢNG: Đối với - 637 00:29:30,990 --> 00:29:36,660 638 00:29:36,660 --> 00:29:40,940 chúng ta cần phải đi qua từng con cá heo trong mảng đại dương. 639 00:29:40,940 --> 00:29:47,093 Vì vậy, cho cá heo trong var - 640 00:29:47,093 --> 00:29:48,830 bạn có thể viết mảng đại dương? 641 00:29:48,830 --> 00:29:56,200 642 00:29:56,200 --> 00:29:57,450 >> JASON Hirschhorn: Giống như điều đó không? 643 00:29:57,450 --> 00:30:00,654 644 00:30:00,654 --> 00:30:04,495 >> ĐỐI TƯỢNG: Có lẽ đó là đúng. 645 00:30:04,495 --> 00:30:06,280 >> JASON Hirschhorn: Hãy gắn bó với mà bây giờ, và sau đó chúng tôi sẽ 646 00:30:06,280 --> 00:30:07,060 trở về với nó. 647 00:30:07,060 --> 00:30:09,055 Và bạn sẽ phải chịu trách nhiệm cho dòng đó. 648 00:30:09,055 --> 00:30:11,260 Vì vậy, tôi có bằng vòng lặp for. 649 00:30:11,260 --> 00:30:12,560 Michael, bạn ngay bây giờ. 650 00:30:12,560 --> 00:30:15,896 Tôi nên làm gì bây giờ? 651 00:30:15,896 --> 00:30:23,045 >> ĐỐI TƯỢNG: Bạn sẽ phải đi lưu trữ hình ảnh từ cá heo. 652 00:30:23,045 --> 00:30:25,830 >> JASON Hirschhorn: Vì vậy, nơi được rằng lưu trữ? 653 00:30:25,830 --> 00:30:28,318 >> ĐỐI TƯỢNG: Trong mảng cá heo? 654 00:30:28,318 --> 00:30:33,298 655 00:30:33,298 --> 00:30:36,650 >> JASON Hirschhorn: Tôi đang bối rối bây giờ quá về những gì đang xảy ra. 656 00:30:36,650 --> 00:30:38,380 Chúng ta hãy tìm hiểu làm thế nào chúng ta có thể làm gỡ lỗi này, và sau đó tôi sẽ đến 657 00:30:38,380 --> 00:30:40,700 sao cho bạn, OK? 658 00:30:40,700 --> 00:30:43,920 Tương đương với những gì printf trong JavaScript? 659 00:30:43,920 --> 00:30:44,813 Annie? 660 00:30:44,813 --> 00:30:47,315 >> ĐỐI TƯỢNG: Đó là một tài liệu mà viết? 661 00:30:47,315 --> 00:30:50,020 >> JASON Hirschhorn: Hoặc làm thế nào có thể Tôi thấy một cái gì đó trong 662 00:30:50,020 --> 00:30:51,200 an ủi xuống phía dưới? 663 00:30:51,200 --> 00:30:51,940 >> ĐỐI TƯỢNG: console.log. 664 00:30:51,940 --> 00:30:53,870 >> JASON Hirschhorn: console.log, chính xác. 665 00:30:53,870 --> 00:30:59,810 Vì vậy, chúng ta hãy làm console.log, và chúng ta hãy chỉ cần đặt "cá heo" trong, OK? 666 00:30:59,810 --> 00:31:02,710 Lý tưởng nhất là nếu công trình này, chúng ta sẽ có - chúng ta hãy xem, trở lại trong tập tin đó 667 00:31:02,710 --> 00:31:06,030 dolphins.js, đã có sáu cá heo, vì vậy tôi sẽ nhận được sáu hoặc một cái gì đó 668 00:31:06,030 --> 00:31:08,180 hy vọng được in ra giao diện điều khiển, phải không? 669 00:31:08,180 --> 00:31:11,850 Đó là nơi mà chúng tôi cho đến nay bởi vì chúng tôi đã làm dòng Kurt lên ở đây, và sau đó chúng tôi 670 00:31:11,850 --> 00:31:14,630 Noah đã làm cho vòng lặp, và chúng tôi có điều này dòng, vì vậy hy vọng chúng ta sẽ thấy sáu 671 00:31:14,630 --> 00:31:16,120 điều in trên bàn điều khiển. 672 00:31:16,120 --> 00:31:22,032 Vì vậy, hãy đi đây, chúng ta hãy mở của chúng tôi an ủi và làm mới trang của chúng tôi. 673 00:31:22,032 --> 00:31:27,290 >> OK, vì vậy nó trông giống như chúng ta đã thấy sáu chỉ số. 674 00:31:27,290 --> 00:31:28,390 Bằng không, một, hai, ba, bốn năm, yeah. 675 00:31:28,390 --> 00:31:30,486 >> ĐỐI TƯỢNG: Làm thế nào để bạn có thể mà trang bên trong của bạn - 676 00:31:30,486 --> 00:31:32,260 >> JASON Hirschhorn: làm thế nào để tôi nhận được để điều này xuống đây? 677 00:31:32,260 --> 00:31:35,830 >> ĐỐI TƯỢNG: Không, trang Chrome bên trong [Nghe được] thiết bị. 678 00:31:35,830 --> 00:31:36,892 Chúng ta có thể thấy rằng hay không? 679 00:31:36,892 --> 00:31:38,220 >> JASON Hirschhorn: Chrome này trang bên phải ở đây? 680 00:31:38,220 --> 00:31:38,490 >> ĐỐI TƯỢNG: Vâng. 681 00:31:38,490 --> 00:31:43,180 >> JASON Hirschhorn: Vì vậy, giống như trong bộ P tám, tôi đã mở một cửa sổ Chrome 682 00:31:43,180 --> 00:31:46,410 trên máy tính để bàn của tôi, trên của tôi Máy tính để bàn Macintosh. 683 00:31:46,410 --> 00:31:51,980 Và nếu bạn nhận thấy ở đây URL này lên trên cùng bên trái, phù hợp với IP này 684 00:31:51,980 --> 00:31:54,630 giải quyết xuống đây. 685 00:31:54,630 --> 00:31:58,000 Vì vậy, để làm được điều này, tuy nhiên, đầu của vấn đề thiết lập thông số bạn đi 686 00:31:58,000 --> 00:31:59,860 thông qua chính xác làm thế nào để làm điều này. 687 00:31:59,860 --> 00:32:02,650 Nhưng tôi chỉ sau đó, và thay vào đó của với mã tàu con thoi, tôi chỉ cần làm 688 00:32:02,650 --> 00:32:04,070 mã riêng của chúng tôi. 689 00:32:04,070 --> 00:32:05,970 >> Điều thú vị là chúng tôi cũng có thể kiểm tra ocean_array. 690 00:32:05,970 --> 00:32:09,530 691 00:32:09,530 --> 00:32:13,080 Vì vậy, có vẻ như là ocean_array một mảng của sáu đối tượng, và 692 00:32:13,080 --> 00:32:14,570 chúng ta hãy mở mỗi một. 693 00:32:14,570 --> 00:32:15,950 Bùng nổ! 694 00:32:15,950 --> 00:32:16,580 Một. 695 00:32:16,580 --> 00:32:19,920 >> Vì vậy, Kurt, nó trông giống như của bạn đang làm việc hoàn hảo. 696 00:32:19,920 --> 00:32:23,510 Tất cả mọi thứ đã bắt đầu trong ocean_array. 697 00:32:23,510 --> 00:32:24,995 Bởi vì tôi misspoke trước đó. 698 00:32:24,995 --> 00:32:26,570 Nhưng có, công việc tuyệt vời. 699 00:32:26,570 --> 00:32:30,330 Các ocean_array là chính xác, và có vẻ như bây giờ chúng ta thấy rằng cá heo là 700 00:32:30,330 --> 00:32:35,400 một số 0-5, vì vậy nó trông như một chỉ số trong một mảng. 701 00:32:35,400 --> 00:32:37,510 Vì vậy, cho rằng kiến ​​thức, Michael, những gì chúng ta nên làm gì bây giờ? 702 00:32:37,510 --> 00:32:43,080 703 00:32:43,080 --> 00:32:43,870 Nói lên. 704 00:32:43,870 --> 00:32:45,600 Một cái gì đó chúng tôi muốn làm là gì? 705 00:32:45,600 --> 00:32:51,260 >> ĐỐI TƯỢNG: Chúng tôi muốn có được JPEG cho từng cá heo. 706 00:32:51,260 --> 00:32:51,800 >> JASON Hirschhorn: OK. 707 00:32:51,800 --> 00:32:53,206 Vậy làm thế nào chúng ta có thể tham khảo - 708 00:32:53,206 --> 00:32:54,760 làm sao chúng ta có thể nhận được JPEG? 709 00:32:54,760 --> 00:33:01,172 710 00:33:01,172 --> 00:33:03,726 Chúng ta bắt đầu ở đâu? 711 00:33:03,726 --> 00:33:05,390 Mà là tất cả mọi thứ được lưu trữ? 712 00:33:05,390 --> 00:33:07,610 >> ĐỐI TƯỢNG: Trong ocean_array? 713 00:33:07,610 --> 00:33:08,320 >> JASON Hirschhorn: OK. 714 00:33:08,320 --> 00:33:11,450 >> ĐỐI TƯỢNG: Vì vậy, ocean_array, cá heo - 715 00:33:11,450 --> 00:33:16,392 716 00:33:16,392 --> 00:33:19,280 >> JASON Hirschhorn: Làm thế nào để chúng tôi có một cái gì đó bên trong - 717 00:33:19,280 --> 00:33:20,860 vì vậy điều này cho chúng ta đối tượng đó. 718 00:33:20,860 --> 00:33:22,770 Và chúng tôi đã nhìn thấy điều này trước khi với cấu. 719 00:33:22,770 --> 00:33:26,710 Vì vậy, những loại ký hiệu chúng ta cần phải sử dụng không? 720 00:33:26,710 --> 00:33:28,450 >> ĐỐI TƯỢNG: Nó sẽ là dấu chấm. 721 00:33:28,450 --> 00:33:29,400 >> JASON Hirschhorn: Một dấu chấm. 722 00:33:29,400 --> 00:33:30,960 Và sau đó những lĩnh vực? 723 00:33:30,960 --> 00:33:31,510 >> ĐỐI TƯỢNG: Hình ảnh? 724 00:33:31,510 --> 00:33:33,816 Hoặc đó không phải là một lĩnh vực - 725 00:33:33,816 --> 00:33:37,400 >> JASON Hirschhorn: Những gì nó là gọi dolphins.js? 726 00:33:37,400 --> 00:33:38,270 Và xem, bạn có thể nhìn. 727 00:33:38,270 --> 00:33:38,970 Chúng tôi chỉ có thể quay trở lại đây. 728 00:33:38,970 --> 00:33:40,700 Chúng ta có thể nhìn thấy ocean_array, chúng ta có thể khám phá nó. 729 00:33:40,700 --> 00:33:41,380 Nó gọi là gì? 730 00:33:41,380 --> 00:33:42,287 >> ĐỐI TƯỢNG: Loại. 731 00:33:42,287 --> 00:33:43,688 Chờ đợi. 732 00:33:43,688 --> 00:33:44,155 Hình ảnh? 733 00:33:44,155 --> 00:33:45,560 Tôi nói hình ảnh. 734 00:33:45,560 --> 00:33:46,370 >> JASON Hirschhorn: Hình ảnh. 735 00:33:46,370 --> 00:33:47,610 Đúng. 736 00:33:47,610 --> 00:33:49,510 Bạn không có vẻ như bạn biết những gì bạn đang nói về, mặc dù. 737 00:33:49,510 --> 00:33:50,630 Nó có vẻ giống như một đoán. 738 00:33:50,630 --> 00:33:53,700 Vì vậy, hình ảnh đó, do đó sẽ cung cấp cho chúng tôi URL của hình ảnh. 739 00:33:53,700 --> 00:33:54,720 Jeff, bạn có một câu hỏi? 740 00:33:54,720 --> 00:33:57,375 >> ĐỐI TƯỢNG: Vâng, tôi có thể không có được những gì bạn có trên Chrome của bạn 741 00:33:57,375 --> 00:33:59,320 trình duyệt trên máy tính của tôi. 742 00:33:59,320 --> 00:34:05,915 Tôi chỉ nhận được một "tài liệu tham khảo uncaught lỗi, giao diện điều khiển không được xác định. " 743 00:34:05,915 --> 00:34:07,780 >> JASON Hirschhorn: Bạn đã thiết lập tất cả mọi thứ? 744 00:34:07,780 --> 00:34:10,090 >> ĐỐI TƯỢNG: Vâng, tôi nghĩ rằng tôi đã làm tất cả mọi thứ mà bạn 745 00:34:10,090 --> 00:34:11,800 đã làm trên màn hình lớn. 746 00:34:11,800 --> 00:34:13,510 >> JASON Hirschhorn: Và bạn chmodded tất cả các tập tin? 747 00:34:13,510 --> 00:34:16,343 Và bạn đã đi qua toàn bộ thiết lập? 748 00:34:16,343 --> 00:34:17,600 >> ĐỐI TƯỢNG: Tôi sẽ thử lại lần nữa. 749 00:34:17,600 --> 00:34:18,300 >> JASON Hirschhorn: OK. 750 00:34:18,300 --> 00:34:20,630 Tôi bỏ qua mà rất nhiều ở bắt đầu, nhưng bạn cần phải đi qua 751 00:34:20,630 --> 00:34:22,199 toàn bộ thiết lập giống như ở bắt đầu của spec vấn đề thiết lập. 752 00:34:22,199 --> 00:34:24,770 Chmod tất cả mọi thứ và chắc chắn rằng nó in 753 00:34:24,770 --> 00:34:26,360 >> ĐỐI TƯỢNG: Tôi sẽ đi và kiểm tra lại nó. 754 00:34:26,360 --> 00:34:28,655 Tôi nghĩ rằng tôi đã làm điều đó, nhưng Tôi sẽ tăng gấp đôi kiểm tra. 755 00:34:28,655 --> 00:34:30,270 >> JASON Hirschhorn: Vì vậy, điều này có vẻ như nó sẽ cung cấp cho chúng tôi 756 00:34:30,270 --> 00:34:30,960 chuỗi và một bức tranh. 757 00:34:30,960 --> 00:34:31,370 Tuyệt vời. 758 00:34:31,370 --> 00:34:32,760 Chúng tôi có URL của hình ảnh. 759 00:34:32,760 --> 00:34:35,320 Làm thế nào để chúng ta đặt nó trong - 760 00:34:35,320 --> 00:34:38,030 những gì sẽ xảy ra nếu chúng ta viết chỉ này, Michael? 761 00:34:38,030 --> 00:34:40,150 >> ĐỐI TƯỢNG: Nó chỉ được hình ảnh. 762 00:34:40,150 --> 00:34:41,420 Nó không thực sự hiển thị nó. 763 00:34:41,420 --> 00:34:42,840 >> JASON Hirschhorn: Hãy xem những gì sẽ xảy ra. 764 00:34:42,840 --> 00:34:43,514 Chúng tôi sẽ tiết kiệm đó. 765 00:34:43,514 --> 00:34:44,780 Chúng tôi sẽ chạy nó ở đây. 766 00:34:44,780 --> 00:34:49,460 767 00:34:49,460 --> 00:34:50,510 Có vẻ như chúng tôi không nhận được bất cứ điều gì. 768 00:34:50,510 --> 00:34:56,179 Nếu tôi khám phá bảng này, nó trông giống như bên trong - 769 00:34:56,179 --> 00:34:58,170 yeah, hình như tôi không nhận được bất cứ điều gì. 770 00:34:58,170 --> 00:34:59,963 >> ĐỐI TƯỢNG: Chúng ta phải - 771 00:34:59,963 --> 00:35:05,225 772 00:35:05,225 --> 00:35:07,270 >> JASON Hirschhorn: Đây là một chuỗi, mã này ngay tại đây. 773 00:35:07,270 --> 00:35:08,615 Nơi nào tôi muốn đặt chuỗi này? 774 00:35:08,615 --> 00:35:11,250 775 00:35:11,250 --> 00:35:16,000 >> ĐỐI TƯỢNG: Bạn muốn đặt nó trong đại dương? 776 00:35:16,000 --> 00:35:16,040 >> JASON Hirschhorn: OK. 777 00:35:16,040 --> 00:35:19,230 Và ở đây tôi đặt một chuỗi gọi là html trong đại dương. 778 00:35:19,230 --> 00:35:26,350 >> ĐỐI TƯỢNG: Vì vậy, nó sẽ là đô la dấu hiệu, đại dương, html [nghe được]. 779 00:35:26,350 --> 00:35:27,985 >> JASON Hirschhorn: Điều đó sẽ đặt nó thẳng trong đó. 780 00:35:27,985 --> 00:35:29,440 Nhưng những gì nếu tôi muốn thêm vào - 781 00:35:29,440 --> 00:35:30,740 Tôi đã tạo ra một chuỗi, phải không? 782 00:35:30,740 --> 00:35:33,740 Để đưa vào các đại dương, những gì tên của chuỗi đó? 783 00:35:33,740 --> 00:35:34,610 >> ĐỐI TƯỢNG: HTML. 784 00:35:34,610 --> 00:35:35,250 >> JASON Hirschhorn: HTML. 785 00:35:35,250 --> 00:35:36,355 Vì vậy, tôi viết những gì tiếp theo? 786 00:35:36,355 --> 00:35:37,310 >> ĐỐI TƯỢNG: Bình đẳng, bằng. 787 00:35:37,310 --> 00:35:38,990 Hoặc chỉ bằng? 788 00:35:38,990 --> 00:35:41,170 >> JASON Hirschhorn: Điều gì sẽ xảy ra nếu tôi viết bình đẳng? 789 00:35:41,170 --> 00:35:45,940 790 00:35:45,940 --> 00:35:49,222 >> ĐỐI TƯỢNG: Sẽ không phải là cài đặt nó bằng - hoặc sẽ không phải là - 791 00:35:49,222 --> 00:35:51,744 792 00:35:51,744 --> 00:35:53,016 >> ĐỐI TƯỢNG: Chỉ định? 793 00:35:53,016 --> 00:35:55,680 >> JASON Hirschhorn: Nó sẽ gán cho nó, nhưng những gì sẽ xảy ra với tất cả mọi thứ 794 00:35:55,680 --> 00:35:56,565 đã được lưu giữ trong nó trước? 795 00:35:56,565 --> 00:35:57,570 >> ĐỐI TƯỢNG: Nó sẽ được thoát khỏi nó. 796 00:35:57,570 --> 00:35:58,660 >> JASON Hirschhorn: Nó sẽ được thoát khỏi nó. 797 00:35:58,660 --> 00:35:59,993 Vì vậy, làm thế nào tôi có thể thêm nó vào cuối cùng? 798 00:35:59,993 --> 00:36:02,836 799 00:36:02,836 --> 00:36:04,120 Tôi sẽ chỉ cần sao chép - 800 00:36:04,120 --> 00:36:04,530 >> ĐỐI TƯỢNG: Thêm bằng. 801 00:36:04,530 --> 00:36:06,260 >> JASON Hirschhorn: Thêm bằng, hoàn hảo. 802 00:36:06,260 --> 00:36:07,120 Đó chính quyền. 803 00:36:07,120 --> 00:36:08,380 Vì vậy, bây giờ chúng ta hãy xem điều này không. 804 00:36:08,380 --> 00:36:12,500 805 00:36:12,500 --> 00:36:12,760 Bùng nổ! 806 00:36:12,760 --> 00:36:14,580 Oh, tốt đẹp của tôi. 807 00:36:14,580 --> 00:36:16,580 Đó chỉ là rất nhiều văn bản. 808 00:36:16,580 --> 00:36:17,580 OK. 809 00:36:17,580 --> 00:36:20,640 >> Vì vậy, có vẻ như chúng ta có rất nhiều văn bản, nhưng đó là tuyệt vời. 810 00:36:20,640 --> 00:36:21,750 Các bạn đã thực hiện - 811 00:36:21,750 --> 00:36:23,160 Tôi biết điều này là khó khăn, đây là mới. 812 00:36:23,160 --> 00:36:24,970 Cho đến nay, ba của các bạn đã thực hiện tuyệt vời. 813 00:36:24,970 --> 00:36:26,600 >> OK, bạn tiếp theo. 814 00:36:26,600 --> 00:36:27,960 Chúng ta nên làm gì tiếp theo? 815 00:36:27,960 --> 00:36:29,830 Chúng tôi rõ ràng là không muốn nó chơi chỉ là chuỗi. 816 00:36:29,830 --> 00:36:30,120 Yeah? 817 00:36:30,120 --> 00:36:30,690 >> ĐỐI TƯỢNG: Tôi chỉ có một câu hỏi. 818 00:36:30,690 --> 00:36:35,410 Bạn biết đấy, khi bạn làm ocean_array, cá heo, trong dấu ngoặc đơn, không phải là 819 00:36:35,410 --> 00:36:37,550 cá heo như một liên kết mảng trong chính nó? 820 00:36:37,550 --> 00:36:38,230 >> JASON Hirschhorn: Tôi misspoke. 821 00:36:38,230 --> 00:36:41,515 Cá heo là các chỉ số. 822 00:36:41,515 --> 00:36:44,280 >> ĐỐI TƯỢNG: nhưng không phải là var cá heo trong đại dương - 823 00:36:44,280 --> 00:36:49,540 Ý tôi là, khi bạn bước đầu tải nó như là tốt, var cá heo trong cá heo, không phải là 824 00:36:49,540 --> 00:36:51,950 rằng cá heo một mảng kết hợp? 825 00:36:51,950 --> 00:36:52,970 >> JASON Hirschhorn: cá heo này? 826 00:36:52,970 --> 00:36:53,650 >> ĐỐI TƯỢNG: Vâng. 827 00:36:53,650 --> 00:36:54,230 >> JASON Hirschhorn: số 828 00:36:54,230 --> 00:36:56,366 Cá heo này là chỉ số. 829 00:36:56,366 --> 00:36:57,950 >> ĐỐI TƯỢNG: OK. 830 00:36:57,950 --> 00:36:59,320 Vì vậy, có một biến cá heo? 831 00:36:59,320 --> 00:37:02,610 Ý tôi là, như chính con cá heo trong mảng kết hợp? 832 00:37:02,610 --> 00:37:04,150 >> JASON Hirschhorn: Ngay ở đây? 833 00:37:04,150 --> 00:37:05,075 Như, dolphin.name? 834 00:37:05,075 --> 00:37:10,440 >> ĐỐI TƯỢNG: Vâng, có như cá heo dot - 835 00:37:10,440 --> 00:37:13,090 như là không có nghĩa là cá heo là mỗi đối tượng? 836 00:37:13,090 --> 00:37:15,580 >> ĐỐI TƯỢNG: Vâng, đó là những gì tôi nghĩ, quá. 837 00:37:15,580 --> 00:37:19,985 >> ĐỐI TƯỢNG: Tôi nghĩ là như cá heo mảng kết hợp trong Cá heo. 838 00:37:19,985 --> 00:37:22,240 Bởi vì có sáu liên kết mảng trong Cá heo, phải không? 839 00:37:22,240 --> 00:37:24,050 >> JASON Hirschhorn: Đúng vậy. 840 00:37:24,050 --> 00:37:26,790 Cách chúng tôi đã viết này bây giờ, nó không phải. 841 00:37:26,790 --> 00:37:29,300 >> ĐỐI TƯỢNG: Tại sao không? 842 00:37:29,300 --> 00:37:36,690 >> JASON Hirschhorn: Chúng ta có thể làm điều đó, và có thực sự là một chức năng jQuery 843 00:37:36,690 --> 00:37:39,660 gọi là. mỗi mang đến cho bạn mỗi điều. 844 00:37:39,660 --> 00:37:41,670 Nhưng cú pháp này không phải là - 845 00:37:41,670 --> 00:37:44,130 Tôi misspoke trước - cú pháp này không phải là đó là chỉ số. 846 00:37:44,130 --> 00:37:45,780 Điều này chỉ là cho chúng tôi các chỉ số. 847 00:37:45,780 --> 00:37:48,490 Nhưng bạn có thể làm ký hiệu đô la. Mỗi, mà là một chức năng jQuery. 848 00:37:48,490 --> 00:37:51,730 Điều đó sẽ cung cấp cho bạn mỗi mảng liên kết. 849 00:37:51,730 --> 00:37:52,930 Vì vậy, kiểm tra xem ra. 850 00:37:52,930 --> 00:37:55,205 Nhưng đó là những gì tất cả các mã này không. 851 00:37:55,205 --> 00:37:59,020 >> ĐỐI TƯỢNG: Vì vậy, đây lần đầu tiên cho vòng lặp, tôi đoán rằng sẽ lặp lại sáu lần 852 00:37:59,020 --> 00:37:59,765 bởi vì bạn có sáu chỉ số. 853 00:37:59,765 --> 00:38:02,550 Và sau đó là thứ hai cho vòng lặp, mà không phải là lặp lại các 854 00:38:02,550 --> 00:38:03,880 cùng một số lần? 855 00:38:03,880 --> 00:38:04,540 >> JASON Hirschhorn: Vâng. 856 00:38:04,540 --> 00:38:07,920 >> ĐỐI TƯỢNG: Vì vậy, có thực sự không - chúng tôi có thể viết là người đầu tiên cho vòng lặp 857 00:38:07,920 --> 00:38:09,700 một lần nữa, và nó sẽ làm việc. 858 00:38:09,700 --> 00:38:11,265 Như, var cá heo trong Cá heo? 859 00:38:11,265 --> 00:38:13,400 >> JASON Hirschhorn: Vâng, nhưng chúng tôi bây giờ sử dụng một ocean_array. 860 00:38:13,400 --> 00:38:18,010 Chúng tôi đã di chuyển tất cả mọi thứ vào ocean_array vì nói rằng chúng ta đã bao giờ muốn 861 00:38:18,010 --> 00:38:23,970 để thay đổi những gì trong dolphins.js, hoặc nếu chúng ta muốn thao tác ocean_array 862 00:38:23,970 --> 00:38:27,140 sau đó, chúng tôi không muốn để thao tác cá heo, biến. 863 00:38:27,140 --> 00:38:29,940 Chúng tôi muốn để thao tác một bản sao của nó, bởi vì nếu chúng ta muốn có một cái gì đó 864 00:38:29,940 --> 00:38:31,740 ra, cách này chúng tôi chỉ sẽ được an toàn. 865 00:38:31,740 --> 00:38:32,820 Điều đó có ý nghĩa. 866 00:38:32,820 --> 00:38:33,085 >> ĐỐI TƯỢNG: Vâng. 867 00:38:33,085 --> 00:38:34,390 >> JASON Hirschhorn: OK. 868 00:38:34,390 --> 00:38:39,830 Vì vậy, Carlos, làm thế nào để tôi có chuỗi này và làm cho nó một hình ảnh thay vào đó, và nhận được 869 00:38:39,830 --> 00:38:40,860 hình ảnh thực tế? 870 00:38:40,860 --> 00:38:42,260 Bạn đã nhìn thấy mã này trước đây. 871 00:38:42,260 --> 00:38:45,541 Làm thế nào tôi làm bao gồm một hình ảnh trên một trang? 872 00:38:45,541 --> 00:38:51,400 >> ĐỐI TƯỢNG: Đó có phải là điều chúng tôi đã làm về đó cộng với HTML bằng cuộc gọi te dấu gạch ngang 873 00:38:51,400 --> 00:38:53,344 chiều rộng, cô đã xóa nó? 874 00:38:53,344 --> 00:38:56,068 >> JASON Hirschhorn: Đây công cụ bên phải ở đây? 875 00:38:56,068 --> 00:38:57,036 >> ĐỐI TƯỢNG: Vâng. 876 00:38:57,036 --> 00:38:57,520 Loại. 877 00:38:57,520 --> 00:38:58,900 >> JASON Hirschhorn: không lo lắng về điều đó. 878 00:38:58,900 --> 00:39:00,520 Mà chỉ cần bắt đầu chuỗi HTML. 879 00:39:00,520 --> 00:39:03,980 Nếu tôi muốn bao gồm một hình ảnh trong tôi Trang web HTML, những gì từ khóa để tôi sử dụng? 880 00:39:03,980 --> 00:39:06,210 >> ĐỐI TƯỢNG: Tôi không nhớ. 881 00:39:06,210 --> 00:39:07,050 >> JASON Hirschhorn: OK. 882 00:39:07,050 --> 00:39:08,343 Avie, giúp anh ta ra? 883 00:39:08,343 --> 00:39:10,985 >> ĐỐI TƯỢNG: Nó sẽ được neo, href, và sau đó bạn liên kết nó? 884 00:39:10,985 --> 00:39:12,790 >> JASON Hirschhorn: Vì vậy, A như Neo. 885 00:39:12,790 --> 00:39:14,790 >> ĐỐI TƯỢNG: Bạn không cần phải liên kết nó, mặc dù, phải không? 886 00:39:14,790 --> 00:39:17,370 >> JASON Hirschhorn: Nếu tôi chỉ muốn tạo ra một hình ảnh? 887 00:39:17,370 --> 00:39:24,640 >> ĐỐI TƯỢNG: Nó sẽ được img, và sau đó src bằng bất cứ chuỗi? 888 00:39:24,640 --> 00:39:27,400 >> JASON Hirschhorn: OK, vì vậy đó là đúng, img. 889 00:39:27,400 --> 00:39:28,635 Carlos, bạn sẽ mang nó từ đây. 890 00:39:28,635 --> 00:39:32,760 img viết tắt của "hình ảnh", và khán đài src cho "nguồn". và bạn cần phải cung cấp cho nó 891 00:39:32,760 --> 00:39:35,200 một URL hoặc một số - 892 00:39:35,200 --> 00:39:35,940 thậm chí không phải là một URL. 893 00:39:35,940 --> 00:39:39,040 Một số vị trí nơi mà hình ảnh được lưu trữ. 894 00:39:39,040 --> 00:39:46,490 Vì vậy, tôi biết rằng đó sẽ làm cho tôi một hình ảnh, vì vậy bây giờ làm thế nào để tôi đặt tất cả điều này 895 00:39:46,490 --> 00:39:49,310 với nhau, suy nghĩ? 896 00:39:49,310 --> 00:39:51,920 Tôi có một số cú pháp tôi cần phải sửa chữa. 897 00:39:51,920 --> 00:39:54,632 Chính xác những gì tôi cần đánh máy, Carlos? 898 00:39:54,632 --> 00:39:56,862 >> ĐỐI TƯỢNG: Tôi không có được những gì bạn đang cố gắng để làm. 899 00:39:56,862 --> 00:40:00,185 Vì vậy, bạn đang cố gắng để đưa tất cả các hình ảnh vào một bảng? 900 00:40:00,185 --> 00:40:04,790 >> JASON Hirschhorn: Chúng tôi muốn hiển thị tất cả các hình ảnh trong trang. 901 00:40:04,790 --> 00:40:12,000 Và chúng ta đã biết dòng mã này ngay chuỗi đây được bổ sung vào chuỗi HTML của chúng tôi 902 00:40:12,000 --> 00:40:13,275 và in chúng ra như thế này. 903 00:40:13,275 --> 00:40:17,990 904 00:40:17,990 --> 00:40:21,830 Chúng tôi thay vì muốn hiển thị hình ảnh. 905 00:40:21,830 --> 00:40:25,780 Và chúng tôi nhận ra, Maru, nói với chúng tôi rằng dòng mã này - 906 00:40:25,780 --> 00:40:26,750 vì vậy hãy xem xét ngay tại đây. 907 00:40:26,750 --> 00:40:31,745 Nếu chúng tôi đã đi và khám phá, chúng tôi sẽ chỉnh sửa này dưới dạng HTML. 908 00:40:31,745 --> 00:40:35,110 909 00:40:35,110 --> 00:40:54,270 Maru, cho biết, nếu chúng ta làm điều này cú pháp, chúng tôi nhận được một hình ảnh. 910 00:40:54,270 --> 00:40:57,810 911 00:40:57,810 --> 00:40:59,400 Vì vậy không có ý nghĩa? 912 00:40:59,400 --> 00:41:02,650 913 00:41:02,650 --> 00:41:05,630 >> Đây là loại dây mà chúng ta thực sự muốn đặt bên trong các đại dương 914 00:41:05,630 --> 00:41:09,080 lặn, không chỉ đơn giản là văn bản. 915 00:41:09,080 --> 00:41:12,080 >> ĐỐI TƯỢNG: [nghe được] 916 00:41:12,080 --> 00:41:12,940 >> JASON Hirschhorn: Xin lỗi? 917 00:41:12,940 --> 00:41:16,240 >> ĐỐI TƯỢNG: Có thể bạn không chỉ cần sao chép mà một trong những Kianna đã, 918 00:41:16,240 --> 00:41:17,810 và đặt nó vào đó - 919 00:41:17,810 --> 00:41:19,570 >> JASON Hirschhorn: Sao chép này, và đặt này ngay tại đây? 920 00:41:19,570 --> 00:41:20,820 >> ĐỐI TƯỢNG: Vâng. 921 00:41:20,820 --> 00:41:23,354 922 00:41:23,354 --> 00:41:25,813 >> JASON Hirschhorn: Đó là gần, nhưng có một vấn đề với điều này, và 923 00:41:25,813 --> 00:41:27,063 cái gì vậy? 924 00:41:27,063 --> 00:41:30,920 925 00:41:30,920 --> 00:41:36,370 HTML là một chuỗi, và chúng ta cần thêm dây vào nó. 926 00:41:36,370 --> 00:41:37,855 >> ĐỐI TƯỢNG: Vì vậy, sau đó bạn đặt nó - nah. 927 00:41:37,855 --> 00:41:40,860 >> JASON Hirschhorn: Và chúng tôi có ba - quyền này ở đây không phải là một chuỗi. 928 00:41:40,860 --> 00:41:42,921 Làm thế nào để chúng tôi làm cho nó một chuỗi? 929 00:41:42,921 --> 00:41:45,474 Làm thế nào để bạn luôn luôn làm cho một cái gì đó một chuỗi? 930 00:41:45,474 --> 00:41:47,242 >> ĐỐI TƯỢNG: Tôi không biết. 931 00:41:47,242 --> 00:41:49,570 >> JASON Hirschhorn: Nếu tôi có văn bản, làm thế nào để làm cho nó một chuỗi? 932 00:41:49,570 --> 00:41:51,615 Như lên đây trên dòng này ngay tại đây? 933 00:41:51,615 --> 00:41:54,160 >> ĐỐI TƯỢNG: Đặt nó trong một bảng? 934 00:41:54,160 --> 00:41:56,450 >> JASON Hirschhorn: Điều gì về điều này? 935 00:41:56,450 --> 00:41:57,290 >> ĐỐI TƯỢNG: Trích dẫn. 936 00:41:57,290 --> 00:41:58,670 >> JASON Hirschhorn: đôi báo giá, phải không? 937 00:41:58,670 --> 00:42:00,860 Dấu ngoặc kép làm một cái gì đó một chuỗi. 938 00:42:00,860 --> 00:42:03,720 Vì vậy, mà làm cho một chuỗi, và điều này là một chuỗi. 939 00:42:03,720 --> 00:42:05,990 Làm thế nào để tôi đặt hai dây cùng nhau trong JavaScript? 940 00:42:05,990 --> 00:42:06,842 >> ĐỐI TƯỢNG: Dot. 941 00:42:06,842 --> 00:42:07,960 >> JASON Hirschhorn: Không chấm. 942 00:42:07,960 --> 00:42:10,462 Đó là PHP. 943 00:42:10,462 --> 00:42:11,358 >> ĐỐI TƯỢNG: Plus. 944 00:42:11,358 --> 00:42:13,200 >> JASON Hirschhorn: Thêm vào đó, chính xác. 945 00:42:13,200 --> 00:42:15,900 Vì vậy, cộng thêm, và sau đó làm những gì bạn đề xuất tôi làm ở đây? 946 00:42:15,900 --> 00:42:20,900 947 00:42:20,900 --> 00:42:22,400 >> ĐỐI TƯỢNG: quote khác. 948 00:42:22,400 --> 00:42:24,100 >> JASON Hirschhorn: quote khác, OK. 949 00:42:24,100 --> 00:42:32,300 950 00:42:32,300 --> 00:42:34,322 Làm thế nào để kết thúc một chuỗi? 951 00:42:34,322 --> 00:42:35,660 >> ĐỐI TƯỢNG: quote khác. 952 00:42:35,660 --> 00:42:36,180 >> JASON Hirschhorn: quote khác. 953 00:42:36,180 --> 00:42:38,740 Và làm thế nào để đưa chuỗi này cùng với chuỗi này? 954 00:42:38,740 --> 00:42:39,810 Một cộng. 955 00:42:39,810 --> 00:42:40,630 Đó chính quyền. 956 00:42:40,630 --> 00:42:41,540 Bạn chỉ cần làm điều này cho chúng ta. 957 00:42:41,540 --> 00:42:42,590 Này là hoàn hảo. 958 00:42:42,590 --> 00:42:46,320 >> Vì vậy, bây giờ chúng ta hãy làm điều này. 959 00:42:46,320 --> 00:42:49,050 Và tìm kiếm, chúng tôi đã có một toàn bộ loạt các hình ảnh. 960 00:42:49,050 --> 00:42:49,860 Ôi, Chúa ơi. 961 00:42:49,860 --> 00:42:50,770 Đó là đáng sợ. 962 00:42:50,770 --> 00:42:51,720 Chúng ta sẽ khám phá họ trong một giây. 963 00:42:51,720 --> 00:42:52,010 Yeah, Noah? 964 00:42:52,010 --> 00:42:54,520 >> ĐỐI TƯỢNG: Tôi biết nó không thực sự vấn đề, nhưng bạn nên đóng của bạn 965 00:42:54,520 --> 00:42:56,005 các yếu tố với thẻ hình ảnh? 966 00:42:56,005 --> 00:42:58,250 >> JASON Hirschhorn: Chúng tôi có thể, nếu chúng tôi muốn, hình ảnh của chúng tôi đóng cửa 967 00:42:58,250 --> 00:43:02,284 tag như thế. 968 00:43:02,284 --> 00:43:04,719 Chúng ta hãy làm điều đó. 969 00:43:04,719 --> 00:43:06,330 Trên, không, chúng ta không thể làm điều đó. 970 00:43:06,330 --> 00:43:07,580 >> ĐỐI TƯỢNG: Oh, tôi đã phá vỡ nó. 971 00:43:07,580 --> 00:43:09,090 >> JASON Hirschhorn: Tôi nghĩ rằng đây là xác nhận, mặc dù. 972 00:43:09,090 --> 00:43:12,380 Tôi không nghĩ rằng bạn cần các dấu gạch chéo đóng. 973 00:43:12,380 --> 00:43:13,490 OK, điều này là rất tốt. 974 00:43:13,490 --> 00:43:14,150 Carlos, cảm ơn bạn. 975 00:43:14,150 --> 00:43:16,270 Cho đến nay bốn của các bạn đã làm một công việc tuyệt vời. 976 00:43:16,270 --> 00:43:19,650 >> Tất nhiên, như bạn thấy, chúng tôi tạo ra một số loại bảng côn. 977 00:43:19,650 --> 00:43:21,490 Và tôi muốn những điều này được trong một bảng. 978 00:43:21,490 --> 00:43:24,970 Vì vậy, làm thế nào để đưa các mọi thứ trong một bảng? 979 00:43:24,970 --> 00:43:27,020 Tôi rõ ràng cần một số HTML hơn. 980 00:43:27,020 --> 00:43:28,680 Assam, loại HTML tôi bị mất? 981 00:43:28,680 --> 00:43:32,388 982 00:43:32,388 --> 00:43:33,370 >> ĐỐI TƯỢNG: Điều gì làm bạn muốn làm, xin lỗi? 983 00:43:33,370 --> 00:43:37,430 >> JASON Hirschhorn: Tôi muốn đặt tất cả những hình ảnh này trong một bảng, do đó, mỗi hình ảnh 984 00:43:37,430 --> 00:43:41,020 phải ở trong một cột của bảng. 985 00:43:41,020 --> 00:43:42,480 Làm thế nào để tôi nói điều này là một cột? 986 00:43:42,480 --> 00:43:45,090 987 00:43:45,090 --> 00:43:46,010 Bạn đã nhìn thấy mã này trước đây. 988 00:43:46,010 --> 00:43:46,910 Đây là trong P thiết lập bảy. 989 00:43:46,910 --> 00:43:48,870 >> ĐỐI TƯỢNG: Tôi nhớ ai tr? 990 00:43:48,870 --> 00:43:50,120 >> JASON Hirschhorn: tr là cho hàng. 991 00:43:50,120 --> 00:43:53,904 992 00:43:53,904 --> 00:43:56,430 >> ĐỐI TƯỢNG: Tôi không biết nó đi trái tim tôi, nhưng tôi có thể kiểm tra. 993 00:43:56,430 --> 00:43:57,140 >> JASON Hirschhorn: Có ai đó nhớ không? 994 00:43:57,140 --> 00:43:57,870 >> ĐỐI TƯỢNG: td? 995 00:43:57,870 --> 00:44:01,250 >> JASON Hirschhorn: td, chính xác. td đặt nó như là một cột. 996 00:44:01,250 --> 00:44:03,150 Vì vậy, nếu tôi đặt các font đó, Assam, những gì tôi cần đặt? 997 00:44:03,150 --> 00:44:04,600 Những gì khác tôi cần thêm? 998 00:44:04,600 --> 00:44:05,620 >> ĐỐI TƯỢNG: Bạn phải đóng nó? 999 00:44:05,620 --> 00:44:06,240 >> JASON Hirschhorn: Chính xác. 1000 00:44:06,240 --> 00:44:07,490 Nơi nào đó đi đâu? 1001 00:44:07,490 --> 00:44:09,747 1002 00:44:09,747 --> 00:44:11,090 >> ĐỐI TƯỢNG: phải có? 1003 00:44:11,090 --> 00:44:11,970 >> JASON Hirschhorn: Ngay ở đây? 1004 00:44:11,970 --> 00:44:13,850 >> ĐỐI TƯỢNG: Tôi nghĩ như vậy. 1005 00:44:13,850 --> 00:44:17,104 1006 00:44:17,104 --> 00:44:18,600 >> JASON Hirschhorn: Đây là gì đóng ngay tại đây? 1007 00:44:18,600 --> 00:44:19,340 Đây là gì? 1008 00:44:19,340 --> 00:44:20,320 Đó là điều màu xanh? 1009 00:44:20,320 --> 00:44:21,280 >> ĐỐI TƯỢNG: Đó là cho hình ảnh. 1010 00:44:21,280 --> 00:44:22,100 Nó phải đi sau, tôi nghĩ. 1011 00:44:22,100 --> 00:44:24,770 >> JASON Hirschhorn: OK, chính xác. 1012 00:44:24,770 --> 00:44:26,020 Vì vậy, chúng ta hãy xem những gì này đã làm. 1013 00:44:26,020 --> 00:44:29,110 1014 00:44:29,110 --> 00:44:30,960 Ồ, đó là khó xử. 1015 00:44:30,960 --> 00:44:35,780 1016 00:44:35,780 --> 00:44:39,470 Chúng ta hãy mở ra đại dương, bảng, cơ thể bảng, tr. 1017 00:44:39,470 --> 00:44:44,410 Vì vậy, chúng tôi có một tấn, nhưng tôi không nhìn thấy hình ảnh. 1018 00:44:44,410 --> 00:44:45,110 Đó là lạ. 1019 00:44:45,110 --> 00:44:48,360 Có vẻ như nó được xây dựng nó, nhưng không chỉ cho tôi những hình ảnh. 1020 00:44:48,360 --> 00:44:50,425 Bất cứ ý tưởng tại sao điều đó có thể là trường hợp? 1021 00:44:50,425 --> 00:44:56,910 1022 00:44:56,910 --> 00:44:59,140 Bất kỳ suy nghĩ? 1023 00:44:59,140 --> 00:45:01,550 >> ĐỐI TƯỢNG: Nếu bạn di chuyển xuống, bạn sẽ nhìn thấy chúng. 1024 00:45:01,550 --> 00:45:02,430 >> JASON Hirschhorn: Boom! 1025 00:45:02,430 --> 00:45:06,130 Vì vậy, họ đang có, nhưng đó là lạ mà họ đang tất cả các con đường xuống đó. 1026 00:45:06,130 --> 00:45:07,670 >> ĐỐI TƯỢNG: Chúng tôi cũng tất cả trong một hàng. 1027 00:45:07,670 --> 00:45:11,280 >> JASON Hirschhorn: Và tất cả chúng trong một hàng, và tất cả đều kích cỡ khác nhau. 1028 00:45:11,280 --> 00:45:14,440 Vì vậy, Assam, cho tôi một dòng mã hơn nếu tôi có thể làm cho mỗi hình ảnh 1029 00:45:14,440 --> 00:45:17,420 cùng kích thước, và có vẻ như tôi đã đã chỉ ra kích thước tôi 1030 00:45:17,420 --> 00:45:18,440 muốn họ được. 1031 00:45:18,440 --> 00:45:20,025 Làm thế nào tôi có thể làm cho mỗi hình ảnh cùng kích thước? 1032 00:45:20,025 --> 00:45:22,978 1033 00:45:22,978 --> 00:45:24,540 Cung cấp cho một đoán hoang dã. 1034 00:45:24,540 --> 00:45:35,290 1035 00:45:35,290 --> 00:45:36,595 >> Những gì về dòng mã này? 1036 00:45:36,595 --> 00:45:41,345 1037 00:45:41,345 --> 00:45:43,650 >> ĐỐI TƯỢNG: Bạn có thể làm Như một hằng số? 1038 00:45:43,650 --> 00:45:46,740 >> JASON Hirschhorn: Hoặc là một nơi đặt tôi có thể đặt dòng mã này, 1039 00:45:46,740 --> 00:45:47,740 nếu tôi chỉ cần sao chép nó? 1040 00:45:47,740 --> 00:45:49,280 >> ĐỐI TƯỢNG: Tất cả các con đường xuống trên cùng một dòng? 1041 00:45:49,280 --> 00:45:52,000 >> JASON Hirschhorn: OK, chúng ta hãy đặt nó ở đây, chính xác. 1042 00:45:52,000 --> 00:45:54,320 Và bây giờ chúng ta hãy xem những gì xảy ra. 1043 00:45:54,320 --> 00:45:56,030 Oh, tốt đẹp của tôi! 1044 00:45:56,030 --> 00:46:00,290 Bây giờ có vẻ như chúng ta đang bắt đầu để có được một cái gì đó, và có vẻ như họ 1045 00:46:00,290 --> 00:46:06,950 tất cả các loại phù hợp trong bảng mà chúng tôi đã xây dựng trong mỗi td. 1046 00:46:06,950 --> 00:46:10,195 >> Ngoài ra, Assam, hãy nói rằng tôi thích của họ chiều cao được nhiều hơn một chút - 1047 00:46:10,195 --> 00:46:12,700 1048 00:46:12,700 --> 00:46:19,260 điều cao là ném tôi ra, vì vậy những gì tôi nên đặt ở độ cao của họ? 1049 00:46:19,260 --> 00:46:20,210 Chọn bất kỳ số. 1050 00:46:20,210 --> 00:46:20,860 >> ĐỐI TƯỢNG: 200? 1051 00:46:20,860 --> 00:46:21,000 >> JASON Hirschhorn: 200. 1052 00:46:21,000 --> 00:46:22,380 Tôi sẽ chọn 100. 1053 00:46:22,380 --> 00:46:22,940 Đó là tuyệt vời. 1054 00:46:22,940 --> 00:46:25,540 Cho thực sự như 200. 1055 00:46:25,540 --> 00:46:26,140 Có chúng tôi đi! 1056 00:46:26,140 --> 00:46:31,830 OK, bây giờ này đang bắt đầu nhìn một chút tốt hơn và một chút có tổ chức hơn. 1057 00:46:31,830 --> 00:46:35,020 1058 00:46:35,020 --> 00:46:38,170 >> Bất kỳ suy nghĩ khác với những gì chúng ta cần phải làm gì để lưu trữ hình ảnh của cá heo? 1059 00:46:38,170 --> 00:46:38,530 Yeah? 1060 00:46:38,530 --> 00:46:42,810 >> ĐỐI TƯỢNG: Có dấu ngoặc kép, hoặc đơn dấu ngoặc kép, xung quanh các giá trị cho 1061 00:46:42,810 --> 00:46:45,015 nguồn, chiều cao, chiều rộng, là những tùy chọn? 1062 00:46:45,015 --> 00:46:46,710 >> JASON Hirschhorn: ở đâu là dấu nháy đơn? 1063 00:46:46,710 --> 00:46:50,340 >> ĐỐI TƯỢNG: Giống như trong một số ví dụ, bạn phải như chiều cao 1064 00:46:50,340 --> 00:46:53,050 bằng giá "150". Là rằng không cần thiết. 1065 00:46:53,050 --> 00:46:54,510 >> JASON Hirschhorn: Vì vậy, hãy nhìn xuống đây. 1066 00:46:54,510 --> 00:47:04,120 Nếu chúng ta click vào đại dương, đi vào bảng, bạn sẽ nhận thấy ở đây nó thực sự 1067 00:47:04,120 --> 00:47:05,540 thêm vào những báo giá cho tôi. 1068 00:47:05,540 --> 00:47:08,310 >> ĐỐI TƯỢNG: OK. 1069 00:47:08,310 --> 00:47:12,080 >> JASON Hirschhorn: Và vì vậy tôi nhận ra những gì chúng tôi đang làm có vẻ đau đớn chậm. 1070 00:47:12,080 --> 00:47:14,950 Chúng tôi đã chỉ viết ba dòng mã cho đến nay, hoặc bốn dòng mã, nhưng 1071 00:47:14,950 --> 00:47:18,130 này là trong thực tế quá trình đó Tôi đi qua mỗi khi tôi muốn 1072 00:47:18,130 --> 00:47:18,990 để làm cho trang web này. 1073 00:47:18,990 --> 00:47:22,800 Từng dòng, bằng cách sử dụng giao diện điều khiển xuống ở đây, khám phá mọi thứ và tìm 1074 00:47:22,800 --> 00:47:24,320 ra bước theo bước những gì tôi muốn làm. 1075 00:47:24,320 --> 00:47:28,580 Vì vậy, hy vọng, bắt chước này cho các bạn trong một tốt, cách sư phạm những gì bạn 1076 00:47:28,580 --> 00:47:31,055 thực sự sẽ được thực hiện khi bạn tạo ra trang web của bạn. 1077 00:47:31,055 --> 00:47:34,260 1078 00:47:34,260 --> 00:47:35,410 >> Chúng ta hãy chuyển. 1079 00:47:35,410 --> 00:47:36,500 Chúng tôi đã tạo ra những điều này. 1080 00:47:36,500 --> 00:47:37,240 Tôi sẽ thực sự - 1081 00:47:37,240 --> 00:47:40,950 Avie, tôi có một câu hỏi lớn đối với bạn. 1082 00:47:40,950 --> 00:47:43,350 Tôi không biết, chúng tôi sẽ di chuyển trên. 1083 00:47:43,350 --> 00:47:48,950 Chúng ta hãy đi đến "tàu cá heo khi nó hình ảnh được nhấp. "Làm thế nào bạn 1084 00:47:48,950 --> 00:47:51,288 đề xuất tôi viết rằng dòng mã? 1085 00:47:51,288 --> 00:47:54,235 >> ĐỐI TƯỢNG: Có một chức năng được gọi là "tàu". 1086 00:47:54,235 --> 00:47:57,030 >> JASON Hirschhorn: Có một chức năng được gọi là "tàu", chính xác. 1087 00:47:57,030 --> 00:47:59,520 >> ĐỐI TƯỢNG: Dự kiến ​​chỉ số một. 1088 00:47:59,520 --> 00:48:02,630 >> JASON Hirschhorn: Tàu dự kiến một chỉ số, do đó, OK. 1089 00:48:02,630 --> 00:48:05,020 Avie, đây chính là lý do mà tôi yêu thích để xem. 1090 00:48:05,020 --> 00:48:06,320 Tàu dự kiến ​​chỉ số một. 1091 00:48:06,320 --> 00:48:08,230 >> ĐỐI TƯỢNG: Vì vậy, bạn sẽ có một vòng lặp. 1092 00:48:08,230 --> 00:48:11,540 >> JASON Hirschhorn: Vâng, tôi muốn làm khi một hình ảnh được nhấp, vì vậy Avie, 1093 00:48:11,540 --> 00:48:15,140 làm thế nào để giám sát khi một hình ảnh được nhấp? 1094 00:48:15,140 --> 00:48:16,380 Có một vài cách để làm điều đó. 1095 00:48:16,380 --> 00:48:20,330 Đây là sức mạnh của JavaScript và jQuery, nhưng cũng là phần khó khăn nhất. 1096 00:48:20,330 --> 00:48:22,950 >> ĐỐI TƯỢNG: Nếu ngoặc, không. 1097 00:48:22,950 --> 00:48:27,390 Hoặc nếu sự kiện ngoặc, hoặc một cái gì đó tương đối đơn giản? 1098 00:48:27,390 --> 00:48:30,850 >> JASON Hirschhorn: Vì vậy, chúng ta đã thấy một cặp vợ chồng cách để làm điều này trong bài giảng. 1099 00:48:30,850 --> 00:48:36,860 Một điều là, ở đây, bạn có thể làm một cái gì đó giống như bạn có thể tạo ra một 1100 00:48:36,860 --> 00:48:39,340 chức năng như trên nhấp chuột, hoặc làm một cái gì đó như trên nhấp chuột. 1101 00:48:39,340 --> 00:48:41,620 Tất cả mọi người nhớ nhìn thấy một cái gì đó như thế? 1102 00:48:41,620 --> 00:48:46,630 Bạn làm điều đó trong thẻ HTML. 1103 00:48:46,630 --> 00:48:47,910 Tôi thấy một số gương mặt trống. 1104 00:48:47,910 --> 00:48:49,910 Một số người là như thế, những gì được ông nói về? 1105 00:48:49,910 --> 00:48:52,150 >> Đó là tốt bởi vì tôi nghĩ rằng đó là cách phức tạp hơn để làm điều đó. 1106 00:48:52,150 --> 00:48:55,110 Chúng ta sẽ làm một dễ dàng hơn nhiều cách sử dụng jQuery. 1107 00:48:55,110 --> 00:48:55,560 Vì vậy, Avie? 1108 00:48:55,560 --> 00:48:57,350 >> ĐỐI TƯỢNG: Hm? 1109 00:48:57,350 --> 00:49:00,280 >> JASON Hirschhorn: Nếu tôi muốn làm một cái gì đó jQuery, tôi rõ ràng là bắt đầu, 1110 00:49:00,280 --> 00:49:05,090 như trước đây, với ký hiệu đô la này, mở Dấu ngoặc đơn, dấu ngoặc đóng, và đôi 1111 00:49:05,090 --> 00:49:06,120 trích dẫn ở đây. 1112 00:49:06,120 --> 00:49:07,660 Bây giờ chúng ta biết tôi cần một chọn trong đây. 1113 00:49:07,660 --> 00:49:11,720 Chọn những gì bạn đề nghị sẽ áp dụng để mỗi hình ảnh hay mỗi 1114 00:49:11,720 --> 00:49:14,680 hình ảnh duy nhất? 1115 00:49:14,680 --> 00:49:16,160 >> ĐỐI TƯỢNG: Hình ảnh? 1116 00:49:16,160 --> 00:49:17,840 >> JASON Hirschhorn: Đó là chính xác. 1117 00:49:17,840 --> 00:49:20,240 Sẽ áp dụng cho tất cả các hình ảnh duy nhất. 1118 00:49:20,240 --> 00:49:20,940 Được tất cả trong số họ. 1119 00:49:20,940 --> 00:49:24,005 Nó không phải là một ID, nó không phải là một lớp học, đó là một loại thẻ, và điều này sẽ 1120 00:49:24,005 --> 00:49:24,970 có mỗi một duy nhất. 1121 00:49:24,970 --> 00:49:27,610 >> Và bây giờ tôi sẽ nói cho bạn này bây giờ, và bạn có thể tìm kiếm hơn 1122 00:49:27,610 --> 00:49:33,540 tài liệu về nó sau đó, nhưng điều này điều được gọi là "trên" giao dịch với các sự kiện. 1123 00:49:33,540 --> 00:49:37,370 Vì vậy, những gì bạn có thể làm gì bây giờ, và đó là siêu mạnh mẽ, là nói loại 1124 00:49:37,370 --> 00:49:40,260 trường hợp bạn đang tìm kiếm và những gì bạn muốn làm khi bạn 1125 00:49:40,260 --> 00:49:41,160 nhận được sự kiện đó. 1126 00:49:41,160 --> 00:49:43,155 Vì vậy, tôi sẽ cung cấp cho bạn một chút nhiều mã bit, Avie, sau đó 1127 00:49:43,155 --> 00:49:44,200 bạn đã có để đi, OK? 1128 00:49:44,200 --> 00:49:46,700 >> ĐỐI TƯỢNG: OK. 1129 00:49:46,700 --> 00:49:50,030 >> ĐỐI TƯỢNG: On - chúng ta sẽ nói "Click" trong trường hợp này, bạn sẽ 1130 00:49:50,030 --> 00:49:50,750 thường sử dụng. 1131 00:49:50,750 --> 00:49:54,460 Vì vậy, trên nhấp chuột, và sau đó chúng ta sẽ vượt qua nó một chức năng vô danh. 1132 00:49:54,460 --> 00:50:01,840 1133 00:50:01,840 --> 00:50:04,100 Và cú pháp này bạn sẽ thấy rất nhiều, và hy vọng bạn sẽ 1134 00:50:04,100 --> 00:50:05,210 được viết rất nhiều. 1135 00:50:05,210 --> 00:50:10,350 Điều mà không được, một lần nữa, trên nhấp chuột một cái gì đó gọi là hình ảnh, bất cứ điều gì, 1136 00:50:10,350 --> 00:50:14,960 bất cứ điều gì được gọi là hình ảnh, chúng ta sẽ để chạy chức năng ẩn danh này. 1137 00:50:14,960 --> 00:50:16,260 >> Tôi không cho nó một cái tên. 1138 00:50:16,260 --> 00:50:18,180 Tôi không đi qua nó bất kỳ đối số. 1139 00:50:18,180 --> 00:50:21,870 Tôi chỉ là, như, tạo ra đây là một chức năng, và đây là những gì mã 1140 00:50:21,870 --> 00:50:22,750 bạn sẽ phải làm gì. 1141 00:50:22,750 --> 00:50:24,310 Đó là với cú pháp này phương tiện. 1142 00:50:24,310 --> 00:50:27,500 Và cũng như bạn sẽ nhận thấy, có vẻ rất tương tự như ở đây chúng ta 1143 00:50:27,500 --> 00:50:29,310 đã viết trước đây. 1144 00:50:29,310 --> 00:50:30,400 >> OK, Avie. 1145 00:50:30,400 --> 00:50:34,720 Vì vậy, bạn muốn gọi tàu trên chỉ số. 1146 00:50:34,720 --> 00:50:35,690 Là những gì bạn muốn làm gì? 1147 00:50:35,690 --> 00:50:36,400 >> ĐỐI TƯỢNG: Có. 1148 00:50:36,400 --> 00:50:36,800 >> JASON Hirschhorn: Đó là? 1149 00:50:36,800 --> 00:50:37,840 OK. 1150 00:50:37,840 --> 00:50:38,610 Hãy xem những gì sẽ xảy ra. 1151 00:50:38,610 --> 00:50:39,420 >> ĐỐI TƯỢNG: Chờ đợi, mặc dù. 1152 00:50:39,420 --> 00:50:41,240 Chỉ số không phải là một biến ngay bây giờ. 1153 00:50:41,240 --> 00:50:42,520 >> JASON Hirschhorn: Vì vậy, chỉ số không phải là một biến ngay bây giờ. 1154 00:50:42,520 --> 00:50:43,780 Tôi không biết nơi bạn đã nhận nó từ. 1155 00:50:43,780 --> 00:50:45,030 >> ĐỐI TƯỢNG: [nghe được]. 1156 00:50:45,030 --> 00:50:47,440 1157 00:50:47,440 --> 00:50:51,280 Vì vậy, bạn cần phải tìm ra đầu tiên mà cá heo đã nhấp? 1158 00:50:51,280 --> 00:50:52,440 >> JASON Hirschhorn: Tuyệt vời. 1159 00:50:52,440 --> 00:50:55,260 Bạn cần phải tìm ra cá heo đã nhấp vào. 1160 00:50:55,260 --> 00:50:56,840 Đây là một shot hoang dã trong bóng tối. 1161 00:50:56,840 --> 00:50:59,355 Ai có bất cứ ý tưởng làm thế nào tôi có thể tìm ra những con cá heo đã nhấp? 1162 00:50:59,355 --> 00:51:03,280 Nếu không, tôi sẽ đưa nó cho bạn, bởi vì đây là khá điên rồ. 1163 00:51:03,280 --> 00:51:04,350 OK. 1164 00:51:04,350 --> 00:51:06,670 Vì vậy, hãy in ra thông qua console.log. 1165 00:51:06,670 --> 00:51:17,440 1166 00:51:17,440 --> 00:51:19,550 >> Điều này. 1167 00:51:19,550 --> 00:51:25,830 Vì vậy, ký hiệu đô la, dấu ngoặc mở, Dấu ngoặc đơn gần đây. 1168 00:51:25,830 --> 00:51:28,110 Vì vậy, khi tôi bấm vào hình ảnh này, tôi sẽ in này để giao diện điều khiển, 1169 00:51:28,110 --> 00:51:29,030 và hãy xem những gì sẽ xảy ra. 1170 00:51:29,030 --> 00:51:30,820 Hãy trở lại đây. 1171 00:51:30,820 --> 00:51:31,640 Chúng ta hãy đi an ủi. 1172 00:51:31,640 --> 00:51:33,950 Không có lỗi, cảm ơn lòng tốt. 1173 00:51:33,950 --> 00:51:35,420 >> OK. 1174 00:51:35,420 --> 00:51:36,040 Tôi nhấp. 1175 00:51:36,040 --> 00:51:37,660 Hãy để tôi làm điều đó một lần nữa. 1176 00:51:37,660 --> 00:51:43,290 Tôi nhấp hình ảnh đầu tiên này, và điều này đã in vào giao diện điều khiển, 1177 00:51:43,290 --> 00:51:44,200 dòng này của sự vật. 1178 00:51:44,200 --> 00:51:47,230 Tôi sẽ được sử dụng từ "này" rất nhiều. 1179 00:51:47,230 --> 00:51:52,000 Điều này ngay tại đây, điều này là rất đặc biệt, và nó đang làm chính xác những gì 1180 00:51:52,000 --> 00:51:53,340 Avie muốn nó làm. 1181 00:51:53,340 --> 00:51:57,640 Nó nhận được bất cứ điều gì là nhấp vào hoặc bất cứ điều gì. 1182 00:51:57,640 --> 00:52:01,850 Bởi vì một lần nữa, chọn điều này xảy ra để đối phó với nhiều điều, chúng tôi không 1183 00:52:01,850 --> 00:52:05,310 nhất thiết phải biết điều chúng tôi nói về, vì vậy chúng tôi muốn tìm 1184 00:52:05,310 --> 00:52:08,300 ra điều chúng ta đang nói về thông qua cú pháp này. 1185 00:52:08,300 --> 00:52:12,320 Trong trường hợp này ngay tại đây, hashtag đại dương, chúng tôi luôn luôn biết những gì điều chúng tôi 1186 00:52:12,320 --> 00:52:14,740 sẽ nói chuyện về, vì vậy chúng tôi không bao giờ thực sự cần thiết này 1187 00:52:14,740 --> 00:52:15,880 bên trong một đại dương hashtag. 1188 00:52:15,880 --> 00:52:18,430 Nó luôn luôn đại dương, div đó. 1189 00:52:18,430 --> 00:52:21,770 Đây là một ID, chỉ có một điều có thể. 1190 00:52:21,770 --> 00:52:25,840 >> Nhưng trong trường hợp này, điều này áp dụng cho rất nhiều hình ảnh, trên thực tế, sáu hình ảnh, 1191 00:52:25,840 --> 00:52:28,180 và vì vậy chúng tôi muốn biết những gì đặc biệt hình ảnh được nhấp vào. 1192 00:52:28,180 --> 00:52:33,022 Và có vẻ như đây là loại thông tin chúng tôi nhận được. 1193 00:52:33,022 --> 00:52:41,540 Có vẻ như một số lượng lớn chuỗi, và chúng tôi nhận được tất cả những điều này 1194 00:52:41,540 --> 00:52:43,890 thông tin với điều này. 1195 00:52:43,890 --> 00:52:46,550 Chúng tôi nhận được tấn và tấn và tấn công cụ. 1196 00:52:46,550 --> 00:52:48,020 jQuery là siêu mạnh mẽ. 1197 00:52:48,020 --> 00:52:53,890 Nó đem lại cho chúng ta một tấn thông tin về phần tử HTML đặc biệt này. 1198 00:52:53,890 --> 00:52:58,484 Avie, những gì chúng tôi muốn biết về phần tử HTML này? 1199 00:52:58,484 --> 00:53:00,306 >> ĐỐI TƯỢNG: Một cái gì đó giống như một ID. 1200 00:53:00,306 --> 00:53:01,190 >> JASON Hirschhorn: Một ID. 1201 00:53:01,190 --> 00:53:04,375 Vâng, chúng tôi có một nguồn, chiều rộng, và chiều cao. 1202 00:53:04,375 --> 00:53:06,246 >> ĐỐI TƯỢNG: Chúng ta có thể sử dụng một nguồn. 1203 00:53:06,246 --> 00:53:07,190 >> JASON Hirschhorn: Chúng tôi có thể sử dụng nguồn. 1204 00:53:07,190 --> 00:53:09,140 Điều đó sẽ cho chúng ta một chuỗi, một chuỗi URL. 1205 00:53:09,140 --> 00:53:10,330 Chúng ta sẽ làm gì với rằng một khi chúng ta có điều đó không? 1206 00:53:10,330 --> 00:53:11,800 Làm thế nào để chúng ta trở lại với chúng tôi chỉ số trong ocean_array? 1207 00:53:11,800 --> 00:53:14,725 >> ĐỐI TƯỢNG: Chúng ta có thể so sánh nó đến khác. 1208 00:53:14,725 --> 00:53:16,910 >> JASON Hirschhorn: Vì vậy, chúng tôi có thể lặp qua mỗi. 1209 00:53:16,910 --> 00:53:21,350 Bây giờ chúng ta có thể lặp lại và sau đó so sánh này. 1210 00:53:21,350 --> 00:53:23,860 Hình dung những gì sẽ là một cách đơn giản, nếu bạn chỉ có thể tưởng tượng một? 1211 00:53:23,860 --> 00:53:25,564 >> ĐỐI TƯỢNG: Không phải vòng lặp. 1212 00:53:25,564 --> 00:53:26,930 >> JASON Hirschhorn: Không phải vòng lặp. 1213 00:53:26,930 --> 00:53:29,210 >> ĐỐI TƯỢNG: Chỉ cần tìm ra cá heo, [nghe được]. 1214 00:53:29,210 --> 00:53:31,430 >> JASON Hirschhorn: Nghĩ ra những con cá heo. 1215 00:53:31,430 --> 00:53:31,940 OK. 1216 00:53:31,940 --> 00:53:34,780 Vì vậy, hãy lưu thông tin trong thẻ hình ảnh này. 1217 00:53:34,780 --> 00:53:37,370 Và một lần nữa, ngay bây giờ, một phần của công cụ này chỉ là huyền diệu bởi vì tôi có thể 1218 00:53:37,370 --> 00:53:39,950 được hiển thị cho bạn này lần đầu tiên, nhưng hy vọng đây là những điều 1219 00:53:39,950 --> 00:53:41,140 bạn sẽ được làm. 1220 00:53:41,140 --> 00:53:43,440 Vì vậy, đây là một cái gì đó ma thuật bạn có thể làm. 1221 00:53:43,440 --> 00:53:46,500 Bạn có thể tiết kiệm một số siêu dữ liệu thêm trong một phần tử. 1222 00:53:46,500 --> 00:53:48,080 Nó sẽ không xuất hiện, nó sẽ không ảnh hưởng đến bất cứ điều gì. 1223 00:53:48,080 --> 00:53:49,370 Bạn chỉ có thể lưu nó ở đó. 1224 00:53:49,370 --> 00:53:54,170 Và tôi đề nghị chúng ta lưu lại chỉ số với mỗi hình ảnh. 1225 00:53:54,170 --> 00:54:03,020 >> Vì vậy, cách bạn làm điều đó là bạn tạo ra một thuộc tính gọi là dữ liệu gạch ngang, và 1226 00:54:03,020 --> 00:54:04,750 sau đó bất cứ điều gì tên bạn muốn cho nó. 1227 00:54:04,750 --> 00:54:08,940 Dấu gạch ngang dữ liệu là một điều đặc biệt là cho bạn, và nói rằng đây là 1228 00:54:08,940 --> 00:54:10,990 một cái gì đó người sử dụng sẽ tạo ra. 1229 00:54:10,990 --> 00:54:17,380 Vì vậy, chúng tôi đang tạo ra điều này được gọi chỉ số, phím này được gọi là chỉ số. 1230 00:54:17,380 --> 00:54:21,530 >> Và bên trong của nó, chúng ta sẽ đặt không chỉ là một mọi thời gian, nhưng những gì làm 1231 00:54:21,530 --> 00:54:22,710 chúng tôi đặt bên trong của nó, Avie? 1232 00:54:22,710 --> 00:54:23,960 Những gì diễn ra ở đây? 1233 00:54:23,960 --> 00:54:28,002 1234 00:54:28,002 --> 00:54:29,954 >> ĐỐI TƯỢNG: Dolphin. 1235 00:54:29,954 --> 00:54:31,140 >> JASON Hirschhorn: Dolphin. 1236 00:54:31,140 --> 00:54:33,370 Đó không phải là từ đó. 1237 00:54:33,370 --> 00:54:34,920 Cá heo. 1238 00:54:34,920 --> 00:54:38,300 Và một lần nữa, chúng tôi đã in cá heo trước đó, rằng 0, 1, 2, 3, 4, 5, và 1239 00:54:38,300 --> 00:54:39,590 chúng tôi đang tiết kiệm đó với hình ảnh. 1240 00:54:39,590 --> 00:54:42,250 1241 00:54:42,250 --> 00:54:48,580 >> Vì vậy, bây giờ, nếu tôi làm - và một lần nữa, chúng tôi tiết kiệm siêu dữ liệu. 1242 00:54:48,580 --> 00:54:50,070 Làm thế nào để bạn truy cập vào siêu dữ liệu? 1243 00:54:50,070 --> 00:54:52,690 Nó có một chức năng được gọi là "dữ liệu." Và bạn cần phải vượt qua nó một 1244 00:54:52,690 --> 00:54:57,960 và chỉ có một đối số, mà là tên của điều. 1245 00:54:57,960 --> 00:55:00,150 Vì vậy, tôi sẽ in này ra, và sau đó tôi sẽ đưa câu hỏi. 1246 00:55:00,150 --> 00:55:04,800 Nhưng về cơ bản, tôi nói cho tôi điều này đối tượng được nhấp vào, tìm 1247 00:55:04,800 --> 00:55:07,790 ở tất cả các thuộc tính dữ liệu của nó, và một gọi là "lập chỉ mục," 1248 00:55:07,790 --> 00:55:09,080 cho tôi giá trị đó. 1249 00:55:09,080 --> 00:55:11,580 >> Và hãy xem những gì sẽ xảy ra khi chúng tôi làm mới trang này. 1250 00:55:11,580 --> 00:55:14,910 1251 00:55:14,910 --> 00:55:17,580 Chính xác những gì chúng tôi mong đợi. 1252 00:55:17,580 --> 00:55:18,910 Một lần nữa, đó là khá huyền diệu. 1253 00:55:18,910 --> 00:55:20,680 Chúng ta chỉ cần làm rất nhiều ngay tại đó. 1254 00:55:20,680 --> 00:55:22,360 Ai có thắc mắc về điều đó? 1255 00:55:22,360 --> 00:55:22,560 Yeah? 1256 00:55:22,560 --> 00:55:24,540 >> ĐỐI TƯỢNG: Tôi chỉ có một câu hỏi về mã sống của bạn. 1257 00:55:24,540 --> 00:55:27,590 Bạn sử dụng như một giá duy nhất, đôi giá, như ngay tại đó. 1258 00:55:27,590 --> 00:55:28,534 >> JASON Hirschhorn: Ngay tại đây. 1259 00:55:28,534 --> 00:55:29,006 >> ĐỐI TƯỢNG: Vâng. 1260 00:55:29,006 --> 00:55:33,300 Có một lý do tại sao bạn làm giá duy nhất, giá gấp đôi? 1261 00:55:33,300 --> 00:55:35,190 >> JASON Hirschhorn: Có một lý do, và điều này đi trở lại những gì Marcus 1262 00:55:35,190 --> 00:55:35,830 hỏi trước đó. 1263 00:55:35,830 --> 00:55:38,940 Trong dòng này, tôi đã được một bit tốt hơn ở mã hóa của tôi. 1264 00:55:38,940 --> 00:55:43,810 Tôi muốn điều này, và đây là những gì tôi thành thật nên đã làm tất cả các 1265 00:55:43,810 --> 00:55:46,240 thời gian, cho chiều rộng và chiều cao đặc biệt. 1266 00:55:46,240 --> 00:55:49,090 Hãy nhìn xuống đây. 1267 00:55:49,090 --> 00:55:50,280 Bạn sẽ thấy ngay tại đây, bạn có thấy không? 1268 00:55:50,280 --> 00:55:54,620 Tôi biết đó là loại nhỏ, nhưng dữ liệu Chỉ số dấu gạch ngang trong dấu ngoặc kép. 1269 00:55:54,620 --> 00:55:56,240 Những điều luôn luôn cần là trong dấu ngoặc kép. 1270 00:55:56,240 --> 00:55:58,630 Giá trị luôn luôn cần được trong dấu ngoặc kép. 1271 00:55:58,630 --> 00:56:01,910 >> Nhưng ở đây, nếu tôi đã làm một báo giá gấp đôi, mà sẽ kết thúc chuỗi này ngay tại đây, 1272 00:56:01,910 --> 00:56:03,930 và bây giờ tôi sẽ không gõ vào một chuỗi. 1273 00:56:03,930 --> 00:56:09,600 Vì vậy, tôi có được xung quanh rằng chỉ cần sử dụng một giá duy nhất, bởi vì một giá duy nhất 1274 00:56:09,600 --> 00:56:13,120 không kết thúc chuỗi JavaScript, nhưng trong HTML nó không quan tâm nếu bạn 1275 00:56:13,120 --> 00:56:14,270 đem lại cho nó một dấu ngoặc kép hoặc dấu ngoặc kép. 1276 00:56:14,270 --> 00:56:16,395 Nó sẽ chỉ giải thích nó như dấu ngoặc kép. 1277 00:56:16,395 --> 00:56:17,460 Điều đó có ý nghĩa? 1278 00:56:17,460 --> 00:56:17,855 Yeah? 1279 00:56:17,855 --> 00:56:21,225 >> ĐỐI TƯỢNG: Làm thế nào để bạn có được địa chỉ IP ở dưới cùng của khách hàng của bạn? 1280 00:56:21,225 --> 00:56:22,473 Tôi nói rằng không có địa chỉ IP. 1281 00:56:22,473 --> 00:56:24,450 Có cái gì tôi cần đã thực hiện trong [không nghe được]. 1282 00:56:24,450 --> 00:56:26,385 >> JASON Hirschhorn: Trong thiết bị của bạn, nó không có gì? 1283 00:56:26,385 --> 00:56:27,043 >> ĐỐI TƯỢNG: Có. 1284 00:56:27,043 --> 00:56:29,540 >> JASON Hirschhorn: Có một cái gì đó bạn có thể làm gì để sửa chữa nó, nhưng tôi không 1285 00:56:29,540 --> 00:56:31,030 sẽ dành thời gian đi bộ thông qua đó ngay bây giờ. 1286 00:56:31,030 --> 00:56:33,705 Nhưng chúng ta có thể làm điều đó sau khi phần. 1287 00:56:33,705 --> 00:56:38,520 >> ĐỐI TƯỢNG: Nếu bạn quay trở lại giao diện điều khiển, tại sao là 1288 00:56:38,520 --> 00:56:41,168 số được liệt kê 012.321? 1289 00:56:41,168 --> 00:56:42,480 >> JASON Hirschhorn: Console? 1290 00:56:42,480 --> 00:56:44,760 Oh, bởi vì tôi chỉ được nhấp vào xung quanh cực kỳ. 1291 00:56:44,760 --> 00:56:45,440 >> ĐỐI TƯỢNG: Oh, OK. 1292 00:56:45,440 --> 00:56:46,410 Không sao đâu. 1293 00:56:46,410 --> 00:56:50,754 >> JASON Hirschhorn: Và một lần nữa, tôi có thể nhấp trên một cái gì đó một bajillion lần. 1294 00:56:50,754 --> 00:56:53,500 >> ĐỐI TƯỢNG: Tôi có một câu hỏi về vòng lặp của bạn một lần nữa, bạn cho các vòng. 1295 00:56:53,500 --> 00:56:56,450 Bởi vì bạn biết P đặt tám, họ sử dụng một hình thức khác nhau của vòng lặp đó. 1296 00:56:56,450 --> 00:57:02,210 Vì vậy, họ như var i bằng 0, tôi ít hơn, ocean_array.length, i + +. 1297 00:57:02,210 --> 00:57:04,160 Là những tương đương? 1298 00:57:04,160 --> 00:57:06,070 >> JASON Hirschhorn: Đó là một tiêu chuẩn cho vòng lặp. 1299 00:57:06,070 --> 00:57:07,570 Hoặc yeah, đó là cho các vòng. 1300 00:57:07,570 --> 00:57:08,565 Trong thực tế, chúng ta đã thấy đó là tương đương. 1301 00:57:08,565 --> 00:57:10,450 >> ĐỐI TƯỢNG: Vì vậy, đó là tương đương với những gì bạn đã làm ở đây? 1302 00:57:10,450 --> 00:57:12,030 Là một trong những xem là tốt hơn hơn khác không? 1303 00:57:12,030 --> 00:57:13,280 >> JASON Hirschhorn: số 1304 00:57:13,280 --> 00:57:17,010 1305 00:57:17,010 --> 00:57:20,110 >> Vì vậy, một lần nữa, chúng tôi đã đi trên một số điều. 1306 00:57:20,110 --> 00:57:23,170 Bây giờ chúng tôi đã di chuyển ra khỏi vùng thoải mái của chúng tôi và bắt đầu làm một số thực sự mát mẻ 1307 00:57:23,170 --> 00:57:26,840 những điều mà chúng tôi đã không nhất thiết phải đi hơn trong lớp học trước, nhưng sẽ 1308 00:57:26,840 --> 00:57:28,870 hy vọng là rất mạnh mẽ cho bạn khi mã hóa. 1309 00:57:28,870 --> 00:57:30,670 >> Avie, chúng ta hãy quay trở lại đây. 1310 00:57:30,670 --> 00:57:31,890 Tôi có chỉ số của cá heo. 1311 00:57:31,890 --> 00:57:32,850 Bây giờ những gì tôi cần phải làm gì? 1312 00:57:32,850 --> 00:57:34,760 >> ĐỐI TƯỢNG: Bạn cần phải đào tạo nó. 1313 00:57:34,760 --> 00:57:39,985 Vì vậy, thay vì đặt console.log, bạn có thể thiết lập một biến bằng đó? 1314 00:57:39,985 --> 00:57:40,680 >> JASON Hirschhorn: OK. 1315 00:57:40,680 --> 00:57:41,440 Như vậy? 1316 00:57:41,440 --> 00:57:44,450 >> ĐỐI TƯỢNG: Tôi không chắc chắn nếu bạn có thể làm điều đó. 1317 00:57:44,450 --> 00:57:46,880 >> JASON Hirschhorn: Vì vậy, var x = này, bất cứ điều gì này trả về, 1318 00:57:46,880 --> 00:57:47,650 nó sẽ trả lại nó. 1319 00:57:47,650 --> 00:57:48,350 Không quan trọng. 1320 00:57:48,350 --> 00:57:49,490 Nó có thể trở lại bất kỳ biến. 1321 00:57:49,490 --> 00:57:51,580 Không có loại ở đây. 1322 00:57:51,580 --> 00:57:53,970 >> ĐỐI TƯỢNG: Hoặc bạn có thể chỉ làm các cuộc gọi chức năng. 1323 00:57:53,970 --> 00:57:55,465 >> JASON Hirschhorn: Vâng, tại sao tôi không làm điều đó? 1324 00:57:55,465 --> 00:57:58,191 Chỉ làm các cuộc gọi chức năng. 1325 00:57:58,191 --> 00:57:59,105 >> ĐỐI TƯỢNG: Vâng. 1326 00:57:59,105 --> 00:58:01,100 Đặt một tập hợp các dấu ngoặc đơn. 1327 00:58:01,100 --> 00:58:02,330 >> JASON Hirschhorn: hoàn hảo. 1328 00:58:02,330 --> 00:58:03,580 Đó chính quyền. 1329 00:58:03,580 --> 00:58:07,250 1330 00:58:07,250 --> 00:58:08,830 Vì vậy, đó sẽ gọi hàm tàu. 1331 00:58:08,830 --> 00:58:14,020 Tất nhiên, không có gì là trong đào tạo chức năng, do đề xuất, Akshar, những gì tôi 1332 00:58:14,020 --> 00:58:15,440 nên làm gì trong chức năng đào tạo. 1333 00:58:15,440 --> 00:58:16,400 Cho tôi một số mã giả. 1334 00:58:16,400 --> 00:58:20,940 >> ĐỐI TƯỢNG: Tôi nghĩ rằng bạn nên loại bỏ các Dolphin từ bảng gốc. 1335 00:58:20,940 --> 00:58:24,130 1336 00:58:24,130 --> 00:58:27,010 >> JASON Hirschhorn: Và đây là nhận được Noah trước đó tại sao chúng ta sao chép 1337 00:58:27,010 --> 00:58:30,510 nó thành một mảng mới. 1338 00:58:30,510 --> 00:58:34,650 Đúng, bởi vì chúng tôi không chỉnh sửa của chúng tôi mảng cá heo bởi vì những gì nếu một 1339 00:58:34,650 --> 00:58:37,390 chương trình sử dụng nó hoặc những gì nếu chúng ta muốn để truy cập nó ở một nơi khác? 1340 00:58:37,390 --> 00:58:41,005 Chúng tôi muốn tạo một bản sao, và đó là một trong những chúng ta sẽ chỉnh sửa. 1341 00:58:41,005 --> 00:58:46,565 >> ĐỐI TƯỢNG: Sau đó, bạn xác định vị trí nó trong vị trí mới của bạn. 1342 00:58:46,565 --> 00:58:48,990 >> JASON Hirschhorn: Và những gì làm chúng ta cần phải làm gì sau đó? 1343 00:58:48,990 --> 00:58:53,298 >> ĐỐI TƯỢNG: Và sau đó bạn in ra thông tin về cá heo. 1344 00:58:53,298 --> 00:58:56,050 1345 00:58:56,050 --> 00:58:57,970 >> JASON Hirschhorn: Đó là chính xác. 1346 00:58:57,970 --> 00:59:03,835 Chúng tôi loại bỏ nó từ ocean_array, chúng tôi đặt nó trong hồ bơi, và sau đó chúng ta rút ra 1347 00:59:03,835 --> 00:59:06,870 đại dương trong hồ bơi. 1348 00:59:06,870 --> 00:59:09,625 Làm thế nào để loại bỏ các cá heo từ ocean_array? 1349 00:59:09,625 --> 00:59:12,102 >> ĐỐI TƯỢNG: Bạn vào chỉ số. 1350 00:59:12,102 --> 00:59:13,280 Oh, OK. 1351 00:59:13,280 --> 00:59:16,076 Sử dụng một chức năng nối. 1352 00:59:16,076 --> 00:59:17,720 >> JASON Hirschhorn: OK, Vì vậy, đó là đúng. 1353 00:59:17,720 --> 00:59:20,950 Tôi có thể sử dụng một chức năng nối mà có một cái gì đó từ một mảng và 1354 00:59:20,950 --> 00:59:22,250 ngưng tụ nó. 1355 00:59:22,250 --> 00:59:23,560 Đó là một cái gì đó mới, chúng tôi đã không nhìn thấy trước. 1356 00:59:23,560 --> 00:59:26,120 Nhưng tôi thực sự muốn giữ một không gian có bởi vì tôi muốn in ra một 1357 00:59:26,120 --> 00:59:28,092 không gian trống trong đại dương. 1358 00:59:28,092 --> 00:59:36,480 >> ĐỐI TƯỢNG: Vì vậy, sau đó bạn có thể thiết lập hình ảnh chỉ số đó, ocean_array 1359 00:59:36,480 --> 00:59:39,636 chỉ số chấm ảnh. 1360 00:59:39,636 --> 00:59:41,730 >> JASON Hirschhorn: OK, ocean_array, chỉ số. 1361 00:59:41,730 --> 00:59:43,125 >> ĐỐI TƯỢNG: Dot hình ảnh. 1362 00:59:43,125 --> 00:59:44,300 >> JASON Hirschhorn: Dot hình ảnh. 1363 00:59:44,300 --> 00:59:45,910 >> ĐỐI TƯỢNG: Và bạn đặt nó vào null? 1364 00:59:45,910 --> 00:59:47,080 >> JASON Hirschhorn: Bình đẳng null. 1365 00:59:47,080 --> 00:59:49,440 OK. 1366 00:59:49,440 --> 00:59:53,230 Vì vậy, không có gì là có, vì vậy sau đó làm thế nào để đưa vào hồ bơi không? 1367 00:59:53,230 --> 00:59:56,880 Constantine, làm thế nào tôi đặt nó trong hồ bơi? 1368 00:59:56,880 --> 01:00:00,140 Chúng tôi có biến này, chúng tôi gọi là, được gọi là hồ bơi, lên đây. 1369 01:00:00,140 --> 01:00:10,810 >> ĐỐI TƯỢNG: Chúng ta chỉ cần làm bình đẳng chỉ số ocean_array? 1370 01:00:10,810 --> 01:00:12,575 >> ĐỐI TƯỢNG: Không nên bạn chuyển đổi thứ tự? 1371 01:00:12,575 --> 01:00:14,325 >> JASON Hirschhorn: Một giây. 1372 01:00:14,325 --> 01:00:14,770 Yeah? 1373 01:00:14,770 --> 01:00:16,980 >> ĐỐI TƯỢNG: Vâng, đó là thực sự là một điểm tốt. 1374 01:00:16,980 --> 01:00:19,890 1375 01:00:19,890 --> 01:00:24,372 >> JASON Hirschhorn: Những gì diễn ra ở đây? 1376 01:00:24,372 --> 01:00:25,510 >> ĐỐI TƯỢNG: Có chỉ số? 1377 01:00:25,510 --> 01:00:27,240 >> JASON Hirschhorn: Chỉ số, chính xác. 1378 01:00:27,240 --> 01:00:29,400 Và những gì bạn đã nói, Constantine, là cái gì chúng ta nên làm gì? 1379 01:00:29,400 --> 01:00:31,530 >> ĐỐI TƯỢNG: Chúng ta nên có thể chuyển đổi thứ tự. 1380 01:00:31,530 --> 01:00:34,300 >> JASON Hirschhorn: Và tại sao nên chúng tôi chuyển đổi thứ tự, có thể? 1381 01:00:34,300 --> 01:00:36,166 >> ĐỐI TƯỢNG: Bởi vì ở đó chỉ nó đã vô giá trị. 1382 01:00:36,166 --> 01:00:39,755 >> JASON Hirschhorn: Vì vậy, nó không phải tất cả null, nhưng chúng ta đã mất URL hình ảnh. 1383 01:00:39,755 --> 01:00:42,295 1384 01:00:42,295 --> 01:00:43,615 Chúng ta đã đánh mất nó mãi mãi? 1385 01:00:43,615 --> 01:00:47,878 1386 01:00:47,878 --> 01:00:48,970 >> ĐỐI TƯỢNG: Về mặt kỹ thuật không? 1387 01:00:48,970 --> 01:00:50,540 >> JASON Hirschhorn: Có chúng tôi bị mất nó mãi mãi? 1388 01:00:50,540 --> 01:00:51,290 >> ĐỐI TƯỢNG: số 1389 01:00:51,290 --> 01:00:52,780 >> JASON Hirschhorn: Vâng, ở đâu? 1390 01:00:52,780 --> 01:00:54,220 >> ĐỐI TƯỢNG: Trong cá heo ban đầu của bạn - 1391 01:00:54,220 --> 01:00:56,310 >> JASON Hirschhorn: Đó là trong cá heo, nhưng trong ocean_array 1392 01:00:56,310 --> 01:00:57,630 chúng ta đã mất nó mãi mãi. 1393 01:00:57,630 --> 01:01:01,910 Vì vậy, Constantine, bạn có thể đề xuất một cách tốt hơn để viết dòng này? 1394 01:01:01,910 --> 01:01:03,350 Trên thực tế, xin lỗi, nó sẽ được lưu trong hồ bơi. 1395 01:01:03,350 --> 01:01:08,640 Chúng tôi có nó trong hồ bơi vì hồ bơi là một đối tượng, phải không? 1396 01:01:08,640 --> 01:01:12,310 Chỉ số Ocean_array, một ocean_array là một mảng của các đối tượng. 1397 01:01:12,310 --> 01:01:15,590 >> Vì vậy, hồ bơi là một đối tượng, và chúng tôi có một URL trong đó, và xuống 1398 01:01:15,590 --> 01:01:16,220 ở đây nó thiết lập để null. 1399 01:01:16,220 --> 01:01:19,280 Vì vậy, trên thực tế, chúng tôi có không mất nó mãi mãi. 1400 01:01:19,280 --> 01:01:20,080 Nó chỉ được lưu trong hồ bơi. 1401 01:01:20,080 --> 01:01:23,730 Nhưng nó chắc chắn không phải trong ocean_array, và như bạn nói, Carlos, đó là trong 1402 01:01:23,730 --> 01:01:25,010 mảng cá heo. 1403 01:01:25,010 --> 01:01:25,720 >> Vì vậy, điều này có vẻ ngọt ngào. 1404 01:01:25,720 --> 01:01:27,550 Và sau đó làm thế nào để chúng ta rút ra biển và hồ bơi không? 1405 01:01:27,550 --> 01:01:27,780 Mario? 1406 01:01:27,780 --> 01:01:33,060 >> ĐỐI TƯỢNG: Bạn chỉ có thể gọi draw_pool và draw_ocean? 1407 01:01:33,060 --> 01:01:36,060 Vì vậy, như, draw_pool, và sau đó - 1408 01:01:36,060 --> 01:01:39,522 tốt, yeah, nó không mất bất cứ điều gì. 1409 01:01:39,522 --> 01:01:40,840 >> JASON Hirschhorn: Great. 1410 01:01:40,840 --> 01:01:42,350 Draw_pool là những gì sẽ làm gì? 1411 01:01:42,350 --> 01:01:43,715 >> ĐỐI TƯỢNG: Vẽ hồ bơi không? 1412 01:01:43,715 --> 01:01:45,360 >> JASON Hirschhorn: Yeah, những gì nó sẽ làm gì? 1413 01:01:45,360 --> 01:01:46,605 >> ĐỐI TƯỢNG: Xin lỗi. 1414 01:01:46,605 --> 01:01:48,310 Bạn có thể làm tương tự điều, giống như có một - 1415 01:01:48,310 --> 01:01:49,670 >> JASON Hirschhorn: Giữ trên, chúng ta sẽ đạt được điều đó. 1416 01:01:49,670 --> 01:01:49,880 Không có gì. 1417 01:01:49,880 --> 01:01:50,950 Nó không làm gì ngay bây giờ. 1418 01:01:50,950 --> 01:01:52,080 Chúng ta hãy xem nếu công trình này, mặc dù. 1419 01:01:52,080 --> 01:01:52,520 Người đã cho chúng tôi mã? 1420 01:01:52,520 --> 01:01:54,640 Akshar và Constantine đã cho chúng tôi mã? 1421 01:01:54,640 --> 01:01:56,640 OK, chúng ta hãy xem những gì sẽ xảy ra. 1422 01:01:56,640 --> 01:01:57,810 >> Ah! 1423 01:01:57,810 --> 01:01:59,650 Đó là rất thú vị. 1424 01:01:59,650 --> 01:02:00,790 Nó đã biến mất. 1425 01:02:00,790 --> 01:02:01,810 Oh, cậu bé. 1426 01:02:01,810 --> 01:02:03,060 Đó là loại xấu xí. 1427 01:02:03,060 --> 01:02:04,670 Vâng, chúng ta có thể quay trở lại và sửa chữa sau này. 1428 01:02:04,670 --> 01:02:06,490 Tôi tự hỏi nó ở đâu? 1429 01:02:06,490 --> 01:02:07,890 Chúng tôi đã lưu nó trong đó biến hồ bơi. 1430 01:02:07,890 --> 01:02:10,160 Làm thế nào tôi có thể tìm ra nếu nó trong đó biến hồ bơi? 1431 01:02:10,160 --> 01:02:15,780 Vâng, một lần nữa, sức mạnh của JavaScript, và đặc biệt là các công cụ 1432 01:02:15,780 --> 01:02:18,280 Chrome cung cấp cho bạn, là bạn có thể bây giờ kiểm tra rằng biến hồ bơi. 1433 01:02:18,280 --> 01:02:19,220 Đó là toàn cầu, nhớ không? 1434 01:02:19,220 --> 01:02:20,960 Chúng tôi không đặt các từ khóa var. 1435 01:02:20,960 --> 01:02:23,430 Vì vậy, nếu tôi gõ Enter ngay tại đây, Constantine, những gì bạn nghĩ tôi 1436 01:02:23,430 --> 01:02:24,800 sẽ nhận được khi tôi nhấn Enter? 1437 01:02:24,800 --> 01:02:29,095 1438 01:02:29,095 --> 01:02:30,950 >> ĐỐI TƯỢNG: Tôi không biết. 1439 01:02:30,950 --> 01:02:31,470 >> JASON Hirschhorn: Đoán. 1440 01:02:31,470 --> 01:02:32,110 >> ĐỐI TƯỢNG: Không có gì? 1441 01:02:32,110 --> 01:02:33,680 >> JASON Hirschhorn: Không có gì, sai. 1442 01:02:33,680 --> 01:02:35,030 Đó là một đoán tốt, mặc dù. 1443 01:02:35,030 --> 01:02:35,920 Tôi đã nhận các đối tượng. 1444 01:02:35,920 --> 01:02:37,680 Hãy nhớ rằng bạn đã cho tôi rằng các dòng mã. 1445 01:02:37,680 --> 01:02:41,550 Hồ bơi, bạn đã lưu trong đó biến một đối tượng. 1446 01:02:41,550 --> 01:02:45,180 Và quả thực, chúng ta thấy các đối tượng bạn đã lưu trong đó. 1447 01:02:45,180 --> 01:02:46,710 Đó là tuyệt vời. 1448 01:02:46,710 --> 01:02:48,510 Chúng ta có thể kiểm tra từ đây. 1449 01:02:48,510 --> 01:02:52,110 Nó gần giống như thời gian thực GDB mà chúng ta có thể xem xét thông qua mã của chúng tôi và 1450 01:02:52,110 --> 01:02:53,520 tìm ra công cụ. 1451 01:02:53,520 --> 01:02:55,780 Đó là siêu mát mẻ và siêu mạnh mẽ. 1452 01:02:55,780 --> 01:02:56,860 >> OK, chúng ta hãy hoàn thành điều này. 1453 01:02:56,860 --> 01:02:59,710 Chúng ta hãy rút ra những hồ bơi trong năm phút. 1454 01:02:59,710 --> 01:03:02,960 1455 01:03:02,960 --> 01:03:05,370 Maru, cho tôi một dòng mã để rút ra những hồ bơi. 1456 01:03:05,370 --> 01:03:08,975 >> ĐỐI TƯỢNG: Bạn có thể có một HTML biến, nhưng / cho. 1457 01:03:08,975 --> 01:03:11,070 >> JASON Hirschhorn: Hãy làm cho nó rất đơn giản cho bây giờ. 1458 01:03:11,070 --> 01:03:14,156 Chúng ta hãy chỉ in tên của cá heo chúng tôi đang đào tạo. 1459 01:03:14,156 --> 01:03:20,910 >> ĐỐI TƯỢNG: Và sau đó bạn có thể làm đồng đô la ký, dấu ngoặc đơn mở, 1460 01:03:20,910 --> 01:03:23,850 và sau đó mở giá. 1461 01:03:23,850 --> 01:03:26,420 Tôi đoán hồ bơi bảng, nếu đó là một điều. 1462 01:03:26,420 --> 01:03:27,240 Tôi không nhớ. 1463 01:03:27,240 --> 01:03:28,950 >> JASON Hirschhorn: Chúng ta hãy nhìn lại. 1464 01:03:28,950 --> 01:03:29,570 Tôi nghĩ rằng đó là một điều. 1465 01:03:29,570 --> 01:03:30,660 >> ĐỐI TƯỢNG: OK, yeah. 1466 01:03:30,660 --> 01:03:36,460 Và sau đó trích dẫn gần, ngoặc gần Html., Dấu ngoặc đơn mở, 1467 01:03:36,460 --> 01:03:45,880 và sau đó tôi đoán hồ bơi, như mở khung 0 hoặc một cái gì đó như thế. 1468 01:03:45,880 --> 01:03:47,500 Đóng dấu chấm tên. 1469 01:03:47,500 --> 01:03:49,720 Tôi không biết nếu mà làm việc. 1470 01:03:49,720 --> 01:03:51,723 >> ĐỐI TƯỢNG: OK, chúng ta hãy xem những gì sẽ xảy ra. 1471 01:03:51,723 --> 01:03:55,507 1472 01:03:55,507 --> 01:03:59,040 "Không thể đọc tên tài sản của không xác định. "Vì vậy, một lần nữa, đây là những gì 1473 01:03:59,040 --> 01:03:59,770 chúng tôi sẽ kiểm tra. 1474 01:03:59,770 --> 01:04:00,500 Chúng ta sẽ khám phá này. 1475 01:04:00,500 --> 01:04:02,710 Bạn đã làm hồ bơi, mở bracket0, tên.. 1476 01:04:02,710 --> 01:04:06,060 Một lần nữa, tôi làm điều này tất cả các thời gian, và tôi lẫn lộn những gì đang xảy ra, những gì hiện 1477 01:04:06,060 --> 01:04:07,040 cảnh báo này có ý nghĩa. 1478 01:04:07,040 --> 01:04:09,140 Hãy nhìn vào hồ bơi. 1479 01:04:09,140 --> 01:04:12,520 Hãy nhìn vào khung hồ bơi 0, không xác định. 1480 01:04:12,520 --> 01:04:14,430 Vì vậy, đó là nơi mà chúng tôi đang chạy vào vấn đề của chúng tôi, phải không? 1481 01:04:14,430 --> 01:04:16,130 Khung hồ bơi 0 không, rõ ràng, tồn tại. 1482 01:04:16,130 --> 01:04:19,760 Bạn nghĩ gì không tồn tại? 1483 01:04:19,760 --> 01:04:21,885 >> ĐỐI TƯỢNG: là hồ bơi chỉ một đối tượng của chính nó? 1484 01:04:21,885 --> 01:04:23,550 >> JASON Hirschhorn: Vâng, những gì Nó nói ngay tại đây? 1485 01:04:23,550 --> 01:04:25,850 Khi chúng ta nhấn Enter trên hồ bơi, những gì nó nói nó là? 1486 01:04:25,850 --> 01:04:26,510 >> ĐỐI TƯỢNG: Đối tượng. 1487 01:04:26,510 --> 01:04:28,076 >> JASON Hirschhorn: Đây là một đối tượng, như vậy? 1488 01:04:28,076 --> 01:04:28,860 >> ĐỐI TƯỢNG: Oh, yeah. 1489 01:04:28,860 --> 01:04:30,700 Vì vậy, chỉ pool.name thay vì - 1490 01:04:30,700 --> 01:04:34,650 >> JASON Hirschhorn: Pool.name cho chính xác những gì bạn muốn. 1491 01:04:34,650 --> 01:04:38,060 Và tôi nhận ra tôi đang đi qua này chậm và belaboring thời điểm này, nhưng 1492 01:04:38,060 --> 01:04:39,720 này là chính xác làm thế nào tôi làm công cụ này. 1493 01:04:39,720 --> 01:04:42,270 Bạn sẽ chạy vào các lỗi trong dự án cuối cùng của bạn, vì vậy tôi hy vọng 1494 01:04:42,270 --> 01:04:44,360 này là giúp các bạn có thể sử dụng tất cả những công cụ này. 1495 01:04:44,360 --> 01:04:47,780 Đây là rất quan trọng và sẽ giúp bạn có được siêu Duper xa. 1496 01:04:47,780 --> 01:04:50,050 >> Vì vậy, tôi không muốn chỉ in ra tên. 1497 01:04:50,050 --> 01:04:54,375 Chúng ta hãy làm cho nó một chút bit đẹp hơn này. 1498 01:04:54,375 --> 01:04:56,000 >> ĐỐI TƯỢNG: Những gì người khác làm chúng tôi muốn làm? 1499 01:04:56,000 --> 01:04:56,460 >> JASON Hirschhorn: OK, được rồi. 1500 01:04:56,460 --> 01:04:57,390 Chúng tôi sẽ làm được điều này. 1501 01:04:57,390 --> 01:04:57,760 Ugh. 1502 01:04:57,760 --> 01:05:00,354 Guys, bạn không có cuộc sống. 1503 01:05:00,354 --> 01:05:02,720 >> OK, bùng nổ, đã nhận nó. 1504 01:05:02,720 --> 01:05:04,040 Có vẻ tốt. 1505 01:05:04,040 --> 01:05:09,910 Bạn sẽ thấy, Akshar, xuống đây, chúng tôi đã vô giá trị, không tìm thấy. 1506 01:05:09,910 --> 01:05:14,760 Vì vậy, có vẻ như nó vẫn đang cố gắng tìm thấy một số hình ảnh, và điều đó đã không làm 1507 01:05:14,760 --> 01:05:15,720 chính xác những gì chúng tôi muốn làm. 1508 01:05:15,720 --> 01:05:18,690 Chúng tôi sẽ không đi vào mà bây giờ, nhưng có lẽ là một cách sạch hơn 1509 01:05:18,690 --> 01:05:19,835 làm điều này. 1510 01:05:19,835 --> 01:05:24,475 >> ĐỐI TƯỢNG: Ông có thể đi như thế một không gian trống cho hình ảnh? 1511 01:05:24,475 --> 01:05:27,080 Như thay vì thiết lập nó để null, bạn có thể đặt nó vào như một trống 1512 01:05:27,080 --> 01:05:28,732 chuỗi hoặc một cái gì đó? 1513 01:05:28,732 --> 01:05:30,020 >> JASON Hirschhorn: Như thế này? 1514 01:05:30,020 --> 01:05:31,270 >> ĐỐI TƯỢNG: Vâng. 1515 01:05:31,270 --> 01:05:36,894 1516 01:05:36,894 --> 01:05:38,144 >> JASON Hirschhorn: [nghe được]. 1517 01:05:38,144 --> 01:05:42,000 1518 01:05:42,000 --> 01:05:42,860 Không tìm thấy. 1519 01:05:42,860 --> 01:05:44,810 Vì vậy, có một cách làm nó tốt hơn. 1520 01:05:44,810 --> 01:05:46,290 Tôi sẽ đề nghị làm điều này. 1521 01:05:46,290 --> 01:05:50,130 1522 01:05:50,130 --> 01:05:53,080 Chỉ cần thiết lập vô giá trị đó. 1523 01:05:53,080 --> 01:05:54,200 Sau đó, tất nhiên, những gì sẽ xảy ra? 1524 01:05:54,200 --> 01:05:56,050 Nó sẽ biến mất hoàn toàn. 1525 01:05:56,050 --> 01:06:01,420 Vì vậy, nếu chúng ta muốn giữ một không gian và làm đó, chúng tôi có thể muốn làm điều gì đó 1526 01:06:01,420 --> 01:06:05,140 ở đây là tốt. 1527 01:06:05,140 --> 01:06:06,650 Tôi sẽ giúp bạn bắt đầu. 1528 01:06:06,650 --> 01:06:09,076 Akshar, cho tôi dòng này mã thực sự nhanh chóng. 1529 01:06:09,076 --> 01:06:17,480 >> ĐỐI TƯỢNG: Nếu ocean_array, cá heo, bằng, bằng, bằng - bằng null? 1530 01:06:17,480 --> 01:06:20,342 Yeah. 1531 01:06:20,342 --> 01:06:21,466 >> JASON Hirschhorn: Sau đó những gì? 1532 01:06:21,466 --> 01:06:24,046 >> ĐỐI TƯỢNG: Sau đó làm html. 1533 01:06:24,046 --> 01:06:27,920 Bạn chỉ cần sao chép mã dưới, thực sự. 1534 01:06:27,920 --> 01:06:29,100 >> JASON Hirschhorn: Sao chép những gì? 1535 01:06:29,100 --> 01:06:30,290 >> ĐỐI TƯỢNG: Bạn có thể sao chép - 1536 01:06:30,290 --> 01:06:30,340 >> JASON Hirschhorn: này? 1537 01:06:30,340 --> 01:06:31,310 >> ĐỐI TƯỢNG: Vâng. 1538 01:06:31,310 --> 01:06:33,115 >> JASON Hirschhorn: Tất cả của nó? 1539 01:06:33,115 --> 01:06:35,082 Chúng tôi không có một hình ảnh. 1540 01:06:35,082 --> 01:06:37,386 >> ĐỐI TƯỢNG: Tôi có nghĩa là bạn chỉ có thể để lại một - 1541 01:06:37,386 --> 01:06:39,651 yeah, bạn chỉ có thể đóng nó lại. 1542 01:06:39,651 --> 01:06:41,560 Nhưng tôi nghĩ rằng bạn phải thiết lập chiều rộng. 1543 01:06:41,560 --> 01:06:45,280 >> JASON Hirschhorn: Vâng, chỉ cần tạo ra một cột trống. 1544 01:06:45,280 --> 01:06:45,910 OK. 1545 01:06:45,910 --> 01:06:48,480 Và sau đó trong trường hợp đó, chúng ta sẽ có thể muốn làm điều này là tốt. 1546 01:06:48,480 --> 01:06:54,587 1547 01:06:54,587 --> 01:06:55,837 >> Rất tiếc. 1548 01:06:55,837 --> 01:06:58,810 1549 01:06:58,810 --> 01:06:59,820 Oh. 1550 01:06:59,820 --> 01:07:01,800 Không làm việc, nhưng chúng tôi không nhận được lỗi đó. 1551 01:07:01,800 --> 01:07:03,090 Hãy xem những gì xảy ra ở đây. 1552 01:07:03,090 --> 01:07:07,400 1553 01:07:07,400 --> 01:07:09,690 >> Vì vậy, không có gì ở đó, vì vậy những gì Anh nói chúng ta nên thêm? 1554 01:07:09,690 --> 01:07:14,746 >> ĐỐI TƯỢNG: Chúng ta nên thiết lập chiều rộng của dòng. 1555 01:07:14,746 --> 01:07:15,585 >> JASON Hirschhorn: Để làm gì? 1556 01:07:15,585 --> 01:07:17,590 >> ĐỐI TƯỢNG: Tôi nghĩ rằng đó là 150. 1557 01:07:17,590 --> 01:07:19,650 >> ĐỐI TƯỢNG: Vâng, đó là 150. 1558 01:07:19,650 --> 01:07:21,390 >> JASON Hirschhorn: Chúng tôi sẽ đặt này ở đây để giữ mã của tôi phù hợp. 1559 01:07:21,390 --> 01:07:21,730 Nhưng đây không phải là một. 1560 01:07:21,730 --> 01:07:22,350 OK, tốt. 1561 01:07:22,350 --> 01:07:23,050 Đăng. 1562 01:07:23,050 --> 01:07:25,650 OK? 1563 01:07:25,650 --> 01:07:28,241 Vì vậy, nó vẫn sẽ đi. 1564 01:07:28,241 --> 01:07:29,780 >> ĐỐI TƯỢNG: Oh, gọi chiều rộng? 1565 01:07:29,780 --> 01:07:32,570 1566 01:07:32,570 --> 01:07:35,140 >> JASON Hirschhorn: Có vẻ như chiều rộng là 150. 1567 01:07:35,140 --> 01:07:36,290 Chúng ta hãy xem. 1568 01:07:36,290 --> 01:07:39,375 Bây giờ chúng ta sẽ làm cuối cùng, mát mẻ, điều mạnh mẽ rằng tôi 1569 01:07:39,375 --> 01:07:40,500 sẽ cho bạn thấy. 1570 01:07:40,500 --> 01:07:43,830 Chúng tôi sẽ không để kết thúc mã này, nhưng trực tuyến trước khi chúng tôi bỏ thuốc lá, tất cả điều này 1571 01:07:43,830 --> 01:07:44,580 mã sẽ được chính xác. 1572 01:07:44,580 --> 01:07:48,970 Tôi sẽ gửi email cho bạn phiên bản sửa chữa với một số phong cách của riêng mình sau 1573 01:07:48,970 --> 01:07:51,020 phần, và sẽ được đăng tải trực tuyến. 1574 01:07:51,020 --> 01:07:53,920 Tôi khuyến khích bạn tiếp tục khám phá này và sử dụng như một tài liệu tham khảo, nhưng tôi 1575 01:07:53,920 --> 01:07:58,250 muốn cho bạn thấy công cụ cuối cùng cho điều này lớp, và đó là ở đây trên 1576 01:07:58,250 --> 01:07:58,920 phía bên tay phải. 1577 01:07:58,920 --> 01:08:01,700 Và chúng tôi nhìn cuối tuần này, nhưng bây giờ hy vọng nó là một chút quen thuộc 1578 01:08:01,700 --> 01:08:02,970 cho bạn và thoải mái. 1579 01:08:02,970 --> 01:08:06,730 >> Bạn có thể tự động chơi với CSS của một trang. 1580 01:08:06,730 --> 01:08:09,570 Chúng tôi đã thực sự đã nhìn thấy chúng tôi động chơi với HTML. 1581 01:08:09,570 --> 01:08:13,470 Nhớ chúng tôi đã làm đúng các Khi nhấp vào Chỉnh sửa HTML? 1582 01:08:13,470 --> 01:08:14,090 Ngay tại đây? 1583 01:08:14,090 --> 01:08:16,080 Vì vậy, chúng tôi đã tự động đóng với HTML. 1584 01:08:16,080 --> 01:08:20,620 >> Trong giao diện điều khiển, bạn có thể tự động chơi với JavaScript của một trang. 1585 01:08:20,620 --> 01:08:24,899 Ví dụ, đó là một giá trị Dòng JavaScript. 1586 01:08:24,899 --> 01:08:26,870 Bùng nổ, tôi đã chính xác những gì tôi muốn. 1587 01:08:26,870 --> 01:08:30,060 Vì vậy, chúng tôi tự động có thể chơi với HTML, tự động chơi với các 1588 01:08:30,060 --> 01:08:30,550 JavaScript. 1589 01:08:30,550 --> 01:08:32,810 Bây giờ chúng ta sẽ tự động chơi với CSS. 1590 01:08:32,810 --> 01:08:36,630 >> Và tất cả điều này là bởi vì nó giống như ngay lập tức, sống GDB thông tin phản hồi, và do đó bạn 1591 01:08:36,630 --> 01:08:39,979 có thể biết ngay một cái gì đó trước khi có đi mã của bạn, và bạn có thể 1592 01:08:39,979 --> 01:08:41,790 không đoán gì gì đó sẽ như thế nào. 1593 01:08:41,790 --> 01:08:43,050 Vì vậy, đây là Duper mát siêu. 1594 01:08:43,050 --> 01:08:45,850 >> Và để cuối cùng nhìn vào động chơi với CSS. 1595 01:08:45,850 --> 01:08:49,560 Đó là ở đây ở bên phải phía bên tay, element.style. 1596 01:08:49,560 --> 01:08:50,420 Chúng ta hãy đi đến này. 1597 01:08:50,420 --> 01:08:51,740 Đây là yếu tố của chúng tôi. 1598 01:08:51,740 --> 01:08:54,689 Chúng ta hãy cho nó một số CSS thêm. 1599 01:08:54,689 --> 01:09:00,300 >> Hoặc xin lỗi, chúng tôi có thể cung cấp cho nó một số phụ CSS, nhưng chúng ta có thể, trong trường hợp này, 1600 01:09:00,300 --> 01:09:03,330 muốn thay đổi thuộc tính này. 1601 01:09:03,330 --> 01:09:05,535 Vì vậy, hãy đi xuống đây để dòng này. 1602 01:09:05,535 --> 01:09:06,785 Ồ, tôi không thể làm điều đó ở đây. 1603 01:09:06,785 --> 01:09:11,109 1604 01:09:11,109 --> 01:09:11,689 Xin lôi. 1605 01:09:11,689 --> 01:09:12,939 Sửa AS - 1606 01:09:12,939 --> 01:09:17,410 1607 01:09:17,410 --> 01:09:19,270 do đó là cách bạn có thể chỉnh sửa CSS. 1608 01:09:19,270 --> 01:09:21,804 Chúng tôi sẽ không chỉnh sửa CSS này thứ hai, nhưng chúng tôi muốn chỉnh sửa 1609 01:09:21,804 --> 01:09:24,439 HTML và cung cấp cho nó một thuộc tính thêm. 1610 01:09:24,439 --> 01:09:26,762 Bạn đã đề xuất những gì thay đổi này để? 1611 01:09:26,762 --> 01:09:30,069 1612 01:09:30,069 --> 01:09:31,170 Tôi nghĩ Avie đã có một đề nghị. 1613 01:09:31,170 --> 01:09:32,420 >> ĐỐI TƯỢNG: Col chiều rộng? 1614 01:09:32,420 --> 01:09:38,880 1615 01:09:38,880 --> 01:09:40,560 >> JASON Hirschhorn: Đó giống như nó đã không làm bất cứ điều gì cả. 1616 01:09:40,560 --> 01:09:43,390 1617 01:09:43,390 --> 01:09:45,803 Chúng ta hãy cố gắng CSS. 1618 01:09:45,803 --> 01:09:46,707 >> ĐỐI TƯỢNG: [nghe được] lớp học? 1619 01:09:46,707 --> 01:09:48,310 >> JASON Hirschhorn: Nó nói nó không hoạt động. 1620 01:09:48,310 --> 01:09:49,260 Nó mang lại cho rằng điều vàng. 1621 01:09:49,260 --> 01:09:51,660 >> ĐỐI TƯỢNG: Nhưng [nghe được]. 1622 01:09:51,660 --> 01:09:56,883 >> ĐỐI TƯỢNG: Bạn đang không thiết lập chiều rộng của một hình ảnh 150 khi bạn làm điều đó? 1623 01:09:56,883 --> 01:09:59,741 Như bạn sẽ không chỉ cần sử dụng chiều rộng? 1624 01:09:59,741 --> 01:10:00,740 >> JASON Hirschhorn: Vâng. 1625 01:10:00,740 --> 01:10:02,785 >> ĐỐI TƯỢNG: Nhưng chúng ta không có một hình ảnh nữa. 1626 01:10:02,785 --> 01:10:03,340 >> JASON Hirschhorn: số 1627 01:10:03,340 --> 01:10:04,290 Chúng tôi không có bất cứ điều gì trong đó. 1628 01:10:04,290 --> 01:10:07,990 Vì vậy chúng tôi sẽ không giải quyết các vấn đề cụ thể. 1629 01:10:07,990 --> 01:10:11,190 Chúng ta sẽ quay trở lại của Akshar giải pháp, bởi vì tôi muốn thiết lập một 1630 01:10:11,190 --> 01:10:14,160 Dolphin miễn phí trong thời gian tới, hoặc đó là cuối cùng 1631 01:10:14,160 --> 01:10:14,710 điều tôi muốn kết thúc. 1632 01:10:14,710 --> 01:10:18,340 Vì vậy, chúng ta sẽ để lại điều này ở đây trong khi thừa nhận nó không hoàn toàn 1633 01:10:18,340 --> 01:10:19,870 chính xác, và chúng ta sẽ để trở về với nó. 1634 01:10:19,870 --> 01:10:21,230 >> Xin lôi. 1635 01:10:21,230 --> 01:10:23,380 Tôi nói chúng ta có thể tự động thay đổi CSS. 1636 01:10:23,380 --> 01:10:26,060 Hãy nhìn vào đó và làm mà thực sự một cách nhanh chóng. 1637 01:10:26,060 --> 01:10:28,910 Vì vậy, nếu tôi kiểm tra nguyên tố này xuống đây, và nói rằng tôi muốn làm cho nó màu xanh, 1638 01:10:28,910 --> 01:10:32,850 bạn có thể đến đây, màu sắc, do Tôi biết rằng những thay đổi màu sắc của 1639 01:10:32,850 --> 01:10:36,710 một cái gì đó, và chúng tôi thấy như thế nào nó thay đổi nó màu xanh. 1640 01:10:36,710 --> 01:10:38,850 Vì vậy, đó là tôi tự động thay đổi CSS. 1641 01:10:38,850 --> 01:10:42,150 Không thay đổi nó cho tốt, nhưng sau đó Tôi có thể trở lại vào tập tin CSS của tôi và 1642 01:10:42,150 --> 01:10:44,990 thay đổi màu sắc của một đối tượng. 1643 01:10:44,990 --> 01:10:46,610 >> OK. 1644 01:10:46,610 --> 01:10:48,180 Đó là rất nhiều. 1645 01:10:48,180 --> 01:10:50,480 Chúng tôi đã không hoàn thành chương trình tuyệt vời của tôi. 1646 01:10:50,480 --> 01:11:00,352 Hãy để tôi chỉ cho bạn thấy nó thực sự nhanh chóng, và sau đó chúng tôi sẽ đi ra ngoài. 1647 01:11:00,352 --> 01:11:01,860 Oh, ở đâu? 1648 01:11:01,860 --> 01:11:02,710 Không! 1649 01:11:02,710 --> 01:11:03,960 Giữ. 1650 01:11:03,960 --> 01:11:19,650 1651 01:11:19,650 --> 01:11:24,350 >> OK, như vậy là bạn đang đóng gói lên, một xem trước tuyệt vời, hoặc phía trước 1652 01:11:24,350 --> 01:11:25,330 xem, trong thời gian tới. 1653 01:11:25,330 --> 01:11:30,880 Đây là Dolphin Trainer năm 2013, và nó không hoạt động. 1654 01:11:30,880 --> 01:11:32,048 Tuyệt vời. 1655 01:11:32,048 --> 01:11:36,240 >> [Cười] 1656 01:11:36,240 --> 01:11:37,300 >> JASON Hirschhorn: Oh! 1657 01:11:37,300 --> 01:11:38,085 Bùng nổ! 1658 01:11:38,085 --> 01:11:38,950 Điều này có nghĩa gì? 1659 01:11:38,950 --> 01:11:39,700 >> ĐỐI TƯỢNG: Bạn không chmod. 1660 01:11:39,700 --> 01:11:41,430 >> JASON Hirschhorn: Tôi không chmod nó. 1661 01:11:41,430 --> 01:11:42,680 >> ĐỐI TƯỢNG: Row một. 1662 01:11:42,680 --> 01:11:52,774 1663 01:11:52,774 --> 01:11:54,930 >> JASON Hirschhorn: Oh, nhìn vào đó. 1664 01:11:54,930 --> 01:11:55,710 OK. 1665 01:11:55,710 --> 01:11:57,280 Vì vậy, tôi có sáu cá heo của tôi. 1666 01:11:57,280 --> 01:11:57,730 Những gì sẽ xảy ra? 1667 01:11:57,730 --> 01:11:58,060 Chúng ta hãy xem. 1668 01:11:58,060 --> 01:12:02,595 Nếu tôi tập luyện một, bây giờ đào tạo Lili. 1669 01:12:02,595 --> 01:12:04,910 Ồ, tôi muốn thiết lập bạn miễn phí, Lili. 1670 01:12:04,910 --> 01:12:06,660 Có bạn đi, trở lại trong đại dương. 1671 01:12:06,660 --> 01:12:07,950 >> Vì vậy, đó là trong tuần này. 1672 01:12:07,950 --> 01:12:09,500 Nếu bạn có bất kỳ câu hỏi, chúng tôi sẽ được ở bên ngoài. 1673 01:12:09,500 --> 01:12:11,340 Và một lần nữa, tôi sẽ gửi cho bạn phần còn lại của mã này. 1674 01:12:11,340 --> 01:12:12,590 Cảm ơn các cậu. 1675 01:12:12,590 --> 01:12:15,723