HTML5
and the evolution of the
web
Noam Kfir, Consultant & Trainer, Sela Group
@NoamKfir | noam@kfir.cc | http://noam.kfir.cc
definitions
• HyperText Markup LanguageHTML
• HyperText Transfer ProtocolHTTP
• text with linkshypertext
• hypertext with multimediahypermedia
• ?standard
• ?web
Sir Timothy John Berners-Lee
OM
• Member of the Order of Merit
KBE
• Knight Commander of the Most Excellent Order of the British Empire
FRS
• Fellow of the Royal Society
FREng
• Fellow of the Royal Academy of Engineering
FRSA
• Fellow of the Royal Society of Arts
DFBCS
• Distinguished Fellow of the British Computer Society
1992 HTML Tags
• The first published description
• Derived from SGML
• Inconsistent terminology
– Documents, files, nodes, relative addresses
• Incomplete definition:
– “base address”
– no explanations
– “Example sections”
• Already has obsolete tag: <NEXTID 27>
Evolution of HTML
HTML Tags
Arguments
& Lawsuits HTML5
JavaScript evolution
Validation
Dynamic jumble of scripts
jQuery
Frameworks
There is no JavaScript
CSS evolution
style mishmash
cascade
IE6
bootstrap
typography is everything
web evolutionary stages
The World Wide Web is born
Web 2.0: Dynamic, Buzz
Apps
Social
Semantic
Web 1.0
• Information and reference
• Mostly static content
• Limited interactivity
• Primitive browsers
• Few producers, many consumers
Web 2.0
• Web applications
• Dynamic content
• Highly interactive sites
• Advanced browsers
• Everybody is a producer
Web 3.0
• Semantic
• Architecture
– Cloud
– REST
– IoT
– Web as a platform
• Data aggregation
• The browser disappears
• Machines consume and then produce
convergence
• languages
• IDEs
• operating systems
• browser vendors
• backbone
HTML5 is a Standard
a BIG standard
Noam Kfir, Consultant & Trainer, Sela Group
@NoamKfir | noam@kfir.cc | http://noam.kfir.cc
Thank you!

HTML5 and the Evolution of the Web

  • 1.
    HTML5 and the evolutionof the web Noam Kfir, Consultant & Trainer, Sela Group @NoamKfir | noam@kfir.cc | http://noam.kfir.cc
  • 2.
    definitions • HyperText MarkupLanguageHTML • HyperText Transfer ProtocolHTTP • text with linkshypertext • hypertext with multimediahypermedia • ?standard • ?web
  • 3.
    Sir Timothy JohnBerners-Lee OM • Member of the Order of Merit KBE • Knight Commander of the Most Excellent Order of the British Empire FRS • Fellow of the Royal Society FREng • Fellow of the Royal Academy of Engineering FRSA • Fellow of the Royal Society of Arts DFBCS • Distinguished Fellow of the British Computer Society
  • 4.
    1992 HTML Tags •The first published description • Derived from SGML • Inconsistent terminology – Documents, files, nodes, relative addresses • Incomplete definition: – “base address” – no explanations – “Example sections” • Already has obsolete tag: <NEXTID 27>
  • 5.
    Evolution of HTML HTMLTags Arguments & Lawsuits HTML5
  • 6.
    JavaScript evolution Validation Dynamic jumbleof scripts jQuery Frameworks There is no JavaScript
  • 7.
  • 8.
    web evolutionary stages TheWorld Wide Web is born Web 2.0: Dynamic, Buzz Apps Social Semantic
  • 9.
    Web 1.0 • Informationand reference • Mostly static content • Limited interactivity • Primitive browsers • Few producers, many consumers
  • 10.
    Web 2.0 • Webapplications • Dynamic content • Highly interactive sites • Advanced browsers • Everybody is a producer
  • 11.
    Web 3.0 • Semantic •Architecture – Cloud – REST – IoT – Web as a platform • Data aggregation • The browser disappears • Machines consume and then produce
  • 12.
    convergence • languages • IDEs •operating systems • browser vendors • backbone
  • 13.
    HTML5 is aStandard a BIG standard
  • 15.
    Noam Kfir, Consultant& Trainer, Sela Group @NoamKfir | noam@kfir.cc | http://noam.kfir.cc Thank you!

Editor's Notes

  • #6 1992 – HTML Tags - http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html