Javascript luôn đóng vai trò quan trọng trong việc xây dựng các trang web. Nếu bạn muốn trang web của mình trở nên hấp dẫn và thân thiện với người dùng, thì Javascript là công cụ không thể thiếu. Bằng việc tạo các hiệu ứng động, bạn có thể làm cho website của mình sống động hơn bao giờ hết.
Để giúp bạn có nguồn tài liệu học Javascript căn bản miễn phí, mình đã biên soạn hơn 50 bài học. Trong quá trình biên soạn, mình đã tham khảo nhiều nguồn tin cậy và đáng tin cậy nhất là trang W3C. Vì vậy, bạn có thể tin tưởng rằng đây là tài liệu chuẩn cho việc học Javascript của bạn.
Mỗi bài viết sẽ đi kèm với các bài tập và câu hỏi liên quan để bạn có thể thực hành và nắm vững kiến thức. Điều kiện để học Javascript tốt là bạn phải nắm vững CSS và HTML, bởi vì chúng là những yếu tố cơ bản để tạo nên giao diện của trang web. Hy vọng rằng series về Javascript căn bản này sẽ giúp bạn có cái nhìn tổng quan về ngôn ngữ này.
Mục tiêu của series học này là giúp bạn tự học Javascript một cách hiệu quả. Bên cạnh đó, nó cũng sẽ là tài liệu tham khảo quan trọng cho bạn trong quá trình học Javascript. Hiện tại, mình đang cố gắng bổ sung thêm các bài tập vào mỗi bài viết để bạn có thể thực hành.
Dưới đây là danh sách các chủ đề bạn sẽ được học trong series này:
Phần cơ bản
- Javascript là gì? Tìm hiểu về ngôn ngữ lập trình Javascript
- Các cách khai báo biến trong Javascript
- Hàm alert(), confirm() và prompt() trong Javascript
- Các toán tử trong Javascript
- Lệnh if-else trong Javascript (rẽ nhánh chương trình)
- Lệnh switch-case trong Javascript
- Hàm trong Javascript – cách tạo và gọi hàm trong JS
- Biến toàn cục và biến cục bộ trong Javascript
- Kiểm tra lỗi Javascript bằng Firebug (Inspect Element)
- Hàm console.log trong Javascript (xem giá trị của biến)
- Hàm setTimeout() và setInterval() trong Javascript – Vòng lặp
- Cách sử dụng vòng lặp for trong Javascript
- Vòng lặp while và do-while trong Javascript
- Lệnh break và continue trong Javascript – Điều khiển vòng lặp
Kiểu dữ liệu
- Xử lý chuỗi (string) trong Javascript
- Các hàm xử lý chuỗi trong Javascript (cắt, tách, nối chuỗi…)
- Khai báo và duyệt mảng trong Javascript
- Các hàm xử lý mảng hữu ích trong Javascript
- Cách tạo mảng hai chiều trong Javascript
- Đối tượng Number trong Javascript (cách tạo và sử dụng)
- Đối tượng Date trong Javascript – Định dạng ngày tháng
- Các hàm xử lý ngày tháng trong Javascript
- Cách sử dụng typeof trong Javascript để kiểm tra kiểu dữ liệu
Sự kiện
- Sự kiện (Event) trong Javascript
- Hiểu rõ về return TRUE/FALSE trong Javascript
- Sự kiện window.onload trong Javascript
- Hàm addEventListener() trong Javascript
- Phương thức removeEventListener() trong Javascript
- Bắt sự kiện click trong Javascript
- Sự kiện hover chuột trong Javascript
- Sự kiện rời chuột onmouseout trong Javascript
- Sự kiện nhấp đúp chuột ondbclick trong Javascript
- Sự kiện mousemove trong Javascript (di chuyển chuột)
- Sự kiện Submit Form trong Javascript
DOM
- DOM là gì? Các thao tác với DOM trong Javascript
- DOM Element trong Javascript
- DOM HTML trong Javascript – Lấy nội dung trong thẻ HTML
- DOM CSS: Thay đổi CSS bằng Javascript
- DOM Nodes trong Javascript
- Mẹo sử dụng thuộc tính HTML trong Javascript
BOM
- BOM là gì? BOM trong Javascript
- Cách sử dụng đối tượng window trong Javascript
- Điều hướng URL trong Javascript sử dụng đối tượng Location
- Quản lý lịch sử lướt web với Javascript sử dụng đối tượng History
- Cách sử dụng cookie trong Javascript
- Cách sử dụng đối tượng window.navigator trong Javascript
- Cách sử dụng đối tượng screen trong Javascript
Object
- Đối tượng (Object) trong Javascript
- Thao tác với đối tượng (Object) trong Javascript
- Object Prototype trong Javascript là gì?
Bổ sung
- Cơ chế hoạt động của hoisting trong Javascript
- Cách sử dụng use strict trong Javascript (strict mode)
- Biểu thức chính quy RegEx trong Javascript
- localStorage và sessionStorage trong Javascript
Thực hành
- Góp ý cho series Javascript căn bản
- Hàm String isspace() trong Python
Mong rằng với series học này, bạn sẽ có thể học Javascript một cách hiệu quả. Hãy cùng nhau bắt đầu hành trình học tập và khám phá thế giới của Javascript ngay từ bây giờ!