intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE

LẬP TRÌNH WEB - JavaScript cơ bản

Chia sẻ: Kun | Ngày: | Loại File: PDF | Số trang:51

219
lượt xem
66
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Đánh giá đồ án môn học và tính điểm cho mỗi thành viên trong nhóm sẽ theo qui tắc sau: Điểm đồ án không phải là điểm của mỗi thành viên nhóm Điểm cá nhân căn cứ trên % công việc làm trong nhóm Vd: Điểm đồ án của nhóm 1: là 8 điểm Nhóm 1 có 3 thành viên ( A, B, C) Nếu mỗi thành viên đều đóng góp công sức bằng nhau (33.33%) thì điểm mỗi thành viên là 8. Ngược lại: (tính theo qui tắc sau) • A làm 40% Điểm của A = (40%*8)/33 33% = 9 6 T KẾ VÀ...

Chủ đề:
Lưu

Nội dung Text: LẬP TRÌNH WEB - JavaScript cơ bản

  1. 2/16/2011 ĐẠI HỌC SÀI GÒN – KHOA CNTT LẬP TRÌNH WEB TRÌNH WEB THIẾT KẾ VÀ LẬP TRÌNH WEB JavaScript cơ bản GV: Trần Đình Nghĩa tdnghia1977@gmail.com 1 1
  2. 2/16/2011 Nội dung thiết kế web  HTML  Form  CSS  Hosting THIẾT KẾ VÀ LẬP TRÌNH WEB  Publish website 2 2
  3. 2/16/2011 Nội dung  DHTML  Ngôn ngữ client-script ng client THIẾT KẾ VÀ LẬP TRÌNH WEB  JavaScript cơ bản  Thực hành JavaScript hành JavaScript 3 3
  4. 2/16/2011 Đánh giá 1. Điểm chuyên cần 0.1 2. Điểm thực hành 0.4 3. Điểm thi cuối kỳ 0.5 Điểm HP = [1]*0.1 + [2]*0.4 + [3]*0.5 THIẾT KẾ VÀ LẬP TRÌNH WEB Bài thực hành: Đồ án làm theo nhóm • Bài thi cuối kỳ: Bài thi viết • 4 4
  5. 2/16/2011 Đồ án website  Sinh viên tự chọn nhóm làm việc: 1 nhóm 3- 4sv.  Mỗi nhóm sẽ chọn 1 đăng ký đề tài cụ thể cho đồ án.  Các đề tài sẽ có một danh sách yêu cầu cụ thể. THIẾT KẾ VÀ LẬP TRÌNH WEB  Giảng viên sẽ đưa ra các tiêu chí chấm đề tài.  Thời gian và cách thức nộp hay chấm đề tài giảng viên sẽ thông báo cụ thể. 5 5
  6. 2/16/2011 Đồ án website Đánh giá đồ án môn học và tính điểm cho mỗi thành viên  trong nhóm sẽ theo qui tắc sau: Điểm đồ án không phải là điểm của mỗi thành viên nhóm  Điểm cá nhân căn cứ trên % công việc làm trong nhóm  Vd: Điểm đồ án của nhóm 1: là 8 điểm  Nhóm 1 có 3 thành viên ( A, B, C)  Nếu mỗi thành viên đều đóng góp công sức bằng nhau  THIẾT KẾ VÀ LẬP TRÌNH WEB (33.33%) thì điểm mỗi thành viên là 8. Ngược lại: (tính theo qui tắc sau)  • A làm 40%  Điểm của A = (40%*8)/33.33% = 9.6 • B làm 30%  Điểm của B = (30%*8)/33.33% = 7.2 • C làm 30%  Điểm của C = (30%*8)/33.33% = 7.2  Tất cả các điểm trên 10 sẽ được làm tròn thành 10 6 6
  7. 2/16/2011 Tài liệu tham khảo http://www.w3schools.com/ và http://www.w3.org/ Lisa Lopuck, Web Design For Dummies (2nd Edition), Wiley Publishing, 2006 Craig Grannell, The Essential Guide to CSS and THIẾT KẾ VÀ LẬP TRÌNH WEB HTML Web Design, Friends of ED, 2007 Dave Thau, T he book o of JavaScript (2nd edition), No Starch Press, 2007 Google, google, google ….. 7 7
  8. 2/16/2011 Liên hệ  Giảng viên: Trần Đình Nghĩa  Phòng KT & KĐCLGD – ĐHSG  Email: tdnghia1977@gmail.com  Groups: THIẾT KẾ VÀ LẬP TRÌNH WEB http://groups.google.com/group/tkltweb 8 8
  9. 2/16/2011 Script language & DHTML THIẾT KẾ VÀ LẬP TRÌNH WEB 9 9
  10. 2/16/2011 Script language  Script : Ngôn ngữ lập trình thông dịch giúp website tương tác với người dùng  Client-side-script (JavaScript, VBScript, …)  Được tải về máy client và thực thi bằng web browser  Thiên về xử lý giao diện THIẾT KẾ VÀ LẬP TRÌNH WEB  Server-side-script (Php, jsp, asp, aspx,…)  Được thực thi ở web server và trả kết quả về client  Thiên về xử lý truy cập hệ thống file trên server, kết nối với CSDL trên server. 10 10
  11. 2/16/2011 Script language  Khi Browser gởi yêu cầu truy cập 1 trang web trên web server có chứa script server-side và client-side (HTML, client-side script, css, …)  Khi nhận được 1 yêu cầu, web server (runtime-engine) sẽ thực hiện các lệnh server THIẾT KẾ VÀ LẬP TRÌNH WEB script và gởi đến browser các trang web DHTML (chứa HTML, javascript, …) 11 11
  12. 2/16/2011 DHTML  DHTML = Dynamic HyperText Markup Language  DHTML = HTML + CSS + ClientScript + HTML DOM  Tích hợp các tính năng của các trình duyệt THIẾT KẾ VÀ LẬP TRÌNH WEB thế hệ thứ 4 (IEv6, Firefox 2.0, Opera 7.0, Netscape 4, …) 12 12
  13. 2/16/2011 JavaScript Là ngôn ngữ dạng thông dịch  Ngôn ngữ script phổ biến trên Internet sc  Giúp trang web có tính tương tác  Khả năng của javascript: javascript:   Cho phép đặt dữ liệu động vào trang HTML  Tương tác với các sự kiện của HTML THIẾT KẾ VÀ LẬP TRÌNH WEB  Thay đổi nội dung của các đối tượng HTML  Kết hợp với HTML DOM để tương tác với người dùng (menu động, các nút đồ hoạ, …)  Kiểm tra dữ liệu nhập từ phía client (Form tra li nh phía client (Form Validation) 13 13
  14. 2/16/2011 Nhúng Javascript vào trang web some statements some statements THIẾT KẾ VÀ LẬP TRÌNH WEB some statements
  15. 2/16/2011 Nhúng Javascript vào trang web  Đặt giữa tag và :  Đoạn script sẽ thực thi ngay khi trang web sc được mở.  Đặt giữa tag và :  Đoạn script được thực thi khi trang web sc đượ THIẾT KẾ VÀ LẬP TRÌNH WEB đang mở (sau khi thực thi các đoạn script trong phần  Số lượng đoạn script không hạn chế. 15 15
  16. 2/16/2011 JavaScript  Giới thiệu JavaScript  Chức năng  Cú pháp và quy ước THIẾT KẾ VÀ LẬP TRÌNH WEB  Cấu trúc lập trình cơ bản trúc trình  Các ví dụ 16 16
  17. 2/16/2011 Giới thiệu JavaScript  Web browser thực thi thẻ script khi load trang web HTML theo thứ tự từ trên xuống dưới  Source code JavaScript có thể đặt trong file riêng (*.js) và nhúng (embed, include) vào file HTML bằng thuộc tính scr của thẻ script THIẾT KẾ VÀ LẬP TRÌNH WEB  Code JavaScript được browser xử lý cùng thứ tự với các thẻ HTML. Trừ các hàm (function) chỉ được thực hiện khi có lời gọi hàm hàm 17 17
  18. 2/16/2011 Giới thiệu JavaScript document.write(“Hello world!”); document.write(“Hello world!”); THIẾT KẾ VÀ LẬP TRÌNH WEB 18 18
  19. 2/16/2011 Giới thiệu JavaScript JavaScriptIntro.html THIẾT KẾ VÀ LẬP TRÌNH WEB //JavaScript document alert(“JavaScript in external js file!”); 19 external.js 19
  20. 2/16/2011 JavaScript – Cú pháp & quy ước Quy ước của ngôn ngữ lập trình  Biến và kiểu dữ liệu và ki li  Toán tử và phép so sánh  Cấu trúc điều khiển  Hàm  THIẾT KẾ VÀ LẬP TRÌNH WEB Một số đối tượng xây dựng sẵn (build-  in)  Các hàm mở cửa sổ thông báo (pop (pop-up windows) windows) 20 20
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
2=>2