Embed Size (px)
DESCRIPTION
Evolution of the web through the lens of a developer Tech Talk @ Georgia Gwinnett University, 1000 University Center Lane Lawrenceville, GA 30043 Talk Schedule : http://www.ggc.edu/ggc-life/campus-events/icalrepeat.detail/2011/03/09/744/27|25|26/Yjc4Zjg4NjM1NTAyN2JlMzRmNjczZWMzYzA2Y2JhMjU=
Citation preview
When Why What of WWW evolution of the web through the lens
of a developer
1
2
Subramanyan Murali Yahoo! mail EngineerWeb developer, Hacker, photographer@rmsguhan
Family of Book worms
3
Catalog of all the readable material
= Hierarchical Index
1980 Tim Berners-Lee first envisioned linking together documents in a consistent,
platform neutral way to share research work
hy-per-text – noun a method of storing data through a computer program that allows a user to create and link fields of information at will and to retrieve the data non-sequentially
1989
HTML is born
demand for information access
standard & machine understandable
<body> , <h1> , <a>, <legend>, <fieldset>, <p>,
<table>, <img>, <input>, <div>, <ul>, <li> …
<center>, <b>, <i>, <marquee> …
1991
The age of the Web Browserbegins
1995
Surge of web documents
one way traffic of information
Directories & search engines
http://www.archive.org/
http://waybackmachine.org/
1996
a working group of the World Wide Web Consortium (W3C) released the CSS level
1
Explosion of hypertext pages flooded the web
Industry giants begin to take interest
Information Super Highway
Self taught discipline
Bad design
Web pages for everything
Chuck Norris can use HTML for world peace
Demand for the “Web developer” increases
EngineeringVisual
Designers
Web Developer
Semantics was important, but no one cared
Separation of concern
Server
Data Store
Browser
CSS
JS
HTML
Server
Data Store
Browser
CSS
JS
HTML
Presentation
Behavior
Data
<body> <center> <div style=‘border:1px solid black;’> <table cellpadding=0> <tr> <td valign="middle”>Some input</td> <td> <input type=‘button’ onclick=‘javascript:formSubmit();’ value=‘Click’ /> </td>
</div> </center></body>
<body> <center> <div style=‘border:1px solid black;’> <table cellpadding=0> <tr> <td valign="middle”>Some input</td> <td> <input type=‘button’ onclick=‘javascript:formSubmit();’ value=‘Click’ /> </td><tr></table>
</div> </center></body>
<body> <form method =‘post’> <fieldset> <legend>Data collection</legend> <label for=‘data’> <input type="text" name=”data" /> </label> <input type=submit value="Submit"> </fieldset> </form></body>
Semantics of a document does not determine
visualization
Developer is smarter than a program
http://xkcd.com/
Stepping back
1991
Linus Torvalds create Linux
Opens up web development to all
Becomes de-facto web server software
freely distributed amongst
web developers
20 million websites and 1 million web servers
Anyone could host a Web site
2000
Multimedia on the web
Personalization
Better Connectivity
IIS, Apache, nginx, lighttpd
ASP, ANSI C scripts, ColdFusion, Java Server Pages, Perl CGI, SMX,
Lasso, PHP
Javascript, Action Script, VB script
CSS, Flash, Silverlight
Web Server
Scripting
Scripting
Styling
Web 2.0
Microformats
Usability
Web standards
SOAP
Podcast
Live Streaming
Blogs
Recommendation
Semantic
SVG
Flash
Mobility
SDK
Widgets Customization
Feeds
Syndication
Application
Social Software
Ajax
Open APIs
REST
Personalization
Social NetworkCSS
Tagging
E-commerce
Desktop application experience
Open platforms & Service oriented
Social web
Dot-com bubble (1995–2001)
Second bubble or Web 2.0 bubble
(2001 onwards )
User generated content & interactive medium
WelcomeFrontend Engineering
&Rich Internet Applications
Smarter web Browsers,Faster desktops, Cheaper storage,
Faster internet connection, more audience only means …
… more high paying jobs for engineers
Engineering
User Engagement
& Visual
Designers
Web Developer
Traditional Web application
HTTP
Request
HTTP
Response
Web server
Traditional Synchronous processing
Time
Server
Client
User Activity
Data Processing
Data Transmission
User Activity
User Activity
Data Transmission
Data Processing
Ajax web application
Asynchronous processing
Time
Server System Processing
System Processing
Data Transmission
Data Transmission
Client
Ajax
Data
Request
Data
Request
Data
Resp
onse
Data
Resp
onse
User Activity
Client Processing
Client Processing
Future is here ?
HTML5
Semantics
CSS3
Offline Storage
Graphics, 3D, Effects
Device Access
Performance
MultimediaCloud
Visual & Engineering problems now has solutions
in the platform
New class of Engineering problems in
security, performance, architecture
Single code base
distribution of business logic
innovative design patterns
Exciting new web
Thank You !
