- vừa được xem lúc

Javascript - Những điều Developer cần nắm vững

0 0 47

Người đăng: Dương Quý Cao

Theo Viblo Asia

Chào tất cả các bạn, hôm nay viblo sẽ giới thiệu mọi thứ về ngôn ngữ JavaScript, một ngôn ngữ rất phổ biển trong giới developer, qua bài này chúng ta sẽ nắm rõ và biết được JavaScript là gì ?. Nó hoạt động như thế nào ?. Chúng ta có thể làm gì với nó ?. Và một số kiến thức quan trọng về nó mà các develop không nên bỏ qua, đặc biệt khá hữu ích khi phỏng vấn.

JavaScript là gì ?

Nói cách dễ hiểu hơn, JavaScript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong HTML giúp website sống động hơn. JavaScript cho phép kiểm soát các hành vi của trang web tốt hơn so với khi chỉ sử dụng mỗi HTML.

JavaScript là ngôn ngữ lập trình được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome, … thậm chí các trình duyệt trên thiết bị di động.

Trước khi tìm hiểu thêm về JavaScript, bạn cũng nên nắm rõ các khái niệm sau:

HTML là gì?

HTML là ngôn ngữ đánh dấu(markup language) mà chúng ta sử dụng để cấu trúc và tạo nội dung của trang web, ví dụ: xác định đoạn văn, tiêu đề và bảng dữ liệu nào đó hoặc nhúng hình ảnh và video trong trang….

CSS là gì?

CSS là ngôn ngữ với các quy tắc style mà chúng ta sử dụng để áp dụng các style nào đó cho nội dung HTML của chúng ta, ví dụ: đặt màu nền và phông chữ và đặt nội dung của chúng ta trong nhiều cột v.v. Tóm lại là dùng để làm đẹp cho trang HTML của chúng ta.

JavaScript dùng để làm gì ?

JavaScript được dùng trong rất nhiều lĩnh vực khác nhau:

Lập trình website.

Xây dựng ứng dụng cho máy chủ.

Làm ra ứng dụng di động(React native), trò chơi.

….

Chúng ta có thể tưởng tượng một số công việc đơn giản của JavaScript khi tải một trang web như sau, trình duyệt sẽ phân tích cú pháp HTML và tạo ra một loại dữ liệu gọi là DOM từ nội dung. DOM thể hiện chế độ xem trực tiếp của trang web với code JavaScript. Và thông qua code JavaScript này để thực hiện cập nhật cho DOM và được trình bày ngay lập tức cho người dùng. Ví dụ như:

Trình duyệt sẽ ghi nhận các sự kiện giao diện người dùng như: di chuyển chuột, nhấp chuột, v.v. Sau đó, tùy theo phản hồi của người dùng, đoạn code JavaScript sẽ thực hiện công việc được lập trình tương ứng.

Ở đây chúng ta sẽ di chi tiết hơn về ứng dụng của nó trong lập trình web vì nó là một ngôn ngữ lập trình phổ biến sử dụng trên 92% nền tảng website hiện nay, JavaScript đã thể hiện vai trò quan trọng với lĩnh vực này. Tầm quan trọng của nó thể hiện qua các thao tác, công dụng như:

Triển khai tập lệnh phía client

Nhờ Javascript, các lập trình viên có thể dễ dàng viết tập lệnh phía client, tích hợp các tập lệnh một cách liền mạch vào HTML, cho phép website tương tác, trả lời người dùng ngay lập tức và tạo ra giao diện hiển thị phong phú hơn.

Viết code phía server

Các lập trình viên cũng có thể viết code phía server bằng JavaScript.

Đơn giản hóa phát triển ứng dụng web phức tạp

Javascript cho phép các developer đơn giản hóa thành phần của ứng dụng, qua đó đơn giản hóa việc phát triển các ứng dụng web phức tạp.

Thiết kế web responsive

JavaScript cho phép thiết kế web responsive – tối ưu trên cả máy tính và thiết bị di động chỉ với một bộ code.

Google AMP

Để tham gia vào dự án Tăng tốc trang di động (AMP) của Google, các lập trình viên phải sử dụng ngôn ngữ lập trình JavaScript.

Nhiều bộ chuyển đổi

Mặc dù thiếu một số tính năng phức tạp được cung cấp bởi các ngôn ngữ lập trình hiện đại như Java và C#, JavaScript vẫn có thể dễ dàng mở rộng bằng cách sử dụng các bộ chuyển đổi như CoffeeScript, TypeScript, DukeScript và Vaadin.

Các thư viện Javascript phổ biến

Hiện nay có rất nhiều thư viện và framework được viết từ Javascript như:

  • jQuery: Chuyên về hiệu ứng.
  • js: Chuyên xây dựng ứng dụng thời gian thực.
  • AngularJS, Vue: Chuyên xây dựng ứng dụng trang cá nhân.
  • ReactJS: Chuyên viết ứng dụng mobile.
  • Một số thư viện khác như ExtJS, Sencha Touch,….

Ưu điểm và nhược điểm của JavaScript

Ưu điểm của JavaScript là gì?

JavaScript có rất nhiều ưu điểm vượt trội hơn so với các đối thủ khác, chẳng hạn như:

  • JavaScript là ngôn ngữ lập trình dễ học.
  • Lỗi của JavaScript dễ phát hiện hơn và vì vậy dễ sửa hơn.
  • JavaScript hoạt động trên nhiều trình duyệt, đa nền tảng.
  • JavaScript giúp website tương tác tốt hơn với khách truy cập.
  • JavaScript nhanh hơn và nhẹ hơn các ngôn ngữ lập trình khác.

Nhược điểm của JavaScript là gì?

Không ngôn ngữ lập trình nào là hoàn hảo và không có khuyết điểm. Bởi JavaScript là ngôn ngữ lập trình phổ biến, được sử dụng rộng rãi trên nền tảng website, vì vậy nó cũng là đối tượng tiềm năng của một lượng lớn hacker, scammer – những kẻ chuyên tìm kiếm lỗ hổng và các lỗi bảo mật và thâm nhập, đánh cắp dữ liệu nội bộ.

Một số khuyết điểm của JavaScript có thể kể đến như:

  • Dễ bị khai thác.
  • Có thể được dùng để thực thi mã độc trên máy tính của người dùng.
  • Có thể bị triển khai khác nhau tùy từng thiết bị dẫn đến việc không đồng nhất.

Cách hoạt động của JavaScript

Có thể hiểu đơn giản như sau: JavaScript thường được nhúng trực tiếp vào một trang web hoặc được tham chiếu qua file .js riêng. Nó là ngôn ngữ lập trình từ phía client, tức là script được tải về máy của người dùng đang truy cập và được xử lý tại đó, thay vì xử lý trên server rồi mới đưa kết quả tới client.

Hy vọng bài này sẽ giúp các bạn có cái nhìn tổng quát và đẩy đủ về các khía cạnh của JavaScript, từ khái niệm tới cách hoạt động của nó như thế nào. Bài tới mình sẽ nói rõ hơn về các tính chất đặc trưng trong JS.

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 528

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 436

- vừa được xem lúc

Một số phương thức với object trong Javascript

Trong Javascript có hỗ trợ các loại dữ liệu cơ bản là giống với hầu hết những ngôn ngữ lập trình khác. Bài viết này mình sẽ giới thiệu về Object và một số phương thức thường dùng với nó.

0 0 158

- vừa được xem lúc

Tìm hiểu về thư viện axios

Giới thiệu. Axios là gì? Axios là một thư viện HTTP Client dựa trên Promise.

0 0 149

- vừa được xem lúc

Imports và Exports trong JavaScript ES6

. Giới thiệu. ES6 cung cấp cho chúng ta import (nhập), export (xuất) các functions, biến từ module này sang module khác và sử dụng nó trong các file khác.

0 0 113

- vừa được xem lúc

Bài toán đọc số thành chữ (phần 2) - Hoàn chỉnh chương trình dưới 100 dòng code

Tiếp tục bài viết còn dang dở ở phần trước Phân tích bài toán đọc số thành chữ (phần 1) - Phân tích đề và những mảnh ghép đầu tiên. Bạn nào chưa đọc thì có thể xem ở link trên trước nhé.

0 0 249