+1

Tester học Javascript cơ bản (Phần 1)

🔆 Hello mọi người, hôm nay mình sẽ viết về 1 đề tài không còn mới mẻ nhưng là kiến thức lần đầu mình tìm hiểu đến - đó chính là tìm hiểu về Javascript

Về ngôn ngữ javascript đối với 1 tester thì không có giá trị lắm, tuy nhiên nếu bạn đã từng học và làm về mảng automation test thì biết javascript có 1 lợi thế vô cùng lớn, việc code sẽ nhanh gọn và thuận tiện hơn rất nhiều, thêm vào đó là việc bạn chạy theo kịp công nghệ cũng được đánh giá cao về tinh thần học hỏi và thăng tiến trong công việc 🍃

Bài viết này mình viết là để tự học chứ chưa có bất kỳ kinh nghiệm nào về javascript, sau khi hiểu được nó thì mình sẽ viết 1 hoặc 1 số bài để áp dụng nó vào việc automation test. Nếu bạn có bất kỳ góp ý nào cho mình thì hãy comment ở phần bình luận phía dưới để mình cải thiện hơn nhé ! 😄

1. Javascript là gì

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`

2. Công cụ & môi trường

  • Trình duyệt Chrome
  • Visual studio code

Bạn lựa chọn bản cài theo hệ điều hành của máy tương ứng trên trang chủ của visual studio code: https://code.visualstudio.com/download

Sau đó cài đặt bình thường

Sau khi cài đặt thành công - mở Visual studio code lên và bắt đầu cài extention Live server

  • Add extention Live server Sau khi cài đặt thành công thì tắt và khởi động lại visual studio code

3. Sử dụng javascript trong HTML

Đầu tiên bạn mở Visual studio code lên và add 1 folder mới, ở đây mình đặt tên là "Javascript_1"

Bầy giờ bạn cần tạo 2 file nằm trong folder vừa tạo đó là: 1 file đuôi html và 1 file đuôi js (thường sẽ đặt là index.html và main.js)

Đây là 2 file mà chúng ta sẽ sử dụng trọng suốt quá trình học tập về javascript cơ bản này 🤑

Trong file html sẽ là nơi chứa code ui, bố cục trình bày giao diện. Trong visual studio code đã hỗ trợ gợi ý khi gõ code nên trong file index bạn chỉ cần gõ html:5 và ENTER thì ứng dụng đã gen ra 1 đoạn template có sẵn

Để file main.js có thể chạy được trong file html vừa tạo ở trên thì ra chèn đoạn code <script src="./main.js"></script> vào giữa thẻ <body>

Để test thử xem file main.js đã nhúng thành công trong file html hay chưa thì ở file main.js ta thêm đoạn code alert('hello javascript') để thử nha

Muốn chạy file html ta click vào biểu tượng Go Live ở góc dưới bên phải màn hình

Dưới đây là demo của mình

4. Khai báo biến

Để khai báo biến ta dùng từ khóa: var (là viết tắt của từ variable)

Lưu ý biến có phân biệt ký tự hoa thường, chữ, số. Tuy nhiên ký tự bắt đầu phải là chữ

ví dụ:

var companyName = 'Sun Assterisk Viet Nam';
 
alert(companyName);

5. Comment trong javascript

  • Mục đích sử dụng để ghi chú hoặc vô hiệu hóa code, sử dụng ký tự // để comment trên 1 dòng Có 2 loại comment là comment 1 dòng và comment nhiều dòng:
    • sử dụng ký tự // comment: để comment trên 1 dòng
    • sử dụng ký tự /* comment */: để comment trên nhiều dòng

6. Một số hàm built-in

Là các hàm được xây dựng sẵn trong javascript, trên thực tế các hàm được xây dựng sẵn sẽ rất nhiều, tuy nhiên ở đây mình giới thiệu các hàm cơ bản hay dùng nha:

  • Alert ví dụ: alert('hello Sun');

  • Console: Hàm console có các phương thức mà nó dùng để in ra những dòng thông báo bên tab Console

    ví dụ: console.log(companyName);

  • Confirm: Là 1 dialog xác nhận - mặc định có 2 button OK và Cancel

  • Prompt: Là dialog có thêm textbox, dùng trong các trường hợp yêu cầu nhập authenticate, mã code...

    Trên đây là bài viết về javascript cơ bản (Phần 1). Cảm ơn bạn đã đọc và đón chờ nhiều điều ở phần 2 nhé 😍


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí