7. Web
Server
HTML Files, JPGs, business logic
1.
Type
info.cern.ch/TheProject.html
in
the
browser
2.
Browser
connects
to
server
named
info.cern.ch
3.
Browser
asks
for
a
resource
called
TheProject.html
5.
TheProject.html
is
sent
back
to
the
browser
4.
TheProject.html
may
have
links
to
other
websites
Tim Berners-Lee
1989
8. Domain
name
Server
Browser
Login
Database
Secure
Reliable
Graphics
designer
Should
work
on
mobile
Fast
Future
proof
Cost
AnalyOcs
Data
Developer
Features
Let’s
develop
a
web
app
APIs
24. Backend,
Frontend,
CSS,
HTML,
HTTP,
Framework,
Ruby
on
Rails,
JavaScript,
Database
server,
Web
Server
…
25. 1.
User
types
www.webapp.com/index.html
in
the
browser
2.
Browser
connects
to
server
named
www.webapp.com
3.
Browser
asks
for
a
resource
called
index.html
5.
The
final
index.html
is
sent
back
to
the
browser
4.
index.html
may
need
some
data
from
a
database
server
26. Browser
(Thin
client)
Downloads
UI
code
from
server
and
runs
it
Web
Server
Contains
business
rules
and
generates
code
for
the
browser
Database
Server
Holds
the
data
27. Database
Server
Holds
the
data
Web
Server
Contains
business
rules
and
generates
code
for
the
browser
Browser
(Thin
client)
Downloads
UI
code
from
server
and
runs
it
28. Q:
How
are
different
browsers
running
on
different
operaOng
systems
able
to
use
the
same
web
app?
A:
Standards
such
as
HTML
and
HTTP
29. Code
that
runs
in
the
browser
is
front-‐end
code
HTML,
CSS
and
JavaScript
QuesOon:
How
are
different
browsers
able
to
work
with
the
same
web
app?
Answer:
HTML,
CSS
and
JavaScript
happen
to
be
standards
accepted
worldwide
without
excepOon
30.
31. HTML
will
let
you
write
UI
code
in
without
wriOng
‘real’
code
<bufon
type="bufon">Click
Me!</bufon>
34. JavaScript
HTML
and
CSS
can
make
your
pages
look
nice
But
they
don’t
make
the
pages
appear
responsive
JavaScript
was
created
as
a
simple
language
to
address
this
need
39. RelaOonal
Database
Typically,
code
wrifen
in
SQL
runs
on
the
database
server
And
SQL
code
is
all
about
performing
CRUD
operaOons
on
Data
Create
Read
Update
Delete
