ALLISON BUCHHOLTZ-AU: Tất cả mọi người đều phải.
Chào mừng trở lại phần.
Nó là phần áp chót của chúng tôi.
Thật đáng buồn.
Tôi không biết những gì tôi sẽ làm mà không nhìn thấy các bạn vào mỗi thứ Hai.
Tôi nghĩ chúng ta nên just-- có lẽ chúng ta có thể chỉ
gặp nhau ở đây và ăn tối hoặc một cái gì đó.
Tôi không biết.
Tôi sẽ mang theo thức ăn thay thế.
Chúng tôi sẽ chỉ nói chuyện.
Nhưng có, tuần tới sẽ là phần cuối cùng của chúng tôi.
>> Ngày lưu ý rằng, bạn có một bài kiểm tra vào tuần tới.
Tôi biết tôi quên để làm của tôi, giống như, Hai tuần trước thông báo tuần trước,
nhưng hy vọng các bạn biết điều này sẽ xảy ra.
Hy vọng rằng đây là một trong những người cuối cùng midterms cho các bạn trong học kỳ.
Nhưng nó sẽ bao gồm tất cả các liệu mà chúng tôi đã đi qua.
Vì vậy, nó không giống như bạn chỉ có thể quên khoảng bốn tuyến hoặc biến.
Bởi vì chúng ta đã học những người trong đầu,
đó là rõ ràng trò chơi công bằng cho bài kiểm tra của bạn.
>> Nó sẽ là định dạng tương tự, cùng chiều dài, do đó, bạn đã quen với nó.
Có sẽ là mã hóa bởi các vấn đề tay,
có thể một số sai sự thật, có thể một số câu trả lời ngắn.
Vì vậy, bạn nên có quen thuộc với các định dạng,
đặc biệt là nếu bạn có các bài kiểm tra thực hành.
Nhưng như tôi nói ở đây, đó là tích lũy, nhưng chúng tôi chắc chắn
sẽ tập trung vào thứ sáu tuần trở đi.
Vì vậy, chúng tôi có lẽ sẽ không hỏi bạn bao nhiêu byte
trong mỗi loại hay những loại vật,
nhưng chúng ta có lẽ sẽ là quan tâm đến những thứ như danh sách liên kết,
hoặc các cấu trúc dữ liệu khác nhau, hoặc các thuật toán khác nhau
mà chúng tôi đã nói chuyện về.
Vì vậy, chắc chắn rằng bạn đang thực sự lên trên những người, và nếu bạn
cần bất kỳ nguồn tài nguyên, ở đây là rất nhiều nguồn lực.
Tôi chỉ cho bạn loại của một danh sách nhanh chóng đó.
>> Tuần tới sẽ là bài kiểm tra xem xét trong thời gian này.
Vì vậy, nếu bạn có bất kỳ câu hỏi hoặc các chủ đề cụ thể,
những việc cụ thể trên các bài kiểm tra mà bạn muốn đi qua, xin vui lòng
gửi cho tôi tới thời gian để tôi có thể loại chuẩn bị một số tài liệu cho rằng.
Và ngoài việc này phần xem xét, chúng tôi sẽ
cũng được tổ chức quá trình toàn xem xét như chúng tôi đã làm thời gian qua.
Và nó sẽ là thực hiện bởi những người cùng.
Tôi không biết nếu đó làm cho nó tốt hơn hoặc tồi tệ hơn,
nhưng nó sẽ là tôi, Hannah, Davan, và Gabe nữa.
Vì vậy, nếu bạn muốn đến xem tất cả chúng ta nói đùa với nhau
và hướng dẫn bạn thông qua các bài kiểm tra xem xét lại, bạn nên chắc chắn
đến đó vào thứ hai tới cũng.
Vì vậy, bạn sẽ chỉ có một ách tắc thứ hai đóng gói của tổng đố, đó là tốt
bởi vì sau đó bạn có thứ ba để xử lý thông qua tất cả mọi thứ.
>> Nhưng chắc chắn hãy kiểm tra tra các nguồn lực.
Study.csv.net là bởi đến nay, tôi nghĩ rằng, một trong những hữu ích nhất,
chủ yếu là bởi vì nó có rất nhiều mẫu mã,
nó có tất cả các điểm điện với tất cả các ghi chú trên đó,
đó là thực sự những gì tôi vẽ nhất vật liệu phần của tôi từ.
Nếu có bất cứ điều gì ở trước phần mà tôi có thể đã gửi
mà bạn có thể không có nhận được, chỉ cho tôi biết.
Giống như mẫu mã của tuần trước, nếu ai không có được điều đó,
chỉ cần gửi email cho tôi hay đến nói chuyện với tôi, và tôi sẽ đảm bảo rằng bạn có được điều đó.
>> Vì vậy, với điều đó, hôm nay chúng ta sẽ là nói về JavaScript.
Vì vậy, ở đây chúng tôi Tommy, tôi là ai chỉ nói chuyện với bạn đêm qua.
Tôi yêu Tommy.
JavaScript là yêu thích của mình ngôn ngữ, như ông nói ở đây.
Họ sẽ cố gắng và nói với bạn rằng đó là không phải là tốt nhất, và họ sẽ là sai lầm.
Vì vậy, Tommy là một bậc thầy JavaScript.
Tôi không hoàn toàn ở anh mức độ, nhưng tôi là như thế,
"Tommy, làm thế nào để tôi dạy những đứa trẻ JavaScript? "
Vì vậy, tôi có một số lời khuyên, vì vậy hy vọng họ làm việc ra.
>> Vì vậy, một vài điều cần biết là JavaScript là một kịch bản phía máy khách
ngôn ngữ, vì vậy trong khi PHP là một cái gì đó mà chúng ta coi là có nhiều server-side,
nó đã được tải lên máy chủ, biên soạn và thực hiện có.
Điều này được thực thi trên máy tính của riêng bạn.
OK?
Vì vậy, bạn tải một số trang JavaScript, và nó thực hiện trên máy tính của bạn.
Cú pháp là rất tương tự như C và PHP.
Chúng ta sẽ đi qua một số ví dụ của JavaScript,
và bạn sẽ thấy rằng cách chúng ta nói về các biến, vòng,
và điều kiện đều rất tương tự.
OK?
Thực tế rằng họ là như vậy tương tự có lẽ sẽ vấp một số bạn
lên, trong một số trường hợp, chỉ vì bạn sẽ kết hợp một chút C
nơi không nên có.
Có lẽ bạn cố gắng và gõ một cái gì đó khi nó không nên được đánh máy.
>> Và ngày đó, có một điều để biết là JavaScript
là một kiểu động ngôn ngữ, như PHP.
Vì vậy, nếu các bạn nhớ từ phần tuần trước,
khi chúng tôi đã loại làm khóa học sụp đổ PHP của chúng tôi,
chúng ta đã biết một chuỗi có thể được biến thành một int, và vân vân.
Các loại biến của bạn được xác định tại thời gian chạy,
do đó, họ có thể thay đổi theo các khóa học của chương trình,
và trong cùng một cách mà chúng ta không bao giờ thực sự khai báo các loại cho các biến PHP,
chúng ta sẽ được làm việc cùng điều ở đây, nơi mà chúng ta không thực sự
kiểm soát các loại biến của chúng tôi, vậy để nói chuyện, giống như chúng ta làm trong C.
>> Và sau đó một điều đó là khá mát mẻ là
mà bạn có thể có sai sót kiểm tra thông qua giao diện điều khiển,
với chức năng tuyệt vời này console.log, mà
cho phép bạn in ra khác nhau biến hoặc đối tượng mà chúng ta sẽ
nói về.
Cũng giống như tuần trước khi tôi như, "sử dụng chức năng này," với bãi
từ pset của bạn này là một chức năng bạn muốn sử dụng, console.log.
Tôi đã rất ngạc nhiên bao nhiêu sinh viên tại văn phòng giờ
không biết về các chức năng dump.
Và tôi đã được như thế, "chàng trai, điều này sẽ làm cho cuộc sống của bạn dễ dàng hơn rất nhiều. "
>> Được rồi, vì vậy đó là loại chỉ là một điều ngắn gọn, như mọi khi,
chúng ta có ví dụ.
Tôi biết các bạn yêu những người.
Vì vậy, đây là một ví dụ của một rất đơn giản JavaScript tập tin ở đây.
Vì vậy, nó chỉ sẽ tạo ra này pop-up nói rằng,
"Hello world", khi bạn nhập trang, nhưng chúng ta hãy
cố gắng và đi bộ qua đây một chút.
Vì vậy, rõ ràng đây chỉ là index.html như bình thường của bạn.
Vì vậy, chỉ cần mẫu thông thường của chúng tôi ở đây, và chúng tôi có HTML, chúng ta có đầu của chúng tôi,
và cũng giống như với CSS, làm thế nào chúng tôi bao gồm một số tập tin bên ngoài, phải không?
Chúng tôi có một số loại script văn bản đó là JavaScript.
Và nguồn là hello.js, mà là xuống đây.
Đây là toàn bộ tập tin của hello.js.
Và sau đó chúng tôi có một số tiêu đề và một số HTML cơ thể
rằng chúng ta không thực sự quan tâm.
>> Những gì xảy ra là, khi chúng ta nạp trang này, nó tự động thực thi kịch bản này.
OK?
Vì vậy, JavaScript sẽ thực hiện tự động.
Vì vậy, những gì nó sẽ làm gì, nó sẽ để ngay lập tức đi và thực hiện điều này.
Và nó sẽ nói, "cảnh báo.
Xin chào thế giới. "
Những cảnh báo là chức năng mà thực sự tạo ra box này.
OK?
Vì vậy, nó là loại bao gồm tất cả.
Không có gì thêm, chúng tôi đã có để làm ngoài việc chỉ cảnh báo,
và sau đó bất cứ điều gì chúng ta muốn trong hộp cảnh báo của chúng tôi.
OK?
Vì vậy, đó chỉ là một siêu đơn giản ví dụ về những gì JavaScript có thể làm.
>> Một trong những thực sự mát mẻ thứ, như chúng ta sẽ thấy,
là JavaScript cho phép bạn để thao tác các trang web của bạn,
mà không cần phải tải lại chúng mỗi lần.
Vì vậy, nếu bạn want-- ví dụ, nếu bạn đang lơ lửng trên một cái gì đó,
nếu bạn đã bao giờ có coi như thanh Menu,
hoặc khi bạn di chuột qua một số chủ đề, một trình đơn thả xuống xuất hiện,
đó là vì JavaScript.
OK?
Vì vậy, bạn không tải lại toàn bộ trang để có được menu này để hiển thị,
bạn chỉ cần tìm kiếm một số cụ thể hành động mà người sử dụng đã được thực hiện,
được gọi là sự kiện mà chúng ta sẽ nhận được thành, và một khi bạn thấy rằng, bạn nói,
"OK, chỉnh sửa một cái gì đó về điều này trang và làm cho nó trông khác nhau,
nhưng chỉ chỉnh sửa những điều cụ thể.
Không tải lại toàn bộ sự việc. "
Vì vậy, nó thực sự là rất đẹp, và bạn không cần phải tải lại trang web của bạn,
và nó thực sự mát mẻ.
>> Vì vậy, khai báo biến, do đó, bạn có thể loại thấy,
Tôi đặt lên hàng đầu ở đây, lỏng lẻo.
Vì vậy, đây là rất nhiều như PHP.
Chúng tôi không cần phải nói JavaScript loại chúng tôi
hy vọng mỗi người trong các biến được.
Họ có thể là bất cứ loại chúng ta muốn.
Vì vậy, bạn thông báo trong trường hợp này, chúng ta khai báo chúng rất đơn giản, chỉ với "var"
và sau đó bất cứ điều gì chúng ta muốn tên biến của chúng tôi để được.
Một điều cần lưu ý là khi bạn var đặt ở phía trước của một tên biến,
Lĩnh vực nó tại địa phương đó.
OK?
Nó hoàn toàn hợp lý cho bạn để hoàn toàn chỉ cần xóa các var
và chỉ có s bằng CS50, và điều đó chỉ là một biến toàn cầu.
OK?
Vì vậy, bạn có thể khởi tạo nó cả hai cách, chỉ phụ thuộc vào cách bạn muốn nó.
Vì vậy, nếu bạn đang khởi tạo nó trong vòng một chức năng,
và bạn muốn biến đó để ở scoped bên trong hàm đó,
bạn sẽ muốn làm một cái gì đó giống như var tên một biến,
so với nếu bạn muốn nó toàn cầu scoped, bạn
chỉ có thể làm tên của biến và sau đó
bất cứ điều gì bạn muốn nó thiết lập bằng.
OK?
>> Đây là loại điều thú vị ở đây, bởi vì nếu chúng tôi nhận thấy biến của chúng tôi
b bắt đầu ra như là sự thật.
Và điều này có thể does-- ai cho tôi biết điều này không?
Vì vậy, chúng tôi có một số cảnh báo.
Điều gì sẽ gõ của b được trong đầu?
Đung Boolean.
ALLISON BUCHHOLTZ-AU: Boolean.
Phải.
Và sau đó chúng tôi phân công lại b để chuỗi này, phải không?
Vì vậy, sau đó ở đây, loại b là?
Nó muốn được một chuỗi, phải không?
Vì vậy, điều quan trọng để thông báo là trong c, chúng tôi
có thể gần như không bao giờ làm một cái gì đó như thế.
Chúng tôi phải có một biến, cast nó là cái gì khác,
có thể làm một số chức năng với hai i, đi từ một phí cho một số nguyên.
Nhưng nếu chúng ta chú ý ở đây, b rất dễ dàng thay đổi kiểu.
>> Đung Chờ, vì vậy bạn có thể chỉ được như thế, "làm cho b là một số nguyên?"
>> ALLISON BUCHHOLTZ-AU: Yeah.
Bạn chỉ có thể gán cho b là một số nguyên.
>> Đung Really?
>> ALLISON BUCHHOLTZ-AU: Yeah.
Và sau đó nó sẽ là một int.
Vì vậy, các biến của bạn có thể thay đổi theo các khóa học của chương trình quá.
Họ không gõ đúng.
Nó là rất lỏng lẻo.
OK?
Về cơ bản các biến của bạn có thể làm bất cứ điều gì họ muốn, như chúng ta đã thấy loại với PHP.
Họ có thể làm nhiều điều ngớ ngẩn, vì vậy điều quan trọng là phải khá cẩn thận.
Đặt tên cho các biến của bạn cũng.
Nếu bạn không, tất cả của một đột ngột bạn sẽ được như thế,
"Chờ đợi, tôi nghĩ đây là một chuỗi, và bây giờ nó là một int,
và tôi không thực sự chắc chắn những gì đang xảy ra ở đây. "
Vì vậy, đây chỉ là một ví dụ đơn giản của cho thấy làm thế nào một biến có thể dễ dàng
thay đổi loại hình của nó trên quá trình của một chương trình.
>> OK.
Vì vậy, điều này nên tìm siêu, siêu quen thuộc.
Vì vậy, đây là những vòng của chúng tôi trong JavaScript.
Họ là giống hệt nhau, ngoại trừ thay vì bốn int i bằng không,
chúng ta chỉ có thể nói var i bằng không.
Và sau đó chúng ta có thể có cùng một loại của chúng tôi các điều kiện, cùng một loại cập nhật,
i cộng với cộng với hoạt động tốt.
Vì vậy, bốn chân đều giống nhau, tuy rằng là như nhau,
và làm tuy rằng là chính xác như nhau.
Cùng một loại định dạng chung.
Chúng tôi nhận thấy, bốn, dấu ngoặc đơn, ngoặc, đó là tất cả như nhau.
Ngoài ra sẽ có dấu chấm phẩy khi chúng tôi nhận được mã số ví dụ.
Bạn sẽ thấy nó đẹp nhiều giống như c.
>> Đối với tờ khai chức năng, một lần nữa, rất giống nhau.
Chúng tôi có một số chức năng mà chỉ nói rằng đó là một chức năng, và sau đó
tên của chúng tôi chức năng, và các yếu tố đầu vào.
Và một lần nữa nếu chúng tôi nhận thấy, chúng tôi không có loại nào ở đây.
Phải không?
Chúng tôi không có gì nói rằng những cần phải được ints hoặc đôi, hoặc phao nổi.
Họ có thể là bất cứ điều gì họ muốn.
Điều quan trọng là nhận ra rằng chúng ta cần phải viết hàm trước
để cho biết rằng JavaScript đây thực sự là một chức năng.
>> Vì vậy, đây chỉ là một số tiền đơn giản hàm trả về x hoặc y,
và sau đó điều gì cũng mát mẻ là bạn có thể thực sự
gán một hàm cho một biến.
Vì vậy, trong trường hợp này, số tiền bây giờ là chức năng mà thực sự làm tiền.
Vì vậy, nếu bạn nhận thấy ở đây, chúng tôi có chức năng, tên của chức năng, nguyên liệu đầu vào.
Phải không?
Ở đây chúng ta chỉ có chức năng và các đầu vào.
Vì vậy, đây được gọi là một chức năng vô danh.
Và đây là cái gì đó nên mới với hầu hết các bạn, nếu không phải tất cả các bạn.
Vì vậy, về cơ bản những gì mà phương tiện là chúng ta làm không
cần tên của chúng tôi chức năng trong trường hợp này.
Chúng tôi chỉ có thể nói, "OK, tôi sẽ có chức năng này, được thực hiện, đây
là đầu vào của nó, và đây là những gì nó sẽ làm gì. "
Và đặc biệt là khi bạn đang gán một chức năng để một số biến
rằng bạn đang đi để thao tác, bạn không nhất thiết phải
cần phải đặt tên cho nó, vì bạn sẽ được đề cập
để nó bằng cách biến này tên, không phải bởi bất cứ điều gì
các chức năng được thực sự gọi là.
OK?
>> Vì vậy, nếu chúng ta thấy ở đây, chúng tôi có một số tiền biến bây giờ
đó là bằng với tổng của ba và năm.
Và chúng ta sẽ có được điều này.
Và điều này sẽ chỉ có một số cảnh báo, ba cộng với năm bằng số.
Cộng thêm này sẽ chỉ tiếp nhau bất cứ câu trả lời của chúng tôi là vào chuỗi.
Cũng mát mẻ, cộng với có thể nối dây.
>> Đối với JavaScript, như với PHP, HTML, CSS và như chúng tôi đã nói,
rất nhiều của nó we loại đang lấy các bánh xe đào tạo ra ở đây
và các bạn có rất nhiều bí làm thế nào để thực sự hiểu những điều này.
Họ là hơi khác nhau, nhưng họ không phải là quá xa lạ
và rằng bạn không thể Google những điều hay xem chúng trực tuyến với các trường w3.
Và chúng tôi đang thực sự mong đợi bạn kẻ đến, loại, thí nghiệm
và học hỏi trên của riêng bạn.
Vì vậy, tôi biết điều này có thể là một chút ít triệt để hơn một số trong những điều c
chúng tôi làm, nhưng đó thực sự là một lý do.
Nhưng hy vọng nó không quá khác nhau, và nó không phải là áp đảo.
>> Vì vậy, các mảng trong JavaScript, lại rất, rất giống nhau.
Phải không?
Chúng tôi có một số mảng biến đó là bằng khung trống,
và đó chỉ là một mảng trống rỗng.
Điều này thường được gọi là literal mảng ký hiệu.
Đó chỉ là một điều chúng ta gọi nó.
Nếu chúng ta nhìn thấy mảng hai ở đây, chúng tôi có một số mảng đen rằng có ba yếu tố,
phải không?
Và sau đó chúng tôi có một số Yếu tố thứ ba var đó
một số biến đó chỉ sẽ tổ chức chuỗi này, JS.
>> Các yếu tố, tốt để thông báo, được phân cách bằng dấu phẩy,
giống như chúng ta mong đợi.
Và bạn cũng có thể truy cập các, như chúng tôi đã làm trong C, với ký hiệu chỉ số này, phải không?
Vì vậy, khác với PHP bây giờ, chúng ta sẽ trở lại
để chỉ loại ám để bằng những chỉ số.
Cũng giống như C, nó cũng chỉ bằng không.
Tôi cảm thấy như nó sẽ được thực sự độc ác nếu họ bất ngờ thực hiện một trong JavaScript
chỉ số, và bạn đã hoàn toàn suy nghĩ lại cách bạn suy nghĩ về mảng.
>> Một điều thú vị là thay vì vì phải do-- nếu bạn đã bao giờ
muốn chiều dài của một mảng, có lẽ bạn lặp qua nó
cho đến khi bạn tìm thấy một số kết thúc, hoặc bạn sẽ chỉ biết nó là gì.
Bởi vì JavaScript là rất lỏng lẻo trong nhiều cách hơn là chỉ loại, như chúng ta thấy ở đây,
chúng ta chỉ có thể làm cho mảng này lớn hơn bởi vì chúng ta quyết định.
Nếu chúng tôi nhận thấy mảng ba có ba điều để bắt đầu,
nhưng sau đó tất cả của một đột ngột, chúng tôi giống như, "oh, chỉ đùa thôi.
Chúng tôi đang thực sự đi để làm cho nó 101 điều. "
Vì vậy, nếu bạn đã bao giờ muốn biết độ dài thực tế của mảng của bạn,
bạn làm điều đó như thế này.
Và chúng ta sẽ nhìn thấy rất nhiều các ký hiệu này trong các ví dụ,
nhưng với JavaScript nó thường bất cứ điều gì
đối tượng mà bạn đang nói về dot bất cứ loại chức năng
bạn muốn áp dụng cho nó.
OK?
>> Vì vậy, trong trường hợp này, chúng tôi đối tượng là mảng hai,
và chúng ta nói rằng chúng ta muốn chiều dài của mảng hai.
Vì vậy, đây chỉ gọi như chiều dài trên đó.
Và đó sẽ trở lại chiều dài của bạn.
Ngoài ra một cái gì đó cần lưu ý là rằng nếu chúng tôi nhận thấy các mảng của chúng tôi,
không giống như C, họ không có để được tất cả các loại giống.
Đây là nhiều hơn nữa như PHP.
JavaScript là về cơ bản giống như meld thú vị này của C và PHP.
Vì vậy, chúng tôi sẽ nhận được vào đó.
Còn bây giờ, chúng ta hãy giả định rằng mảng của bạn là về cơ bản
C như mảng, trong đó họ không lập chỉ mục.
OK, vì vậy đó là tất cả mọi thứ.
Bạn cũng có thể chỉ kéo dài thêm một mảng đến bất cứ chỉ số bạn muốn.
Trong khi điều này có lẽ sẽ SEG lỗi trên bạn hoặc cung cấp cho bạn một số lỗi,
JavaScript là như thế, "nah, nó tốt.
Tôi đã nhận điều này.
Chúng tôi sẽ chỉ đi thẳng nơi bạn muốn. "
>> OK, vì vậy đối tượng là rất quan trọng.
Các bạn sẽ được sử dụng rất nhiều trong số này trong tập hợp P của bạn, nếu tôi nhớ chính xác.
Vì vậy, điều đó là những tương tự như trong C là cấu trúc.
Vì vậy, bạn có thể nghĩ rằng khi about-- chúng tôi đi đến một ví dụ đúng
sau này tôi nghĩ rằng nó sẽ thấy làm cho rất nhiều sense-- hơn
nhưng chúng tôi về cơ bản sử dụng các đối tượng để tổ chức các thông tin khóa học liên quan.
Khi chúng tôi nói chuyện về cấu trúc trong C, chúng ta thường
nói về một học sinh đã có một số tên, ID, nhà, bạn biết, tập trung.
Và đó là loại điều tương tự mà chúng tôi sử dụng các đối tượng ở đây.
Nó chỉ là tổ chức thông tin tương tự.
>> Bạn cũng có thể nghĩ rằng trong số này là hơn tương tự để kết hợp các mảng trong PHP.
Vì vậy, đây sẽ là loại điều nơi chúng tôi có một số trọng điểm với một số giá trị,
rất giống với PHP.
Vì vậy, bạn có thể khởi tạo một số đối tượng rỗng, như chúng ta thấy ở đây,
chỉ với dấu ngoặc nhọn.
Mảng như vậy là dấu ngoặc vuông.
Các đối tượng còn lại là trong dấu ngoặc nhọn.
Tốt biệt để có.
Và đây chỉ là hai khác nhau cách để thiết lập các thuộc tính.
Vì vậy, đây là loại nhiều hơn một cách mà
tương tự như PHP, với chúng tôi mảng kết hợp, với chính chúng ta,
và giá trị của chúng tôi, trong khi này bạn sẽ is--
thấy điều này nhiều hơn trong JavaScript.
Điều này có xu hướng được ước.
Và trong cùng một cách mà chúng tôi đã làm mảng hai dot dài, điều này được nói,
"OK, cho tôi này thuộc tính của đối tượng này. "
Phải không?
Vì vậy, cùng một cách đó là như thế nào, "cho tôi chiều dài của mảng hai thuộc tính "
điều này được nói, "cho tôi một số tài sản của đối tượng rỗng của chúng tôi. "
Hoặc trong trường hợp này, chúng tôi gán cho nó một giá trị ở đây.
Nhưng bạn cũng có thể truy cập nó theo cách đó.
>> Và rồi đây này chỉ là hiển thị hai báo khác nhau.
Vì vậy, điều này sẽ hiển thị các cảnh báo sẽ được chính xác như nhau,
nó chỉ là hai cách khác nhau truy cập vào các phần tử mà chúng ta muốn.
Điều đó có ý nghĩa với tất cả mọi người?
Tôi cảm thấy như thế này có lẽ ý nghĩa hơn,
chỉ bởi vì chúng ta đang sắp tắt của PHP.
Nhưng như chúng ta làm nhiều hơn ví dụ, điều này đúng là giống hệt nhau.
Rất nhiều nó chỉ được thay đổi trong cú pháp.
>> OK, vì vậy ví dụ.
Tôi yêu các ví dụ.
Vì vậy, đây là một số CS50 biến đó là một đối tượng,
và chúng tôi lưu trữ tất cả điều này thông tin về nó.
Vì vậy, chúng tôi có khóa học, giảng viên, tfs, psets, và ghi lại.
Vì vậy, chúng tôi nhận thấy đây là gần như tất cả các loại khác nhau.
Phải không?
Vì vậy, đối tượng có thể lưu trữ các thuộc tính của các loại khác nhau.
Chúng ta có thể nghĩ về nó rất this-- tương tự như mảng liên kết của chúng tôi trong PHP.
Vì vậy, quan trọng, giá trị, trọng điểm, giá trị, trọng điểm, giá trị, vv và vv.
Có gì cũng thú vị trong cùng một cách rằng chúng ta có thể có mảng trong mảng,
chúng ta cũng có thể có các đối tượng trong đối tượng, hoặc các mảng trong các đối tượng.
Bạn sẽ không bao giờ thực sự giới hạn chỉ một duy nhất của sự vật.
Chúng tôi có thể nhận được rất Inceptionesque, chỉ tiếp tục đi xuống hố thỏ có.
>> Vì vậy, nếu chúng ta để ý, chúng tôi có một số khóa học
là một chuỗi, người hướng dẫn mà là một chuỗi, và mảng, một int, và một Boolean.
Vì vậy, tất cả những điều khác nhau.
>> Tất cả quyền, do đó, chúng tôi có một số khác.
Vì vậy, trong trường hợp này, chúng ta có một mảng của các đối tượng.
Vì vậy, chỉ muốn một đối tượng có thể có một mảng trong nó.
Chúng tôi cũng có thể có một mảng của các đối tượng.
Điều này có thể có ích cho suy nghĩ về tương tự như loại
làm thế nào chúng ta có một hash bảng, chúng tôi đã có một mảng
của tất cả các khác nhau loại cấu trúc mà
là con trỏ đến khác nhau nút và không có điều gì.
Nhưng trong trường hợp này, chúng tôi có một mảng của các đối tượng.
Vì vậy, điều này giống như một mảng mảng kết hợp.
Vì vậy, chúng tôi có một số yếu tố đầu tiên sẽ là đối tượng có tên James
và nhà Winthrop.
>> Các bạn có thể nhớ một cái gì đó rất tương tự như sau
với pset cuối cùng của bạn, nơi mà nếu bạn kéo một cái gì đó từ cơ sở dữ liệu của bạn,
các loại đầu điều trong mảng của bạn là
tất cả các thông tin về người sử dụng đầu tiên mà gặp nó,
và sau đó bạn có để chỉ mục vào đó để có được cổ phiếu của họ hoặc bộ nhớ cache của họ
hoặc có điều gì.
Vì vậy, đây là rất nhiều giống điều, chỉ cần một chút thay đổi
trong cú pháp, thay đổi chút ít trong những từ dùng để mô tả chúng.
>> Vì vậy, nếu chúng ta muốn, bất cứ ai có thể nói tôi biết cảnh báo này sẽ làm gì đây?
Hoặc những gì này chút mã sẽ làm cho chúng ta?
Đung Nó sẽ cung cấp cho bạn tất cả những cái tên.
ALLISON BUCHHOLTZ-AU: Quyền, do đó nó sẽ chỉ cảnh báo với tất cả các tên
bởi vì nó sẽ đi qua tiểu i, vì vậy nó muốn bắt đầu từ số không.
Vì vậy, nó muốn nói, OK, chúng tôi đang tìm kiếm tại đối tượng đầu tiên này, mà
là khe đầu tiên trong mảng.
Và nó nói, "cho tôi thuộc tính, tên của đối tượng đó. "
Vì vậy, chúng tôi đi ở đây, chúng tôi muốn quét, chúng tôi muốn tìm tên,
và chúng tôi sẽ in ra James, Molly và Carl.
Bất kỳ câu hỏi cho đến nay?
JavaScript không may bạn sẽ được
làm rất nhiều nhìn lên trên của bạn riêng, việc tìm ra các cú pháp,
vật lộn với nó.
Nhưng tất nhiên tôi luôn ở đây, giờ làm việc luôn ở đây.
Tôi có thể là vào thứ Ba tuần này.
Vì vậy, nếu bạn đang có, bạn có thể đến thăm tôi trong tuần này.
Nó muốn được tuyệt vời.
>> OK, vậy là DOM Document Object Model-.
Vì vậy, đây chỉ là một cách mà chúng ta thích nghĩ
khoảng cách của chúng tôi và tất cả mọi thứ HTML trong đó có tổ chức.
Điều này là rất nhiều cái gì đó có lẽ sẽ đi lên trên bài kiểm tra của bạn.
Tôi biết năm của tôi, nó giống như đây là Tập tin HTML, điền vào các DOM cho nó.
Và bạn chỉ cần điền vào những điều nhỏ nhặt.
Những nên điểm dễ dàng hy vọng.
Hy vọng rằng bạn sẽ see--
>> Đung [Không nghe thấy]
>> ALLISON BUCHHOLTZ-AU: Vì vậy, bạn nhìn thấy cây này ở đây?
>> Đung Yeah.
>> ALLISON BUCHHOLTZ-AU: Vì vậy, họ sẽ yêu cầu sử dụng
để điền vào những gì diễn ra trong cơ thể.
Có lẽ trong cơ thể, chúng tôi có một số divs hoặc chúng tôi có một số đoạn văn,
và chúng tôi sẽ yêu cầu bạn điền vào một cây rất nhiều như thế này.
Vì vậy, chúng tôi sẽ đi qua nó.
Vì vậy, các Document Object- Mô hình chỉ là một cách
cấu trúc và suy nghĩ về HTML của chúng tôi bằng đồ họa.
Và cũng có khi chúng tôi nhận được JavaScript vào nhiều hơn,
nó sẽ là cách mà chúng tôi thực sự
thao tác khác nhau các yếu tố trên trang.
Chúng tôi cần một cách để truy cập mỗi trong những điều trong HTML của chúng tôi,
và vì vậy điều này cho chúng ta rất bê tông cách tiêu chuẩn hóa
trên các trang web khác nhau để làm điều đó.
>> Vì vậy, nếu chúng ta chỉ cần đi bộ qua này đây, tất nhiên
tài liệu của chúng tôi là như toàn bộ tập tin của chúng tôi.
Đó rõ ràng là có ý nghĩa rằng đó là điều cao nhất,
và sau đó chúng ta có thực sự HTML của chúng tôi, tương ứng với thẻ này ở đây.
Ngoài ra nếu bạn ở thụt thẻ của bạn đúng, sau đó tạo ra các cây DOM này
sẽ trở thành siêu đơn giản.
Vì vậy, chúng tôi có một số người đứng đầu ở đây.
Chúng tôi có một số cơ thể chúng ta thấy phát ra của HTML,
đó là lý do tại sao chúng tôi có đầu và thân.
Trong vòng đầu, chúng tôi có một số thẻ tiêu đề, thẻ tiêu đề cuối,
vì vậy chúng tôi biết rằng đến sau đầu.
Và trong thẻ tiêu đề của chúng tôi, chúng tôi có hello, thế giới.
OK?
Vì vậy, đó là toàn bộ chi nhánh này tay trái.
Và sau đó cho các chi nhánh bên phải ở đây, chúng ta thấy rằng chúng tôi có HTML,
OK, chúng tôi đã thực hiện một phần đầu này, chúng tôi đang tìm kiếm chỉ vào cơ thể,
vì vậy chúng tôi có một số diện tích cơ thể.
Và trong đó, chỉ điều chúng ta có là hello, thế giới.
OK?
Nếu chúng tôi đã có những thứ như một số p khung và sau đó
hello, thế giới, và sau đó một khung p tạm biệt, thế giới,
chúng ta sẽ có hai bong bóng sắp tắt của ở đây.
Bởi vì chúng đều dưới cơ thể, nhưng họ đoạn riêng biệt trường hợp này.
Có chắc chắn là thực hành vào đó trong các câu đố trước,
cũng như nhiều tuyến trên đó.
OK vậy, điều này chỉ cho phép chúng ta thấy tất cả mọi thứ độc đáo
và thao tác điều rất có hệ thống.
OK?
Chúng tôi biết chính xác làm thế nào để đi qua thông qua cây này,
vì vậy chúng tôi biết những gì chúng ta muốn truy cập.
>> OK vì vậy đây là lý do tại sao chúng tôi muốn để có loại này của mô hình,
để chúng ta có thể sử dụng những thứ như thế này, và chúng tôi hiểu những gì họ có ý nghĩa,
và họ đang chuẩn trên tất cả mọi thứ mà chúng tôi làm.
Vì vậy, tài liệu dot tiêu đề chỉ là tiêu đề của tất cả các our--
là khá tự giải thích, Tôi thích suy nghĩ.
Vì vậy, đầu tiên ba ví dụ chỉ nói,
"OK, chỉ cần cho tôi tiêu đề của trang web này. "
Vì vậy, nó sẽ cung cấp cho bạn những gì tương ứng với các tiêu đề.
>> Tài liệu dot cơ thể sẽ cung cấp cho bạn bất cứ điều gì trong những thẻ cơ thể.
Vì vậy, bạn có thể thao tác đó.
Và tài liệu dot dot cơ thể nhập HTML là một trong rất mát mẻ,
và có lẽ không phải là như siêu trực quan, nhưng bên trong HTML
tương ứng với quyền này ở đây.
Vì vậy, nếu bạn đã bao giờ muốn thao tác văn bản trên một trang,
thường bạn sẽ được làm một cái gì đó với cơ thể chấm HTML bên trong.
OK?
Vì vậy, HTML bên trong có xu hướng tham khảo những gì thực sự là giữa các thẻ.
OK?
Và sau đó các chức năng hữu ích.
Vì vậy, nếu bạn muốn để có được bất kỳ trong số này, bất kỳ yếu tố,
chúng tôi có một số Id, lớp tên, hoặc tên thẻ.
Điều này là rất tương tự như điều chúng ta đã làm với CSS, phải không?
Trường chúng tôi có một số bộ chọn mà tương ứng với một trong hai thẻ, một lớp học
mà chúng tôi cung cấp cho họ, hoặc một Id.
Điều này là rất nhiều cách giống nhau.
Nếu bạn có một cái gì đó có một số lớp của con chó,
và bạn nói có được các yếu tố theo tên tag, và bạn đặt con chó trong there-- hoặc xin lỗi,
tên lớp.
Bạn có thể đặt dấu chấm trong đó.
Nó sẽ trả về tất cả những các yếu tố để bạn có lớp đó.
Vì vậy, bạn có thể thao tác chỉ những người.
Trong cùng một cách, có thể bạn chỉ muốn vận dụng một số tiêu đề, vì vậy
một số tiêu đề h1, như chúng tôi đã làm.
Bạn có thể làm được các yếu tố theo tag tên, vì h1 là tên thẻ.
Và trong cùng một cách, nếu bạn muốn để có được một số điều duy nhất, bạn có thể làm tag get.
Nhận phần tử bằng Id.
Và họ thực sự là rất nhiều trong số này.
Đây là những chỉ giống như ba của rất nhiều người.
Vì vậy, nếu bạn đi trực tuyến, Tôi sẽ khuyến khích
bạn làm, và làm một số nghiên cứu trên của riêng bạn,
Tôi chắc chắn đề nghị nhìn vào tất cả những người.
Họ có thể là siêu hữu ích, đặc biệt là khi
bạn muốn chỉ cần loại thao tác những điều rất cụ thể mà không cần phải
đi qua và cố gắng để phân tích ra tất cả mọi thứ.
>> OK, do đó, điều cuối cùng JavaScript là sự kiện.
Vì vậy, khi tôi đã nói trước đó về việc đi vào một trang web,
và khi bạn di chuột qua một cái gì đó, hoặc di chuyển chuột qua một cái gì đó,
cái gì khác xảy ra.
Đây là những gì chúng tôi muốn suy nghĩ khi một sự kiện.
Vì vậy, những gì chúng tôi có sức mà hữu ích ở đây là onclick.
Vì vậy, tôi đã được trên di chuột, trong đó, tôi đẹp, chắc chắn, chỉ là trên di chuột.
Ngoài ra một tấn các mà bạn có thể tìm.
Có một danh sách toàn trực tuyến trong những điều khác nhau
mà bạn có thể lắng nghe.
>> Nhưng sự kiện JavaScript về cơ bản chỉ đáp ứng với điều
rằng người dùng của bạn đang làm.
Phải không?
Vì vậy, người dùng của bạn không một cái gì đó, đó là một sự kiện,
và JavaScript sẽ trả lời tuy nhiên bạn muốn nó.
Nó sẽ trả lời cho phù hợp.
Vì vậy, trong trường hợp này, chúng ta có một số cửa sổ dot onload.
Vì vậy, điều này nói là, "chờ đợi cho đến khi nạp của cửa sổ. "
OK?
Vì vậy, khi nạp, tất cả mọi thứ của onload, sau đó bạn có thể thực hiện chức năng này.
Vì vậy, khi tất cả mọi thứ của nạp, bạn sẽ
có một số nút tìm kiếm mà được một phần tử bằng Id,
và nó in bất cứ điều gì mà phần tử là như nút Search.
Và sau đó chúng ta có biến này, chúng ta nói, "OK, onclick."
Vì vậy, khi chúng tôi nghe thấy một nhấp chuột vào nút Search,
thực hiện chức năng này, mà là một cảnh báo, bạn nhấp vào nút Search.
>> Vì vậy, những gì sẽ xảy ra is-- này là một tốt đẹp ít đại diện đồ họa ở đây.
Vì vậy, tải tài liệu của chúng tôi, đó là onload của chúng tôi,
chúng tôi tìm kiếm của chúng tôi nút, mà là điều này.
Chúng tôi đang tìm kiếm cho nút Tìm kiếm của chúng tôi.
Và sau đó khi các nút Search là nhấp, nó tương ứng với ngay tại đây.
Onclick.
Sau đó, cuối cùng chúng tôi cảnh báo người sử dụng của chúng tôi, đó là dòng cuối cùng này ở đây.
OK?
Vì vậy, mỗi người bốn bước chỉ tương ứng với bốn hộp
chìm xuống phía dưới.
Điều đó có ý nghĩa với tất cả mọi người?
>> Và sau đó một điều rằng tôi chỉ cần đi đề cập đến rất, rất ngắn gọn, tôi thấy
khuyến khích các bạn để đi xem xét thêm vào là
jQuery, mà chỉ là một thư viện được xây dựng trên đầu trang của JavaScript.
Đây là siêu hữu ích, như với hầu hết các thư viện.
Có rất nhiều chức năng.
Vì vậy, nếu có bao giờ cái gì đó bạn muốn làm trong JavaScript,
Bản năng đầu tiên của bạn không nên để suy nghĩ
của, "những gì nên chức năng Tôi mã? "Nó phải được,
"Hãy để tôi nhìn thấy một ai đó đã làm điều này đối với tôi. "
Bởi vì chín trong số mười lần, một người nào đó sẽ thực hiện nó đã,
và họ có lẽ đã làm cho nó tốt hơn.
Mọi người dành rất nhiều thời gian làm những, và JavaScript được sử dụng rất rộng rãi,
khiến mọi người liên tục cố gắng để làm cho nó tốt hơn.
Và jQuery có rất nhiều chức năng mà có lẽ sẽ có ích cho bạn
trong dự án cuối cùng của bạn nếu bạn làm bất cứ điều gì với thiết kế web.
Như tôi muốn nói, "công việc thông minh hơn, không khó khăn hơn. "
Nếu các bạn làm điều đó, nó sẽ là tuyệt vời.
Khi chúng tôi đang ở hackathon tôi không muốn bạn có tất cả căng thẳng.
Tôi muốn bạn để được như thế, "tôi đã nhận này. jQuery đã trở lại của tôi.
Tôi không cần phải viết các chức năng này. "
>> Vì vậy, chỉ cần hai điều để nhớ, tôi sẽ
để cho các bạn xem xét thêm thành jQuery trên của riêng bạn.
Tất cả tôi sẽ nói là nó thực hiện một số điều khá tuyệt vời
và có thể làm cho cuộc sống của bạn dễ dàng hơn nhiều.
Nhưng những gì bạn muốn có là bất kỳ tập tin
mà bạn sẽ sử dụng nó trong, bạn sẽ muốn hai dòng này.
Bạn sẽ muốn kịch bản của js jQuery dot js.
Và trên thực tế nguồn của bạn là có được một số URL.
Nếu bạn Google jQuery, Google thực sự lưu trữ tất cả các tập tin cho bạn.
Vì vậy, bạn chắc chắn muốn đầu vào URL để thay thế.
Tôi chỉ cần đặt này ở đây để đơn giản.
Tất cả điều này có nghĩa là nơi để tìm thư viện jQuery của bạn.
Nó là đồ sộ, vì vậy bạn không muốn lưu trữ nó trên máy tính của riêng bạn
nếu bạn có thể tránh nó, đó là lý do tại sao chúng tôi có xu hướng chỉ cần đặt trong URL của Google
tổ chức tất cả các tập tin cho bạn.
OK?
Bạn Google nó, tôi hứa nó sẽ ở đó.
>> Và sau đó bất cứ điều gì JavaScript tập tin mà bạn
sử dụng, do đó, đây chỉ là một số bên ngoài Tập tin mà bạn đang sử dụng JavaScript.
Trong cùng một cách mà chúng tôi liên kết đến CSS của chúng tôi file, đây là cùng một loại điều.
Điều này chỉ cần liên kết đến tập tin nơi bạn là JavaScript.
Và tôi có một số ví dụ với mã JavaScript đơn giản.
Vì vậy, chúng ta sẽ đi qua nó.
Và sau đó trong chỉ số của bạn JavaScript, đó là JavaScript nộp ở đây,
đây là loại wrapper mà bạn có cho jQuery.
Em đã gần 99,9 phần trăm thời gian đi
để có điều này trong tập tin index.js của bạn.
Bởi vì điều này nói được, "Không thực hiện bất cứ điều gì
cho đến khi tài liệu của bạn là thực sự sẵn sàng ", đó là chính xác những gì bạn muốn.
Bởi vì nếu tài liệu của bạn không sẵn sàng, jQuery và bắt đầu làm việc,
nó chỉ là một mớ hỗn độn.
Vì vậy, bạn luôn muốn có wrapper này.
Và sau đó cho những thứ mà đi vào đó, tôi phải để lại cho perusing riêng guys của bạn '.
>> OK, vậy là có bất kỳ câu hỏi đúng bây giờ về JavaScript nói chung?
Hay mô hình DOM?
Nếu không, chúng tôi có một số mát mẻ ví dụ mà chúng ta có thể đi qua,
rằng các bạn có thể giúp tôi mã.
Nhưng tôi cũng sẽ được siêu đẹp, và nếu bạn
không muốn nói bất cứ điều gì cho các, đó là tốt.
Tôi cũng có thể chỉ cung cấp cho bạn các ví dụ.
Nhưng bất cứ điều gì trên PowerPoint trước khi chúng tôi di chuyển trên?
Cool.
>> Tôi cảm thấy như các bạn cần năng lượng.
Vì vậy, tôi nghĩ rằng chúng ta sẽ bắt đầu với ví dụ bên đầu tiên của tôi.
Chúng tôi có ba ví dụ, bạn có sự lựa chọn của bạn.
Vì vậy, chúng tôi có đồng hồ, chúng ta đang đi để thực hiện một đồng hồ thực tế đó là
sẽ cập nhật khi thời gian trôi qua.
Chúng tôi có chức năng này Twitter tuyệt vời.
This-- bạn biết những gì, giữ chặt.
Chúng tôi sẽ thực hiện điều này đi.
Bam.
OK.
>> Chúng tôi có chức năng này Twitter tuyệt vời ở đây, that-- Tôi biết, phải không?
Nó sẽ là tuyệt vời.
Các bạn đang bị kích thích?
Có nghĩa là sẽ đếm số các ký tự mà bạn đã để lại,
vì vậy nếu tôi gõ ngay bây giờ, rõ ràng là nó vẫn nói 140,
nhưng chúng ta đều biết đó không phải là trường hợp.
Và sau đó với người cuối cùng của chúng tôi ở đây, nhấn vào đây để tiệc tùng.
Chuyện gì sẽ xảy ra là khi chúng ta click, nền của
sẽ thay đổi màu sắc.
Vì vậy, các bạn có các tùy chọn của bạn mà một trong những bạn muốn làm đầu tiên.
Tôi hứa tôi sẽ mang nó rất dễ dàng cho bạn.
Tôi cảm thấy như tất cả mọi người là loại chỉ rất thấp trọng ngày hôm nay.
Vì vậy, tôi sẽ hướng dẫn bạn thông qua như thế nào chúng tôi sẽ thực hiện tất cả các.
Nếu bạn muốn kêu vang trong, đó là tuyệt vời, nhưng tôi
cảm thấy như tất cả mọi người là một chút mệt mỏi.
Vì vậy, tôi sẽ chỉ dẫn bạn thông qua các ví dụ.
Chúng ta có một cái gì đó chúng tôi muốn làm đầu tiên?
Bất cứ ai?
Không thích?
OK.
Bạn biết những gì?
Chúng tôi đang ở trên bên.
Tôi cảm thấy như các bạn cần một little-- vì vậy, chúng tôi sẽ làm một bữa tiệc đầu tiên.
OK.
>> Vì vậy, những gì chúng tôi có here-- đó không được coi là có.
Bây giờ là tốt.
OK.
Vì vậy, những gì chúng tôi có ở đây là chỉ là một trang HTML đơn giản
rằng tất cả các bạn cần được siêu quen thuộc với từ hai psets cuối cùng của bạn.
chúng tôi có loại doc của chúng tôi ở đây.
Tất cả mọi người có thể nhìn thấy?
OK.
Cool.
Chúng tôi có HTML của chúng tôi rõ ràng.
Chúng tôi có một số tiêu đề đó là liên kết với một phong cách trang đó
chỉ cần thực hiện font của tôi tốt đẹp và lớn và đậm.
Vì vậy, đừng lo lắng về điều đó.
>> Chúng tôi có một số cơ thể với một nền Id, OK?
Bởi vì chúng tôi đang đi để được việc thay đổi nền.
Vì vậy, khi chúng ta thay đổi nền của cơ thể của chúng tôi,
chúng ta nhớ từ hai tuần trước khi chúng ta đang đối phó với các trang web.
Vì vậy, tốt để có điều đó.
Và chúng tôi có một số Id bằng bên.
H ref bảng này chỉ có nghĩa là nó sẽ đi đến cùng một trang.
Và bấm vào đây để tiệc tùng, đó là lý do tại sao khi chúng ta nhấp vào nó,
cần thay đổi màu sắc, may mắn.
>> Và sau đó chúng tôi có một số kịch bản ở đây mà chỉ là liên kết với bên này dot js
tập tin, đó là trống rỗng, vì chúng tôi đã không thực hiện bất cứ điều gì chưa.
Và nó rất buồn.
Nhưng ngay sau đó, nó sẽ thay đổi màu sắc, và nó sẽ là tuyệt vời.
>> Vì vậy, tôi chỉ cần đi tới đi các bạn thông qua như thế nào chúng ta có thể tiếp cận này.
Vì vậy, điều đầu tiên mà chúng ta có thể muốn làm,
nếu chúng ta đang thay đổi hình nền của cơ thể, điều đầu tiên chúng ta có thể muốn
làm là thực sự lấy những gì cơ thể, phải không?
Vì vậy, chúng tôi muốn có tiền, chúng tôi nền, và nếu bạn thông báo,
Tôi chỉ tự động chỉ cần bắt đầu gõ.
Có gì đặc biệt mà chúng ta cần phải làm cho các tập tin JavaScript của chúng tôi.
Tôi có thể bắt đầu khai báo biến, và tuyên bố chức năng ngẫu nhiên.
Và đó là hình thức miễn phí nhiều hơn nữa.
Nó giống như với C, chúng tôi đã cho tất cả các bạn những quy tắc cứng, và bạn lớn lên,
Như vậy chúng ta như thế nào, "đi ra.
Hãy tự do.
Hãy làm những gì bạn muốn. "
Và đó là những gì JavaScript.
Vì vậy, chúng tôi có một số nền ở đây.
Với mô hình DOM của chúng tôi, chúng tôi biết chúng tôi có thể làm tài liệu có được chấm phần tử,
và nếu chúng tôi nhận thấy ở đây, cơ thể của chúng ta có một ID.
Phải không?
Vì vậy, chúng ta có thể không nhận được tài liệu của Id, và đây là một trong những đơn giản.
Id của chúng tôi mà chúng tôi muốn ở đây là gì?
Đung Background.
ALLISON BUCHHOLTZ-AU: Background.
Perfect.
Và dấu chấm phẩy ở cuối.
Điều đó đã không ra đi nào.
Bạn vẫn cần phẩy của bạn.
OK.
Vì vậy, đó là một trong những đầu tiên của chúng tôi.
Và khi chúng ta bấm vào một cái gì đó, chúng ta muốn một cái gì đó xảy ra, phải không?
Vì vậy, chúng ta có thể muốn có một số biến đó là chờ đợi cho một nhấp chuột.
Những gì chúng tôi sẽ làm là chúng ta sẽ làm cho liên kết của chúng tôi tương tự như một nút.
Vì vậy, chúng ta sẽ có một số nút bằng tài liệu có được chấm phần tử bằng Id.
Và nếu tôi đang nói về nhấp vào liên kết hoặc bấm vào đây để tiệc tùng
liên kết, những gì có thể Id của tôi có mặt ở đây?
Đảng.
Chính xác.
OK không quá xấu cho đến nay.
Tất cả mọi người có được những gì chúng tôi đang làm?
>> OK, bây giờ chúng ta có của chúng tôi nút, và chúng tôi muốn
thứ thay đổi khi chúng ta click vào nó.
Vì vậy, nếu chúng ta nhớ từ PowerPoint của chúng tôi, điều rất đơn giản, chúng ta có thể làm
chỉ là nút dot onclick, phải không?
Và đó là sẽ bằng một số chức năng.
Đây là một chức năng vô danh.
Và điều này chỉ thực sự as-- tôi sẽ làm cho này lớn hơn một chút.
>> Vì vậy, những gì tôi chỉ cần làm đây là tôi đang nói, OK,
khi chúng ta bấm vào nút của chúng tôi, đó là link này mà chúng ta vừa đề cập,
chúng ta sẽ thực hiện chức năng ẩn danh này.
Chúng tôi không cần bất kỳ đầu vào.
Chúng tôi không quan tâm những gì người dùng nói.
Khi họ click vào nó, chúng tôi sẽ làm bất cứ điều gì chúng ta muốn,
đó là thay đổi màu nền.
OK?
Vì vậy, đó là lý do tại sao chúng tôi không có bất kỳ đầu vào, chúng ta chỉ có chức năng ẩn danh này.
Và bây giờ chúng tôi đang thực sự đi để viết chức năng này.
>> Vì vậy, có một loạt các cách bạn có thể tạo ra một màu sắc ngẫu nhiên.
Cách mà tôi đã làm nó đã đến tạo ra ba con số ngẫu nhiên
và chuyển đổi chúng sang một RGB ba.
Vì vậy, điều này chỉ cho bạn thấy một số mát mẻ những điều mà nếu bạn đang như "oh,
Tôi cần phải tạo ra một cách ngẫu nhiên số. "nếu bạn google nó,
đây là những gì bạn sẽ tìm thấy.
>> Vì vậy, chúng tôi có ba khác nhau điều, var, không đỏ nữa, màu xanh lá cây.
Phải không?
Vì vậy, đó là ba điều đó tạo nên một màu sắc.
Màu xanh, đỏ và xanh lá cây.
Cool.
Và những gì chúng ta có thể làm là chúng ta biết mà nó cần phải được giữa 255,
và nếu bạn nhìn lên một số máy phát điện số ngẫu nhiên,
bạn có thể có được một cái gì đó như toán học chấm ngẫu nhiên, nếu bạn nhìn này lên
trả về một số số giữa không và một.
OK?
Và những gì con số làm chúng tôi RGB gấp ba đi giữa?
Zero và những gì?
Những gì họ có thể đi lên đến?
255.
Vì vậy, nếu toán chấm ngẫu nhiên đi giữa không và một,
làm thế nào chúng ta có thể muốn chuyển đổi này?
Đung Time?
ALLISON BUCHHOLTZ-AU: Yeah, chính xác.
Vì vậy, thời gian là 255.
>> Đung [Không nghe thấy] Nó giống như [không nghe được].
ALLISON BUCHHOLTZ-AU: Math chấm ngẫu nhiên.
Đung Cool.
ALLISON BUCHHOLTZ-AU: Yes.
JavaScript chỉ chăm sóc của bạn.
OK.
Vì vậy, chúng ta có thể làm điều đó cho tất cả các.
Phải không?
Math chấm lần ngẫu nhiên 255.
Sao chép đó.
Cool.
Vì vậy, điều này là, điều này có thể không trả lại một số nguyên.
Phải không?
Có lẽ chúng ta có được một số số giữa không và một,
và nó sẽ khiến hơi off, và RGBs của chúng tôi không thể nổi được.
Họ cần phải có kiểu int.
Vì vậy, nếu bạn đã cố gắng này, nó muốn có lẽ có một số hành vi thất thường.
Nó sẽ là một chút funky.
Vì vậy, những gì chúng tôi làm là chúng tôi muốn thực hiện chắc chắn rằng chúng được làm tròn,
và bạn có thể làm tròn một trong hai cách.
Tôi tròn với sàn.
Vì vậy, tôi luôn luôn đảm bảo mà nó làm tròn xuống.
Nhưng đi tắt của cách đơn giản nó là chỉ cần có được một số ngẫu nhiên,
làm thế nào để bạn nghĩ chúng tôi might sàn số này?
Nó rất giống.
Bất cứ ý tưởng?
Vì vậy, nếu ngẫu nhiên là chỉ toán dấu chấm ngẫu nhiên, do đó, bạn có nghĩ rằng chúng ta sẽ làm sàn?
Math dot sàn.
Và bạn cũng có thể làm toán dot trần.
Round là loại mơ hồ bởi vì bạn không
biết để làm tròn lên hoặc làm tròn xuống.
Vì vậy, thông thường chúng ta luôn luôn làm toán dot sàn, toán dot trần.
Nhưng honestly--
>> Đung Liệu quanh sàn xuống?
>> ALLISON BUCHHOLTZ-AU: Tầng tròn xuống.
Và đó chỉ là một sự lựa chọn trên một phần của tôi.
>> Vì vậy, bây giờ chúng tôi có ba con số của chúng tôi đã được tạo ra một cách ngẫu nhiên,
và những gì chúng ta sẽ làm gì bây giờ chúng tôi là chỉ cần đi để thay đổi nền.
OK?
Vì vậy, chúng tôi đã có của chúng tôi nền loại lưu trữ
trong phần tử này được gọi là nền.
Vì vậy, những gì bạn sẽ nhận thấy là, nếu bạn chơi xung quanh với điều này,
chúng tôi muốn thay đổi phong cách.
Và đây là loại cái gì đó bạn sẽ Google và tìm ra,
thích làm thế nào để thay đổi màu sắc.
>> Nhưng cách bạn truy cập vào màu sắc này là nền phong cách chấm chấm nền.
Vì vậy, đây là câu nói được đối tượng này, nền,
trong đó đề cập đến đó yếu tố Id lên ở đó,
chúng ta sẽ xem xét các phong cách trong phong cách,
chúng ta sẽ xem xét ở trên nền.
OK?
Và nếu bạn đi và tìm kiếm này lên, nó có thể làm cho tinh thần nhiều hơn một chút,
nhưng điều này về cơ bản là chỉ cần nói, "Cho tôi thuộc tính này rất cụ thể
về những gì tôi đã xác định trước đó. "
Vì vậy, những gì chúng ta đang thay đổi nó để là một số RGB, bởi vì nó làm cho tinh thần.
Chúng tôi đang sử dụng RGB gấp ba, phải không?
Và chúng tôi have-- Tôi muốn chắc chắn rằng tôi có được các số bên phải của dấu ngoặc kép trong đây.
Vì vậy, những gì chúng tôi làm là chúng tôi có RGB, và chúng ta sẽ
đối với: điều này giống như nối, đó là màu đỏ.
Và sau đó, chúng tôi muốn có một số dấu phẩy.
Và sau đó chúng tôi muốn cộng với màu xanh lá cây, sau đó một số dấu phẩy, và một số màu xanh.
>> Vì vậy, những ưu điểm chỉ nghĩa là giống như nối.
Vì vậy, điều này chỉ được tạo ra này chuỗi đó đang xảy ra trong vòng RGB.
OK?
>> Đung [Không nghe thấy] cộng với sau đó các màu xanh lá cây cộng với sau đó màu đỏ.
>> ALLISON BUCHHOLTZ-AU: Yeah, vì tôi sai lầm mà lên.
Phạt mà ai.
Oh, giữ trên.
Không.
Bởi vì tôi cần phải chắc chắn mà tôi đã nhận tất cả các quyền.
Vì vậy, tôi sẽ giải thích trong momento uno.
Màu xanh lá cây, xanh da trời, hoàn hảo.
Bây giờ tôi đang thực hiện.
Tôi tin.
>> OK.
Vì vậy, đây là những gì, là nền sẽ được thiết lập để một số chuỗi.
Phải không?
Đó là những gì chúng tôi có ở đây.
Nó sẽ là một số RGB 255 dấu phẩy 255 dấu bằng không, hoặc bất kỳ số nào bạn
có ở đó.
Vì vậy, chúng tôi đang làm ở đây, chúng tôi có một số chuỗi.
Và những gì chúng tôi muốn làm, đó là chúng ta loại động tạo
rằng khi chúng ta thực sự chạy chương trình này.
Vì vậy, đây là một số chuỗi.
Cộng móc nối nó với các giá trị màu đỏ mà có,
đó móc nối nó với một dấu phẩy, mà móc nối nó
với những gì là màu xanh lá cây, và vv, và vv.
OK?
Cho đến cuối, đó là đóng ngoặc của RGB này ở đây.
OK?
>> Vì vậy, điều này sẽ tạo ra là một số lệnh thực sự
đó là RGB của ba số nền mà bây giờ được thiết lập để.
OK?
Vì vậy, chúng ta hãy xem nếu công trình này.
Tôi hy vọng nó không có gì, bởi vì nếu nó không, tôi sẽ được thực sự buồn.
Ồ không.
OK, giữ trên.
Chắc chắn nền phong cách dot dot nền.
Tôi chắc chắn mất tích một cái gì đó chỉ nhỏ.
Không bạn ghét kẻ đó?
Khi nó chỉ là một lỗi nhỏ chút?
Nền Almighty.
RGB.
>> Đung [Không nghe thấy]
ALLISON BUCHHOLTZ-AU: No.
Tôi cố gắng này trước khi đến lớp.
Tôi có tất cả mọi thứ tôi đã làm trước lớp trong trường hợp tôi đã như thế,
"Chờ đợi, những gì đã làm tôi làm sai?"
Bởi vì tôi đã thích, "Tôi có thể sẽ mess này lên tại một số điểm. "
Cộng với màu xanh lá cây.
Tất cả mọi thứ có vẻ như nó là nối một cách chính xác.
OK.
>> Đung [Không nghe thấy]
>> ALLISON BUCHHOLTZ-AU: Oh, có bạn đi.
Đó là những gì tôi cần.
Nhìn vào đó.
Tiffany đến giải cứu.
Perfect.
OK.
Bây giờ chúng ta hãy xem nếu nó hoạt động.
Ôi Thiên Chúa.
OK.
Giữ trên.
>> Đung Space sau khi cộng thứ hai.
>> ALLISON BUCHHOLTZ-AU: Mà một trong những?
Oh chờ đợi, giữ trên.
Space mặc?
>> Đung Thứ hai cộng trong sự nối màu xanh lá cây.
ALLISON BUCHHOLTZ-AU: Oh.
Đung Không có không gian sau khi cộng, yeah.
ALLISON BUCHHOLTZ-AU: Bạn không cần điều đó, but--
Đung Oh, bạn không?
ALLISON BUCHHOLTZ-AU: Nó trông khá.
Đung OK.
OK.
>> ALLISON BUCHHOLTZ AU: Hãy xem, nếu công trình này.
OK.
Tôi rõ ràng là thất bại trong demo này, trong đó nhắc nhở tôi
của một bài giảng tuần khác, nhưng tôi biết điều này sẽ làm việc.
Tôi biết điều này sẽ làm việc.
Vì vậy, gần gũi.
Trừ khi tôi vô tình bị xóa kịch bản của tôi trên này.
Không, nó là dấu chấm bên js.
OK giữ.
Tôi sẽ để sao chép này, và tôi cũng chỉ cần đi để xóa tất cả mọi thứ,
bởi vì tôi đã làm việc này trước đó.
>> Tôi hứa với nó hoạt động.
Nếu không, tôi sẽ cho bạn thấy những gì là Tommy.
Và ở đó.
>> Đung Bạn đang tham khảo bên dot CSS, và đó là một bên dot js.
>> ALLISON BUCHHOLTZ-AU: Ah, cũng ngay ở đây là bên dot js.
OK, tôi đã làm những gì khác nhau?
OK, chúng ta sẽ thấy nếu công trình này bây giờ.
Bam.
Vì vậy, tôi không biết những gì tôi đã làm khác đi, nhưng đây là những gì nên xảy ra.
Kinda mát.
Tôi nhấp vào đây, như thế, mãi mãi.
Nhưng chúng ta có thể thử và xem những gì tôi đã làm khác nhau mà một trong này đã có.
Tôi không biết về bạn, nhưng điều này trông về cơ bản những gì tôi vừa viết.
Có lẽ là một thiếu dấu chấm phẩy ở đâu đó là điều tôi.
Trên thực tế sau đó, tôi nghĩ rằng tôi đã mất tích một dấu chấm phẩy đúng ở đây thực sự.
Nhưng tôi không thể nhìn thấy nó vì nó đã được tắt màn hình.
>> Nhưng nếu chúng tôi nhận thấy, điều này là khá nhiều chính xác những gì tôi vừa viết.
Tôi nghĩ có lẽ là phần khó khăn nhất đây chỉ là loại điều này ngay
ở đây, sự hiểu biết những gì nó đang làm gì ở đó.
Những loại điều bạn học thực sự chỉ bởi Googling và trung thực
chỉ cần cố gắng.
Nếu bạn nghĩ rằng có một số thuộc tính, có lẽ là.
Vì vậy, hãy thử nó.
Xem những gì sẽ xảy ra.
Như tôi đã nói, có rất nhiều thử nghiệm với Javascript,
và PHP, và tất cả những gì công cụ, và đặc biệt là CSS.
Đó là chỉ đúng cách để hiểu nó.
>> OK, vì vậy sau đó thất bại với bên dot js, chúng tôi có hai lựa chọn khác.
Chúng tôi có đồng hồ hay Twitter.
Họ vừa thú vị.
Có lẽ không hoàn toàn là vui vẻ như bên, trong đó có một strobing chút mát mẻ
điều cuối cùng.
Các anh có bất kỳ ưu đãi?
Đung Clock?
ALLISON BUCHHOLTZ-AU: Clock?
OK.
Cool.
>> Vì vậy, một lần nữa, chúng tôi có của chúng tôi rỗng tập tin JavaScript.
Và như chúng ta thấy ở đây, chúng tôi có một số HTML rất đơn giản.
Chúng tôi có phong cách trang của chúng tôi, mà chỉ định dạng những gì nó sẽ giống như thế.
Chúng tôi có div của chúng tôi với một Id của đồng hồ, mà
chỉ nói, "đây sẽ là một chiếc đồng hồ."
Và chúng tôi có liên kết của chúng tôi đến tập tin JavaScript của chúng tôi
đó là thực tế sẽ tạo đồng hồ của chúng tôi đối với chúng tôi.
Bởi vì những điều mát mẻ, là bạn có thể thiết lập JavaScript để tự động làm mới
chính nó.
OK?
Vì vậy, thay vì chờ đợi dùng để nhấn Refresh trên một trang
để bạn có thể nhận được thời gian cập nhật, JavaScript
có thể cập nhật nó tuy nhiên nó thích.
>> Vì vậy, như với người cuối cùng của chúng tôi, chúng tôi muốn để truy cập vào nền của chúng tôi, phải không?
Vậy điều gì làm bạn nghĩ rằng có thể là Điều đầu tiên chúng tôi muốn làm ở đây?
Nếu chúng ta loại đi tắt loại này của mô hình ở đây?
Chúng tôi có thể muốn truy cập vào đồng hồ của chúng tôi, phải không?
Vì vậy, chúng tôi có một số var đồng hồ, mà equals--
những gì chúng tôi nghĩ rằng nó sẽ là?
Tài liệu có được chấm phần tuỳ theo trường tôi cũng yêu Id Sublime-- và Id của chúng tôi là đồng hồ.
Dấu chấm phẩy.
Phải chắc chắn để có được những dấu chấm phẩy thời gian này,
bởi vì tôi cảm thấy như thế là vấn đề thời gian qua.
OK như vậy, như tôi đã chỉ nói với cố gắng có JavaScript làm mới bản thân,
có chức năng tuyệt vời này, tôi biết nó đã có ích năm ngoái,
Tôi không chắc nó có ích cho việc này pset, nhưng nó được gọi là khoảng thời gian quy định.
Và điều này thực sự là thực sự mát mẻ, nếu các bạn làm bất cứ điều gì
với thời gian hoặc nhận thông tin cập nhật.
Trên một trang web cho một trận chung kết dự án, điều này có lẽ
một chức năng mà bạn muốn có được siêu quen thuộc với.
Vì vậy, những gì thiết lập khoảng thời gian nào là chúng tôi sẽ cung cấp cho nó một chức năng,
và bao lâu nó nên gọi chức năng này.
OK?
>> Vì vậy, trong trường hợp này, chúng tôi chỉ cần đi để tạo ra một số chức năng ẩn danh một lần nữa,
OK, có nghĩa là sẽ có được ngày của chúng tôi, và thời gian của chúng tôi,
và sau đó cập nhật mọi thứ và hiển thị nó.
Vì vậy, chúng tôi sẽ lo lắng về điều đó.
Chúng tôi sẽ giống như tạo ra đồng hồ ở đây.
Nhưng những gì chúng ta cần là như thế nào thường xuyên để làm mới nó.
Vì vậy, trong trường hợp này, nó chỉ là vài phần nghìn giây.
Vì vậy, chúng tôi chỉ cần đi để làm 100 mili giây.
Tất nhiên, hoàn toàn tùy ý.
Nếu bạn muốn có nó để cập nhật chậm hơn rất nhiều, bạn có thể.
Chúng ta có thể lộn xộn xung quanh với khoảng thời gian thiết lập,
làm thế nào lớn khoảng thời gian của chúng tôi là sau khi chúng tôi nhận được một đồng hồ làm việc, mà hy vọng tôi sẽ
có được.
Vì vậy, đây chỉ là nói, "OK, cuộc gọi Chức năng này mỗi 100 mili giây. "
OK?
Đó là tất cả nó.
>> Vì vậy, những gì chúng ta muốn chức năng của chúng tôi để làm là chúng tôi muốn có một số ngày
và một thời gian là những gì chúng ta sẽ có.
Vì vậy, chúng ta có thể bắt đầu với chúng tôi ngày bằng gì gì đó,
và thời gian của chúng tôi bằng một cái gì đó mà chúng ta chưa biết.
Hoặc thực sự, chúng ta chỉ cần ngày, bởi vì ngày sẽ bao gồm tất cả mọi thứ.
Một lần nữa, nếu bạn chỉ cần Google bất cứ điều gì về những gì bạn muốn làm, nếu bạn viết, "OK,
Tôi muốn có được thời gian thông qua JavaScript, "nó
sẽ cung cấp cho bạn điều này tuyệt vời chức năng được gọi là ngày get.
Theo nghĩa đen, hầu hết mọi thứ mà bạn muốn làm,
JavaScript là sẽ có nó làm cho bạn rồi.
Vì vậy, đó là nghĩa đen như mới có được ngày, đó là creating--
hoặc ngày mới, rather-- được tạo ra
một số đối tượng đại diện cho một ngày.
>> Và những gì chúng ta sẽ làm ở đây là is-- này tôi sẽ viết này,
và sau đó giải thích những gì nó.
Vì vậy, tôi sẽ chắc chắn rằng tôi có được quyền này.
>> OK, vậy chức năng này không có gì, đó là chúng ta chỉ
tạo các HTML đó là thực sự sẽ đi trong vòng Id div của chúng ta về đồng hồ.
Vì vậy, điều này sẽ được làm chỉ là tạo ra một số chuỗi, OK?
Lúc đó sẽ đi tới được cấy vào HTML của chúng tôi.
Về cơ bản những gì nó sẽ làm là bất cứ điều gì we-- những gì tôi sẽ chỉ cho bạn
là bất cứ điều gì chúng ta nói là HTML, chúng tôi sẽ thay thế văn bản này tại đây
với bất cứ điều gì là HTML.
Vì vậy, điều này sẽ cho phép chúng ta thay đổi đồng hồ của chúng tôi chấm
HTML từ được chỉ là văn bản này nên là một chiếc đồng hồ, để thực sự hiển thị
những con số và những điều mà chúng tôi quan tâm về, và thực sự là giờ.
>> Vì vậy, những gì chúng ta sẽ làm chúng tôi là sẽ bắt đầu tạo ra HTML này.
Vì vậy, trong cùng một cách mà chúng tôi sử dụng làm cộng bằng cho các số nguyên,
bây giờ bạn có thể làm điều đó cho các chuỗi, ngoại trừ nó sẽ ghép chúng.
Phải không?
Như chúng ta đã thấy có những chấm bên js, đây chỉ móc nối tất cả những việc này lại với nhau.
Vì vậy, bạn có thể nối các bit khác nhau HTML từ các biến, hoặc bit của chuỗi
mà bạn viết ra chính mình, và điều này chỉ
thực sự cho phép bạn tự động tạo ra HTML, mà là khá mát mẻ.
Vì vậy, nếu bạn có một cái gì đó rất dễ sử dụng cụ thể,
này có thể cho phép bạn làm điều đó.
>> Vì vậy, chúng tôi có HTML, để tôi sẽ thử và chắc chắn rằng tôi có được quyền này.
Vì vậy, chúng ta sẽ làm một số tiêu đề h1.
Vì vậy, điều quan trọng để nhận ra đây là điều này thực sự chỉ là HTML.
Phải không?
Chúng tôi viết thực tế HTML code ở đây, đó là
không chỉ là một chuỗi trong bình thường cách mà chúng ta sẽ nghĩ về nó.
Vì vậy, chúng tôi có một số mã HTML.
Đây được xem là một chuỗi ở đây mặc dù.
Và chúng tôi làm ngày dot-- chúng tôi muốn có được giờ của chúng tôi.
Một lần nữa, nếu bạn nhìn lên bất cứ điều gì về ngày tháng,
nó sẽ cho bạn biết đây là tất cả các thuộc tính ngày mà có.
Và đây là những gì bạn có thể sử dụng trên nó.
Vì vậy, nó có thể có những thứ như có được giờ, và có được phút,
và có được giây, và nhận được phần nghìn giây, và ai biết được những gì khác mà họ có.
Nhưng nếu bạn nhìn vào tài liệu, tất cả sẽ được ở đó.
>> Vì vậy, chúng tôi đã nhận được giờ, và sau đó chúng ta sẽ muốn
tiếp nhau mà with-- tôi sẽ di chuyển này trên đây.
Vì vậy, nếu chúng ta đang tạo ra ngay bây giờ, chúng tôi thực sự tạo ra thời gian, phải không?
Chúng tôi có giờ, và sau đó là những gì giữa giờ và phút?
Bạn có một dấu chấm phẩy, phải không?
Vì vậy, chúng tôi muốn làm một số dấu chấm phẩy ở đây.
Và sau đó, chúng tôi muốn có được của chúng tôi phút, do đó trong cùng một cách
mà chúng ta có ngày chấm có được giờ, làm thế nào chúng ta có thể có được phút của chúng tôi?
Đó là nghĩa đen ngày chấm được phút, mà tôi thích loại.
Nó giống như, "oh, làm thế nào Tôi có được phút của tôi? "
Tôi chỉ có được phút của tôi.
>> OK.
Và sau đó chúng tôi có ruột khác ở đây.
Và sau đó, nếu chúng ta muốn có được của chúng tôi giây, làm thế nào chúng ta có thể có được thứ hai của chúng tôi?
Ngày chấm có được giây.
Tôi nghĩ rằng nó là khá mát mẻ.
Và điều quan trọng để nhận ra, là chúng tôi cũng
cần phải đóng tag HTML của chúng tôi ở đây, bởi vì nó vẫn cần được HTML hợp lệ, vì h1.
Cool.
>> Vì vậy, sau đó, chúng ta có thể làm đồng hồ dot HTML bên trong là bằng HTML.
OK?
Vì vậy, hãy nhớ làm thế nào tôi nói HTML bên trong cơ bản
mất bất cứ điều gì là giữa hai thẻ mà chúng tôi nói chuyện về
và chèn hoặc thao túng bất cứ điều gì trong đó?
Vì vậy, điều này không, nếu chúng ta trở lại đồng hồ của chúng tôi,
là đồng hồ đề cập đến tất cả mọi thứ trong div này.
Đây là bên trong HTML của đồng hồ này div Id.
Và do đó, nó sẽ thay đổi nó để HTML mà chúng ta vừa tạo ra,
mà, trong đó, hy vọng, hy vọng, hy vọng,
sẽ hiển thị thời gian ngay bây giờ.
Chúng ta sẽ thấy.
Tất nhiên.
Vì vậy, nhiều vấn đề kỹ thuật.
Just-- Allison của tôi off game ngày nay kẻ tôi.
OK, mà làm việc.
đồng hồ chấm HTML bên trong.
Đó là HTML Really?
Ngoài ra đây là những gì sẽ xảy ra.
Khi bạn không thể nhìn thấy một cái gì đó bạn, chỉ cần nhìn vào mã nguồn của bạn.
OK.
Bạn có muốn biết một công trình xung quanh mát mẻ rằng chúng ta sẽ làm ngay bây giờ?
>> Đung bạn có thể làm chữ viết hoa?
Các chữ viết hoa?
Bởi vì bạn có được giờ, và sau đó nhận được phút.
>> ALLISON BUCHHOLTZ-AU: Nó là có được giờ và get-- oh.
Bạn are-- sao vàng.
Đó là tất cả một thử nghiệm, guys.
Tôi hứa nó đã làm việc trước khi đến lớp.
>> OK, nhưng một cái gì đó mát mẻ để biết là mà bạn có thể also-- nếu đôi khi
tập tin bên ngoài của bạn nhận được một chút điên rồ,
bạn cũng có thể chỉ cần đặt chúng thẳng ở đây, mà có xu hướng để khắc phục điều này.
Ngoại trừ điều này cũng giống như thực sự xấu xí.
Tất nhiên định dạng tất cả mọi thứ.
Hãy chắc chắn rằng đó là tất cả khá.
OK.
>> Tôi muốn làm tất cả những trình diễn mát mẻ, và họ chỉ cần không làm việc ra.
OK.
Script var đồng hồ.
Anyways, điều quan trọng là rằng đây là cách nói chung
mà bạn sẽ định dạng JavaScript.
Như bạn có thể thấy, nó có thể được rất khó tính đôi khi,
ngay cả khi nó là nghĩa đen làm việc hai giây.
Hoặc không phải là hai thứ hai trước, nhưng rất, rất gần đây.
>> Vì vậy, để cho bạn thấy những gì nó sẽ giống như thế, và để cho bạn thấy rằng tôi không điên,
và rằng tất cả mọi thứ là chính xác cùng, đây là những gì nó sẽ giống như thế.
Bạn chỉ cần đi làm phần đầu này ở đây, và nếu bạn xem mã nguồn trang,
nếu bạn thông báo, ông đã làm một số điều điên rồ, tôi đơn giản hóa nó.
Ngoài ra, tín dụng cho Tommy McWilliam, những người thực sự
đã giúp tôi tạo ra những ví dụ này, đó là lý do tại sao tôi biết họ làm việc.
Bởi vì Tommy là một bậc thầy JavaScript.
Nhưng nếu chúng ta để ý, chúng tôi có một số thiết lập.
Chúng tôi có chức năng đồng hồ của chúng tôi ở đây.
Đây là tất cả các JavaScript chúng tôi chỉ viết, hoặc một số của nó.
Chúng tôi chỉ viết này ngay tại đây.
Và anh có thêm chức năng mà chỉ là miếng nó
bằng cách đặt một số không trước khi một thư hoặc trước một số nếu nó
chỉ một trong số họ.
Vì vậy, nếu bạn chú ý, điều này là khá nhiều chính xác những gì chúng tôi chỉ viết.
Bạn có một số đồng hồ biến có yếu tố của chúng tôi, có phần tử bằng ID,
đó là đồng hồ.
Chúng tôi có khoảng thời gian thiết lập của chúng tôi chức năng, đó là
một chức năng ẩn danh mà thực hiện tất cả những điều này.
Chúng tôi đã bắt đầu một chuỗi các HTML mà chúng ta sau đó tự động
tạo ra bởi có một số tiêu đề h1, việc ghép
có được những giờ, cộng với ruột của chúng tôi, cộng với nhận
phút, cộng thêm ruột già, cộng với giây của chúng tôi,
và cuối cùng là kết thúc HTML cho nó.
Và sau đó chúng tôi cập nhật đồng hồ của chúng tôi chấm HTML bên trong để HTML,
và chúng tôi cập nhật mỗi 100 mili giây.
OK?
>> Xem Tôi hứa tôi không điên.
Tôi không biết.
Tôi không biết lý do tại sao nó không thích tôi.
Tôi cảm thấy như có vẻ giống nhau, nhưng dường như nó ghét tôi.
>> Vì vậy, chúng ta hãy xem nếu vòng ba đi tốt hơn.
Chúng tôi về để xem.
Tôi không chắc chắn cách này sẽ đi.
Được tất cả mọi người ít nhất nhận được sự nhược điểm, như chỉ là chủ đề chung
JavaScript, mặc dù?
Tôi hy vọng rằng ít nhất hữu ích, nhiều hơn cho thấy rằng nó là một chút khó tính.
Nhưng bộ vấn đề của bạn sẽ rất vui vẻ.
Nó sẽ là tuyệt vời.
Nó sẽ không được khá tẻ nhạt như thế này, tôi không nghĩ.
Bạn thực sự sẽ nhận được nhìn thấy những điều thực sự mát mẻ.
>> Vì vậy, cuối cùng nhưng không kém, chúng ta sẽ thử một Twitter.
Tôi thực sự sợ hãi bây giờ, guys.
Tôi không biết làm thế nào điều này sẽ đi.
Nhưng chỉ để cung cấp cho bạn một chút hương vị hơn, và điều này là thực sự
chuỗi các thao tác và đầu vào, những gì chúng tôi đang đi làm
là, nếu chúng ta nhận thấy ở đây với HTML-- này có một chút more--
chúng tôi có một số diện tích văn bản, trong đó tương ứng với vùng văn bản này tại đây.
OK?
Và có một ID của văn bản.
Chúng tôi đã ẩn nó một chút với một số chiều rộng và chiều cao
mà chúng tôi đã xác định trước, và chúng tôi đã h1,
đó chỉ là một trong những tiêu đề của chúng tôi đại diện cho nhân vật của mình lại.
Chúng tôi đã cho nó một số Id của nhân vật còn lại,
và sau đó chúng tôi có một số kịch bản ở đây, mà tôi thực sự
hy vọng lần thứ ba của sự quyến rũ ở đây, guys.
>> Vì vậy, những gì chúng tôi muốn làm, trong tĩnh mạch chung giống nhau
mà chúng tôi đã thực hiện với đồng hồ dot js và chấm bên js như chúng ta đã thấy,
là chúng ta đã bắt đầu bằng cách thực sự grabbing những điều mà chúng tôi quan tâm, phải không?
Vì vậy, trong trường hợp này, có hai những điều mà chúng tôi quan tâm, OK?
Một điều mà chúng tôi thực sự loại nhìn vào và vẽ dữ liệu từ,
và một điều rằng chúng tôi đang thực sự thay đổi.
Vì vậy, có HTML của chúng tôi.
Nếu đây là trang web của chúng tôi ở đây, có chuyện gì các dữ liệu mà chúng tôi đang tìm kiếm?
Nó sẽ là bất cứ điều gì các văn bản trong hộp của chúng tôi, phải không?
Vì vậy, bất cứ điều gì tôi gõ vào đây.
Đó là những gì tôi muốn biết, hoặc đó là những gì tôi muốn xem xét.
Và những gì sẽ là thay đổi trên trang web của chúng tôi?
Các nhân vật còn lại.
Vì vậy, trong cùng một cách, chúng ta muốn bắt đầu bằng cách khởi tạo các biến
mà thực sự giữ được những yếu tố này.
OK?
Vì vậy, nếu chúng ta có một số var đó là vùng văn bản của chúng tôi,
và chúng tôi có một số var được còn lại.
Phải không?
Vì vậy, những sẽ giữ hai điều này.
Vì vậy, cùng một loại điều, tài liệu dot-- OK, tôi
sẽ đảm bảo rằng đây là đi làm việc lần này.
Tôi rất cương quyết.
OK, vì vậy nếu chúng ta muốn chúng tôi vùng văn bản, theo
để HTML của chúng tôi, định danh của chúng ta là gì?
Id của chúng tôi là gì?
Nó chỉ có được văn bản vì điều này tạo ra khu vực văn bản của chúng tôi, OK,
và Id của chúng tôi là văn bản, do đó làm thế nào chúng ta có thể lấy những gì trong đó.
OK, dấu chấm phẩy.
Tôi sẽ được siêu chính xác về điều này,
bởi vì tôi muốn điều này để làm việc lần này.
OK, làm điều tương tự, lấy phần tử bằng Id.
Tôi thật sự tự hỏi những gì có gây ra hai người kia để gây rối.
OK, sau đó trong một này, những gì chúng ta muốn truy cập?
Id của chúng tôi ở đây là gì?
Chúng tôi có một Id trong HTML của chúng tôi, nó là gì?
Đung Ký tự còn lại.
ALLISON BUCHHOLTZ-AU: Ký tự còn lại.
>> OK.
Cool.
Vì vậy, tôi chỉ cần đi tới viết này thực sự nhanh chóng.
Tôi chỉ cần đi để viết điều này trong lần thứ hai.
Vì vậy, khu vực văn bản.
B function-- có gì thú vị là rất nhiều chức năng mà không phải chỉ
tương ứng với bạn chuột, nhưng bàn phím của bạn.
OK?
Vì vậy, bạn có thể nói khi nào chính là nhấn, bạn có thể làm những việc như thế.
Vì vậy mà chúng ta đang sử dụng được gọi là trên phím lên, mà
nói, "nếu bạn nhấn phím bất kỳ trên bàn phím của bạn, khi người dùng đã nâng lên
ngón tay của họ ra khỏi nút đó, và quan trọng đã trở thành unpressed,
sau đó chúng ta sẽ làm điều gì đó. "
OK?
Vì vậy, điều này làm cho ý nghĩa, phải không?
Bởi vì mỗi nhân vật chúng tôi loại, chúng ta đang đi
phải nhấc ngón tay của chúng tôi ra của nó, vì vậy khi phím đi lên,
chúng ta có thể biết để giảm giá trị nhân vật của chúng ta còn lại.
>> Vì vậy, chúng tôi có một số ngày quan trọng lên, và trong cùng một cách,
chúng ta sẽ nói, "OK, khi chúng ta làm điều đó, chúng tôi
sẽ tạo ra một số chức năng mà là sẽ mất e, "trong trường hợp này,
và những gì chúng tôi muốn làm là tính toán số còn lại.
OK, vì vậy chúng ta hãy chỉ bắt đầu bằng cách tạo ra một biến.
Vì vậy, chúng tôi có một số biến r, đó là sẽ đại diện
chúng tôi đã bỏ bao nhiêu ký tự.
OK?
Chúng tôi biết rằng chúng tôi bắt đầu với 140, và nếu chúng ta muốn biết,
hãy nói, chiều dài này chuỗi đó là được đầu vào,
làm bạn có bất kỳ ý tưởng làm thế nào chúng ta có thể làm điều đó?
Chỉ cần dựa tắt của rõ ràng điều, nếu như chúng ta muốn giờ,
chúng tôi sử dụng có được giờ.
Chúng tôi biết rằng đối tượng của chúng tôi là vùng văn bản, nhưng bạn có thể kẻ
nghĩ về những gì có thể đi sau nó?
Bất cứ ý tưởng?
>> Vì vậy, loại cái này thì ít trực quan, nhưng giá trị của nó dot dài.
Vì vậy, chỉ cho tôi một số Thuộc tính giá trị đó
thực sự là chiều dài của chuỗi này.
Vì vậy, nó sẽ nói, "OK, tôi đang tìm tại toàn bộ chuỗi này trong vùng văn bản,
và tôi sẽ nói với bạn bao lâu rồi. "
Bởi vì nếu chúng ta nhớ chuỗi thực sự chỉ là mảng,
vì vậy chúng tôi chỉ có thể đi theo chiều dài của chúng.
Vì vậy, chúng tôi có điều đó.
Cool.
>> Sau đó, những gì chúng tôi muốn làm là chúng tôi không bao giờ muốn để cho phép người sử dụng
để đầu vào hơn 140 ký tự, phải không?
Bởi vì nếu chúng ta nói như thế, "oh, bạn chỉ còn lại có bấy nhiêu, "
và sau đó cho phép họ làm điều đó anyways, chúng tôi đã nói dối.
Và đây là một điều mà JavaScript
có thể được thực sự tốt cho, là xác nhận người dùng
và đảm bảo rằng bạn người sử dụng có phù hợp với bất kỳ quy tắc
mà bạn đã cung cấp cho họ.
Vì vậy, nếu bạn muốn làm những việc như làm chắc rằng ai đó nhập vào địa chỉ email của họ,
hoặc đảm bảo rằng khi họ nhập hai mật khẩu, họ xuất hiện.
JavaScript có thể làm điều đó.
Bạn sẽ làm một cái gì đó như thế, "khi các mẫu được gửi, "hay như thế,
"Khi nút Submit Form là nhấn vào, kiểm tra tất cả những điều này. "
Và chúng ta có thể làm điều đó JavaScript.
Vì vậy, đó chỉ là những gì chúng ta sẽ làm ở đây.
>> Vì vậy, những gì có thể là một cách để kiểm tra xem họ đã vượt quá 140 ký tự?
Chuyện gì sẽ xảy ra với giá trị của chúng ta về r nếu họ cố gắng?
Nó sẽ là tiêu cực, phải không?
Hoặc nó sẽ ít hơn hoặc bằng số không.
Vì vậy, chúng ta có thể sử dụng một nếu đó là giống như mọi thứ khác.
OK?
Và chúng tôi có một số diện tích văn bản chấm giá trị, và những gì chúng tôi đang làm ở đây
là chúng tôi chỉ cutting-- nó là gì?
Xin lỗi.
Điều này, chúng tôi chỉ muốn trả về false.
Tôi đã nhầm lẫn.
Tất cả frazzled từ những thứ không làm việc.
OK, chúng tôi chỉ muốn return false, và sau đó chúng tôi
muốn hiển thị nhân vật còn lại, phải không?
Vì vậy, với các đồng hồ, chúng tôi đã làm một cái gì đó với HTML bên trong, phải không?
Nơi chúng tôi đặt nó bằng với số biến, vì vậy những gì chúng tôi có thể làm gì đây?
Chúng ta đang thay đổi HTML bên trong?
>> Đung còn lại?
>> ALLISON BUCHHOLTZ-AU: Chúng tôi đang thay đổi còn lại.
Tất cả phải, và làm những gì chúng tôi muốn thiết lập nó bằng?
Nó sẽ là r, vì đó nên nhân vật của chúng ta còn lại.
OK?
Vì vậy, tôi thực sự lo lắng để xem các công trình này, nhưng chúng ta sẽ thấy.
Để lại này.
Đó là thực sự nhanh chóng.
[Không nghe thấy] OK.
Một lần nữa, tôi chỉ cần đi để cho bạn thấy.
Đối với bất cứ lý do nào, tôi quyết định không làm việc,
nhưng những gì tôi sẽ cho bạn thấy là điều này is-- oh tôi phải đặt trong.
OK, chúng ta nhận thấy cùng một loại điều ở đây, nhận được các vùng văn bản.
>> Ngoài ra, nếu bạn thông báo anh chàng, nếu có bao giờ cái gì bạn muốn làm,
và bạn không biết làm thế nào để làm nó, chỉ cần nhấp vào View Page Source,
và họ sẽ cho bạn biết.
Đôi khi nó sẽ được mã hóa.
Đối pset của bạn, chúng tôi mã hóa tất cả mọi thứ, vì vậy nó chỉ giống như vô nghĩa.
Nhưng nếu có bao giờ là một thực sự trang web mát mẻ mà bạn thích,
nếu bạn chỉ cần nhấp vào View Page Source, nó sẽ cho bạn biết làm thế nào để làm điều đó.
Vì vậy, một lần nữa, làm việc thông minh hơn, không khó khăn hơn.
Và như bạn thấy ở đây, tất cả các những điều này đều giống nhau.
này ở đây chỉ mất một số chuỗi con đó, tôi quên chính xác điều này không.
Nhưng rõ ràng là có một số chuỗi con giá trị từ số không đến mười,
và trả về false gì nên dừng lại người sử dụng từ nhập nữa,
và sau đó rõ ràng cập nhật HTML bên trong đó.
>> Cool.
Aways take quá lớn từ ngày hôm nay, thí nghiệm, nhìn vào mã nguồn
bởi vì nó sẽ giúp bạn rất nhiều, và tất cả mọi người, đôi khi JavaScript
có thể được khó khăn để làm việc với và không luôn luôn làm việc theo cách bạn mong đợi nó,
nhưng chỉ cần giữ cố vì tôi hứa nó sẽ.
Tôi hứa với tất cả các ví dụ đã làm việc trước khi đến lớp.
Tôi không hiểu những gì đã xảy ra.
Tôi nghĩa là có tất cả mọi thứ giống nhau.
>> Một điều nữa mà tôi chỉ muốn cho mọi người thấy rằng có thể được siêu hữu ích
in-- được những gì đã làm việc trước?
Chúng tôi đã nhận bên để làm việc, phải không?
Tôi nghĩ như vậy.
Vâng.
Chúng tôi đã làm.
Awesome.
OK, vì vậy có một điều mà các bạn nên biết
là các bản ghi giao diện mà tôi đã nói.
Vì vậy, an ủi dot log của hello.
Vì vậy, đây là loại của JavaScript tương đương printf.
Vì vậy, nếu bạn đã bao giờ muốn kiểm tra các biến của bạn
hoặc xem những gì đang xảy ra ở đó, những gì bạn có thể làm là, nếu chúng ta kiểm tra nguyên tố,
là những gì bạn muốn đến, và bạn đi đến an ủi,
bạn sẽ thấy rằng nó in hello.
>> Vì vậy, chúng ta có thể có nó in bất cứ điều gì chúng tôi muốn.
Nếu chúng ta muốn có nó để in nền dot dot phong cách nền,
chúng ta sẽ có thể thấy RGB ba mà đi lên.
Hay không.
Tôi quên chính xác cách bạn in một biến như thế,
nhưng bạn sẽ có thể in ra những điều như thế.
Điều đó sẽ rất hữu ích cho pset của bạn khi
bạn đang cố gắng để thao tác tọa độ hay không có điều gì.
Vì vậy, họ cũng thay đổi phần này trong lớp học.
Điều này khác với năm ngoái, vì vậy chỉ được tốt đẹp để TF của bạn, hoặc TF
tại văn phòng giờ đúng hơn, bởi vì chúng tôi loại học tập cùng với các bạn.
Nhưng các bản ghi giao diện đã được siêu, siêu hữu ích cho JavaScript năm ngoái.
Vì vậy, yêu nó.
Tìm hiểu làm thế nào để sử dụng nó.
Nó dễ dàng hơn để sử dụng hơn so với GDB, do đó nên có ít nhất một điểm cộng.
Nhưng cảm ơn các bạn đang mang với tôi.
Tôi xin lỗi mà tôi ví dụ đối với một số lý do
chỉ không muốn hợp tác với tôi, nhưng tôi
hy vọng rằng nó giúp loại giúp bạn có được một hơn chút trong các khu vực của JavaScript.
Và gửi cho tôi tất cả các câu hỏi của bạn cho tuần tới để tôi có thể được sửa chữa siêu,
và tôi sẽ mang kẹo và thậm chí thêm kẹo vì đây là vô lý.
Nhưng các bạn là rất lớn, và có một tuần tuyệt vời.