[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.42,Default,,0000,0000,0000,,Vậy URL này nên là gì?
Dialogue: 0,0:00:26.42,0:00:29.09,Default,,0000,0000,0000,,Nếu bạn lập trình ở\Ntrình soạn thảo riêng trên máy tính,
Dialogue: 0,0:00:29.09,0:00:30.40,Default,,0000,0000,0000,,bạn có thể tải jQuery xuống
Dialogue: 0,0:00:30.40,0:00:32.62,Default,,0000,0000,0000,,rồi nhập lệnh để kết nối với tệp jquery đó
Dialogue: 0,0:00:32.62,0:00:36.47,Default,,0000,0000,0000,,bằng cách điền "jquery.js"\Nvà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 điề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.36,0:00:53.14,Default,,0000,0000,0000,,Sau khi tìm được URL,\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ờ, ta cần lưu ý một số điều sau
Dialogue: 0,0:00:56.12,0:00:58.03,Default,,0000,0000,0000,,khi dùng URL jquery.
Dialogue: 0,0:00:58.03,0:01:01.82,Default,,0000,0000,0000,,Thứ nhất, đường dẫn này\Ncần bắ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.36,Default,,0000,0000,0000,,khi bạn đang thực hành\Nlập trình trang web.
Dialogue: 0,0:01:11.36,0:01:14.27,Default,,0000,0000,0000,,Đó cũng là điều bạn\Ncần lưu ý khi lập trình nói chung.
Dialogue: 0,0:01:15.66,0:01:18.86,Default,,0000,0000,0000,,Tiếp theo, điều thứ hai ta cần chú ý\Nlà 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 những nguy cơ\Nxấu ảnh hưởng tới trang web 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ó số hiệu
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:58.90,Default,,0000,0000,0000,,và họ thường phát hành\Ncác phiên bản mới.
Dialogue: 0,0:01:58.90,0:02:02.30,Default,,0000,0000,0000,,Trong số hiệu phiên bản, sự tăng lên\Ncủa các chữ số ngoài cùng bên trái
Dialogue: 0,0:02:02.30,0:02:04.47,Default,,0000,0000,0000,,thể hiện cho\Nnhững thay đổi lớn và quan trọng.
Dialogue: 0,0:02:04.47,0:02:06.81,Default,,0000,0000,0000,,Còn sự tăng lên của\Ncác chữ số ngoài cùng bên phải
Dialogue: 0,0:02:06.81,0:02:08.25,Default,,0000,0000,0000,,đại diện cho các thay đổi nhỏ.
Dialogue: 0,0:02:08.25,0:02:10.71,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.71,0:02:12.60,Default,,0000,0000,0000,,tương thích với các\Ntrình duyệt hiện đại
Dialogue: 0,0:02:12.60,0:02:15.07,Default,,0000,0000,0000,,nhưng không hoạt động được\Ntrên Internet Explorer 8.
Dialogue: 0,0:02:15.07,0:02:16.14,Default,,0000,0000,0000,,Với trang web của bạn,
Dialogue: 0,0:02:16.14,0:02:19.63,Default,,0000,0000,0000,,bạn có thể chọn phiên bản\Nđể dùng tùy theo nhu cầu.
Dialogue: 0,0:02:19.63,0:02:22.81,Default,,0000,0000,0000,,Được rồi. Vậy là 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 có sẵn 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 mỗi hàm
Dialogue: 0,0:02:39.26,0:02:41.76,Default,,0000,0000,0000,,và chức năng tương ứ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,,với 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.97,Default,,0000,0000,0000,,ta nhập hàm bằng ký tự là "$"
Dialogue: 0,0:02:53.97,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 này,
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ẽ thử truyền vào chuỗi ký tự là "h1".
Dialogue: 0,0:03:16.32,0:03:17.70,Default,,0000,0000,0000,,Như vậy, với câu lệnh này,
Dialogue: 0,0:03:17.70,0:03:19.72,Default,,0000,0000,0000,,ta đang yêu cầu 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ên đố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:50.80,Default,,0000,0000,0000,,Bạn có thể quan sát thấy\Nsự thay đổi trên khung kết quả.
Dialogue: 0,0:03:50.80,0:03:53.20,Default,,0000,0000,0000,,Và đó là một số kiến thức cơ bản về jQuery.
Dialogue: 0,0:03:53.20,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,,hoặc tạo các hiệu ứng hoạt hình thú vị.