Trong những năm gần đây JavaScript trở thành một ngôn ngữ lập trình phổ biến và thông dụng. Nhiều framework được viết bằng chính ngôn ngữ đặc biệt này. Trong bài viết dưới đây, BKHOST sẽ thông tin chi tiết giúp bạn trả lời những câu hỏi như JavaScript là gì? Chúng ta có thể làm gì với nó? Show
Tương tự như những ngôn ngữ lập trình khác, JavaScript (Js) cho phép người dùng triển khai những tính năng phức tạp trên web. Những thông tin tĩnh được web hiển thị hay nội dung được cập nhật kịp thời, hoạt hình 2D/3D…đều có liên quan trực tiếp tới JavaScript. Đăng ký tên miền tại BKHOST BKHOST đang có chương trình khuyến mại cực shock dành cho khách hàng đăng ký mới tên miền.
Rất nhiều tên miền đẹp đang chờ bạn. Nhanh tay sở hữu ngay hôm nay trước khi đối thủ của bạn nhắm tới. mua tên miền web JavaScript đóng vai trò như một phần của website, được tích hợp hoặc nhúng vào HTML để tạo sự sống động cho các trang web. Như vậy có thể thấy 3 lớp bánh của công nghệ web tiêu chuẩn sẽ gồm HTML, CSS, JavaScript trong đó JavaScript chính là lớp thứ 3. Cả ba lớp này xây dựng chồng lên nhau cùng hỗ trợ để tạo nên những tính năng tuyệt vời cho website.
Ví dụ: JavaScript có thể làm được gì?Nắm được mục đích của ngôn ngữ lập trình JavaScript sẽ giúp bạn dễ dàng sử dụng trong công việc. Với những tính năng đa dạng JavaScript cho phép người dùng thực hiện những hoạt động như:
Một điều thú vị là khi người dùng sử dụng API (giao diện lập trình ứng dụng) sẽ có cơ hội trải nghiệm những điều bổ ích. Các giao diện phần mềm ứng dụng này cung cấp cho bạn những khả năng để sử dụng trong code JavaScript. Hiện tại API gồm API trình duyệt và các API bên thứ ba. API trình duyệt được tích hợp sẵn trong trình duyệt web của bạn. Chức năng chính của nó là hiển thị dữ liệu từ môi trường máy tính xung quanh và thực hiện một số thao tác phức tạp, cụ thể:
Trình duyệt bạn không tích hợp mặc định API của bên thứ ba. Để có code và thông tin của chúng bạn phải lấy từ một vị trí khác trên web ví dụ như API Twitter hay API Google Maps, API OpenStreetMap. Hoạt động của JavaScript trên trang WebTrong trình duyệt của mình khi người dùng tải một trang web, lúc đó các đoạn code HTML, CSS và JavaScript sẽ được chạy trong môi trường thực thi. Hiểu một cách đơn giản thì quá trình này giống như một nhà máy dùng nguyên liệu thô (code) để tạo nên sản phẩm (trang web). Thông qua API, JavaScript sẽ sửa đổi động HTML và CSS để cập nhật giao diện cho người dùng. Code trong web của người dùng được tải và thực thi theo quy tắc và thứ tự. Vì vậy một nếu xảy ra lỗi thì có thể do JavaScript được tải trước CSS và HTML mà nó định sửa lỗi. Bảo mật trình duyệtỞ các tab trình duyệt sẽ có các nhóm riêng biệt để chạy code. Như vậy có nghĩa là code ở mỗi tab chạy riêng biệt và không ảnh hưởng đến code ở tab khác và trên trang web khác. Đây là một phương án tối ưu giúp người dùng bảo mật tốt mọi dữ liệu để tránh sự đột nhập của kẻ tấn công. Lệnh chạy JavaScriptTrình duyệt của bạn sẽ chạy theo thứ tự từ trước đến sau khi gặp một khối JavaScript. Vì thế bạn nên quan sát và cẩn trọng xem thử mọi thứ mình sắp xếp đã theo trình tự chưa. Dưới đây là một ví dụ cụ thể về lệnh chạy JavaScript: const para = document.querySelector('p'); para.addEventListener('click', updateName); function updateName() { const name = prompt('Enter a new name'); para.textContent = `Player 1: ${name}`; } Trường hợp bạn hoán đổi thứ tự của các dòng code thì nó sẽ không hoạt động nữa. Lúc này trình duyệt của bạn sẽ gặp lỗi và được trả về trong bảng điều khiển. Đó chính là một trong những lỗi phổ biến mà bạn nên lưu ý để tránh gặp rắc rối. Code được thông dịch so với code biên dịchTrong lập trình chắc hẳn bạn sẽ nghe tới những thuật ngữ như thông dịch và biên dịch. Code sẽ được chạy theo thứ tự từ trên xuống dưới và trả kết quả ngay lập tức đối với ngôn ngữ thông dịch. Trước khi trình duyệt chạy code bạn không cần phải chuyển đổi nó thành một dạng khác. Trường hợp với ngôn ngữ biên dịch thì code sẽ được chuyển thành một dạng khác trước khi trình duyệt chạy nó. JavaScript thuộc loại ngôn ngữ lập trình thông dịch nhẹ. Code JavaScript ở dạng văn bản gốc sẽ được trình duyệt web nhận và chạy tập lệnh. Tuy nhiên để cải thiện hiệu suất các trình thông dịch JavaScript hiện đại đều sử dụng một kỹ thuật được gọi là “biên dịch đúng lúc”. Mã nguồn JavaScript được chuyển thành dạng nhị phân để quá trình duyệt web diễn ra nhanh nhất có thể. Server-side và client-side codeTrong bối cảnh phát triển web hẳn nhiều người đã quen thuộc với thuật ngữ Server-side code và client-side code. Client-side code là dạng code chạy trực tiếp trên máy tính của người sử dụng. Khi một website được mở ra, code ở client của web sẽ được tải xuống, chạy và được hiển thị bởi trình duyệt. Kết quả được tải và hiển thị trong trình duyệt được gọi là Server-side code (mã máy chủ). Một số ngôn ngữ web được dùng nhiều ở máy chủ gồm PHP, Ruby, ASP.NET. Trong môi trường Node.js, JavaScript cũng được sử dụng như các ngôn ngữ nói trên. Dynamic và static codeTừ “dynamic” dùng để mô tả ngôn ngữ lập trình JavaScript ở cả server và client. Cụ thể đó là khả năng tạo nội dung mới theo nhu cầu của người dùng, cập nhật hiển thị của website linh hoạt trong các trường hợp khác nhau. Còn từ “static“ dành để nói tới những trang web nội dung không được cập nhật. Ở bất cứ vị trí và thời điểm nào nó cũng chỉ hiển thị cùng một nội dung. JavaScript được thêm vào trang như thế nào?Nhúng JavaScript kiểu Internal (nhúng trực tiếp vào file .html)Bước 1: Tạo một file mẫu apply-javascript.html và lưu nó vào một thư mục phù hợp. Bước 2: Mở file vừa tạo trên trình duyệt và trong trình soạn thảo code. Bước 3: Chuyển đến trình soạn thảo văn bản và thêm nội dung sau vào trước thẻ đóng: Bước 4: Để trang web hoạt động thú vị hơn hãy thêm một số JavaScript vào bên trong
|