Javascript là gì? Chi tiết về JS
Bùi Tấn Lực - 242
- 16/05/2024
Bùi Tấn Lực Javascript là gì? Đó là ngôn ngữ lập trình mang đến sự sinh động của website, xây dựng và điều khiển các thành phần tương tác cho trang web, dạng ngôn ngữ theo kịch bản, chi tiết như nào hãy cùng chúng tôi phân tích:
Javascript là gì? Chi tiết về JS
Mục Lục [Ẩn]
Javascript là gì?
JavaScript (JS) là ngôn ngữ lập trình mang đến sự sinh động của website, xây dựng và điều khiển các thành phần tương tác cho trang web, dạng ngôn ngữ theo kịch bản, dựa trên chính đối trượng phát triển có sẵn, hoặc là tự định nghĩa ra.
Xem thêm bài viết Website là gì?
Lịch sử phát triển của Javascript
Vào tháng 9 năm 1995 JavaScript được tạo trong mười ngày bởi Brandan Eich, một nhân viên của Netscape. Trước khi thật sự trở thành JavaScript nổi tiếng như bây giờ thì được đặt tên đầu tiên là Mocha, tên của nó được đổi thành Mona rồi LiveScript. Bị giới hạn độc quyền bởi Netscape và chỉ có các tính năng hạn chế bởi phiên bản đầu tiên của ngôn ngữ này, nhưng nó tiếp tục phát triển theo thời gian, nhờ một phần vào cộng đồng các lập trình viên đã liên tục làm việc với nó.
JavaScript được chính thức đặt tên là ECMAScript trong năm 1996. Năm 1998 ECMAScript 2 phát hành và vào năm 1999 ECMAScript 3 tiếp tục ra mắt. Giờ đã hoạt động trên khắp mọi trình duyệt và trên khắp các thiết bị từ di động đến máy tính bàn và liên tục phát triển thành JavaScript ngày nay.
Vào năm 2016 có lúc đạt đến 92% website đang sử dụng JavaScript. Trở thành công cụ quan trọng nhất trên bộ công cụ của các chuyên viên lập trình web từ một ngôn ngữ lập trình riêng. Chắc chắn bạn đã từng sử dụng JavaScript nếu bạn đang dùng internet.
JavaScript được sử dụng để làm gì?
Phát triển website
Phát triển web và hiện là một trong những thành phần không thể thiếu của các trang web hoạt động hiện nay là công dụng phổ biến nhất của JavaScript. Để thêm tính tương tác và các tính năng nhằm cải thiện trải nghiệm người dùng, giúp trang web giàu tính tương tác hơn các nhà lập trình sử dụng JavaScript trong quá trình phát triển web.
Trò chơi trực tuyến ngay trên website - Games on website
Khi HTML5 được phát hành, Javascript là mã nguồn không thể thiếu trong các trò chơi trực tuyến, các nhà lập trình đã kết hợp với JavaScript để tăng thêm những trải nghiệm trong game, tăng tính tương tác và thực sự hoàn hảo với việc phát triển các trò chơi trên web.
Phát triển các ứng dụng web - Web applications
Các nhà lập trình có thể phát triển trình ứng dụng web giàu tính tương tác với kết nối trên một sever từ xa nhờ có JavaScript. Cung cấp cho người dùng nhiều thông tin trên một giao diện web đơn giản, một trong những ứng dụng phổ biến đó là Google Maps.
Để xây dựng phần back-end (phần quản trị máy chủ, dữ liệu…) nhờ các framework nổi bật như VueJS, Angular hỗ trợ JavaScript trong khả năng xây dựng giao diện người dùng và kết hợp hoàn hảo với Node.js.
Ứng dụng điện thoại - Mobile applications
Cũng có sự đóng góp lớn từ JavaScript đến sự phát triển của các ứng dụng trên điện thoại cho cả Android và iOS. Để xây dựng các kịch bản khác nhau, những tình huống và kết quả khác nhau từ thao tác của người dùng.
Kết nối vạn vật - Internet of Things (IoT)
Các nhà phát triển sử dụng JS trên ứng dụng trên điện thoại. Hỗ trợ cả phần cứng lẫn phần mềm như: định vị GPS, công tắc,… với sự kết hợp như Arduino cho phép viết được các mã nguồn.
JavaScript Developer cần học những gì?
Không mất thời gian để cài đặt hay thiết lập môi trường và JavaScript khá dễ học, dễ hiểu. Để học hết và hiểu hết được thì phải mất rất nhiều thời gian cũng như sự tìm hiểu chuyên sâu vì JavaScript lại rất rộng. Bạn nên chọn một công nghệ cụ thể khi bắt đầu và tập trung vì JavaScript làm được rất nhiều thứ với nhiều công nghệ khác nhau.
Hãy nắm thật vững những kiến thức cơ bản nhất: cú pháp, loại dữ liệu, khai báo biến, cấu trúc dữ liệu, các khối câu lệnh, cách viết hàm trong JS, … khi bắt đầu làm quen với JavaScript, tham khảo thông tin dưới đây:
Loại dữ liệu: number, null, undefned, object, string, boolean.
Cấu trúc dữ liệu: Array, Map, Set, JSON.
Vòng lặp: while, for, do…while, for…in, for…of.
Điều kiện: switch…case, if…else.
Xử lý ngoại lệ: try…catch…finally.
Hàm: arrow function, this.
Bất đồng bộ: setTimeout, Promises, async/await.
Để debug được nó chúng ta có công cụ Chrome Dev Tools vì JavaScript được tạo ra để chạy trên trình duyệt. Bạn nên tìm hiểu để sử dụng một cách hợp lý nhất vì đây là công cụ rất hữu ích cho việc debug liên quan đến issues, memory hay performance.
Bạn sẽ bắt đầu lựa chọn cho mình hướng đi chuyên sâu hơn sau khi trang bị những kiến thức cơ bản. Theo định hướng của bạn hãy tìm hiểu các thư viện, framework phổ biến hiện nay của JS.
Hãy học ReactJS, VueJS hay jQuery, … nếu muốn làm Frontend.
Hãy tìm hiểu NodeJS và framework như Express, NestJS, …. nếu muốn trở thành Backend Develope.
Bạn có thể lựa chọn React Native nếu đam mê với lập trình di động.
Có thể trở thành Fullstack Developer theo định hướng của bạn, nhưng để có thể tham gia vào các dự án cũng như giải quyết các bài toán thực tế có thể gặp phải hãy bắt đầu từ một hướng trước. Cần ít nhất 2 năm làm việc trong dự án cho mỗi hướng theo ý kiến cá nhân mình, khi kết hợp lại thì mới đủ yêu cầu để trở thành một Fullstack JS Developer.
JavaScript hoạt động thế nào?
Đối với JavaScript phía máy khách (client-side)
Bên trong hầu hết các trình duyệt web phổ biến công cụ JavaScript được tích hợp sẵn.
Khi có người truy cập trình duyệt thực hiện tải trang web.
Trình duyệt chuyển đổi tất cả các phần tử của nó (button, nhãn dán, hộp thả xuống,…) và trang web đó thành dạng cấu trúc dữ liệu gọi là DOM (tạm dịch: Mô hình Đối tượng Tài liệu).
Thực hiện chuyển mã JavaScript thành mã byte bởi công cụ JavaScript của trình duyệt.
Việc thực thi code block JavaScript liên kết sẽ được kích hoạt khi có sự kiện xảy ra, ví dụ như nhấp vào button.
Diễn giải mã byte và tạo thay đổi đối với DOM bởi công cụ JavaScript. Hiển thị DOM mới trên trình duyệt.
Đối với JavaScript phía máy chủ (server-side)
Khi nằm trực tiếp trên server Công cụ JavaScript phía máy chủ có thể thực hiện:
Truy xuất cơ sở dữ liệu
Tính toán logic khác nhau
Phản hồi các sự kiện của hệ điều hành của máy chủ kích hoạt.
Ưu điểm và Nhược điểm của JavaScript
Ưu điểm của JavaScript:
Ít tương tác với máy chủ hơn
Trước khi gửi trang đến máy chủ bạn có thể xác thực đầu vào của người dùng. Có nghĩa là tải ít hơn trên máy chủ của bạn khi tiết kiệm lưu lượng máy chủ.
Khả năng phản hồi nhanh chóng
Vì có sự hỗ trợ của JavaScript khách truy cập trang web không phải chờ đợi quá lâu để tải lại trang.
Tạo trang web giàu tính tương tác
Chỉ cho người dùng những tính năng cơ bản với các giao diện bao gồm HTML và CSS. Người dùng sẽ được trải nghiệm những phản ứng, kịch bản đã được chuẩn bị từ trước khi được kết hợp với JavaScript.
Nhược điểm của JavaScript:
Dễ bị khai thác, chèn mã độc
Khi phía máy người dùng truy cập không cho đọc và ghi tệp sẽ dễ bị khai thác, tính an ninh không cao, có thể thực thi gắn mã độc trên máy người dùng bởi đối tượng xấu.
Hạn chế trên một số trình duyệt
Trong quá trình hoạt động cũng có một số trình duyệt không hỗ trợ JavaScript hoặc trên một số trang web sử dụng JS để ngăn chặn vài thao tác từ người dùng, gây khó khăn trong việc duyệt web mặc dù được hỗ trợ trên đa số các trình duyệt phổ biến hiện nay.
Hiển thị khác nhau trên các thiết bị khác nhau
Tạo ra những hiển thị khác nhau, khiến các nhà lập trình cần tối ưu cho từng thiết bị và trình duyệt mặc dù cùng một mã nguồn JS được viết nhưng khi trên các trình duyệt khác nhau. Khi phát triển website có thể tạo sự không đồng nhất.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết về Javascript (JS)
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
