0% found this document useful (0 votes)
11 views18 pagesFull Stack Unit-1 Notes
The document discusses the fundamentals of full stack web development, covering various frameworks and technologies such as MVC architecture, Node.js, and Express. It highlights the importance of understanding both frontend and backend components, as well as the communication between web servers and browsers. Additionally, it emphasizes the role of different programming languages and tools in creating dynamic web applications.
Uploaded by
nandhiniCopyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
11 views18 pagesFull Stack Unit-1 Notes
The document discusses the fundamentals of full stack web development, covering various frameworks and technologies such as MVC architecture, Node.js, and Express. It highlights the importance of understanding both frontend and backend components, as well as the communication between web servers and browsers. Additionally, it emphasizes the role of different programming languages and tools in creating dynamic web applications.
Uploaded by
nandhiniCopyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
/ 18
Ona To
Basics of Foll Stackt—
Understand m4 the Basic Web Development
Prarme Werk) —
Romano 4.0 re im Rar
appa caion, ushidy provides. a fourcadion on |
whch fo}towe application tan be Anil.
Ror provide: — 2
oe eit Code, modules -
& ie) frock cha redinsk Beant
© Ready mode Interfase oct pe raking
Bre rant AAT Aadoproen fovter Ord eple -
naire dadegmers frame nor a Collection el
; perer eee ‘Xedhnole ten that are used
eaten ana eect ci |
Wee app eo Hime Wate the
no Ned ts Worry about bedi
iy ore authenticakon thse
Sa ty feast, |
; ee a = otha se
Web framewore) FHselh take one | Di. Intngt oot a Aut flexitality % ode
ted ony
sae
4 eee framework also promotes 4.
weuse of; Codi
5 Senoihy Framework makes “eaten Rise
thet Fhe applicarton” wes geod Heounihy Meas irene,
béause the” Promamorke Tell olkes cme of HE.
Components: = i
* ser
» Prowse
#\Nebdover ~
® Badcerd Souicos
ae aN Se, bed delete ci r 5,
eet pant. 4 pe ailae,
aD Ver wage corton,, rete a. a
“hee Nhe a fe dering « go!
notaas
Widlosike, i
orb a ay vert & and, aay US Webaitr by caer S User interact woth the browsex i teat
Tope device Auch ax mouse Key boaad, Pc
7 Web Satnew ork cons the user input
and prviderthe Nequired Visual outst
Brew sex. —
~) App lo acum Welactte a
= Veer Wherack “uth the” broween in th.
Web developreent Gramavoork .
Resi
ep dad Communication fo and From He
~ Nelo Sever!’
Interprets, the ‘Es earn, Hoe
Beaver. and displays the \auale op.
5 the browaer \nevacts the
ae, mouse , buch green Or 0 \n
ioe and tees appropriate es
j Broansen te wee Saryen Communication | Rs
Fe Cormmunieating vit he Welotava,
broncer wake vse 4 HITPS,| Rrototals
Soap stands for Paper Tent Frunsfen Proou
th pol ib hed for _ bommunveatton bw
a Wels, Seayer ot va Ve quest [Respone <
eer Pe 44 veq vests
Re < made oy wie He ad) 4 Sorat as , SS uripsproto| 2% Almilan to fp os
but Ve adkds on AAdt ona \ Media ing a
hente When Ascetic What tape a teq 74
rat can be Made fou Uae
nh etines she dorenacty e Yea wast fey
Shypes o] Request te Bowe?
DAGET | Yeteve) data fromthe Sewer.
Bead dems Can ee thes BOM Le op 3
2- POST: Bering data to the Gro,
¥ Cred derai ls udbile: Onlicw Ahorp
3- vada i a Tava Seri PA and Extrdile
a Th ATAS | GET and Phoy
One
Rie
wea net five, Soxgk ning .
Benoa Caw
‘ eat ce
Mls dst faz
"ta ong shot URL hinge don
bps a Nis ne “Brot he Rabie
TEs Pe’ ve Content= «
Rete an re LAB fu aglaw ad
“CMU lh Ne ot.
trial URL © OSX then | pee ee HTML
wae
sakes, + WER
ob} ech. en.
is grt at u Wee Se ;
a se Ae Lod Pomderent Werertaa ke Uieskiss~
Lt tacky Jgheatd 2 Webpage View - .
Bat i gcks clffeent hy pe of date fom
janttiple web Saver te Wild she webpage:
Paper eh Me ‘Ranaled EH) ee Brow S28.
. Aaya
haha es \- vepresent ah grate data-
oe Ble, 27 Bekinas’ howe He letaente om
at? page we be, Ay\ed Lrg fonts ,
tolors bodes and & onr-
é : ere Gide sai ph Normale 4 these Scripts
ore 1 Gas apt Jeers daitonal Apactionlity
ea webpage h posite, We Where city ob wer
wa at, Det “Eihe N
Webra
rok fa Aaa Hepaye ond hain
files = Info about iwages, Vides
seed wR eo dO wad eke “BKM
+ tmp headers Type dake
Vase InslisxA
ou. wall per type e
BY, WebSewver \-
A Speer NR Server fe ushi de
broveder Zubmit Yhe Weg Vert Oh Webpage
4 dtent - ,
Rieecltad TIS fom Microsoft:
AMEE request fron Web brewien
Nbr Aaguese ik protersed| ri
Ru web Swern.
=) loeb Respond to the User SF
prs peovidk Corwi con |
6 eave” the’ webs baed ap pln
DNS handates the — domaig Raines
ts PR addvewes
\l
E
‘ 2 Cover Veni fy Given ANd ner exit
. eee files, van obpspiate nips
arhange Cookin anh Yevan . back ty brows
Apache
—) Freetlent Seaver —) Conf}
bez of Realaty Sy Mielo
Bricen a ine 4”
el Counc, Slw Fredy EAE,
On > Suited by \
4 ‘4 Sxa. MN in. For Un Sten ps
> webbseaver toy Microsoft -
2D Windows placiorm ;
(ieee etnkenee Ainformatt on Leaver J
Apache \.S
Oise window ¢ +y Window C
Open Source - i Vander Ape otf Pract
Contretled by editing ol wodi suing te
the fle Nitok Con? Window based
mert oe
NS exgh Conts| Rarell
= i ie ree a: i)
Bacleend Yost @a
TS Mine
20, by beband) anlele Sexwer
fe ooh Prov des dota %. Webcerver
thidh & Feqvested by \rowaex .
me | ued, uo database
hot ores, linge
oO. = browsex | Reauaky date — webbSaer
hie
shag et hae abes Lei, net cleanse.
Sy. ce plate, lrrow Cerw
(prow ser
Pe ts eS Re: Arckvtectane \-
data model othe!) */Conbrallen basically
Mvc Atans fey Mode F View and
Controller. Dew a ‘pattern Apr We Ordiites,
Krarne Work
TE Consute ok i
> bee
Model he pat 4 the architecture &
1? Nespend tb, the request madefron View
A) Gives Tratradtions fe the Controller-t,
on ae pre radi
2. New > ht pare tole ae is o, a
Proenraion ef daskal? ing? data prorat |
Orv derived oma ygeh the =
SS this wie Arsar Bosak yeti
tine, JSP, ASP, PHP andieaaneifi" aa
a oe The Contraton tl 3s ane i
“Naledokes 1 nd The’ Perfor eta. ;
Opersiiion, rok modi ee ee the
te eae Aq an m } ° if
te iota, ETA, Mite wt updater qode\
tok, Model) dot o
ard updater view ’
— Mod A Yeprevents He daka f
>) New & the user Srtetace .
oa Control toon the Yequect frandler
Feahures MWC Prarmework ae
- Seperastba 7G? Aoge « ia
Ty fere Ua Aeferation of opp teattos
Fok sath on Toput Jegte,, Asiness me,
T logic -
¥ a. wakes testing and acena gig
toe er...
hy Modigicakion” “vo
Apdier affect fre one:
a. Milky 4 provide x iWalti ple Niven |
ERR OM owe del, Wer? can Create
Nultile Views
3 Faster devdloprent Pode + MVC Sup porte Yap
Ard posallel” devdotinent 1 an MVC mode}
Weadts ) devop any piarticulan Web apphoation
Ore” “Component we
in i uw possille What One Programme,
CAN Work on the View shile the other
Can Work onthe Controller ta .Qreote
fe... biothen ogi 4 the Web applicatin,
Return, data ushtle’ Pormmacttin
> wid Pattern veluans data
Without: appying an nonarting Hence
Sane) scoraponent “canbe used
ond coiled for ure uvth any inteaf ate
Fs aig ha Sr A an. extendable ond
alle vornevork + Myc firameworte ae
persion fo that ype BN e,
Cite me Maflowed
MVC in Practtieal —
HY
TD LProrder to understand, 7
OE MVE Natu to areal Life example.
TF Rethront Batley Menu:
You MY Menu. he Water es, deh lertchen )
J chef Taw makerials ror
Day fn ey
> Waiter teks ah Srorn von, ae
Present Ht you ard enjoy Yormeal
amend | 8" “Bao ter Ci SS eee
unter fre View! Component
> The Waiter | —),) Contro|\er,. ] !
> a and Refi qeratoy _ worel
2 ., eae - |
Js \waihon
camel's
crags ra Wi
Fase
oe, oy
Brack Comite |
smoiiorpain! F
y
,
3 pias g
yo, \
ws Pleo & Here the men and the food tome
under he Vtew Component
a th waite —; Contro|\es,
EO Sa Pees, ay meld
Understanding the — Different aah a;
2 the’ “Stack development
uN aL apphcatton’
Veter s to the
Galaniorg Aewdopment
> Node. js to Angolan stack Comite nai
* taanryo De
PP expvers
% Ane wlan.
Diyos ems i} sh 1 > Expres ls wed tor AOven ~ 8) 4 @
devo HEN by hull Zheck
|
“ViPS Neyhetat panna Noda} o tg
ay to ‘enktaura Nravplernvent ana Control the
Welo Application :
Reasonc hy Fypren & a Great framen
ore Papen fo provid ox A Youtin t
Wechanden” so EE & pouible t yack
ty Aitferent wile pages uiting the URL.
a) Fervor pening Express provides, uit dy
Lanor Rondling bow Aocasrnartts :
BY Ray Dove tattont= Express DNeN can
easily ‘ve Lrnplernentec| behind. an
N) Cookies Rtpress provide wy Cookee
Wi erent: :
6) Conon and “tach anagemente»{ Express
Kaen Benton Nanagernent : and cache
Management jet ' aco \
Arqulaass '
4 Araulan a client ay, Framenor’
developed by eye:
WEE oy Pe Seriph-
1) firquien Provider “AlN Abe dacchi onal | Wiese: | hole wen Yous wm the bower.
tronipalake data on the dient ade
—) trako _Lontrols Ron glomenXs ane
daplayed in te broweer uindowr.
Viators wn Ere prec Ra, ae frame nork
Xo 4hast dom t- :
Qw » Eaprews Is vides Youd
oo fo that WW seach to ae
§ dierent web Pages Svaing the ORES
Dedean® sr alon the devel
“Can develop ale tid logical code: Ae
® Exkenabiltty » re wlas eee
eg eee 1 Mido
fe) pate ak ARE “Custer Wilementakion
W Rewratsle” toder VG ee the Yeurolle
PRE be Wwnten-
Para bradin: US angular the data
an 2h ao Shc +s AML ayeree Ua)
na ae
*y > é work a&
deta 924 Me) there excte agent
a est The Web application
quan based on Typ Sait
Cosy to } ate | lan nto
ae a axes
The Nee je a development frameno,
that user Google's vg Javascript “engine
oe Pumas, Goapele VE Favescripr angine
Wis is farses and cyecuter , the Tovascriot
ole.
ithe Node Fe tele 5 ivi en) W :
SORE Aa, Willd sae
Reatoms- | i
od 2 4s Use ts Node| ¢ B “ee much e.
*e Sup,” Peveloging the Wele application.
de Nel
ORR Ne haber Mi aa
4 erkend the. Nodejsi functionality. ..
: evdapied ov HeMey yy
W. ON a Aprisen proetlobiliny Bln -Nedle.ic
fecal Teal AR Biocekiedy on ah 3
heen! Ui 2S Seanad eT
J Nokeye uses! a Grate azn |
rode: ie loops Be 2p 8.
[1=3)/ NON a BOC Vespe Me \ lode}
rakes Nahly ieee mei:
Numnloer of Yequeste = l . 4
OF bels
hn’ .
* a Parerivas anh
j
J Pian Noles & balt on Ve
ava ocriph and u Ve fast Ae alia
execution
ZS Wwe y Jara Seripk and ts end *- the one
a the Vrnportant Xeorom URN Node-|s
& thot & alles fo Write both > Beaver
aad Arent side erga tm Tasen
Mongo 28:-
SS) park 3) backend Soi Cen
0 Qn databae
et iowa
oO ‘sson dole) +
ee Reack + Open Source Component bared
fron — end Savasen\ pt \brany Wadatained by
Facebook.
hie us Tesponaible 7 only Se
the View Aayox At the appliceti ory.
> the Joeseript UL tov as
Wor Ae ‘
Reasons’ ‘=
' yeaa: Dom + Document, ae Moto).
Pde, (A way te update the Content
Breackure and ahile Gf te docamerct .
Widow o Tepraentraliin Be Dom
Ayden ser plates, dorneth
wud ohicatlen, TOM acts Ant
Updatton of oi wwe vequived all Hine
— Trytead , hae | Seer KT shoal pi
mi # fees Bone ys
ia Seer fp yom Leora
rouch Aaker :
ce ae o ah i ed *
we pale ated (on wdopage sith bi"
‘ 4 og
Or is Components Tha Jeatwe allows te Web
developer 6 Cea eushory clernants uhh,
can be Veuaed wy KML »
Soars DSK. Wan ettershen Bavaserigs
Synrore WVSKe9 Come phe! Leon Wit :
Combined on am Savaseipt and XML
aroma “Vi Sia
h) Ore wins» data ei vith, React]