SlideShare a Scribd company logo
1 of 55
When Why What of WWW  evolution of the web through the lens  of a developer 1
Subramanyan Murali  Yahoo! mail Engineer Web developer, Hacker, photographer @rmsguhan 2
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 borndemand for information accessstandard & machine understandable
<body> , <h1> , <a>, <legend>, <fieldset>, <p>, <table>, <img>, <input>, <div>, <ul>, <li> …<center>, <b>, <i>, <marquee> …
1991The age of the Web Browserbegins
1995 Surge of web documents one way traffic of informationDirectories & 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 webIndustry giants begin to take interestInformation Super Highway
Self taught disciplineBad design Web pages for everything
Chuck Norris can use HTML for world peace 
Demand for the “Web developer”increases
Web Developer  Engineering Visual Designers
Semantics was important, but no one cared
Separation of concern
Server CSS Browser JS HTML Data Store
Server CSS Presentation Browser Behavior  JS HTML Data Data Store
<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 LinusTorvalds create LinuxOpens up web development to allBecomes de-facto web server software
freely distributed amongst web developers20 million websites and 1 million web servers
Anyone could host a Web site
2000Multimedia on the webPersonalizationBetter Connectivity
IIS, Apache, nginx, lighttpdASP, ANSI C scripts, ColdFusion, Java Server Pages, Perl CGI, SMX, Lasso, PHPJavascript, Action Script, VB scriptCSS, Flash, Silverlight Web Server Scripting Scripting Styling
2002
Web 2.0 SOAP Feeds Application SDK REST Semantic Social Software Customization Widgets Podcast E-commerce  Mobility Ajax Live Streaming Flash  Personalization Open APIs Web standards SVG Microformats Syndication CSS Social Network Blogs Usability Recommendation  Tagging
Desktop application experienceOpen platforms & Service orientedSocial 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 
Web Developer  Engineering User Engagement &  Visual Designers
Traditional Web application HTTP Request  HTTP Response Web server
Traditional Synchronous processing Client User Activity User Activity User Activity Time Data Transmission Data Transmission Server Data Processing Data Processing
Ajax web application
Asynchronous processing Client User Activity Data Request Data Request Data Response Data Response Ajax Client Processing Client Processing Time Data Transmission Data Transmission Server System Processing System Processing
Future is here ?
Graphics, 3D, Effects HTML5 Offline Storage CSS3 Semantics Device Access Performance Cloud Multimedia
Visual & Engineering problems now has solutions in the platform
New class of Engineering problems insecurity, performance, architecture
Single code base distribution of business logicinnovative design patterns
Exciting new web
Thank You !

More Related Content

Viewers also liked

Analyzing Soft Cut-off in Twitter
Analyzing Soft Cut-off in TwitterAnalyzing Soft Cut-off in Twitter
Analyzing Soft Cut-off in Twitter
Niharjyoti Sarangi
 
Web 4.0 and beyond
Web 4.0 and beyondWeb 4.0 and beyond
Web 4.0 and beyond
Johan Koren
 

Viewers also liked (9)

Approximate Tree Kernels
Approximate Tree KernelsApproximate Tree Kernels
Approximate Tree Kernels
 
Analyzing Soft Cut-off in Twitter
Analyzing Soft Cut-off in TwitterAnalyzing Soft Cut-off in Twitter
Analyzing Soft Cut-off in Twitter
 
Evolution of the web
Evolution of the webEvolution of the web
Evolution of the web
 
A machine learning approach to building domain specific search
A machine learning approach to building domain specific searchA machine learning approach to building domain specific search
A machine learning approach to building domain specific search
 
WEB 4.0 IS COMING
WEB 4.0 IS COMINGWEB 4.0 IS COMING
WEB 4.0 IS COMING
 
The Evolution of Web 3.0
The Evolution of Web 3.0The Evolution of Web 3.0
The Evolution of Web 3.0
 
Web 4.0 and beyond
Web 4.0 and beyondWeb 4.0 and beyond
Web 4.0 and beyond
 
Web 1.0 to Web 3.0 - Evolution of the Web and its Various Challenges
Web 1.0 to Web 3.0 - Evolution of the Web and its Various ChallengesWeb 1.0 to Web 3.0 - Evolution of the Web and its Various Challenges
Web 1.0 to Web 3.0 - Evolution of the Web and its Various Challenges
 
The Next Big Thing is Web 3.0. Catch It If You Can
The Next Big Thing is Web 3.0. Catch It If You Can The Next Big Thing is Web 3.0. Catch It If You Can
The Next Big Thing is Web 3.0. Catch It If You Can
 

Similar to When Why What of WWW

introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
vikram singh
 
Kingston University Multimedia Production - Session 2: Layers of technology
Kingston University Multimedia Production - Session 2: Layers of technologyKingston University Multimedia Production - Session 2: Layers of technology
Kingston University Multimedia Production - Session 2: Layers of technology
petter
 
02. session 02 working with html elements
02. session 02   working with html elements02. session 02   working with html elements
02. session 02 working with html elements
Phúc Đỗ
 
HTML5 - Future of Web
HTML5 - Future of WebHTML5 - Future of Web
HTML5 - Future of Web
Mirza Asif
 

Similar to When Why What of WWW (20)

Ajax ons2
Ajax ons2Ajax ons2
Ajax ons2
 
introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
 
Kingston University Multimedia Production - Session 2: Layers of technology
Kingston University Multimedia Production - Session 2: Layers of technologyKingston University Multimedia Production - Session 2: Layers of technology
Kingston University Multimedia Production - Session 2: Layers of technology
 
Everything You Always Wanted To Know About XML But Were Afraid To Ask
Everything You Always Wanted To Know About XML But Were Afraid To AskEverything You Always Wanted To Know About XML But Were Afraid To Ask
Everything You Always Wanted To Know About XML But Were Afraid To Ask
 
Lect_html1
Lect_html1Lect_html1
Lect_html1
 
A brief history of the web
A brief history of the webA brief history of the web
A brief history of the web
 
BluePrint Mobile Framework
BluePrint Mobile FrameworkBluePrint Mobile Framework
BluePrint Mobile Framework
 
Yahoo Mobile Widgets
Yahoo Mobile WidgetsYahoo Mobile Widgets
Yahoo Mobile Widgets
 
Developing Gadgets
Developing GadgetsDeveloping Gadgets
Developing Gadgets
 
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
 
HTML5 Fundamentals
HTML5 FundamentalsHTML5 Fundamentals
HTML5 Fundamentals
 
HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09
 
Vb.Net Web Forms
Vb.Net  Web FormsVb.Net  Web Forms
Vb.Net Web Forms
 
Introducing YUI
Introducing YUIIntroducing YUI
Introducing YUI
 
Randy Witt Audio Assignment
Randy Witt Audio AssignmentRandy Witt Audio Assignment
Randy Witt Audio Assignment
 
Java Script
Java ScriptJava Script
Java Script
 
02. session 02 working with html elements
02. session 02   working with html elements02. session 02   working with html elements
02. session 02 working with html elements
 
IBM Lotus Notes Domino XPages and XPages for Mobile
IBM Lotus Notes Domino XPages and XPages for MobileIBM Lotus Notes Domino XPages and XPages for Mobile
IBM Lotus Notes Domino XPages and XPages for Mobile
 
Lecture1 B Frames&Forms
Lecture1 B  Frames&FormsLecture1 B  Frames&Forms
Lecture1 B Frames&Forms
 
HTML5 - Future of Web
HTML5 - Future of WebHTML5 - Future of Web
HTML5 - Future of Web
 

More from Subramanyan Murali

Location aware Web Applications
Location aware Web ApplicationsLocation aware Web Applications
Location aware Web Applications
Subramanyan Murali
 

More from Subramanyan Murali (18)

Yahoo Mail moving to React
Yahoo Mail moving to ReactYahoo Mail moving to React
Yahoo Mail moving to React
 
Clipboard support on Y! mail
Clipboard support on Y! mailClipboard support on Y! mail
Clipboard support on Y! mail
 
What the Hack??
What the Hack??What the Hack??
What the Hack??
 
Web as a data resource
Web as a data resourceWeb as a data resource
Web as a data resource
 
Is it good to be paranoid ?
Is it good to be paranoid ?Is it good to be paranoid ?
Is it good to be paranoid ?
 
Welcome to University Hack Day @ IIT Chennai
Welcome to University Hack Day @ IIT Chennai Welcome to University Hack Day @ IIT Chennai
Welcome to University Hack Day @ IIT Chennai
 
YUI for your Hacks
YUI for your Hacks YUI for your Hacks
YUI for your Hacks
 
YUI open for all !
YUI open for all !YUI open for all !
YUI open for all !
 
Fixing the developer Mindset
Fixing the developer MindsetFixing the developer Mindset
Fixing the developer Mindset
 
Get me my data !
Get me my data !Get me my data !
Get me my data !
 
Professional Css
Professional CssProfessional Css
Professional Css
 
Basics of Rich Internet Applications
Basics of Rich Internet ApplicationsBasics of Rich Internet Applications
Basics of Rich Internet Applications
 
Asynchronous Javascript and Rich Internet Aplications
Asynchronous Javascript and Rich Internet AplicationsAsynchronous Javascript and Rich Internet Aplications
Asynchronous Javascript and Rich Internet Aplications
 
Yahoo! Frontend Building Blocks
Yahoo! Frontend Building BlocksYahoo! Frontend Building Blocks
Yahoo! Frontend Building Blocks
 
Location aware Web Applications
Location aware Web ApplicationsLocation aware Web Applications
Location aware Web Applications
 
Javascript Design Patterns
Javascript Design PatternsJavascript Design Patterns
Javascript Design Patterns
 
YUI for your Hacks-IITB
YUI for your Hacks-IITBYUI for your Hacks-IITB
YUI for your Hacks-IITB
 
Yahoo! Geo Technologies-IITD
Yahoo! Geo Technologies-IITDYahoo! Geo Technologies-IITD
Yahoo! Geo Technologies-IITD
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Recently uploaded (20)

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 

When Why What of WWW

Editor's Notes

  1. - Story about how all books were indexed Everyone updated the index- it was important to know which book was in which shelf
  2. Nuclear physicist Tim Berners-Lee, who was a contractor at CERNfirst hypertext system, `Enquire&apos;, in 1980 for his own personal use. ENQUIRE, a system for CERN researchers
  3. Tim Berners-Lee is the inventor of the Web. In 1989, Tim was working in a computing services section of CERN when he came up with the concept; at the time he had no idea that it would be implemented on such an enormous scale. Particle physics research often involves collaboration among institutes from all over the world. Tim had the idea of enabling researchers from remote sites in the world to organize and pool together information. But far from simply making available a large number of research documents as files that could be downloaded to individual computers, he suggested that you could actually link the text in the files themselves.
  4. A web developer is responsible for programming the functionality of a web site
  5. Rich Internet Application (RIA) - It defines the experience brought from desktop to browser whether it is from a graphical point of view or usability point of view. Some buzz words related to RIA are AJAX and Flash.Service-oriented Architecture (SOA) - It is a key piece in Web 2.0 which defines how Web 2.0 applications expose its functionality so that other applications can leverage and integrate thefunctionality providing a set of much richer applications (Examples are: Feeds, RSS, Web Services, Mash-ups)Social Web - It defines how Web 2.0 tend to interact much more with the end user and making the end user an integral part.