JavaScript đã chạy trong trình duyệt của bạn trên máy tính, trên máy tính bảng và trên điện thoại thông minh của bạn

JavaScript miễn phí sử dụng cho mọi người

Việc học của tôi

Theo dõi tiến trình của bạn với chương trình "Học tập của tôi" miễn phí tại W3Schools

Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm

Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng My Learning

Tài liệu tham khảo JavaScript

W3Schools duy trì một tham chiếu JavaScript hoàn chỉnh, bao gồm tất cả các đối tượng trình duyệt và HTML

Tài liệu tham khảo chứa các ví dụ cho tất cả các thuộc tính, phương thức và sự kiện và được cập nhật liên tục theo các tiêu chuẩn web mới nhất

Học JavaScript là điều cần thiết để trở thành nhà phát triển web giao diện người dùng. Đây cũng là một trong những ngôn ngữ dễ học hơn, lý tưởng cho những người mới bắt đầu muốn bắt đầu hành trình lập trình của mình. Khóa học chuẩn bị về JavaScript này sẽ hướng dẫn bạn cách bắt đầu sử dụng JavaScript trên trang web của mình

Trong hướng dẫn này, chúng tôi sẽ giới thiệu cho bạn một số nguyên tắc cơ bản về lập trình JavaScript và tạo chương trình “Xin chào thế giới” đầu tiên của chúng tôi

JavaScript là gì?

Wikipedia định nghĩa JavaScript hoặc JS là “ngôn ngữ lập trình được giải thích” cho phép “các tập lệnh phía máy khách tương tác với người dùng”

Không sao nếu tất cả những điều đó nghe có vẻ hoàn toàn ngớ ngẩn đối với bạn

Hãy phân tích định nghĩa này thành thứ mà một người bình thường có thể hiểu được

• Ngôn ngữ lập trình thông dịch. Hầu hết các ngôn ngữ lập trình đều được biên dịch hoặc thông dịch. Một ngôn ngữ lập trình được biên dịch trước tiên phải thông qua một trình biên dịch bên ngoài trước khi nó có thể được thực thi. Hầu hết các ngôn ngữ – Java, Python, Ruby, v.v. - là như vậy. Không có yêu cầu như vậy đối với một ngôn ngữ lập trình được giải thích. Chương trình viết bằng ngôn ngữ thông dịch có thể chạy được ngay. Đối với JavaScript, điều này có nghĩa là bạn có thể chạy chương trình trực tiếp từ chính trình duyệt

• Tập lệnh phía máy khách. Tất cả các chương trình web có thể được chia thành hai loại. phía máy khách và phía máy chủ. Một chương trình phía máy chủ (hoặc tập lệnh) được thực thi trên máy chủ web nơi các trang web thực sự được lưu trữ. Mặt khác, một chương trình phía máy khách được thực thi trên chính trình duyệt web của người dùng. Đối với JavaScript, điều này có nghĩa là chương trình được thực thi ngay khi người dùng tải xuống trang web. Bạn có thể tìm hiểu thêm về JavaScript client-side scripting trong khóa học này

JavaScript chủ yếu được sử dụng để tạo các yếu tố tương tác trên trang web. Một số cách sử dụng phổ biến nhất của JavaScript là

• Xác minh dữ liệu được nhập vào biểu mẫu web, chẳng hạn như biểu mẫu đăng ký hoặc liên hệ với chúng tôi

• Cập nhật thông tin trên một trang web mà không làm mới nó

• Tập lệnh DOM (Mô hình đối tượng tài liệu). Đây là một cách khá tiên tiến để sử dụng JavaScript. Đừng lo lắng về nó bây giờ. Chúng tôi sẽ làm điều đó khi bạn cảm thấy thoải mái với JavaScript cơ bản

• Tạo cảnh báo, cửa sổ trình duyệt mới, v.v.

• Tạo hoạt ảnh thông qua các thư viện plugin như jQuery

Như bạn có thể thấy, điều này bao gồm toàn bộ phạm vi tương tác trên bất kỳ trang web nào. Các thư viện plugin JavaScript đặc biệt hữu ích trong ngữ cảnh này vì chúng cho phép bạn truy cập vào các chức năng nâng cao mà không yêu cầu bất kỳ mã hóa nào từ phía bạn. Chúng ta sẽ tìm hiểu thêm về các thư viện plugin trong các hướng dẫn sau. Hiện tại, tất cả những gì bạn nên biết là JavaScript thêm tính tương tác vào trang web

báo trước. JavaScript không phải là Java

Một trong những sai lầm đầu tiên mà những người mới bắt đầu mắc phải là cho rằng JavaScript là một phiên bản đơn giản hóa của Java. Nó không thể. JavaScript khác với Java như phấn khác với phô mai. Điểm chung duy nhất giữa chúng là một vài thành phần cú pháp lạc chỗ và tên của chính nó.

Đối với những người không quen biết, Java là một ngôn ngữ lập trình hướng đối tượng mạnh mẽ được sử dụng để tạo (i. e. chúng có thể chạy trên bất kỳ hệ điều hành nào) các chương trình. Mặt khác, JavaScript chỉ có thể chạy các chương trình trong trình duyệt web. Java được sử dụng nhiều trong phần mềm kinh doanh, trong khi JavaScript bị hạn chế sử dụng trong các trang web

Với sự nhầm lẫn nhỏ đó, chúng ta hãy đi sâu vào lập trình JavaScript

Chào thế giới. Viết chương trình JavaScript đầu tiên của bạn

“Xin chào thế giới” là một phần chính của các khóa học lập trình. Mục tiêu của chương trình này là đơn giản. xuất văn bản “Xin chào thế giới” trên màn hình máy tính. Vì sự đơn giản của thông báo và cú pháp, nó thường là chương trình đầu tiên được dạy cho người mới bắt đầu

Viết chương trình “Xin chào thế giới” bằng JavaScript, như chúng ta sẽ tìm hiểu, cực kỳ dễ dàng và không yêu cầu quá 3 dòng mã

Bạn muốn trở thành một nhà phát triển web?

Những gì bạn cần

Vì JavaScript được giải thích bởi chính trình duyệt, chúng tôi không cần bất kỳ trình biên dịch ưa thích hoặc phần mềm bổ sung nào để viết chương trình JS. Tất cả bạn cần là

• Một trình soạn thảo văn bản. Notepad khiêm tốn của bạn sẽ hoạt động tốt, nhưng chúng tôi thực sự khuyên dùng Notepad ++ (miễn phí)

• một trình duyệt web. Bạn có thể sử dụng bất cứ thứ gì bạn muốn – Google Chrome, Firefox, Internet Explorer hoặc Safari

Bắt đầu. Tạo khung HTML

Các chương trình JavaScript thường được nhúng trong chính trang web. Điều này có nghĩa là chúng được viết cùng với HTML, mặc dù bạn cũng có thể đưa chúng ra bên ngoài

Để bắt đầu, trước tiên chúng ta sẽ tạo một tệp HTML đơn giản nơi chúng ta có thể bao gồm JavaScript của mình

Mở trình soạn thảo văn bản của bạn và nhập đoạn mã sau vào đó

<!DOCTYPE HTML>
<html>
<head>
<title>JavaScript Hello World</title>
</head>
<body>
<h1>JavaScript Hello World Example</h1>
</body>
</html>

Lưu tệp này làm bài kiểm tra. html (đảm bảo lưu dưới dạng 'Tất cả tệp' nếu sử dụng Notepad)

Đây là một mẫu HTML tiêu chuẩn, không có gì đặc biệt về nó. Nó sẽ khá rõ ràng đối với bất kỳ ai thậm chí có hiểu biết cơ bản về HTML

Thêm mã JavaScript

Bây giờ chúng ta có thể tiếp tục và viết chương trình JavaScript

Add the following code after the

tag and save the file:

<script>
<alert(“Hello World!”)
<script>

Đó là nó. Bây giờ bạn đã tạo thành công một chương trình JavaScript

Bây giờ hãy sử dụng trình duyệt web của bạn để mở bài kiểm tra. html. Đây là những gì bạn nên xem

Dễ dàng, phải không?

All JavaScript code is written between tags. We use ‘alert’ to create a function. The text to be displayed is written between quotes in brackets.

Nhưng nếu chúng ta muốn tạo một “Hello World” riêng biệt thì sao?. ” Chức năng chúng ta có thể gọi bất cứ lúc nào?

Chúng ta cũng có thể làm điều đó chỉ bằng một vài dòng mã

Tạo hàm JavaScript “Xin chào thế giới”

Lập trình 101. Hàm là bất kỳ khối mã nào có thể được 'gọi' nhiều lần trong một chương trình. Các hàm cực kỳ hữu ích trong lập trình vì bạn có thể tạo chúng một lần, sử dụng chúng n lần

Chúng tôi đã tạo ra một “Xin chào thế giới. ” hộp cảnh báo trong ví dụ trên. Bây giờ chúng ta sẽ tạo một hàm sẽ tạo cùng một hộp cảnh báo bất cứ khi nào chúng ta muốn

Nhập mã sau vào tệp văn bản của bạn

<!DOCTYPE HTML>
<html>
<head>
<script>
function myFunction()
{
alert(“Hello World!”)
}
</script>
</head>
<body>
</body>
</html>

Lưu cái này dưới dạng test2. html

Instead of adding the script in the , we added the script to the and created a function called ‘helloWorld’. You can turn any piece of code into a function by wrapping it in { } brackets and adding “function functionName()” before it.

Bây giờ chúng ta đã tạo chức năng, chúng ta có thể gọi nó bất kỳ số lần nào

Add the following code anywhere between the tags:

<p><button onclick="myFunction()">Create a Dialog Box!</button></p>
<p><button onclick="myFunction()">Create Another Dialog Box!</button></p>

Nhìn chung, mã của bạn sẽ trông như thế này

Bây giờ hãy mở test2. html trong trình duyệt web của bạn. Đây là những gì bạn nên xem

Nhấp vào một trong hai nút và bạn sẽ thấy “Xin chào thế giới. ” hộp thoại bật lên

Xin chúc mừng. Bây giờ bạn đã tạo thành công một hàm trong JavaScript. Đây mới chỉ là khởi đầu, tuy nhiên. Vẫn còn rất nhiều điều để học về ngôn ngữ lập trình tuyệt vời này. Khóa học về JavaScript dành cho người mới bắt đầu này sẽ giúp bạn bắt đầu

Trang được cập nhật lần cuối. Tháng 10 năm 2013

Kasia Mikoluk

Các bài báo gần đây của Kasia Mikoluk

• CSS Xoay văn bản. Cách thay đổi hướng văn bản bằng CSS
• Top 60 câu hỏi phỏng vấn Java Lập trình viên Java cần biết
• Python so với C. Sự khác biệt quan trọng bạn nên biết

Bài viết được đề xuất

Phát triển

So sánh ngày JavaScript. Nhanh chóng và đơn giản

Phát triển

JQuery so với. JavaScript. ¿Cuál es la Diferencia En Definitiva?

Kasia Mikoluk

Phát triển

Khởi động năng suất của bạn bằng JavaScript Array Splice

Phát triển

Độ dài mảng JavaScript. Nó nói về cái gì và làm thế nào để sử dụng nó

Phát triển

Cách sử dụng Phương thức phân tách JavaScript để phân tách chuỗi và đối tượng chuỗi

Phát triển

Làm mới trang Javascript với các ví dụ

Phát triển

Sử dụng JavaScript HREF để gọi các hàm JavaScript trong liên kết HTML

Phát triển

Thoát JavaScript. Kiểm soát việc chấm dứt sớm trong mã của bạn

Phát triển

Thời gian chờ đặt JavaScript. Mở khóa bí mật kiểm soát thời gian

Phát triển

Đợi JavaScript. Thêm sự kiện thời gian động vào trang web của bạn

Chia sẻ bài viết này

• Sao chép

Các khóa học hàng đầu về JavaScript

JavaScript. Các khái niệm nâng cao (Cập nhật năm 2023)

Andrei Neagoie, Zero To Mastery

4. 7 (12,139)

Khóa học Bootcamp Javascript hiện đại (2022)

Colt Steele, Stephen Grider

4. 7 (10,969)

20 dự án web với Vanilla JavaScript

Brad Traversy

4. 7 (6,293)

JavaScript. Hiểu về ES6 và hơn thế nữa

Anthony Alicea

4. 7 (381)

Kiểm tra đơn vị JavaScript - Hướng dẫn thực hành

Academind của Maximilian Schwarzmüller, Maximilian Schwarzmüller

4. 7 (1,585)

JavaScript - Hướng dẫn hoàn chỉnh 2023 (Sơ cấp + Nâng cao)

Academind của Maximilian Schwarzmüller, Maximilian Schwarzmüller

4. 6 (24,471)

Dự án web JavaScript. 20 dự án để xây dựng danh mục đầu tư của bạn

Andrei Neagoie, Jacinto Wong, Zero To Mastery

4. 6 (3.260)

Chương trình đào tạo dành cho nhà phát triển JavaScript năm 2022 - Sơ cấp đến Chuyên gia

Hồi giáo Helalee

4. 7 (274)

50 dự án trong 50 ngày - HTML, CSS & JavaScript

Brad Traversy, Florin Pop

4. 6 (9,275)

100 ngày JavaScript

Ewomazino Akpareva

4. 3 (220)

Khóa học JavaScript hoàn chỉnh 2023. Từ số không đến chuyên gia

Jonas Schmedtmann

4. 7 (163,989)

Người bán hàng giỏi nhất

Khóa học dự án và hướng dẫn Javascript (2023)

John Smilga

4. 7 (3,529)

Các khóa học JavaScript khác

Sinh viên JavaScript cũng học

Nút phát triển web. Js CSS MongoDB React JS HTML Front End Phát triển web Python HTML5 PHP Vue JS Typescript Thiết kế web Java

Trao quyền cho nhóm của bạn. Dẫn đầu ngành

Đăng ký thư viện các khóa học trực tuyến và công cụ học tập kỹ thuật số cho tổ chức của bạn với Udemy Business

Cách chính xác để viết JavaScript là gì?

Bước đầu tiên để học JavaScript là gì?

Mã cơ bản cho JavaScript là gì?

Các cách viết mã JavaScript Giải thích bằng ví dụ là gì?