Giới thiệu và hướng dẫn tạo môi trường cho JavaScript

Đăng vào ngày 13/08/2022

Một trong những ngôn ngữ lập trình phổ biến hàng đầu hiện nay gọi tên JavaScript, nó được sử dụng chuyên biệt cho lập trình web. Và hầu hết các lập trình viên đều sẽ biết về JavaScript vì vậy mình sẽ giới thiệu về JavaScript và đồng thời hướng dẫn bạn setup môi trường dành cho JavaScript.

Sơ lược về JavaScript:

JavaScript còn hay được viết tắt là JS - là một trong những ngôn ngữ lập trình đơn giản, sống động, sinh ra để dành cho lập trình web. JavaScript là ngôn ngữ đơn giản, dễ học, đem lại hiệu quả cao, linh động và hỗ trợ nhiều trình duyệt. Chính vì vậy, hiện nay nhiều trình duyệt lớn sử dụng JS như Google, Firefox…

Trong thời điểm hiện tại có rất nhiều thư viện và framework của JS đã được ra đời và phát triển rộng rãi. Với những tính năng và hệ sinh thái đa dạng xung quanh, JavaScript là sự lựa chọn không thể thiếu cho Front-end.

Thiết lập môi trường dành cho JavaScript:

Ở đây mình khuyên khích các bạn sử dụng trình duyệt Chrome để chạy các demo vì nó có nhiều tiện ích mở rộng có thể giúp ích cho bạn.

Tiếp theo mình sẽ sử dụng Visual studio code để soạn thảo code, nếu bạn chưa cài đặt thì xem lại: Hướng dẫn cài đặt trình soạn thảo Visual studio code.

Sau khi cài đặt xong thì giao diện sẽ hiện ra như sau:

Và để run code, mình sẽ dùng extension Live Server, extension này tạo một local host ngay dưới máy mình giúp run code một cách trực tiếp cho cả các trang web tĩnh và web động. Đồng thời, nếu bạn thay đổi code và tải lại trang thì nó cũng tự động thay đổi mà không cần F5.

Chúng ta hãy thực hiện một ví dụ nhỏ như sau:

Tạo một thư mục tên tùy theo ý thích của bạn, ở đây mình chọn là Vietdev:

Tiếp theo tạo một file html tên là vietdev.html như hình:

Khi bạn nhấn vào Go live nó sẽ tự động hiện ra cho bạn:

Hãy như nhấn vào click

Như vậy, mình đã giới thiệu sơ về JavaSript và hướng dẫn chạy một ví dụ nhỏ.