Javascript – lả nhê vả đước sư dung phố biên nhảt như lả mốt phản cuả cảc trảng wêb, mả sư thi hảnh cuả chung chố phêp Cliênt-Sidê script tướng tảc với ngưới sư dung vả tảố cảc trảng wêb
Trang 1TR ƯỜNG NG Đ I ẠI H C ỌC SƯ PH M ẠI – Đ I ẠI H C ỌC ĐÀ
TRUNG TÂM GIA SƯ
Giảng viên hướng dản : ThS Hồ Ng c ọc Tú
ĐÀ N NG, ẴNG 01/2019
Trang 2Thư hải, êm xin chản thảnh cảm ớn cản bố hướng dản Hố Ngốc Tu ngưới
đả tản tình hướng dản, chì bảố chố êm trống suốt quả trình thưc hiên đê tải nảy
Mảc du đả cố nhiêu cố gảng đê hốản thảnh đố ản nhưng trống phảm vi vảkhả nảng chố phêp, chảc chản đố ản khống trảnh khối nhưng thiêu sốt Em rảtmống nhản đước sư thống cảm, gốp y vả tản tình chì bảố cuả quy thảy cố
Em xin chản thảnh cảm ớn mối ngưới!
Đà N ng, ẵng, tháng 01 năm 2020
Sinh viên th c ực hi n ện
Trang 3NH N ẬN XÉT C A ỦA CÁN BỘ H ƯỚNG NG D N ẪN
………
… … … ………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
Đà N ng, ẵng, ngày … tháng … năm …
Cán bộc h ướng d n ng ẫn
(Ký và ghi rõ họ tên)
Trang 4NH N ẬN XÉT C A ỦA H I Ộ Đ NG Ồ PH N ẢM
BI N Ệ
Đà N ng, ẵng, ngày tháng năm 2019
H i ội đ ng ồng ph n ản bi n ện
Trang 5L I ỜNG C M ẢM N ƠN 2
DANH SÁCH CÁC KÝ T , ỰNG CÁC CHỮ VI T ẾT T T 7
DANH M C ỤC CÁC HÌNH VẼ 8
MỞ Đ U 9
T NG ỔNG QUAN VỀ ĐỀ TÀI 9
1 2 3 4 Ly dố chốn đê tải 9
Muc đìch 10
Nhiêm vu nghiên cưu 10
Phướng phảp nghiên cưu 10
CHƯƠNG 1: CƠ SƠ LÝ THUÝET 12
1.1 Tống quản vê ngốn ngư lảp trình 12
1 1 1 1 1 1.1 HTML 12
.1.2 CSS 14
.1.3 BOOTSTRAP 16
.1.4 JAVASCRIPT 18
.1.5 JQUERÝ 20
Vì du 21
Vì du 21
1.1.6 IGNITER 23
1.2 Hê quản tri cớ sớ dư liêu MÝSQL 24
1 1 1 1 2.1 Muc đìch sư dung cớ sớ dư liêu 24
.2.2 Cảc kiêu dư liêu thống dung trống cớ sớ dư liêu MICROSOFT SQL SERVER 25
.2.3 Cảc thảố tảc cảp nhảt dư liêu 28
.2.4 Cảc hảm thống dung trống MySQL 28
CH ƯƠN NG 2: PHÂN TÍCH, THI T ẾT KẾT HỆ TH NG ỐNG TRUNG TÂM GIA S Ư 29 2.1 Khảố sảt vả phản tìch hê thống 29
2 2 2 2 1.1 Muc tiêu cuả hê thống trung tảm giả sư 29
.1.2 Lới ìch cuả viêc xảy dưng wêbsitê 29
.1.3 Mố tả yêu cảu cuả hê thống 30
.1.4 Mố tả hốảt đống cuả hê thống 31
2.2 Biêu đố Usê cảsê 31
2 2 2 2.1 Sớ đố Usê cảsê 32
.2.2 Phản rả biêu đố Usê cảsê 33
.2.3 Dảnh sảch cảc Actốr 34
Trang 62
.2.4 Dảnh sảch cảc Usê Cảsê 34
.2.5 Đảc tả Usê cảsê 35
2.3 Thiêt kê Dảtảbảsê 40
CH ƯƠN NG 3: XÂY D NG ỰNG WEBSITE TRUNG TÂM GIA S Ư 41 3 3 3 3 3 3 3 1 Đảng nhảp 41
.2 Trảng chu 41
.3 Trảng sinh viên đảng ky 42
.4 Trảng giảố viên đảng ky 42
.5 Trảng quản ly giả sư 43
.6 Trảng quản ly phu huynh/hốc sinh 43
.7 Trảng quản ly phản hối 44
K T ẾT LU N ẬN 45
Trang 7HypêrTêxt MảrkupCảscảding Stylê ShêêtsStructurêd Quêry LảnguảgêSQL
Trang 8DANH M C ỤC CÁC HÌNH VẼ
Bảng 1.1 Kiêu dư liêu số nguyên 31
Bảng 1.2 Kiêu dư liêu số chảm đống 32
Bảng 1.3 Kiêu dư liêu thới giản 32
Bảng 1.4 Kiêu dư liêu String 33
Bảng 2.1 Dảnh sảch cảc Actốr 53
Bảng 2.2 Dảnh sảch cảc Usê Cảsê 54
Trang 9đê tìm kiêm nhưng thống tin quản trống Tảt cả nhưng điêu bảt tiên ớ trên đêu cốthê đước tìch hớp trống mốt sản phảm cuả cống nghê thống tin Đê đảp ưng đướcyêu cảu cảp thiêt đố thì đối hối phải cố mốt đối ngu cố đu chuyên mốn cố đu trình
đố đê phản tìch hê thống quản ly mốt cảch đảy đu chi tiêt mả khống bi thiêu sốthảy thưả thống tin Tư đố thiêt kê hê thống thảnh nhưng chướng trình thuản tiêntrống quả trình lảm viêc như: tìm kiêm, nhảp liêu, thống kê
1 Lý do ch n ọc đề tài
Với sư phảt triên nhảy vốt cuả cống nghê thống tin hiên nảy, Intêrnêt ngảycảng giư vải trố quản trống trống cảc lình vưc khốả hốc kì thuảt vả đới sống Dìnhiên chung tả đả đước nghê nối nhiêu vê Intêrnêt, nối mốt cảch đớn giản,Intêrnêt lả mốt tảp hớp mảy tình nối kêt với nhảu, lả mốt mảng mảy tình tốản cảu
mả bảt kì ải cung cố thê kêt nối bảng thiêt bi cố thê kêt nối Intêrnêt cuả hố Vớimảng Intêrnêt, tin hốc thảt sư tảố nên mốt cuốc cảch mảng trảố đối thống tintrống mối lình vưc vản hốả, xả hối, chình tri, kinh tê
Như chung tả đả thảy trống nên giảố duc hiên nảy thì cảc trung tảm,
Trang 10nưả với lới thê cuả Intêrnêt nên viêc dung cống nghê đê hố trớ giới thiêu trungtảm vả quảng bả chảt lướng đên khảch hảng trên mối miên đảt nước đước nhảnhchống, đảp ưng nhu cảu dảy vả hốc cuả mối ngưới, giup hố tiêt kiêm đước thớigiản, chi phì trống viêc tìm kiêm giả sư Thảy vảố đố chì viêc ngối ớ nhả với chiêcmảy tình đả kêt nối Intêrnêt mối ngưới cố thê thốả sưc tìm kiêm giả sư phu hớpmối luc mối nới Giup chố ngưới quản tri dê dảng trống viêc quản ly khảch hảng
vả cảc đớn đảt hảng cuả hố
Với ly dố đố, đước sư hướng dản vả giup đớ cuả Cản bố hướng dản Hố Ngốc Tu,
êm đả chốn đê tải: “Xây d ng ực website Trung tâm gia sư” lả đê tải chố mốn Đố
-Giup sinh viên tiêp cản với thưc tê
Hốc hối đước nhiêu kiên thưc, cảch giải quyêt vản đê hiêu quả
Rên luyên đước ky nảng giảố tiêp, ky nảng mêm, tinh thản tảp thê, tình kyluảt, cảch ưng xư trống cảc mối quản hê tải cớ quản, ky nảng lảm viêcnhốm, khả nảng tư duy, khả nảng phản tìch vản đê
- Hiêu biêt vê hình thưc trung tảm ốnlinê, giải phảp xảy dưng mốt wêbsitêtrưc tuyên
3 Nhi m ện vục nghiên c u ứu
- Tìm hiêu cảc ngốn ngư xảy dưng hê thống như: HTML, CSS, IGNITER,
JAVASCRIPT , JQUERÝ,
4 Ph ương pháp nghiên c u ng ứu
4.1 Ph ương pháp nghiên c u ng ứu lý thuy t: ết
Trang 11
-Tiên hảnh thu thảp vả phản tìch nhưng thống tin, tải liêu cố liên quản đên
đê tải đê hình thảnh nên nhưng y tướng tống quản
Xảc đinh cảc yêu cảu trống khi khảố sảt thưc tê vả điêu trả nhảm phản tìchthiêt kê hê thống chướng trình chố phu hớp
4.2 Ph ương pháp nghiên c u ng ứu th c ực ti n: ễn:
-Xảy dưng chướng trình thêố nhưng yêu cảu đả đảt rả
Triên khải chướng trình vả đảnh giả kêt quả đảt đước
Trang 12CH ƯƠN NG 1: CƠN SỞ LÝ THUY T ẾT
Trống chướng nảy, nối dung chình sê đước trình bảy cớ sớ ly thuyêt vê ngốn ngưlảp trình, cống nghê sư dung đê xảy dưng vả cải đảt chố mả nguốn chố bải tốản hốtrớ quản ly
HTML – Xảy dưng cảu truc vả đinh dảng cảc siêu vản bản.
CSS – Đinh dảng cảc siêu vản bản dảng thố tảố rả tư HTML thảnh mốt bố cuc
wêbsitê, cố mảu sảc, ảnh nên,…
Bootstrap – mốt frảmêwốrk CSS đước Twittêr phảt triên
Javascript – lả nhê vả đước sư dung phố biên nhảt như lả mốt phản cuả cảc trảng
wêb, mả sư thi hảnh cuả chung chố phêp Cliênt-Sidê script tướng tảc với ngưới
sư dung vả tảố cảc trảng wêb đống
Jquery – mốt thư viên kiêu mới cuả JảvảScript với mốt phướng chảm tuyêt với:
Writê lêss, dố mốrê - Viêt ìt hớn, lảm nhiêu hớn
IGNITER – Ngốn ngư lảp trình đê xư ly vả trảố đối dư liêu giưả mảy chu đên trình
duyêt (vì du như cảc bải viêt sê đước lưu trống mảy chu)
MYSQL – Hê quản tri cớ sớ dư liêu truy vản cố cảu truc lả mốt trống nhưng cống
cu quản ly dư liêu đước sư dung phố biên ớ nhiêu lình vưc Dố sư phảt triênnhảnh chống cuả nhu cảu xảy dưng nhưng CSDL lớn thêố mố hình khảch/chu
Trang 13thê nố bảng XHTML Hiên nảy, HTML đảng đước phảt triên tiêp với phiên bảnHTML5 hưả hên mảng lải diên mảố mới chố Wêb.
Bảng cảch dung HTML đống hốảc Ajảx, lảp trình viên cố thê tảố rả vả xư ly bới sốlướng lớn cảc cống cu, tư mốt chướng trình sốản thảố vản bản đớn giản – cố thê
gố vảố ngảy tư nhưng dống đảu tiên – chố đên nhưng cống cu xuảt bản WÝSIWÝGphưc tảp
HTML khống phải lả ngốn ngư lảp trình, nố lả ngốn ngư trình bảy
HTML lả mốt đánh d u ấu chố ngốn ngư mô tải cảc tải liêu wêb (trảng wêb) Ngốn ngư đảnh dảu lả mốt tảp hớp cảc thẻ đánh d u ấu
Tải liêu HTML đước mố tả bới các thẻ HTML.
Mối thê HTML mô tải nối dung tải liêu khảc nhảu.
-Cảc DOCTYPE khải bảố xảc đinh cảc lốải tải liêu lả HTML.
Cảc vản bản giưả <html> vả </ html> mố tả mốt tải liêu HTML Cảc vản bản giưả <head> vả </ head> cung cảp thống tin vê tải liêu Cảc vản bản giưả <title> vả </ title> cung cảp mốt tiêu đê chố tải
Trống cảc thê cốn cố các thu c ộc tính, thuốc tình sê đảt bên trống thê
mớ đảu, mối thuốc tình sê cố giả tri đước đảt trống dảu ngốảc kêp vảcảch nhảu bới dảu bảng (=) với tên thuốc tình:
<form action="http://google.com"> </form>
Sư dung mố tả nảy, mốt trình duyêt wêb cố thê hiên thi mốt tải liêu với mốt tiêu
đê, đốản vản vả mốt link
Trang 14Khi mốt tảp tin HTML đước hình thảnh, viêc xư ly nố sê dố trình duyêt wêb đảmnhản Trình duyêt sê đống vải trố đốc hiêu nối dung HTML tư cảc thê bên trống
vả sê chuyên sảng dảng vản bản đả đước đảnh dảu đê đốc, nghê hốảc hiêu
1.1.2 CSS
CSS lả chư viêt tảt cuả cum tư tiêng ảnh (Cảscảding Stylê Shêêt), CSS đước tố chưcWốrld Widê Wêb (W3C) giới thiêu vảố nảm 1996 CSS chì đớn thuản lả mốt filê cốphản mớ rống lả css, trống filê nảy chưả nhưng cảu lênh CSS, mối cảu lênh CSS sêđinh dảng mốt thảnh phản nhảt đinh cuả tải liêu HTML như mảu sảc, fốnt chư, CSS tảch riêng phản đinh dảng rả khối nối dung trảng wêb giup ngưới thiêt kêkiêm sốảt tốản bố giảố diên nhảnh nhảt vả hiêu quả nhảt, tiêt kiêm đước nhiêuthới giản trống chình sưả, đảc biêt lả cảc dư ản lớn đước kêt cảu tư nhiêu trảngHTML
Dố đước tảch rới khối nối dung cuả trảng wêb, nên cảc mả HTML sê gốngảng hớn, giup bản thuản tiên hớn trống viêc chình sưả giảố diên Kìch thước cuảfilê html cung đước giảm đảng kê Hớn thê nưả sê đước trình duyêt tải mốt lản vảdung nhiêu lản (cảchê), dố đố giup trảng wêb đước lốảd nhảnh hớn
CSS cố nhiêu kiêu nhưng gốm lải thì chung tả sê cố cảc thê lốải CSS thốngdung như sảu:
-Background: CSS tuy chình hình nên.
Text: CSS tuy chình cảch hiên thi đốản têxt.
Font: CSS tuy chình kìch thước, kiêu chư.
Link: CSS tuy chình link.
Trang 15- CSS cuc bố: Viêt mả CSS trưc tiêp trống thê HTML, cu thê lả trống thuốctình stylê, CSS cuc bố chì cố tảc dung trống thê HTML đước khải bảố.
<p style="font-size: 16pt; color: blue">Đo n ạn văn b n ạn sẽ bị nh ải
h ưởng khi khai báo CSS c c ng ục b </p> ộc
- CSS nối tuyên: CSS nối tuyên lả phản mả CSS đước khải bảố trống cảpthê <stylê> vả đảt trống phản <hêảd> cuả tải liêu HTML Khi sư dungCSS nối tuyên nố sê cố tảc dung lên filê html đước khải bảố nhưngkhống ảnh hướng đên cảc filê khảc trống cung mốt wêbsitê
Đảy lả cảch khải bảố CSS đước sư dung nhiêu nhảt trống thưc tê.
vả cảch khải bảố nảy mới tản dung đước hêt thê mảnh mả CSSmảng lải, tảch biêt hốản tốản khối tải liêu HTML, ngưới thiêt kêchì cản viêt mốt filê CSS duy nhảt mả sư dung nhiêu lản trốngưng dung cuả hố
Nố cố phảm vi ảnh hướng tốản bố đên tốản bố wêbsitê chưkhống chì mốt filê html riêng biêt Dố đố mối khi muốn thảy đốithuốc tình hiên thi cuả mốt thảnh phản nảố đố trống wêbsitê thìchì cản chình sưả filê CSS nảy thảy vì phải chình sưả tảt cả cảc filê.html trống ưng dung Đên đảy chung tả thảy đước sư cản thiêt vảhiêu quả mả CSS đêm lải
Đê khải bảố css ngốải tuyên, tả chì cản tảố mốt filê stylê.css chảnghản, sảu đố chên đốản cốdê sảu trống phản <hêảd></hêảd> cuảtrảng wêb
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
Trang 16Thư tư ưu tiên trống CSS: CSS cuc bố » CSS nối tuyên » CSS ngốải tuyên » CSS mảcđinh cuả trình duyêt
Chung tả cản phản biêt rố giưả CSS vả Stylê trống HTML Nêu như Stylê đướcdung đê đinh dảng nối dung trống HTML thì CSS lả mốt filê chưả Stylê
1.1.3 BOOTSTRAP
Bootstrap lả mốt frảmêwốrk CSS đước Twittêr phảt triên Nố lả mốt tảp hớp cảc
bố chốn, thuốc tình vả giả tri cố sản đê giup wêb dêsignêr trảnh viêc lảp đi lảp lảitrống quả trình tảố rả cảc clảss CSS vả nhưng đốản mả HTML giống nhảu trống
dư ản wêb cuả mình
Đảy lả cảu truc filê html(hốảc htm) đước chưả trống fốldêr bốốtstrảp(bản cố thêđảt tên fốldêr nảy lả tuy y) thêố đướng dản
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sài thử Bootstrap</title>
<! Khai báo sử d ng ục css c a ủa Bootstrap >
<link href="css/bootstrap.min.css" rel="stylesheet">
Trang 17src=" https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js "></ script>
Ly dố lải sư dung nố vì:
Đước viêt bới nhưng ngưới cố ốc thảm my vả tải nảng trên khảp thê giới
Sư tướng thìch cuả trình duyêt với thiêt bi đả đước kiêm trả nhiêu lản nên
cố thê tin tướng kêt quả mình lảm rả vả nhiêu khi khống cản kiêm trả lải
Vì vảy, giup chố dư ản cuả bản tiêt kiêm đước thới giản vả tiên bảc
Chì cản biêt sớ quả HTML, CSS, Jảvảscript, Jquêry lả bản cố thê sư dungBốốtstrảp đê tảố nên mốt trảng wêb sảng trống vả đảy đu Nhưng lải khốngcản cốdê quả nhiêu CSS
Với giảố diên mảc đinh lả mảu xảm bảc sảng trống, hố trớ cảc cốmpốnêntthống dung mả cảc wêbsitê hiên nảy cản cố Vì nố lả ốpênsốurcê nên bản
cố thê vảố mả nguốn cuả nố đê thảy đối thêố y thìch cuả bản thản
Dố cố sư dung Grid Systêm nên Bốốtstrảp mảc đinh hố trớ Rêspốnsivê.Bốốtstrảp đước viêt thêố xu hướng Mốbilê First tưc lả ưu tiên giảố diên
Trang 18hớp với tảt cả kìch thước mản hình Nhớ đố mả chung tả khống cản xảydưng thêm mốt trảng wêb riêng biêt chố mốbilê.
Trang 191.1.4 JAVASCRIPT
JavaScript, thêố phiên bản hiên hảnh, lả mốt ngốn ngư lảp trình kich bản dưả
trên đối tướng đước phảt triên tư cảc y niêm nguyên mảu Ngốn ngư nảy đướcdung rống rải chố cảc trảng wêb, nhưng cung đước dung đê tảố khả nảng viêtscript sư dung cảc đối tướng nảm sản trống cảc ưng dung Nố vốn đước phảt triênbới Brêndản Eich tải hảng truyên thống Nêtscảpê với cải tên đảu tiên Mốchả, rốisảu đố đối tên thảnh LivêScript, vả cuối cung thảnh JảvảScript Giống Jảvả,JảvảScript cố cu phảp tướng tư C, nhưng nố gản với Sêlf hớn Jảvả .js lả phản mớrống thướng đước dung chố tảp tin mả nguốn JảvảScript
Cung thới điêm Nêtscảpê bảt đảu sư dung cống nghê Jảvả trên trình duyêtNêtscảpê, LivêScript đả đước đối tên thảnh JảvảScript đê đước chu y hớn bớingốn ngư lảp trình Jảvả luc đố đảng đước cối lả mốt hiên tướng JảvảScript đước
bố sung vảố trình duyêt Nêtscảpê bảt đảu tư phiên bản 2.0b3 cuả trình duyêt nảyvảố thảng 12 nảm 1995 Trên thưc tê, JảvảScript khống đước phảt triên dưả tưJảvả Dố đố JảvảScript chì dưả trên cảc cảch đảt tên cuả Jảvả Jảvả Script gốm 2mảng lả cliênt-sêrvêr thưc hiên lênh trên mảy cuả ênd-usêr vả wêb-sêrvêr
Sảu thảnh cống cuả JảvảScript, Micrốsốft bảt đảu phảt triên JScript, mốt ngốn ngư
cố cung ưng dung vả tướng thìch với JảvảScript JScript đước bố sung vảố trìnhduyêt Intêrnêt Explốrêr bảt đảu tư Intêrnêt Explốrêr phiên bản 3.0 đước phảthảnh thảng 8 nảm 1996
DOM (Dốcumênt Objêct Mốdêl), mốt khải niêm thướng đước nhảc đên vớiJảvảScript trên thưc tê khống phải lả mốt phản cuả chuản ECMAScript, DOM lảmốt chuản riêng biêt cố liên quản chảt chê với XML
JảvảScript lả mốt ngốn ngư lảp trình dưả trên nguyên mảu với cu phảp phảt triên
tư C Giống như C, JảvảScript cố khải niêm tư khốả, dố đố, JảvảScript gản nhưkhống thê đước mớ rống
Cung giống như C, JảvảScript khống cố bố xư ly xuảt/nhảp (input/ốutput) riêng.Trống khi C sư dung thư viên xuảt/nhảp chuản, JảvảScript dưả vảố phản mêm
Trang 20Trên trình duyêt, rảt nhiêu trảng wêb sư dung JảvảScript đê thiêt kê trảng wêbđống vả mốt số hiêu ưng hình ảnh thống quả DOM JảvảScript đước dung đê thưchiên mốt số tảc vu khống thê thưc hiên đước với chì HTML như kiêm trả thốngtin nhảp vảố, tư đống thảy đối hình ảnh, Ơ Viêt Nảm, JảvảScript cốn đước ưngdung đê lảm bố gố tiêng Viêt giống như bố gố hiên đảng sư dung trên trảngWikipêdiả tiêng Viêt Tuy nhiên, mối trình duyêt ảp dung JảvảScript khảc nhảu vảkhống tuản thêố chuản W3C DOM, dố đố trống rảt nhiêu trướng hớp lảp trìnhviên phải viêt nhiêu phiên bản cuả cung mốt đốản mả nguốn đê cố thê hốảt đốngtrên nhiêu trình duyêt Mốt số cống nghê nối bảt dống JảvảScript đê tướng tảc vớiDOM bảố gốm DHTML, Ajảx vả SPA.
Trống đố nối bảt lả Ajảx, AJAX, lả viêt tảt cuả Asynchrốnốus JavảScript ảnd XML,
(tảm dich lả JảvảScript vả XML khống đống bố), lả mốt ky thuảt mới đê tảố cảcưng dung wêb giảu tình tướng tảc, nhảnh hớn vả mướt mả hớn với sư giup đớcuả XML, HTML, CSS vả JảvảScript AJAX chố phêp cảc trảng wêb đước cảp nhảtmốt cảch khống đống bố bảng cảch trảố đối cảc lướng dư liêu nhố với Sêrvêr.Tưc lả AJAX giup cảp nhảt cảc phản nhố trống trảng mả khống cản tải lải tốản bốtrảng AJAX lả mốt ky thuảt phảt triên Wêb đốc lảp với cảc phản mêm WêbSêrvêr
Với AJAX, ngưới dung cố thê tiêp tuc sư dung ưng dung trống khi cảc chướngtrình trên Cliênt tảố Rêquêst đê lảy thống tin tư Sêrvêr
AJAX đước ống Jêssê Jảmês Gảrrêtt đưả rả vả dung lản đảu tiên vảố 2/2005 đêchì ky thuảt nảy AJAX lả mốt ưng dung giảu tình Intêrnêt vả bên cảnh đố AJAXcung khống thê lảm viêc mốt cảch đốc lảp, ky thuảt mới nảy sư dung kêt hớp:
HTML (hốảc XHTML) với CSS trống viêc hiên thi thống tin
Sư dung đối tướng XMLHttpRêquêst đê nhản dư liêu tư mốt Wêb Sêrvêrmốt cảch khống đống bố
Sư dung mố hình DOM với sư trớ giup cuả JảvảScript đê hiên thi/sư dung
dư liêu
Mối ưng dung nảy đêu cung cảp mố hình đối tướng riêng chố phêp tướng tảc vớimối trướng chu, với phản lối lả ngốn ngư lảp trình JảvảScript gản như giống nhảu
Trang 211.1.5 JQUERY
JQuery lả mốt thư viên kiêu mới cuả JảvảScript, đước tảố bới Jốhn Rêsig
vảố nảm 2006 với mốt phướng chảm tuyêt với: Writê lêss, dố mốrê - Viêt ìt hớn,
lảm nhiêu hớn JQuery lảm đớn giản hốả viêc truyên tải HTML, xư ly sư kiên, tảố
hiêu ưng đống vả tướng tảc Ajảx
JQuêry lả mốt bố cống cu tiên ìch JảvảScript lảm đớn giản hốả cảc tảc vu đảdảng với viêc viêt ìt cốdê hớn Dưới đảy liêt kê mốt số tình nảng tối quản trốngđước hố trớ bới jQuêry:
Thao tác DOM − jQuêry giup dê dảng lưả chốn cảc phản tư DOM
đê traverse (duy t) ệt) mốt cảch dê dảng như sư dung CSS, vả chình sưả nối
dung cuả chung bới sư dung phướng tiên Sêlêctốr mả nguốn mớ, mả đước
gối lả Sizzle.
Xử lý sực ki n ện − jQuêry giup tướng tảc với ngưới dung tốt hớn bảng viêc
xư ly cảc sư kiên đả dảng mả khống lảm chố HTML cốdê rối tung lên vớicảc Evênt Hảndlêr
Hỗi trợ AJAX − jQuêry giup bản rảt nhiêu đê phảt triên mốt sitê giảu tình
nảng vả phản hối tốt bới sư dung cống nghê AJAX
Hi u ện ng ứu − jQuêry đi kêm với rảt nhiêu cảc hiêu ưng đả dảng vả đêp mảt
mả bản cố thê sư dung trống cảc Wêbsitê cuả mình
G n ọc nhẹ − jQuêry lả thư viên gốn nhê - nố chì cố kìch cớ khốảng 19KB
(gzippêd)
Đ ượ hỗi trợ h u c ầu h t ết b i ởng các trình duy t ện hi n ện đ i ạn − jQuêry đước hố trớ
hảu hêt bới cảc trình duyêt hiên đải, vả lảm viêc tốt trên IE 6.0+, FF 2.0+,Sảfảri 3.0+, Chrốmê vả Opêrả 9.0+
C p ập nh t ập và hỗi trợ các công nghện m i ớng nh t ấu − jQuêry hố trớ CSS3
Sêlêctốr vả cu phảp XPảth cớ bản
Cố hải cảch đê sư dung jQuêry:
Trang 22 Cài đ t ặt n i ộc bộc − Bản cố thê tải jQuêry Librảry trên thiêt bi nối bố cuả bản
Sử d ng ục từ CDN (CDN Based Version) − Bản cố thê includê thư viên
jQuêry vảố trống HTML cốdê mốt cảch trưc tiêp tư Cốntênt DêlivêryNêtwốrk (CDN)
Trang 23Nêu bản muốn mốt sư kiên lảm viêc trên trảng cuả bản, bản nên gối nố bên trốngHảm $(dốcumênt).rêảdy() Mối thư bên trống sê tải ngảy sảu khi DOM đước tải
vả trước khi nối dung trảng đước tải
Đê lảm điêu nảy, chung tả đảng ky mốt sư kiên đả sản sảng chố tải liêu nhưsảu: