Javascript là gì?
Ngôn ngữ Javascript là một ngôn ngữ rất quan trọng, nó giúp cho website trở nên sinh động hơn rất nhiều. Cùng tìm hiểu về ngôn ngữ Javascript qua bài viết dưới đây nhé.
I. JavaScript là gì?
Javascript là một ngôn ngữ thông dịch, mã nguồn của nó được nhúng hoặc tích hợp trực tiếp vào tập tin HTML. Khi trang web được tải xong thì trình duyệt sẽ thông dịch và thực hiện những mã lệnh này.
Trước đây khi nói đến Javascript thì người ta chỉ nói đến Front-end, nhưng giờ đây Javascript đã có thể làm được cả Front-end và Back-end nhờ vào nền tảng Node JS.
Giải thích:
- Front-end: tương tác người dùng. Tất cả mọi thứ bạn nhìn thấy khi điều hướng trên mạng, từ các hình ảnh, font chữ, màu sắc cho tới các menu xổ xuống và các thanh trượt, là một sự kết hợp của HTML, CSS, và JavaScript được điều khiển bởi trình duyệt máy tính của bạn.
- Back-end: bao gồm một máy chủ, một ứng dụng, và một cơ sở dữ liệu. Back-end xây dựng và duy trì công nghệ mà sức mạnh của những thành phần đó, cho phép phần giao diện người dùng của trang web có thể tồn tại được.
II. Javascript làm được gì?
1. Font-end
Về phần Font-end thì Javascript làm được rất nhiều thứ hay ho:
- Làm cho trang web HTML trờ nên sinh động hơn.
- Phản ứng lại một sự kiện nào đó đối với người dùng trên website.
- Đọc hoặc thay đổi nội dung phần tử HTML
- Kiểm tra dữ liệu
- Phát hiện các loại trình duyệt khác nhau.
- Tạo các tập tin cookie lưu trữ và truy xuất thông tin trên máy tính của người truy cập website
- ...
Một số libraries và framework nổi tiếng ở phía Font-end của Javascript:
- AngularJS: Một framework dùng để xây dựng ứng dụng Single Page.
- ReactJS: Một framework dùng để xây dựng ứng dụng Single Page.
- ReactJS Native: Một framework dùng để xây dựng ứng dụng trên mobile.
- jQuery: Một thư viện rất mạnh về hiệu ứng.
- ...
2. Back-end
Về phần Back-end thì Javascript cũng làm được rất nhiều thứ nhờ vào nền tảng Node JS:
- Làm ứng dụng cho các máy chủ web socket như là Online Chat, Game Server…
- Làm ứng dụng, các chương trình upload file tốc độ cao.
- Làm ứng dụng Ad Server cho các máy chủ quảng cáo.
- Làm ứng dụng Cloud Services.
- Viết API cho các ứng dụng web, mobile.
- Làm ứng dụng bất kỳ một ứng dụng nào có yêu cầu về tốc độ thời gian thực.
III. Cách sử dụng Javascript cơ bản
1. Cách 1
Đưa các câu lệnh của Javascript vào trong cặp thẻ <script></script> của HTML.
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h3>Javascript là gì?</h2>
<script type="text/javascript">
document.write("Hello Word!");
</script>
</body>
</html>
2. Cách 2
Tạo file js rồi nhúng vào HTML.
Ví dụ:
//Nội dung file js
function hello() {
alert("Hello Word!")
}
<!DOCTYPE html>
<html>
<head>
<title>Javascript là gì?</title>
<script src="messages.js"></script>
</head>
<body>
<h3>Thực thi lệnh khi người dùng thao tác như nhấn nút button, hover chuột đến phần tử HTML ... gọi chung là sự kiện.</h3>
<button onclick="hello();">Hiển thị câu chào</button>
</body>
</html>
IV. Javascript thực thi lệnh khi nào?
1. Trường hợp 1
Thực thi lệnh ngay sau khi trang web được tải về trình duyệt của người dùng.
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<title>Javascript là gì?</title>
<script type="text/javascript">
function hello() {
alert("Hello Word!")
}
</script>
</head>
<body onload="hello();">
<h3>Javacript thực thi lệnh ngay sau khi trang web được tải về trình duyệt của người dùng.</h3>
</body>
</html>
2. Trường hợp 2
Thực thi lệnh khi người dùng thao tác như nhấn nút button, hover chuột đến phần tử HTML ... gọi chung là sự kiện.
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<title>Javascript là gì?</title>
<script type="text/javascript">
function hello() {
alert("Hello Word!")
}
</script>
</head>
<body>
<h3>Thực thi lệnh khi người dùng thao tác như nhấn nút button, hover chuột đến phần tử HTML ... gọi chung là sự kiện.</h3>
<button onclick="hello();">Hiển thị câu chào</button>
</body>
</html>
V. Một số lưu ý khi làm việc với Javascript
Mã lệnh Javascript là 1 chuỗi các câu lệnh.
Các câu lệnh Javascript kết thúc bằng dấu ;
Phân biệt chữ hoa và chữ thường.
Ký tự khoảng trắng không ảnh hưởng đến kết quả thực thi của mã lệnh.
Để comment trong Javascript thì dùng dấu // với 1 dòng , dấu /* */ với nhiều dòng.
Bài viết nên đọc
- Phân loại thẻ HTML và cách chuyển đổi khối
- Tìm hiểu về cấu trúc và cách định dạng của thẻ HTML
- Phân nhóm định dạng CSS
- Tìm hiểu selectors trong CSS
- Tìm hiểu về biến trong JavaScript
- Tìm hiểu về function trong JavaScript
Trên đây là những kiến thức từ kinh nghiệm bản thân mình nên các bạn có thể tham khảo. Nếu các bạn có góp ý cho mình thì hãy gửi vào đây, mình sẵn sàng nhận ý kiến đóng góp từ các bạn.
Để lại bình luận
Địa chỉ email của bạn sẽ không được công khai
Bài viết phổ biến
Ngoc Phuong - 82 bài viết - Đánh giá:
Có 2 cách học hiệu quả nhất, 1 là nói cho người khác biết thứ bạn mới học được, 2 là nói cho người khác biết thứ bạn sắp quên. Tôi mới học được rất nhiều thứ. Tôi cũng sắp quên rất nhiều thứ.