Brief introduction into developing for the internet. A short history of how pages communicate with a server and a look a different web stacks that can be used in web development
2. Web 1.0
Static pages of hyperlinked information
Information revolution
created using HTML
<mark-up language>
HTML
HTML
HTML
3. Client/Server Request/Response
Web Browser The Internet Web Server
at server.com
Disk Drive
at server.com
User requests
http://server.com
Look up address of:
server.com
Request server.com
main page using IP
Receive and display
page
Return the index page
Fetch index.html from
hard disk
Receive request for
index page
4. Video
Audio Image
Moving Forward
Look and feel improved with style sheets
âąpresentation and style could be
separated from the information structure
and content
âąCascading Style Sheet (CSS)
âąMixed Media CSS
HTML
6. iâve seen the future and itâs
Dynamic
Content
p.s. - this is KirriemuirâŠits awesome!
7. Dynamic Content
Server side dynamic content generation
âąMature Web Server Stacks (e.g. LAMP)
âąSites became web services (data not
pages)
Request
Web Page
PHP Script
HTML
Web
Server
Database
Template
Engine
8. Dynamic request/response
Web Server PHP Processor Disk Drive mySQL Database
Receive Request
Fetch Page
Contains PHP?
Return Page
Receive Data
Execute SQLProcess PHP
9. Client/Server Request/Response
Web
Browser
The
Internet
Web
Server
at server.com
Disk Drive
at
server.com
User requests
http://server.com
Look up address
of:
server.com
Request
server.com main
page using IP
Receive and
display page
Return page
Fetch index.html
from hard disk
Receive request
for index page
PHP
Processor
mySQL
Database
Contains PHP?
Receive Data
Execute SQLProcess PHP
10. Why are web apps
important?
âąNobody wants simple web pages
anymore
âąDesktop software for common tasks may
be coming extinct
âąOïŹsite storage as standard
âąCollaboration easily added
âąNo software installation
âąNo software updates
11. Development
Landscape
âąNo single âone-size ïŹts allâ solution
âąNo âcorrectâ way to do web development
âąLots of diïŹerent web stacks available
this doesn't mean
there isnât a wrong
wayâŠthere is!
12. A software (or solution) stack:
a set of components required
to make a complete platform
13. A software (or solution) stack:
a set of components required
to make a complete platform
Web stack:
server side code utilises web
server and database all running
on an operating system
20. html
css
php
mySQL
How to structure a webpage
How to style a webpage
How to make a web page interactive
How to load and save information
from a web page
21. html
css
php
mySQL
How to structure a webpage
How to style a webpage
How to make a web page interactive
How to load and save information
from a web page
Needs specialised server in
order to work
Can be created and viewed on your
own machine quite easily