Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?
Đăng Ký
EnglishFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified


    [Học JAVASCRIPT] Javascript cơ bản – Hành trình của một Anh Hùng

      Admin
      Quản Trị Web
      Admin

      Bài viết Bài viết : 102

      Số điểm Số điểm : 306

      Huy hiệu Huy hiệu : 7

      Tuổi Tuổi : 26

      Bài viết số : 1

       Fri Sep 18, 2015 12:26 pm

      Kiến thức cơ bản về HTML và CSS có thể giúp bạn tạo được website đơn giản. Nhưng nếu bạn mong muốn 1 website sinh động và phức tạp hơn, bạn cần Javascript. Javascript là ngôn ngữ lập trình đơn giản, nhưng cực kì mạnh mẽ và phổ biến cho lập trình web. Các ứng dụng thường thấy ở Javascript có thể kể đến như:

      Tương tác với HTML và thay đổi nội dung và định dạng trên website dễ dàng.
      Tương tác với các hành động của người dùng như nhấn chuột, gõ phím…
      Xử lý và kiểm tra các dữ liệu trên form trước khi gửi về server.
      Tạo và truy xuất thông tin lưu trong cookie trên máy người dùng.
      Đóng vai trò như 1 ngôn ngữ lập trình phía server (sử dụng các framework như Node.js).
      Có nhiều phương pháp để học Javascript, và tốt nhất là để người học được tự tay mày mò trong suốt quá trình tìm hiểu. Bài viết hôm nay sẽ áp dụng phương pháp đó, và tiếp cận nó theo một cách mới để mong bạn đọc dễ làm quen và hình dung hơn: gamification – trò chơi hóa nội dung bài học.

      Hãy tưởng tượng bạn là nhân vật chính trong một game nhập vai, khởi đầu từ con số 0 tròn trĩnh để đấu tranh trở thành Anh Hùng trong cõi Javascript. Không gì hứa hẹn một hành trình bằng phẳng cả, nhưng đừng ngại ngần khi định mệnh đã gọi tên!

      INTRO CHAPTER!
      Hãy tạo nên huyền thoại của riêng bạn về 1 Anh Hùng Javascript!

      [Học JAVASCRIPT] Javascript cơ bản – Hành trình của một Anh Hùng JS-can-ban-SuperHero

      Javascript có thể được sử dụng dễ dàng với thẻ HTML script: chỉ cần đưa các câu lệnh Javascript vào trong cặp thẻ hoặc nhúng 1 file Javascript bên ngoài.

      Code:
      <html>
      <body>
      <script type="text/javascript">
      // Gõ code ở đây
      </script>
      </body>
      </html>

      Code:
      <html>
      <body>
      <script type="text/javascript" src="đường-dẫn-đến-file-javascript.js"></script>
      </body>
      </html>

      Tuy nhiên, trong hành trình Javascript cơ bản này, bạn không cần phải chèn code hay file Javascript vào 1 file html và chạy file này. Bạn sẽ gõ code trực tiếp trên trình duyệt bằng công cụ Console. Để mở Console, hãy bấm F12 và chọn tab Console ở khung công cụ lập trình được hiển thị, hoặc sử dụng phím tắt nhanh Ctrl+Shift+J (Chrome/Firefox).
      [Học JAVASCRIPT] Javascript cơ bản – Hành trình của một Anh Hùng Javascript-can-ban-Console

      Trường hợp nếu bạn không muốn sử dụng Console để thực hành mà muốn viết lên web thì hãy sử dụng các phương thức xuất dữ liệu ra trang tên là document.write(). Ví dụ:

      Code:
      document.write("Tôi tên là Phúc!"); // Hiển thị chữ Tôi tên là Phúc ở website
      var name = "Phúc";
      document.write(name); // Hiển thị chữ Phúc ở website.

      Xong chưa nào? Hãy sẵn sàng chinh phục những thử thách để viết nên câu chuyện về Anh Hùng Javascript của riêng bạn!
      Bài trước | Bài sau