Về nguyên tắc, mọi trang web đều được xây dựng trên nền tảng của 3 công nghệ; HTML, CSS và Javascript. HTML đề cập đến thứ tự của các phần thành phần khác nhau của trang web, CSS với cách các phần đó được hiển thị và Javascript các tác vụ phức tạp như phản hồi các hành động của người dùng.
En bài viết trước Chúng tôi đã giải thích rằng đó là một khung công tác CSS và đưa ra một danh sách những thứ tốt nhất mà chúng tôi có thể sử dụng trong Linux. Khó giải thích hơn vai trò của Javascript như thế nào, chúng tôi sẽ giới thiệu nhỏ về chủ đề này, trước khi chúng tôi nhận xét về các khuôn khổ của nó.
Ngôn ngữ lập trình Javascript. Giới thiệu đôi chút
Javascript là gì?
Javascript là một ngôn ngữ lập trình ban đầu được tạo ra để ngăn các trang web ở trạng thái tĩnh, mặc dù ngày nay việc sử dụng nó đã lan rộng sang các lĩnh vực không liên quan gì đến web.
Lcác chương trình được viết bằng Javascript được gọi là script và chúng chạy bên trong một máy ảo được gọi là công cụ Javascript.
Tất cả các trình duyệt hiện đại đều bao gồm phiên bản của công cụ Javascript
Vì sự an toàn của người dùng, các trình duyệt khác nhau đặt giới hạn về những gì mã Javascript có thể làm. Ví dụ: quyền truy cập vào các tệp quan trọng trên đĩa. Tuy nhiên, điều này có thể bị hạn chế hơn nữa trong các tùy chọn cấu hình của mỗi tùy chọn.
Hoạt động của mã Javascript trong một trang web như sau:
- Công cụ Javascript được nhúng trong trình duyệt đọc mã.
- Mã được chuyển đổi sang ngôn ngữ máy.
- Máy thực thi mã.
Là một ngôn ngữ lập trình, Javascript có thể thực hiện các tác vụ như sau:
- Lưu trữ thông tin bên trong các biến.
- Xử lý chuỗi văn bản.
- Chạy các chương trình phản hồi các sự kiện như nhấp vào một liên kết.
Khả năng Javascript tăng lên thông qua việc sử dụng Giao diện lập trình ứng dụng (API)
API là thư viện chương trình được tạo cho các tác vụ cụ thể giúp nhà phát triển không phải viết lại mã hiện có. Trong trường hợp của Javascript, chúng ta có thể nói về hai loại APIS
Trình duyệt Api
Chúng chạy bên trong trình duyệt và phản hồi với môi trường. Ví dụ, chúng tôi có:
Mô hình đối tượng tài liệu (DOM): Nó giúp bạn có thể thực hiện các sửa đổi đối với mã HTML và CSS của trang để đáp ứng các sự kiện nhất định. Đây là trường hợp của các trang web cho phép chúng tôi xem cách một trang sẽ xuất hiện trên các thiết bị khác nhau.
API vị trí địa lýa: Nó được sử dụng để phát hiện vị trí của người dùng và phản hồi tương ứng. Ví dụ: nó được Netflix sử dụng để biết nội dung bạn có thể xem ở quốc gia của mình hoặc Google Maps để hiển thị cho bạn biết bạn đang ở đâu.
Canvas và WebGL: Chúng lý tưởng để vẽ đồ họa 2D và 3D
API đa phương tiện: Chúng cho phép truyền và nhận nội dung đa phương tiện từ một trang web.
API của bên thứ ba
Các dịch vụ web khác nhau cố gắng thu hút nhiều người dùng hơn (và trong một số trường hợp, nhiều thông tin hơn từ những người dùng đó để bán nó) Đó là lý do tại sao tạo giao diện lập trình để các nhà phát triển có thể tích hợp các chức năng mà các dịch vụ này cung cấp cho các trang web bên ngoài. Đây là ví dụ trường hợp của những trang web cho phép bạn đăng ký bằng tài khoản Google hoặc Facebook của mình.
Cách mã Javascript hoạt động trong một trang web
Trước hết, cần phải làm rõ rằng mỗi tập lệnh javascript chạy trong môi trường thời gian chạy của riêng nó. Có một môi trường thực thi cho mỗi tab (nếu chúng ta mở các trang web khác nhau trong cùng một cửa sổ) hoặc cho các cửa sổ khác nhau nếu chúng ta muốn. Không có trường hợp nào chúng tương tác với nhau hoặc, như chúng tôi đã nói, với hệ điều hành mà không có sự can thiệp tích cực của người dùng.
S đầu tiêne tải mã HTML của trang web và một mô hình đối tượng của tài liệu được tạo để nó có thể được hiển thị trong trình duyệt. Các mục cần đính kèm sau đó sẽ được tải vào trang dưới dạng phương tiện, hình ảnh và biểu định kiểu. Cuối cùng, các kiểu được gán cho các phần khác nhau của trang như được xác định bởi các bảng định kiểu.
Khi tất cả những điều này hoàn tất, đó là lúc công cụ Javascript khởi động theo trình tự nêu trên.
Trong bài viết tiếp theo của chúng tôi, chúng tôi sẽ đi đến danh sách các khung công tác đã hứa cho Javascript.