giới thiệu html5, css3, jquery, boostrap

 Sử dụng jQuery giúp giải quyết tốt vấn đề xung đột giữa các trình duyệt web..  Học jQuery rất đơn giản, nếu nắm vững CSS, bạn có thể tiếp cận và sử dụng jQuery nhanh chóng..  Tươn

6 Giới thiệu Bootstrap

7 Tài liệu tham khảo và Demo

1 Tổng quan HTML5

6

3

HTML4 HTML5

HTML3

1 Tổng quan HTML5

 <video> và <audio>:

◦Cho phép nhúng video và file âm thanh vào trang web.

◦Không cần sử dụng tới plug-in của trình duyệt.

8

◦ SVG(Scalable Vector Graphics) chuẩn đồ hoạ vector có khả năng mở rộng.

◦ Vẽ ảnh vector bằng HTML.

2 Thành phần mới

6

9

10

3 Tổng quan về CSS3

6

11

• CSS là từ viết tắt của Cascading Style Sheets

• CSS định nghĩa cách hiển thị một tài liệu HTML

• CSS đặc biệt hữu ích trong việc thiết kế Web

14

5 Giới thiệu JQuery

Tại sao sử dụng jquery ?

 jQuery đơn giản hóa cách viết Javascript và tăng tốc độ xử lý các sự kiện trên trang web, giúp tiết kiệm thời gian và công sức so với cách viết javascript thông thường

 Sử dụng jQuery giúp giải quyết tốt vấn đề xung đột giữa các trình duyệt web.

 Học jQuery rất đơn giản, nếu nắm vững CSS, bạn có thể tiếp cận và sử dụng jQuery nhanh chóng.

5 Giới thiệu JQuery

Download jQuery

 Truy cập vào  http://jquery.com  để Download phiên bản mới nhất Copy code và lưu lại với file: js

Jquery làm được những gì ?

 Tương tác với người dùng: jQuery cho nhiều phương thức để tương tác với người dùng và

tối giản các mã Event trong code HTML  

 Tạo hiệu ứng động: jQuery cho phép sử dụng rất nhiều hiệu ứng động như mờ dần,  

slideUp, slideDown…

 Hỗ trợ Ajax   : Là công nghệ ngày càng trở nên phổ biến, tương tác tốt và nhiều tính năng.

5 Giới thiệu JQuery

Các thuộc tính trong lập trình jQuery

 addClass() : thêm vào thuộc tính class cho tag html

 removeClass() :loại trừ thuộc tính class trong tag html

 attr() : nhận giá trị phần tử đầu tiên trong tập hợp các thuộc tính của tag htm

 removeAttr() :loại trừ giá trị phần tử đầu tiên trong tập hợp các thuộc tính của tag html

 html() :trả về nội dung dạng html

 text() :trả về nội dung dạng text

 val() :nhận lấy giá trị hiện tại của tag html

Các hiệu ứng trong jquery

 animate() :thực hiện một tùy biến chuyển động của tập hợp các thuộc tính CSS

 fadeTo() :điều chỉnh độ mờ của các phần tử trong html

 show() :hiện các phần tử html theo thời gian

 stop() :kết thúc các hiệu ứng chuyển động

5 Giới thiệu JQuery

22

6 Giới thiệu Bootstrap

• Bootstrap là framework HTML, CSS, Javascript phổ biến nhất cho những người phát triển  responsive hay phát triển website

• Bootstrap được sử dụng phổ biến nhất đề phát triển front-end website Đây là 1 framework dễ học, dễ sử dụng, mềm mượt nhanh chóng và dễ dàng để xây dựng giao diện website, có hỗ trợ responsive

6 Giới thiệu Bootstrap

Cách Sử Dụng:

Có 2 cách :

• Download Bootstrap từ getbootstrap.com

• Gọi nó từ CDN( Content Delivery Network).

http://hocwebchuan.com/reference/cssSection/css3/ http://www.w3schools.com/html/

http://www.w3schools.com/js/

http://www.w3schools.com/jquery/

http://getbootstrap.com.vn/getting-started/