Things about Notification

Slide 1

Slide 1 text

Things about NOTIFICATION @kaiye

Slide 2

Slide 2 text

Web Notiﬁcations First Draft Published 01 March 2011 | Archive HTML Speech XG Speech API Proposal Editor's Draft 28 February 2011 W3C Launches HTML5 Chinese Interest Group 01 March 2011 | Archive

Slide 3

Slide 3 text

Notification [,nəәutifi'keiʃəәn]

Slide 4

Slide 4 text

http://growl.info/screenshots.php

Slide 5

Slide 5 text

[Constructor] interface Notification : EventTarget { void show (); void cancel (); attribute Function onclick; attribute Function onshow; attribute Function onerror; attribute Function onclose; attribute DOMString replaceId; attribute DOMString dir; };

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Interface ['intəәfeis]

Slide 8

Slide 8 text

Interface • Graphical User Interface • Application Programming Interface • Modular: pass message through Interface

Slide 9

Slide 9 text

W3C Draft is Interface • -o : Opera • -khtml : Konqueror • -moz : Firefox • -webkit : Chrome

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

var chiFan = new YAHOO.util.CustomEvent ("chifan"); chiFan.subscribe(callSomeBody); chiFan.fire({name: ‘HePeng’});

Slide 13

Slide 13 text

Buy mobile

Slide 14

Slide 14 text

Buy mobile

Slide 15

Slide 15 text

Slide 16

Slide 16 text

What is W3C? What is WEB? What is HTTP? What is HTTP connection? What is HTTP request?

Slide 17

Slide 17 text

TCP connection

Slide 18

Slide 18 text

HTTP1.0 vs HTTP1.1

Slide 19

Slide 19 text

Connection:keep-alive

Slide 20

Slide 20 text

• long-polling: http://www.ibm.com/ developerworks/cn/web/wa-lo-comet/

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

What is DNS?

Slide 23

Slide 23 text

What is DNS? What is API?

Slide 24

Slide 24 text

What is DNS? What is API? What is WPO?

Slide 25

Slide 25 text

What is DNS? What is API? What is WPO? What is Usability?

Slide 26

Slide 26 text

What is DNS? What is API? What is WPO? What is Usability? What is HTML5?

Slide 27

Slide 27 text

What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design?

Slide 28

Slide 28 text

What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End?

Slide 29

Slide 29 text

What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer?

Slide 30

Slide 30 text

What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection?

Slide 31

Slide 31 text

What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection? What is Semantic?

Slide 32

Slide 32 text

What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection? What is Semantic? What is Website?

Slide 33

Slide 33 text

What is DNS? What is API? What is WPO? What is Usability? What is HTML5? What is Design? What is Front-End? What is Front-End Engineer? What is TCP connection? What is Semantic? What is Website? What is Doctype?