Giới thiệu về jQuery Mobile

Giới thiệu jQuery Mobile, một khung công tác giao diện người dùng (UI), cho phép bạn viết một ứng dụng web di động chức năng mà không cần viết một dòng mã JavaScript. Trong bài này, hãy tìm hiểu về các tính năng của khung công tác này, gồm các trang cơ bản, các thanh công cụ điều hướng, các nút điều khiển biểu mẫu và các hiệu ứng chuyển tiếp. Để làm theo cùng với bài này, bạn sẽ cần:
Nội dung trích xuất từ tài liệu:
Giới thiệu về jQuery Mobile Giới thiệu về jQuery MobileGiới thiệujQuery Mobile, một khung công tác giao diện người dùng (UI), cho phép bạn viết một ứng dụngweb di động chức năng mà không cần viết một dòng mã JavaScript. Trong bài này, hãy tìm hiểuvề các tính năng của khung công tác này, gồm các trang cơ bản, các thanh công cụ điều hướng,các nút điều khiển biểu mẫu và các hiệu ứng chuyển tiếp.Để làm theo cùng với bài này, bạn sẽ cần:  Xem trước về HTML.  Hiểu các điều cơ bản của JavaScript.  Kiến thức cơ bản về jQuery.Bạn có thể tải về mã nguồn của trình cắm thêm jQuery được sử dụng trong bài này từ bảng Tảivề dưới đây. Phần Tài nguyên có thông tin về jQuery, JavaScript, DOM, HTML5 và nhiều hơnnữa.Về đầu trangjQuery MobilejQuery Mobile là một khung công tác phát triển giao diện người dùng web thân thiện với cảmứng cho phép bạn phát triển các ứng dụng web di động làm việc trên các máy điện thoại thôngminh và các máy tính bảng. Khung công tác jQuery Mobile được xây dựng trên đỉnh lõi jQueryvà cung cấp một số phương tiện, gồm thao tác và chuyển dịch DOM (Mô hình đối tượng tàiliệu), HTML và XML, xử lý các sự kiện, thực hiện truyền thông máy chủ bằng cách sử dụngAjax, cũng như các hiệu ứng hình ảnh và hình ảnh động cho các trang web. Bản thân khung côngtác di động là một bản tải bổ sung, riêng biệt có kích cỡ khoảng 12KB (đã rút gọn và nén) từ lõijQuery có kích cỡ khoảng 25KB khi đã rút gọn/nén. Cũng như với phần còn lại của khung côngtác jQuery, jQuery Mobile là thư viện được cấp phép kép (MIT và GPL), miễn phí.Mặc dù jQuery Mobile vẫn đang là bản Alpha, nhưng đã có một số trình diễn và tài liệu hướngdẫn. Chúng tôi đề nghị bạn nên xem lại tài liệu hướng dẫn và các trình diễn trong phần Tàinguyên và xem mã nguồn trình diễn trong phần Tải về.Tại thời điểm này viết bài này, khung công tác di động jQuery là một phiên bản Alpha 2(v1.0a2). Mã đang ở dạng dự thảo và có thể thay đổi. Tuy nhiên, khung công tác hiện có là kháchắc chắn. Với một tập các thành phần ấn tượng có sẵn trong bản phát hành alpha, jQueryMobile hứa hẹn sẽ là một khung công tác và bộ công cụ lớn về phát triển ứng dụng web di động.Các tính năng cơ bản của jQuery Mobile gồm:Khá đơn giản Khung công tác dễ sử dụng. Bạn có thể phát triển các trang chủ yếu bằng cách sử dụng đánh dấu dựa vào mã JavaScript tối thiểu hoặc không dùng mã này.Nâng cấp tăng dần và khả năng chịu lỗi Trong khi jQuery Mobile sử dụng mã HTML5, CSS3 và JavaScript mới nhất, không phải tất cả các thiết bị di động đều cung cấp sự hỗ trợ như vậy. Triết lý của JQuery Mobile là hỗ trợ cả hai thiết bị có khả năng cấp cao và khả năng cấp thấp hơn, chẳng hạn như những thiết bị không hỗ trợ JavaScript và vẫn cung cấp các trải nghiệm tốt nhất có thể.Tính dễ dùng jQuery Mobile được thiết kế với chủ ý dễ dùng. Nó có sự hỗ trợ cho Các ứng dụng Internet phong phú có thể dễ dùng (WAI-ARIA - Accessible Rich Internet Applications) để giúp làm cho các trang web có thể dễ dùng với khách truy cập bị tàn tật nhờ sử dụng các công nghệ trợ giúp.Kích cỡ nhỏ Kích cỡ tổng thể của khung công tác di động jQuery là tương đối nhỏ khoảng 12KB với thư viện JavaScript, 6KB với CSS, cộng với một số biểu tượng.Tạo chủ đề Khung công tác này cũng cung cấp một hệ thống chủ đề, cho phép bạn đưa ra kiểu dáng ứng dụng riêng của mình.Khi được dùng với các bộ công cụ như là PhoneGap (xem phần Tài nguyên), có sử dụng cáccông nghệ web để xây dựng các ứng dụng độc lập, khung công tác jQuery Mobile có thể giúpđơn giản hóa việc phát triển ứng dụng của bạn.Về đầu trangHỗ trợ trình duyệtChúng tôi đã đi một chặng đường dài với sự hỗ trợ trình duyệt của thiết bị di động, nhưng khôngphải tất cả các thiết bị di động đều cung cấp sự hỗ trợ cho HTML5, CSS 3 và JavaScript. Lĩnhvực này là nơi sự hỗ trợ nâng cấp tăng dần và khả năng chịu lỗi của jQuery Mobile đi vào. Nhưđã nêu, jQuery Mobile hỗ trợ cả hai thiết bị có khả năng cấp cao và cấp thấp, chẳng hạn nhưnhững thiết bị không hỗ trợ JavaScript. Nâng cấp tăng dần có các nguyên tắc cốt lõi sau (nguồn:Wikipedia):  Tất cả các nội dung cơ bản nên có thể dễ dùng với tất cả các trình duyệt.  Tất cả các chức năng cơ bản nên có thể dễ dùng với tất cả các trình duyệt.  Bố trí nâng cao được cung cấp bởi CSS liên kết ngoài.  Hành vi nâng cao được cung cấp bởi JavaScript liên kết ngoài.  Các sở thích trình duyệt của người dùng cuối được tôn trọng.Tất cả các nội dung cơ bản nên trình diễn (như đã thiết kế) trên các thiết bị cơ bản, trong khinhiều nền tảng và các trình duyệt nâng cao hơn sẽ dần dần được nâng cấp bằng CSS vàJavaScript liên kết ngoài, bổ sung.jQuery Mobile hiện đang cung cấp sự hỗ trợ cho các nền tảng di động sau đây:  Apple® iOS: iPhone, iPod Touch, iPad (tất cả các phiên bản).  Android™: tất cả các thiết bị (tất cả các p ...