lập trình web - javascript cơ bản

2/16/2011 1 ĐẠI HỌC SÀI GÒN – KHOA CNTT LẬP TRÌNH WEB B LẬP TRÌNH WEB P TRÌNH WE JavaScript cơ bản T KẾ VÀ LẬ P GV: Trần Đình Nghĩa tdnghia1977@gmail.com THIẾ T 1 2/16/2011 2 Nội dung thiết kế web  HTML   F orm  CSS B  CSS  Hosting P TRÌNH WE  Publish website T KẾ VÀ LẬ P THIẾ T 2 2/16/2011 3 Nội dung  DHTML  Ngôn ngữ client - script B  Ngôn ngữ client - script P TRÌNH WE  JavaScript cơ bản T KẾ VÀ LẬ P  Thực hành JavaScript THIẾ T 3  Thực hành JavaScript 2/16/2011 4 Đánh giá 1. Điểm chuyên cần0.1 2. Điểm thực hành 0.4 3 Điểm thi cuối kỳ 05 B 3 . Điểm thi cuối kỳ 0 . 5 Điểm HP = [1]*0.1 + [2]*0.4 + [3]*0.5 P TRÌNH WE • Bài thực hành: Đồ án làm theo nhóm T KẾ VÀ LẬ P • Bài thi cuối kỳ: Bài thi viết THIẾ T 4 2/16/2011 5 Đồ án website  Sinh viên tự chọn nhóm làm việc: 1 nhóm 3- 4sv 4sv .  Mỗi nhóm sẽ chọn 1 đăng ký đề tài cụ thể cho B đồ án.  Các đề tài sẽ có một danh sách yêu cầu cụ thể. P TRÌNH WE  Giảng viên sẽ đưa ra các tiêu chí chấm đề tài.  Thời i à á h thứ ộ h hấ đề tài T KẾ VÀ LẬ P  Thời g i an v à c á c h thứ c n ộ p h ay c hấ m đề tài giảng viên sẽ thông báo cụ thể. THIẾ T 5 2/16/2011 6 Đồ á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 đồ á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 B  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 P TRÌNH WE (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À LẬ P • 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 THIẾ T 6  Tất cả các điểm trên 10 sẽ được làm tròn thành 10 2/16/2011 7 Tài liệu tham khảo http://www.w3schools.com/ và htt p : // www.w3.or g/ p// g/ Lisa Lopuck, Web Design For Dummies (2nd Edition) Wiley Publishing 2006 B Edition) , Wiley Publishing , 2006 Craig Grannell, The Essential Guide to CSS and P TRÌNH WE HTML Web Design, Friends of ED, 2007 D a v e Th au, T h e boo k of Ja v aSc ri pt ( 2n d T KẾ VÀ LẬ P ae au, e boo o Ja aSc pt ( d edition), No Starch Press, 2007 THIẾ T 7 Google, google, google … 2/16/2011 8 Liên hệ  Giảng viên: Trần Đình Nghĩa  Phòng KT & KĐCLGD – ĐHSG  Email: tdnghia1977@gmail com B  Email: tdnghia1977@gmail . com  Groups: P TRÌNH WE http://groups.google.com/group/tkltweb T KẾ VÀ LẬ P THIẾ T 8 2/16/2011 9 Script language & DHTML B P TRÌNH WE T KẾ VÀ LẬ P THIẾ T 9 2/16/2011 10 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ằn g B ợ y ự g web browser  Thiên về xử lý giao diện P TRÌNH WE  Server-side-script (Php, jsp, asp, aspx,…)  Đ ư ợ c th ự c thi ở web server và trả kết q uả T KẾ VÀ LẬ P ợ ự q về client  Thiên về xử lý truy cập hệ thống file trên THIẾ T 10 server, kết nối với CSDL trên server. [...]... language THIẾT KẾ VÀ LẬP TRÌNH WEB P T  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 script và gởi đến browser các trang web à ở ế á DHTML (chứa HTML, javascript, …) 11 11 2/16/2011 DHTML THIẾT KẾ VÀ LẬP TRÌNH WEB T P  DHTML =... VÀ LẬP TRÌNH WEB T Giới thiệu JavaScript document.write(“Hello world!”); document.write(“Hello world!”); d i (“ ll ld!”) 18 18 2/16/2011 Giới thiệu JavaScript THIẾT KẾ VÀ LẬP TRÌNH WEB T P JavaScriptIntro.html p / /JavaScript document alert( JavaScript in external js file!”); external.js 19 19 2/16/2011 THIẾT KẾ VÀ LẬP TRÌNH WEB. .. Nhúng Javascript vào trang web THIẾT KẾ VÀ LẬP TRÌNH WEB T P some statements some statements some statements . GÒN – KHOA CNTT LẬP TRÌNH WEB B LẬP TRÌNH WEB P TRÌNH WE JavaScript cơ bản T KẾ VÀ LẬ P GV: Trần Đình Nghĩa tdnghia1977@gmail.com THIẾ T 1 2/16/2011 2 Nội dung thiết kế web  HTML   F orm  CSS B  CSS . thiệu JavaScript  Chức năng B  Cú pháp và quy ước P TRÌNH WE  Cấu trúc lập trình cơ bản T KẾ VÀ LẬ P  Cấu trúc lập trình cơ bản C THIẾ T 16  C ác ví dụ 2/16/2011 17 Giới thiệu JavaScript . HTML   F orm  CSS B  CSS  Hosting P TRÌNH WE  Publish website T KẾ VÀ LẬ P THIẾ T 2 2/16/2011 3 Nội dung  DHTML  Ngôn ngữ client - script B  Ngôn ngữ client - script P TRÌNH WE  JavaScript cơ bản T KẾ VÀ