< Return to Video

Creating elements from scratch | Computer Programming | Khan Academy

  • 0:01 - 0:03
    Ở video này, ta sẽ cùng
    tìm hiểu những kiến thức cơ bản
  • 0:03 - 0:06
    về jQuery và cách sử dụng
    công cụ này trên trang web.
  • 0:06 - 0:09
    Để sử dụng công cụ này, đầu tiên,
    ta cần thêm thư viện jQuery
  • 0:09 - 0:12
    bằng việc sử dụng thẻ ''script"
  • 0:12 - 0:16
    Trước đây, ta tạo các mã lập
    trình JavaScript trong thẻ ''script"
  • 0:16 - 0:20
    nhưng lần này ta sẽ thêm thuộc tính "src"
  • 0:20 - 0:24
    nhận một đường dẫn URL.
  • 0:24 - 0:27
    URL này nên là gì?
  • 0:27 - 0:29
    Nếu bạn lập trình trên máy tính,
  • 0:29 - 0:30
    bạn có thể tải jQuery xuống
  • 0:30 - 0:33
    và nhập vào chương trình
    viết trang web trên máy tính
  • 0:33 - 0:36
    và điền "jquery.js" vào thuộc tính "src".
  • 0:36 - 0:39
    Nhưng ta không làm được
    cách này trên Khan Academy.
  • 0:39 - 0:43
    Ở đây, ta cần một URL của jQuery
  • 0:43 - 0:46
    trên một máy chủ trực tuyến.
  • 0:46 - 0:50
    Ta có thể tìm được một danh sách
    các URL như vậy trên trang web jquery.com.
  • 0:51 - 0:53
    Sau khi tìm được,
    ta dán vào thuộc tính "src".
  • 0:53 - 0:54
    Được rồi.
  • 0:54 - 0:56
    Bây giờ tôi muốn chỉ ra một vài điểm
  • 0:56 - 0:58
    cần lưu ý về URL này.
  • 0:58 - 1:02
    Thứ nhất, đường dẫn này
    bắt đầu bằng "https",
  • 1:02 - 1:05
    nghĩa là URL này an toàn.
  • 1:05 - 1:09
    Khan Academy chỉ cho phép
    dùng các nguồn an toàn,
  • 1:09 - 1:11
    nhất là khi bạn đang thực hành
  • 1:11 - 1:15
    lập trình trang web.
  • 1:16 - 1:19
    Thứ hai, URL này đang được đặt
  • 1:19 - 1:23
    trên một máy chủ của
    Google là googleapis.com.
  • 1:23 - 1:25
    Máy chủ này được gọi là CDN,
    viết tắt của từ
  • 1:25 - 1:28
    "content delivery network"
    (mạng phân phối nội dung).
  • 1:28 - 1:29
    Máy chủ này đã được tối ưu hóa
  • 1:29 - 1:33
    để chứa các tập tin tĩnh
    như thư viện JavaScript
  • 1:33 - 1:35
    và cung cấp tập tin nhanh chóng.
  • 1:35 - 1:38
    Máy chủ Google là một máy chủ đáng tin.
  • 1:38 - 1:41
    Nhìn chung, bạn nên
    tìm hiểu các máy chủ
  • 1:41 - 1:43
    mà bạn lấy nguồn tập tin
  • 1:43 - 1:47
    để tránh nguồn tập tin gây
    ảnh hưởng xấu tới trang của bạn.
  • 1:47 - 1:50
    Thứ ba, trên URL này có một số
  • 1:50 - 1:54
    thể hiện phiên bản là "2.1.4".
  • 1:54 - 1:57
    Ta hiểu rằng thư viện jQuery
    đang trong quá trình phát triển
  • 1:57 - 1:59
    và họ thường phát hành
    các phiên bản mới.
  • 1:59 - 2:01
    Các số ngoài cùng bên trái
  • 2:01 - 2:04
    biểu thị rằng phiên bản
    có nhiều thay đổi lớn và quan trọng.
  • 2:04 - 2:06
    Còn các số ngoài cùng bên phải
  • 2:06 - 2:08
    thể hiện các thay đổi nhỏ.
  • 2:08 - 2:10
    Vậy với số 2.1.4, ta đang
    sử dụng jQuery phiên bản 2
  • 2:10 - 2:12
    hoạt động với các
    trình duyệt hiện đại
  • 2:12 - 2:14
    nhưng không hoạt động trên
    Internet Explorer 8.
  • 2:14 - 2:16
    Trên trang web của mình,
  • 2:16 - 2:20
    bạn có thể chọn phiên bản
    để dùng dựa trên nhu cầu.
  • 2:20 - 2:23
    Được rồi. Chúng ta đã thêm jQuery.
  • 2:23 - 2:25
    Ta sẽ thực hiện bước tiếp theo
  • 2:25 - 2:28
    để sử dụng jQuery.
  • 2:30 - 2:33
    Mọi thư viện JavaScript
    đều hiển thị các hàm
  • 2:33 - 2:35
    và đặt tên cho các hàm đó.
  • 2:35 - 2:37
    Ta phải xem trong tài liệu tham khảo
  • 2:37 - 2:39
    để tìm ra tên của các hàm đó
  • 2:39 - 2:42
    và chức năng của chúng.
  • 2:42 - 2:45
    Thư viện jQuery có một hàm chính,
  • 2:45 - 2:48
    có một cái tên rất ngắn.
  • 2:48 - 2:51
    Đó chỉ là ký hiệu đô la ($).
  • 2:51 - 2:52
    vậy để dùng thư viện jQuery
  • 2:52 - 2:54
    ta nhập ký tự là "$"
  • 2:54 - 2:57
    theo sau là cặp dấu ngoặc đơn,
  • 2:57 - 2:59
    và cuối cùng là dấu chấm phẩy.
  • 2:59 - 3:02
    Ta thấy rằng tên hàm ngắn như vậy
  • 3:02 - 3:06
    rất tiện khi ta sẽ cần
    gọi hàm đó nhiều lần.
  • 3:06 - 3:09
    Có rất nhiều thứ ta
    có thể truyền vào hàm đó,
  • 3:09 - 3:11
    nhưng trong video giới thiệu này.
  • 3:11 - 3:15
    Ta sẽ chỉ truyền vào thẻ "h1".
  • 3:16 - 3:18
    Như vậy, ta đang yêu cầu
  • 3:18 - 3:20
    câu lệnh bảo jQuery tham chiếu đến
  • 3:20 - 3:23
    tất cả các phần tử "h1" trên trang web
  • 3:23 - 3:28
    và trả lại kết quả là một
    đối tượng tập hợp jQuery.
  • 3:28 - 3:31
    Sau đó, ta có thể gọi các phương thức
  • 3:31 - 3:33
    lênn đối tượng jQuery
  • 3:33 - 3:37
    để thực hiện thao tác với
    tất cả phần tử "h1" được tham chiếu.
  • 3:37 - 3:40
    Ví dụ như ta cần thay đổi
    văn bản bên trong của phần tử,
  • 3:40 - 3:43
    ta có thể dùng hàm "text"
  • 3:43 - 3:46
    và truyền vào nội dung ta cần thay đổi.
  • 3:47 - 3:48
    Bạn có thể quan sát
  • 3:48 - 3:50
    trên khung kết quả.
  • 3:50 - 3:51
    Được rồi.
  • 3:51 - 3:53
    Đó là một số kiến thức cơ bản về jQuery.
  • 3:53 - 3:57
    Vậy vừa rồi, ta đã đưa
    thư viện jQuery vào thẻ ''script",
  • 3:57 - 4:00
    yêu cầu jQuery tham chiếu đến
    các phần tử "h1" trên trang web
  • 4:00 - 4:04
    và thay đổi nội dung văn bản trong "h1".
  • 4:04 - 4:06
    Trong các video tiếp theo, ta sẽ tìm hiểu
  • 4:06 - 4:08
    nhiều kiến thức chi tiết hơn
  • 4:08 - 4:11
    về cách chọn và thao tác với các phần tử
  • 4:11 - 4:14
    bằng jQuery để phản hồi
    hoạt động của người dùng trên trang,
  • 4:14 - 4:19
    hay tạo các hiệu ứng hoạt hình thú vị.
Title:
Creating elements from scratch | Computer Programming | Khan Academy
Description:

more » « less
Video Language:
English
Team:
Khan Academy
Duration:
04:19

Vietnamese subtitles

Incomplete

Revisions Compare revisions