Hướng dẫn javascript online test - kiểm tra trực tuyến javascript

Đã đăng vào thg 9 20, 2021 12:57 SA 4 phút đọc 4 phút đọc

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 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 vào giữa thẻ

Để 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

• 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