Series bài viết về Javascript, tổng hợp các kiến thức từ đơn giản đến nâng cao với các khái niệm, đi kèm ví dụ,…Từ đó hỗ trợ các bạn sinh viên xây dựng nền tảng thông tin, cũng như sẽ cảm thấy hứng thú hơn, bắt đầu dễ dàng hơn với ngôn ngữ thú vị này. Bạn đang xem: Học nhanh javascript bằng hình ảnh
Khái niệm chung:
Javascript là ngôn ngữ lập trình phổ biến nhất trên thế giới trong suốt 20 năm qua. Nó cũng là một trong 3 ngôn ngữ chính của websiteHTML: Giúp ta thêm nội dung cho website.CSS: Định dạng thiết kế, bố cục, phong cách, căn lề,… của website.Javascript: Cải thiện cách hoạt động của website.Javascript có thể học nhanh và dễ dàng áp dụng cho nhiều mục đích khác nhau, từ việc cải thiện tính năng của website cho đến chạy game và tạo phần mềm trên website.Mục tiêu của tutorial này chính là giúp bạn “vượt qua” giai đoạn bắt đầu học javascript, nắm được các thông tin cơ bản, làm nền tảng cho kiến thức cao hơn:Javascript là gì? Tại sao nó lại được dùng nhiều như vậy?Nhúng javascript vào website của bạnbiến trong javascriptToán tử trong javascriptCâu lệnh rẽ nhánh, câu lệnh điều kiệnHàm và tạo hàm trong javascriptBiến toàn cục và biến cục bộ trong javascriptSử dụng firebug để kiểm tra lỗi javascriptVòng lặp trong javascriptEvents trong javascriptDOM trong javascriptData TypesObject…1. Javascript là gì?
JavaScript là ngôn ngữ lập trình thường được dùng chung với HTML để tạo ra các tương tác động cho trang web.Trong khi HTML được sử dụng để tạo nội dung và CSS được dùng để trang trí website thì JavaScript được sử dụng để tạo ra các tương tác cho website.Ban đầu ngôn ngữ JavaScript được viết ra với mục đích dùng để phục vụ việc tạo các tương tác cho website. Tuy nhiên tới thời điểm hiện tại thì JavaScript đã được phổ biến rộng rãi trong việc tạo các ứng dụng phức tạp như game hay các ứng dụng chạy trên máy chủ.2. Tại sao nó lại được dùng nhiều như vậy?
Giảm gánh nặng cho server: Ví dụ bạn có thể xác nhận đầu vào (input) người sử dụng trước khi gửi trang tới Server, từ đó giúp trang tải nhanh hơn do không cần request ngay từ đầu.Phản hồi ngay lập tức cho user: Giả sử có quên nhập một thông tin nào đó trên form đăng ký popup, khách hàng cũng không cần cả website load lại từ đầu để điền thêm nếu form popup này được lập trình bởi JavaScript.Tăng tương tác với user: JavaScript cho phép khách hàng có thể tương tác ngay với website bằng cách click chuột hay thông qua bàn phím( đổi màu text hay hình động…)Website sinh động hơn với kho giao diện phong phú: Nếu chỉ sử dụng HTML, bạn chỉ có thể tạo ra các giao diện tĩnh, không có DnD (Drag và Drop), Slider hay một Rich Interface (giao diện giày tính năng).Xem thêm: get string len php
3. Nhúng javascript vào website?
Nhúng kiểu internalNhúng kiểu inlineNhúng kiểu external**Nên dùng cách số 3 (external), giúp chúng qua quản lý mã code javascript tốt hơn và gọn gàng hơn,…
Cách 1: Kiểu internal:
Có thể hiểu là chúng ta chèn code javascript vào cùng một cụm nào đó trong file HTML. Thông thường thì chúng ta hay nhóm ns vào cặp thẻ và .
Nhúng trong thẻ :
Kết thúc phần 1. Mong rằng bạn đã có được những kiến thức hữu ích và hiểu rõ hơn về Javascript. Hãy đón chờ những thông tin tiếp theo vềngôn ngữ thú vị này ở những sau nhé.
