[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.57,0:00:03.22,Default,,0000,0000,0000,,Ở video này, ta sẽ cùng\Ntìm hiểu những kiến thức cơ bản
Dialogue: 0,0:00:03.22,0:00:05.72,Default,,0000,0000,0000,,về jQuery và cách sử dụng\Ncông cụ này trên trang web.
Dialogue: 0,0:00:05.72,0:00:09.00,Default,,0000,0000,0000,,Để sử dụng công cụ này, đầu tiên,\Nta cần thêm thư viện jQuery
Dialogue: 0,0:00:09.00,0:00:11.54,Default,,0000,0000,0000,,bằng việc sử dụng thẻ ''script"
Dialogue: 0,0:00:12.23,0:00:16.12,Default,,0000,0000,0000,,Trước đây, ta tạo các mã lập\Ntrình JavaScript trong thẻ ''script"
Dialogue: 0,0:00:16.12,0:00:20.28,Default,,0000,0000,0000,,nhưng lần này ta sẽ thêm thuộc tính "src"
Dialogue: 0,0:00:20.28,0:00:24.39,Default,,0000,0000,0000,,nhận một đường dẫn URL.
Dialogue: 0,0:00:24.39,0:00:26.57,Default,,0000,0000,0000,,URL này nên là gì?
Dialogue: 0,0:00:26.57,0:00:28.63,Default,,0000,0000,0000,,Nếu bạn lập trình trên máy tính,
Dialogue: 0,0:00:28.63,0:00:30.09,Default,,0000,0000,0000,,bạn có thể tải jQuery xuống
Dialogue: 0,0:00:30.09,0:00:32.62,Default,,0000,0000,0000,,và nhập vào chương trình\Nviết trang web trên máy tính
Dialogue: 0,0:00:32.62,0:00:36.47,Default,,0000,0000,0000,,và điền "jquery.js" vào thuộc tính "src".
Dialogue: 0,0:00:36.47,0:00:39.41,Default,,0000,0000,0000,,Nhưng ta không làm được\Ncách này trên Khan Academy.
Dialogue: 0,0:00:39.41,0:00:43.10,Default,,0000,0000,0000,,Ở đây, ta cần một URL của jQuery
Dialogue: 0,0:00:43.10,0:00:45.88,Default,,0000,0000,0000,,trên một máy chủ trực tuyến.
Dialogue: 0,0:00:45.88,0:00:50.08,Default,,0000,0000,0000,,Ta có thể tìm được một danh sách\Ncác URL như vậy trên trang web jquery.com.
Dialogue: 0,0:00:50.62,0:00:53.14,Default,,0000,0000,0000,,Sau khi tìm được,\Nta dán vào thuộc tính "src".
Dialogue: 0,0:00:53.14,0:00:54.16,Default,,0000,0000,0000,,Được rồi.
Dialogue: 0,0:00:54.16,0:00:56.12,Default,,0000,0000,0000,,Bây giờ tôi muốn chỉ ra một vài điểm
Dialogue: 0,0:00:56.12,0:00:58.03,Default,,0000,0000,0000,,cần lưu ý về URL này.
Dialogue: 0,0:00:58.03,0:01:01.82,Default,,0000,0000,0000,,Thứ nhất, đường dẫn này\Nbắt đầu bằng "https",
Dialogue: 0,0:01:01.82,0:01:05.23,Default,,0000,0000,0000,,nghĩa là URL này an toàn.
Dialogue: 0,0:01:05.23,0:01:09.23,Default,,0000,0000,0000,,Khan Academy chỉ cho phép\Ndùng các nguồn an toàn,
Dialogue: 0,0:01:09.23,0:01:11.21,Default,,0000,0000,0000,,nhất là khi bạn đang thực hành
Dialogue: 0,0:01:11.21,0:01:15.34,Default,,0000,0000,0000,,lập trình trang web.
Dialogue: 0,0:01:15.66,0:01:18.86,Default,,0000,0000,0000,,Thứ hai, URL này đang được đặt
Dialogue: 0,0:01:18.86,0:01:22.75,Default,,0000,0000,0000,,trên một máy chủ của\NGoogle là googleapis.com.
Dialogue: 0,0:01:22.75,0:01:25.38,Default,,0000,0000,0000,,Máy chủ này được gọi là CDN,\Nviết tắt của từ
Dialogue: 0,0:01:25.38,0:01:27.92,Default,,0000,0000,0000,,"content delivery network"\N(mạng phân phối nội dung).
Dialogue: 0,0:01:27.92,0:01:29.41,Default,,0000,0000,0000,,Máy chủ này đã được tối ưu hóa
Dialogue: 0,0:01:29.41,0:01:32.62,Default,,0000,0000,0000,,để chứa các tập tin tĩnh\Nnhư thư viện JavaScript
Dialogue: 0,0:01:32.62,0:01:35.39,Default,,0000,0000,0000,,và cung cấp tập tin nhanh chóng.
Dialogue: 0,0:01:35.39,0:01:38.16,Default,,0000,0000,0000,,Máy chủ Google là một máy chủ đáng tin.
Dialogue: 0,0:01:38.16,0:01:41.30,Default,,0000,0000,0000,,Nhìn chung, bạn nên\Ntìm hiểu các máy chủ
Dialogue: 0,0:01:41.30,0:01:43.00,Default,,0000,0000,0000,,mà bạn lấy nguồn tập tin
Dialogue: 0,0:01:43.00,0:01:47.24,Default,,0000,0000,0000,,để tránh nguồn tập tin gây\Nảnh hưởng xấu tới trang của bạn.
Dialogue: 0,0:01:47.40,0:01:50.01,Default,,0000,0000,0000,,Thứ ba, trên URL này có một số
Dialogue: 0,0:01:50.01,0:01:53.81,Default,,0000,0000,0000,,thể hiện phiên bản là "2.1.4".
Dialogue: 0,0:01:53.81,0:01:56.69,Default,,0000,0000,0000,,Ta hiểu rằng thư viện jQuery\Nđang trong quá trình phát triển
Dialogue: 0,0:01:56.69,0:01:59.02,Default,,0000,0000,0000,,và họ thường phát hành\Ncác phiên bản mới.
Dialogue: 0,0:01:59.02,0:02:00.99,Default,,0000,0000,0000,,Các số ngoài cùng bên trái
Dialogue: 0,0:02:00.99,0:02:04.02,Default,,0000,0000,0000,,biểu thị rằng phiên bản \Ncó nhiều thay đổi lớn và quan trọng.
Dialogue: 0,0:02:04.02,0:02:05.76,Default,,0000,0000,0000,,Còn các số ngoài cùng bên phải
Dialogue: 0,0:02:05.76,0:02:07.82,Default,,0000,0000,0000,,thể hiện các thay đổi nhỏ.
Dialogue: 0,0:02:07.82,0:02:10.48,Default,,0000,0000,0000,,Vậy với số 2.1.4, ta đang\Nsử dụng jQuery phiên bản 2
Dialogue: 0,0:02:10.48,0:02:12.30,Default,,0000,0000,0000,,hoạt động với các\Ntrình duyệt hiện đại
Dialogue: 0,0:02:12.30,0:02:14.48,Default,,0000,0000,0000,,nhưng không hoạt động trên\NInternet Explorer 8.
Dialogue: 0,0:02:14.48,0:02:15.64,Default,,0000,0000,0000,,Trên trang web của mình,
Dialogue: 0,0:02:15.64,0:02:19.63,Default,,0000,0000,0000,,bạn có thể chọn phiên bản\Nđể dùng dựa trên nhu cầu.
Dialogue: 0,0:02:19.63,0:02:22.81,Default,,0000,0000,0000,,Được rồi. Chúng ta đã thêm jQuery.
Dialogue: 0,0:02:22.81,0:02:24.97,Default,,0000,0000,0000,,Ta sẽ thực hiện bước tiếp theo
Dialogue: 0,0:02:24.97,0:02:28.27,Default,,0000,0000,0000,,để sử dụng jQuery.
Dialogue: 0,0:02:30.23,0:02:33.31,Default,,0000,0000,0000,,Mọi thư viện JavaScript\Nđều hiển thị các hàm
Dialogue: 0,0:02:33.31,0:02:35.36,Default,,0000,0000,0000,,và đặt tên cho các hàm đó.
Dialogue: 0,0:02:35.36,0:02:37.25,Default,,0000,0000,0000,,Ta phải xem trong tài liệu tham khảo
Dialogue: 0,0:02:37.25,0:02:39.26,Default,,0000,0000,0000,,để tìm ra tên của các hàm đó
Dialogue: 0,0:02:39.26,0:02:41.76,Default,,0000,0000,0000,,và chức năng của chúng.
Dialogue: 0,0:02:41.76,0:02:45.44,Default,,0000,0000,0000,,Thư viện jQuery có một hàm chính,
Dialogue: 0,0:02:45.44,0:02:47.52,Default,,0000,0000,0000,,có một cái tên rất ngắn.
Dialogue: 0,0:02:47.52,0:02:50.64,Default,,0000,0000,0000,,Đó chỉ là ký hiệu đô la ($).
Dialogue: 0,0:02:50.64,0:02:52.26,Default,,0000,0000,0000,,vậy để dùng thư viện jQuery
Dialogue: 0,0:02:52.26,0:02:53.56,Default,,0000,0000,0000,,ta nhập ký tự là "$"
Dialogue: 0,0:02:53.56,0:02:56.53,Default,,0000,0000,0000,,theo sau là cặp dấu ngoặc đơn,
Dialogue: 0,0:02:56.53,0:02:59.41,Default,,0000,0000,0000,,và cuối cùng là dấu chấm phẩy.
Dialogue: 0,0:02:59.41,0:03:01.93,Default,,0000,0000,0000,,Ta thấy rằng tên hàm ngắn như vậy
Dialogue: 0,0:03:01.93,0:03:05.76,Default,,0000,0000,0000,,rất tiện khi ta sẽ cần\Ngọi hàm đó nhiều lần.
Dialogue: 0,0:03:06.23,0:03:08.93,Default,,0000,0000,0000,,Có rất nhiều thứ ta\Ncó thể truyền vào hàm đó,
Dialogue: 0,0:03:08.93,0:03:10.71,Default,,0000,0000,0000,,nhưng trong video giới thiệu này.
Dialogue: 0,0:03:10.71,0:03:15.25,Default,,0000,0000,0000,,Ta sẽ chỉ truyền vào thẻ "h1".
Dialogue: 0,0:03:16.32,0:03:17.70,Default,,0000,0000,0000,,Như vậy, ta đang yêu cầu
Dialogue: 0,0:03:17.70,0:03:19.72,Default,,0000,0000,0000,,câu lệnh bảo jQuery tham chiếu đến
Dialogue: 0,0:03:19.72,0:03:23.10,Default,,0000,0000,0000,,tất cả các phần tử "h1" trên trang web
Dialogue: 0,0:03:23.10,0:03:28.05,Default,,0000,0000,0000,,và trả lại kết quả là một\Nđối tượng tập hợp jQuery.
Dialogue: 0,0:03:28.15,0:03:30.69,Default,,0000,0000,0000,,Sau đó, ta có thể gọi các phương thức
Dialogue: 0,0:03:30.69,0:03:33.23,Default,,0000,0000,0000,,lênn đối tượng jQuery
Dialogue: 0,0:03:33.23,0:03:37.20,Default,,0000,0000,0000,,để thực hiện thao tác với\Ntất cả phần tử "h1" được tham chiếu.
Dialogue: 0,0:03:37.20,0:03:39.94,Default,,0000,0000,0000,,Ví dụ như ta cần thay đổi\Nvăn bản bên trong của phần tử,
Dialogue: 0,0:03:39.94,0:03:43.36,Default,,0000,0000,0000,,ta có thể dùng hàm "text"
Dialogue: 0,0:03:43.36,0:03:46.04,Default,,0000,0000,0000,,và truyền vào nội dung ta cần thay đổi.
Dialogue: 0,0:03:47.24,0:03:48.49,Default,,0000,0000,0000,,Bạn có thể quan sát
Dialogue: 0,0:03:48.49,0:03:49.79,Default,,0000,0000,0000,,trên khung kết quả.
Dialogue: 0,0:03:49.79,0:03:50.80,Default,,0000,0000,0000,,Được rồi.
Dialogue: 0,0:03:50.80,0:03:53.03,Default,,0000,0000,0000,,Đó là một số kiến thức cơ bản về jQuery.
Dialogue: 0,0:03:53.03,0:03:56.91,Default,,0000,0000,0000,,Vậy vừa rồi, ta đã đưa\Nthư viện jQuery vào thẻ ''script",
Dialogue: 0,0:03:56.91,0:03:59.82,Default,,0000,0000,0000,,yêu cầu jQuery tham chiếu đến\Ncác phần tử "h1" trên trang web
Dialogue: 0,0:03:59.82,0:04:03.64,Default,,0000,0000,0000,,và thay đổi nội dung văn bản trong "h1".
Dialogue: 0,0:04:03.64,0:04:06.33,Default,,0000,0000,0000,,Trong các video tiếp theo, ta sẽ tìm hiểu
Dialogue: 0,0:04:06.33,0:04:08.05,Default,,0000,0000,0000,,nhiều kiến thức chi tiết hơn
Dialogue: 0,0:04:08.05,0:04:11.12,Default,,0000,0000,0000,,về cách chọn và thao tác với các phần tử
Dialogue: 0,0:04:11.12,0:04:14.35,Default,,0000,0000,0000,,bằng jQuery để phản hồi\Nhoạt động của người dùng trên trang,
Dialogue: 0,0:04:14.35,0:04:18.56,Default,,0000,0000,0000,,hay tạo các hiệu ứng hoạt hình thú vị.