Lập trình web và ứng dụng

Bài 3:HTML5

Images:

- Đường dẫn hình ảnh phải là đường dẫn tương đối (người dùng có thể truy cập)

Table:

Graphics:

- <canvas>

Trong HTML5 thẻ canvas cho phép nội dung trong thẻ này có thể vẽ, chuyển động, …

Form element:

- Tạo vùng dữ liệu để người dùng nhập thông tin

<input type=”text/number/email/range/submit/reset/url/datetime/radio/checkbox/…”>

- Thuộc tính bắt buốc phải có: name

Ví dụ: <input type=”number” name=”tuoi”>

- Thẻ <form>: Ví dụ tạo nút lưu và khi bấm sẽ gửi thông tin đã nhập về server (dùng thẻ submit
bên trong thể form)
- Tìm hiểu thêm các thẻ <select>, <textarea>, <button>, <fieldset>, <legend>, …

Tìm hiểu:

- figma để thiết kế
- các thẻ khác: rowspan, colspan, reset, value, …
- làm 1 form có họ tên, ngày sinh, giới tính, ngành có các ô điền thông tin ở bên phải text

Bài 5: JavaScript (Jquery)

JavaScript là một ngôn ngữ lập trình thông dịch với khả năng hướng đến đối tượng. Là
một trong 3 ngôn ngữ chính trong lập trình web và có mối liên hệ lẫn nhau để xây dựng một
website sống động, chuyên nghiệp, bạn có thể nhìn tổng quan như sau:

 HTML: Cung cấp cấu trúc cơ bản, hỗ trợ trong việc xây dựng layout, thêm nội dung dễ
dàng trên website.
 CSS: Được sử dụng để kiểm soát và hỗ trợ việc định dạng thiết kế, bố cục, style, màu
sắc,…
 JavaScript: Tạo nên những nội dung “động” trên website.ư
1. Vanila JS
- Ngôn ngữ chạy trên trình duyệt
- Có thể có nhiều support trên nhiều trình duyệt khác
- Xem chạy được trên trình duyệt nào
- Không có kiểu dữ liệu
- Phân biệt chữ hoa và chữ thường

- 2 đối tượng:
+ document : có sẵn không cần khai báo
+ window
- Không cần khai báo biến, chỉ có một vài kiểu gần ghi như:
+ let i=10
+ var a=”abc”
+ const k=5
+ không cần chấm phẩy khi chỉ dùng một lệnh trên dòng (a = i+1; b=i+2 hoặc a= i+3)
- Hàm prompt xuất ra chuỗi và muốn chuyển nó thành số thì dùng hàm
- a = “10”; b = 10
a==b : true ( chỉ só sánh về giá trị )
a!=b : false
a===b: false ( só sánh cả giá trị và kiểu dữ liệu )
a!==b: true
2. jQuery: Một thư viện trong JS
3. JS with jQuery
4. DOM: Document Object Model
5. Drawing on HTML5 Canvas
6. AJAX
7. Extra Challenges
8. JS Quirks

BTVN: vẽ bàn cờ , gắn ajax hiển thị lời chào không viết theo dom mà dùng ajaxs