https://www.youtube.com/channel/UCyZTnYDACl13tHjxCyvd3ew HTML 5 là phiên bản kế tiếp và là một phiên bản chuẩn mới.Phần lớn các trình duyệt đều hỗ trợ phần tử và giao diện lập trình ứng dụng (API Application Programming Interface) của HTML 5. HTML có khả năng mở rộng khi được sử dụng với JavaScript, hiển thị dữ liệu người dùng định nghĩa được yêu cầu mỗi khi trang web được tải trong trình duyệt.HTML động sử dụng JavaScript và CSS để làm cho các trang web trở lên động và chuyển đổi cảm quan (look and feelgiao diện) của các trang web.
NexTGen Web Bài 12 Giới thiệu Introduction to JavaScript the Web Giải thích ngôn ngữ JavaScript Mục tiêu Giải thích client-side server-side JavaScript Biến kiểu liệu JavaScript Một số phương thức hiển thị thông tin JavaScript Các ký tự không in hàm xây dựng sẵn JavaScript Sự kiện trình điều khiển kiện Giải thích jQuery © Aptech Ltd. Kịch (Scripting) 1-3 Kịch xem dãy câu lệnh thông dịch thực thi có kiện xảy ra. Sự kiện hành động gây người dùng tương tác với trang web. Ví dụ click nút, di chuột qua đối tượng, chọn mục menu…vv Ngôn ngữ kịch (scripting) xem tập thị hướng dẫn cung cấp số chức người dùng tương tác với trang web. Các ngôn ngữ Scripting ngôn ngữ thường nhúng trang HTML để thay đổi hành vi trang web theo yêu cầu người dùng. © Aptech Ltd. Kịch (Scripting) 2-3 Hình hiển thị cần thiết cho kịch bản. © Aptech Ltd. Kịch (Scripting) 3-3 Có hai loại ngôn ngữ kịch sau: Hình hiển thị loại kịch bản. © Aptech Ltd. JavaScript 1-2 © Aptech Ltd. JavaScript 2-2 Hình hiển thị số đối tượng giới thực. © Aptech Ltd. Các phiên JavaScript Phiên JavaScript phát triển Brendan Eich Netscape vào năm 1995 đặt tên JavaScript 1.0. Bảng liệt kê phiên khác ngôn ngữ JavaScript. Phiên © Aptech Ltd. Mô tả 1.1 Được hỗ trợ từ phiên 3.0 Netscape Navigator Internet Explorer. 1.2 Được hỗ trợ Internet Explorer từ phiên 4.0. 1.3 Được hỗ trợ Internet Explorer từ phiên 5.0, Netscape Navigator từ phiên 4.0, Opera từ phiên 5.0. 1.4 Được hỗ trợ máy chủ Netscape Opera 6. 1.5 Được hỗ trợ Internet Explorer từ phiên 6.0, Netscape JavaScript phía client 1-2 © Aptech Ltd. Client-side JavaScript 2-2 Hình hiển thị đầu JavaScript phía máy khách. © Aptech Ltd. Các kiên Focus Selection 4-4 Kết qủa © Aptech Ltd. © Aptech Ltd. © Aptech Ltd. © Aptech Ltd. jQuery 1-2 jQuery thư viện JavaScript ngắn nhanh chóng phát triển John Resig vào năm 2006 với hiệu tuyệt vời: Viết làm nhiều nữa. jQuery đơn giản hoá client-side script, tạo hoạt ảnh cho tập tin HTML, xử lý kiện, lại, phát triển ứng dụng web dựa AJAX. Nó giúp việc phát triển ứng dụng Web nhanh chóng cách viết mã hơn. Sau tính hỗ trợ jQuery. © Aptech Ltd. jQuery 2-2 © Aptech Ltd. Sử dụng thư viện Query Để làm việc với jQuery thực bước sau: 1. Tải thư viện jQuery từ trang web http://jquery.com/. 2. Đặt tập tin jquery-1.7.2.min.js thư mục trang Người sử dụng bao gồm thư viện jQuery tập tin họ. web. Ví dụ. © Aptech Ltd. The jQuery Example // Using jQuery library // The user can add our JavaScript code here thêm kiện đối tượng DOM sẵn Gọi hàm thư viện jQuery 1-2 sàng. Nếu người dùng muốn kiện trang họ sau người dùng để gọi kiện hàm $ (document).ready(). Người sử dụng đăng ký kiện sẵn sàng cho tài liệu. Đặt tập tin jquery-1.7.2.min.js thư mục xác định vị trí tập tin thuộc tính src. The jQuery Example Mã số câu quan cho thấy cách gọi hàm thư viện jQuery kiện sẵn sàng DOM. © Aptech Ltd. $(document).ready(function() { $("div").click(function() { alert("Welcome to the jQuery world!"); }); }); Gọi hàm thư viện jQuery 2-2 Click on the text to view a dialog box. Kết qủa © Aptech Ltd. jQuery mobile framework phát triển Web giao diện người 1-6 dùng (UI) cho phép người sử dụng jQuery Mobile để xây dựng ứng dụng web di động mà làm việc máy tính bảng điện thoại thông minh. Khuôn khổ jQuery mobile cung cấp nhiều tiện nghi bao gồm XML DOM thao tác duyệt qua HTML, thực giao tiếp máy chủ, xử lý kiện, hiệu ứng hình ảnh, hình ảnh động cho trang web. Các tính jQuery mobile sau: © Aptech Ltd. jQuery Mobile 2-6 Ví dụ. Page Title Car Rental © Aptech Ltd. jQuery Mobile 3-6 Choose from the listed car models Ford Ferrari [...]... nhiều biến bằng một câu lệnh duy nhất trong JavaScript var studName = David, studAge = 15; © Aptech Ltd Quy tắc đặt tên biến JavaScript là một ngôn ngữ phần biệt chữ hoa và chữ thường Các biến X và x được coi như là hai biến khác nhau JavaScript bao gồm quy tắc nhất định để đặt tên một biến như sau: © Aptech Ltd Các kiểu dữ liệu trong JavaScript 1-3 JavaScript cung cấp nhiều kiểu dữ liệu khác...Server-side JavaScript 1-2 © Aptech Ltd Server-side JavaScript 2-2 Hình dưới đây sẽ hiển thị đầu ra của một JavaScript phía máy khách © Aptech Ltd Thẻ 1-2 © Aptech Ltd Thẻ 2-2 Ví dụ document.write("Welcome to the Digital World"); © Aptech Ltd Các biến trong JavaScript © Aptech Ltd... giá trị có liên quan Trong JavaScript, tất cả các loại dữ liệu phức hợp được coi là đối tượng Một kiểu dữ liệu phức hợp trong JavaScript có thể là được định nghĩa trước hoặc do người dùng định nghĩa Bảng sau liệt kê các kiểu dữ liệu phức hợp Kiểu phức hợp Mô tả Objects Kiểu đối tượng trong JavaScript Functions Kiểu hàm Arrays Kiểu mảng © Aptech Ltd Phương thức 1-3 JavaScript cho phép bạn hiển... HTML> JavaScript language document.write(" JavaScript: "); document.writeln("is a scripting"); document.write("and a case-sensitive language."); JavaScript: is a scripting and a case-sensitive language © Aptech Ltd Phương thức 3-3 © Aptech Ltd Sử dụng chú thích Chú thích cung cấp thông tin về một đoạn mã trong kịch bản... Khai báo các biến 2-4 Hình dưới đây sẽ hiển thị như thế nào để khai báo các biến Giá trị tên 100 studID Cú pháp để khai báo các biến trong JavaScript Cú pháp: var ; © Aptech Ltd Khai báo các biến 3-4 Cú pháp khởi tạo giá trị cho biến trong JavaScript = ; Cú pháp khai báo và khởi tạo nhiều biến trong một câu lệnh duy nhất, được phân cách bởi dấu phẩy var ... JavaScript cho phép bạn hiển thị thông tin bằng cách sử dụng phương thức của đối tượng document Đối tượng document là một đối tượng được định nghĩa sẵn trong JavaScript Nó biểu diễn cho tài liệu HTML và cho phép quản lý trang động Mỗi đối tượng trong JavaScript bao gồm các phương thức, thực hiện một nhiệm vụ cụ thể Có hai phương thức của đối tượng document được dùng để hiển thị bất kỳ kiểu dữ liệu trong... liệu trong JavaScript 2-3 Bảng sau liệt kê các kiểu dữ liệu nguyên thủy Kiểu dữ liệu cơ bản Mô tả Boolean Chỉ chứa hai giá trị cụ thể là, đúng hay sai null Chỉ chứa một giá trị cụ thể là null, null là một từ khóa number Bao gồm số âm, dương, và thập phân Một số ví dụ hợp lệ bao gồm 6, 7,5, -8, 7.5e-3, vv string Bao gồm giá trị chuỗi đặt trong cặp nháy kép © Aptech Ltd Các kiểu dữ liệu trong JavaScript. .. 1-4 Một hàm là một đoạn mã mà thực hiện một số thao tác trên các biến để hoàn thành một nhiệm vụ cụ thể Nó cần một hoặc nhiều giá trị đầu vào, xử lý chúng, và trả về một giá trị đầu ra Bảng sau liệt kê các hàm được dựng sẵn trong JavaScript Hàm Mô tả alert() Hiển thị một hộp thoại với một số thông tin và nút OK confirm() Hiển thị một hộp thoại với nút OK và Cancel Này xác thực một hành động, mà... prompt() Mô tả Tính toán một biểu thức và trả về kết quả Kiểm tra xem một giá trị không phải là số Hiển thị một hộp thoại mà chấp nhận một giá trị đầu vào thông qua một hộp văn bản Nó cũng chấp nhận giá trị mặc định cho hộp văn bản Ví dụ eval("2+2"); Returns 4 isNan("Hello"); Returns true prompt("Enter your name", "Name"); Ví dụ JavaScript language ... Một ký tự tự thoát ra là một ký tự đặc biệt là trước bởi một dấu gạch chéo ngược (\) Các ký tự thoát được sử dụng để hiển thị các ký tự không in ra như ký tự tab, ký tự space hay backspace Trong JavaScript, các ký tự thoát phải được đặt trong dấu ngoặc kép Bảng sau liệt kê các kí tự thoát Ký tự thoát Mô tả \b \f Form feed \n New line \r Carriage return \t Horizontal tab \" Single quote \" © . Ltd. 1 1HTML5/ Giới thiệu về JavaScript Server-side JavaScript 1-2 © Aptech Ltd. 1 2HTML5/ Giới thiệu về JavaScript Server-side JavaScript 2-2 Hình dưới đây sẽ hiển thị đầu ra của một JavaScript. Ltd. 9HTML5/ Giới thiệu về JavaScript JavaScript phía client 1-2 © Aptech Ltd. 1 0HTML5/ Giới thiệu về JavaScript Client-side JavaScript 2-2 Hình dưới đây sẽ hiển thị đầu ra của một JavaScript. JavaScript JavaScript 1-2 © Aptech Ltd. 7HTML5/ Giới thiệu về JavaScript JavaScript 2-2 Hình dưới đây sẽ hiển thị một số đối tượng thế giới thực. © Aptech Ltd. 8HTML5/ Giới thiệu về JavaScript Các