Lập trình JavaScript cơ bản

JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web cũng như phía máy chủ.Trên trình duyệt, rất nhiều trang web sử dụng JavaScript để thiết kế trang web động và một số hiệu ứng hình ảnh thông qua DOM. JavaScript được dùng để thực hiện một số tác vụ không thể thực hiện được với chỉ HTML như kiểm tra thông tin nhập vào, tự động thay đổi hình ảnh,... Ở Việt Nam, JavaScript còn được ứng dụng để làm bộ gõ tiếng Việt giống như bộ gõ hiện đang sử dụng trên trang Wikipedia tiếng Việt. Tuy nhiên, mỗi trình duyệt áp dụng JavaScript khác nhau và không tuân theo chuẩn W3C DOM, do đó trong rất nhiều trường hợp lập trình viên phải viết nhiều phiên bản của cùng một đoạn mã nguồn để có thể hoạt động trên nhiều trình duyệt. Một số công nghệ nổi bật dùng JavaScript để tương tác với DOM bao gồm DHTML, Ajax và SPA.

TRUNG TÂM ĐÀO TẠO LẬP TRÌNH WEB & ĐỒ HỌA VIETPRO EDUATION BÀI GIẢNG JAVASCRIPT (BUỔI 1) NHẬP MÔN LẬP TRÌNH JAVASCRIPT Giảng viên: Hồng Minh Tuấn TỔNG QUAN VỀ NGƠN NGỮ JAVASCRIPT Javascript - Javascript ngơn ngữ lập trình nhẹ, thiết kế để tạo tương tác vào trang HTML, tạo nên hiệu ứng ứng dụng mượt mà cho web Javascript sử dụng với mục đích - Tạo hiệu ứng cho trang web - Tạo tương tác người dùng website - Thay đổi nội dung văn HTML SỬ DỤNG JAVASCRIPT TRONG VĂN BẢN HTML Nhúng mã Script vào văn HTML - Tạo vùng viết mã (Làm việc) với Javascrip theo cú pháp sau: - Xuất nội dung Javascript - Hiển thị nội dung Javascript cần thông qua câu lệnh vơi cú pháp sau: - document.write(“Nội dung muốn hiển thị”); Comment Javascript - /* Nội dung muốn Comment */ Đưa file Javascript từ bên vào - Lấy nội dung File Jacascript bên đưa vào văn HTML tương tự CSS - JAVASCRIPT GIAO TIẾP VỚI NGƯỜI DÙNG Hộp thoại Alert - Hộp thoại Alert sử dụng cho mục đích Thơng báo Cảnh báo, - alert(“Nội dung muốn thông báo”); Hộp thoại Prompt - Hộp thoại Prompt sử dụng cho mục đích tương tác với Người dùng - Prompt(“Nội dung tương tác”); BIẾN TRONG JAVASCRIPT Khái niệm Biến Javascript - Biến đoạn mã ngắn sử dụng để lưu trữ thông tin trình xử lý Khai báo Biến Javascript - var Biến Quy tắc đặt tê cho Biến - Tên biến phải bắt đầu chữ ký tự gạch (_), sử dụng chữ cái, chữ số ký tự (_) không chứa khoảng trắng, dấu - Tên Biến phân biệt hoa thường x khác với X - Tên Biến phải có ý nghĩa & Liên quan đến nội dung mà lưu trữ - Tên Biến Dài chữ từ nên viết hoa, lại viết thường In giá trị Biến - document.write(tenBien); CÁC KIỂU DỮ LIỆU SỬ DỤNG TRONG JAVASCRIPT Dữ liệu kiểu Nguyên (Interger) - Dữ liệu kiểu Nguyên chữ số thuộc hàng Số Nguyên Số học Dữ liệu kiểu thực (Float) - Dữ liệu kiểu Thực chữ số thuộc hàng Số Thực toán học Đại Số Dữ liệu kiểu chuỗi (String) - Kiểu chuỗi biểu diễn không hay nhiều ký tự đặt cặp dấu " " hay ' ' Dữ liệu kiểu Logic (Boolean) - Kiểu Logic sử dụng để kiểm tra trường hợp Đúng Sai tương ứng với giá trị TRUE FALSE Dữ liệu kiểu Mảng (Array) Dữ liệu kiểu Đối tượng (Object) TOÁN TỬ TRONG JAVASCRIPT Toán tử Gán - Toán tử Gán bao gồm ký tự đơn = Toán tử lấy giá trị Tốn hạng bên phải để gán cho Tốn hạng bên trái - tenBien = “Giá trị gán”; Toán tử Nối - Toán tử Nối bao gồm ký tự đơn (.) Toán tử sử dụng để nối kiểu liệu với - Bien = “Chuỗi” Bien2; TOÁN TỬ TRONG JAVASCRIPT Toán tử Số học - Là dạng phép tính giản đơn cộng, trừ, nhân, chia số học Ngồi có phép chia lấy dư (%) Được sử dụng để lấy đơn vị dư phép tốn Tốn tử Mơ tả Ví dụ + Phép toán cộng A+B - Phép toán trừ A-B * Phép toán nhân A*B / Phép toán chia A/B % Phép tốn chia lấy phần dư A%B TỐN TỬ TRONG JAVASCRIPT Toán tử So sánh - Là toán tử sử dụng để thực phép toán so sánh hai số hạng Thông thường hay sử dụng biểu thức điều kiện vòng lặp Tốn tử Mơ tả Ví dụ == So sánh (A == 10) != Không (A != 10) > So sánh lớn (A > 10) >= So sánh lớn (A >= 10) < So sánh bé (A < 10)