JavaScript được gọi là Ngôn ngữ kịch bản phía máy khách. Điều đó có nghĩa là nó là ngôn ngữ lập trình máy tính chạy bên trong trình duyệt Internet [trình duyệt còn được gọi là máy khách Web vì nó kết nối với máy chủ Web để tải xuống các trang]
Cách thức hoạt động của JavaScript thật thú vị. Bên trong một trang Web bình thường, bạn đặt một số mã JavaScript [Xem Cách các trang web hoạt động để biết chi tiết về các trang web]. Khi trình duyệt tải trang, trình duyệt có trình thông dịch tích hợp đọc mã JavaScript mà nó tìm thấy trong trang và chạy nó
Quảng cáo
Các nhà thiết kế trang web sử dụng JavaScript theo nhiều cách khác nhau. Một trong những cách phổ biến nhất là thực hiện xác thực trường trong biểu mẫu. Nhiều trang web thu thập thông tin từ người dùng dưới dạng trực tuyến và JavaScript có thể giúp xác thực các mục nhập. Ví dụ: lập trình viên có thể xác thực rằng tuổi của một người được nhập vào biểu mẫu nằm trong khoảng từ 1 đến 120
Một cách khác mà các nhà thiết kế trang web sử dụng JavaScript là tạo các máy tính. Dưới đây là một số ví dụ
- Máy tính RPN
- MegaConverter - một bộ sưu tập lớn các máy tính
- Máy tính tài chính cá nhân
Để cung cấp cho bạn một ví dụ về một máy tính JavaScript cực kỳ đơn giản, HTML bên dưới chỉ cho bạn cách tạo một bộ chuyển đổi độ F sang độ C bằng cách sử dụng JavaScript
Fahrenheit to Celsius Converter
Enter a temperature in degrees F:Click this button to calculate the temperature in degrees C:
Temperature in degrees C is:
Nếu bạn đã đọc Cách thức hoạt động của các trang web và Cách thức hoạt động của tập lệnh CGI, thì bạn sẽ quen thuộc với một phần tốt của HTML này. Đây là cấu trúc cơ bản của bất kỳ trang web nào
Có một đoạn mã JavaScript trong tiêu đề là hàm tính toán chuyển đổi từ độ F sang độ C
Chức năng được gọi là tạm thời. Nó chứa mã JavaScript để tính nhiệt độ độ C
Trong phần thân của trang có một hình thức điển hình
Fahrenheit to Celsius Converter
Enter a temperature in degrees F:Click this button to calculate the temperature in degrees C:
Temperature in degrees C is:
Dòng này là chính
Đây là một điều khiển nút bình thường. Khi người dùng nhấp vào nó, nó sẽ gọi hàm ở đầu trang do ký hiệu onClick
Theo ngôn ngữ lập trình, JavaScript có độ khó trung bình. Không khó để học cách sử dụng nó nếu bạn đã hiểu về lập trình, nhưng nếu bạn chưa quen với lập trình thì chắc chắn đây không phải là một ngôn ngữ dễ dàng để bắt đầu. Tuy nhiên, điều bạn có thể làm là sửa đổi mã mẫu này và mở rộng nó để tạo các máy tính khác
Javascript được các lập trình viên trên toàn thế giới sử dụng để tạo nội dung web động và tương tác như ứng dụng và trình duyệt. JavaScript phổ biến đến mức nó là ngôn ngữ lập trình được sử dụng nhiều nhất trên thế giới, được sử dụng làm ngôn ngữ lập trình phía máy khách vào năm 97. 0% của tất cả các trang web. Ngôn ngữ phía máy khách là những ngôn ngữ có hành động diễn ra trên máy tính của người dùng chứ không phải trên máy chủ
JavaScript đủ linh hoạt để sử dụng cho nhiều ứng dụng khác nhau, như phần mềm, điều khiển phần cứng và máy chủ. JavaScript được biết đến nhiều nhất là ngôn ngữ dựa trên web, bởi vì nó có nguồn gốc từ trình duyệt web. Trình duyệt web có thể hiểu ngôn ngữ một cách tự nhiên, giống như cách một người nói tiếng Anh bản xứ có thể hiểu tiếng Anh một cách tự nhiên
JavaScript đã phát triển trong 25 năm qua để trở thành ngôn ngữ lập trình linh hoạt và dễ tiếp cận để làm việc với các trình duyệt web. Các nhà phát triển sử dụng JavaScript để xây dựng các trang web và trò chơi trình duyệt tương tác phức tạp cũng như để kết nối máy chủ với các trang web và ứng dụng web. Vì tính linh hoạt này, thật dễ hiểu tại sao ngôn ngữ này là ngôn ngữ lập trình được sử dụng phổ biến nhất trên thế giới
Tạo trang web tương tác
JavaScript làm cho các trang web động. Trước JavaScript, các trang web chỉ được xây dựng bằng HTML và CSS. HTML và CSS chỉ có khả năng tạo các trang tĩnh có thể được tạo kiểu nhưng không tương tác ngoài các siêu liên kết. Một số trang web phổ biến nhất được xây dựng bằng JavaScript, bao gồm Google, YouTube và Facebook
JavaScript cho phép các nhà phát triển triển khai các tính năng như
- Hiển thị và ẩn menu hoặc thông tin
- Thêm hiệu ứng di chuột
- Tạo phòng trưng bày hình ảnh ở định dạng băng chuyền
- Phóng to hoặc thu nhỏ hình ảnh
- Phát âm thanh hoặc video trên trang web
- Thêm hoạt ảnh
- Tạo menu thả xuống và menu kiểu hamburger
Xây dựng ứng dụng
Với bộ khung phong phú của JavaScript, các nhà phát triển có thể xây dựng ứng dụng cho thiết bị di động và web một cách hiệu quả. Các khung là các thư viện mã JavaScript được viết sẵn mà các nhà phát triển sử dụng cho các tính năng tiêu chuẩn. Bạn có thể coi khung JavaScript giống như một bản thiết kế
Các khung ứng dụng JavaScript phổ biến nhất là
- Phản ứng. một tập hợp JavaScript được tạo để xây dựng giao diện người dùng cho các ứng dụng web
- Phản ứng tự nhiên. một bộ sưu tập cho phép các nhà phát triển xây dựng các ứng dụng dành cho thiết bị di động bằng JavaScript
- Nút. js. một bộ sưu tập cho phép giao tiếp hai chiều với các máy chủ để trao đổi dữ liệu
Facebook đã xây dựng React và React Native, hiện đang cung cấp năng lượng cho một số ứng dụng truyền thông xã hội mạnh nhất thế giới. React được sử dụng bởi các trang web như Uber, Pinterest, Netflix, Instagram, Amazon, Twitter, Udemy, v.v. Facebook, Instagram, Shopify, Words with Friends, Skype, Pinterest, Discord, Tesla và Uber Eats sử dụng React Native
Phát triển trò chơi hấp dẫn
JavaScript thường được sử dụng để tạo trò chơi trên trình duyệt. Nhà phát triển sử dụng JavaScript để tạo câu đố 2D và 3D, trò chơi nhập vai, trò chơi đua xe, trò chơi nền tảng, v.v. Tạo một trò chơi trình duyệt đơn giản có thể là một cách tuyệt vời để bắt đầu thực hành các kỹ năng JavaScript của bạn khi mới bắt đầu. Có hàng trăm công cụ trò chơi JavaScript cung cấp các khuôn khổ để xây dựng trò chơi và nhiều công cụ là nguồn mở và miễn phí. Các công cụ trò chơi phổ biến nhất bao gồm Backbone, DarlingJS và JawsJS
Trò chơi dựa trên trình duyệt phổ biến được xây dựng bằng JavaScript
- Chim tức giận
- 2048
- Khoa luyện kim nhỏ
- Polycraft
- HexGL
- Mã chéo
- bejeweled
- Các vị thần sẽ theo dõi
JavaScript được thiết kế để làm gì?
JavaScript được thiết kế bởi Brendan Eich tại Netscape như một cách để loại bỏ giới hạn của các trang tĩnh trên web. Eich bắt đầu tạo một ngôn ngữ kịch bản cho web sử dụng cú pháp của Java, một ngôn ngữ lập trình khác
JavaScript được thiết kế cho
- Tốc độ, vận tốc. thực thi mã trong trình duyệt web bằng ngôn ngữ mẹ đẻ của nó nhanh hơn so với thực thi mã trên máy chủ
- trang động. các trang mà người dùng có thể tương tác không thể thực hiện được trước khi JavaScript ra đời
- Giảm sử dụng bộ nhớ. thực thi mã trong trình duyệt giúp giải phóng dung lượng trên máy chủ, giúp cắt giảm chi phí
- Xây dựng giao diện người dùng đáp ứng. hầu hết tất cả các giao diện người dùng trên mạng xã hội đều dựa trên JavaScript
- Tải lại một số phần của trang một cách độc lập. những đề xuất đó khi bạn bắt đầu nhập vào thanh tìm kiếm của Google đều là nhờ JavaScript
- nội dung đáp ứng. khi bạn thay đổi kích thước cửa sổ trình duyệt của mình, JavaSCript cho phép kích thước của nội dung trên trang thay đổi theo
- Xác thực biểu mẫu. các trường bắt buộc được JavaScript thực thi để bạn không bỏ lỡ bất kỳ thông tin nào khi mua sắm trực tuyến
- tự động hoàn thành. JavaScript giúp chúng tôi không phải nhập địa chỉ email theo cách thủ công mỗi khi chúng tôi điền vào biểu mẫu trực tuyến
- Phát âm thanh và video. nhớ Flash? . Sau đó, HTML cũng được cập nhật để xử lý các tệp phương tiện, nhưng JavaScript đã làm điều đó trước
Tại sao chúng ta cần JavaScript?
Cho dù bạn dự định chuyên về phát triển front-end, back-end hay full-stack, thì JavaScript vẫn là ngôn ngữ lập trình quan trọng đối với bất kỳ nhà phát triển web nào. Nếu không có JavaScript, chúng ta sẽ không có các trang web động và tương tác đã trở thành trải nghiệm người dùng tiêu chuẩn mà tất cả chúng ta đều biết, yêu thích và dựa vào
JavaScript được sử dụng cho Front-End hay Back-End?
Javascript là ngôn ngữ phía máy khách, về mặt kỹ thuật làm cho nó trở thành ngôn ngữ giao diện người dùng. Nhưng với nút. js, JavaScript cũng có thể được sử dụng trong back-end. Sử dụng JavaScript trên toàn bộ ngăn xếp, cho cả front-end và back-end, là một phương pháp tuyệt vời vì nó tạo ra một ứng dụng gắn kết. Khi càng nhiều mã càng tốt trong cùng một ngôn ngữ, thì việc bảo trì, quản lý, cập nhật và xây dựng với một nhóm sẽ dễ dàng hơn
Khi nó được sử dụng cho giao diện người dùng, JavaScript làm cho các trang web trở nên năng động và tương tác. Nó xác thực các biểu mẫu gửi, cập nhật một số nội dung nhất định trên trang mà không cập nhật toàn bộ trang, hiển thị và ẩn các menu và hiển thị hình động. Khi nó được sử dụng cho back-end, Node. js cho phép máy chủ xử lý các cập nhật dữ liệu mặt trước và xây dựng các ứng dụng mạng có thể mở rộng để xử lý đồng thời các yêu cầu của người dùng
Bạn muốn tìm hiểu thêm về ngôn ngữ lập trình yêu thích của web?