HTML5 and the Evolution of the Web

HTML5

and the evolution of the

webNoam Kfir, Consultant & Trainer, Sela Group

@NoamKfir | [email protected] | 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 TagsArguments & 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 | [email protected] | http://noam.kfir.cc

Thank you!