Javascript là gì? Tìm hiểu ngôn ngữ lập trình javascript

Trong bài này tất cả chúng ta sẽ tìm hiểu và khám phá khái niệm Javascript là gì, và những công nghệ tiên tiến / Javascript Framework phổ cập nhất lúc bấy giờ .

test php

banquyen png

Bài viết này được đăng tại

freetuts.net

, không được copy dưới mọi hình thức.

Có thể nói trong những năm gần đây thì ngôn từ Javascript đã trở nên rất thông dụng. Có rất nhiều framework sinh ra được viết bằng ngôn từ lập trình Javascript, từ frontend cho tới backend thì ở đâu cũng xuất hiện nó .
Vì một số ít bạn không hiểu rõ về Javascript nên trong bài này mình sẽ tóm tắt khái niệm một cách tông quát nhất, qua đó sẽ giúp bạn hiểu tác dụng thực sự của Javascript .

1. Javascript là gì?

javascript la gi jpg

Javascript là một ngôn từ lập trình ngữ cảnh dựa vào đối tượng người dùng tăng trưởng có sẵn hoặc tự định nghĩa. Javascript được sử dụng thoáng rộng trong những ứng dụng Website. Javascript được tương hỗ phần đông trên tổng thể những trình duyệt như Firefox, Chrome, … trên máy tính lẫn điện thoại cảm ứng .
Nhiệm vụ của Javascript là giải quyết và xử lý những đối tượng người tiêu dùng HTML trên trình duyệt. Nó hoàn toàn có thể can thiệp với những hành vi như thêm / xóa / sửa những thuộc tính CSS và những thẻ HTML một cách thuận tiện. Hay nói cách khác, Javascript là một ngôn từ lập trình trên trình duyệt ở phía client. Tuy nhiên, lúc bấy giờ với sự Open của NodeJS đã giúp cho Javascript hoàn toàn có thể thao tác ở backend .

Bạn thử truy cập vào một số website trên internet thì sẽ thấy có những hiệu ứng slide, menu xổ xuống, các hình ảnh chạy qua chạy lại rất đẹp. tất cả các chức năng này đều được xử lý bằng Javascript đấy các bạn ạ.

Trong những năm gần đây, sự xuất hiện của các framework như NodeJS (chuyên code backend), ExpressJS (NodeJS framework), và nhiều thư viện frontend khác như Angular, jQuery, RactJS ra đời, giúp tạo ra một cơn sốt với từ khóa Javascript Fullstack.

js là gì?

JS là một từ viết tắt của JavaScript, vì vây khi một ai đó nhắc tới JS thì bạn phải hiểu rằng đó là Javascript nhé.

2. Javascript Framework là gì?

Javascript Framework là một bộ thư viện được kiến thiết xây dựng dựa vào ngôn từ lập trình Javascript. Mỗi framework thường được tạo ra để Giao hàng cho một nghành nghề dịch vụ nào đó. Ví dụ với Angular và React thì chuyên giải quyết và xử lý frontend, NodeJS thì chuyên giải quyết và xử lý backend, jQuery là một thư viện rất mạnh khi giải quyết và xử lý DOM HTML và CSS .

Xem thêm: [Framework là gì]?

Sức mạnh của Javascript là không hề chối cãi, vật chứng là lúc bấy giờ có rất nhiều libraries và framework được viết bằng Javascript sinh ra như :

  • Angular: Một thư viện dùng để xây dựng ứng dụng Single Page.
  • NodeJS: Một thư viện được phát triển phía Server dùng để xây dựng ứng dụng realtime.
  • Sencha Touch: Một Framework dùng để xây dựng ứng dụng Mobile.
  • ExtJS: Một Framework dùng xây dựng ứng dụng quản lý (Web Applications).
  • jQuery: Một thư viện rất mạnh về hiểu ứng.
  • ReactJS: Một thư viện viết ứng dụng mobie.
  • Và còn nhiều thư viện khác.

Còn rất rất nhiều nhưng mình chỉ liệt kê bấy nhieu thôi nhé devil

3. Ưu điểm và nhược điểm của Javascript

Tuy là một ngôn từ lập trình rất nổi tiếng, nhưng bản thân Javascript không hề tuyệt đối được. Sau đây hãy cùng freetuts điểm qua một số ít ưu điểm và điểm yếu kém của nó nhé .

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

  • Javascript giúp thao tác với người dùng ở phía client và tách biệt giữa các client. Ví dụ 2 người đang truy cập vào 2 trình duyệt khác nhau thì cả hai đều có những phiên xử lý Javascript khác nhau, không ảnh hưởng lẫn nhau.
  • Javascript có thể hoạt động trên nhiều nền tảng khác nhau, từ Windows, macOS cho đến các hệ điều hành trên mobile.
  • Javascript là một ngôn ngữ dễ tiếp cận, bạn sẽ dễ dàng học nó mà không cần phải cài đặt quá nhiều phần mềm.

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

Vì là một ngôn từ rất thuận tiện bị soi code nên dễ bị khai thác. Hacker hoàn toàn có thể nhập một đoạn code bất kể vào khung console của trình duyệt, lúc này trình duyệt sẽ hiểu rằng đoạn code đó là chính thống, nên hacker hoàn toàn có thể gửi nhửng request lên server một cách thuận tiện .
Có thể bạn đã thấy những tool về Facebook trên mạng, hoặc những đoạn code làm biến hóa tính năng và giao diện của Facebook, chúng được viết từ Javascript đấy những bạn ạ .

4. Cách viết chương trình javascript đầu tiên

Bước tiên phong để học Javascript là bạn phải chuẩn bị sẵn sàng một ứng dụng để viết mã Javascript, mình thì thích dùng Netbeans nhưng nếu bạn là người mới thì nên sử dụng Notepad + + vì nó rất nhẹ và dễ setup .

Qua khái niệm javascript là gì? thì bạn thấy tất cả các trình duyệt đều hỗ trợ nên ta không cần phải download thư viện gì cả mà thông qua những đoạn mã script giúp trình duyệt nhận diện được đó là Javascript.

Cặp thẻ mở và thẻ đóng

Tất cả những đoạn mã Javascript đều phải đặt trong cặp thẻ mở , ví dụ:

Cặp thẻ script

Đặt thẻ script ở đâu?

Chúng ta có ba cách đặt thường được sử dụng sau đây :

Cách 1: Internal - viết trong file html hiện tại

Thông thường chúng ta sẽ viết những đoạn mã javascript trên phần head, tuy nhiên đó không phải là điều kiện bắt buộc, nghĩa là bạn có thể đặt ở đâu tùy thích miễn là những đoạn mã đó phải được bao lại bằng thẻ script.

Ví dụ đặt trong thẻ head


    
        
        
    
    
        
    

Ví dụ đặt trong thẻ body toàn thân


    
        
    
    
        
    

Cách 2: External - viết ra một file js khác rồi import vào

Bạn có thể viết những đoạn mã javascript ở một file có phần mở rộng là .js, sau đó dùng thẻ script để import vào (giống CSS vậy). Ví dụ file JS của mình có tên là demo.js thì lúc này mình import vào như sau:

Code import JS

Lúc này bên trong file demo.js bạn không đặt thẻ scirpt nữa nhé vì nó là file có phần đuôi là .js rồi nên trình duyệt tự nhận diện đây là file chứa mã Javascript.

Cách 3: Inline - viết trực tiếp trong thẻ HTML

Inline nghĩa là bạn sẽ viết những đoạn mã Javascript trực tiếp trong thẻ HTML luôn. Như ví dụ dưới đây là mình đang viết dạng inline vì đoạn mã alert(1) được đặt trong sự kiện onclick của thẻ button.

Code bên trong sự kiện click

Viết chương trình Hello World!

Trước khi thực hành thực tế thì bạn phải chắc như đinh là bạn đã thiết lập Notepad + + để viết mã Javascript nhé, hoặc bạn hoàn toàn có thể sử dụng một ứng dụng code bất kỳ .

Bước 1: Bây giờ chúng ta thực hành nhé, bạn hãy tạo một file index.html và lưu tại bất kì vị trí nào, desktop hay ổ D, ổ C gì đó thì tùy bạn, miễn là phần mở rộng là .html, sau đó mở file đó bằng Notepad++ rồi gõ nội dung sau vào:

Mã HTML


    
        
    
    
        
    

Chạy lên bằng Firefox hoặc Chrome bạn thấy xuất hiện một button. Bây giờ ta sẽ viết ứng dụng khi click vào button đó thì sẽ xuất hiện một thông báo "Hello World" nhé. Có lưu ý là button đó mình có đặt id=clickme nha.

Bước 2: Viết mã Javascript khi click vào button có id="clickme" thì thông báo lên màn hình.

Toàn bộ chương trình
RUN


    
        
    
    
        
        
    

Lưu ý là bạn phải đặt đoạn mã javascript bên dưới button như trong demo nhé, nếu bạn đặt ở trên là sẽ bị lỗi đấy, nguyên do tại sao thì trong những bài tiếp theo mình sẽ lý giải kỹ hơn .

Vậy là xong rồi đấy cheeky bây giờ thì bạn biết javascript là gì? rồi phải không nào.

5. Các câu hỏi thường gặp khi học Javascript

Bây giờ mình sẽ tổng hợp một số ít câu hỏi thường gặp trong quy trình học Javascript nhé .

Thẻ script là gì?

Thẻ script dùng để khai báo cho trình duyệt biết nội dung bên trong sẽ là một đoạn mã Javascript .

Type = text/javascript là gì?

Khi bạn khai báo thẻ script thì sẽ có thuộc tính type="text/javascript". Đây là tham số dùng để khai báo media type cho dữ liệu nằm bên trong của thẻ script. Mặc định nếu bạn không khai báo thì nó sẽ hiểu là text/javascript.

Javascript có làm được backend không?

Theo triết lý thì Javascript là ngôn từ client nên không thể thao tác trên phía server. Tuy nhiên, khi server của bạn có setup NodeJS thì ở server trọn vẹn hoàn toàn có thể dùng ngôn từ Javascript để code, bởi NodeJS sử dụng Javascript .

Có nên học Javascript không?

Nếu bạn đi theo lĩnh vực lập trình web, app mobile thì nên học thêm Javascript đi nhé. Mình đảm bảo bạn sẽ luôn có việc làm và lương cũng không tồi. Đương nhiên không phải chỉ rành Javascript thôi, mà bạn phải học thêm những FW JS khác.

Lời kết: Như vậy là mình đã giới thiệu xong khái niệm Javascript là gì, cũng như những vấn đề liên quan đến Javascript. Bạn phải nhớ rằng sức mạnh của Javascript trong những năm gần đây là rất khủng khiếp, nên học master javascript thì bạn sẽ luôn có chỗ đứng trong lĩnh vực lập trình này.