Ngu ngơ học làm web (31) - Học jQuery bằng tiếng Anh

tiếp theo của: Ngu ngơ học làm web (30) - Thay đổi nội dung và sự kiện trong jQuery 
-------

Phần 31.       Học jQuery bằng tiếng Anh


Có một kinh nghiệm được rút ra là: đôi khi xem và làm theo các clip lần đầu thấy rất nản, tuy nhiên chịu khó coi lại lần 2, hoặc lần 3 sẽ thấy nó nhẹ nhàng, dễ chịu và dễ hiểu.

Khi tự học, nên ghi lại những gì mình đã biết, những gì còn đang nghi ngờ, cái gì chưa hiểu, để có một cách suy nghĩ logic, liền mạch. Việc ghi lại cũng giúp sau này muốn dùng lại hoặc xem lại cũng tiện.

Kinh nghiệm học tiếng Anh thì có nhiều, đây là một kinh nghiệm hay để tham khảo. http://tuanvannguyen.blogspot.com/2014/07/kinh-nghiem-tu-hoc-tieng-anh.html

Để học jQuery bằng tiếng Anh, vào lại clip sau, xem từ thời điểm 4 giờ 10 phút đến hết.


Sau đây là một số ý ghi lại, sau khi nghe clip.

Một số ví dụ trong clip đều đã làm qua ở các phần học jQuery bằng tiếng Việt, nên chỉ cần nghe để có phản xạ với tiếng Anh là được rồi.

$(selector).show(): để hiển thị một phần tử đang bị hide().

Đọc thêm về lồng hai hàm trong sự kiện hover: http://api.jquery.com/hover/

Cài đặt và sử dụng jQuery plugins: http://plugins.jquery.com/

Ví dụ về Tabs plugins: http://jqueryui.com/tabs/

Đọc thêm về jQueryUI.

Đọc thêm về Graceful degradation.

Đọc thêm về Unobtrusive JavaScript. Tham khảo tại đây: http://hoangle.org/2015/05/23/unobtrusive-javascript-la-gi/

“Obtrusive dịch ra có nghĩa là gây khó chịu, làm phiền nhiễu và Unobtrusive là một tính từ khẳng định không gây ra những cảm xúc tiêu cực đó. Unobtrusive JavaScript chính là một thuật ngữ muốn nói tới những phương pháp lập trình để tránh được sự phụ thuộc, phiền nhiễu của JavaScript vào một trang web bất kì. Ngày nay, đây là một trong những khái niệm cơ sở mà các lập trình viên JavaScript cần phải hiểu và nắm rõ.”

[// sẽ coi lại phần này sau khi cài đặt Web Server

Ví dụ về Ajax và JSON:

Hàm getJSON được sử dụng để lấy dữ liệu dạng JSON từ server về, sử dụng một GET HTTP request. $.getJSON là dạng viết rút gọn của $.ajax.

Cú pháp của hàm getJSON:

$.getJSON(url[, data][, success])

Trong đó,

- url: URL sẽ được gửi về server thông qua giao thức GET

- data: dữ liệu sẽ được gửi về server bằng giao thức GET

- success: hàm callback, hàm này sẽ được gọi nếu server xử lý request và gửi kết quả thành công (success) về client. Hàm có cú pháp như sau:

Function(PlainObject data, String textStatus, jqXHR jqXHR)

[data.json]
            {
            "01" : "Bạn cảm thấy dễ chịu nhất khi nào?",
            "02" : "Bạn thường bước đi:",
            "03" : "Khi nói chuyện với người khác, bạn:",
            "04" : "Khi nghỉ ngơi, bạn ngồi như thế nào?",
            "05" : "Khi ngạc nhiên thích thú, bạn phản ứng thế nào?"
}
]

Đọc thêm về getJSON tại đây: http://api.jquery.com/jquery.getjson/


Đọc thêm về JavaScript closure. (đoạn này trong clip bị lỗi, không theo dõi được).
-----------
Cập nhật [6/10/2017][6/10/2016]
-----------