ĐỒ án CHUYÊN NGÀNH tên đề tài xây DỰNG WEBSITE TRUNG tâm GIA sư

Tảt cả nhưng yêu tố đố chung tả đê u cố thê2 nhớ đên nhưng thảnh tưu cuả cống nghê thống tin, đố lả nhưng phả n mê m trớ giup hảy nhưng wêbsitê quản ly thảy chố nhưng tải liêu dảy cốm, t

ĐỒ ÁN CHUYÊN NGÀNH

TÊN ĐỀ TÀI

XÂY DỰNG WEBSITE TRUNG TÂM GIA SƯ

Giảng viên hướng dản : ThS Hồ Ngọc Tú

Đả u tiên, êm xin chản thảnh cảm ớn cảc thả y cảc cố trống khốả Tin hốc đả trảng bi nhưng kiên thưc chố êm trống suốt quả trình hốc tảp tải Trướng Đải hốc

Sư phảm Đả Nả.ng vưả quả Chình nhớ cống lảố giảng dảy, chì bảố tản tình cuả cảc thả y cảc cố mả êm mới cố đước nhưng kiên thưc chuyên ngảnh cống nghê thống tin đê2 cố thê2 thưc hiên tiêp chả3ng đướng hốc tảp, vản dung vả sảng tảố rả nhưng sản phả2m hưu ìch gốp phả n phuc vu cảc lình vưc khảc nhảu.

Thư 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ả3c du đả cố nhiê u cố gả5ng đê2 hốản thảnh đố ản nhưng trống phảm vi vả khả nả3ng chố phêp, chả5c chả5n đố ản khống trảnh khối nhưng thiêu sốt Em rảt mố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, tháng 01 năm 2020

Sinh viên thực hiện

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Đà Nẵng, ngày … tháng … năm …

Cán bộ hướng dẫn (Ký và ghi rõ họ tên)

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN

Đà Nẵng, ngày tháng năm 2019

Hội đồng phản biện

LỜI CẢM ƠN 2

DANH SÁCH CÁC KÝ TỰ, CÁC CHỮ VIẾT TẮT 7

DANH MỤC CÁC HÌNH VẼ 8

MỞ ĐẦU 9

TỔNG QUAN VỀ ĐỀ TÀI 9

1 Ly dố chốn đê tải 9

2 Muc đìch 10

3 Nhiêm vu nghiên cưu 10

4 Phướng phảp nghiên cưu 10

CHƯƠNG 1: CƠ SƠA LÝC THUÝEET 12

1.1 Tố2ng quản vê ngốn ngư lảp trình 12

1.1.1 HTML 12

1.1.2 CSS 14

1.1.3 BOOTSTRAP 16

1.1.4 JAVASCRIPT 18

1.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.2.1 Muc đìch sư dung cớ sớ dư liêu 24

1.2.2 Cảc kiê2u dư liêu thống dung trống cớ sớ dư liêu MICROSOFT SQL SERVER 25

1.2.3 Cảc thảố tảc cảp nhảt dư liêu 28

1.2.4 Cảc hảm thống dung trống MySQL 28

CHƯƠNG 2: PHÂN TÍCH, THIẾT KẾ HỆ THỐNG TRUNG TÂM GIA SƯ 29

2.1 Khảố sảt vả phản tìch hê thống 29

2.1.1 Muc tiêu cuả hê thống trung tảm giả sư 29

2.1.2 Lới ìch cuả viêc xảy dưng wêbsitê 29

2.1.3 Mố tả yêu cả u cuả hê thống 30

2.1.4 Mố tả hốảt đống cuả hê thống 31

2.2 Biê2u đố Usê cảsê 31

2.2.1 Sớ đố Usê cảsê 32

2.2.2 Phản rả biê2u đố Usê cảsê 33

2.2.3 Dảnh sảch cảc Actốr 34

2.2.4 Dảnh sảch cảc Usê Cảsê 34

2.2.5 Đả3c tả Usê cảsê 35

2.3 Thiêt kê Dảtảbảsê 40

CHƯƠNG 3: XÂY DỰNG WEBSITE TRUNG TÂM GIA SƯ 41

3.1 Đả3ng nhảp 41

3.2 Trảng chu 41

3.3 Trảng sinh viên đả3ng ky 42

3.4 Trảng giảố viên đả3ng ky 42

3.5 Trảng quản ly giả sư 43

3.6 Trảng quản ly phu huynh/hốc sinh 43

3.7 Trảng quản ly phản hố i 44

KẾT LUẬN 45

SQL Structurêd Quêry Lảnguảgê

DANH MỤC CÁC HÌNH VẼ

Bảng 1.1 Kiê2u dư liêu số nguyên 31

Bảng 1.2 Kiê2u dư liêu số chảm đống 32

Bảng 1.3 Kiê2u dư liêu thới giản 32

Bảng 1.4 Kiê2u 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

MỞ ĐẦU TỔNG QUAN VỀ ĐỀ TÀI

Trống nhưng nả3m gả n đảy, cung với sư phảt triê2n cuả xả hối vả nê n kinh tê thi trướng thì cống viêc quản ly ngảy cảng khố khả3n vả phưc tảp Cống viêc quản

ly ngảy cảng đống gốp mốt vải trố quản trống trống cảc cớ quản, cống ty, xì nghiêp Viêc ảp dung cảc thảnh tưu cuả khốả hốc ky thuảt nối chung vả thảnh tưu cuả cống nghê thống tin nối riêng vảố cống tảc quản ly đả khống ngưng phảt triê2n Cống tảc quản ly ngảy cảng đước nhiê u cảc cớ quản chu trống vảố Nhưng quản ly thê nảố vả quản ly lảm sảố chố đảt hiêu quả cảố nhảt như: nhảnh, bảố mảt, thản thiên Tảt cả nhưng yêu tố đố chung tả đê u cố thê2 nhớ đên nhưng thảnh tưu cuả cống nghê thống tin, đố lả nhưng phả n mê m trớ giup hảy nhưng wêbsitê quản ly thảy chố nhưng tải liêu dảy cốm, thố sớ vả tả phải mảt rảt nhiê u thới giản đê2 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ê2 đước tìch hớp trống mốt sản phả2m cuả cống nghê thống tin Đê2 đảp ưng đước yê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

đố đê2 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ốt hảy thưả thống tin Tư đố thiêt kê hê thống thảnh nhưng chướng trình thuản tiên trố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 đề tài

Với sư phảt triê2n nhảy vốt cuả cống nghê thống tin hiên nảy, Intêrnêt ngảy cả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ê2 kêt nối bảVng thiêt bi cố thê2 kêt nối Intêrnêt cuả hố Với mảng Intêrnêt, tin hốc thảt sư tảố nên mốt cuốc cảch mảng trảố đố2i thống tin trống mối lình vưc vả3n 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,

nưả với lới thê cuả Intêrnêt nên viêc dung cống nghê đê2 hố trớ giới thiêu trung tả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ảnh chống, đảp ưng nhu cả u dảy vả hốc cuả mối ngưới, giup hố tiêt kiêm đước thới giả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êc mảy tình đả kêt nối Intêrnêt mối ngưới cố thê2 thốả sưc tìm kiêm giả sư phu hớp mố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 đả3t 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 website Trung tâm gia sư” lả đê tải chố mốn Đố

ản chuyên ngảnh cuả mình.

Với wêbsitê nảy ngưới dung cố thê2:

 Phu huynh/Hốc sinh đả3ng ky nhu cả u hốc

 Sinh viên vả giảố viên đả3ng ky dảy hốc

2 Mục đích

- 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ả3ng giảố tiêp, ky nả3ng mê m, tinh thả n tảp thê2, tình ky luảt, cảch ưng xư trống cảc mối quản hê tải cớ quản, ky nả3ng lảm viêc nhốm, khả nả3ng tư duy, khả nả3ng phản tìch vản đê

- Hiê2u 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 vụ nghiên cứu

- Tìm hiê2u 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 4.1 Phương pháp nghiên cứu lý thuyết:

- 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 đê2 hình thảnh nên nhưng y tướng tố2ng 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ảVm phản tìch thiêt kê hê thống chướng trình chố phu hớp.

-4.2 Phương pháp nghiên cứu thực tiễn:

- Xảy dưng chướng trình thêố nhưng yêu cả u đả đả3t rả.

- Triê2n khải chướng trình vả đảnh giả kêt quả đảt đước.

CHƯƠNG 1: CƠ SỞ LÝ THUYẾ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 đê2 xảy dưng vả cải đả3t 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ả3n bản.

CSS – Đinh dảng cảc siêu vả3n bản dảng thố tảố rả tư HTML thảnh mốt bố cuc

wêbsitê, cố mảu sả5c, ảnh nê n,….

Bootstrap – mốt frảmêwốrk CSS đước Twittêr phảt triê2n.

Javascript – lả nhê vả đước sư dung phố2 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ê2u 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 đê2 xư ly vả trảố đố2i 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ố2 biên ớ nhiê u lình vưc Dố sư phảt triê2n nhảnh chống cuả nhu cả u xảy dưng nhưng CSDL lớn thêố mố hình khảch/chu

(Client/Server)

1.1 Tổng quan về ngôn ngữ lập trình 1.1.1 HTML

HTML (tiêng Anh, viêt tả5t chố HypêrTêxt Mảrkup Lảnguảgê, hảy lả "Ngốn ngư Đảnh dảu Siêu vả3n bản") lả mốt ngốn ngư đảnh dảu đước thiêt kê rả đê2 tảố nên cảc trảng wêb với cảc mả2u thống tin đước trình bảy trên Wốrld Widê Wêb HTML đước đinh nghìả như lả mốt ưng dung đớn giản vả đước sư dung trống cảc tố2 chưc cả n đên cảc yêu cả u xuảt bản phưc tảp HTML đả trớ thảnh mốt chuả2n Intêrnêt dố tố2 chưc Wốrld Widê Wêb Cốnsốrtium (W3C) duy trì Phiên bản chình thưc mới nhảt cuả HTML lả HTML 4.01 (1999) Sảu đố, cảc nhả phảt triê2n đả thảy

thê nố bảVng XHTML Hiên nảy, HTML đảng đước phảt triê2n tiêp với phiên bản HTML5 hưả hên mảng lải diên mảố mới chố Wêb.

BảVng cảch dung HTML đống hốả3c Ajảx, lảp trình viên cố thê2 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ả3n bản đớn giản – cố thê2

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ÝG phư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 chố ngốn ngư mô tả 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.

Tải liêu HTML đước mố tả bới các thẻ HTML.

Mối thê HTML mô tả nối dung tải liêu khảc nhảu.

Cảu truc mốt đốản HTML:

- Cảc DOCTYPE khải bảố xảc đinh cảc lốải tải liêu lả HTML.

- Cảc vả3n bản giưả <html> vả </ html> mố tả mốt tải liêu HTML.

- Cảc vả3n bản giưả <head> vả </ head> cung cảp thống tin vê tải liêu.

- Cảc vả3n 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 tính, thuốc tình sê đả3t bên trống thê

mớ đả u, mối thuốc tình sê cố giả tri đước đả3t trống dảu ngốả3c kêp vả cảch nhảu bới dảu bảVng (=) 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ê2 hiê2n thi mốt tải liêu với mốt tiêu

đê , đốản vả3n vả mốt link.

Khi mốt tảp tin HTML đước hình thảnh, viêc xư ly nố sê dố trình duyêt wêb đảm nhản Trình duyêt sê đống vải trố đốc hiê2u nối dung HTML tư cảc thê bên trống

vả sê chuyê2n sảng dảng vả3n bản đả đước đảnh dảu đê2 đốc, nghê hốả3c hiê2u.

1.1.2 CSS

CSS lả chư viêt tả5t cuả cum tư tiêng ảnh (Cảscảding Stylê Shêêt), CSS đước tố2 chưc Wốrld Widê Wêb (W3C) giới thiêu vảố nả3m 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ả5c, 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ê2m sốảt tốản bố giảố diên nhảnh nhảt vả hiêu quả nhảt, tiêt kiêm đước nhiê u thới giản trống chình sưả, đả3c biêt lả cảc dư ản lớn đước kêt cảu tư nhiê u trảng HTML.

Dố đước tảch rới khối nối dung cuả trảng wêb, nên cảc mả HTML sê gốn gả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ê2 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ê2u nhưng gốm lải thì chung tả sê cố cảc thê2 lốải CSS thống dung như sảu:

- Background: CSS tuy chình hình nê n.

- Text: CSS tuy chình cảch hiê2n thi đốản têxt.

- Font: CSS tuy chình kìch thước, kiê2u chư.

- Link: CSS tuy chình link.

- CSS cuc bố: Viêt mả CSS trưc tiêp trống thê HTML, cu thê2 lả trống thuốc tì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 văn bạn sẽ bị ảnh hưởng khi khai báo CSS cục bộ.</p>

- CSS nối tuyên: CSS nối tuyên lả phả n mả CSS đước khải bảố trống cả3p thê <stylê> vả đả3t trống phả n <hêảd> cuả tải liêu HTML Khi sư dung CSS nối tuyên nố sê cố tảc dung lên filê html đước khải bảố nhưng khố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ả CSS mả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 đố2i thuốc tình hiê2n 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.

 Đê2 khải bảố css ngốải tuyên, tả chì cả n tảố mốt filê stylê.css chảgng hả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" />

Thư tư ưu tiên trống CSS: CSS cuc bố » CSS nối tuyên » CSS ngốải tuyên » CSS mả3c đ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ê đước dung đê2 đ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ê2n Nố lả mốt tảp hớp cảc

bố chốn, thuốc tình vả giả tri cố sả.n đê2 giup wêb dêsignêr trảnh viêc lả3p đi lả3p lải trố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ốả3c htm) đước chưả trống fốldêr bốốtstrảp(bản cố thê2 đả3t tên fốldêr nảy lả tuy y) thêố đướng dản

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<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 css của Bootstrap >

<link href="css/bootstrap.min.css" rel="stylesheet">

<! Sửa lỗi HTML5 cho IE 8 trở xuống >

<! [if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script

>

<script src="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ả2m my vả tải nả3ng trên khả5p thê giới.

Sư tướng thìch cuả trình duyêt với thiêt bi đả đước kiê2m trả nhiê u lả n nên

cố thê2 tin tướng kêt quả mình lảm rả vả nhiê u khi khống cả n kiê2m 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ê2 sư dung Bốốtstrảp đê2 tảố nên mốt trảng wêb sảng trống vả đả y đu Nhưng lải khống

cả n cốdê quả nhiê u CSS.

 Với giảố diên mả3c đinh lả mảu xảm bảc sảng trống, hố trớ cảc cốmpốnênt thố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ê2 vảố mả nguố n cuả nố đê2 thảy đố2i thêố y thìch cuả bản thản.

 Dố cố sư dung Grid Systêm nên Bốốtstrảp mả3c đ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 trên Mốbilê trước Nên viêc sư dung Bốốtstrảp chố wêbsitê cuả bản sê phu

hớp với tảt cả kìch thước mản hình Nhớ đố mả chung tả khống cả n xảy dưng thêm mốt trảng wêb riêng biêt chố mốbilê.

1.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ê2n tư cảc y niêm nguyên mảu Ngốn ngư nảy đước dung rống rải chố cảc trảng wêb, nhưng cung đước dung đê2 tảố khả nả3ng viêt script sư dung cảc đối tướng nảVm sả.n trống cảc ưng dung Nố vốn đước phảt triê2n bớ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ố i sảu đố đố2i 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ê2m Nêtscảpê bả5t đả u sư dung cống nghê Jảvả trên trình duyêt Nêtscảpê, LivêScript đả đước đố2i tên thảnh JảvảScript đê2 đước chu y hớn bới ngố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ố2 sung vảố trình duyêt Nêtscảpê bả5t đả u tư phiên bản 2.0b3 cuả trình duyêt nảy vảố thảng 12 nả3m 1995 Trên thưc tê, JảvảScript khống đước phảt triê2n dưả tư Jảvả Dố đố JảvảScript chì dưả trên cảc cảch đả3t tên cuả Jảvả Jảvả Script gố m 2 mả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ả5t đả u phảt triê2n JScript, mốt ngốn ngư

cố cung ưng dung vả tướng thìch với JảvảScript JScript đước bố2 sung vảố trình duyêt Intêrnêt Explốrêr bả5t đả u tư Intêrnêt Explốrêr phiên bản 3.0 đước phảt hảnh thảng 8 nả3m 1996.

DOM (Dốcumênt Objêct Mốdêl), mốt khải niêm thướng đước nhả5c đên với JảvảScript trên thưc tê khống phải lả mốt phả n cuả chuả2n ECMAScript, DOM lả mốt chuả2n riêng biêt cố liên quản chả3t 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ê2n

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ê2 đướ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ả2n, JảvảScript dưả vảố phả n mê m ngốn ngư đước gả5n vảố đê2 thưc hiên xuảt/nhảp.

Trên trình duyêt, rảt nhiê u trảng wêb sư dung JảvảScript đê2 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 đê2 thưc hiên mốt số tảc vu khống thê2 thưc hiên đước với chì HTML như kiê2m trả thống tin nhảp vảố, tư đống thảy đố2i hình ảnh, ƠA Viêt Nảm, JảvảScript cốn đước ưng dung đê2 lảm bố gố tiêng Viêt giống như bố gố hiên đảng sư dung trên trảng Wikipê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ả2n W3C DOM, dố đố trống rảt nhiê u trướng hớp lảp trình viên phải viêt nhiê u phiên bản cuả cung mốt đốản mả nguố n đê2 cố thê2 hốảt đống trên nhiê u trình duyêt Mốt số cống nghê nố2i bảt dống JảvảScript đê2 tướng tảc với DOM bảố gố m DHTML, Ajảx vả SPA.

Trống đố nố2i bảt lả Ajảx, AJAX, lả viêt tả5t 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 đê2 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ảt mốt cảch khống đố ng bố bảVng cảch trảố đố2i 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ê2n Wêb đốc lảp với cảc phả n mê m Wêb Sêrvêr.

Với AJAX, ngưới dung cố thê2 tiêp tuc sư dung ưng dung trống khi cảc chướng trình trên Cliênt tảố Rêquêst đê2 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 đê2 chì ky thuảt nảy AJAX lả mốt ưng dung giảu tình Intêrnêt vả bên cảnh đố AJAX cung khống thê2 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ốả3c XHTML) với CSS trống viêc hiê2n thi thống tin.

 Sư dung đối tướng XMLHttpRêquêst đê2 nhản dư liêu tư mốt Wêb Sêrvêr mốt cảch khống đố ng bố.

 Sư dung mố hình DOM với sư trớ giup cuả JảvảScript đê2 hiê2n 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ới mố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.

1.1.5 JQUERY

JQuery lả mốt thư viên kiê2u mới cuả JảvảScript, đước tảố bới Jốhn Rêsig

vảố nả3m 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ả3ng 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

đê2 traverse (duyệ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ự kiện − jQuêry giup tướng tảc với ngưới dung tốt hớn bảVng 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ới cảc Evênt Hảndlêr.

 Hỗ trợ AJAX − jQuêry giup bản rảt nhiê u đê2 phảt triê2n mốt sitê giảu tình

nả3ng vả phản hố i tốt bới sư dung cống nghê AJAX.

 Hiệu ứng − jQuêry đi kêm với rảt nhiê u cảc hiêu ưng đả dảng vả đêp mả5t

mả bản cố thê2 sư dung trống cảc Wêbsitê cuả mình.

 Gọn nhẹ − jQuêry lả thư viên gốn nhê - nố chì cố kìch cớ khốảng 19KB

(gzippêd).

 Được hỗ trợ hầu hết bởi các trình duyệt hiện đại − 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 nhật và hỗ trợ các công nghệ mới nhất − jQuêry hố trớ CSS3

Sêlêctốr vả cu phảp XPảth cớ bản.

Cố hải cảch đê2 sư dung jQuêry:

 Cài đặt nội bộ − Bản cố thê2 tải jQuêry Librảry trên thiêt bi nối bố cuả bản

 Sử dụng từ CDN (CDN Based Version) − Bản cố thê2 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êry Nêtwốrk (CDN).

Vì du Bảy giớ chung tả viêt lải vì du trên bới sư dung thư viên jQuêry tư Gốốglê CDN:

<html>

<head>

<title>The jQuery Example</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script>

Nê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ống Hả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.

Đê2 lảm điê u nảy, chung tả đả3ng ky mốt sư kiên đả sả.n sảng chố tải liêu như sảu:

$(document).ready(function() {