Tomas Reimers: Hi, tất cả mọi người. Tên tôi là Tomas Reimers. 

MIKE Rizzo: Và tôi Mike Rizzo. 

Tomas Reimers: Chúng tôi là hai trong số CS50s TS. Và hôm nay chúng tôi đang dẫn đầu các cuộc hội thảo về JavaScript và CSS cho các ứng dụng web. Nếu bạn muốn theo cùng, liên kết là đúng hơn đó. Và bạn muốn đưa nó lên trên một thời gian ngắn máy tính? 

Có liên kết. Đó là một trang web nhỏ, trong đó có các liên kết đến tất cả các nguồn lực chúng ta sẽ được chỉ bạn ngày hôm nay và cũng có rất nhiều thông tin hữu ích bằng văn bản của chúng tôi đọc sâu hơn khi bạn quay trở lại, và bạn đang cố gắng để nhớ những gì Chính xác thì chúng ta nói, những gì là bạn nói về, vân vân. 

MIKE Rizzo: Được rồi. Vì vậy, chúng ta hãy bắt đầu. 

Tomas Reimers: Vì vậy, bạn muốn bắt đầu? OK. 

MIKE Rizzo: Vâng. Vì vậy, đầu tiên chúng tôi muốn bắt đầu với một rộng tổng quan về internet và nộp các loại khi thiết kế trang web. Trong khi trình bày này chúng tôi muốn nhận được vào thành JavaScript rất nhiều nhiều sau này, chúng tôi muốn bắt đầu với chỉ, loại, giống như xem mắt của một con chim những gì một trang web và làm thế nào để suy nghĩ về thiết kế một trang web để bắt đầu. 

Vì vậy, các bạn, vào thời điểm này - với nó là đêm thứ sáu - nên có gửi tài chính CS50 của bạn vấn đề đặt ra. Hy vọng rằng, đó là một hương vị tốt những gì lập trình web có thể được. Nhưng ở đây chúng tôi muốn, loại, cung cấp cho cho bạn một hương vị, là tốt. 

Tomas Reimers: Như vậy chỉ cần tóm tắt lại những gì xảy ra, khi bạn gõ trong URL của bạn để trình duyệt web của bạn, URL mà được nhìn lên trong máy tính. Và máy tính của bạn kết nối một máy tính khác, mà chủ trang web đó. OK, vì vậy khi bạn đi đến google.com, bạn kết nối với một trong Google máy vi tính, trong đó có các tập tin cho google.com. 

Sau đó nó yêu cầu một tập tin cụ thể. Vì vậy, nếu bạn đi đến - Tôi không biết - example.com / index.html hoặc / test.html, bạn sẽ yêu cầu tập tin cụ thể. Và máy chủ của trang web sẽ để trả lại nó cho bạn. 

Sau đó, khi bạn đi qua tập tin đó - một khi bạn đã tính được rằng tập tin - nó sẽ bắt đầu để xây dựng một trang web. Vì vậy, bây giờ nó có các tập tin HTML, đó là loại giống như cấu trúc của trang web. Các tập tin HTML cũng có thể tham khảo Các tập tin CSS, trong đó xác định phong cách của trang web. 

Tập tin JavaScript, mà định nghĩa tương tác với các trang web. Tập tin hình ảnh, mà chỉ là hình ảnh. Và có thể liên kết đến tập tin HTML khác, mà sau đó bạn có thể truy cập. 

MIKE Rizzo: OK, tuyệt vời. Vì vậy, các bạn có tất cả, có lẽ, cẩn thận thiết lập máy chủ địa phương của bạn trên máy ảo của bạn. Và rằng chỉ, loại, là địa phương miền mà máy tính của bạn chỉ có hosts cho bạn tại địa chỉ IP của riêng bạn. 

Vì vậy, trong đó, sau đó bạn có thể thêm để nó trang web của riêng bạn. Ý tôi là, trong CS50 Tài chính, bạn nên có thêm vào một số trang HTML, đó là, loại, được bọc trong giấy gói PHP. Nhưng cuối cùng, những gì các trang PHP của bạn được xuất ra là HTML. 

Nhưng suy nghĩ lại khi bắt đầu của PSET, chúng tôi đã phải thiết lập các điều khoản cho tất cả mọi thứ, phải không? Vì vậy, đây chỉ là cơ bản cho phép chúng tôi biết những người có thể đọc, viết, và có thể thực hiện mỗi tập tin. Vì vậy, chúng ta sẽ làm một cách nhanh chóng - hm? 

Tomas Reimers: Vì vậy, chúng ta sẽ để làm một bản demo nhanh chóng. Vì vậy, chỉ để nhắc nhở bạn, khi bạn kết nối với máy tính của Google - bất cứ ai - và yêu cầu một tập tin, máy tính đầu tiên cần phải chắc chắn rằng bạn được ủy quyền để thực sự xem tập tin đó hoặc đọc mà nộp bởi vì bạn không thể chỉ yêu cầu cho bất kỳ tập tin trên máy tính đó, phải không? Đó sẽ là một mối nguy hiểm an ninh. 

Vì vậy, các tập tin trên hệ thống chúng tôi sử dụng, như thiết bị CS50 này, có ba người dân nói chung những người có thể có quyền truy cập đến một cái gì đó. Đầu tiên là thực tế chủ sở hữu của tập tin cho biết. Thứ hai là nhóm mà các tập tin thuộc về. Chúng tôi sẽ không tập trung quá nhiều về điều đó. Và điều cuối cùng là, loại, giống như thế giới hoặc như tất cả mọi người là không cụ thể cho tập tin đó và không có bất kỳ quyền sở hữu nó. 

Vì vậy, nếu chúng ta có chủ sở hữu, nhóm, và sau đó thế giới. Và sau đó, cho mỗi nhóm, bạn có thể có một trong ba điều khoản, OK, hoặc nhiều trong số họ. Bạn có thể có quyền đọc. Bạn có thể có quyền hạn. Và bạn có thể có quyền thực thi. 

Vì vậy, trong điều khoản của các loại tập tin thực tế, đọc cho phép là như thực sự đọc các nội dung của tập tin. Một phép phải được viết để cho biết tập tin. Một sự cho phép thực hiện là chạy nộp như bạn làm khi bạn chạy một trong dự án CS50 của bạn. 

Vì vậy, khi chúng tôi đang suy nghĩ về các tập tin giống như khi chúng ta cần phải đọc một HTML tập tin, mà cần phải được thế giới có thể đọc được, phải không? Có lẽ, cũng là chủ sở hữu muốn để có thể chỉnh sửa tập tin đó. Vì vậy, các chủ sở hữu sẽ cần đọc và viết cho phép. Họ không thực sự cần thực hiện. 

Nhóm, chúng ta sẽ xử lý giống như thế giới hiện nay. Vì vậy họ cần quyền đọc. Nhưng họ không cần ghi hoặc thực hiện quyền. Và bây giờ, nếu chúng ta nghĩ về cựu PSETs, những gì chúng ta nhận ra các loại là của trông giống như nhị phân, phải không? 1 là viết tắt của có. 0 cho không. Và chúng tôi thực sự có thể dịch này thành dạng nhị phân. 

Vì vậy, 110 trong hệ nhị phân sẽ là 6. 100 sẽ là 4. Cùng với thế giới. Vì vậy, số bạn sẽ nhận được cho quyền này sẽ là 644. 

MIKE Rizzo: Và nếu bạn nghĩ trở lại khi bạn chmoded một cái gì đó, tôi tin rằng họ đã cho trong vấn đề thiết lập ví dụ về nơi bạn có thể làm một cái gì đó như chmod 644 và sau đó tập tin tên. Các 644 sau đó, bạn có thể xem trực tiếp nơi mà đến từ. Vì vậy, hy vọng mà làm cho có nhiều hơn một chút rõ ràng. 

Và sau đó cho rõ ràng bạn của chàng - oh yeah, đây là một lần nữa. Vì vậy, 600 sau đó sẽ chỉ được ví dụ chúng tôi đã từ bỏ ở đây, nơi các chủ sở hữu có đọc và quyền hạn trong khi nhóm và thế giới không có bất kỳ điều khoản để truy cập vào các tập tin. 

Tomas Reimers: Và sau đó chúng tôi có một cách nhanh chóng danh sách các điều khoản chung. Vì vậy, các thư mục, bạn muốn để thực sự chmod 711. Nhanh chóng sang một bên - cho một thư mục có cho phép thực thi có nghĩa là để có thể để mở thư mục. Hình ảnh, CSS, JavaScript, HTML nhu cầu 644 bởi vì, về cơ bản, thế giới nhu cầu đọc các điều khoản. 

Và PHP, mà các bạn đã thấy mặc dù chúng tôi sẽ không nói về nó Nghiêm thường chmoded với cho phép 600 bởi vì nó chạy với các quyền của chủ sở hữu. Ít nhất là trên thiết bị. 

MIKE Rizzo: Vì vậy, nếu bạn không đặc biệt xác định loại tập tin bạn muốn trong thực sự thiết lập lên trình bày này - chúng tôi đã có một vấn đề với điều này bởi vì tất cả mọi thứ đã không được chmoded một cách chính xác - bạn sẽ nhận được, loại, một lỗi cấm mà trang web không thực sự có sự cho phép để truy cập vào bất kỳ tập tin bạn muốn nó để truy cập. Và tất nhiên, có thể được cố định - như trong vấn đề thiết lập - bằng cách thay đổi quyền thích hợp. 

Tomas Reimers: Và bình luận cuối cùng cho phát triển nhanh chóng của địa phương là - chúng tôi mang lại điều này, nhưng chúng tôi chỉ muốn để đưa nó lên một lần nữa - nếu bạn yêu cầu một máy chủ - máy chủ để địa phương, ví dụ, com hoặc bất cứ điều gì. - và bạn không chỉ định một tập tin cụ thể, các tập tin mà máy tính của bạn sẽ yêu cầu được gọi là index.html. Hoặc nếu điều đó không tồn tại, index.php. 

Mát mẻ. Vì vậy, đó chỉ là một bản tóm tắt về tất cả mọi thứ, hy vọng, mà chúng tôi đã đề cập trong phần, và bài giảng, và cho đến nay trong CS50. Và bây giờ chúng ta sẽ bắt đầu nói chuyện đặc biệt về thư viện. JavaScript và CSS thư viện cho các ứng dụng web. 

Vì vậy, một trong những lý do tại sao chúng tôi nhanh chóng có thư viện được lập trình - có rất nhiều vấn đề trong lập trình, mà liên tục xuất hiện một lần nữa, và một lần nữa, và một lần nữa. Bạn có thể nhận thấy rằng rất nhiều trang web cần có khả năng có thả xuống menu, chẳng hạn, hoặc cần có khả năng có một nút rất chuẩn phong cách, mà có thể không điều đơn giản nhất. Bây giờ bạn bắt đầu để có được thành HTML, bạn nhận ra rằng các nút có thể thực sự trông thực sự xấu xí nếu bạn không làm bất cứ điều gì. 

Vì vậy, rất nhiều người dân đã viết gọi là thư viện. Và trong bối cảnh này, chúng còn gọi là khuôn khổ. Chúng ta sẽ sử dụng hai thay thế cho nhau. Và những gì họ đang họ về cơ bản là miếng premade mã - hoặc CSS hoặc JavaScript - mà lấy đi rất nhiều đội bạn có trong mã hóa. 

Vì vậy, họ sẵn xác định một loạt các lớp học hoặc trước xác định một loạt các chức năng cho Trường hợp JavaScript, mà bạn có thể gọi sau này. Và sau đó bạn có thể, loại, có được truy cập vào mã này mà không cần phải làm bất cứ điều gì. Một ví dụ của thư viện là CS50.H. Đó là một thư viện, chúng tôi đã cung cấp cho bạn trở lại trong tuần một, cho phép bạn làm những điều như thế getInt và GetString mà không cần phải viết bất kỳ mã chính mình. 

MIKE Rizzo: Được rồi. Vì vậy, ở đây, giống như chúng tôi đã phải bao gồm trong c của chúng tôi tập tin khác nhau thư viện, chúng ta cũng nên bao gồm trong HTML của chúng tôi tập tin thư viện khác nhau. Ví dụ, nếu chúng tôi muốn bao gồm một thư viện JavaScript cụ thể ở đây, có lẽ, một trong đó chúng tôi đã viết mình là nó được lưu trữ tại địa phương gọi là script.js, chúng tôi chỉ sử dụng ký hiệu này. 

Vì vậy, chúng tôi có loại kịch bản bình đẳng JavaScript nguồn bình đẳng JavaScript.js. Và nếu bạn nghĩ về CS50 của bạn vấn đề tài chính được thiết lập, nếu bạn nhìn vào header.php trong thư mục mẫu, bạn nên đã thấy một số trong những bao gồm. Vì vậy, đầu tiên này - các kịch bản - là bao gồm một thư viện JavaScript. Bao gồm một thư viện CSS một chút khác nhau. 

Ở đây, thay vì kịch bản Tag bạn cần thẻ liên kết. Và sau đó, các loại văn bản CSS là một chút khác nhau. Bạn không luôn luôn phải bao gồm style sheet rel. Nhưng tôi nghĩ rằng đó là, nói chung, thực hành tốt. 

Và cuối cùng, href, mà bạn có thể thấy trong ATAGs của bạn để liên kết trong các liên kết khác nhau chỉ quy định cụ thể liên kết của nơi để tìm thấy đó. Ví dụ, nếu chúng tôi muốn liên kết một thư viện khác nhau - chúng ta hãy chỉ nói - sống tại styles.css. Và chúng tôi muốn liên kết mà trong đó lưu trữ trên web, chúng tôi sẽ sao chép đó. Và sau đó dán nó vào bất cứ điều gì chúng tôi có quyền ở đây để thay thế. 

Tomas Reimers: OK, hy vọng bạn kẻ đã quen thuộc với cách liên kết CSS. Bạn phải làm điều đó trên bộ màu nâu cuối cùng của bạn. JavaScript, một số bạn có thể có một số kinh nghiệm với. Một số bạn có thể không. 

Vì vậy, bây giờ, biết rằng một tập tin JavaScript rất giống với một file CSS trong nghĩa là bạn có thể liên kết hoặc mà bạn có thể bao gồm nó trong nội bộ. Và nó cho phép bạn điều kịch bản. Và chúng ta sẽ dẫn bạn qua một chút JavaScript sau này. 

Vì vậy, sử dụng một thư viện - một khi bạn đã có nó, nó như đơn giản như nghĩa đen gọi chức năng hoặc thêm tên lớp với nó. Điều cuối cùng chúng tôi muốn nói về về thư viện - và điều này là nhiều hơn một lưu ý kỹ thuật - là cấp giấy phép mã nguồn mở. Vì vậy, khi bạn tìm thấy các thư viện thực tế, bạn có thể nghĩ đến câu hỏi như thế là nó OK rằng tôi chỉ là sử dụng mã của người khác, đặc biệt là bởi vì đó là một cái gì đó chúng tôi rất nhiều nói với bạn để không làm trong khóa học này. 

Vì vậy, trong trường hợp cấp giấy phép mã nguồn mở, rất nhiều nhà phát triển - một khi họ đã viết một thư viện, mà họ nghĩ rằng có thể hữu ích cho người khác - sẽ xuất bản nó lên web và cho nó một giấy phép. Và một giấy phép về cơ bản nói tôi hướng cấp giấy phép khác người sử dụng phần của phần mềm với các loại sau đây quy định. 

Chúng tôi đã bao gồm một liên kết đến một trang web tốt để giúp bạn hiểu được giấy phép trong là trường hợp bạn chạy vào họ. Quy định chung là những thứ như bạn đang chào đón để sử dụng thư viện của tôi như vậy miễn là bạn cho tôi tín dụng. Bạn đang chào đón để sử dụng thư viện của tôi miễn là khi nó phá vỡ bạn không đổ lỗi cho tôi. Bạn đang chào đón để sử dụng thư viện của tôi quá lâu như bạn không sử dụng nó để kiếm tiền cho chính mình. Đây là những loại phổ biến quy định. 

Đối với dự án cuối cùng CS50 này, họ không phải là siêu liên quan bởi vì các dự án mà các bạn sử dụng là có lẽ đúng hơn, loại, được biết đến. Nhưng khi bạn thực sự đi ra ngoài thế giới và bắt đầu sử dụng thư viện, mà có thể có hoặc có thể không được thực hiện cũng như một số trong những phổ biến hơn chúng tôi sẽ được trải qua. Rất tốt để có thể hiểu được các giấy phép và hiểu ý nghĩa của chúng. Và sẽ trở lại. 

MIKE Rizzo: OK. Vì vậy, bây giờ chuyển sang ví dụ CSS thực tế. Tại thời điểm này cho đến nay, bạn có thể không gặp phải điều này. Nhưng bạn có thể đã gặp nó trong cuộc sống hàng ngày của bạn, nơi một cái gì đó trông một cách trên một trình duyệt có thể không giống nhau cách thức trình duyệt khác. 

Này được gọi là trình duyệt trình duyệt khả năng tương thích. Và nó ngày càng trở nên ngày càng có nhiều vấn đề, đặc biệt là trình duyệt mất nhiều và nhiều hơn nữa quyền tự do để thực hiện những điều như họ muốn. Vì vậy, để khắc phục điều đó, có thực sự là một thư viện lớn được gọi là Normalize.CSS. 

Tomas Reimers: Chúng tôi bao gồm các liên kết. Tại thời điểm này, nó rất hữu ích nếu bạn có máy tính xách tay của bạn trong đó nhìn vào các trang web. Và chúng tôi đang đưa ra này cho bạn ngay bây giờ đơn giản chỉ vì thức CS50 Dự án được thực sự đi vào yêu cầu bạn thực hiện nó tương tự và thông qua trình duyệt. 

Vì vậy, chỉ để giữ ở phía sau của bạn đầu, đây là một thư viện tuyệt vời bởi vì nó sẽ, loại, chuẩn hóa mọi thứ. Trong Firefox, một cái gì đó có thể hiển thị như một điểm ảnh bên trái. Và sau đó Chrome có thể quyết định thực sự những gì bạn có nghĩa là 10 pixels bên trái. Và bạn muốn chuẩn hóa này. Bình thường hóa thực sự sẽ làm một thực sự tốt công việc và đảm bảo rằng trang web của bạn trông giống nhau trên các trình duyệt. 

MIKE Rizzo: Vì vậy, nếu chúng tôi muốn chỉ nhấp vào liên kết thực sự nhanh chóng và hiển thị bạn biết những gì trông giống như, bạn có thể tải về sử dụng nút Download khổng lồ. Hoặc tôi khuyến khích bạn đọc thêm về nó bằng cách nhấn vào liên kết này ở phía dưới góc trên bên phải. 

Tomas Reimers: Và nếu bạn thực sự nhấp vào Read More bên phải - nhấp vào nguồn trên GitHub - bạn sẽ thực sự thấy mã nguồn mở cấp giấy phép trên LICENSE.md ngay tại đó. Và bạn sẽ thấy đây là giấy phép MIT rất phổ biến. Một lần nữa, nếu bạn đọc thông qua các văn bản, bạn sẽ có thể tìm thấy nó trên trang web chúng tôi tham khảo trước và có thể hiểu nó mà không cần phải đọc thông qua các thuật ngữ pháp lý. 

MIKE Rizzo: OK, tuyệt vời. Vì vậy, đó là Normalize. Chúng tôi muốn cung cấp cho bạn mà thực sự một cách nhanh chóng. Oh, bạn có một câu hỏi? 

ĐỐI TƯỢNG: Vì vậy, khi bạn tải về nó, bạn chỉ cần làm theo mã mà họ có dưới nút Download? 

Tomas Reimers: Có, vì vậy khi bạn tải về - 

MIKE Rizzo: Oh, đó là một điểm tuyệt vời. Vì vậy, câu hỏi là làm thế nào để chúng tôi thực sự tải về nó? Vì vậy, nếu chúng ta nhấp vào liên kết, chúng ta thấy nó thực sự bật lên vào mã nguồn. Vì vậy, để làm được điều này, những gì chúng tôi có thể làm chỉ là nhấn Save As. Save As và nên mang đến một tập tin. Và sau đó chúng ta có thể chọn để lưu nó như normalize.CSS. Và sau đó bạn sẽ phải liên kết nó trong - 

Tomas Reimers: Giống như cách bạn liên kết trong bất kỳ tập tin khác. Và một khi bạn liên kết nó trong, những gì tuyệt vời Normalize về là nó sẽ thực sự chăm sóc của tất cả các khó khăn làm việc của chính nó. Có nghĩa là bạn không có thêm bất kỳ lớp học. 

Bạn không phải làm bất cứ điều gì kỳ lạ. Nó sẽ bình thường mà không có bạn làm bất cứ điều gì hơn nữa. Có, bạn phải bao gồm nó. Google Chrome không được đáp ứng. 

Chỉ cần một cách nhanh chóng sang một bên - Tôi nhận thấy chúng tôi nhảy vào này. Phần còn lại của bài trình bày này là sẽ là một tổng quan nhanh chóng. Một cuộc khảo sát của các thư viện. 

Về cơ bản, những gì họ đang có. Những gì họ làm. Làm thế nào chúng có ích. Làm thế nào bạn có thể thực hiện chúng. Nếu bạn muốn bắt đầu nhìn vào họ, sau cùng, và đọc qua họ, tôi rất muốn khuyến khích mà. 

Ngoài ra, bạn đang chào đón cũng để bắt đầu tải về họ và bao gồm chúng trong một tầm nhìn chỉ để xem những gì họ trông giống như những gì họ làm hoặc nếu bạn có máy tính xách tay của bạn ở phía trước của bạn. Nếu không, bạn đang chào đón để giữ nghe chúng tôi nói chuyện. Chúng ta sẽ tiếp tục nói chuyện. Và chúng tôi có thời gian ở cuối, hy vọng chúng tôi sẽ thực sự có được vào hiển thị cho bạn những gì một số các thư viện như thế nào. 

MIKE Rizzo: Cool. Được rồi, vậy bây giờ chúng ta hãy nói về Font Awesome. 

Tomas Reimers: để chữ tuyệt vời là một trang web thực sự gọn gàng, đặc biệt là đối với những người người trong chúng ta ít nghệ thuật tài năng. Bỏ qua các chữ tên Awesome, nó mang lại cho bạn một loạt các biểu tượng, đó là rất hữu ích. Vì vậy, rất nhiều lần bạn sẽ thực hiện một biểu tượng bạn có thể muốn như một x đẹp như vậy mà bạn có thể đóng một cái gì đó. 

Hoặc bạn có thể muốn một số loại nút Edit với một bút chì vẽ như tất cả mọi người khác có. Và đó là khi bạn biết rằng vẽ những biểu tượng có thể rất tẻ nhạt và khó khăn. Chữ Awesome - nếu bạn thực sự hãy vào trang web - cung cấp cho bạn rất nhiều biểu tượng dưới các biểu tượng ở đầu trang. Vâng, chỉ là hàng đầu. Nó sẽ cung cấp cho bạn rất nhiều các biểu tượng miễn phí. 

Vì vậy, ở đây bạn thấy chúng tôi có những thứ như một dấu hoa thị, quán bar, một tia chớp, một lịch, một lỗi, một cuốn sách, vân vân. Điều này có thể rất hữu ích. Theo cách bạn bao gồm điều này là bạn bao gồm nghĩa là các tập tin CSS. Và sau khi bạn đã bao gồm các tập tin CSS, những gì bạn có thể làm là bạn tạo ra một thẻ gọi là I. Nó satands cho biểu tượng với lớp FA đứng Font Awesome. Và sau đó, bất cứ điều gì lớp bạn muốn. 

Vì vậy, nếu tôi muốn có một biểu tượng của cộng này vuông ngay tại đây, tôi sẽ cung cấp cho nó lớp FA. Và sau đó FA dấu nối cộng dấu gạch ngang vuông. 

MIKE Rizzo: Cool, OK. 

Tomas Reimers: Và sau đó, CSS cuối cùng thư viện chúng tôi muốn để có được thông qua chúng tôi cố gắng giữ cho nó tối thiểu trên CSS thư viện bởi vì chúng ta nhận ra Tiêu đề của bài trình bày này là thư viện JavaScript. Nhưng chúng tôi nghĩ rằng chúng tôi có thể cũng giới thiệu bạn đến các thư viện khác trong khi chúng ta đang nói về thư viện. 

Đó là Google Web Fonts. Và những gì Google Web Fonts cho phép bạn làm là thêm phông chữ để trang web của bạn, mà là một cách rất dễ dàng để làm cho nó xinh đẹp và để phân biệt thiết lập của bạn từ tất cả mọi người khác là nếu nó có một font đẹp, hoặc nếu nó có một tốt đẹp bộ sưu tập các phông chữ. Google Web Fonts là tốt đẹp không giống như khác thư viện trong ý nghĩa rằng đó là một cài đặt thực sự hướng dẫn. 

Vì vậy, nếu bạn thực hiện theo các liên kết, đó là google.com / phông chữ, tôi tin. Nếu bạn làm theo đó, bạn có thể chọn phông chữ của bạn. Bạn có thể chọn ở bên trái từ độ dày, nghiêng, vân vân. Và sau đó, một khi bạn đã lựa chọn, bạn có thể nhấp vào sử dụng nhanh chóng. Ngay tại đó. Phía dưới bên phải của hộp. 

Và sau đó, di chuyển xuống. Trước hết, họ cung cấp cho bạn CSS bạn cần phải thực sự liên kết với nó. Nó phải có. Bạn chỉ có thể sao chép và dán mà in Và những điều tốt đẹp về việc này là bạn không thực sự thậm chí cần phải tải về các tập tin. 

Những gì nó sẽ làm là nó sẽ liên kết đến phiên bản của nó của Google. Vì vậy, trở lại có nghĩa là gì. Điều đó có nghĩa khi một người dùng tải tập tin của bạn - tải trang HTML - HTML của bạn trang sẽ tham khảo tập tin này. 

Vì vậy, sau đó, máy tính của bạn sẽ thấy, oh, nó được lưu trữ trên google.com hơn hơn trên theirsite.com. Hãy để tôi đi hỏi Google cho tập tin đó. Và sau đó, nó sẽ bao gồm nó gần như là nếu nó là một một phần của trang web của riêng bạn. 

Tomas Reimers: Cool. Và một khi bạn bao gồm, sau đó để bao gồm nó trong CSS của bạn, nó sẽ cho bạn dòng thực tế. Vì vậy, bạn thiết lập các font tài sản bằng tên của phông chữ của bạn. 

MIKE Rizzo: OK. Vì vậy, chúng tôi chỉ kết thúc với CSS. Và một số bạn có thể nghĩ, tốt, chúng tôi đã có một số CSS trên CS50 Tài chính. Nhưng thư viện CSS là bootstrap. Chúng tôi thực sự bao gồm Bootstrap một chút sau này dưới JavaScript vì với thư viện Bootstrap CSS cũng đi kèm với rất nhiều JavaScript Bootstrap hoặc Twitter - những người làm Bootstrap - sử dụng để quản lý tất cả các CSS của họ. 

Tomas Reimers: Có ai có bất kỳ câu hỏi cho đến nay về CSS nói chung? Chúng tôi đang tốt? Tuyệt vời. 

MIKE Rizzo: Awesome. 

Tomas Reimers: Vì vậy, di chuyển vào JavaScript. 

MIKE Rizzo: Vì vậy, chúng tôi muốn nói chuyện về jQuery để bắt đầu với. Có ai nghe nói về jQuery trước hoặc sử dụng nó? Yeah, một cặp vợ chồng? Vì vậy, nếu bạn chỉ làm việc với nguồn gốc JavaScript, bạn sẽ tìm thấy chính mình gõ rất nhiều bộ chọn dài rất nhiều. Vì vậy, những gì jQuery làm là nó cung cấp một wrapper tốt đẹp cho các JavaScript ngôn ngữ cho phép bạn dễ dàng lựa chọn và thao tác các yếu tố khác nhau trong mô hình đối tượng tài liệu của trang web hoặc các DOM, mà tôi nghĩ các bạn đã nghe nói về trong giảng dạy tại thời điểm này. 

Tomas Reimers: Nếu bạn chưa nghe nói về hay bài giảng nếu bạn chưa xem Chưa hết, Document Object Model là về cơ bản như thế nào mọi thứ đang đại diện. Vì vậy, HTML loại trông giống như một cây khi bạn thực sự vẽ nó ra. Bạn có các yếu tố HTML trên đầu trang. Bạn có đầu và cơ thể. 

Và sau đó, trong đó bạn có tất cả mọi thứ khác. Đó là gọi là DOM - Document Object Model. Vì vậy, một mô hình đại diện cho các đối tượng trong các tài liệu một cách dễ dàng để suy nghĩ về điều đó. Và một trong những điều tuyệt vời về jQuery là nó thực sự làm cho traversing mà thao tác và các yếu tố trong mà cực kỳ đơn giản. 

Đơn giản như vậy, trên thực tế, phần lớn các JavaScript thư viện hoặc nếu không phải là đa số, đa số lớn của những người thân bạn sẽ thấy thực sự yêu cầu jQuery để rằng họ có thể chạy tự đơn giản bởi vì nếu bạn không có jQuery, bạn sẽ lãng phí rất nhiều thời gian cố gắng để tìm ra cách để chọn nhất định các yếu tố và làm thế nào để làm những việc khác. Và điều tuyệt vời khác về jQuery là nó là trình duyệt tương thích. 

Vì vậy, nhớ lại khi chúng tôi cho rằng không phải tất cả các trình duyệt thực hiện mọi thứ theo cách giống nhau không? Điều này đúng ngay cả trong JavaScript. Và một trong những điều tuyệt vời về jQuery là nó sẽ phát hiện các trình duyệt và phát hiện các phương pháp thích hợp. 

Vì vậy, nếu bạn cần phải chọn một phần tử, Internet Explorer có thể nói bạn phải làm theo cách này. Firefox có thể nói chính xác Cách thứ nhất là theo cách này. jQuery không quan tâm. Khi bạn nói với jQuery để chọn một thì nó sẽ tìm ra cách nó phải làm nó trong trình duyệt người sử dụng hiện đang ở, và sau đó làm nó theo cách đó. 

MIKE Rizzo: Vì vậy, chúng ta không nói về việc sử dụng jQuery một chút. Cũng giống như PHP, jQuery có một đặc biệt hiếu cho các ký hiệu đô la. Vì vậy, bạn sẽ thấy rằng bất kỳ jQuery - tốt, không phải tất cả. Bạn đôi khi có thể thay thế đồng đô la ký với từ jQuery. Nhưng nói chung, chỉ vì nó ngắn hơn, bất cứ khi nào bạn nhìn thấy là jQuery sử dụng nó sẽ có một ký hiệu đô la. 

Vì vậy, ở đây chúng tôi chỉ thấy một khởi đầu chọn một phần tử trong DOM. Ở đây, chúng tôi có ký hiệu đô la sau ngoặc mở và sau đó dấu ngoặc kép. Và trong dấu ngoặc kép đi bộ chọn của chúng tôi cho các yếu tố khác nhau. Cũng giống như trong CSS, chúng tôi cần bộ chọn để có thể phong cách yếu tố khác nhau trong trang. Những bộ chọn khác nhau dịch chính xác vào jQuery và JavaScript, cho hầu hết các phần. 

Vì vậy, ở đây chúng tôi có một dấu chấm foo. Vì vậy, nếu bạn nhớ lại từ bài giảng, dấu chấm chỉ có nghĩa là lớp. Vì vậy, chúng tôi đang lựa chọn yếu tố với lớp foo. Vì vậy, nếu tôi đi trước và mở ra của chúng tôi Bảng điều khiển JavaScript đây thực sự nhanh chóng chỉ chứng minh nó, nếu tôi chỉ cần gõ ký hiệu đô la, chúng ta thấy rằng đó là một số chức năng mà đi lên. Và nó chỉ được xác định bởi jQuery. 

Tomas Reimers: Đối với những người bạn không quen thuộc, giao diện điều khiển là một công cụ trong Chrome, cho phép bạn, về cơ bản, chạy JavaScript trên trang hiện tại. Này bạn sẽ tìm thấy vô cùng hữu ích khi bạn đang thực sự gỡ lỗi và bạn cần phải được như thế, những gì là hiện tại giá trị của một số biến toàn cầu hoặc những gì là cái gì khác? Nó là loại giống như GDB với ngoại lệ mà bạn có thể thực sự thao tác các yếu tố trên trang web với nó trong một thời trang dễ dàng hơn nhiều. Và cũng không có, về cơ bản, kiểm tra với bạn trước khi nó bất cứ điều gì. 

Vì vậy, trong khi đó, GDB sẽ như thế nào, bạn có chắc chắn rằng bạn muốn chạy các bước tiếp theo? Giao diện điều khiển là trong thực tế. Vì vậy, các trang web đang cung cấp và làm bất cứ điều gì nó làm, Hội đồng cũng chạy cùng với nó. Và bạn có thể đặt mã quy cho vào giao diện điều khiển, mà sẽ được chạy trên trang. 

MIKE Rizzo: Vì vậy, để vào giao diện điều khiển, Tôi đoán tôi nên một thời gian ngắn đề cập đến làm thế nào để làm điều đó. Trong những vấn đề cuối cùng mà bạn có thể có sử dụng Chrome kiểm tra nguyên tố chức năng hoặc xem mã nguồn trang web - và những người có thể truy cập chỉ bằng đúng nhấp vào trang hoặc cụ thể phần tử và làm hoặc kiểm tra phần tử hay xem mã nguồn trang web. Chúng tôi cũng có thể truy cập JavaScript giao diện điều khiển trực tiếp lựa chọn kiểm tra nguyên tố. Giao diện điều khiển như vậy thì bạn chỉ cần nhấn ở phía bên phải. 

Ngoài ra, bạn có thể cũng đi vào góc trên bên phải, được cắt trên màn hình này mà nó có ba thanh ngang. Và bạn đi xuống vào các công cụ và sau đó giao diện điều khiển JavaScript ở đây, nơi có thể nhìn thấy - ít nhất là trên Windows - các phím tắt là Control phím Shift J. Vì vậy, sau đó nếu chúng ta muốn chọn một phần tử trong trang này, giống như tôi đã giới thiệu trước, chúng tôi làm ký hiệu đô la dấu ngoặc mở và sau đó trích dẫn. 

Một điều thú vị là, nói chung, dấu nháy đơn và dấu ngoặc kép là trao đổi. Vì vậy, rất nhiều người dân chỉ sử dụng duy nhất dấu ngoặc kép bởi vì họ nhanh hơn để loại hơn dấu ngoặc kép bởi vì bạn không phải giữ phím Shift. Vì vậy, tôi sẽ chỉ làm điều đó ngay bây giờ. 

Vì vậy, tôi muốn chọn một cái gì đó với lớp. Container, chỉ bởi vì tôi biết đó là một cái gì đó trên của chúng tôi trang web ngay bây giờ. Và tôi nhấn Enter. Và chúng ta có thể thấy rằng nó đã chọn nó. Vì vậy, nó cho thấy rằng nó trở về đối tượng đó. Vì vậy, đó là một lựa chọn cơ bản. Nếu chúng ta muốn thực sự vận dụng nó, bạn sẽ phải gọi một cái gì đó về lựa chọn đó, mà chúng tôi sẽ nhận được vào sau. 

Tomas Reimers: Như vậy chỉ cần nhìn vào đó sâu hơn, điều này không khác nhau hơn so với các cuộc gọi chức năng, chúng tôi thực hiện trong C. Tên của chức năng ở đây là một chút lạ. Đó là ký hiệu đô la. Nó chỉ là một tên của một hàm. Không có gì đặc biệt về nó. 

Chúng tôi có dấu ngoặc mở. Sau đó, chúng tôi có một đối số của chúng tôi, trong trường hợp này xảy ra là một chuỗi, đó là một chọn cho nó. Và sau đó, chúng tôi có của chúng tôi ngoặc đóng. Đó là nó. 

Nó không phải là rất khác nhau. Mặc dù, nó trông rất lạ. Và có thể được, loại, một gắn bó chỉ cho rất nhiều người. 

MIKE Rizzo: Vì vậy, tương tự, nếu chúng ta muốn để chọn một phần tử có một ID, bây giờ chúng tôi muốn chọn bởi ID thay vì lớp. Nó sẽ là một điều tương tự mà chúng ta chỉ cần làm các dấu hiệu mạnh cho ID. Vì vậy, chúng tôi đang lựa chọn ở đây tất cả các yếu tố có thanh ID. 

Tomas Reimers: Và điều này kéo dài. CSS kéo dài. Cũng giống như trong CSS, bạn có thể chọn tất cả liên kết, trong đó có lớp foo. Ở đây, đó là điều tương tự. 

Bạn có thể làm a.foo, mà sẽ chọn tất cả các liên kết với các lớp foo. Bạn có thể làm một thanh sắc nét, mà sẽ chọn liên kết với thanh ID và do đó và vv. Bất kỳ chọn CSS là một hợp lệ jQuery chọn. 

MIKE Rizzo: Vâng. OK, vì vậy bây giờ chúng ta hãy đi vào một chút thao tác mà chúng ta có thể làm với chúng tôi jQuery. Vì vậy, jQuery có một loại đặc biệt ký hiệu mà chúng ta chỉ cần sử dụng một dấu chấm ở cuối. Và bạn có thể nghĩ như thế này trong C như thế nào chúng ta có cấu trúc khác nhau. Và để đi vào những cấu trúc, bạn sẽ sử dụng dấu chấm để vào được. 

Đây là, loại, một điều tương tự. Chỉ bây giờ chúng tôi có chức năng trong này chọn mà chúng ta có thể gọi vào nó. Vì vậy, ở đây, ví dụ đầu tiên bạn có thể thấy là một chọn CSS. Và về cơ bản, những gì mà nó là áp dụng các yếu tố CSS đầu tiên này điều mà bạn lựa chọn - yếu tố này mà bạn đã chọn - với các giá trị đó. 

Tomas Reimers: Vì vậy, một bản dịch dễ dàng đó sẽ là nếu jQuery, về cơ bản, chỉ cần lấy foo. Và sau đó trong CSS cho biết, màu đỏ và gần gũi. Đó là ý tưởng tương tự. Những gì nó làm là nó được chọn tất cả các yếu tố foo. Và sau đó nó được áp dụng. Loại, màu sắc bất động sản bằng màu đỏ. 

MIKE Rizzo: Tương tự như vậy, chúng ta cũng có thể thay đổi nội dung thực tế là những gì hiển thị trên HTML của trang, mà thực sự mát mẻ bởi vì nó có nghĩa là bạn các trang web có thể được hoàn toàn năng động và không phải là tĩnh bạn nên in bằng cách sử dụng PHP ngay từ đầu của trang được nạp. Vì vậy, ở đây, nếu chúng ta muốn thay đổi HTML thực tế của trang, chúng ta sẽ bây giờ gọi hàm HTML, sau đó chỉ chèn bất cứ điều gì chúng tôi chỉ định vào rằng yếu tố mà chúng ta lựa chọn. Vì vậy, ở đây chúng tôi đang lựa chọn phần tử với class foo và sau đó nói rằng đó là HTML nó bây giờ hello thế giới. 

Tomas Reimers: Và khi bạn nghĩ về ứng dụng hữu ích của những gì đang có , CSS này, điều đầu tiên mà bạn có thể bắt đầu nghĩ về là về thậm chí trình đơn thả xuống. Bạn có thể bắt đầu làm những việc như thế, khi một người dùng di chuyển lên phần trên của một thả xuống, bạn muốn thực hiện phần dưới cùng có thể nhìn thấy. Phải không? 

Vì vậy, trong CSS, chúng ta có đặc tính để làm một cái gì đó có thể nhìn thấy. Những thứ như màn hình hiển thị không có dấu hai chấm sẽ làm cho nó vô hình. Khối hiển thị sẽ làm cho nó có thể nhìn thấy. Hoặc thậm chí nếu bạn muốn đi đơn giản, bạn có những thứ như khả năng hiển thị bình đẳng nhìn thấy được, và khả năng hiển thị bằng ẩn. 

Và bạn có thể bắt đầu thực hiện điều như menu thả xuống bên phải sau khi bạn nhận được thông qua các ý tưởng về cách bạn có thể tìm ra khi điều này mở ra, mà chúng ta sẽ vượt qua rất ngắn gọn. Nhưng chúng ta có thể bắt đầu thấy các ứng dụng này. Trong một ý nghĩa tương tự, nếu bạn đã cố gắng và thực hiện, chúng ta hãy nói, một cuộc trò chuyện động cơ và bạn muốn làm cho một chút bài phát biểu bong bóng đưa ra bất cứ khi nào bạn đã nhận được tin nhắn mới, khi bạn nhận được tin nhắn mới, bạn có thể làm một chút bài phát biểu bong bóng ra bằng cách thay đổi HTML của trang, phải không? Bằng cách thêm rằng thêm bong bóng bài phát biểu với các văn bản thêm trong đó. Yeah? 

ĐỐI TƯỢNG: Vì vậy, bạn sẽ nhúng này trong mã HTML trong giống như một [Nghe được]? 

MIKE Rizzo: Đúng vậy. Vâng, chúng tôi sẽ nhận được để mà trong một chút. Vâng, đó là một tương tự chút PHP. Không chính xác tương tự. 

Một sự phân biệt tốt để làm điều này là những gì thực sự là chỉnh sửa khi chúng ta chỉnh sửa trang bởi vì nó sẽ không được chỉnh sửa các tập tin thực tế mà đang được giữ trên máy chủ bởi vì thế giới không cần phải có sự cho phép để chỉnh sửa các tập tin của bạn. Đây chỉ là chỉnh sửa những gì trên trang và những gì đang được hiển thị trong trình duyệt. Vì vậy, nếu bạn đã tải lại trang web sau, nói, xóa một cái gì đó như chúng tôi xem chúng ta có thể làm với các cuộc gọi loại bỏ, điều mà sau đó sẽ xuất hiện trở lại. 

Tomas Reimers: Vì vậy, một cách để suy nghĩ về đây là nếu tôi máy tính của bạn và Mike là, loại, máy chủ. Điều gì sẽ xảy ra là tôi sẽ hỏi Mike, hey, tôi có thể có một bản sao của trang web này? Và anh ta sẽ đưa cho tôi một bản sao của nó. 

Không, nó không phải là điều ban đầu. Nó chỉ là một bản sao. Và sau đó nó sẽ là như thế, oh, có JavaScript tại đây. Rõ ràng, tôi phải chỉnh sửa trang như thế này. Và tôi đang chỉnh sửa bản sao của bạn. 

Nhưng đó không phải thực bản sao thực tế. Và nếu tôi đã hỏi anh ta một lần nữa làm mới trang, - hey, tôi có thể có một bản sao sạch - anh ta sẽ cho tôi một bản sao sạch sẽ. Và sau đó, tôi sẽ làm điều tương tự như, oh, điều này JS đây mà nói chỉnh sửa này. Và tôi sẽ tiếp tục làm điều đó. 

MIKE Rizzo: Vì vậy, một điều thực sự mát mẻ mà bạn có thể làm với jQuery là thực sự thêm các loại khác nhau hình ảnh động để trang của bạn. Tôi không biết nếu bạn đã từng nhìn thấy nơi bạn đang cố gắng để một điền vào một mẫu trực tuyến và bạn không điền những điều chính xác. Vì vậy, một điều ít trượt xuống ở phía trên và nói rằng bạn đã không làm điều này một cách chính xác. Vui lòng thử lại. Và sau đó, nó có thể thậm chí chỉ cần trượt lên. 

Hóa ra jQuery đã xây dựng trong các chức năng mà làm cho tất cả điều đó hình ảnh động thực sự, thực sự dễ dàng. Do đó đầu tiên là phai chức năng ra, mà bạn có thể gọi về một cái gì đó. Và đó là một cách để thay đổi CSS của yếu tố đó trong một cách động. Vì vậy, phải mất bất cứ điều gì yếu tố bạn gọi nó mờ dần trên. Và sau đó, từ từ thay đổi độ mờ đục của nó cho đến khi nó đi hoàn toàn minh bạch. 

Tomas Reimers: Người nổi tiếng khác được trượt xuống, mà sẽ làm cho một cái gì đó xuất hiện bằng cách trượt nó xuống. Vì vậy, trong trường hợp của các trình đơn thả xuống, một lần nữa, khi chúng tôi biết làm thế nào để phát hiện khi điều này đã được quét qua, bạn chỉ có thể nói dưới này phần trượt xuống bây giờ. Và sau đó, nó sẽ xuất hiện bằng cách trượt xuống. 

MIKE Rizzo: Và sau đó, nếu bạn chỉ có một số loại hoạt hình nhớ rằng jQuery không nhất thiết phải cung cấp. Ví dụ, chúng ta hãy nói jQuery không cung cấp cho bạn một slide xuống và trượt lên. Vâng, chúng ta hãy nói rằng bạn muốn trượt một cái gì đó từ bên trái hoặc từ đúng loại như CS50 trang chính làm bất cứ khi nào bạn đi đến một bảng điều khiển mới. Sau đó bạn sẽ có thể phải thực hiện nó cho mình bằng cách sử dụng động chức năng trong jQuery. 

Tương tự như vậy, bạn chỉ cần động. Và sau đó, trong đó phải mất một từ điển của các giá trị khác nhau rằng bạn đang phải vượt qua. Vì vậy, ở đây, nếu chúng tôi muốn tạo hiệu ứng yếu tố foo như vậy mà chiều rộng của nó hoặc mở rộng hoặc hợp đồng tới 80 điểm ảnh, tùy thuộc vào những gì nó đang là. Chúng tôi chỉ cần vượt qua đó là tranh luận bên trong nó. 

Động cũng có một số lập luận khác mà bạn có thể vượt qua nó, ví dụ, tốc độ của các hình ảnh động mà bạn muốn cung cấp cho nó. Và để làm điều đó, tôi sẽ chỉ nói nhanh chóng Google jQuery động. Và sau đó, đưa lên trang này, bạn có thể thấy nó có một loạt các khác nhau tài sản mà bạn có thể vượt qua nó. 

Và tôi khuyến khích bạn - bất cứ khi nào bạn đến trên một cái gì đó mà bạn không biết hoặc chỉ muốn tìm hiểu thêm về một phương pháp cụ thể mà bạn có thể gọi trên một cái gì đó - chỉ Google nó. jQuery là cực kỳ tài liệu tốt. Và thường lần có rất nhiều ví dụ mà họ cung cấp cho bạn. Nếu chúng ta di chuyển xuống - đường xuống - chúng tôi có thể sử dụng, là tốt. 

Một lần nữa, khi một nhà phát triển thực sự đi thông qua những rắc rối của một văn bản thư viện, họ thường muốn người sử dụng nó. Vì vậy, bên cạnh là sẽ là một tài liệu hướng dẫn. Và tài liệu thường có thể được tìm thấy trên trang dự án, đó là lý do tại sao chúng tôi đã cho bạn biết rằng trang web ban đầu trong đầu, mà liên kết bạn đến trang dự án, do đó bạn có thể xem tài liệu này. 

Thông thường, các trang dự án trong trường hợp của [nghe được], nó nói với bạn tên của các lớp học. Trong trường hợp của JavaScript, nó mang lại cho bạn tên của các chức năng. Bằng cách này, nếu chúng ta di chuyển lên đến đỉnh, một mặt lưu ý nhanh chóng về chức năng là bất cứ khi nào bạn nhìn thấy một chức năng thực hiện như thế này với những khó khăn khung ở giữa, điều đó có nghĩa rằng tài sản đó là tùy chọn. Chỉ cần một người đứng đầu lên. Tôi đã nhìn thấy rất nhiều câu hỏi về điều đó. 

Vì vậy, ở đây chúng ta có thể thấy rằng animate có tính như một đối số cần thiết. Và mọi thứ khác là tùy chọn. Phụ lưu ý - bạn có thể nghĩ về điều này, sắp xếp của, giống như các trang người đàn ông. Trang người đàn ông là tài liệu hướng dẫn cho C và cho rất nhiều những thứ khác, là tốt. 

MIKE Rizzo: Vì vậy, chúng tôi đã học được cách thay đổi CSS khác nhau trên trang web, animate nó, và loại bỏ thêm HTML. Nhưng một trong những thực sự mạnh mẽ nhất điều về JavaScript và đặc biệt là jQuery - những gì nó cho phép bạn làm là trả lời các yếu tố khác nhau mà xảy ra. Ví dụ, ở đây chúng tôi có xử lý sự kiện. Và rằng chỉ có nghĩa là bất cứ khi nào này sự kiện xảy ra, chúng tôi xử lý nó trong một cách nhất định. 

Vì vậy, ở đây, sự kiện jQuery chung xử lý là dấu chấm trên. Và sau đó, điều đầu tiên mà bạn cung cấp là những gì sự kiện đó nên được lắng nghe. Vì vậy, ở đây, đó là nhấp chuột mà chúng tôi đang chờ đợi. 

Tomas Reimers: Ngoài ra, bạn có trên di chuột, đó là một trong rất phổ biến. Vì vậy, trở lại thả tôi xuống ý tưởng đơn. Bạn sẽ có một hàng đầu trên di chuột. Và sau đó bạn có thể thay đổi điều đó. 

MIKE Rizzo: Đúng vậy. Và sau đó, khi điều đó xảy ra, nó chỉ thực hiện chức năng này mà chúng tôi cung cấp cho nó như một tham số và nó cảnh báo chào hay hi. 

Tomas Reimers: Vì vậy, trong trường hợp JavaScript, đây là một nơi chúng ta cần phải loại bỏ chính mình từ C. Chúng ta có thể thực sự có chức năng như các đối số. Và có rất nhiều thực sự cách phức tạp để làm điều này. Chúng tôi sẽ thúc đẩy một cách, đó là bạn có thể xác định hoạt động ngay tại đó. 

Vì vậy, khi bạn đang yêu cầu cho một chức năng như một tham số, bạn về cơ bản chỉ sẽ xác định các chức năng ngay tại chỗ. Và cách bạn định nghĩa một hàm trong JavaScript là bạn nghĩa là nói chức năng. Sau đó, thông thường, tên của hàm. Nhưng chúng tôi sẽ không bao giờ để tham khảo chức năng này một lần nữa. Vì vậy, chúng ta để nó không tên. 

Sau đó các dấu ngoặc đơn, sau đó các xoăn niềng răng, và sau đó các mã trong đó. Vì vậy, chúng tôi hiểu can này có một chút bối rối. Vì vậy, chúng tôi cung cấp cho bạn hình thức chung của những gì một xử lý sự kiện trông giống như dưới đây, đó là về các sự kiện. Và sau đó, mã của bạn trong đó. 

MIKE Rizzo: Có bất kỳ câu hỏi về điều này? Điều này có thể là một chút bối rối lần đầu tiên bạn nhìn thấy nó. 

Tomas Reimers: Bạn thực sự muốn mở ra một tập tin và hiển thị chúng một số jQuery ngay bây giờ? 

MIKE Rizzo: Vâng, chúng ta hãy làm điều đó. OK. 

Tomas Reimers: Vì vậy, bây giờ chúng tôi trong thiết bị. Và những gì chúng tôi đã làm là chúng tôi đã thực hiện các tự do của việc tạo ra cả một index.html tập tin, mà liên kết đến một tập tin JavaScript. Và chúng ta có thể mở ra - yeah. Vâng, nó không có hai điều. 

Đầu tiên là nó liên kết đến các tập tin JavaScript. Và chúng ta sẽ thấy ở đây. Chúng ta thấy rằng trong phần đầu của Tài liệu HTML, đặc biệt. Vì vậy, bạn sẽ thấy có mà chúng tôi, về cơ bản, nói SRC, viết tắt nguồn. Và đó là URL. 

Vì vậy, ở đây bạn có thể nói chúng tôi đã bao gồm jQuery. Và chúng tôi cũng bao gồm kịch bản. Một cách khác để bao gồm JavaScript mà bạn có thể bao gồm một kịch bản nội tuyến tag như chúng tôi đã ở phía dưới, nơi nó nói loại kịch bản là văn bản JavaScript. 

Vì vậy, chúng tôi đang nói, nghe, chúng tôi về để bao gồm một kịch bản. Và các loại kịch bản đó là JavaScript, mà là một loại văn bản. Rất đơn giản. 

MIKE Rizzo: Vì vậy, đây, loại, được cho câu hỏi của bạn về cách chúng tôi bao gồm JavaScript trong các tập tin của chúng tôi bởi vì khi chúng tôi đã PHP, chúng ta làm một cái gì đó như thế này. Và sau đó, có chức năng PHP của chúng tôi - chúng ta hãy nói cổ phiếu làm một cái gì đó với điều đó - đi vào đó. Tuy nhiên, bây giờ chúng tôi có các thẻ script mà chúng tôi cung cấp cho nó, mà trên thực tế một phần của HTML bản thân bởi vì nó không giả mạo là một tập tin HTML như nó là trong PHP bởi vì nếu bạn thực sự đi vào và nhìn vào mã nguồn của trang, bạn sẽ thấy các thẻ kịch bản trong đó với JavaScript liên quan họ trong đó. 

Vì vậy, sau đó, nếu chúng ta muốn viết một số JavaScript - chúng ta hãy chỉ nói rằng chúng ta muốn thay đổi cơ thể bởi vì ngay bây giờ tôi không có bất kỳ thẻ khác mà tôi có thể thực sự chỉnh sửa ngoài cơ thể. Chúng ta hãy chỉ nói rằng tôi muốn thay đổi CSS đó. Vì vậy, chúng tôi sẽ đi trước và thay đổi màu sắc của nó thành màu đỏ. 

Vì vậy, tôi lưu các tập tin. Chúng ta hãy quay trở lại trang web của chúng tôi, làm mới, và nó có phải nó tự động bởi vì nó không có vẻ như nó chờ đợi ở tất cả bởi vì chúng tôi đã không nghe cho một sự kiện hoặc bất cứ điều gì như thế. 

Tomas Reimers: Vì vậy, nếu chúng ta trở lại với nộp đặc biệt - HTML tập tin - những gì bạn sẽ thấy là chúng tôi có - nhớ rằng điều này được tải, loại, thứ tự thời gian. Vì vậy, chúng tôi có đầu tiên người đứng đầu. nó tải hai tập tin. Sau đó, chúng tôi đi đến cơ thể. Và chúng ta thấy hello thế giới. Vì vậy, chúng tôi làm hello thế giới. 

Và sau đó là điều cuối cùng chúng ta có là chúng tôi có thẻ tập lệnh. Vì vậy, nó chạy thẻ script vì nó không nói cho nó để chờ đợi bất cứ điều gì. Và đó là cơ bản nhất cách để chạy JavaScript. 

Với mà nói, bạn có thể đặt kịch bản thẻ lên trong tiêu đề chỉ để hiển thị thời điểm này? Và chạy đó. Chúng ta sẽ nhận thấy rằng nó không thay đổi màu sắc. Và điều này là một trong những vấn đề của JavaScript là những thứ được tải trong một thứ tự thời gian. 

Vì vậy, tại thời điểm mà mã đã được chạy, chúng tôi đã chọn - quay trở lại - thẻ cơ thể. Thẻ cơ thể không tồn tại được nêu bởi vì JavaScript là phù hợp với HTML. Vì vậy, trình duyệt cũng giống như chọn cơ thể. Không có những điều như vậy chưa. Vì vậy, chúng ta có thể bỏ qua điều đó. Và chúng tôi tiếp tục đi. 

Và sau đó chúng tôi xác định một từ khóa cơ thể. Nhưng điều đó không bao giờ được cập nhật. Vì vậy, khi bạn đang thực hiện kịch bản thẻ, chắc chắn rằng bạn đặt sau thẻ body. Slide tiếp theo. 

MIKE Rizzo: OK. Vì vậy, chúng tôi thay đổi một cái gì đó. Nhưng nó không giống như nó trả lời chúng tôi tại tất cả bởi vì nó chỉ là loại đã làm nó ngay sau khi nó được tải trang. Vì vậy, bây giờ, thay vì làm điều này, tại sao chúng ta không thêm một xử lý sự kiện. 

Vì vậy, hãy làm điều gì đó cho cơ thể một lần nữa. Và để nói rằng chúng tôi làm điều đó trên - nhấn chuột. Chúng tôi sẽ thêm một chức năng. 

Tomas Reimers: Hãy thay đổi màu sắc của nó sang màu đỏ một lần nữa. Tại sao không? 

Thay đổi Vâng, chúng ta hãy: MIKE Rizzo màu sắc của nó "sang màu đỏ một lần nữa. Được rồi. Vì vậy, hãy tải lại trang. OK, chúng ta thấy - như mong đợi, nó không chuyển sang màu đỏ được nêu ra. Nhưng sau đó chúng tôi có thể đi trước và nhấp vào nó. 

Tomas Reimers: Và nó chuyển sang màu đỏ. 

MIKE Rizzo: Và nó chuyển sang màu đỏ như mong đợi. 

Tomas Reimers: Và chúng ta có thể xem như thế nào chúng ta có thể bắt đầu xây dựng cơ bản tương tác. Những thứ khác chúng ta có thể muốn làm là, nếu chúng ta không muốn làm cho cơ thể màu đỏ, chúng ta hãy làm cho HTML nền màu đỏ. Chỉ nên nó là CSS cùng. 

Và khi chúng ta thay đổi nó, chúng ta có thể thấy điều này ảnh hưởng rất đáng kể của việc thay đổi toàn bộ trang. Vì vậy, một lần nữa, nếu bạn đang thực hiện điều này, bạn có thể có một thành phần đó có nghĩa là để được nhấp vào. Hãy nói rằng một nút Exit và toàn bộ một thành phần khác, đó có nghĩa là để đáp ứng. Vì vậy, bạn sẽ loại bỏ một cửa sổ khi điều đó xảy ra. 

MIKE Rizzo: OK. Chỉ là một ví dụ - bạn đã không nhận thấy điều này trước đó - Tôi sẽ chỉ cho bạn thấy những gì nó trông giống như khi chúng ta che giấu một cái gì đó. Vì vậy tôi sẽ đi trước và làm trượt lên. 

Tomas Reimers: Bạn muốn quấn rằng trong một loại đoạn trước khi chúng tôi làm điều đó? 

MIKE Rizzo: OK. Vâng, tại sao chúng ta không làm điều đó chỉ để chúng ta có thể chọn nó nhiều hơn một chút. 

Tomas Reimers: Và chúng ta cung cấp cho nó một lớp. 

MIKE Rizzo: Vâng. OK, vì vậy chúng ta hãy xem. Thay vì chọn cơ thể thực tế bây giờ, tôi sẽ chỉ cần chọn tất cả mọi thứ với lớp hello, mà ở đây chúng tôi chỉ có một điều. Vì vậy, chúng ta không cần phải lo lắng về điều đó. 

Vì vậy, tôi sẽ làm mới nó. Tôi sẽ đi trước và nhấp vào nó. Và nó, loại, đã làm một slide lạ lên điều, mà không nhìn mà hấp dẫn. Nói chung, họ trông khá đẹp. Tôi đoán, điều này - đối với một số lý do - không. Tôi sẽ làm một phai ra để bạn có thể nhìn vào đó quá. Nhiều đẹp hơn. 

Và sau đó, nếu tôi mở JavaScript an ủi một lần nữa và chúng tôi muốn xem những gì nó trông giống như khi chúng ta phai nó in Bây giờ, tôi chỉ cần gọi phai trong nó. Và nó mất dần trở lại in 

Tương tự như vậy, chúng ta có thể thực sự cũng vượt qua một đối số cho phai trong hoặc mờ dần, đó là, loại, tốc độ của nó. Vì vậy, chúng ta hãy đi trước và nói rằng chúng ta muốn nó phải đi từ từ mờ dần in Vì vậy, tôi đoán nó vẫn có vẻ khá nhanh chóng. Nhưng nó đã chậm hơn so với trước đây. 

Tomas Reimers: Và nếu bạn muốn tìm hiểu thêm về những điều này, một lần nữa, chỉ cần vào tài liệu hướng dẫn jQuery, mà chúng tôi đã đưa cho bạn, và đọc thông qua các. Họ ghi chép chức năng của mình cực kỳ tốt. 

MIKE Rizzo: OK. Vì vậy, tôi đoán chúng ta hãy quay trở lại này. Và chúng ta có thể nói về trang cuối cùng của chúng tôi. Vâng, chúng ta có thể kết thúc với Bootstrap. Và sau đó chúng tôi sẽ mở nó lên cho một số câu hỏi. Và nếu bạn có bất kỳ ý tưởng bạn muốn thử ném lên và xem nếu chúng ta có thể thực hiện chúng với JavaScript nhanh chóng. 

Vì vậy, thực sự nhanh chóng về Bootstrap, mà được tự động đưa vào Vấn đề cuối cùng của bạn thiết lập trong thư mục CSS và thực sự liên kết đến trong của bạn header.php. Vì vậy, bạn có thể có thêm các lớp học được định nghĩa trong Bootstrap với nó. Và nó sẽ tự động có kiểu những điều phù hợp. 

Tomas Reimers: Vì vậy, Bootstrap là rất điều kỳ diệu phát triển của người dân tại Twitter. Và những gì nó có nghĩa là để làm là - trước khi các trang web đã thực sự khó khăn để thực hiện nhìn đẹp, đặc biệt là khi chúng tôi đã có rất nhiều thành phần chung. Vì vậy rất nhiều nút trên web nhìn giống nhau. 

Rất nhiều lĩnh vực văn bản có thể được thực hiện để nhìn tốt hơn so với các văn bản chuẩn lĩnh vực mà bạn có thể biết từ thực sự các trang web cũ hoặc thực sự tồi trang web, mà chỉ trông giống như chữ hộp văn bản mà không có bất kỳ hình thức văn bản bóng hay bất kỳ loại đẹp phác thảo. Vì vậy, những gì đã làm được Bootstrap nó nói, tốt, chúng ta có một phong cách phổ biến rất nhiều. Tại sao chúng ta không làm một bộ chung của CSS và một tập hợp chung của JavaScript tốt, mà có thể phong cách nó như là và đó có thể cung cấp cho mọi người những thứ như thả xuống các menu, có thể cung cấp cho mọi người những thứ như modals. 

Phương thức là những gì xuất hiện trên trang bất cứ khi nào nó nói đúng một cái gì đó, mà ức chế thêm tương tác cho đến khi bạn tương tác với nó. Một cái gì đó như thế này được, bạn có chắc bạn muốn xóa điều này? Bạn có thể không thực sự làm bất cứ điều gì khác cho đến khi bạn nói có hoặc không. 

Mất tất cả điều này và nó đóng gói nó với nhau và nói, ở đây chúng tôi đi. Con người bây giờ có thể sử dụng. Và bạn có thể tìm thấy nó trên tại getbootstrap.com. Nó đã được tự động bao gồm trong Vấn đề cuối cùng của bạn thiết lập. Và bạn đang chào đón nhiều hơn để sử dụng nó trên dự án cuối cùng của bạn. Và nếu bạn muốn làm theo mà liên kết để có được Bootstrap. 

Bạn sẽ thấy đây là Bootstrap trang web CSS. Bạn sẽ thấy Bootstrap. Và nếu bạn di chuyển xuống, bạn sẽ thấy làm thế nào để tải về nó, làm thế nào để cài đặt nó, vân vân. 

MIKE Rizzo: Và bạn cũng có thể, khá thú vị, tùy chỉnh nó để là bất cứ loại chủ đề mà bạn muốn. Tôi biết đó là một cái gì đó tôi đã làm cho tôi dự án cuối cùng khi tôi đã lấy lớp đã được tùy chỉnh nó. Một phiên bản khác nhau của Bootstrap mà đã có một màu sắc khác nhau và hình dạng khác nhau của một số những thứ khác nhau. Vì vậy, tôi khuyên bạn nên chơi với điều đó. Đó là loại thú vị để làm. 

Tomas Reimers: Nhìn trên đầu trang một lần nữa, nó rất giống với chữ Tuyệt vời trang web. Rất nhiều tài liệu sẽ bắt đầu có vẻ tương tự như khi bạn đã thấy đủ của nó. Vì vậy, ở đây chúng ta có CSS thành phần này. Và bạn sẽ thấy nó như thế nào có thể tạo kiểu điều. Vì vậy, nếu bạn click vào bảng, ví dụ, bạn ngay lập tức có thể làm cho một bảng khá đơn giản bằng cách thêm bảng lớp với nó. 

Những điều tương tự cho các nút. Nếu bạn chỉ cần thêm các BTN lớp và BTN mặc định hoặc BTN chính, bạn có thể nhận được bất kỳ một trong các nút với những phong cách trước khi thực hiện. Và sau đó, nếu bạn đang tìm kiếm một cái gì đó phức tạp hơn chỉ đơn giản restyling những gì w đã có, hơn trên tab JavaScript trên chúng tôi đầu có một loạt các thành phần. 

Vì vậy, ở đây chúng tôi có quá trình chuyển đổi, modals, Dropdowns, các tab, và chú giải công cụ. Một tooltip là những gì hiện lên dưới của bạn chuột khi bạn di chuột vào một cái gì đó. Popovers, cảnh báo, các nút, đóng mở accordions là những gì chúng thường được gọi là. Băng chuyền, mà lật thông qua hình ảnh như thế nào. 

Vì vậy, đó là những thành phần của Bootstrap. Tôi sẽ khuyến khích bạn cao đi nhìn vào chúng. Có một thành phần JavaScript và một thành phần CSS. Cảm thấy tự do để sử dụng chúng như bạn muốn. Chúng tôi sẽ không đi quá sâu vào họ bởi vì chúng tôi cảm thấy các tài liệu thực sự cũng được thực hiện. Và yeah. Bạn có thắc mắc về điều đó? 

MIKE Rizzo: Vì vậy, một là thực sự nhanh chóng bên, thiết kế của trang web này chúng tôi nhanh chóng đặt lại với nhau cho trình bày này là thực sự thực hiện sử dụng Bootstrap. Như bạn có thể thấy, khi chúng ta click vào các các tab khác nhau, chúng ta sẽ không bao giờ thực sự rời khỏi trang index.html hiện tại này. Vì vậy, những gì chúng tôi có divs khác nhau là trong index.html này. Và sau đó, bất cứ khi nào chúng ta bấm vào một khác nhau tab, nó chỉ thay đổi mà của một người thấy. 

Vì vậy, nó phù hợp vị trí họ, thay đổi mã HTML của trang để tab hiện tại được đánh dấu là hoạt động để nó xuất hiện khác nhau và trông thực sự tốt đẹp. 

Tomas Reimers: Vì vậy, đó là tất cả thực hiện mà không cần chúng tôi viết hầu hết các CSS. Chúng tôi cũng nhìn thấy một tiêu đề trên đầu trang, mà màu sắc của chúng tôi. Nhưng thực tế đặt nó trên đầu trang và làm nó di chuyển là Bootstrap. Và sau đó ngay cả đối với một thư viện - này không phải là một chúng ta đã nói về nhưng một bạn có thể Google nếu bạn muốn. Này được gọi là prettify.js. Và nó sẽ làm nổi bật cú pháp mã của bạn cho bạn sử dụng cả CSS và JavaScript. 

Điều cuối cùng chúng tôi muốn nói về trước khi chúng tôi phát hành bạn ra ngoài thế giới nhìn vào thư viện để tìm ra làm thế nào để sử dụng chúng và, hy vọng, đọc tài liệu và tìm thấy những gì bạn cần là làm thế nào để tìm thấy các thư viện. Vì vậy, việc đầu tiên là chúng tôi chỉ sẽ đẩy Google. Đi của Google. 

Đó là nghĩa đen những gì chúng ta làm khi chúng ta cần phải làm một cái gì đó là chúng ta Google. Là có một thư viện JavaScript cho phép tôi để thao tác thời gian trong một cách hữu ích? Vì vậy, nếu tôi biết rằng một số người sử dụng tạo ra một tài khoản ở đây, và đây là thời điểm hiện tại, làm thế nào tôi có thể tính toán khác biệt với mà không cần phải tính toán nó bản thân mình? Vì vậy, đây thực sự là một điều phổ biến, JavaScript thời gian thư viện. Và ở đây chúng tôi Moment.js-- một trong những phổ biến nhất. 

Nếu chúng ta cần một thư viện để thao tác một cái gì đó như màu sắc để có thể tạo ra một loạt các màu sắc ngẫu nhiên - có thể, để tạo ra một phong cách hay một cái gì đó - chúng ta có thể Google một cái gì đó như Thư viện JavaScript màu. Và tôi chắc chắn rằng chúng tôi sẽ bật lên với một ngàn và một trong số họ. Bạn đang chào đón để đọc qua. 

Vì vậy, hầu hết mọi thứ - khi bạn tìm thấy chúng - sẽ được lưu trữ trên một trong những các trang web mà mã máy chủ. Họ là một vài người nổi tiếng. Phổ biến nhất, bởi đến nay, là github.com. Và nếu bạn đi đến GitHub nó thực sự nơi Normalize được tổ chức. Vì vậy, nếu bạn muốn quay trở lại với một trong đó. Cho họ thấy rằng. 

MIKE Rizzo: Và đó thực sự là nơi này được lưu trữ quá, nếu bạn nhận thấy. 

Tomas Reimers: Vâng. Vì vậy, nếu bạn đi qua để chuẩn hóa và đi đến GitHub. Là gì thế? 

MIKE Rizzo: Đó là con mèo nhỏ điều là biểu tượng GitHub. 

Tomas Reimers: Oh. Vì vậy, GitHub sử dụng một phương pháp gọi là Git để lưu trữ mã. Là bạn không biết đó là những gì hoặc nó đe dọa bạn, đó là tốt. Bạn không cần phải biết những gì là Git vì GitHub có một nút Tải về ở góc dưới bên phải. 

Điều hữu ích khác để biết về GitHub là hầu hết các sản phẩm sẽ có một đọc tôi. Và nếu họ không có một trang web, đọc tôi sẽ nói về cách bạn cài đặt nó, làm thế nào bạn sử dụng nó, những gì nó không, vân vân, vân vân, vân vân. Những gì chúng tôi đã cơ bản được bạn qua. 

MIKE Rizzo: nghỉ việc Internet. 

Tomas Reimers: Đó là tốt. Hai điều cuối cùng chúng tôi muốn để nói về - chúng tôi đã nói chuyện về Git - là xử lý sự cố. Và điều này không phải là liên quan sản phẩm cuối cùng vì nó là khi bạn rời khỏi 50. Và khi bạn chạy vào các sản phẩm thực hiện các thư viện hoặc thực hiện dự án của riêng bạn, bạn sẽ để có thắc mắc hoặc bạn đi tìm câu hỏi. 

Một lần nữa, Google nó. Đó là nghĩa đen những gì chúng tôi làm. Điều này là có vẻ ngớ ngẩn. Nhưng theo nghĩa đen, chúng tôi Google nó. Và một lần nữa, một trong những điều đầu tiên bạn sẽ thường chạy vào là stackoverflow.com, mà là một tuyệt vời câu hỏi và câu trả lời ngay. 

Thật là tuyệt vời cả hai bởi vì bạn có thể gửi các câu hỏi và tìm kiếm câu trả lời mà còn vì nó đã có rất nhiều được phổ biến trước nội dung đó. Vì vậy, thường khi bạn Google một lập trình câu hỏi trong đầu tiên vài số truy cập bạn có thể đã chạy vào nó trong bộ vấn đề của bạn. 

Và sau đó, điều thực sự ngắn gọn cuối cùng là JSFIDDLE, đó là - hôm nay chúng tôi đã đã làm rất nhiều công việc với JavaScript HTML CSS. JSFIDDLE là một ứng dụng web, mà cơ bản cho phép bạn chụp HTML của bạn, BẠN Dưới JavaScript trái, và CSS trên bên phải của bạn. Và sau đó nó có thể tạo ra một cách nhanh chóng làm của nó và xem nó như thế nào tương tác. Nó rất hữu ích khi mọi người đang cố gắng để làm một bằng chứng của khái niệm như đây là cách bạn sẽ làm một trình đơn thả xuống. Có thể là một việc khám phá ra nhanh chóng hoặc bất cứ điều gì. 

MIKE Rizzo: Vì vậy, hãy đi trước và bấm vào đây. Một lưu ý nhanh chóng - trong khi đó, trước khi chúng tôi làm trên nhấp chuột. Hóa ra JCorey Hàn Quốc cũng đã tích hợp sẵn trong xử lý sự kiện click mà nó sử dụng chỉ vì nó con số bạn sẽ muốn làm rất nhiều thứ khi bạn muốn nhấn một cái gì đó. 

Tương tự như vậy, nó cũng có một di chuột. Nhưng để có được phạm vi đầy đủ của những, nhìn vào jQuery tài liệu và làm điều đó. Tôi đã làm một cái gì đó ngu ngốc ở đây. 

Tomas Reimers: Vì vậy, tôi có một thực sự nhanh chóng chương trình ngay tại đây, trong đó nói rằng nút trên nhấp chuột. Sau đó chúng ta có một vòng lặp. Đối với tôi là ít hơn 404. Nó chỉ là sẽ bật lên các thông báo cảnh báo. 

MIKE Rizzo: Và những gì là đang đứng 404 trong HTML? Có ai nhớ? Không tìm thấy ngay. Chrome cũng nói thêm gọn gàng điều mà bạn có thể - 

Tomas Reimers: Bởi vì những người như Mike bắt đầu làm điều này rất nhiều và người dùng khó chịu, cho phép bạn xem thông tin. 

MIKE Rizzo: Vâng. 

Tomas Reimers: Chúng ta có bất kỳ câu hỏi về điều này, về JavaScript thư viện, việc tìm kiếm các thư viện, hoặc vẻ gì phát triển web như trong thế giới thực? Chúng tôi đang chạy lên với thời gian. Vì vậy, tôi không chắc chắn chúng ta sẽ có thời gian để thực hiện trừ khi nó thực sự nhanh chóng. Chúng ta tốt? 

MIKE Rizzo: Bất cứ điều gì các bạn muốn để xem thực sự nhanh chóng trong, như, hai phút hoặc ít hơn? 

Tomas Reimers: Bất cứ điều gì chúng ta có thể làm rõ? Làm thế nào để viết trong - 

ĐỐI TƯỢNG: [nghe được]? 

MIKE Rizzo: Có, vì vậy that - 

Tomas Reimers: Bạn chỉ có thể nhấn Kiểm soát-U trên trang web. 

MIKE Rizzo: Ồ, tôi không biết điều đó. 

Tomas Reimers: Tôi nghĩ rằng, yeah. Kiểm soát-U. Yeah. 

MIKE Rizzo: Oh, vậy đó là mã cho trang web. Nhưng nếu bạn thực sự muốn tải về của chúng tôi tập tin và tất cả mọi thứ, nó được lưu trữ trên github.com 

Tomas Reimers: cắt giảm tên của tôi - Tomas Reimers - dấu gạch chéo Hội thảo CS50 dấu gạch ngang. 

MIKE Rizzo: Và bạn có thể tìm thấy mọi thứ ở đó. 

Tomas Reimers: Đây là những gì GitHub có vẻ như, bằng cách này. Vì vậy, một lần nữa, khi bạn nhìn thấy một mã nguồn mở dự án, thông thường, họ sẽ được đọc tôi có bạn có thể đọc. Và nếu bạn quay trở lại, bạn sẽ nhận thấy rằng bạn có tải zip, mà sẽ cho phép bạn tải về các nguồn mã để bao gồm các sản phẩm trong điều của riêng bạn. 

MIKE Rizzo: Vâng, và nếu chúng ta chỉ cần nhấp vào trên index.html thực sự nhanh chóng - 

Tomas Reimers: Bạn sẽ thấy đây là mã nguồn cho trang web của chúng tôi. 

MIKE Rizzo: Ngoài ra, tôi quên để đẩy ngay trước với bảng lớn nó bao gồm, nhưng cũng có một bảng chmods của chúng tôi bao gồm chỉ cho rõ ràng của bạn. Nhưng nếu chúng ta di chuyển tất cả các con đường xuống phía dưới, chúng tôi đã không thực sự làm rất nhiều với JavaScript thứ ở tất cả với điều này. Đó là độc quyền từ tất cả mọi thứ khác mà chúng tôi đã có. 

Vì vậy, cảm ơn các bạn vì đã đến và lắng nghe. Chúng tôi hy vọng điều này là thực sự hữu ích. Nếu bạn có bất kỳ JavaScript liên quan câu hỏi, hoặc chỉ muốn nói về những gì khác giống như những gì những điều thú vị khác bạn có thể làm với Javascript, chúng tôi muốn nói chuyện với bạn. 

Tomas Reimers: Nếu bạn có một câu hỏi về dự án của bạn hoặc nếu điều này có thể có liên quan, chúng ta có thể sẽ dính vào xung quanh một chút sau này. Nhưng khác hơn là, có một ngày cuối tuần tốt. 

MIKE Rizzo: Vâng, thưởng thức. Thấy các bạn. 

Tomas Reimers: Hẹn gặp lại.