Ngu ngơ học làm web (16) - Tổng quan về JavaScript

tiếp theo của: Ngu ngơ học làm web (15) - Kiểm tra kiến thức về HTML và CSS
---------

Phần 16.       Tổng quan về JavaScript

Qua các phần trên, đã nắm được cơ bản về HTML và CSS. Cụ thể: đã biết cách sử dụng các thẻ của HTML để hiển thị dữ liệu lên trình duyệt; đã biết dùng CSS để bố trí, định dạng, trang trí cho dữ liệu; biết được trình duyệt là một “phần mềm”, nó sẽ đọc mã HTML&CSS theo thứ tự từ trên xuống dưới, từ trái qua phải, rồi hiển thị nội dung theo như mong muốn của người lập trình. Trình duyệt gồm nhiều thành phần khác nhau, mỗi thành phần phụ trách một công việc riêng.

Tuy nhiên, kết quả mới chỉ dừng lại ở việc hiển thị, nghĩa là mình nhập cái gì vào tập tin mã nguồn thì trình duyệt hiển thị ra cái đó. Giờ sẽ học thêm ngôn ngữ JavaScript để nhờ trình duyệt xử lý các công việc phức tạp hơn. Cũng có thể nói: HTML&CSS đã tạo ra nội dung tĩnh, giờ sẽ sử dụng JavaScript để làm cho trang web “động” hơn.

Xem clip: https://www.youtube.com/watch?v=0SJE9dYdpps&list=PL_-VfJajZj0VgpFpEVFzS5Z-lkXtBe-x5

Hoặc clip: https://www.youtube.com/watch?v=LvzcB9R8oUM

JavaScript được sử dụng để làm gì?

– Xử lý các phần tử HTML, ví dụ: thêm, xóa, định dạng lại các thẻ, thuộc tính, giá trị

– Kiểm tra sự hợp lệ của dữ liệu

– Gửi thông tin đến server bằng AJAX

– Lưu trữ thông tin ở client-side

– Xác định thông tin về trình duyệt

– Quản lý và thực thi những hành vi người dùng phức tạp ở giao diện người dùng (UI)

– Tương tác với API ở client: DOM, local storage

– Các thư viện và framework của JavaScript, ví dụ: jQuery, React, Angular, Vue

– Thực hiện các xử lý tại server (back-end), ví dụ: Nodejs

– Viết các ứng dụng cho thiết bị di động, ví dụ React Native

Trong khi HTML&CSS là ngôn ngữ trình bày và ngôn ngữ định dạng, thì JavaScript là một ngôn ngữ lập trình, là một ngôn ngữ xử lý.

Vì là một ngôn ngữ lập trình, nên để học JavaScript, trước hết, cần học về cách thực thi, xuất kết quả, ghi chú, đặt tên biến, các kiểu dữ liệu, các toán tử, các lệnh điều khiển, lệnh lặp, tìm & sửa lỗi, định nghĩa hàm, thực thi hàm và các đặc trưng riêng của JavaScript. Sau đó, sẽ học cách ứng dụng JavaScript vào lĩnh vực làm web.

Tài liệu tham khảo về JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

-----------
Cập nhật [7/10/2022]
-----------