Bài giảng "Thiết kế và lập trình Web - Bài 4: JS – JavaScript" cung cấp cho người học các kiến thức: Giới thiệu về Javascript, nhúng Javascript vào trang web, kiểu dữ liệu & các cú pháp Javascript, xử lý sự kiện, DOM HTML với Javascript. . | Bài giảng Thiết kế và lập trình Web - Bài 4: JS – JavaScript Thiết kế và lập trình Web Bài 4 JS – JavaScript Viện CNTT & TT Thiết kế và lập trình Web Nội dung Giới thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụ Thiết kế và lập trình Web Giới thiệu về Javascript Script? – Ngôn ngữ kịch bản – Là một ngôn ngữ lập trình cho phép tạo ra sự điều khiển trong một ứng dụng khác. – Các ngôn ngữ kịch bản thường được thông dịch JS là ngôn ngữ Client-side script hoạt động trên trình duyệt của người dùng ( client ) Chia sẻ xử lý trong ứng dụng web. Giảm các xử lý không cần thiết trên server. Giúp tạo các hiệu ứng, tương tác cho trang web. Thiết kế và lập trình Web Giới thiệu về Javascript Client-Side Script: – Script được thực thi tại Client-Side ( trình duyệt ): Thực hiện các tương tác với người dùng ( tạo menu chuyển động, ) , kiểm tra dữ liệu nhập, Server-Side Script: – Script được xử lý tại Server-Side, nhằm tạo các trang web có khả năng phát sinh nội dung động. Một số xử lý chính: kết nối CSDL, truy cập hệ thống file trên server, phát sinh nội dung html trả về người dùng Thiết kế và lập trình Web Giới thiệu về Javascript Cung cấp sự tương tác với người dùng – Sự kiện do người dùng tạo ra: di chuột, click chuột – Sự kiện do hệ thống tạo ra: thay đổi kích thước trang, tải trang Thay đổi động nội dung – Thay đổi nội dung và vị trí các thành phần trên trang Web theo sự tương tác của người dùng Hợp lệ hóa dữ liệu – Kiểm tra xem dữ liệu có hợp lệ không trước khi nó được gửi (submit) đến Web Server để xử lý Thiết kế và lập trình Web Nội dung Giới thiệu về Javascript Nhúng Javascript vào trang web Kiểu dữ liệu & Các cú pháp Javascript Xử lý sự kiện DOM HTML với Javascript Ví dụ Thiết kế và lập trình Web Nhúng Javascript
