Internship Report on Online Dispensary Management

8/20/2019 Internship Report on Online Dispensary Management

1/70

SUMMER INTERNSHIP PROJECT REPORT

ON

ONLINE DISPENSARY MANAGEMENT SYSTEM

AT

“GENX SOFT TECHNOLOGIES”

JAIPUR

SUBMITTED TO: SUBMITTED BY:

Dr. PRASUN CHAKRABARTI AKANKSHA THAKUR

(HOD, CS) ROLL NO – 12CS00156

SPSU, Udaipur (Raj).

Sir PadampatSinghania University

Bhatewar, Udaipur,R!"!#$%!&

DECLARATION


2/70

I A'!&'#%! T%!'r #$*&$ + Sir PadampatSin!aniaUni"#r$it% ,U!-r, %*r*/ *!r*

$%!$ $%* r+"*$ $-$* 3On&in# Di$p#n$ar% Mana#m#nt S%$t#m4 -# +r--&! !# ! + $%*

-&+r!$-+& !$# !& -r* -& $%-# r*+r$ -# /!#* +& +7& $r!-&-& *8*r-*&* !& #$

r-& #*r $r!-&-& r+*r*.

S-&!$r* : 9999999999999999999999999

N!* : 9999999999999999999999999

E&r+. N+. : 9999999999999999999999999

D!$* : 9999999999999999999999999

CERTIFICATION

AKANKSHA THAKUR /SPSU/CSE/GENEX S!T/"#$%&$'/Pae/"


3/70

T%-# -# $+ *r$- M-##. A'!&'#%! T%!'r ! #$*&$ + '(t#)! *+,* B!$% %!# &*r+&*

#*r $r!-&-& -& GENX SOFT TECHNOLOGIES at JAIPUR +& $%* $+- +

3ONLINE DISPENSARY MANAGEMENT SYSTEM” +r ! *r-+ + 5 !#

+*&-& r+ !$* 1;$% M! $+ $%


4/70

I $!'* $%* ++r$&-$ $+ *8r*## r!$-$* $+ ! $%* +&*r&* *+* 7%+ %!=* -r*$

+r -&-r*$ +&$r-/$* $+7!r# +*$-+& + $%-# r+"*$. I *8$*& #-&*r* r!$-$*

$+7!r# >EN? SO@T +r r+=--& $%* ++r$&-$ !& r*#+r*# $+ 7+r' +& $%-# r+"*$.

I ! *8$r** r!$* $+ Dr( PRASUN CHA-RA'ARTIH*! +

D*!r$*&$(HOD),B!r*- 7%+#* --%$ *&+r!* * $+ + /*+& $%* #+* + $%*

r+"*$ !& $%-# /r+!*&* * *!r&-& +& $%-# r+"*$.

I !#+ 7!&$ $+ #%+7 r!$-$* $+ Mr$(P223a Sin!, HR !&!*r + $r!-&-& !&

*=*+*&$ #*$-+& 7%+#* --%$ %** * $+ +*$* $%-# r+"*$.

A-AN-SHA THA-UR

.CSE 'ran)!0

A'STRACT

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/0


5/70

* %!=* *=*+* ! r+"*$ +& 3On&in# Di$p#n$ar% Mana#m#nt S%$t#m4 +& ! PHP

!$+r. T%-# r+"*$ -# !/+$ !& +&-&* *-! #-$* 7%-% -# +*& +r !. T%* -&$*r!* -#

=*r #*rr-*&. T%* !$! !r* 7* r+$*$* +r *r#+&! #* !& !'*# $%* !$! r+*##-&

=*r !#$.T%* r+"*$ -# /!#* +& $%* !$!/!#*, +/"*$ +r-*&$* !& &*$7+r'-& $*%&-*#. A#

$%*r* !r* !& !r*!# 7%*r* 7* '** $%* r*+r# -& !$!/!#* +r 7%-% 7* !r* #-& MY SL

#+$7!r* 7%-% -# +&* + $%* /*#$ !& $%* *!#-*#$ #+$7!r* $+ '** +r -&+r!$-+&. T%-#

r+"*$ #*# PHP !# $%* r+&$*& #+$7!r* !& %!# +&&*$-=-$ 7-$% MY SL.Or Pr+"*$

-&*# r*-#$r!$-+ + */*r#, #$+r-& $%*-r *$!-. R*-#$*r* */*r# $%*& %*' $%*

*$!-# + $%* +$+r# 7%-% !r* +& $, $%*-r #%**, *--&*# !=!-!/* +& *-! #$+r*.

T%*r* -# ! +&$!$ !* !=!-!/* 7%-% -&*# $%* *$!- + ! $%* *!r$*&$#. A-& !&

!$* $%* *$!-# -'* +&$!$ &+ +r E!-9-!+r-&.C-*&$# !& !#+ r**#$ +r $%*

%!&* + !##7+r 7%-% 7- /* !$* -& $%* !$!/!#*.O& !-& !& !'* !& %!&*#

$+ $%* +r$! +$%*r $%!& *r#+&! *$!-# + $%* -*&$#. T%* *$!-# + ! $%* -*&$# !r* #$+r*

-& $%* !$!/!#*. O$%*r $%!& $%-# $%*r* -# !#+ !& *&-r +r !& #/#r-/* +r r+=-* +r

-*&$#. * %!=* 7+r'* +& $%* !&!*# #% !# HTML (H*r$*8$ M!r' L!&!*),

CSS (C!#!-& S$* S%**$#),

CONTENTS

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/%


6/70

D#)&arati2n I

C#rti4i)ati2n II

A)5n26d#m#nt III

A7$tra)t I8

CHAPTER ,

INTRODUCTION , 9:

H-#$+r + >*&8

C+!& Pr+-* S*r=-*#

CHAPTER * ;


7/70

JB#r% And '22t$trap

D*-&-$-+& @*!$r*# Br+7#*r S+r$

U#!* B++$#$r! I&$r+$-+& U#!* !& @&$-+

CHAPTER @ *?,

PHP And M%S&

MS I&$r+$-+& H-#$+r MS @&$-+ MS C+!&# PHP I&$r+$-+& PHP S&$!8 PHP @&$-+ PHP U#*

CHAPTER >*

PANEL

I&$r+$-+&

CHAPTER :

PROJECT DESCRIPTION >=


8/70

LIST OF FIGURES

S(n2( Nam# 24 4iBr# 2r )!apt#r Pa# n2(

1 >*+r!%-! +!$-+&

2 */!* U#-& B++$#$r! 25

PHP F

P!&* 2

5 Pr+"*$ D*#r-$-+& 5

6 I&+r!$-+& P!* 6

M*-! S$+r*

; C+&$!$ P!* F

F L+-& P!* 51

10 @++$*r 52

11 MS 5

12 A-& P!&* 5

1 U#*r P!&* 55

1 S+$7!r* U#* 56



9/70

LIST OF A''RE8ATIONS

HTML H*rT*8$ M!r' L!&!*

CSS C!#!-& S$* S%**$#

PHP H*rT*8$ Pr*r+*##+r

SL S$r$r* *r L!&!*

AMP -&+7#, A!%*,MS,PHP

?ML E8$*-/* M!r' L!&!*

?HTML E8$*-/* H*rT*8$ M!r' L!&!*

ADOM D+*&$ O/"*$ M+*


10/70

GENX SOFT TECHNOLOGIES P8T LTD !# E#$!/-#%* -& 2010 A$

S*-!-G* -& */ A-!$-+& D*=*+*&$, */#-$* D*#-&-&, S+$7!r* A-!$-+&

D*=*+*&$ !& M+/-* A-!$-+& D*=*+*&$. C+!& %!# *#$!/-#%* -$# C+r*

D*=*+*&$ U&-$# !$ B!&!+r*, D*%-, 7!-+r 7-$% *8**&$

-&r!#$r$r*.

T%* +!& %!# -$# +7& /r!& -*&$-$ -& -&$*r&!$-+&! !r'*$. * %!=* ! !-$ #$!'

%+*r# *-!$* $+7!r# !-& +&$-&+# =!*# $+ +r -*&$ /!#* #*r=-*#

r+*##. * !#+ *!# -& Pr+*##-+&! */ H+#$-&, S.E.O. S*r=-*#, Pr+*##

C+$!$-+& !& +$%*r IT r*!$* #*r=-*# !$

C2mpan%$ Gr26t! 8a&B#$<

GENX SOFT1ARES -# +&* + $%* *!-& /r!&# -& +/! IT !r'*$. >EN? SO@TARES %!#

#*r=* +r* $%!& 1000 -*&$# 7+r7-*. >EN? SO@TARES -# ! r-=!$* %* +!&

r*#*r=*# r-%$# $+ +*r #*r=-*# 7+r7-*. T%* +#$ -+r$!&$ '* -##* + +r +&$-&+#

r+7$% -# +r !!/* S'-* E+**#.

C2mpan%$ C2mp#titi"# -#% I$$B#$<

Y+&, E&*r*$- E8*r-*&* T*!. P*r*$ H-*r!r%! M!&!**&$. Or Pr--& !-$ !'* # -*r*&$ r+ +$%*r#. Or H-% T*% I&r!#$r$r*. Or >+/! P!r$&*r#%-..

Pr2)#$$ And Initiati"#$

GENX SOFT TECHNOLOGIES ++7# r+!$-=* !r+!% -& -$#D*=*+*&$ D*#-&-& Pr+*## $+ r** +&-!$-+& >AP /*$7**& D*=*+*&$#.

* !7!# %!=* ! R*! $+ +r' T*! 7%-% %!# +$ *8**&$ -&$*r*r#+&! $*%&-! #'-# $+ *!r $%* r+*## + SDLC -& $%* /*#$ !&&*r. A$ $%*=*r -r#$ #$* + SDLC 7* *!r &*r#$!& $%* *8*$!$-+& r*-r**&$#7-$% +*$* +*&$!$-+& @!$ S%**$#.

* %!=* ! =*r #$r+& &*$7+r' +r C-*&$ S+r$ S*r=-*J $%* !r*

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/"


11/70

r*#+-/* $+ -&$-!$* ! !$*# #$!$# $+ $%* -*&$ !# *r $%* r*+r$ /

$%* T*%&-! Or D*=*+*&$ T*!$+ Or Pr+"*$ Pr+*##-& M!&!**&$T*! #!r$ r*!r*# +*$* +*&$!$-+& +r $%* +r' Pr+*## @+77-$% >-=*& D*!-&*# / $%* -*&$. B*!#* 7* $r#$ +& ! 7*!&&*

12r5 Ba&it% Mana#m#nt<

Or Pr+"*$ M!&!**&$ $*! -# %-% +$-=!$* $+7!r# +*r *8**&$ 7+r' !-$ $+

+r -*&$#. * /*-*=* ++ !-$ 7+r' !7!# -&*&* +r -*&$# $+ #%!r* ++

*8*r-*&* 7-$% +$%*r#. * %!=* !-$ /*&%!r'-& #*r=-* 7%-% !##r*# !-$ 7+r'

+$$ *8*$* r+ $%* 7+r' +7 !&!**&$.

Or D*=*+*&$ Pr+"*$ M!&!**&$ $*! -# %-% !--* !& +$-=!$* +r 7+r'

*-=*r. * ++7 +r +7& r*#*!r%* !-$ /*&%!r'-& +* $+ +*$* *-=*r

$%* r+"*$ 7+r' !# *r *!-&*#.

* #* #+* -+r$!&$ *$%+++ $+ 7+r':

E!*r&*## $+ 7+r' r*!$-=* %!r +r -*&$# +#-$-=* **/!'. @**-& + +7&*r#%- $%!$ *!% */*r !& /* ! +&* !& !r 7-$% #'-# E8*r$-#*. M+$-=!$-+& + R*7!r# A%-*=**&$# +r *=*r -&-=-! T*!. Cr*!$-=* 7+r'-& $+ *$ !r*-!$-+& r+ -*&$. U&-* D-r*$-+& P*r*$ *r#+&! HR !&!**&$.

R#6ard$ A)!i#"#m#nt< E8**&$ L*!r&-& M+$-=!$-+& +r $%* !-$ -# $%* $+#$ -+r$!&$ $r* + >EN?SO@T TECHNOLO>IES (P) LTD. Or *+**# *&"+ ! r*7!r-& !r**r +r-*&$*7+r'-& $r* 7%-% -&*&* $%* $+ !%-*=* *8*$* r+7$% -& -=*& *r-+ + $-*.* %!=* !##-+&!$* +& *&-&**r# !&!*r *!$* r+ TOP &-=*r#-$-*# + I&-! !#7* !/r+!. %-* 7+r'-& 7-$% >EN? SO@T $%* ** *!#r* !& %! $+ 7+r'.

C2rp2rat# Trainin Ent#rtainm#nt<

* /*-*=* $%!$ ! #'-* *+** &**# %-% *& +r+r!$* $r!-&-& $+ &*r#$!& $%*

7+r'-& $r* + ! +!&. * %!=* >+/! T-*# +r E+** Tr!-&-& Or-*&$!$-+&

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/


12/70

Pr+r!. * 7+r' +& $%*-r #'-# r+*##-+&!-# *=*+*&$ #+ $%!$ $%* !& /*+* !+& $*r =!!/* !##*$ + $%* +!&.* %!=* ! $r*& $+ **/r!$* ! +*&$# 7%-% !& r*r*#% $%* -& + +r *+**# #+ !&$%* !& *$ /!' $+ $%*-r 7+r' 7-$% +r* *&*r. * +r!&-G* ! r*!$* +!&*r*+&-*# -& 7-$% *+**# $!'* ! !r$ $+ **/r!$* *!% +*&$.

H#a&t! M#ditati2n<

* %!=* !rr!&* +*$* C+r+r!$* H*!$% C%*' @!--$ / +r E+** H*!$%

C!r* !r !& %*' #*r=-* -# !=!-!/* -& ! M*$r+ C-$-*#.

12r&d6id# G#n

A# >+/! IT #*&!r-+ -# %!&-& r**&$ !& $!'-& -+r$!&$ !* -& 7+r7-*!=!&**&$. I$ %!# /*+* !& -+r$!&$ +-*r!$-+& $+ #*r=* -& $%* /*#$ 7!. @+r $%* #!*7* %!=* D-*r*&$ B#-&*## U&-$# !r+## I&-! $+ #*r=* +r -*&$# -& $%* /*$$*r 7!.* %!=* *#$!/-#%* +r 7**-* D*=*+*&$ U&-$# -& M!"+r S$!$*# + I&-! 7-$%!-$ -r* *8*r$ $*!. * %!=* Or M!"+r C-*&$# r+ +=*r#*!# -'* US. ,UK,A#$r!-! *$. * %!=* *8*r$ C-*&$ S+r$ *!r$*&$ 7-$% #'-* *+**# 7%+ r*!!r* +r -*&$# +r* =!*#.

Sp#)ia& Fa)i&iti#$ 42r OBt$2Br)in 12r5in Pr2)#$$<

* Pr+=-* D!N-%$ B+$% S%-$# $+ 7+r' +& +=*r#*!# r+"*$#.

* %!=* 7* *-* D*=*+*&$ -&# %!=-& !-$ #'-# +r $*%&-! 7+r'-&. Tr!-&* C-*&$ S+r$ E8*$-=*# 7-$% E8**&$ +&-!$-+& A*&$ $+ &*r#$!&

+r *=*+*&$ &** %!&*#. * !7!# '** /!' #+r$ +r ! -&+r !"+r r*-r**&$# +r */#-$*

S+$7!r* *=*+*&$. * %!=* $r!!r*&$ 7* $r#$* !*&$ $r!!$-+ r+*##-&. * !r* !7!# *!*r $+ '&+7 $%* **/!' + +r -*&$# +&$-&* -r+=**&$ -& +r

r+*##.

* %!=* ! &-* r+*## +r +#%+r* 7+r' !&!**&$ $+ !##r* !-$ 7+r' 7%-% !&-&*&* +r -*&$# $+ /* ! !r$ + +r !##+-!$-+& +r ! +&*r *r-+ + $-*.

* /*-*=* -& r+=--& r-#' r** r+*##, %-% !-$ *-=*r r+*##, $r!!r*&$ 7+r'-& !*&$ r+*##, !-$ A##r!&* T*%&-*#.>EN? SO@T TECHNOLO>IES (P)



13/70

LTD ++7# -*r*&$ +*# + I&$*r&!$-+&! +r' r+*##.

O44$!2r# D#&i"#r% M2d#&<

>EN? SO@T !##r* $%* !-$ r+"*$ *=*+*&$ !# *r $%* -*&$ &**#, $%* 7%+*r*#+-/--$ $+ *=*+ ! !-$ r+$ /*+*# $%* r*#+-/--$ + Sr. Pr+"*$ M!&!*r T%* $*! !##+-!$* 7-$% $%* #!* $!#'.

* *r* 7+r' +*$-+& /*+r* $%* *!-&*# !& 7+r' !-$. %-* +#%+r* r+*##7* $ $%-# $!#' +& %-% r-+r-$ 7-$% #-&*r* +-*r!$-+&.

OBr Ena#m#nt M2d#&<

GEOGRAPHICAL LOCATION



14/70

,(* C2mpan% Pr24i

A72Bt t!# C2mpan%

>EN? SO@T TECHNOLO>IES PT. LTD. I# ! C+!& /!#* +& INDIA, 7%-% -#

-&+r+r!$* &*r $%* +!&-*# A$ 1F56. >EN? SO@T -# ! #-#$*r +&*r&* +!& +

ROYALS >ROUP 7%-% -# *!-& -& IT S*r=-* -&#$r S-&* 2005.

>EN? SO@T TECHNOLO>IES PT. LTD. I# ! +!& *=*+-& IT r+$# !&

+$#+r-& -$ $+ $%* 7+r 7-* -*&$# !# 7* N!$-+&! -*&$#. I$ +*r# #*r=-*# $+ B2B !#

7* B2C 7-$% $%* $-!$* !& &!$%* *8*r-*&*. >EN? >r+ %!# -&-$-!$* ++$ r-&$#

-& #+ !& #*$+r# -'* M!&!$r-&, IT #*r=-*#, R*$!--&, E!$-+&, C+$!&, R*!

E#$!$* *$.

T%* +!& %!# -$# r-* +$-=* $+ *-=*r $%* !-$ IT #*r=-*# Pr+$# $+ $%* *&

#$+*r. C+!& %!# r**&$ *=*+* -$# +7& SD (S+$7!r* D*=*+*&$)

D-=-#-+&. T%* !"+r B#-&*## + $%* +!& -# S+$7!r* D*=*+*&$ */ A-!$-+&

D*=*+*&$. >EN? -# !&&-& $+ !&% #+ !& #*r=-* +r$!# $+-&r*!#* $%* /#-&*## +

-$#*8-#$-& -*&$#.

A72Bt D#"#&2pm#nt 1in<

>EN? SO@T C+!& %!# *=*+* -$# r-!r r*#*!r% D*=*+*&$ D-=-#-+& -&


15/70

C+!& %!# -$# r-* +$-=* $+ #*r=* $%* IT #*$+r !# ! r*&+7&* IT !$!#$.

C2rp2rat# S2)ia& R#$p2n$i7i&iti#$<

CSR -# ! =*r -+r$!&$ $ !& r*#+-/--$ + !& +r!&-G!$-+&. * #*r=* $%* #+-*$

7-$% +r +&*r&* +!&-*# R+!# >r+ (R.C..E.). * %!=* #$!r$* @r** E!$-+& $r!-&-& $+ $%* ++r #$*&$# + rr! /!'r+& -& UP, MP, BIHAR.C+!& %!# /**& !##+-!$* -& #+ !& PSU r+"*$# #+ -$ /*+*# =*r -+r$!&$ +r # $+$!'* !r* + +r #+-*$! *=*+*&$. S+ !& N>O+ !$-=-$-*# %!=* /**& *8*$* +r $%*#!*.

C2mpan% Ep#rt Pan#&<

C+!& /*-*=*# $+ !rr ! !-$ -r* +r $%* *8*r$ '&+7** S'-#. * %!=**/*r !##+-!$* r+ -*r*&$ NIT#, IIT# !& IIM#. E8*r$ !&* + 0 Pr+*##+r# %!=*

/**& !##+-!$* 7-$% +r $*%&-! !##+-!$-+&.

R**&$ +!& %!# *=*+* ! !$*#$ 7* *-* r*#*!r% !/ 7-$% !$*#$ $*%&++-*#$+ -=* $%* r*#*!r% #+r$ $+ -$# -*&$#.

C2mpan%$ Strat#i) Appr2a)!<

T%* +!& !7!# !+$# NICHE #$r!$* + /#-&*## #+ 7* %!=* !#+ !$r* &$+%*

!r'*$ + -*r*&$ #**&$#. I$ -# ! &-=*r#! $r$% $%!$ /#-&*## #%+ !7!# r+7, $%!$ -#

7% >EN? %!# #$!r$* #+ !& /#-&*## #*$# /$ $%* r+/* +rr* !7!# -# MAN

POER. @+r *=*+-& $%* #+-*$! !7!r*&*## !& #r*!-& $%* $*%&-! '&+7**

>EN? %!# #$!r$* >EN? HR SOLUTIONS 7%-% -# /r--& $%* ! /7 $%* !&-!$* !&

+!&.

C+!& %!# +$ !& *8*r$ !&* + IT $*%&+r!$# $+ *=*+ !& #*#$ $%* /#-&*##

#$r!$*-*#.

,(= S#r"i)#$

S24t6ar# D#"#&2pm#nt

A$ >EN?, S+$7!r* D*=*+*&$ -# ! %!r +r* -##* $+ *#-& !& *=*+ $%* #*r=-*# !& r+$#.C+!& +*r# ! $%* #*r=-*# +r S+$7!r* D*=*+*&$ S+$-+& $+ -$# 7+r7-*-*&$#. !-$ C-r* + *8*r$ *8*r-*&* *=*+*r# 7* !7!# -=* $%* /*#$ $r*!$*&$$+ +r -*&$#. @+r /*$$*r -r+=**&$ -& +r #*r=-*# +!& %!# *=*+* #+ !&

+r$!# $+ !--$!$*# -$# -*&$#.* !7!# !r* +r +r +-$*&$# *#*-! 7%*& -$ -# !/+$ +r r+*##-+&!-#.

•

O&-&* 2 %+r# S*r=-* S+r$.



16/70

• Pr+"*$ S+$7!r* D+*&$!$-+& +r **$-& *!-&*# +-$*&$#.

• E8*r$ C+&- -=* $*%&-! !##-#$!&*.

• U&-* -*&$ ID R*+$* Pr+"*$ A##-#$!&*.

• S$!$# A*r$ + r+"*$ O&-&* *=*+*&$.

C2mpt# Ana&%$i$ R#$#ar)! 62r5 42r %2Br 7B$in#$$

* !r* ! $*! + *-!$* *=*+*r#. >*&8 r*#%!* +r /#-&*## !& $+ *$ $%* &-*-*&$-$. * 7+r' +r +r /#-&*## r++$-+& $+ !%-*=* +r /#-&*## $!r*$#.

• C+&=*r$-& I*!# -& I&&+=!$-+

• B*$$*r @$r* 7-$% S$!$#

• C+&=*r$-& r*#*&$ %!*&*# -& @$r* O+r$&-$-*#

* !r* !$*r-& $%* IT -&#$r !#$ r+ #+ !& *!*# /$ $%* r-* +$$+ 7-$% $%*!$*# 7%!$ >EN? %!# *=*+* -# $+ +*r !r /*$$*r $%!& $%* *8*$* !-$. * %!=*-*r*&$ !$*+r-*# + r+$# -& 7%-% 7* %!=* +&++ + $*%&++ -& &!$-+&! !# 7*-&$*r&!$-+&! !r'*$. * %!=* #+* #*-! !$*+r-*# + #+$7!r* *=*+*&$

• */ A-!$-+ */#-$*

• C+** M!&!**&$ S+$7!r*

• CRM S+$7!r*

• M*-! S+$7!r* HR P+r$!#

• S+-! */ P!*# D*=*+*&$

• A&$--r# D*=*+*&$

T#)!ni)a& A$$i$tan)# S#r"i)#$

* %!=* !$*+r-G* +r -*&$ #+r$ #*r=-*# !& $r& '* r+"*$#

• Tr& K* Pr+"*$ M!&!**&$

• O& -&* $*%&-! #+r$

• L+ I& !*## +r -=* #+r$



17/70

• T*%&-! Tr!+r!$-+& #*r=-*#

1#7 App&i)ati2n D#"#&2pm#nt

>EN? 7*/ *=*+*&$ $*! %!# +$ ! 7-* r!&* + *=*+*&$ $!$-# $+ *#-& D*=*+*&$ ! +*$* 7*/ !-!$-+&. * !$*r /+$% #$!$- &!- 7*/ !*# !$ =*r*+&+- r-* 7-$% =!* !* #*r=-*#.

1#7 D#$inin S)ript 1ritin

D*#-&-& + $%* 7*/ !-!$-+& -# $%* +#$ -+r$!&$ +-*r!$-+& !& =*r #*-$-=* +r /+$% -*&$ !# 7* #*r=-* r+=-*r. * %!=* ! #*!r!$* 7*/ *#-&-& *8*r$# #-& -*r*&$!$*#$ $*%&++-*#.

Sr-$ (C+&$*&$) 7r-$-& -# 7%!$ !* -&+r!$-+& $+ $%* -*&$.

• * 7r-$* +r $%+%$# -&+r!$-+& 7%-% !& $ $%* /*#$ -!$ +& -*&$.

• * -=* ! r+*r !&!#-# +r r*-& ! /7 + !& +r -*&$.

1#7 App&i)ati2n D#"#&2pm#nt

* *=*+ $%* +*$* 7*/ !-!$-+& 7*/ #+$-+& $+ r++$* +r r+$ +&-&*. T%*+*$* !-!$-+& *$# *=*+ -& $%* +-*r!$-+& + +r 7*/ *8*r$#.* #* ! !"+r $*%&++-*# PHP.NET


18/70

CHAPTER *

HTML

*(, Intr2dB)ti2n

H%p#rt#t Mar5Bp LanBa#, ++& r**rr* $+ !# HTML, -# $%*

#$!&!r !r'!&!* #* $+ r*!$* !*#. I$ -# 7r-$$*& -& $%* +r + HTML

***&$# +-#$-& + tags *&+#* -& !&* /r!'*$# (-'* %$). HTML $!# +#$

++& +* -& !-r# -'* %1 !& %1 , !$%+% #+* r*r*#*&$ empty elements !&

#+ !r* &!-r*, +r *8!* -. T%* -r#$ $! -& #% ! !-r -# $%* start tag , !& $%*

#*+& -# $%* end tag ($%* !r* !#+ !* opening tags !& closing tags).

*/ /r+7#*r# !& r*! HTML -*# !& r*&*r $%* -&$+ =-#-/* +r !-/* 7*/ !*#.

Br+7#*r# + &+$ -#! $%* HTML $!# !& #r-$#, /$ #* $%* $+ -&$*rr*$ $%* +&$*&$ +

$%* !*. HTML *#r-/*# $%* #$r$r* + ! 7*/#-$* #*!&$-! !+& 7-$% *# +r

r*#*&$!$-+&, !'-& -$ ! !r' !&!*, r!$%*r $%!& ! r+r!-& !&!*.

HTML ***&$# +r $%* /--& /+'# + ! 7*/#-$*#. HTML !+7# -!*# !&

+/"*$# $+ /* */** !& !& /* #* $+ r*!$* -&$*r!$-=* +r#. I$ r+=-*# ! *! $+r*!$* #$r$r* +*&$# / *&+$-& #$r$r! #*!&$-# +r $*8$ #% !# %*!-&#,

!r!r!%#, -#$#, -&'#, +$*# !& +$%*r -$*#. I$ !& */* #r-$# 7r-$$*& -& !&!*# #%

!#

*/ /r+7#*r# !& !#+ r**r $+ C!#!-& S$* S%**$# (CSS) $+ *-&* $%* ++' !& !+$ +

$*8$ !& +$%*r !$*r-!. T%* +r -* */ C++r$- (C), !-&$!-&*r + /+$% $%*

HTML !& $%* CSS #$!&!r#, %!# *&+r!* $%* #* + CSS +=*r *8--$ r*#*&$!$-+&!

HTML #-&* 1FF.

T%* -r#$ /- !=!-!/* *#r-$-+& + HTML 7!# ! +*&$ !* HTML T!#, -r#$

*&$-+&* +& $%* I&$*r&*$ / B*r&*r#L** -& !$* 1FF1. I$ *#r-/*# 1; ***&$# +r-#-&

$%* -&-$-!, r*!$-=* #-* *#-& + HTML. E8*$ +r $%* %*r-&' $!, $%*#* 7*r*

#$r+& -&*&* / S>ML-, !& -&%+#* S$!&!r >*&*r!-G* M!r'

L!&!* (S>ML)/!#* +*&$!$-+& +r!$ !$ CERN. E*=*& + $%*#* ***&$# #$- *8-#$

-& HTML .

HTML -# ! !r' !&!* $%!$ 7*/ /r+7#*r# #* $+ -&$*rr*$ !& ++#* $*8$, -!*#

!& +$%*r !$*r-! -&$+ =-#! +r !-/* 7*/ !*#. D*!$ %!r!$*r-#$-# +r *=*r -$* +

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/$#

https://en.wikipedia.org/wiki/Markup_languagehttps://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/Bracket#Angle_bracketshttps://en.wikipedia.org/wiki/Web_browserhttps://en.wikipedia.org/wiki/Websitehttps://en.wikipedia.org/wiki/Semantichttps://en.wikipedia.org/wiki/Programming_languagehttps://en.wikipedia.org/wiki/Img_(HTML_element)https://en.wikipedia.org/wiki/Img_(HTML_element)https://en.wikipedia.org/wiki/Fieldsethttps://en.wikipedia.org/wiki/Structured_documenthttps://en.wikipedia.org/wiki/Hyperlinkhttps://en.wikipedia.org/wiki/Scripting_languagehttps://en.wikipedia.org/wiki/JavaScripthttps://en.wikipedia.org/wiki/Cascading_Style_Sheetshttps://en.wikipedia.org/wiki/World_Wide_Web_Consortiumhttps://en.wikipedia.org/wiki/SGMLguidhttps://en.wikipedia.org/wiki/Standard_Generalized_Markup_Languagehttps://en.wikipedia.org/wiki/Standard_Generalized_Markup_Languagehttps://en.wikipedia.org/wiki/Markup_languagehttps://en.wikipedia.org/wiki/Web_browserhttps://en.wikipedia.org/wiki/Typesettinghttps://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/Bracket#Angle_bracketshttps://en.wikipedia.org/wiki/Web_browserhttps://en.wikipedia.org/wiki/Websitehttps://en.wikipedia.org/wiki/Semantichttps://en.wikipedia.org/wiki/Programming_languagehttps://en.wikipedia.org/wiki/Img_(HTML_element)https://en.wikipedia.org/wiki/Img_(HTML_element)https://en.wikipedia.org/wiki/Fieldsethttps://en.wikipedia.org/wiki/Structured_documenthttps://en.wikipedia.org/wiki/Hyperlinkhttps://en.wikipedia.org/wiki/Scripting_languagehttps://en.wikipedia.org/wiki/JavaScripthttps://en.wikipedia.org/wiki/Cascading_Style_Sheetshttps://en.wikipedia.org/wiki/World_Wide_Web_Consortiumhttps://en.wikipedia.org/wiki/SGMLguidhttps://en.wikipedia.org/wiki/Standard_Generalized_Markup_Languagehttps://en.wikipedia.org/wiki/Standard_Generalized_Markup_Languagehttps://en.wikipedia.org/wiki/Markup_languagehttps://en.wikipedia.org/wiki/Web_browserhttps://en.wikipedia.org/wiki/Typesettinghttps://en.wikipedia.org/wiki/Markup_language


19/70

HTML !r' !r* *-&* -& $%* /r+7#*r, !& $%*#* %!r!$*r-#$-# !& /* !$*r* +r

*&%!&* / $%* 7*/ !* *#-&*rQ# !-$-+&! #* + CSS. M!& + $%* $*8$ ***&$# !r*

+& -& $%* 1F;; ISO $*%&-! r*+r$ TR F5 T*%&-*# +r #-& SGML, 7%-% -& $r&

+=*r# $%* *!$r*# + *!r $*8$ +r!$$-& !&!*# #% !# $%!$ #* / $%* RUNO@@

+!& *=*+* -& $%* *!r 1F60# +r $%* CTSS (C+!$-/* T-*S%!r-& S#$*)+*r!$-& ##$*: $%*#* +r!$$-& +!&# 7*r* *r-=* r+ $%* +!&# #* /

$*#*$$*r# $+ !&! +r!$ +*&$#. H+7*=*r, $%* S>ML +&*$ + *&*r!-G*

!r' -# /!#* +& ***&$# (&*#$* !&&+$!$* r!&*# 7-$% !$$r-/$*#) r!$%*r $%!& *r*

r-&$ **$#, 7-$% !#+ $%* #*!r!$-+& + #$r$r* !& !r'J HTML %!# /**& r+r*##-=*

+=* -& $%-# -r*$-+& 7-$% CSS.

A$*r $%* HTML !& HTML r!$# *8-r* -& *!r 1FF, $%* IET@ r*!$* !& HTML

+r'-& >r+, 7%-% -& 1FF5 +*$* HTML 2.0, $%* -r#$ HTML #*--!$-+&

-&$*&* $+ /* $r*!$* !# ! #$!&!r !!-$ 7%-% $r* -**&$!$-+ #%+ /* /!#*. 12

@r$%*r *=*+*&$ &*r $%* !#-*# + $%* IET@ 7!# #$!* / +*$-& -&$*r*#$#. S-&*

1FF6, $%* HTML #*--!$-+ %!=* /**& !-&$!-&*, 7-$% -&$ r+ +*r-! #+$7!r*

=*&+r#, / $%* +r -* */ C++r$- (C).1 H+7*=*r, -& 2000, HTML !#+

/*!* !& -&$*r&!$-+&! #$!&!r (ISOIEC 155:2000). HTML .01 7!# /-#%* -& !$*

1FFF, 7-$% r$%*r *rr!$! /-#%* $%r+% 2001. I& 200 *=*+*&$ /*!& +& HTML5 -&

$%* */ H*r$*8$ A-!$-+& T*%&++ +r'-& >r+ (HAT>), 7%-% /*!* !

"+-&$ *-=*r!/* 7-$% $%* C -& 200;, !& +*$* !& #$!&!r-G* +& 2; O$+/*r

201. 1

*(* Mar5Bp

HTML !r' +-#$# + #*=*r! '* ++&*&$#, -&-& $%+#* !* tags (!&

$%*-r !$$r-/$*#), %!r!$*r/!#* !$! $*#, %!r!$*r r**r*&*# !& *&$-$ r**r*&*#.

A&+$%*r -+r$!&$ ++&*&$ + $%* HTML+*&$ $* *!r!$-+&, 7%-%

$r-*r# #$!&!r# +* r*&*r-&.

T%* ++7-& -# !& *8!* + $%* !##- H*+ 7+r r+r!, ! ++& $*#$ *+* +r

+!r-& r+r!-& !&!*#, #r-$-& !&!*# !& !r' !&!*#. T%-# *8!*

-# !* #-& F -&*# + +*:

DOCTYPE %$

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/$$

https://en.wikipedia.org/wiki/Cascading_Style_Sheetshttps://en.wikipedia.org/wiki/TYPSET_and_RUNOFFhttps://en.wikipedia.org/wiki/TYPSET_and_RUNOFFhttps://en.wikipedia.org/wiki/Compatible_Time-Sharing_Systemhttps://en.wikipedia.org/wiki/HTML#cite_note-12https://en.wikipedia.org/wiki/World_Wide_Web_Consortiumhttps://en.wikipedia.org/wiki/HTML#cite_note-raggett-13https://en.wikipedia.org/wiki/International_Organization_for_Standardizationhttps://en.wikipedia.org/wiki/International_Electrotechnical_Commissionhttps://en.wikipedia.org/wiki/Web_Hypertext_Application_Technology_Working_Grouphttps://en.wikipedia.org/wiki/HTML#cite_note-14https://en.wikipedia.org/wiki/Document_type_declarationhttps://en.wikipedia.org/wiki/Document_type_declarationhttps://en.wikipedia.org/wiki/Standards_modehttps://en.wikipedia.org/wiki/Hello_world_programhttps://en.wikipedia.org/wiki/Hello_world_programhttps://en.wikipedia.org/wiki/Programming_languagehttps://en.wikipedia.org/wiki/Scripting_languagehttps://en.wikipedia.org/wiki/Scripting_languagehttps://en.wikipedia.org/wiki/Markup_languagehttps://en.wikipedia.org/wiki/Lines_of_codehttps://en.wikipedia.org/wiki/Lines_of_codehttps://en.wikipedia.org/wiki/Cascading_Style_Sheetshttps://en.wikipedia.org/wiki/TYPSET_and_RUNOFFhttps://en.wikipedia.org/wiki/TYPSET_and_RUNOFFhttps://en.wikipedia.org/wiki/Compatible_Time-Sharing_Systemhttps://en.wikipedia.org/wiki/HTML#cite_note-12https://en.wikipedia.org/wiki/World_Wide_Web_Consortiumhttps://en.wikipedia.org/wiki/HTML#cite_note-raggett-13https://en.wikipedia.org/wiki/International_Organization_for_Standardizationhttps://en.wikipedia.org/wiki/International_Electrotechnical_Commissionhttps://en.wikipedia.org/wiki/Web_Hypertext_Application_Technology_Working_Grouphttps://en.wikipedia.org/wiki/HTML#cite_note-14https://en.wikipedia.org/wiki/Document_type_declarationhttps://en.wikipedia.org/wiki/Standards_modehttps://en.wikipedia.org/wiki/Hello_world_programhttps://en.wikipedia.org/wiki/Programming_languagehttps://en.wikipedia.org/wiki/Scripting_languagehttps://en.wikipedia.org/wiki/Markup_languagehttps://en.wikipedia.org/wiki/Lines_of_code


20/70

!tm&K

!#adK

titKT%-# -# ! $-$*titK

!#adK

72d%K

pKH*+ 7+rpK

72d%K

!tm&K

(T%* $*8$ /*$7**& %$ !& %$ *#r-/*# $%* 7*/ !*, !& $%* $*8$ /*$7**& /+

!& /+ -# $%* =-#-/* !* +&$*&$. T%* !r' $*8$ $-$*T%-# -# ! $-$*$-$*

*-&*# $%* /r+7#*r !* $-$*.)

T%* D+*&$ T* D*!r!$-+& DOCTYPE %$ -# +r HTML5. I ! *!r!$-+& -# &+$

-&*, =!r-+# /r+7#*r# 7- r*=*r$ $+ -r'# +* +r r*&*r-&.

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/$"

https://en.wikipedia.org/wiki/Quirks_modehttps://en.wikipedia.org/wiki/Quirks_mode


21/70

*(= Em#nt$

HTML +*&$# - ! #$r$r* + &*#$* HTML ***&$#. T%*#* !r* -&-!$* -& $%*

+*&$ / HTML $!#, *&+#* -& !&* /r!'*$# $%#:

I& $%* #-*, *&*r! !#*, $%* *8$*&$ + !& ***&$ -# -&-!$* / ! !-r + $!#: ! #$!r$

$! !& *& $! . T%* $*8$ +&$*&$ + $%* ***&$, - !&, -# !* /*$7**& $%*#*

$!#.

T!# ! !#+ *&+#* r$%*r $! !r' /*$7**& $%* #$!r$ !& *&, -&-& ! -8$r* +

$!# !& $*8$. T%-# -&-!$*# r$%*r (&*#$*) ***&$#, !# %-r*& + $%* !r*&$ ***&$.

T%* #$!r$ $! ! !#+ -&* !$$r-/$*# 7-$%-& $%* $!. T%*#* -&-!$* +$%*r -&+r!$-+&,#% !# -*&$--*r# +r #*$-+ 7-$%-& $%* +*&$, -*&$--*r# #* $+ /-& #$* -&+r!$-+&

$+ $%* r*#*&$!$-+& + $%* +*&$, !& +r #+* $!# #% !# $%* - #* $+ */*

-!*#, $%* r**r*&* $+ $%* -!* r*#+r*.

S+* ***&$#, #% !# $%* -&* /r*!' /r, + &+$ *r-$ !& */** +&$*&$, *-$%*r $*8$

+r r$%*r $!#. T%*#* r*-r* +& ! #-&* *$ $! (!'-& $+ ! #$!r$ $!) !& + &+$ #* !&

*& $!.

M!& $!#, !r$-!r $%* +#-& *& $! +r $%* =*r ++&#* !r!r!%***&$ , !r* +$-+&!. A& HTML /r+7#*r +r +$%*r !*&$ !& -&*r $%* +#r* +r $%* *&

+ !& ***&$ r+ $%* +&$*8$ !& $%* #$r$r! r*# *-&* / $%* HTML #$!&!r. T%*#*

r*# !r* +*8 !& &+$ 7-* &*r#$++ / +#$ HTML +*r#.

T%* *&*r! +r + !& HTML ***&$ -# $%*r*+r*: $! !$$r-/$*1V=!*1

!$$r-/$*2V=!*2+&$*&$$!. S+* HTML ***&$# !r* *-&* !# *$

***&$# !& $!'* $%* +r $! !$$r-/$*1V=!*1 !$$r-/$*2V=!*2. E$ ***&$#

! *&+#* &+ +&$*&$, +r -$!&*, $%* /r $! +r $%* -&-&* -$!. T%* &!* + !&

HTML ***&$ -# $%* &!* #* -& $%* $!#. N+$* $%!$ $%* *& $!Q# &!* -# r*** / !

#!#% %!r!$*r, , !& $%!$ -& *$ ***&$# $%* *& $! -# &*-$%*r r*-r* &+r !+7*. I

!$$r-/$*# !r* &+$ *&$-+&*, *!$ =!*# !r* #* -& *!% !#*.

Em#nt #amp$

H*!*r + $%* HTML +*&$:%*!...%*!. T%* $-$* -# -&* -& $%* %*!, +r

*8!*:

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/$

https://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/Line_breaking_characterhttps://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/Line_breaking_character


22/70

The Title

H*!-&#: HTML %*!-&# !r* *-&* 7-$% $%* %1 $+ %6 $!#:

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5

Heading level 6

P!r!r!%#:

Paragraph 1

Paragraph 2

L-&* /r*!'#:/r . T%* -*r*&* /*$7**& /r !& -# $%!$ /r /r*!'# ! -&* 7-$%+$

!$*r-& $%* #*!&$- #$r$r* + $%* !*, 7%*r*!# #*$-+ $%* !* -&$+ !r!r!%#.

N+$* !#+ $%!$ /r -# !& *$ ***&$ -& $%!$, !$%+% -$ ! %!=* !$$r-/$*#, -$ !& $!'* &+

+&$*&$ !& -$ ! &+$ %!=* !& *& $!.

This
is a paragraph
with
line breaks

T%-# -# ! -&' -& HTML. T+ r*!$* ! -&' $%* ! $! -# #*. T%* %r*V !$$r-/$* %+# $%*

URL !r*## + $%* -&'.

link t! #ikipedia$

C+*&$#:

C+*&$# !& %* -& $%* &*r#$!&-& + $%* !r' !& + &+$ -#! -& $%* 7*/!*.

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/$0

https://en.wikipedia.org/wiki/Line_breaking_characterhttps://en.wikipedia.org/wiki/Paragraphhttps://en.wikipedia.org/wiki/Line_breaking_characterhttps://en.wikipedia.org/wiki/Paragraph


23/70

T%*r* !r* #*=*r! $*# + !r' ***&$# #* -& HTML:

CHAPTER =

JA8ASCRIPT

=(,Intr2dB)ti2n

T%-# !* +&$!- #+* *8!*# + 7%!$

Ja"aS)ript Can C!an# HTML C2nt#nt

O&* + !& HTML *$%+# -# #tEm#nt'%Id .0.

T%-# *8!* #*# $%* *$%+ $+ -& !& HTML ***&$ (7-$% -V*+0, !& %!&*#

$%* ***&$ +&$*&$ (inn#rHTML) $+ H*+

Eamp

+*&$.*$E**&$BI(*+).-&&*rHTML V H*+

Ja"aS)ript Can C!an# HTML St%$ .CSS0

C%!&-& $%* #$* + !& HTML ***&$, -# ! =!r-!&$ + %!&-& !& HTML !$$r-/$*:

Eamp

+*&$.*$E**&$BI(*+).#$*.+&$S-G* V 258J

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/$%


24/70

=(* S%nta

!r-!/*# -&

H*r* -# ! -&-!-#$ H*+ +r r+r!:

(!ns!lel!g)"Hell! #!rld$"*&

A #-* r*r#-=* &$-+&:

functionfa(t!rial)n*+

if)n==,*+

return1&

-

returnn.fa(t!rial)n1*&

-

A&+&+#&$-+& (+r !/!) #&$!8 !& +#r* *8!*:

vardispla'0l!sre=function)*+

var(!nt=,&

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/$'

https://en.wikipedia.org/wiki/Variable_(computer_science)https://en.wikipedia.org/wiki/Comment_(computer_programming)https://en.wikipedia.org/wiki/Comment_(computer_programming)https://en.wikipedia.org/wiki/Slash_(punctuation)https://en.wikipedia.org/wiki/Slash_(punctuation)https://en.wikipedia.org/wiki/Input/outputhttps://en.wikipedia.org/wiki/Input/outputhttps://en.wikipedia.org/wiki/Hello_World_programhttps://en.wikipedia.org/wiki/Recursion_(computer_science)https://en.wikipedia.org/wiki/Anonymous_functionhttps://en.wikipedia.org/wiki/Closure_(Computer_Science)https://en.wikipedia.org/wiki/Variable_(computer_science)https://en.wikipedia.org/wiki/Comment_(computer_programming)https://en.wikipedia.org/wiki/Slash_(punctuation)https://en.wikipedia.org/wiki/Slash_(punctuation)https://en.wikipedia.org/wiki/Input/outputhttps://en.wikipedia.org/wiki/Hello_World_programhttps://en.wikipedia.org/wiki/Recursion_(computer_science)https://en.wikipedia.org/wiki/Anonymous_functionhttps://en.wikipedia.org/wiki/Closure_(Computer_Science)


25/70

returnfunction)*+

return(!nt&

-&

-

varin(=displa'0l!sre)*&

in()*&// returns $

in()*&// returns #

in()*&// returns %

!r-!- &$-+& *+$r!$-+& (!r*&$# -# ! #*-! =!r-!/*).

vars=function)*+

vari%=,&

for)i=,&iargentslength&i*+

%=argentsi7&

-

Return %&

-

s)123*&// returns &

U$# in 6#7 pa#$

T%* +#$ ++& #* +

!.'.!. D&!- HTML (DHTML). Sr-$# !r* */** -& +r -&* r+ HTML !*#

!& -&$*r!$ 7-$% $%* D+*&$ O/"*$ M+* (DOM) + $%* !*. S+* #-* *8!*# +

$%-# #!* !r*:

• L+!-& &*7 !* +&$*&$ +r #/-$$-& !$! $+ $%* #*r=*r =-! A


26/70

• Tr!-$$-& -&+r!$-+& !/+$ $%* #*rQ# r*!-& %!/-$# !& /r+7#-& !$-=-$-*# $+

=!r-+# 7*/#-$*#. */ !*# r**&$ + $%-# +r 7*/ !&!$-#, !

$r!'-&, *r#+&!-G!$-+& +r +$%*r r+#*#.

B*!#*

@r$%*r+r*,

-&-=-! '*#$r+'*#. A-!$-+ #% !# >!- $!'* !=!&$!* + $%-#: % + $%* #*r

-&$*r!* +- -# 7r-$$*& -&

(#% !# $%* +&$*&$ + !& *!- *##!*) $+ $%* #*r=*r. T%* 7-*r $r*&

+ A"!8 r+r!-& #--!r *8+-$# $%-# #$r*&$%.

A

+&+r $+ ECMA262 E-$-+& . T%* R%-&+ *&-&*, r*!$* r-!r- / N+rr-# B+

(+r*r + N*$#!*J &+7 !$ >++*) -# !

A 7*/ /r+7#*r -# / !r $%* +#$ ++& %+#$ *&=-r+&*&$ +r

$-! r*!$* %+#$ +/"*$# $+ r*r*#*&$ $%* D+*&$ O/"*$ M+* (DOM) -&

$-! *8+#* %+#$ +/"*$# r*r*#*&$-& HTTP r**#$ !& r*#+* +/"*$#, 7%-% !

!*#.

B*!#*

%!# /*+* ! $!r*$ !&!* +r !& r!*7+r'# -& +$%*r !&!*#, *=*& $%+%

-&%*r*&$ $+ -$# &!- &!$r*, $%* -&r*!#-& #** +

=(= C2mpati7i&it% )2n$id#rati2n$

B*!#*

*/-& -# $+ $*#$ !& =*r- $%!$ $%*

https://en.wikipedia.org/wiki/Web_analyticshttps://en.wikipedia.org/wiki/Ad_trackinghttps://en.wikipedia.org/wiki/Ad_trackinghttps://en.wikipedia.org/wiki/Personalizationhttps://en.wikipedia.org/wiki/Personalizationhttps://en.wikipedia.org/wiki/Gmailhttps://en.wikipedia.org/wiki/Gmailhttps://en.wikipedia.org/wiki/Ajax_(programming)https://en.wikipedia.org/wiki/JavaScript_enginehttps://en.wikipedia.org/wiki/Interpreter_(computing)https://en.wikipedia.org/wiki/Interpreter_(computing)https://en.wikipedia.org/wiki/Source_codehttps://en.wikipedia.org/wiki/Computer_programhttps://en.wikipedia.org/wiki/Brendan_Eichhttps://en.wikipedia.org/wiki/Brendan_Eichhttps://en.wikipedia.org/wiki/Brendan_Eichhttps://en.wikipedia.org/wiki/Netscape_Communications_Corporationhttps://en.wikipedia.org/wiki/Netscape_Communications_Corporationhttps://en.wikipedia.org/wiki/Netscape_Navigatorhttps://en.wikipedia.org/wiki/Web_browserhttps://en.wikipedia.org/wiki/Web_browserhttps://en.wikipedia.org/wiki/Web_browserhttps://en.wikipedia.org/wiki/SpiderMonkey_(JavaScript_engine)https://en.wikipedia.org/wiki/C_(programming_language)https://en.wikipedia.org/wiki/C_(programming_language)https://en.wikipedia.org/wiki/Rhino_(JavaScript_engine)https://en.wikipedia.org/wiki/Rhino_(JavaScript_engine)https://en.wikipedia.org/wiki/Java_(programming_language)https://en.wikipedia.org/wiki/Java_(programming_language)https://en.wikipedia.org/wiki/Document_Object_Modelhttps://en.wikipedia.org/wiki/Document_Object_Modelhttps://en.wikipedia.org/wiki/Web_serverhttps://en.wikipedia.org/wiki/Server-side_JavaScripthttps://en.wikipedia.org/wiki/Server-side_JavaScripthttps://en.wikipedia.org/wiki/HTTPhttps://en.wikipedia.org/wiki/HTTPhttps://en.wikipedia.org/wiki/Target_language_(computing)https://en.wikipedia.org/wiki/JavaScript#cite_note-computerworld-59https://en.wikipedia.org/wiki/Web_analyticshttps://en.wikipedia.org/wiki/Ad_trackinghttps://en.wikipedia.org/wiki/Ad_trackinghttps://en.wikipedia.org/wiki/Personalizationhttps://en.wikipedia.org/wiki/Gmailhttps://en.wikipedia.org/wiki/Ajax_(programming)https://en.wikipedia.org/wiki/JavaScript_enginehttps://en.wikipedia.org/wiki/Interpreter_(computing)https://en.wikipedia.org/wiki/Source_codehttps://en.wikipedia.org/wiki/Computer_programhttps://en.wikipedia.org/wiki/Brendan_Eichhttps://en.wikipedia.org/wiki/Netscape_Communications_Corporationhttps://en.wikipedia.org/wiki/Netscape_Communications_Corporationhttps://en.wikipedia.org/wiki/Netscape_Navigatorhttps://en.wikipedia.org/wiki/Web_browserhttps://en.wikipedia.org/wiki/SpiderMonkey_(JavaScript_engine)https://en.wikipedia.org/wiki/C_(programming_language)https://en.wikipedia.org/wiki/Rhino_(JavaScript_engine)https://en.wikipedia.org/wiki/Java_(programming_language)https://en.wikipedia.org/wiki/Document_Object_Modelhttps://en.wikipedia.org/wiki/Web_serverhttps://en.wikipedia.org/wiki/Server-side_JavaScripthttps://en.wikipedia.org/wiki/HTTPhttps://en.wikipedia.org/wiki/Target_language_(computing)https://en.wikipedia.org/wiki/JavaScript#cite_note-computerworld-59


27/70

T%* DOM -&$*r!*# +r !&-!$-& 7*/ !*# !r* &+$ !r$ + $%* ECMASr-$ #$!&!r, +r

+

*+r$ / $%* CJ -& r!$-*, /r+7#*r -**&$!$-+ -*r r+ $%* #$!&!r# !& r+

*!% +$%*r, !& &+$ ! /r+7#*r# *8*$*

T+ *! 7-$% $%*#* -*r*&*#,

+* $%!$ 7- !#+ /* *8*$* +rr*$ / +#$ /r+7#*r#J !--& $%!$, $%* !& 7r-$* +*

$%!$ %*'# +r $%* r*#*&* + *r$!-& /r+7#*r *!$r*# !& /*%!=*# -*r*&$ - $%* !r* &+$

!=!-!/*. I& #+* !#*#, $7+ /r+7#*r# ! /+$% -**&$ ! *!$r* /$ 7-$% -*r*&$

/*%!=-+r, !& !$%+r# ! -& -$ r!$-! $+ *$*$ 7%!$ /r+7#*r -# r&&-& !& %!&* $%*-r

#r-$# /*%!=-+r $+ !$%.Pr+r!*r# ! !#+ #* -/r!r-*# +r $++'-$# $%!$ $!'* /r+7#*r

-*r*&*# -&$+ !+&$.

•#* ! PDA +r +/-* %+&* /r+7#*r $%!$ !&&+$ *8*$*

• %!=*

• #* ! #**% /r+7#*r * $+, +r *8!*, ! =-#! -#!/--$.

T+ #+r$ $%*#* #*r#, */ !$%+r# !& $r $+ r*!$* !*# $%!$ *r!* r!* +& #*r

!*&$# (/r+7#*r#) $%!$ + &+$ #+r$ $%* !*#

r*!-& #!/* !/*-$ 7-$%+$ $%* *8$r! *!$r*# $%!$ $%*

!$*r&!$-=* !r+!% $%!$ !& -& r**r!/* -# $+ -r#$ !$%+r +&$*&$ #-& /!#-

$*%&++-*# $%!$ 7+r' -& ! /r+7#*r#, $%*& *&%!&* $%* +&$*&$ +r #*r# $%!$ %!=*

varh1=d!(entget;leentE'Fd)CheaderD*&// holds a reference to the

ta

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/$3

https://en.wikipedia.org/wiki/World_Wide_Web_Consortiumhttps://en.wikipedia.org/wiki/Personal_digital_assistanthttps://en.wikipedia.org/wiki/Mobile_phonehttps://en.wikipedia.org/wiki/Fault-tolerant_systemhttps://en.wikipedia.org/wiki/Progressive_enhancementhttps://en.wikipedia.org/wiki/World_Wide_Web_Consortiumhttps://en.wikipedia.org/wiki/Personal_digital_assistanthttps://en.wikipedia.org/wiki/Mobile_phonehttps://en.wikipedia.org/wiki/Fault-tolerant_systemhttps://en.wikipedia.org/wiki/Progressive_enhancement


28/70

h1=d!(entget;leentsE'TagBae)Ch1D*,7&// accessin the same

element

!r br!wser either d!es n!t spp!rt @avaA(ript !r has it trned

!ff

CHAPTER

CSS

>(, Intr2dB)ti2n

Ca$)adin St% S!##t$ (CSS) -# ! #$* #%**$ !&!* #* +r *#r-/-& $%* ++' !&

+r!$$-& + ! +*&$ 7r-$$*& -& !!r' !&!*. A$%+% +#$ +$*& #* $+ %!&*

$%* #$* + 7*/ !*# !& #*r -&$*r!*# 7r-$$*& -& HTML !& ?HTML, $%* !&!* !&

/* !-* $+ !& '-& + ?ML +*&$, -&-& !-& ?ML, S> !& ?UL. A+& 7-$%

HTML !&

=-#! *&!-& 7*/!*#, #*r -&$*r!*# +r 7*/ !-!$-+, !& #*r -&$*r!*# +r

!& +/-* !-!$-+.1

CSS -# *#-&* r-!r- $+ *&!/* $%* #*!r!$-+& + +*&$ +&$*&$ r+ +*&$

r*#*&$!$-+&, -&-& ***&$# #% !# $%*!+$, ++r#, !& +&$#.2 T%-# #*!r!$-+& !&

-r+=* +&$*&$ !*##-/--$, r+=-* +r* *8-/--$ !& +&$r+ -& $%* #*--!$-+& +

r*#*&$!$-+& %!r!$*r-#$-#, *&!/* $-* HTML !*# $+ #%!r* +r!$$-& / #*--&

$%* r**=!&$ CSS -& ! #*!r!$* .## -*, !& r** +*8-$ !& r**$-$-+& -& $%* #$r$r!

+&$*&$, #% !# #*!&$-! --&--!&$ $!/*# $%!$ 7*r* 7-* #* $+ +r!$ !*#

/*+r* +-#$*&$ CSS r*&*r-& 7!# !=!-!/* -& ! !"+r /r+7#*r#. CSS !'*# -$ +##-/*

$+ #*!r!$* r*#*&$!$-+& -$r$-+ r+ $%* HTML +&$*&$ -& ! #*!r!$* -* +r #$* #*$-+&

+ $%* HTML -*. @+r *!% !$%-&HTML ***&$, -$ r+=-*# ! -#$ + +r!$$-&

-$r$-+. @+r *8!*, ! CSS r* -%$ #*- $%!$ ! %*!-& 1 ***&$# #%+

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/"#

https://en.wikipedia.org/wiki/Style_sheet_languagehttps://en.wikipedia.org/wiki/Style_sheet_languagehttps://en.wikipedia.org/wiki/Presentation_semanticshttps://en.wikipedia.org/wiki/Presentation_semanticshttps://en.wikipedia.org/wiki/Markup_languagehttps://en.wikipedia.org/wiki/Web_pagehttps://en.wikipedia.org/wiki/HTMLhttps://en.wikipedia.org/wiki/XHTMLhttps://en.wikipedia.org/wiki/XMLhttps://en.wikipedia.org/wiki/XMLhttps://en.wikipedia.org/wiki/Plain_Old_XMLhttps://en.wikipedia.org/wiki/Scalable_Vector_Graphicshttps://en.wikipedia.org/wiki/XULhttps://en.wikipedia.org/wiki/JavaScripthttps://en.wikipedia.org/wiki/Web_applicationshttps://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-1https://en.wikipedia.org/wiki/Separation_of_presentation_and_contenthttps://en.wikipedia.org/wiki/Separation_of_presentation_and_contenthttps://en.wikipedia.org/wiki/Page_layouthttps://en.wikipedia.org/wiki/Page_layouthttps://en.wikipedia.org/wiki/Colorhttps://en.wikipedia.org/wiki/Typefacehttps://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-2https://en.wikipedia.org/wiki/Accessibilityhttps://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/Style_sheet_languagehttps://en.wikipedia.org/wiki/Presentation_semanticshttps://en.wikipedia.org/wiki/Presentation_semanticshttps://en.wikipedia.org/wiki/Markup_languagehttps://en.wikipedia.org/wiki/Web_pagehttps://en.wikipedia.org/wiki/HTMLhttps://en.wikipedia.org/wiki/XHTMLhttps://en.wikipedia.org/wiki/XMLhttps://en.wikipedia.org/wiki/Plain_Old_XMLhttps://en.wikipedia.org/wiki/Scalable_Vector_Graphicshttps://en.wikipedia.org/wiki/XULhttps://en.wikipedia.org/wiki/JavaScripthttps://en.wikipedia.org/wiki/Web_applicationshttps://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-1https://en.wikipedia.org/wiki/Separation_of_presentation_and_contenthttps://en.wikipedia.org/wiki/Separation_of_presentation_and_contenthttps://en.wikipedia.org/wiki/Page_layouthttps://en.wikipedia.org/wiki/Colorhttps://en.wikipedia.org/wiki/Typefacehttps://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-2https://en.wikipedia.org/wiki/Accessibilityhttps://en.wikipedia.org/wiki/HTML_element


29/70

/* /+, *!=-& r* #*!&$- HTML !r' $%!$ !##*r$# $%-# $*8$ -# ! *=* 1 %*!-&

7-$%+$ +r!$$-& +* #% !# ! /+ $! -&-!$-& %+7 #% $*8$ #%+ /* -#!*.

>(* S%nta

CSS %!# ! #-* #&$!8 !& #*# ! &/*r + E&-#% '*7+r# $+ #*- $%* &!*# +

=!r-+# #$* r+*r$-*#.

A #$* #%**$ +-#$# + ! -#$ + r*#. E!% r* +r r*#*$ +-#$# + +&* +r +r* selectors,

!& ! *!r!$-+& /+' .

S**$+r

I& CSS, #**$+r# !r* #* $+ *!r* 7%-% !r$ + $%* !r' ! #$* !-*# $+ / !$%-&

$!# !& !$$r-/$*# -& $%* !r' -$#*. S**$+r# ! ! $+:

• ! ***&$# + ! #*-- $*, *.. $%* #*+&*=* %*!*r# %2

• ***&$# #*--* / !$$r-/$*, -& !r$-!r:

• id : !& -*&$--*r &-* $+ $%* +*&$

• class: !& -*&$--*r $%!$ r+# $-* ***&$# -& ! +*&$

• ***&$# **&-& +& %+7 $%* !r* !* r*!$-=* $+ +$%*r# -& $%* +*&$ $r**.

C!##*# !& ID# !r* !#*#*-$-=*, #$!r$ 7-$% *$$*r#, !& !& -&* !%!&*r- %!r!$*r#

!& &*r#+r*#. A& &/*r + -$!&*# + !& &/*r + ***&$# ! %!=* $%* #!*

!##. C+&=*&$-+&!, ID# +& ! $+ +&* -$!&* + +&* ***&$.

P#*+!##*# !r* #* -& CSS #**$+r# $+ *r-$ +r!$$-& /!#* +& -&+r!$-+& $%!$ -#

&+$ +&$!-&* -& $%* +*&$ $r**. O&* *8!* + ! 7-* #* #*+!## -# :%+=*r ,

7%-% -*&$--*# +&$*&$ +& 7%*& $%* #*r Q+-&$# $+Q $%* =-#-/* ***&$, #! / %+-&

$%* +#* r#+r +=*r -$. I$ -# !*&* $+ ! #**$+r !# -& !:%+=*r +r W***&$-:%+=*r. A

#*+!## !##--*# +*&$ ***&$#, #% !# :-&' +r :=-#-$* , 7%*r*!# ! #*+-

***&$ !'*# ! #**$-+& $%!$ ! +-#$ + !r$-! ***&$#, #% !# :-r#$-&* +r :-r#$

*$$*r .

S**$+r# ! /* +/-&* -& !& 7!# $+ !%-*=* r*!$ #*---$ !& *8-/--$.5

M$-* #**$+r# ! /* "+-&* -& ! #!* -#$ $+ #*- ***&$# / +!$-+&, ***&$

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/"$

https://en.wikipedia.org/wiki/Boldhttps://en.wikipedia.org/wiki/Boldhttps://en.wikipedia.org/wiki/Syntaxhttps://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/HTML_element#Basic_texthttps://en.wikipedia.org/wiki/HTML_attributehttps://en.wikipedia.org/wiki/Document_Object_Modelhttps://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-4https://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-5https://en.wikipedia.org/wiki/Boldhttps://en.wikipedia.org/wiki/Syntaxhttps://en.wikipedia.org/wiki/HTML_elementhttps://en.wikipedia.org/wiki/HTML_element#Basic_texthttps://en.wikipedia.org/wiki/HTML_attributehttps://en.wikipedia.org/wiki/Document_Object_Modelhttps://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-4https://en.wikipedia.org/wiki/Cascading_Style_Sheets#cite_note-5


30/70

$*, -, !##, +r !& +/-&!$-+& $%*r*+. T%* +r*r + $%* #**$+r# -# -+r$!&$. @+r

*8!*, -= .C!## X++r:r*J !-*# $+ ! ***&$# + !## C!## $%!$ !r* --*

-= ***&$#, 7%*r*!# .C!## -=X++r:r*J !-*# $+ ! -= ***&$# $%!$ !r* -&

***&$# + !## C!##.

>(= U$#

B*+r* CSS, &*!r ! + $%* r*#*&$!$-+&! !$$r-/$*# + HTML +*&$# 7*r* +&$!-&*

7-$%-& $%* HTML !r'J ! +&$ ++r#, /!'r+& #$*#, ***&$ !-&*&$#, /+r*r#

!& #-G*# %! $+ /* *8--$ *#r-/*, +$*& r**!$*, 7-$%-& $%* HTML. CSS !+7#

!$%+r# $+ +=* % + $%!$ -&+r!$-+& $+ !&+$%*r -*, $%* #$* #%**$, r*#$-& -&

+-*r!/ #-*r HTML.

@+r *8!*, %*!-&# ( %1 ***&$#), #/%*!-&# ( %2 ), #/#/%*!-&# (% ), *$., !r*

*-&* #$r$r! #-& HTML. I& r-&$ !& +& $%* #r**&, %+-*

+ +&$, #-G*,++r !& *%!#-# +r $%*#* ***&$# -# r*#*&$!$-+&!.

B*+r* CSS, +*&$ !$%+r# 7%+ 7!&$* $+ !##-& #% $+r!%- %!r!$*r-#$-# $+, #!,

! %2 %*!-&# %! $+ r**!$ HTML r*#*&$!$-+&! !r' +r *!% +rr*&* + $%!$

%*!-& $*. T%-# !* +*&$# +r* +*8, !r*r, !& +r* *rr+rr+&* !& --$

$+ !-&$!-&. CSS !+7# $%* #*!r!$-+& + r*#*&$!$-+& r+ #$r$r*. CSS !& *-&* ++r,

+&$, $*8$ !-&*&$, #-G*, /+r*r#, #!-&, !+$ !& !& +$%*r $+r!%-

%!r!$*r-#$-#, !& !& + #+ -&**&*&$ +r +&#r**& !& r-&$* =-*7#. CSS !#+

*-&*# &+&=-#! #$*# #% !# $%* #** !& *%!#-# 7-$% 7%-% $*8$ -# r*! +$ / !r!

$*8$ r*!*r#. T%* C %!# &+7 *r*!$* $%* #* + ! r*#*&$!$-+&! HTML !r'.10

@+r *8!*, &*r r*CSS HTML, ! %*!-& ***&$ *-&* 7-$% r* $*8$ 7+ /*

7r-$$*& !#:

0hapter 1

U#-& CSS, $%* #!* ***&$ !& /* +* #-& #$* r+*r$-*# -$*! + HTML

r*#*&$!$-+&! !$$r-/$*#:


31/70

A& *8$*r&! CSS -*, !# *#r-/* /*+7, !& /* !##+-!$* 7-$% !& HTML +*&$ #-&

$%* ++7-& #&$!8:

A& -&$*r&! CSS +* !& /* $* -& $%* %*! #*$-+& + $%* +*. T%* +-& -# #$!r$* 7-$%

$%* #$* $!. @+r *8!*,

$890TP; htl<

G%'+ color:red -

-=*& $%* ++7-& #$* #%**$:

h1 +

color:pink&

-

CHAPTER ?

JUERYAnd 'OOTSTRAP

?(, Intr2dB)ti2n



32/70

JB#r% -# ! r+##!$+r

#r-$-& + HTML. -$!!$-+& +& 65Z + $%* $+ 10 --+& %-%*#$$r!-'* #-$*# +& $%* */.

!& %-%*=*, $%**!/* 7-*$#. T%* +!r !r+!% $+ $%* "*r -/r!r !+7# $%*

r*!$-+& + +7*r &!- 7*/ !*# !& 7*/ !-!$-+.

T%* #*$ + "*r +r* *!$r*# [DOM ***&$ #**$-+, $r!=*r#! !& !&-!$-+&[

*&!/* / -$# #**$+r *&-&* (&!* S-GG* r+ =1.), r*!$* ! &*7 r+r!-&#$*, #-& !+r-$%# !& DOM !$! #$r$r*#. T%-# #$* -&*&* $%* !r%-$*$r* +

+$%*r

S$-+; +r #* 7-$%-& M-r+#+$Q# ASP.NET A


33/70

• U$a#

I&-& $%* -/r!r

T%* "*r -/r!r -# ! #-&*

**$#, !& A"!8 &$-+. I$ !& /* -&* 7-$%-& ! 7*/ !* / -&'-& $+ ! +! + +r

$+ +&* + $%* !& +-*# !=!-!/* r+ /- #*r=*r#. ++* !&

M-r+#+$ %+#$ -$ !# 7*.

I$ -# !#+ +##-/* $+ -&* "*r -r*$ r+ +&$*&$ *-=*r &*$7+r'#. (T%* -&'

#$!r$-& 7-$% -# r+$++ r*!$-=* URL.)

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/"%

https://en.wikipedia.org/wiki/JSONhttps://en.wikipedia.org/wiki/Extensibilityhttps://en.wikipedia.org/wiki/Cross-browserhttps://en.wikipedia.org/wiki/Firefoxhttps://en.wikipedia.org/wiki/Firefoxhttps://en.wikipedia.org/wiki/Opera_(web_browser)https://en.wikipedia.org/wiki/Opera_(web_browser)https://en.wikipedia.org/wiki/Internet_Explorer_6https://en.wikipedia.org/wiki/Internet_Explorerhttps://en.wikipedia.org/wiki/Internet_Explorerhttps://en.wikipedia.org/wiki/Usage_share_of_web_browsershttps://en.wikipedia.org/wiki/Usage_share_of_web_browsershttps://en.wikipedia.org/wiki/Internet_Explorer_9https://en.wikipedia.org/wiki/Internet_Explorer_9https://en.wikipedia.org/wiki/Content_delivery_networkhttp://www.maxcdn.com/https://en.wikipedia.org/wiki/Protocol_relative_URLhttps://en.wikipedia.org/wiki/JSONhttps://en.wikipedia.org/wiki/Extensibilityhttps://en.wikipedia.org/wiki/Cross-browserhttps://en.wikipedia.org/wiki/Firefoxhttps://en.wikipedia.org/wiki/Opera_(web_browser)https://en.wikipedia.org/wiki/Internet_Explorer_6https://en.wikipedia.org/wiki/Internet_Explorerhttps://en.wikipedia.org/wiki/Usage_share_of_web_browsershttps://en.wikipedia.org/wiki/Usage_share_of_web_browsershttps://en.wikipedia.org/wiki/Internet_Explorer_9https://en.wikipedia.org/wiki/Content_delivery_networkhttp://www.maxcdn.com/https://en.wikipedia.org/wiki/Protocol_relative_URL


34/70

U$a# $t%$

"*r %!# $7+ #!* #$*#:

• -! $%* \ &$-+&, 7%-% -# ! !$+r *$%+ +r $%* "*r +/"*$. T%*#* &$-+,

+$*& !* +!&#, !r* %!-&!/* !# $%* ! r*$r& "*r +/"*$#.

• -! \. r*-8* &$-+. T%*#* !r* $--$ &$-+, 7%-% + &+$ !$ +& $%*

"*r +/"*$ -r*$.

A*## $+ !& !&-!$-+& + $-* DOM &+*# -& "*r $-! /*- 7-$% !-&

$%* \ &$-+& 7-$% ! CSS #**$+r #$r-&. T%-# r*$r ! "*r +/"*$ r**r*&-& ! $%*

!$%-& ***&$# -& $%* HTML !*. \(-=.$*#$) , +r *8!*, r*$r ! "*r +/"*$

7-$% ! $%* -= ***&$# + !## $*#$ . T%-# &+* #*$ !& /* !&-!$* / !-& *$%+#

+& $%* r*$r&* "*r +/"*$ +r +& $%* &+*# $%*#*=*#.

N2


35/70

K)d!(ent*read')function)*+

K)LigL*(li(k)function)*+

// handle the clic) event on an" im element in the pae

-*&

-*&

T%* ++7-& #&$!8*# !r* *-=!*&$:

• \(+*&$).r*!(handler )

• \(handler )

?(? '22t$trap Intr2dB)ti2n

'22t$trap -# ! r** !& +*&#+r* +*$-+& + $++# +r r*!$-& 7*/#-$*# !& 7*/

!-!$-+. I$ +&$!- HTML !& CSS/!#* *#-& $*!$*# +r $+r!%, +r#,

/$$+, &!=-!$-+& !& +$%*r -&$*r!* ++&*&$#, !# 7* !# +$-+&!

I$ !-# $+ *!#* $%* *=*+*&$ + &!- 7*/#-$*# !& 7*/ !-!$-+.

B++$#$r! -# ! r+&$ *& r!*7+r' , $%!$ -#, !& -&$*r!* +r $%* #*r, &-'* $%* #*r=*r#-*

+* 7%-% r*#-*# +& $%* /!' *& +r #*r=*r .

A# +


36/70

Example of a webpage using Bootstrap framework rendered in Mozilla Firefox

B++$#$r! -# +!r !& +-#$# *##*&$-! + ! #*r-*# + LESS #$*#%**$# $%!$ -**&$

$%* =!r-+# ++&*&$# + $%* $++'-$. A #$*#%**$ !* /++$#$r!.*## -&*# $%*

++&*&$# #$*#%**$#. D*=*+*r# !& !!$ $%* B++$#$r! -* -$#*, #**$-& $%*

++&*&$# $%* 7-#% $+ #* -& $%*-r r+"*$.

A"#$*&$# !r* +##-/* $+ ! --$* *8$*&$ $%r+% ! *&$r! +&-r!$-+& #$*#%**$. M+r*

r++& %!&*# !r* +##-/* / $%* LESS *!r!$-+.

T%* #* + LESS #$*#%**$ !&!* !+7# $%* #* + =!r-!/*#, &$-+ !& +*r!$+r#,

&*#$* #**$+r#, !# 7* !# #+!* -8-.

S-&* =*r#-+& 2.0, $%* +&-r!$-+& + B++$#$r! !#+ %!# ! #*-! C#$+-G* +$-+& -& $%*

+*&$!$-+&. M+r*+=*r, $%* *=*+*r %++#*# +& ! +r $%* *#-r* ++&*&$# !&

!"#$#, - &**##!r, $%* =!*# + =!r-+# +$-+ $+ $%*-r &**#. T%* #/#**&$ *&*r!$*

!'!* !r*! -&*# $%* r*/-$ CSS #$* #%**$.

>r- ##$* !& r*#+-=* *#-& +*# #$!&!r 7-$% ! 110 -8* 7-*, r- !+$.

A$*r&!$-=*, $%* *=*+*r !& #* ! =!r-!/*7-$% !+$. @+r /+$% !#*#, $%* $++'-$ %!#

+r =!r-!$-+ $+ !'* #* + -*r*&$ r*#+$-+ !& $*# + *=-*#: +/-* %+&*#,

+r$r!-$ !& !&#!*, $!/*$# !& PC# 7-$% +7 !& %-% r*#+$-+&. E!% =!r-!$-+& !"#$#

$%* 7-$% + $%* +.

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/"2

https://en.wikipedia.org/wiki/Firefoxhttps://en.wikipedia.org/wiki/LESS_(stylesheet_language)https://en.wikipedia.org/wiki/LESS_(stylesheet_language)https://en.wikipedia.org/wiki/Mixinhttps://en.wikipedia.org/wiki/Mixinhttps://en.wikipedia.org/wiki/Mixinhttps://en.wikipedia.org/wiki/Firefoxhttps://en.wikipedia.org/wiki/LESS_(stylesheet_language)https://en.wikipedia.org/wiki/Mixin


37/70

T%* CSS

B++$#$r! r+=-*# ! #*$ + #$*#%**$# $%!$ r+=-* /!#- #$* *-&-$-+ +r ! '* HTML

++&*&$#. T%*#* r+=-* ! &-+r, +*r& !*!r!&* +r +r!$$-& $*8$, $!/*# !&

+r ***&$#.

R*#!/* ++&*&$#

I& !-$-+& $+ $%* r*!r HTML ***&$#, B++$#$r! +&$!- +$%*r ++& #* -&$*r!*

***&$#. T%*#* -&* /$$+ 7-$% !=!&* *!$r*# (*.. r+-& + /$$+ +r /$$+

7-$% r++7& +$-+&, !'* !& &!=-!$-+& -#$#, %+r-G+&$! !& =*r$-! $!/#, &!=-!$-+&,

/r*!r/ &!=-!$-+&, !-&!$-+&, *$.), !/*#, !=!&* $+r!%- !!/--$-*#,

$%/&!-#, 7!r&-& *##!*# !& ! r+r*## /!r. T%* ++&*&$# !r* -**&$* !# CSS

!##*#, 7%-% #$ /* !-* $+ *r$!-& HTML ***&$# -& ! !*.

B++$#$r! +*# 7-$% #*=*r!


38/70

CHAPTER @

PHP AndM%S&

@(, Intr2dB)ti2n

M%SL (M SL,+--!, !#+ M S**) -# ! r*!$-+&! !$!/!#* !&!**&$

##$*(RDBMS). I& UI $++# $+ !-&-#$*r MSL

!$!/!#*# +r !&!* !$! +&$!-&* 7-$%-& $%* !$!/!#*#. U#*r# ! #* $%*

-&* +!& -&* $++#, +r -$! MSL +r'/*&% =-! ! #*!r!$* +7&+!. M!&

$%-r !r$ >UI $++# !r* !#+ !=!-!/*.

@(* Hi$t2r%

MSL 7!# r*!$* / ! S7*-#% +!&, MSL AB, +&* / D!=- A8!r' , A!&

L!r##+& !& M-%!* M+&$ -*&-#. T%* -r#$ =*r#-+& + MSL !*!r* +& 2 M!

1FF5. I$ 7!# -&-$-! r*!$* +r *r#+&! #!* r+ MSL /!#* +& $%* +7*=*

!&!* ISAM, 7%-% $%* r*!$+r# +-*r* $++ #+7 !& -&*8-/*. T%* r*!$* !

&*7 SL -&$*r!*, 7%-* '**-& $%* #!* API !# MSL. B '**-& $%* API +-#$*&$

7-$% $%* MSL ##$*, !& *=*+*r# 7*r* !/* $+ #* MSL -$*! + $%*

(r+r-*$!r- -**) MSL !&$***&$

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/#

https://en.wikipedia.org/wiki/Relational_database_management_systemhttps://en.wikipedia.org/wiki/Relational_database_management_systemhttps://en.wikipedia.org/wiki/MySQL#cite_note-7https://en.wikipedia.org/wiki/Michael_Wideniushttps://en.wikipedia.org/wiki/SQLhttps://en.wikipedia.org/wiki/Structured_Query_Languagehttps://en.wikipedia.org/wiki/Source_codehttps://en.wikipedia.org/wiki/GNU_General_Public_Licensehttps://en.wikipedia.org/wiki/GNU_General_Public_Licensehttps://en.wikipedia.org/wiki/Proprietary_softwarehttps://en.wikipedia.org/wiki/Businesshttps://en.wikipedia.org/wiki/Swedenhttps://en.wikipedia.org/wiki/MySQL_ABhttps://en.wikipedia.org/wiki/Oracle_Corporationhttps://en.wikipedia.org/wiki/MySQL#cite_note-sunacquire-13https://en.wikipedia.org/wiki/LAMP_(software_bundle)https://en.wikipedia.org/wiki/List_of_AMP_packageshttps://en.wikipedia.org/wiki/Linuxhttps://en.wikipedia.org/wiki/Apache_HTTP_Serverhttps://en.wikipedia.org/wiki/PHPhttps://en.wikipedia.org/wiki/Python_(programming_language)https://en.wikipedia.org/wiki/Free_softwarehttps://en.wikipedia.org/wiki/TYPO3https://en.wikipedia.org/wiki/MODxhttps://en.wikipedia.org/wiki/Joomlahttps://en.wikipedia.org/wiki/WordPresshttps://en.wikipedia.org/wiki/PhpBBhttps://en.wikipedia.org/wiki/MyBBhttps://en.wikipedia.org/wiki/Drupalhttps://en.wikipedia.org/wiki/Websitehttps://en.wikipedia.org/wiki/Googlehttps://en.wikipedia.org/wiki/Facebookhttps://en.wikipedia.org/wiki/Twitterhttps://en.wikipedia.org/wiki/Flickrhttps://en.wikipedia.org/wiki/YouTubehttps://en.wikipedia.org/wiki/Graphical_user_interfacehttps://en.wikipedia.org/wiki/Command_linehttp://dev.mysql.com/downloads/workbench/https://en.wikipedia.org/wiki/David_Axmarkhttps://en.wikipedia.org/wiki/David_Axmarkhttps://en.wikipedia.org/wiki/Allan_Larssonhttps://en.wikipedia.org/wiki/Allan_Larssonhttps://en.wikipedia.org/wiki/Allan_Larssonhttps://en.wikipedia.org/wiki/Michael_(Monty)_Wideniushttps://en.wikipedia.org/wiki/Michael_(Monty)_Wideniushttps://en.wikipedia.org/wiki/MSQLhttps://en.wikipedia.org/wiki/ISAMhttps://en.wikipedia.org/wiki/ISAMhttps://en.wikipedia.org/wiki/Structured_Query_Languagehttps://en.wikipedia.org/wiki/Application_programming_interfacehttps://en.wikipedia.org/wiki/Application_programming_interfacehttps://en.wikipedia.org/wiki/Relational_database_management_systemhttps://en.wikipedia.org/wiki/Relational_database_management_systemhttps://en.wikipedia.org/wiki/MySQL#cite_note-7https://en.wikipedia.org/wiki/Michael_Wideniushttps://en.wikipedia.org/wiki/SQLhttps://en.wikipedia.org/wiki/Structured_Query_Languagehttps://en.wikipedia.org/wiki/Source_codehttps://en.wikipedia.org/wiki/GNU_General_Public_Licensehttps://en.wikipedia.org/wiki/GNU_General_Public_Licensehttps://en.wikipedia.org/wiki/Proprietary_softwarehttps://en.wikipedia.org/wiki/Businesshttps://en.wikipedia.org/wiki/Swedenhttps://en.wikipedia.org/wiki/MySQL_ABhttps://en.wikipedia.org/wiki/Oracle_Corporationhttps://en.wikipedia.org/wiki/MySQL#cite_note-sunacquire-13https://en.wikipedia.org/wiki/LAMP_(software_bundle)https://en.wikipedia.org/wiki/List_of_AMP_packageshttps://en.wikipedia.org/wiki/Linuxhttps://en.wikipedia.org/wiki/Apache_HTTP_Serverhttps://en.wikipedia.org/wiki/PHPhttps://en.wikipedia.org/wiki/Python_(programming_language)https://en.wikipedia.org/wiki/Free_softwarehttps://en.wikipedia.org/wiki/TYPO3https://en.wikipedia.org/wiki/MODxhttps://en.wikipedia.org/wiki/Joomlahttps://en.wikipedia.org/wiki/WordPresshttps://en.wikipedia.org/wiki/PhpBBhttps://en.wikipedia.org/wiki/MyBBhttps://en.wikipedia.org/wiki/Drupalhttps://en.wikipedia.org/wiki/Websitehttps://en.wikipedia.org/wiki/Googlehttps://en.wikipedia.org/wiki/Facebookhttps://en.wikipedia.org/wiki/Twitterhttps://en.wikipedia.org/wiki/Flickrhttps://en.wikipedia.org/wiki/YouTubehttps://en.wikipedia.org/wiki/Graphical_user_interfacehttps://en.wikipedia.org/wiki/Command_linehttp://dev.mysql.com/downloads/workbench/https://en.wikipedia.org/wiki/David_Axmarkhttps://en.wikipedia.org/wiki/Allan_Larssonhttps://en.wikipedia.org/wiki/Allan_Larssonhttps://en.wikipedia.org/wiki/Michael_(Monty)_Wideniushttps://en.wikipedia.org/wiki/MSQLhttps://en.wikipedia.org/wiki/ISAMhttps://en.wikipedia.org/wiki/Structured_Query_Languagehttps://en.wikipedia.org/wiki/Application_programming_interface


39/70

Mi$t2n#$

N+$!/* -*#$+&*# -& MSL *=*+*&$ -&*:

• Or--&! *=*+*&$ + MSL / M-%!* -*&-# !& D!=- A8!r' /*-&&-&

-& 1FF

• @-r#$ -&$*r&! r**!#* +& 2 M! 1FF5

• *r#-+& .1F: E& + 1FF6, r+ 777.$8.#*

• *r#-+& .20:

• -&+7# =*r#-+& 7!# r**!#* +& ;

• *r#-+& .21: r+$-+& r**!#* 1FF;, r+ 777.#.+

• *r#-+& .22: !%!, /*$! r+ 1FF;

• *r#-+& .2: /*$! r+ • *r#-+& .0: /*$! r+ A#$ 2002, r+$-+& r**!#* M!r% 200 (&-+)

• *r#-+& .01: /*$! r+ A#$ 200,


40/70

MSL 5.1 !& 6.0!%! #%+7* ++r *r+r!&* 7%*& #* +r !$!

7!r*%+#-& – !r$ * $+ -$# -&!/--$ $+ $--G* $-* CPU +r*# +r r+*##-& !

#-&* *r.

•Or!* !-r* S& M-r+##$*# +& 2

• T%* ! Or!* !&&+&* $%* r%!#* + S&, M-%!* M+&$ -*&-#

+r'* MSL, !&%-& M!r-!DB, !& $++' ! #7!$% + MSL *=*+*r#

7-$% %-.

• MSL S*r=*r 5.5 7!# *&*r! !=!-!/* (!# + D**/*r 2010).

E&%!&**&$# !& *!$r*# -&*:

• T%* *!$ #$+r!* *&-&* -# I&&+DB, 7%-% #+r$# $r!!$-+ !&

r**r*&$-! -&$*r-$ +$r!-&$#.

• Ir+=* I&&+DB IO #/##$*

• Ir+=* SMP #+r$

• S*-#&%r+&+# r*-!$-+&.

• SI>NAL !& RESI>NAL #$!$**&$ -& +-!&* 7-$% $%* SL

#$!&!r.

• S+r$ +r #**&$!r U&-+* %!r!$*r #*$# $16, $2, !&

$;/.

• N*7 +$-+ +r #*r*-&* !r$-$-+&-&.

• MSL S*r=*r 6.0.11!%! 7!# !&&+&* +& 22 M! 200F !# $%* !#$

r**!#* + $%* 6.0 -&*. @$r* MSL S*r=*r *=*+*&$ #*# ! N*7

R**!#* M+*. @*!$r*# *=*+* +r 6.0 !r* /*-& -&+r+r!$* -&$+ $r*r**!#*#.

• MSL 5.6 *&*r! !=!-!/--$ 7!# !&&+&* -& @*/r!r 201. N*7

*!$r*# -&* *r+r!&* -r+=**&$# $+ $%* *r +$--G*r , %-%*r

$r!!$-+&! $%r+%$ -& I&&+DB, &*7 N+SL#$* *!%* API#,

-r+=**&$# $+ !r$-$-+&-& +r *r-& !& !&!-& =*r !r*

$!/*#, TIMESTAMP +& $* $%!$ +rr*$ #$+r*# --#*+&#,

-r+=**&$# $+ r*-!$-+&, !& /*$$*r *r+r!&* +&-$+r-& /

*8!&-& $%* !$! !=!-!/* $%r+% $%* PER@ORMANCE9SCHEMA. T%*


https://en.wikipedia.org/wiki/Data_warehousinghttps://en.wikipedia.org/wiki/Data_warehousinghttps://en.wikipedia.org/wiki/Data_warehousinghttps://en.wikipedia.org/wiki/Data_warehousinghttps://en.wikipedia.org/wiki/MariaDBhttps://en.wikipedia.org/wiki/Symmetric_multiprocessinghttps://en.wikipedia.org/wiki/Query_optimizerhttps://en.wikipedia.org/wiki/Query_optimizerhttps://en.wikipedia.org/wiki/NoSQL_(concept)https://en.wikipedia.org/wiki/Data_warehousinghttps://en.wikipedia.org/wiki/Data_warehousinghttps://en.wikipedia.org/wiki/MariaDBhttps://en.wikipedia.org/wiki/Symmetric_multiprocessinghttps://en.wikipedia.org/wiki/Query_optimizerhttps://en.wikipedia.org/wiki/NoSQL_(concept)


41/70

I&&+DB #$+r!* *&-&* !#+ -&* #+r$ +r $*8$ #*!r% !&

-r+=* r+ +-$ *r+r!&*.

• MSL 5. D*=*+*&$ M-*#$+&* 7!# r**!#* D**/*r 201

@(= M%S& FBn)ti2n$

• #9!*$*9r+7# [ >*$ &/*r + !*$* r+7# -& r*=-+# MSL +*r!$-+&

• #9-*&$9*&+-& [ R*$r $%* &!* + $%* %!r!$*r #*$

• #9+#* [ C+#* MSL +&&*$-+&

• #9+&&*$ [ O*& ! +&&*$-+& $+ ! MSL S*r=*r

• #9r*!$*9/ [ Cr*!$* ! MSL !$!/!#*

• #9!$!9#**' [ M+=* -&$*r&! r*#$ +-&$*r

• #9/9&!* [ R*$r-*=*# !$!/!#* &!* r+ $%* ! $+ #9-#$9/#

• #9/9*r [ S**$# ! !$!/!#* !& *8*$*# ! *r +& -$

• #9r+9/ [ Dr+ (**$*) ! MSL !$!/!#*

• #9*rr&+ [ R*$r $%* &*r-! =!* + $%* *rr+r *##!* r+ r*=-+#

MSL +*r!$-+&

• #9*rr+r [ R*$r $%* $*8$ + $%* *rr+r *##!* r+ r*=-+# MSL +*r!$-+&

• #9*#!*9#$r-& [ E#!*# ! #$r-& +r #* -& ! #9*r

• #9*$%9!rr! [ @*$% ! r*#$ r+7 !# !& !##+-!$-=* !rr!, ! &*r- !rr!, +r

/+$%

• #9*$%9!##+ [ @*$% ! r*#$ r+7 !# !& !##+-!$-=* !rr!

• #9*$%9-* [ >*$ +& -&+r!$-+& r+ ! r*#$ !& r*$r& !# !& +/"*$

• #9*$%9*&$%# [ >*$ $%* *&$% + *!% +$$ -& ! r*#$

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/

http://php.net/manual/en/function.mysql-affected-rows.phphttp://php.net/manual/en/function.mysql-client-encoding.phphttp://php.net/manual/en/function.mysql-close.phphttp://php.net/manual/en/function.mysql-connect.phphttp://php.net/manual/en/function.mysql-create-db.phphttp://php.net/manual/en/function.mysql-data-seek.phphttp://php.net/manual/en/function.mysql-db-name.phphttp://php.net/manual/en/function.mysql-db-name.phphttp://php.net/manual/en/function.mysql-db-query.phphttp://php.net/manual/en/function.mysql-drop-db.phphttp://php.net/manual/en/function.mysql-errno.phphttp://php.net/manual/en/function.mysql-error.phphttp://php.net/manual/en/function.mysql-escape-string.phphttp://php.net/manual/en/function.mysql-fetch-array.phphttp://php.net/manual/en/function.mysql-fetch-assoc.phphttp://php.net/manual/en/function.mysql-fetch-assoc.phphttp://php.net/manual/en/function.mysql-fetch-field.phphttp://php.net/manual/en/function.mysql-fetch-field.phphttp://php.net/manual/en/function.mysql-fetch-lengths.phphttp://php.net/manual/en/function.mysql-affected-rows.phphttp://php.net/manual/en/function.mysql-client-encoding.phphttp://php.net/manual/en/function.mysql-close.phphttp://php.net/manual/en/function.mysql-connect.phphttp://php.net/manual/en/function.mysql-create-db.phphttp://php.net/manual/en/function.mysql-data-seek.phphttp://php.net/manual/en/function.mysql-db-name.phphttp://php.net/manual/en/function.mysql-db-query.phphttp://php.net/manual/en/function.mysql-drop-db.phphttp://php.net/manual/en/function.mysql-errno.phphttp://php.net/manual/en/function.mysql-error.phphttp://php.net/manual/en/function.mysql-escape-string.phphttp://php.net/manual/en/function.mysql-fetch-array.phphttp://php.net/manual/en/function.mysql-fetch-assoc.phphttp://php.net/manual/en/function.mysql-fetch-field.phphttp://php.net/manual/en/function.mysql-fetch-lengths.php


42/70

• #9*$%9+/"*$ [ @*$% ! r*#$ r+7 !# !& +/"*$

• #9*$%9r+7 [ >*$ ! r*#$ r+7 !# !& *&*r!$* !rr!

• #9-*9!# [ >*$ $%* !# !##+-!$* 7-$% $%* #*--* -* -& ! r*#$

• #9-*9*& [ R*$r $%* *&$% + $%* #*--* -*

• #9-*9&!* [ >*$ $%* &!* + $%* #*--* -* -& ! r*#$

• #9-*9#**' [ S*$ r*#$ +-&$*r $+ ! #*--* -* +#*$

• #9-*9$!/* [ >*$ &!* + $%* $!/* $%* #*--* -* -# -&

• #9-*9$* [ >*$ $%* $* + $%* #*--* -* -& ! r*#$

• #9r**9r*#$ [ @r** r*#$ *+r

• #9*$9-*&$9-&+ [ >*$ MSL -*&$ -&+

• #9*$9%+#$9-&+ [ >*$ MSL %+#$ -&+

• #9*$9r+$+9-&+ [ >*$ MSL r+$++ -&+

• #9*$9#*r=*r9-&+ [ >*$ MSL #*r=*r -&+

• #9-&+ [ >*$ -&+r!$-+& !/+$ $%* +#$ r**&$ *r

• #9-*r$9- [ >*$ $%* ID *&*r!$* -& $%* !#$ *r

• #9-#$9/# [ L-#$ !$!/!#*# !=!-!/* +& ! MSL #*r=*r

• #9-#$9-*# [ L-#$ MSL $!/* -*#

• #9-#$9r+*##*# [ L-#$ MSL r+*##*#

• #9-#$9$!/*# [ L-#$ $!/*# -& ! MSL !$!/!#*

• #9&9-*# [ >*$ &/*r + -*# -& r*#$

• #9&9r+7# [ >*$ &/*r + r+7# -& r*#$


http://php.net/manual/en/function.mysql-fetch-object.phphttp://php.net/manual/en/function.mysql-fetch-row.phphttp://php.net/manual/en/function.mysql-field-flags.phphttp://php.net/manual/en/function.mysql-field-len.phphttp://php.net/manual/en/function.mysql-field-name.phphttp://php.net/manual/en/function.mysql-field-name.phphttp://php.net/manual/en/function.mysql-field-seek.phphttp://php.net/manual/en/function.mysql-field-table.phphttp://php.net/manual/en/function.mysql-field-type.phphttp://php.net/manual/en/function.mysql-free-result.phphttp://php.net/manual/en/function.mysql-get-client-info.phphttp://php.net/manual/en/function.mysql-get-host-info.phphttp://php.net/manual/en/function.mysql-get-proto-info.phphttp://php.net/manual/en/function.mysql-get-server-info.phphttp://php.net/manual/en/function.mysql-info.phphttp://php.net/manual/en/function.mysql-insert-id.phphttp://php.net/manual/en/function.mysql-list-dbs.phphttp://php.net/manual/en/function.mysql-list-fields.phphttp://php.net/manual/en/function.mysql-list-processes.phphttp://php.net/manual/en/function.mysql-list-tables.phphttp://php.net/manual/en/function.mysql-num-fields.phphttp://php.net/manual/en/function.mysql-num-rows.phphttp://php.net/manual/en/function.mysql-fetch-object.phphttp://php.net/manual/en/function.mysql-fetch-row.phphttp://php.net/manual/en/function.mysql-field-flags.phphttp://php.net/manual/en/function.mysql-field-len.phphttp://php.net/manual/en/function.mysql-field-name.phphttp://php.net/manual/en/function.mysql-field-seek.phphttp://php.net/manual/en/function.mysql-field-table.phphttp://php.net/manual/en/function.mysql-field-type.phphttp://php.net/manual/en/function.mysql-free-result.phphttp://php.net/manual/en/function.mysql-get-client-info.phphttp://php.net/manual/en/function.mysql-get-host-info.phphttp://php.net/manual/en/function.mysql-get-proto-info.phphttp://php.net/manual/en/function.mysql-get-server-info.phphttp://php.net/manual/en/function.mysql-info.phphttp://php.net/manual/en/function.mysql-insert-id.phphttp://php.net/manual/en/function.mysql-list-dbs.phphttp://php.net/manual/en/function.mysql-list-fields.phphttp://php.net/manual/en/function.mysql-list-processes.phphttp://php.net/manual/en/function.mysql-list-tables.phphttp://php.net/manual/en/function.mysql-num-fields.phphttp://php.net/manual/en/function.mysql-num-rows.php


43/70

• #9+&&*$ [ O*& ! *r#-#$*&$ +&&*$-+& $+ ! MSL #*r=*r

• #9-& [ P-& ! #*r=*r +&&*$-+& +r r*+&&*$ - $%*r* -# &+ +&&*$-+&

• #9*r [ S*& ! MSL *r

• #9r*!9*#!*9#$r-& [ E#!*# #*-! %!r!$*r# -& ! #$r-& +r #* -& !& SL

#$!$**&$

• #9r*#$ [ >*$ r*#$ !$!

• #9#**$9/ [ S**$ ! MSL !$!/!#*

•

#9#*$9%!r#*$ [ S*$# $%* -*&$ %!r!$*r #*$

• #9#$!$ [ >*$ rr*&$ ##$* #$!$#

• #9$!/*&!* [ >*$ $!/* &!* + -*

• #9$%r*!9- [ R*$r& $%* rr*&$ $%r*! ID

• #9&/*r*9*r [ S*& !& SL *r $+ MSL 7-$%+$ *$%-& !&

/*r-& $%* r*#$ r+7#.

@(> M%S& C2mmand$

T+ +-& (r+ &-8 #%*) #* % +& - &***.

# [mysqldir]/bin/mysql -h hostname -u root -p

Cr*!$* ! !$!/!#* +& $%* # #*r=*r.

mysql> create database [databasename];

L-#$ ! !$!/!#*# +& $%* # #*r=*r.

mysql> show databases;

S7-$% $+ ! !$!/!#*!

mysql> use [db name];


http://php.net/manual/en/function.mysql-pconnect.phphttp://php.net/manual/en/function.mysql-ping.phphttp://php.net/manual/en/function.mysql-query.phphttp://php.net/manual/en/function.mysql-real-escape-string.phphttp://php.net/manual/en/function.mysql-result.phphttp://php.net/manual/en/function.mysql-select-db.phphttp://php.net/manual/en/function.mysql-set-charset.phphttp://php.net/manual/en/function.mysql-stat.phphttp://php.net/manual/en/function.mysql-tablename.phphttp://php.net/manual/en/function.mysql-thread-id.phphttp://php.net/manual/en/function.mysql-unbuffered-query.phphttp://php.net/manual/en/function.mysql-pconnect.phphttp://php.net/manual/en/function.mysql-ping.phphttp://php.net/manual/en/function.mysql-query.phphttp://php.net/manual/en/function.mysql-real-escape-string.phphttp://php.net/manual/en/function.mysql-result.phphttp://php.net/manual/en/function.mysql-select-db.phphttp://php.net/manual/en/function.mysql-set-charset.phphttp://php.net/manual/en/function.mysql-stat.phphttp://php.net/manual/en/function.mysql-tablename.phphttp://php.net/manual/en/function.mysql-thread-id.phphttp://php.net/manual/en/function.mysql-unbuffered-query.php


44/70

T+ #** ! $%* $!/*# -& $%* /.

mysql> show tables;

T+ #** !$!/!#*Q# -* +r!$#.

mysql> describe [table name];

T+ **$* ! /.

mysql> drop database [database name];

T+ **$* ! $!/*!

mysql> drop table [table name];

S%+7 ! !$! -& ! $!/*!

mysql> SELEC ! "$% [table name];

R*$r $%* + !& +& -&+r!$-+& *r$!-&-& $+ $%* *#-&!$* $!/* !

mysql> show columns &rom [table name];

S%+7 *r$!-& #**$* r+7# 7-$% $%* =!* 7%!$*=*r.

mysql> SELEC ! "$% [table name] '(EE [&ield name] ) *whate+er*;

S%+7 ! r*+r# +&$!-&-& $%* &!* B+/ AND $%* %+&* &/*r QQ.

mysql> SELEC ! "$% [table name] '(EE name ) *,ob* . phone0number )

123333331;

S%+7 ! r*+r# &+$ +&$!-&-& $%* &!* B+/ AND $%* %+&* &/*r QQ +r*r /

$%* %+&*9&/*r -*.

mysql> SELEC ! "$% [table name] '(EE name 4) *,ob* . phone0number )

123333331 order by phone0number;

S%+7 ! r*+r# #$!r$-& 7-$% $%* *$$*r# Q/+/Q AND $%* %+&* &/*r QQ !

mysql> SELEC ! "$% [table name] '(EE name li5e *,ob6* . phone0number

) 123333331;

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/'


45/70

S%+7 ! r*+r# #$!r$-& 7-$% $%* *$$*r# Q/+/Q AND $%* %+&* &/*r QQ --$ $+

r*+r# 1 $%r+% 5.

mysql> SELEC ! "$% [table name] '(EE name li5e *,ob6* . phone0number

) 123333331 limit 789;

U#* ! r*!r *8r*##-+& $+ -& r*+r#. U#* RE>E?P BINARY $+ +r* !#*#*-$-=-$.

T%-# -&# !& r*+r /*-&&-& 7-$% !.

mysql> SELEC ! "$% [table name] '(EE rec L:E * SELEC :S:.C [column name] "$% [table name];

S%+7 #**$* r*+r# #+r$* -& !& !#*&-& (!#) +r *#*&-& (*#).

mysql> SELEC [col7]8[col=] "$% [table name] $E , [col=] ESC;

R*$r& &/*r + r+7#.

mysql> SELEC C$?.@!A "$% [table name];

S +&.

mysql> SELEC S?%@!A "$% [table name];

select loo5upBillustrationid8 loo5upBpersonid8personBbirthday &rom loo5up le&t oin

person on loo5upBpersonid)personBpersonid)statement to oin birthday in person table

with primary illustration id;

Cr*!$-& ! &*7 #*r. L+-& !# r++$. S7-$% $+ $%* MSL /. M!'* $%* #*r. U!$* r-=#.

# mysql -u root -p

mysql> use mysql;

mysql> :.SE :.$ user @(ost8?ser8DasswordA

L?ES@16181username18DSS'$@1password1AA;

mysql> &lush pri+ileFes;

C%!&* ! #*r# !##7+r r+ &-8 #%*.

# [mysqldir]/bin/mysqladmin -u username -h hostnameBblahBorF -p password 1new-

password1



46/70

$hange a %sers pass&ord from MyS'L prompt! Login as root! Set the pass&ord! pdate

privs!

# mysql -u root -p

mysql> SE DSS'$ "$ 1user1G1hostname1 ) DSS'$@1passwordhere1A;

mysql> &lush pri+ileFes;

R*+=*r ! MSL r++$ !##7+r. S$+ $%* MSL #*r=*r r+*##. S$!r$ !!-& 7-$% &+ r!&$

$!/*#. L+-& $+ MSL !# r++$. S*$ &*7 !##7+r. E8-$ MSL !& r*#$!r$ MSL #*r=*r.

# /etc/initBd/mysql stop

# mysqld0sa&e --s5ip-Frant-tables H

# mysql -u root

mysql> use mysql;

mysql> update user set password)DSS'$@*newrootpassword*A where ?ser)1root1;

mysql> &lush pri+ileFes;mysql> quit

# /etc/initBd/mysql stop

# /etc/initBd/mysql start

S*$ ! r++$ !##7+r - $%*r* -# +& r++$ !##7+r!

# mysqladmin -u root password newpassword

U!$* ! r++$ !##7+r.# mysqladmin -u root -p oldpasswordnewpassword

@(? PHP Intr2dB)ti2n

PHP -# ! #*r=*r#-* #r-$-& !&!* r*!$* -& 1FF5 !& *#-&* +r 7*/

*=*+*&$ /$ !#+ #* !# ! *&*r!r+#* r+r!-& !&!*. A# +

PHP 7!# -$!* +& +r* $%!& 20 --+& 7*/#-$*# (FZ + $%+#* #!*) !& 2.1

--+& 7*/ #*r=*r#. Or--&! r*!$* / R!##L*r+r -& 1FF,$%* r**r*&*

-**&$!$-+& + PHP (+7*r* / $%* ]*& E&-&*) -# &+7 r+* / T%* PHP

>r+. %-* PHP +r--&! #$++ +r Personal )ome Page, -$ &+7 #$!&# +r P)P*

)ypertext Preprocessor , 7%-% -# ! r*r#-=* /!'r+&.


https://en.wikipedia.org/wiki/Server-side_scriptinghttps://en.wikipedia.org/wiki/Server-side_scriptinghttps://en.wikipedia.org/wiki/1995https://en.wikipedia.org/wiki/Web_developmenthttps://en.wikipedia.org/wiki/Web_developmenthttps://en.wikipedia.org/wiki/General-purpose_programming_languagehttps://en.wikipedia.org/wiki/Websitehttps://en.wikipedia.org/wiki/Websitehttps://en.wikipedia.org/wiki/Web_serverhttps://en.wikipedia.org/wiki/Rasmus_Lerdorfhttps://en.wikipedia.org/wiki/Rasmus_Lerdorfhttps://en.wikipedia.org/wiki/Rasmus_Lerdorfhttps://en.wikipedia.org/wiki/Reference_implementationhttps://en.wikipedia.org/wiki/Reference_implementationhttps://en.wikipedia.org/wiki/Reference_implementationhttps://en.wikipedia.org/wiki/Zend_Enginehttps://en.wikipedia.org/wiki/Recursive_acronymhttps://en.wikipedia.org/wiki/Backronymhttps://en.wikipedia.org/wiki/Server-side_scriptinghttps://en.wikipedia.org/wiki/1995https://en.wikipedia.org/wiki/Web_developmenthttps://en.wikipedia.org/wiki/Web_developmenthttps://en.wikipedia.org/wiki/General-purpose_programming_languagehttps://en.wikipedia.org/wiki/Websitehttps://en.wikipedia.org/wiki/Web_serverhttps://en.wikipedia.org/wiki/Rasmus_Lerdorfhttps://en.wikipedia.org/wiki/Reference_implementationhttps://en.wikipedia.org/wiki/Reference_implementationhttps://en.wikipedia.org/wiki/Zend_Enginehttps://en.wikipedia.org/wiki/Recursive_acronymhttps://en.wikipedia.org/wiki/Backronym


47/70

PHP +* !& /* #- -8* 7-$% HTML +*, +r -$ !& /* #* -& +/-&!$-+& 7-$%

=!r-+# $*!$-& *&-&*# !& 7*/ r!*7+r'#. PHP +* -# #! r+*##* / !

PHP -&$*rr*$*r , 7%-% -# #! -**&$* !# ! 7*/ #*r=*rQ# &!$-=* +* +r !C++&

>!$*7! I&$*r!* (C>I) *8*$!/*. A$*r $%* PHP +* -# -&$*rr*$* !& *8*$*, $%* 7*/

#*r=*r #*&# $%* r*#$-& +$$ $+ -$# -*&$, #! -& $%* +r + ! !r$ + $%* *&*r!$*7*/ !*J +r *8!*, PHP +* !& *&*r!$* ! 7*/ !*Q# HTML +*, !& -!*, +r #+*

+$%*r !$!. PHP %!# !#+ *=+=* $+ -&* ! +!&-&* -&$*r!* (CLI) !!/--$ !&

!& /* #* -& #$!&!+&* r!%-! !-!$-+.

T%* #$!&!r PHP -&$*rr*$*r, +7*r* / $%* ]*& E&-&*, -# r** #+$7!r* r**!#* &*r

$%* PHP L-**. PHP %!# /**& 7-* +r$* !& !& /* *+* +& +#$ 7*/ #*r=*r# +&

!+#$ *=*r +*r!$-& ##$* !& !$+r, r** + %!r*.

D*#-$* -$# +!r-$, &+ 7r-$$*& #*--!$-+& +r #$!&!r *8-#$* +r $%* PHP !&!* &$-201, *!=-& $%* !&+&-! PHP -&$*rr*$*r !# ! de facto #$!&!r. S-&* 201, $%*r* -#

+&+-& 7+r' +& r*!$-& ! +r! PHP #*--!$-+&.

PHP *=*+*&$ /*!& -& 1FF 7%*& R!##L*r+r 7r+$* ! #*r-*# + C++& >!$*7!

I&$*r!* (C>I) /-&!r-*# -& C, 7%-% %* #* $+ !-&$!-& %-# *r#+&! %+*!*. H* *8$*&*

$%* $+ ! $%* !/--$ $+ 7+r' 7-$% 7*/ +r# !& $+ +&-!$* 7-$% !$!/!#*#, !&

!* $%-# -**&$!$-+& P*r#+&! H+* P!*@+r# I&$*rr*$*r +r PHP@I.

PHP@I + /* #* $+ /- #-*, &!- 7*/ !-!$-+. L*r+r -&-$-! !&&+&*$%* r**!#* + PHP@I !# P*r#+&! H+* P!* T++# (PHP T++#) =*r#-+& 1.0 /- $+

!**r!$* / +!$-+& !& -r+=* $%* +*, +& $%*U#*&*$ -###-+&

r+ +.-&+##$*#.777.!$%+r-&.- +&


48/70

@(@ S%nta

M!-& !r$-*: PHP #&$!8 !& #*!&$-#

T%* ++7-& H*+, +r r+r! -# 7r-$$*& -& PHP +* */** -&

!& HTML +*&$:

$890TP; htl<

PHP Test

MphpechoLp


49/70

+/"*$# + ! #*-- !##, !rr!#, -&$*r!*# +r !/!' &$-+. H+7*=*r, /*+r* PHP .0,

$* %-&$# + &+$ /* #* 7-$% #!!r $*# #% !# -&$**r +r #$r-&.

U&-'* &$-+& !& !## &!*#, =!r-!/* &!*# !r* !#* #*-$-=*. B+$% +/*+$* ( )

!& %*r*+ #$r-&# r+=-* $%* !/--$ $+ -&$*r+!$* ! =!r-!/*Q# =!* -&$+ $%* #$r-&. PHP$r*!$# &*7-&*# !# 7%-$*#!* -& $%* !&&*r + ! r**+r !&!*, !& #$!$**&$# !r*

$*r-&!$* / ! #*-++&. PHP %!# $%r** $*# + +*&$ #&$!8: !r'# /+' !&

-&-&* +*&$#J !# 7* !# W !r* #* +r +&*-&* +*&$#. T%* *%+ #$!$**&$ -# +&*

+ #*=*r! !--$-*# PHP r+=-*# $+ +$$ $*8$,e!g!, $+ ! 7*/ /r+7#*r.

I& $*r# + '*7+r# !& !&!* #&$!8, PHP -# #--!r $+ +#$ %-% *=* !&!*# $%!$

++7 $%* C #$* #&$!8. if +&-$-+, for !& &hile ++#, !& &$-+& r*$r !r* #--!r

-& #&$!8 $+ !&!*# #% !# C, C, CW,

@( PHP FBn)ti2n$

PHP %!# %&r*# + &$-+ r+=-* / $%* +r* !&!* &$-+&!-$ !& $%+#!&#

+r* !=!-!/* =-! =!r-+# *8$*-+J $%*#* &$-+ !r* 7* +*&$* -& $%* +&-&* PHP

+*&$!$-+&. H+7*=*r, $%* /-$-& -/r!r %!# ! 7-* =!r-*$ + &!-& +&=*&$-+ !&

!##+-!$* -&+-#$*&-*#, !# *#r-/* &*r %-#$+r !/+=*.

A-$-+&! &$-+ !& /* *-&* / $%* *=*+*r:

function'ge)Kbirthear*+// defines a function, this one is named *m"+e*

K'ears9ld=date)LL*Kbirthear&// calculates the ae

returnK'ears9ldL 'earL)K'ears9ld$=1MLsL:LL*&// returns the ae in a

descriptive form

-

echoLF a (rrentl' L'ge)1N>1*L !ldL&// outputs the text concatenated

// with the return value of m"+e(

// +s the result of this s"ntax, m"+e( is called

// n #.$, the output of this sample proram will be 0 am currentl" %1

"ears old0

I& PHP, &+r! &$-+ !r* &+$ -r#$!## !& !& +& /* r**r*&* / $%*-r &!* -r*$,

+r &!-! / ! =!r-!/* +&$!-&-& $%* &!* + $%* &$-+& (r**rr* $+ !# =!r-!/*

&$-+). U#*r*-&* &$-+ !& /* r*!$* !$ !& $-* 7-$%+$

/*-& r+$+$*. @&$-+ !& /* *-&* --* +* /+'#, *r-$$-& ! r&$-*

Aa*+ha Thaur/SPSU/CSE/Ge*e S-t/"#$%&$'/Pae/0$

https://en.wikipedia.org/wiki/Callback_functionhttps://en.wikipedia.org/wiki/Heredochttps://en.wikipedia.org/wiki/N

Date post:	07-Aug-2018
Category:	Documents
Upload:	divya-lunawat
View:	221 times
Download:	0 times

Internship Report on Online Dispensary Management

Documents