>> JASON Hirschhorn: Chào tất cả mọi người, tuần chín.
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.
Chúng tôi cũng có một thương hiệu ngôn ngữ mới, JavaScript, bạn đã có trong
giữa sử dụng không chỉ cho việc này bộ vấn đề, nhưng nhiều bạn sẽ
có thể sử dụng nó cho thức các dự án, đặc biệt là
dự án cuối cùng dựa trên web.
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,
mà chúng tôi làm mỗi tuần.
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
thực hành các hoạt động mã hóa Dolphin Trainer 2K13, mà là giống như Madden
2013, nhưng đối với cá heo và trong JavaScript.
>> [Cười]
>> 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.
Các nguồn lực đặc biệt quan trọng bởi vì tuần tới
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.
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.
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
nhấn mạnh tất cả những gì có đã xảy ra kể từ khi bài kiểm tra một.
>> Nhưng tất nhiên, chúng ta đã cho các vòng vào đầu năm nay.
Đố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
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
bởi vì khóa học này xây dựng trên chính nó rất nhiều.
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.
Bao gồm PHP, JavaScript, SQL chắc chắn, và cũng là cao cấp hơn
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
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.
>> 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
chuẩn bị, cảm thấy tự do gửi theo cách của tôi.
Ngay bây giờ, không ai có bất kỳ câu hỏi nhanh về các bài kiểm tra?
>> OK.
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
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ờ.
>> 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ỳ -
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à
háo hức cho thông tin phản hồi của bạn nếu bạn có bất kỳ.
Tôi muốn làm những việc tốt nhất hai phần bao giờ hết.
Họ có thể sẽ được, vì mỗi phần là tuyệt vời và tốt nhất bao giờ hết.
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ĩ.
>> 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
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ó.
Phải mất ba phút.
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
những điều tôi có thể làm việc trên.
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
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.
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
biết lý do tại sao sau đó là trường hợp.
>> Tôi đã cho các bạn hình ảnh này tuần trước.
Đây là Teenage Mutant Ninja Turtles xe đạp tôi đã có khi tôi còn nhỏ,
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
bạn bằng ngôn ngữ khác.
Nhưng yên tâm, JavaScript, như PHP, rất giống với những thứ bạn đã
làm trong quá khứ.
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.
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
tuần, mặc dù họ có vẻ áp đảo, là rất mạnh và sẽ cho phép
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
mã trong tương lai.
>> Vì vậy, không có thêm ado, chúng ta sẽ để bắt đầu lặn vào JavaScript.
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
mã hóa phần của phần này.
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ó
khác với PHP và nó khác nhau hơn C. JavaScript không biên soạn và
nó không được thực hiện bởi các máy chủ.
Thay vào đó, bạn tải nó.
Bạn tải một trang JavaScript khi bạn tải một trang web, và sau đó nó thực hiện
trên máy tính của bạn.
Có nghĩa là bạn có thể xem tất cả các JavaScript code mà
gửi đến máy tính của bạn.
>> Đôi khi nó rút ngắn hoặc mã hoá một bit, mã hóa một chút, do đó bạn
không thể nói một cách rõ ràng những gì đang xảy ra.
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
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
phải làm gì từ những gì chúng tôi đã cho bạn.
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.
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
và chương trình của chúng tôi đang chạy trên.
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.
>> Tương tự như C và PHP, mặc dù, JavaScript có cho vòng, nếu / khác
điều kiện, trong khi vòng.
Tương tự như PHP, nó có một vòng lặp foreach là tốt.
Và một lần nữa, rất giống với cú pháp mà chúng ta đã thấy trong
ngôn ngữ mà chúng tôi đã đã làm việc với.
>> 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ó
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
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ó
trong mã của bạn thông qua JavaScript Console.
Chúng tôi nhìn vào nó một chút tuần trước.
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
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à
hiển thị cho bạn trên màn hình.
Bạn cũng có thể xem tất cả các JavaScript tạo trang đó, và bạn cũng có thể, như
Tôi nói, nhìn thấy tất cả các lỗi trong Bảng điều khiển JavaScript.
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ã.
>> Một điều cần lưu ý về JavaScript biến.
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
cung cấp cho họ một loại hình cụ thể.
Về phạm vi, được xác định bởi "var" từ khóa.
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
của biến, sau đó chuyển nhượng điều hành, trong trường hợp này dấu bằng.
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
ngay tại đó.
>> Sau đó, bạn đang tạo ra một biến toàn cầu.
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
phạm vi, cho dù đó là để một chức năng hoặc một vòng lặp.
Vì vậy, đó là một điều để lưu ý cho các biến.
>> JavaScript là ngôn ngữ.
jQuery là một thư viện được xây dựng trên ngôn ngữ JavaScript, và bạn có
nhìn thấy nó trước khi vào bài giảng.
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
dự án, bạn nhận được để biết jQuery.
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.
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
bạn bắt đầu.
Hôm nay chúng ta sẽ sử dụng jQuery là tốt.
>> 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.
Ở 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
tập tin index.html - bạn cần bao gồm hai dòng.
Đây là những dòng khá chung chung.
Dòng đầu tiên bao gồm jQuery Tập tin JavaScript, và dòng thứ hai
bao gồm bất cứ nơi nào bạn đã viết mã JavaScript của riêng bạn.
Và tất nhiên, bởi vì trong của bạn Mã JavaScript bạn đã có thể sử dụng
một số chức năng thư viện jQuery, mà cần phải đi sau khi
jQuery bao gồm kịch bản.
Chúng tôi sẽ khám phá này một lần nữa trong một thời điểm.
>> Và cuối cùng, trong tập tin JavaScript, Tôi gọi đây là một index.js.
Nó có thể là scripts.js.
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
với dòng mã, ký hiệu đô la, Dấu ngoặc đơn mở, tài liệu, dấu ngoặc đóng,
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 đó
ngoặc móc.
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
Dấu ngoặc đơn, dấu chấm phẩy.
>> Vì vậy, thực hiện việc này như một đã định.
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
dòng mã này.
Và chúng ta sẽ thấy rằng một lần nữa trong một giây.
>> 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
ngày hôm nay, nhưng không ai có bất kỳ câu hỏi về jQuery hoặc
JavaScript ngay bây giờ?
>> OK.
Vì vậy, không có thêm ado, tôi trình bày để bạn Dolphin Trainer 2K13.
Tôi vui mừng về siêu mới nhất phiên bản của sản phẩm.
>> Ồ, không!
Tôi rất vui mừng.
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
thực hiện nó được nêu ra.
Hãy thực hiện điều này lớn hơn một chút.
Vì vậy, nếu tôi nạp mã cho Dolphin Huấn luyện viên - dang nó.
Tôi xin lỗi mọi người.
Tôi đã làm việc này trước khi đến lớp.
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ố
việc còn lại để được thực hiện.
Nhưng may mắn, các bạn đều có một số JavaScript và thực hành jQuery, vì vậy
chúng ta hãy đi trước và kết thúc này lại với nhau.
>> 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
về nó, vì vậy bạn nên có cùng mã mà tôi có.
Chúng ta hãy đi vào -
dang nó, các cậu, tôi xin lỗi.
Chúng ta hãy đi vào thiết bị đầu cuối, mặc dù.
>> 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 -
chúng ta hãy làm này lớn hơn một chút, quá, cho các bạn -
bạn mất tập tin zip của tôi.
Bạn có lẽ giải nén nó.
Chúng ta hãy đi đây.
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
vấn đề của bạn đặt tám mã.
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
mã trong trình duyệt Chrome trên máy tính của chúng tôi.
>> 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
phía dưới, phía bên tay phải của thiết bị của bạn, ở đây.
Bạn tìm thấy địa chỉ IP của bạn.
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,
vì chúng tôi đã phần chín thư mục, chúng tôi cũng có thêm một
cắt giảm phần chín.
>> Cho tôi -
oops.
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 đó.
>> Vì vậy, đó là cách tôi thiết lập mã này.
Tôi đã làm điều đó rồi.
Tôi sẽ không đi qua những bước bởi vì đó là những gì
bắt đầu của vấn đề thiết lập đi bạn qua cách làm.
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
khám phá mã này như là một nhóm.
>> Hãy xem những gì tôi đã làm.
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
là một chút phía sau.
Vì vậy, hãy mở index.html.
>> OK.
Và index.html là một thực sự đơn giản trang bởi vì tôi đã không
muốn nhận được quá điên rồ.
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
đã không nhận được rằng đến nay.
>> Đâ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
một vài điều phải off the bat.
Chúng tôi có các tập tin CSS ngay ở đây và thích hợp
vị trí của các tập tin CSS.
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
về việc này.
Nguồn là một cái gì đó thực sự, thực sự dài.
ajax.googleapis.com/--
loại trông giống như một URL, nhưng nó không chắc chắn như thế
js / jquery.js.
>> Và đó là bởi vì tôi quyết định rằng tôi không muốn phải tải về
file jQuery, và kéo nó và tiết kiệm nó trong thư viện của tôi, và có thể được
chịu trách nhiệm về nó.
Thay vào đó, tôi chỉ cần đi để có những Tập tin JavaScript Google lưu trữ.
Vì vậy, Google thực sự tổ chức một số thư viện, và jQuery, vì nó là một
những phổ biến nhất, nó host một điều đó là tốt.
>> 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ọ
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
số ngay tại đây.
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ẽ.
Tôi không thực sự thích lưu trữ tất cả những tập tin này.
Nó đẹp hơn nhiều nếu Google có để lưu trữ chúng cho tôi.
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à
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.
>> Chúng tôi cũng thấy rằng tôi đặt trong hai hơn file dolphins.js và trainer.js.
Chúng tôi sẽ xem xét những người trong một giây.
Và cuối cùng, danh hiệu này ngay tại đây.
Ai có thể cho tôi biết những gì bên trong mã này các thẻ tiêu đề, nơi
mà đi trên trang của tôi?
>> ĐỐI TƯỢNG: Cũng giống như điều mà mà thanh công cụ hoặc bất cứ điều gì?
>> JASON Hirschhorn: Vâng, tab nhỏ trên đỉnh của cửa sổ Chrome.
Đó là nơi mà văn bản mà đi.
>> Bên trong cơ thể, như bạn có thể thấy, không có nhiều thứ ở đây.
Tôi chỉ có ba divs.
Tôi cung cấp cho họ một số ID, và Tôi đặt một ít văn bản in
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.
Trên thực tế, chúng ta thấy Dolphin Trainer 2K13.
Chúng ta thấy TODO.
Tôi không biết đó là đến từ bởi vì tôi không thấy rằng đây.
Vì vậy, có lẽ đó là trong một trong tập tin JavaScript của tôi.
Chúng tôi sẽ kiểm tra xem ra trong một giây.
>> Người khác có thể cho tôi biết những gì ID này có nghĩa là phải ở đây?
>> ĐỐI TƯỢNG: Đó là một cách gọi phần cụ thể trong [không nghe được]
nộp?
>> JASON Hirschhorn: Vâng.
Nó chỉ là một cách để tham chiếu div đặc biệt này.
ID là lý tưởng độc đáo.
OK?
Đám đông khó khăn.
Vì vậy, nói chung là ID duy nhất.
Bạn cung cấp cho họ một cụ thể yếu tố trong mã của bạn.
>> 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
kiểu dáng hoặc jQuery?
Thuộc tính gì tôi có thể cung cấp cho họ?
>> ĐỐI TƯỢNG: Class.
>> JASON Hirschhorn: Một lớp học, chính xác.
Đúng.
>> OK, vì vậy index.html, một lần nữa, không nhiều đang xảy ra ở đây.
Vì vậy, hãy mở tập tin khác.
Chúng ta hãy xem những gì tôi có.
Đó là tất cả tôi có ở đây.
Chúng ta hãy đi vào thư mục JS.
Tôi sẽ không phải lo lắng về CSS cho bây giờ.
Chúng ta hãy mở dolphins.js.
>> Rất tiếc.
Hay đúng hơn -
OK.
Vì vậy, dolphins.js, nó thực sự trông khá giống với một số mã bạn
đã được đưa ra trong vấn đề thiết lập tám.
Bạn có thể di chuyển qua nó.
Ai có thể cho tôi, mặc dù, Cá heo là gì?
Điều này tất cả các mũ Cá heo?
Đó là những gì?
Loại dữ liệu gì vậy?
>> ĐỐI TƯỢNG: Array.
>> JASON Hirschhorn: Đây là một mảng.
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.
Và người khác, những gì nó một mảng của?
>> ĐỐI TƯỢNG: Đối tượng?
>> JASON Hirschhorn: Đó là một mảng của các đối tượng.
Và bạn có thể thấy điều đó.
Và làm thế nào để bạn biết đó là một mảng của các đối tượng?
>> ĐỐ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?
>> JASON Hirschhorn: Đúng vậy.
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
tách khác nhau các đối tượng trong mảng này.
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.
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?
Có gì đó gọi là gì?
Quát?
Làm thế nào để chúng tôi tham khảo không?
>> ĐỐI TƯỢNG: Index?
>> JASON Hirschhorn: Chỉ số, hoặc có thể nói chung, chìa khóa.
Và sau đó trên tay phải bên, giá trị.
Vì vậy, chỉ số, quan trọng.
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
phía bên tay trái.
>> Trong một mảng đơn giản, một lần nữa, chúng tôi đã có chỉ số 0.
1.
2.
3.
4.
Và cá heo, chúng tôi sẽ có cá heo 0, cá heo 1, 2 cá heo, cá heo 3,
cá heo 4.
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.
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,
đối tượng 1, đối tượng 2.
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.
Và đó là cách chúng tôi sẽ có được giá trị ở phía bên tay phải.
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,
"Grace".
>> 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.
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.
Được rằng phát âm chính xác?
Bất cứ ai?
Chi?
Tuyệt vời.
>> Một chiều dài, trọng lượng.
Được rằng phát âm chính xác?
Tôi nghĩ như vậy.
Và một bức ảnh, chỉ cần một URL một số tập tin trực tuyến.
Và ngay tại đây, chúng tôi đóng mảng, phải xuống có trong tay rất trái
bên cạnh màn hình của tôi.
Vì vậy, đó là tất cả các dolphins.js là.
>> Oh, tốt đẹp của tôi.
Điều này giải thích nó.
Tôi nghĩ rằng tôi muốn hoàn thành tất cả mọi thứ, nhưng nhìn.
Có tất cả các todos.
OK, hy vọng chúng ta có thể làm những người cùng nhau.
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
mã này rất nhanh chóng.
>> 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
trình bày, (document). ready (function ().
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
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 để
đi, và sau đó bắt đầu thực hiện mã này.
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,
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
hoặc bất cứ trang đã được tải, và bây giờ bạn sẽ bắt đầu
thực hiện mã của bạn.
>> 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.
Và tôi không có từ khóa var có, vì vậy là những gì
phạm vi của mảng này?
>> ĐỐI TƯỢNG: Đó là toàn cầu.
>> JASON Hirschhorn: Đó là toàn cầu, vì vậy ocean_array có thể được truy cập từ
bất cứ nơi nào trong tập tin này.
>> Và sau đó chúng ta thấy điều này cho vòng lặp.
Nó không nói foreach, nhưng điều này về cơ bản là một vòng lặp foreach.
Và điều này chỉ là phiên bản của JavaScript, do đó, cho mỗi var cá heo Cá heo trong,
những gì kiểu dữ liệu?
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ì
kiểu dữ liệu là cá heo?
>> ĐỐI TƯỢNG: Một đối tượng.
>> JASON Hirschhorn: Đây là một đối tượng.
Chúng tôi đang nhận được từng đối tượng trong mảng Cá heo.
Vì vậy, ở đây, có vẻ như tôi quên đặt tất cả các cá heo từ chúng tôi
Cá heo khổng lồ nghĩ vào ocean_array, vì vậy chúng tôi có lẽ nên làm
mà lần đầu tiên.
>> Và sau đó, một cái gì đó gọi là biến hồ bơi này.
Tôi đang thiết lập nó thành vô giá trị.
Và sau đó tôi gọi chức năng này draw_ocean.
Tôi đào tạo một con cá heo khi nó hình ảnh được nhấp -
Tôi đã không làm điều đó - và thiết lập một con cá heo miễn phí khi
nút được nhấp.
>> Vì vậy, đó là những điều tôi cần phải làm.
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.
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
ở đâ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
hình ảnh của tất cả các cá heo.
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
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à
đó sẽ là cá heo trong hồ bơi, cá heo bạn đã được đào tạo.
>> Vì vậy, tôi nghĩ rằng nó sẽ thực sự mát mẻ.
Bạn có tất cả những chú cá heo trong đại dương ở đây, sau đó bạn click vào một,
và nó muốn đi đến hồ bơi, và sau đó bạn có thể huấn luyện nó.
Vì vậy, đó là những gì tôi đã cố gắng để làm.
Và sau đó sẽ là một nút xuống đây trong hồ bơi, và bạn có thể nhấp chuột,
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
vào đại dương.
>> 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
để tạo ra nó.
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
làm cho ý nghĩa bây giờ trong bối cảnh của chương trình này.
>> Chúng ta hãy tiếp tục tìm kiếm thông qua các tập tin này.
Chúng ta gọi là chức năng draw_ocean này.
Đó là một và chỉ có chức năng mà chúng ta gọi từ phần document.ready.
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,
một biến, ở đây.
Một cái gì đó đặt trong chuỗi, cho biết thêm công cụ để chuỗi, cho biết thêm
thứ của chuỗi, và sau đó dòng mã này.
Tôi nói rằng in ra chuỗi HTML.
Và ai đó giải thích cho tôi những gì dòng mã này không?
Vâng, trước hết, những gì hiện rằng ký hiệu đô la nghĩa là gì?
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?
>> ĐỐI TƯỢNG: Liên kết với ID của HTML -
nó giống như nó liên kết đến mã HTML?
>> JASON Hirschhorn: Còn rằng ký hiệu đô la?
Điều đó có ký hiệu đô la cho những gì?
>> ĐỐI TƯỢNG: Liên kết với HTML bằng cách nào đó?
>> JASON Hirschhorn: ở đâu chúng ta đã nhìn thấy đô la này đăng ký trước trong JavaScript?
Chúng tôi đã nhìn thấy nó trong bài giảng.
Chúng tôi nói chuyện về nó.
Không ký hiệu đô la có nghĩa là gì?
>> ĐỐI TƯỢNG: Một cái gì đó với jQuery?
>> JASON Hirschhorn: Chính xác ngay.
Điều này có gì để làm với jQuery.
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.
Chính xác.
>> 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
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
chức năng thư viện jQuery, hoặc bạn sử dụng thư viện jQuery?
Một lần nữa, bạn thấy điều này trong bài giảng.
Ai đó có thể cho tôi - và bạn cũng thấy cái gì ở đây.
Những gì diễn ra bên trong không?
>> Jeff, cho tôi một đoán.
Điều này có như thế nào, # đại dương?
Nơi chúng ta đã thấy rằng trước khi?
>> ĐỐI TƯỢNG: Có một thư viện hay cái gì?
Tôi không có ý tưởng.
>> JASON Hirschhorn: Vâng, chúng ta tôi mở chỉ số dot -
nope, địa điểm sai.
>> Vì vậy, chúng ta thấy chúng ta có một cái gì đó gọi là đại dương ở đây.
Nơi chúng ta đã nhìn thấy hashtag # đại dương đại dương, cú pháp trước?
Yeah?
>> ĐỐI TƯỢNG: CSS?
>> JASON Hirschhorn: Trong CSS.
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
chọn, hoặc hashtag đại dương, ví dụ, và tất cả các định dạng
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 đó.
>> Vì vậy, trong đây nó không phải CSS chọn đi vào đây.
jQuery định nghĩa riêng của mình loại bộ chọn.
Nhưng đó là ý tưởng giống nhau, và thực sự rất nhiều trong số họ trùng với CSS.
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ì
chọn đề cập đến, đó là những gì bạn sẽ được sử dụng.
>> Vì vậy, trong trường hợp này, tôi chọn ID đại dương.
Nếu tôi đã có một lớp học -
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
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?"
>> ĐỐI TƯỢNG: Tôi nghĩ đó là dấu chấm.
>> JASON Hirschhorn: Với một dấu chấm.
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
thứ được gọi là "hình ảnh."
>> Tất nhiên, đây là siêu mạnh mẽ, và bạn có thể tham khảo rất nhiều thứ.
Trong thực tế, tôi có thể tham khảo cơ bản bất kỳ thẻ trong HTML.
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
tạo ra một bảng.
Có lẽ bạn đang quen thuộc với mà từ P thiết lập bảy.
Trong trường hợp này, nó thực sự đi để chọn tất cả trong số họ.
Nó sẽ cho tôi mảng của tất cả các thẻ td.
Nhưng có thể có được một chút áp đảo, để qua lại ngay bây giờ chúng tôi
sẽ dính vào chỉ tham khảo ID.
>> 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 -
xin lỗi.
Đi ở đây, index.html.
Đâ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
dòng mã được div đó.
>> 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
chức năng là HTML.
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
yếu tố của ID, dot HTML bên trong.
Đây chỉ là phiên bản của jQuery.
Vì vậy, các chức năng HTML chỉ được HTML bên trong.
Của phần tử đó.
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.
Và do đó, nếu tôi đã làm điều này, tôi sẽ phải cố gắng để có được HTML.
Khi tôi gõ này, tôi thiết lập HTML.
Vì vậy, tôi đang đi qua chức năng này để chuỗi, chuỗi mà tôi đã tạo ra
ở đây, và câu nói mà đặt bên trong div đại dương.
Yeah?
>> ĐỐI TƯỢNG: Khi bạn nhận được HTML, bạn chỉ nhận được
một bản sao nếu nó, phải không?
Bạn không loại bỏ nó.
>> JASON Hirschhorn: Đúng vậy.
Nếu tôi đã làm điều này và muốn để tiết kiệm này trong var -
oops.
Điều đó sẽ có được tất cả các thông tin mà có và lưu nó trong một
biến, tạo một bản sao của nó.
>> ĐỐI TƯỢNG: OK.
Đã nhận nó.
>> JASON Hirschhorn: Vì vậy, chúng tôi tạo ra một số HTML, tiết kiệm mà trong chuỗi.
Chúng tôi tiết kiệm một số chi tiết.
Ở đây bạn thấy rằng chuỗi TODO.
Vì vậy, có lẽ đó là nơi mà chúng tôi TODO nhận rằng từ khi
chúng tôi đi vào trang của chúng tôi.
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ề
tuần cuối cùng này.
Đó 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.
>> Bạn sẽ nhận thấy rằng ở đây -
chúng ta hãy làm này lớn hơn một chút, quá -
chúng tôi có ID div của chúng tôi đại dương ngay tại đây.
Tất cả mọi người thấy rằng dòng mã?
Và đó là những gì chúng tôi loại trong index.html.
>> Bên trong của nó, chúng ta thấy bây giờ này dòng bảng mã.
Và những gì mà dòng bảng mã là, đó là mã chúng tôi chỉ đưa vào
yếu tố này.
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.
Đã đượ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.
Nhưng bạn sẽ nhận thấy có những tr, có td với TODO.
>> Vì vậy, có vẻ như, một lần nữa, mã mà chúng tôi đã viết ở đây.
Đó là chính xác những gì này đường đang làm.
Nó đã được dùng chuỗi HTML của chúng tôi và đặt nó bên trong div ngay tại đây.
Nó ban đầu không có gì.
Trang này được nạp.
Ký hiệu đô la, document.ready.
Này bắt đầu thực hiện.
Chúng ta gọi hàm draw_ocean, và bên trong hàm draw_ocean chúng ta
HTML này và đặt nó bên trong div đó.
>> Chúng tôi chỉ cần đi qua rất nhiều ngay tại đó.
Không ai có bất kỳ câu hỏi về điều đó?
Hoặc làm thế nào mà làm việc, hoặc jQuery?
Bởi vì nếu bạn hiểu rằng, sau đó jQuery hy vọng sẽ đến
tương đối dễ dàng.
Yeah?
>> ĐỐI TƯỢNG: Những gì bạn có bên trong ngoặc dưới bản in HTML
chuỗi, mà là tên của biến HTML mà bạn
đã khai báo trước đó?
>> JASON Hirschhorn: Quyền này ở đây?
>> ĐỐI TƯỢNG: Có
>> JASON Hirschhorn: Có.
ĐỐ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
là những gì bạn sẽ đặt vào đây.
>> JASON Hirschhorn: Chính xác ngay.
Và đó là một điểm tốt.
Đây là một chút bối rối vì Tôi có HTML, html.
Trong này đây là tên của tôi biến, và điều này đúng ở đây là
tên của hàm jQuery.
>> ĐỐI TƯỢNG: Nhưng để cho jQuery chức năng để làm việc, bạn phải cung cấp cho nó
một số đầu vào HTML?
>> JASON Hirschhorn: Chính xác.
Hoặc bạn có để cung cấp cho nó một chuỗi.
Nó sẽ đưa chuỗi bên trong của div hoặc bất cứ điều gì.
Đây chỉ là một chuỗi.
Nó không biết đây là HTML, nhưng rõ ràng là định dạng nó trên mục đích để được
HTML hợp lệ.
Điều đó trả lời các câu hỏi?
>> ĐỐI TƯỢNG: Có.
>> JASON Hirschhorn: OK.
Yeah?
>> ĐỐI TƯỢNG: Nếu biển gọi vào một nút hoặc một cái gì đó?
Html. Sẽ làm những gì?
Mà sẽ thay đổi văn bản của các nút?
>> JASON Hirschhorn: Vậy câu hỏi là nếu nó được gọi một nút?
Nó sẽ thay đổi bên trong HTML của một cái gì đó.
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
thẻ mở và đóng.
Nếu không có mở và đóng thẻ, nó sẽ không làm bất cứ điều gì.
>> ĐỐI TƯỢNG: Đó là nghĩa đen là một bản sao và dán loại điều?
>> JASON Hirschhorn: Vâng.
Nó copy và paste một cái gì đó từ bất cứ điều gì biến tôi vượt qua nó,
chuỗi tôi vượt qua nó, bên trong những mở và đóng thẻ.
>> Hãy nhìn xuống đây.
Oh, tốt đẹp của tôi. draw_pool không làm bất cứ điều gì ngay tại đó.
Đó là một con số thấp.
Đào tạo, wow.
OK, vì vậy không có nhiều khác bên cạnh đó.
>> Vì vậy, hãy bắt đầu, và chúng ta hãy sửa lỗi này lên.
Tôi sẽ cần tất cả mọi người giúp đỡ để thực hiện điều này.
Không có thực sự nhiều dòng mã, tôi nghĩ rằng, để viết.
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ó
không nên có nhiều dòng mã để viết.
Tôi không nên xóa mã.
Tôi có nên chỉ cần lưu nó.
Oh, điên.
>> Dù sao, chúng ta hãy bắt đầu.
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.
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
ocean_array.
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
ocean_array?
Đó là một dòng mã.
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
mã nên làm gì?
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
trả lời câu hỏi.
Kurt?
Những gì đầu tiên?
>> ĐỐI TƯỢNG: Ocean_array, khung, cá heo.
Cá heo bằng, khung, cá heo?
Cá heo với tất cả mọi thứ vốn.
>> JASON Hirschhorn: OK.
Chúng ta hãy đi bộ qua các cú pháp.
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
thứ cho chúng ta.
Và cá heo là một đối tượng.
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ì
cá heo chính nó là đối tượng mà tôi muốn.
Nó không phải là chỉ số.
Điều đó có ý nghĩa?
>> ĐỐI TƯỢNG: Vâng.
>> JASON Hirschhorn: Vậy làm thế nào bạn đề xuất thay đổi mã của bạn?
Nếu chúng ta biết chúng ta đang đưa ra các chỉ số?
>> Oh, xin lỗi.
Bạn tốt.
Nhưng làm thế nào -
cho tôi hỏi một câu hỏi khác nhau.
Nếu chúng ta muốn -
chúng ta hãy thực sự viết này.
Không sao đâu.
Chúng ta sẽ viết này.
Đó là tuyệt vời.
Xin lôi.
Tôi chỉ rất khó hiểu đó.
>> 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,
thiết lập một con cá heo.
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
đó, Kurt.
Nhưng cho đến nay, như vậy tốt.
>> Chúng ta hãy nhìn vào bên trong draw_ocean.
Dòng mà có vẻ là sai này "Lưu trữ hình ảnh của cá heo trong
đại dương trong một chuỗi HTML. "Và ngay bây giờ, tôi giống như TODO, nhưng tôi
thực sự muốn đưa cá heo hình ảnh trong đại dương.
Vì vậy, những gì, Noah, bạn có nghĩ là điều đầu tiên tôi nên làm gì?
Nếu tôi muốn đi qua toàn bộ mảng, những gì là lần đầu tiên
điều tôi nên làm gì?
>> ĐỐI TƯỢNG: Chúng ta cần phải tạo ra một vòng lặp.
>> JASON Hirschhorn: Một vòng lặp.
Và những gì nên có cho vòng lặp như thế nào?
>> ĐỐI TƯỢNG: Đối với -
chúng ta cần phải đi qua từng con cá heo trong mảng đại dương.
Vì vậy, cho cá heo trong var -
bạn có thể viết mảng đại dương?
>> JASON Hirschhorn: Giống như điều đó không?
>> ĐỐI TƯỢNG: Có lẽ đó là đúng.
>> JASON Hirschhorn: Hãy gắn bó với mà bây giờ, và sau đó chúng tôi sẽ
trở về với nó.
Và bạn sẽ phải chịu trách nhiệm cho dòng đó.
Vì vậy, tôi có bằng vòng lặp for.
Michael, bạn ngay bây giờ.
Tôi nên làm gì bây giờ?
>> ĐỐI TƯỢNG: Bạn sẽ phải đi lưu trữ hình ảnh từ cá heo.
>> JASON Hirschhorn: Vì vậy, nơi được rằng lưu trữ?
>> ĐỐI TƯỢNG: Trong mảng cá heo?
>> JASON Hirschhorn: Tôi đang bối rối bây giờ quá về những gì đang xảy ra.
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
sao cho bạn, OK?
Tương đương với những gì printf trong JavaScript?
Annie?
>> ĐỐI TƯỢNG: Đó là một tài liệu mà viết?
>> JASON Hirschhorn: Hoặc làm thế nào có thể Tôi thấy một cái gì đó trong
an ủi xuống phía dưới?
>> ĐỐI TƯỢNG: console.log.
>> JASON Hirschhorn: console.log, chính xác.
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?
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 đó
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ì đó
hy vọng được in ra giao diện điều khiển, phải không?
Đó 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
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
điều in trên bàn điều khiển.
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.
>> OK, vì vậy nó trông giống như chúng ta đã thấy sáu chỉ số.
Bằng không, một, hai, ba, bốn năm, yeah.
>> ĐỐI TƯỢNG: Làm thế nào để bạn có thể mà trang bên trong của bạn -
>> JASON Hirschhorn: làm thế nào để tôi nhận được để điều này xuống đây?
>> ĐỐI TƯỢNG: Không, trang Chrome bên trong [Nghe được] thiết bị.
Chúng ta có thể thấy rằng hay không?
>> JASON Hirschhorn: Chrome này trang bên phải ở đây?
>> ĐỐI TƯỢNG: Vâng.
>> JASON Hirschhorn: Vì vậy, giống như trong bộ P tám, tôi đã mở một cửa sổ Chrome
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.
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
giải quyết xuống đây.
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
thông qua chính xác làm thế nào để làm điều này.
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
mã riêng của chúng tôi.
>> Điều thú vị là chúng tôi cũng có thể kiểm tra ocean_array.
Vì vậy, có vẻ như là ocean_array một mảng của sáu đối tượng, và
chúng ta hãy mở mỗi một.
Bùng nổ!
Một.
>> Vì vậy, Kurt, nó trông giống như của bạn đang làm việc hoàn hảo.
Tất cả mọi thứ đã bắt đầu trong ocean_array.
Bởi vì tôi misspoke trước đó.
Nhưng có, công việc tuyệt vời.
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à
một số 0-5, vì vậy nó trông như một chỉ số trong một mảng.
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ờ?
Nói lên.
Một cái gì đó chúng tôi muốn làm là gì?
>> ĐỐI TƯỢNG: Chúng tôi muốn có được JPEG cho từng cá heo.
>> JASON Hirschhorn: OK.
Vậy làm thế nào chúng ta có thể tham khảo -
làm sao chúng ta có thể nhận được JPEG?
Chúng ta bắt đầu ở đâu?
Mà là tất cả mọi thứ được lưu trữ?
>> ĐỐI TƯỢNG: Trong ocean_array?
>> JASON Hirschhorn: OK.
>> ĐỐI TƯỢNG: Vì vậy, ocean_array, cá heo -
>> JASON Hirschhorn: Làm thế nào để chúng tôi có một cái gì đó bên trong -
vì vậy điều này cho chúng ta đối tượng đó.
Và chúng tôi đã nhìn thấy điều này trước khi với cấu.
Vì vậy, những loại ký hiệu chúng ta cần phải sử dụng không?
>> ĐỐI TƯỢNG: Nó sẽ là dấu chấm.
>> JASON Hirschhorn: Một dấu chấm.
Và sau đó những lĩnh vực?
>> ĐỐI TƯỢNG: Hình ảnh?
Hoặc đó không phải là một lĩnh vực -
>> JASON Hirschhorn: Những gì nó là gọi dolphins.js?
Và xem, bạn có thể nhìn.
Chúng tôi chỉ có thể quay trở lại đây.
Chúng ta có thể nhìn thấy ocean_array, chúng ta có thể khám phá nó.
Nó gọi là gì?
>> ĐỐI TƯỢNG: Loại.
Chờ đợi.
Hình ảnh?
Tôi nói hình ảnh.
>> JASON Hirschhorn: Hình ảnh.
Đúng.
Bạn không có vẻ như bạn biết những gì bạn đang nói về, mặc dù.
Nó có vẻ giống như một đoán.
Vì vậy, hình ảnh đó, do đó sẽ cung cấp cho chúng tôi URL của hình ảnh.
Jeff, bạn có một câu hỏi?
>> ĐỐ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
trình duyệt trên máy tính của tôi.
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. "
>> JASON Hirschhorn: Bạn đã thiết lập tất cả mọi thứ?
>> ĐỐI TƯỢNG: Vâng, tôi nghĩ rằng tôi đã làm tất cả mọi thứ mà bạn
đã làm trên màn hình lớn.
>> JASON Hirschhorn: Và bạn chmodded tất cả các tập tin?
Và bạn đã đi qua toàn bộ thiết lập?
>> ĐỐI TƯỢNG: Tôi sẽ thử lại lần nữa.
>> JASON Hirschhorn: OK.
Tôi bỏ qua mà rất nhiều ở bắt đầu, nhưng bạn cần phải đi qua
toàn bộ thiết lập giống như ở bắt đầu của spec vấn đề thiết lập.
Chmod tất cả mọi thứ và chắc chắn rằng nó in
>> ĐỐI TƯỢNG: Tôi sẽ đi và kiểm tra lại nó.
Tôi nghĩ rằng tôi đã làm điều đó, nhưng Tôi sẽ tăng gấp đôi kiểm tra.
>> JASON Hirschhorn: Vì vậy, điều này có vẻ như nó sẽ cung cấp cho chúng tôi
chuỗi và một bức tranh.
Tuyệt vời.
Chúng tôi có URL của hình ảnh.
Làm thế nào để chúng ta đặt nó trong -
những gì sẽ xảy ra nếu chúng ta viết chỉ này, Michael?
>> ĐỐI TƯỢNG: Nó chỉ được hình ảnh.
Nó không thực sự hiển thị nó.
>> JASON Hirschhorn: Hãy xem những gì sẽ xảy ra.
Chúng tôi sẽ tiết kiệm đó.
Chúng tôi sẽ chạy nó ở đây.
Có vẻ như chúng tôi không nhận được bất cứ điều gì.
Nếu tôi khám phá bảng này, nó trông giống như bên trong -
yeah, hình như tôi không nhận được bất cứ điều gì.
>> ĐỐI TƯỢNG: Chúng ta phải -
>> JASON Hirschhorn: Đây là một chuỗi, mã này ngay tại đây.
Nơi nào tôi muốn đặt chuỗi này?
>> ĐỐI TƯỢNG: Bạn muốn đặt nó trong đại dương?
>> JASON Hirschhorn: OK.
Và ở đây tôi đặt một chuỗi gọi là html trong đại dương.
>> ĐỐI TƯỢNG: Vì vậy, nó sẽ là đô la dấu hiệu, đại dương, html [nghe được].
>> JASON Hirschhorn: Điều đó sẽ đặt nó thẳng trong đó.
Nhưng những gì nếu tôi muốn thêm vào -
Tôi đã tạo ra một chuỗi, phải không?
Để đưa vào các đại dương, những gì tên của chuỗi đó?
>> ĐỐI TƯỢNG: HTML.
>> JASON Hirschhorn: HTML.
Vì vậy, tôi viết những gì tiếp theo?
>> ĐỐI TƯỢNG: Bình đẳng, bằng.
Hoặc chỉ bằng?
>> JASON Hirschhorn: Điều gì sẽ xảy ra nếu tôi viết bình đẳng?
>> ĐỐI TƯỢNG: Sẽ không phải là cài đặt nó bằng - hoặc sẽ không phải là -
>> ĐỐI TƯỢNG: Chỉ định?
>> 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ứ
đã được lưu giữ trong nó trước?
>> ĐỐI TƯỢNG: Nó sẽ được thoát khỏi nó.
>> JASON Hirschhorn: Nó sẽ được thoát khỏi nó.
Vì vậy, làm thế nào tôi có thể thêm nó vào cuối cùng?
Tôi sẽ chỉ cần sao chép -
>> ĐỐI TƯỢNG: Thêm bằng.
>> JASON Hirschhorn: Thêm bằng, hoàn hảo.
Đó chính quyền.
Vì vậy, bây giờ chúng ta hãy xem điều này không.
Bùng nổ!
Oh, tốt đẹp của tôi.
Đó chỉ là rất nhiều văn bản.
OK.
>> 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.
Các bạn đã thực hiện -
Tôi biết điều này là khó khăn, đây là mới.
Cho đến nay, ba của các bạn đã thực hiện tuyệt vời.
>> OK, bạn tiếp theo.
Chúng ta nên làm gì tiếp theo?
Chúng tôi rõ ràng là không muốn nó chơi chỉ là chuỗi.
Yeah?
>> ĐỐI TƯỢNG: Tôi chỉ có một câu hỏi.
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à
cá heo như một liên kết mảng trong chính nó?
>> JASON Hirschhorn: Tôi misspoke.
Cá heo là các chỉ số.
>> ĐỐI TƯỢNG: nhưng không phải là var cá heo trong đại dương -
Ý 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à
rằng cá heo một mảng kết hợp?
>> JASON Hirschhorn: cá heo này?
>> ĐỐI TƯỢNG: Vâng.
>> JASON Hirschhorn: số
Cá heo này là chỉ số.
>> ĐỐI TƯỢNG: OK.
Vì vậy, có một biến cá heo?
Ý tôi là, như chính con cá heo trong mảng kết hợp?
>> JASON Hirschhorn: Ngay ở đây?
Như, dolphin.name?
>> ĐỐI TƯỢNG: Vâng, có như cá heo dot -
như là không có nghĩa là cá heo là mỗi đối tượng?
>> ĐỐI TƯỢNG: Vâng, đó là những gì tôi nghĩ, quá.
>> ĐỐI TƯỢNG: Tôi nghĩ là như cá heo mảng kết hợp trong Cá heo.
Bởi vì có sáu liên kết mảng trong Cá heo, phải không?
>> JASON Hirschhorn: Đúng vậy.
Cách chúng tôi đã viết này bây giờ, nó không phải.
>> ĐỐI TƯỢNG: Tại sao không?
>> JASON Hirschhorn: Chúng ta có thể làm điều đó, và có thực sự là một chức năng jQuery
gọi là. mỗi mang đến cho bạn mỗi điều.
Nhưng cú pháp này không phải là -
Tôi misspoke trước - cú pháp này không phải là đó là chỉ số.
Điều này chỉ là cho chúng tôi các chỉ số.
Nhưng bạn có thể làm ký hiệu đô la. Mỗi, mà là một chức năng jQuery.
Điều đó sẽ cung cấp cho bạn mỗi mảng liên kết.
Vì vậy, kiểm tra xem ra.
Nhưng đó là những gì tất cả các mã này không.
>> ĐỐ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
bởi vì bạn có sáu chỉ số.
Và sau đó là thứ hai cho vòng lặp, mà không phải là lặp lại các
cùng một số lần?
>> JASON Hirschhorn: Vâng.
>> ĐỐ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
một lần nữa, và nó sẽ làm việc.
Như, var cá heo trong Cá heo?
>> JASON Hirschhorn: Vâng, nhưng chúng tôi bây giờ sử dụng một ocean_array.
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
để thay đổi những gì trong dolphins.js, hoặc nếu chúng ta muốn thao tác ocean_array
sau đó, chúng tôi không muốn để thao tác cá heo, biến.
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ì đó
ra, cách này chúng tôi chỉ sẽ được an toàn.
Điều đó có ý nghĩa.
>> ĐỐI TƯỢNG: Vâng.
>> JASON Hirschhorn: OK.
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
hình ảnh thực tế?
Bạn đã nhìn thấy mã này trước đây.
Làm thế nào tôi làm bao gồm một hình ảnh trên một trang?
>> ĐỐ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
chiều rộng, cô đã xóa nó?
>> JASON Hirschhorn: Đây công cụ bên phải ở đây?
>> ĐỐI TƯỢNG: Vâng.
Loại.
>> JASON Hirschhorn: không lo lắng về điều đó.
Mà chỉ cần bắt đầu chuỗi HTML.
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?
>> ĐỐI TƯỢNG: Tôi không nhớ.
>> JASON Hirschhorn: OK.
Avie, giúp anh ta ra?
>> ĐỐI TƯỢNG: Nó sẽ được neo, href, và sau đó bạn liên kết nó?
>> JASON Hirschhorn: Vì vậy, A như Neo.
>> ĐỐI TƯỢNG: Bạn không cần phải liên kết nó, mặc dù, phải không?
>> JASON Hirschhorn: Nếu tôi chỉ muốn tạo ra một hình ảnh?
>> ĐỐI TƯỢNG: Nó sẽ được img, và sau đó src bằng bất cứ chuỗi?
>> JASON Hirschhorn: OK, vì vậy đó là đúng, img.
Carlos, bạn sẽ mang nó từ đây.
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ó
một URL hoặc một số -
thậm chí không phải là một URL.
Một số vị trí nơi mà hình ảnh được lưu trữ.
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
với nhau, suy nghĩ?
Tôi có một số cú pháp tôi cần phải sửa chữa.
Chính xác những gì tôi cần đánh máy, Carlos?
>> ĐỐI TƯỢNG: Tôi không có được những gì bạn đang cố gắng để làm.
Vì vậy, bạn đang cố gắng để đưa tất cả các hình ảnh vào một bảng?
>> JASON Hirschhorn: Chúng tôi muốn hiển thị tất cả các hình ảnh trong trang.
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
và in chúng ra như thế này.
Chúng tôi thay vì muốn hiển thị hình ảnh.
Và chúng tôi nhận ra, Maru, nói với chúng tôi rằng dòng mã này -
vì vậy hãy xem xét ngay tại đây.
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.
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.
Vì vậy không có ý nghĩa?
>> Đây là loại dây mà chúng ta thực sự muốn đặt bên trong các đại dương
lặn, không chỉ đơn giản là văn bản.
>> ĐỐI TƯỢNG: [nghe được]
>> JASON Hirschhorn: Xin lỗi?
>> ĐỐI TƯỢNG: Có thể bạn không chỉ cần sao chép mà một trong những Kianna đã,
và đặt nó vào đó -
>> JASON Hirschhorn: Sao chép này, và đặt này ngay tại đây?
>> ĐỐI TƯỢNG: Vâng.
>> JASON Hirschhorn: Đó là gần, nhưng có một vấn đề với điều này, và
cái gì vậy?
HTML là một chuỗi, và chúng ta cần thêm dây vào nó.
>> ĐỐI TƯỢNG: Vì vậy, sau đó bạn đặt nó - nah.
>> JASON Hirschhorn: Và chúng tôi có ba - quyền này ở đây không phải là một chuỗi.
Làm thế nào để chúng tôi làm cho nó một chuỗi?
Làm thế nào để bạn luôn luôn làm cho một cái gì đó một chuỗi?
>> ĐỐI TƯỢNG: Tôi không biết.
>> JASON Hirschhorn: Nếu tôi có văn bản, làm thế nào để làm cho nó một chuỗi?
Như lên đây trên dòng này ngay tại đây?
>> ĐỐI TƯỢNG: Đặt nó trong một bảng?
>> JASON Hirschhorn: Điều gì về điều này?
>> ĐỐI TƯỢNG: Trích dẫn.
>> JASON Hirschhorn: đôi báo giá, phải không?
Dấu ngoặc kép làm một cái gì đó một chuỗi.
Vì vậy, mà làm cho một chuỗi, và điều này là một chuỗi.
Làm thế nào để tôi đặt hai dây cùng nhau trong JavaScript?
>> ĐỐI TƯỢNG: Dot.
>> JASON Hirschhorn: Không chấm.
Đó là PHP.
>> ĐỐI TƯỢNG: Plus.
>> JASON Hirschhorn: Thêm vào đó, chính xác.
Vì vậy, cộng thêm, và sau đó làm những gì bạn đề xuất tôi làm ở đây?
>> ĐỐI TƯỢNG: quote khác.
>> JASON Hirschhorn: quote khác, OK.
Làm thế nào để kết thúc một chuỗi?
>> ĐỐI TƯỢNG: quote khác.
>> JASON Hirschhorn: quote khác.
Và làm thế nào để đưa chuỗi này cùng với chuỗi này?
Một cộng.
Đó chính quyền.
Bạn chỉ cần làm điều này cho chúng ta.
Này là hoàn hảo.
>> Vì vậy, bây giờ chúng ta hãy làm điều này.
Và tìm kiếm, chúng tôi đã có một toàn bộ loạt các hình ảnh.
Ôi, Chúa ơi.
Đó là đáng sợ.
Chúng ta sẽ khám phá họ trong một giây.
Yeah, Noah?
>> ĐỐ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
các yếu tố với thẻ hình ảnh?
>> 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
tag như thế.
Chúng ta hãy làm điều đó.
Trên, không, chúng ta không thể làm điều đó.
>> ĐỐI TƯỢNG: Oh, tôi đã phá vỡ nó.
>> JASON Hirschhorn: Tôi nghĩ rằng đây là xác nhận, mặc dù.
Tôi không nghĩ rằng bạn cần các dấu gạch chéo đóng.
OK, điều này là rất tốt.
Carlos, cảm ơn bạn.
Cho đến nay bốn của các bạn đã làm một công việc tuyệt vời.
>> 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.
Và tôi muốn những điều này được trong một bảng.
Vì vậy, làm thế nào để đưa các mọi thứ trong một bảng?
Tôi rõ ràng cần một số HTML hơn.
Assam, loại HTML tôi bị mất?
>> ĐỐI TƯỢNG: Điều gì làm bạn muốn làm, xin lỗi?
>> 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
phải ở trong một cột của bảng.
Làm thế nào để tôi nói điều này là một cột?
Bạn đã nhìn thấy mã này trước đây.
Đây là trong P thiết lập bảy.
>> ĐỐI TƯỢNG: Tôi nhớ ai tr?
>> JASON Hirschhorn: tr là cho hàng.
>> ĐỐ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.
>> JASON Hirschhorn: Có ai đó nhớ không?
>> ĐỐI TƯỢNG: td?
>> JASON Hirschhorn: td, chính xác. td đặt nó như là một cột.
Vì vậy, nếu tôi đặt các font đó, Assam, những gì tôi cần đặt?
Những gì khác tôi cần thêm?
>> ĐỐI TƯỢNG: Bạn phải đóng nó?
>> JASON Hirschhorn: Chính xác.
Nơi nào đó đi đâu?
>> ĐỐI TƯỢNG: phải có?
>> JASON Hirschhorn: Ngay ở đây?
>> ĐỐI TƯỢNG: Tôi nghĩ như vậy.
>> JASON Hirschhorn: Đây là gì đóng ngay tại đây?
Đây là gì?
Đó là điều màu xanh?
>> ĐỐI TƯỢNG: Đó là cho hình ảnh.
Nó phải đi sau, tôi nghĩ.
>> JASON Hirschhorn: OK, chính xác.
Vì vậy, chúng ta hãy xem những gì này đã làm.
Ồ, đó là khó xử.
Chúng ta hãy mở ra đại dương, bảng, cơ thể bảng, tr.
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.
Đó là lạ.
Có vẻ như nó được xây dựng nó, nhưng không chỉ cho tôi những hình ảnh.
Bất cứ ý tưởng tại sao điều đó có thể là trường hợp?
Bất kỳ suy nghĩ?
>> ĐỐI TƯỢNG: Nếu bạn di chuyển xuống, bạn sẽ nhìn thấy chúng.
>> JASON Hirschhorn: Boom!
Vì vậy, họ đang có, nhưng đó là lạ mà họ đang tất cả các con đường xuống đó.
>> ĐỐI TƯỢNG: Chúng tôi cũng tất cả trong một hàng.
>> JASON Hirschhorn: Và tất cả chúng trong một hàng, và tất cả đều kích cỡ khác nhau.
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
cùng kích thước, và có vẻ như tôi đã đã chỉ ra kích thước tôi
muốn họ được.
Làm thế nào tôi có thể làm cho mỗi hình ảnh cùng kích thước?
Cung cấp cho một đoán hoang dã.
>> Những gì về dòng mã này?
>> ĐỐI TƯỢNG: Bạn có thể làm Như một hằng số?
>> JASON Hirschhorn: Hoặc là một nơi đặt tôi có thể đặt dòng mã này,
nếu tôi chỉ cần sao chép nó?
>> ĐỐI TƯỢNG: Tất cả các con đường xuống trên cùng một dòng?
>> JASON Hirschhorn: OK, chúng ta hãy đặt nó ở đây, chính xác.
Và bây giờ chúng ta hãy xem những gì xảy ra.
Oh, tốt đẹp của tôi!
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ọ
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.
>> 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 -
điều cao là ném tôi ra, vì vậy những gì tôi nên đặt ở độ cao của họ?
Chọn bất kỳ số.
>> ĐỐI TƯỢNG: 200?
>> JASON Hirschhorn: 200.
Tôi sẽ chọn 100.
Đó là tuyệt vời.
Cho thực sự như 200.
Có chúng tôi đi!
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.
>> 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?
Yeah?
>> ĐỐ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
nguồn, chiều cao, chiều rộng, là những tùy chọn?
>> JASON Hirschhorn: ở đâu là dấu nháy đơn?
>> ĐỐI TƯỢNG: Giống như trong một số ví dụ, bạn phải như chiều cao
bằng giá "150". Là rằng không cần thiết.
>> JASON Hirschhorn: Vì vậy, hãy nhìn xuống đây.
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ự
thêm vào những báo giá cho tôi.
>> ĐỐI TƯỢNG: OK.
>> 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.
Chúng tôi đã chỉ viết ba dòng mã cho đến nay, hoặc bốn dòng mã, nhưng
này là trong thực tế quá trình đó Tôi đi qua mỗi khi tôi muốn
để làm cho trang web này.
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
ra bước theo bước những gì tôi muốn làm.
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
thực sự sẽ được thực hiện khi bạn tạo ra trang web của bạn.
>> Chúng ta hãy chuyển.
Chúng tôi đã tạo ra những điều này.
Tôi sẽ thực sự -
Avie, tôi có một câu hỏi lớn đối với bạn.
Tôi không biết, chúng tôi sẽ di chuyển trên.
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
đề xuất tôi viết rằng dòng mã?
>> ĐỐI TƯỢNG: Có một chức năng được gọi là "tàu".
>> JASON Hirschhorn: Có một chức năng được gọi là "tàu", chính xác.
>> ĐỐI TƯỢNG: Dự kiến ​​chỉ số một.
>> JASON Hirschhorn: Tàu dự kiến một chỉ số, do đó, OK.
Avie, đây chính là lý do mà tôi yêu thích để xem.
Tàu dự kiến ​​chỉ số một.
>> ĐỐI TƯỢNG: Vì vậy, bạn sẽ có một vòng lặp.
>> JASON Hirschhorn: Vâng, tôi muốn làm khi một hình ảnh được nhấp, vì vậy Avie,
làm thế nào để giám sát khi một hình ảnh được nhấp?
Có một vài cách để làm điều đó.
Đây là sức mạnh của JavaScript và jQuery, nhưng cũng là phần khó khăn nhất.
>> ĐỐI TƯỢNG: Nếu ngoặc, không.
Hoặc nếu sự kiện ngoặc, hoặc một cái gì đó tương đối đơn giản?
>> 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.
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
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.
Tất cả mọi người nhớ nhìn thấy một cái gì đó như thế?
Bạn làm điều đó trong thẻ HTML.
Tôi thấy một số gương mặt trống.
Một số người là như thế, những gì được ông nói về?
>> Đó là tốt bởi vì tôi nghĩ rằng đó là cách phức tạp hơn để làm điều đó.
Chúng ta sẽ làm một dễ dàng hơn nhiều cách sử dụng jQuery.
Vì vậy, Avie?
>> ĐỐI TƯỢNG: Hm?
>> 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,
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
trích dẫn ở đây.
Bây giờ chúng ta biết tôi cần một chọn trong đây.
Chọn những gì bạn đề nghị sẽ áp dụng để mỗi hình ảnh hay mỗi
hình ảnh duy nhất?
>> ĐỐI TƯỢNG: Hình ảnh?
>> JASON Hirschhorn: Đó là chính xác.
Sẽ áp dụng cho tất cả các hình ảnh duy nhất.
Được tất cả trong số họ.
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ẽ
có mỗi một duy nhất.
>> 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
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.
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
trường hợp bạn đang tìm kiếm và những gì bạn muốn làm khi bạn
nhận được sự kiện đó.
Vì vậy, tôi sẽ cung cấp cho bạn một chút nhiều mã bit, Avie, sau đó
bạn đã có để đi, OK?
>> ĐỐI TƯỢNG: OK.
>> ĐỐI TƯỢNG: On - chúng ta sẽ nói "Click" trong trường hợp này, bạn sẽ
thường sử dụng.
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.
Và cú pháp này bạn sẽ thấy rất nhiều, và hy vọng bạn sẽ
được viết rất nhiều.
Đ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ì,
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.
>> Tôi không cho nó một cái tên.
Tôi không đi qua nó bất kỳ đối số.
Tôi chỉ là, như, tạo ra đây là một chức năng, và đây là những gì mã
bạn sẽ phải làm gì.
Đó là với cú pháp này phương tiện.
Và cũng như bạn sẽ nhận thấy, có vẻ rất tương tự như ở đây chúng ta
đã viết trước đây.
>> OK, Avie.
Vì vậy, bạn muốn gọi tàu trên chỉ số.
Là những gì bạn muốn làm gì?
>> ĐỐI TƯỢNG: Có.
>> JASON Hirschhorn: Đó là?
OK.
Hãy xem những gì sẽ xảy ra.
>> ĐỐI TƯỢNG: Chờ đợi, mặc dù.
Chỉ số không phải là một biến ngay bây giờ.
>> JASON Hirschhorn: Vì vậy, chỉ số không phải là một biến ngay bây giờ.
Tôi không biết nơi bạn đã nhận nó từ.
>> ĐỐI TƯỢNG: [nghe được].
Vì vậy, bạn cần phải tìm ra đầu tiên mà cá heo đã nhấp?
>> JASON Hirschhorn: Tuyệt vời.
Bạn cần phải tìm ra cá heo đã nhấp vào.
Đây là một shot hoang dã trong bóng tối.
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?
Nếu không, tôi sẽ đưa nó cho bạn, bởi vì đây là khá điên rồ.
OK.
Vì vậy, hãy in ra thông qua console.log.
>> Điều này.
Vì vậy, ký hiệu đô la, dấu ngoặc mở, Dấu ngoặc đơn gần đây.
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,
và hãy xem những gì sẽ xảy ra.
Hãy trở lại đây.
Chúng ta hãy đi an ủi.
Không có lỗi, cảm ơn lòng tốt.
>> OK.
Tôi nhấp.
Hãy để tôi làm điều đó một lần nữa.
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,
dòng này của sự vật.
Tôi sẽ được sử dụng từ "này" rất nhiều.
Đ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ì
Avie muốn nó làm.
Nó nhận được bất cứ điều gì là nhấp vào hoặc bất cứ điều gì.
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
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
ra điều chúng ta đang nói về thông qua cú pháp này.
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
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
bên trong một đại dương hashtag.
Nó luôn luôn đại dương, div đó.
Đây là một ID, chỉ có một điều có thể.
>> 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,
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.
Và có vẻ như đây là loại thông tin chúng tôi nhận được.
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
thông tin với điều này.
Chúng tôi nhận được tấn và tấn và tấn công cụ.
jQuery là siêu mạnh mẽ.
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.
Avie, những gì chúng tôi muốn biết về phần tử HTML này?
>> ĐỐI TƯỢNG: Một cái gì đó giống như một ID.
>> JASON Hirschhorn: Một ID.
Vâng, chúng tôi có một nguồn, chiều rộng, và chiều cao.
>> ĐỐI TƯỢNG: Chúng ta có thể sử dụng một nguồn.
>> JASON Hirschhorn: Chúng tôi có thể sử dụng nguồn.
Điều đó sẽ cho chúng ta một chuỗi, một chuỗi URL.
Chúng ta sẽ làm gì với rằng một khi chúng ta có điều đó không?
Làm thế nào để chúng ta trở lại với chúng tôi chỉ số trong ocean_array?
>> ĐỐI TƯỢNG: Chúng ta có thể so sánh nó đến khác.
>> JASON Hirschhorn: Vì vậy, chúng tôi có thể lặp qua mỗi.
Bây giờ chúng ta có thể lặp lại và sau đó so sánh này.
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?
>> ĐỐI TƯỢNG: Không phải vòng lặp.
>> JASON Hirschhorn: Không phải vòng lặp.
>> ĐỐI TƯỢNG: Chỉ cần tìm ra cá heo, [nghe được].
>> JASON Hirschhorn: Nghĩ ra những con cá heo.
OK.
Vì vậy, hãy lưu thông tin trong thẻ hình ảnh này.
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ể
đượ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
bạn sẽ được làm.
Vì vậy, đây là một cái gì đó ma thuật bạn có thể làm.
Bạn có thể tiết kiệm một số siêu dữ liệu thêm trong một phần tử.
Nó sẽ không xuất hiện, nó sẽ không ảnh hưởng đến bất cứ điều gì.
Bạn chỉ có thể lưu nó ở đó.
Và tôi đề nghị chúng ta lưu lại chỉ số với mỗi hình ảnh.
>> 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à
sau đó bất cứ điều gì tên bạn muốn cho nó.
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à
một cái gì đó người sử dụng sẽ tạo ra.
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ố.
>> 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
chúng tôi đặt bên trong của nó, Avie?
Những gì diễn ra ở đây?
>> ĐỐI TƯỢNG: Dolphin.
>> JASON Hirschhorn: Dolphin.
Đó không phải là từ đó.
Cá heo.
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à
chúng tôi đang tiết kiệm đó với hình ảnh.
>> 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.
Làm thế nào để bạn truy cập vào siêu dữ liệu?
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
và chỉ có một đối số, mà là tên của điều.
Vì vậy, tôi sẽ in này ra, và sau đó tôi sẽ đưa câu hỏi.
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
ở 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,"
cho tôi giá trị đó.
>> Và hãy xem những gì sẽ xảy ra khi chúng tôi làm mới trang này.
Chính xác những gì chúng tôi mong đợi.
Một lần nữa, đó là khá huyền diệu.
Chúng ta chỉ cần làm rất nhiều ngay tại đó.
Ai có thắc mắc về điều đó?
Yeah?
>> ĐỐI TƯỢNG: Tôi chỉ có một câu hỏi về mã sống của bạn.
Bạn sử dụng như một giá duy nhất, đôi giá, như ngay tại đó.
>> JASON Hirschhorn: Ngay tại đây.
>> ĐỐI TƯỢNG: Vâng.
Có một lý do tại sao bạn làm giá duy nhất, giá gấp đôi?
>> JASON Hirschhorn: Có một lý do, và điều này đi trở lại những gì Marcus
hỏi trước đó.
Trong dòng này, tôi đã được một bit tốt hơn ở mã hóa của tôi.
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
thời gian, cho chiều rộng và chiều cao đặc biệt.
Hãy nhìn xuống đây.
Bạn sẽ thấy ngay tại đây, bạn có thấy không?
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.
Những điều luôn luôn cần là trong dấu ngoặc kép.
Giá trị luôn luôn cần được trong dấu ngoặc kép.
>> 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,
và bây giờ tôi sẽ không gõ vào một chuỗi.
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
không kết thúc chuỗi JavaScript, nhưng trong HTML nó không quan tâm nếu bạn
đem lại cho nó một dấu ngoặc kép hoặc dấu ngoặc kép.
Nó sẽ chỉ giải thích nó như dấu ngoặc kép.
Điều đó có ý nghĩa?
Yeah?
>> ĐỐ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?
Tôi nói rằng không có địa chỉ IP.
Có cái gì tôi cần đã thực hiện trong [không nghe được].
>> JASON Hirschhorn: Trong thiết bị của bạn, nó không có gì?
>> ĐỐI TƯỢNG: Có.
>> 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
sẽ dành thời gian đi bộ thông qua đó ngay bây giờ.
Nhưng chúng ta có thể làm điều đó sau khi phần.
>> ĐỐI TƯỢNG: Nếu bạn quay trở lại giao diện điều khiển, tại sao là
số được liệt kê 012.321?
>> JASON Hirschhorn: Console?
Oh, bởi vì tôi chỉ được nhấp vào xung quanh cực kỳ.
>> ĐỐI TƯỢNG: Oh, OK.
Không sao đâu.
>> 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.
>> ĐỐ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.
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 đó.
Vì vậy, họ như var i bằng 0, tôi ít hơn, ocean_array.length, i + +.
Là những tương đương?
>> JASON Hirschhorn: Đó là một tiêu chuẩn cho vòng lặp.
Hoặc yeah, đó là cho các vòng.
Trong thực tế, chúng ta đã thấy đó là tương đương.
>> ĐỐI TƯỢNG: Vì vậy, đó là tương đương với những gì bạn đã làm ở đây?
Là một trong những xem là tốt hơn hơn khác không?
>> JASON Hirschhorn: số
>> Vì vậy, một lần nữa, chúng tôi đã đi trên một số điều.
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ẻ
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ẽ
hy vọng là rất mạnh mẽ cho bạn khi mã hóa.
>> Avie, chúng ta hãy quay trở lại đây.
Tôi có chỉ số của cá heo.
Bây giờ những gì tôi cần phải làm gì?
>> ĐỐI TƯỢNG: Bạn cần phải đào tạo nó.
Vì vậy, thay vì đặt console.log, bạn có thể thiết lập một biến bằng đó?
>> JASON Hirschhorn: OK.
Như vậy?
>> ĐỐI TƯỢNG: Tôi không chắc chắn nếu bạn có thể làm điều đó.
>> JASON Hirschhorn: Vì vậy, var x = này, bất cứ điều gì này trả về,
nó sẽ trả lại nó.
Không quan trọng.
Nó có thể trở lại bất kỳ biến.
Không có loại ở đây.
>> ĐỐI TƯỢNG: Hoặc bạn có thể chỉ làm các cuộc gọi chức năng.
>> JASON Hirschhorn: Vâng, tại sao tôi không làm điều đó?
Chỉ làm các cuộc gọi chức năng.
>> ĐỐI TƯỢNG: Vâng.
Đặt một tập hợp các dấu ngoặc đơn.
>> JASON Hirschhorn: hoàn hảo.
Đó chính quyền.
Vì vậy, đó sẽ gọi hàm tàu.
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
nên làm gì trong chức năng đào tạo.
Cho tôi một số mã giả.
>> ĐỐI TƯỢNG: Tôi nghĩ rằng bạn nên loại bỏ các Dolphin từ bảng gốc.
>> JASON Hirschhorn: Và đây là nhận được Noah trước đó tại sao chúng ta sao chép
nó thành một mảng mới.
Đú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
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?
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.
>> ĐỐI TƯỢNG: Sau đó, bạn xác định vị trí nó trong vị trí mới của bạn.
>> JASON Hirschhorn: Và những gì làm chúng ta cần phải làm gì sau đó?
>> ĐỐI TƯỢNG: Và sau đó bạn in ra thông tin về cá heo.
>> JASON Hirschhorn: Đó là chính xác.
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
đại dương trong hồ bơi.
Làm thế nào để loại bỏ các cá heo từ ocean_array?
>> ĐỐI TƯỢNG: Bạn vào chỉ số.
Oh, OK.
Sử dụng một chức năng nối.
>> JASON Hirschhorn: OK, Vì vậy, đó là đúng.
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à
ngưng tụ nó.
Đó là một cái gì đó mới, chúng tôi đã không nhìn thấy trước.
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
không gian trống trong đại dương.
>> ĐỐI TƯỢNG: Vì vậy, sau đó bạn có thể thiết lập hình ảnh chỉ số đó, ocean_array
chỉ số chấm ảnh.
>> JASON Hirschhorn: OK, ocean_array, chỉ số.
>> ĐỐI TƯỢNG: Dot hình ảnh.
>> JASON Hirschhorn: Dot hình ảnh.
>> ĐỐI TƯỢNG: Và bạn đặt nó vào null?
>> JASON Hirschhorn: Bình đẳng null.
OK.
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?
Constantine, làm thế nào tôi đặt nó trong hồ bơi?
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.
>> ĐỐI TƯỢNG: Chúng ta chỉ cần làm bình đẳng chỉ số ocean_array?
>> ĐỐI TƯỢNG: Không nên bạn chuyển đổi thứ tự?
>> JASON Hirschhorn: Một giây.
Yeah?
>> ĐỐI TƯỢNG: Vâng, đó là thực sự là một điểm tốt.
>> JASON Hirschhorn: Những gì diễn ra ở đây?
>> ĐỐI TƯỢNG: Có chỉ số?
>> JASON Hirschhorn: Chỉ số, chính xác.
Và những gì bạn đã nói, Constantine, là cái gì chúng ta nên làm gì?
>> ĐỐI TƯỢNG: Chúng ta nên có thể chuyển đổi thứ tự.
>> JASON Hirschhorn: Và tại sao nên chúng tôi chuyển đổi thứ tự, có thể?
>> ĐỐI TƯỢNG: Bởi vì ở đó chỉ nó đã vô giá trị.
>> 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.
Chúng ta đã đánh mất nó mãi mãi?
>> ĐỐI TƯỢNG: Về mặt kỹ thuật không?
>> JASON Hirschhorn: Có chúng tôi bị mất nó mãi mãi?
>> ĐỐI TƯỢNG: số
>> JASON Hirschhorn: Vâng, ở đâu?
>> ĐỐI TƯỢNG: Trong cá heo ban đầu của bạn -
>> JASON Hirschhorn: Đó là trong cá heo, nhưng trong ocean_array
chúng ta đã mất nó mãi mãi.
Vì vậy, Constantine, bạn có thể đề xuất một cách tốt hơn để viết dòng này?
Trên thực tế, xin lỗi, nó sẽ được lưu trong hồ bơi.
Chúng tôi có nó trong hồ bơi vì hồ bơi là một đối tượng, phải không?
Chỉ số Ocean_array, một ocean_array là một mảng của các đối tượng.
>> 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
ở đây nó thiết lập để null.
Vì vậy, trên thực tế, chúng tôi có không mất nó mãi mãi.
Nó chỉ được lưu trong hồ bơi.
Nhưng nó chắc chắn không phải trong ocean_array, và như bạn nói, Carlos, đó là trong
mảng cá heo.
>> Vì vậy, điều này có vẻ ngọt ngào.
Và sau đó làm thế nào để chúng ta rút ra biển và hồ bơi không?
Mario?
>> ĐỐI TƯỢNG: Bạn chỉ có thể gọi draw_pool và draw_ocean?
Vì vậy, như, draw_pool, và sau đó -
tốt, yeah, nó không mất bất cứ điều gì.
>> JASON Hirschhorn: Great.
Draw_pool là những gì sẽ làm gì?
>> ĐỐI TƯỢNG: Vẽ hồ bơi không?
>> JASON Hirschhorn: Yeah, những gì nó sẽ làm gì?
>> ĐỐI TƯỢNG: Xin lỗi.
Bạn có thể làm tương tự điều, giống như có một -
>> JASON Hirschhorn: Giữ trên, chúng ta sẽ đạt được điều đó.
Không có gì.
Nó không làm gì ngay bây giờ.
Chúng ta hãy xem nếu công trình này, mặc dù.
Người đã cho chúng tôi mã?
Akshar và Constantine đã cho chúng tôi mã?
OK, chúng ta hãy xem những gì sẽ xảy ra.
>> Ah!
Đó là rất thú vị.
Nó đã biến mất.
Oh, cậu bé.
Đó là loại xấu xí.
Vâng, chúng ta có thể quay trở lại và sửa chữa sau này.
Tôi tự hỏi nó ở đâu?
Chúng tôi đã lưu nó trong đó biến hồ bơi.
Làm thế nào tôi có thể tìm ra nếu nó trong đó biến hồ bơi?
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ụ
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.
Đó là toàn cầu, nhớ không?
Chúng tôi không đặt các từ khóa var.
Vì vậy, nếu tôi gõ Enter ngay tại đây, Constantine, những gì bạn nghĩ tôi
sẽ nhận được khi tôi nhấn Enter?
>> ĐỐI TƯỢNG: Tôi không biết.
>> JASON Hirschhorn: Đoán.
>> ĐỐI TƯỢNG: Không có gì?
>> JASON Hirschhorn: Không có gì, sai.
Đó là một đoán tốt, mặc dù.
Tôi đã nhận các đối tượng.
Hãy nhớ rằng bạn đã cho tôi rằng các dòng mã.
Hồ bơi, bạn đã lưu trong đó biến một đối tượng.
Và quả thực, chúng ta thấy các đối tượng bạn đã lưu trong đó.
Đó là tuyệt vời.
Chúng ta có thể kiểm tra từ đây.
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à
tìm ra công cụ.
Đó là siêu mát mẻ và siêu mạnh mẽ.
>> OK, chúng ta hãy hoàn thành điều này.
Chúng ta hãy rút ra những hồ bơi trong năm phút.
Maru, cho tôi một dòng mã để rút ra những hồ bơi.
>> ĐỐI TƯỢNG: Bạn có thể có một HTML biến, nhưng / cho.
>> JASON Hirschhorn: Hãy làm cho nó rất đơn giản cho bây giờ.
Chúng ta hãy chỉ in tên của cá heo chúng tôi đang đào tạo.
>> ĐỐI TƯỢNG: Và sau đó bạn có thể làm đồng đô la ký, dấu ngoặc đơn mở,
và sau đó mở giá.
Tôi đoán hồ bơi bảng, nếu đó là một điều.
Tôi không nhớ.
>> JASON Hirschhorn: Chúng ta hãy nhìn lại.
Tôi nghĩ rằng đó là một điều.
>> ĐỐI TƯỢNG: OK, yeah.
Và sau đó trích dẫn gần, ngoặc gần Html., Dấu ngoặc đơn mở,
và sau đó tôi đoán hồ bơi, như mở khung 0 hoặc một cái gì đó như thế.
Đóng dấu chấm tên.
Tôi không biết nếu mà làm việc.
>> ĐỐI TƯỢNG: OK, chúng ta hãy xem những gì sẽ xảy ra.
"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ì
chúng tôi sẽ kiểm tra.
Chúng ta sẽ khám phá này.
Bạn đã làm hồ bơi, mở bracket0, tên..
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
cảnh báo này có ý nghĩa.
Hãy nhìn vào hồ bơi.
Hãy nhìn vào khung hồ bơi 0, không xác định.
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?
Khung hồ bơi 0 không, rõ ràng, tồn tại.
Bạn nghĩ gì không tồn tại?
>> ĐỐI TƯỢNG: là hồ bơi chỉ một đối tượng của chính nó?
>> JASON Hirschhorn: Vâng, những gì Nó nói ngay tại đây?
Khi chúng ta nhấn Enter trên hồ bơi, những gì nó nói nó là?
>> ĐỐI TƯỢNG: Đối tượng.
>> JASON Hirschhorn: Đây là một đối tượng, như vậy?
>> ĐỐI TƯỢNG: Oh, yeah.
Vì vậy, chỉ pool.name thay vì -
>> JASON Hirschhorn: Pool.name cho chính xác những gì bạn muốn.
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
này là chính xác làm thế nào tôi làm công cụ này.
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
này là giúp các bạn có thể sử dụng tất cả những công cụ này.
Đây là rất quan trọng và sẽ giúp bạn có được siêu Duper xa.
>> Vì vậy, tôi không muốn chỉ in ra tên.
Chúng ta hãy làm cho nó một chút bit đẹp hơn này.
>> ĐỐI TƯỢNG: Những gì người khác làm chúng tôi muốn làm?
>> JASON Hirschhorn: OK, được rồi.
Chúng tôi sẽ làm được điều này.
Ugh.
Guys, bạn không có cuộc sống.
>> OK, bùng nổ, đã nhận nó.
Có vẻ tốt.
Bạn sẽ thấy, Akshar, xuống đây, chúng tôi đã vô giá trị, không tìm thấy.
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
chính xác những gì chúng tôi muốn làm.
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
làm điều này.
>> ĐỐI TƯỢNG: Ông có thể đi như thế một không gian trống cho hình ảnh?
Như thay vì thiết lập nó để null, bạn có thể đặt nó vào như một trống
chuỗi hoặc một cái gì đó?
>> JASON Hirschhorn: Như thế này?
>> ĐỐI TƯỢNG: Vâng.
>> JASON Hirschhorn: [nghe được].
Không tìm thấy.
Vì vậy, có một cách làm nó tốt hơn.
Tôi sẽ đề nghị làm điều này.
Chỉ cần thiết lập vô giá trị đó.
Sau đó, tất nhiên, những gì sẽ xảy ra?
Nó sẽ biến mất hoàn toàn.
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ì đó
ở đây là tốt.
Tôi sẽ giúp bạn bắt đầu.
Akshar, cho tôi dòng này mã thực sự nhanh chóng.
>> ĐỐI TƯỢNG: Nếu ocean_array, cá heo, bằng, bằng, bằng - bằng null?
Yeah.
>> JASON Hirschhorn: Sau đó những gì?
>> ĐỐI TƯỢNG: Sau đó làm html.
Bạn chỉ cần sao chép mã dưới, thực sự.
>> JASON Hirschhorn: Sao chép những gì?
>> ĐỐI TƯỢNG: Bạn có thể sao chép -
>> JASON Hirschhorn: này?
>> ĐỐI TƯỢNG: Vâng.
>> JASON Hirschhorn: Tất cả của nó?
Chúng tôi không có một hình ảnh.
>> ĐỐI TƯỢNG: Tôi có nghĩa là bạn chỉ có thể để lại một -
yeah, bạn chỉ có thể đóng nó lại.
Nhưng tôi nghĩ rằng bạn phải thiết lập chiều rộng.
>> JASON Hirschhorn: Vâng, chỉ cần tạo ra một cột trống.
OK.
Và sau đó trong trường hợp đó, chúng ta sẽ có thể muốn làm điều này là tốt.
>> Rất tiếc.
Oh.
Không làm việc, nhưng chúng tôi không nhận được lỗi đó.
Hãy xem những gì xảy ra ở đây.
>> Vì vậy, không có gì ở đó, vì vậy những gì Anh nói chúng ta nên thêm?
>> ĐỐI TƯỢNG: Chúng ta nên thiết lập chiều rộng của dòng.
>> JASON Hirschhorn: Để làm gì?
>> ĐỐI TƯỢNG: Tôi nghĩ rằng đó là 150.
>> ĐỐI TƯỢNG: Vâng, đó là 150.
>> JASON Hirschhorn: Chúng tôi sẽ đặt này ở đây để giữ mã của tôi phù hợp.
Nhưng đây không phải là một.
OK, tốt.
Đăng.
OK?
Vì vậy, nó vẫn sẽ đi.
>> ĐỐI TƯỢNG: Oh, gọi chiều rộng?
>> JASON Hirschhorn: Có vẻ như chiều rộng là 150.
Chúng ta hãy xem.
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
sẽ cho bạn thấy.
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
mã sẽ được chính xác.
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
phần, và sẽ được đăng tải trực tuyến.
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
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
phía bên tay phải.
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
cho bạn và thoải mái.
>> Bạn có thể tự động chơi với CSS của một trang.
Chúng tôi đã thực sự đã nhìn thấy chúng tôi động chơi với HTML.
Nhớ chúng tôi đã làm đúng các Khi nhấp vào Chỉnh sửa HTML?
Ngay tại đây?
Vì vậy, chúng tôi đã tự động đóng với HTML.
>> Trong giao diện điều khiển, bạn có thể tự động chơi với JavaScript của một trang.
Ví dụ, đó là một giá trị Dòng JavaScript.
Bùng nổ, tôi đã chính xác những gì tôi muốn.
Vì vậy, chúng tôi tự động có thể chơi với HTML, tự động chơi với các
JavaScript.
Bây giờ chúng ta sẽ tự động chơi với CSS.
>> 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
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ể
không đoán gì gì đó sẽ như thế nào.
Vì vậy, đây là Duper mát siêu.
>> Và để cuối cùng nhìn vào động chơi với CSS.
Đó là ở đây ở bên phải phía bên tay, element.style.
Chúng ta hãy đi đến này.
Đây là yếu tố của chúng tôi.
Chúng ta hãy cho nó một số CSS thêm.
>> 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,
muốn thay đổi thuộc tính này.
Vì vậy, hãy đi xuống đây để dòng này.
Ồ, tôi không thể làm điều đó ở đây.
Xin lôi.
Sửa AS -
do đó là cách bạn có thể chỉnh sửa CSS.
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
HTML và cung cấp cho nó một thuộc tính thêm.
Bạn đã đề xuất những gì thay đổi này để?
Tôi nghĩ Avie đã có một đề nghị.
>> ĐỐI TƯỢNG: Col chiều rộng?
>> JASON Hirschhorn: Đó giống như nó đã không làm bất cứ điều gì cả.
Chúng ta hãy cố gắng CSS.
>> ĐỐI TƯỢNG: [nghe được] lớp học?
>> JASON Hirschhorn: Nó nói nó không hoạt động.
Nó mang lại cho rằng điều vàng.
>> ĐỐI TƯỢNG: Nhưng [nghe được].
>> ĐỐ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 đó?
Như bạn sẽ không chỉ cần sử dụng chiều rộng?
>> JASON Hirschhorn: Vâng.
>> ĐỐI TƯỢNG: Nhưng chúng ta không có một hình ảnh nữa.
>> JASON Hirschhorn: số
Chúng tôi không có bất cứ điều gì trong đó.
Vì vậy chúng tôi sẽ không giải quyết các vấn đề cụ thể.
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
Dolphin miễn phí trong thời gian tới, hoặc đó là cuối cùng
điều tôi muốn kết thúc.
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
chính xác, và chúng ta sẽ để trở về với nó.
>> Xin lôi.
Tôi nói chúng ta có thể tự động thay đổi CSS.
Hãy nhìn vào đó và làm mà thực sự một cách nhanh chóng.
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,
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
một cái gì đó, và chúng tôi thấy như thế nào nó thay đổi nó màu xanh.
Vì vậy, đó là tôi tự động thay đổi CSS.
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à
thay đổi màu sắc của một đối tượng.
>> OK.
Đó là rất nhiều.
Chúng tôi đã không hoàn thành chương trình tuyệt vời của tôi.
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.
Oh, ở đâu?
Không!
Giữ.
>> 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
xem, trong thời gian tới.
Đây là Dolphin Trainer năm 2013, và nó không hoạt động.
Tuyệt vời.
>> [Cười]
>> JASON Hirschhorn: Oh!
Bùng nổ!
Điều này có nghĩa gì?
>> ĐỐI TƯỢNG: Bạn không chmod.
>> JASON Hirschhorn: Tôi không chmod nó.
>> ĐỐI TƯỢNG: Row một.
>> JASON Hirschhorn: Oh, nhìn vào đó.
OK.
Vì vậy, tôi có sáu cá heo của tôi.
Những gì sẽ xảy ra?
Chúng ta hãy xem.
Nếu tôi tập luyện một, bây giờ đào tạo Lili.
Ồ, tôi muốn thiết lập bạn miễn phí, Lili.
Có bạn đi, trở lại trong đại dương.
>> Vì vậy, đó là trong tuần này.
Nếu bạn có bất kỳ câu hỏi, chúng tôi sẽ được ở bên ngoài.
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.
Cảm ơn các cậu.