Keynoted JS Kongress 2017 with a meta story about storytelling—and how the web we build today has a ripple impact on all the things to come tomorrow. Watch it online: https://www.youtube.com/watch?v=vMEzMVk8yAU

1. @RachelNabors
.com

3. courses.rachelnabors.com
rachelnabors.com/waapi
slack.animationatwork.combkaprt.com/aaw

6. rachelnabors.com/blackbrickroad

9. 起承転結
Kishōtenketsu

10. Kishōtenketsu 起承転結
• Ki 起 Introduc5on
• Shō 承 Development
• Ten 転 Twist!
• Ketsu 結 Conclusion

12. The Pixar Prompt
Once upon a 5me there was…
Every day…
One day…. Because of that… Because of that…
Un5l finally…

13. Wall-EandEve©Pixar

15. The browser is not a
document reader.
The browser is not a
document reader.
with @RachelNabors

16. Ki 起

24. Shō 承

29. 1995

30. …I want to make clear that our focus on
the Internet is crucial to every part of
our business. The Internet is the most
important single development to come
along since the IBM PC was introduced
in 1981. It is even more important than
the arrival of the graphical user
interface (GUI).Bill Gates
‘Internet Tidal
Wave’ internal
memo, 1995
“

31. 1997: Internet Explorer 4
• The Document Object Model (DOM API)
• AJAX (asynchronous JavaScript)
• Data-binding

32. 1998: Internet Explorer 5
much fast
so perf
very render

33. 1995“InternetTidalW
ave”memo
1997InternetExplorer6launches
1998InternetExplorer5launches

34. DYNAMIC HTML
DOM
API
async JS
data binding

35. dynamicdrive.com

37. Ten 転

38. 2004-2005: Gmail and Google Maps

39. Ember 2011Angular 2010 React 2013

40. 1995“InternetTidalW
ave”memo
1997InternetExplorer6launches
1998InternetExplorer5launches

41. 1995“InternetTidalW
ave”memo
2013React
2004Gmail
1997IE41998IE5
2005GoogleM
aps
2010Angular
2011Ember
DHTML
Era

42. Ketsu 結

43. The web has been steadily
becoming more than a series of
linked documents.

44. The Appy Web

47. The browser is the first piece of
software most people open on
their computers.

48. code.visualstudio.com

50. Microso4Teams

54. PWAs are just the new
standard for the web.
Chris Wilson
Google, W3C
“

55. The browser has become a
legitimate app platform.

56. 11:30–12:00
Progressive Web Apps:
An easy answer to unequal housework
Sara Harkousse
Dassault
Systèmes

57. The Interactive Web

58. 1995“InternetTidalW
ave”memo
2013React
2004Gmail
1997IE41998IE5
2005GoogleM
aps
2010Angular
“Thoughtson
Flash”letter
2011Ember

59. 2010: “Thoughts on Flash”

60. The death of Flash was a good
thing…
…but not for the reasons you’re
thinking of.

61. What about
video streaming?
And games!
And soundeffects?!
And UIanimation?
AND MY
ANIMATION UI?!?

63. goo.gl/Ek7T5h

64. codepen.io/jakealbaugh/pen/
qNrZyw

66. 15:00–15:30
Rethinking web accessibility:
Using AR for people with disabili5es
Shwetank Dixit
BarrierBreak

70. FirefoxDeveloperEdi;on

71. spiritapp.io

72. The 3D Web

73. (VRML) is a proposal to allow VR
environments to be incorporated into
the World Wide Web, thereby allowing
users to “walk” around and push
through doors to follow hyperlinks to
other parts of the Web.
David Ragge;
Hewlett Packard
Laboratories
“

74. web3d.org

75. <shape>
<appearance>
<material diffuseColor='1 0 0'></material>
</appearance>
<box></box>
</shape>

78. skfb.ly/KGMq

79. acute3d.com/web-publishing-with-
cesium/

80. acute3d.com

81. propelleraero.com

82. These are not “web” companies, but
they are using “web” technologies.

83. The Virtual Web

87. w3c.github.io/webvr/spec/1.1/

88. w3.org/community/webvr/

89. inspirit.unboring.net

90. khronos.org/openxr

91. khronos.org/openxr

92. blog.mozilla.org/blog/2017/10/20/
bringing-mixed-reality-web/

93. 10:30–11:00
There is no spoon:
Building VR experiences in the Browser
(With JS)
Shwetank Dixit
Noders

95. The technologies we’re pushing
forward today will shape the Web
years and years from now.

96. smashingmagazine.com/2016/03/houdini-maybe-the-
most-exciting-development-in-css-youve-never-heard-of/

97. webassembly.org/demo/

99. 16:00–16:30
WebAssembly for the rest of us
Jan-Erik
Rediger

102. Talk to browsers!
twitter.com/msedgedev

103. Support the features that matter to you…
wpdev.uservoice.com/forums/257854-microsoft-edge-developer

104. File bug reports.
developer.microsoft.com/en-us/microsoft-edge/platform/issues/

105. Join a W3C Community/Business group at
w3.org/community

106. responsibly.
Use your favorite features…

108. Once upon a time…

109. 1995“InternetTidalW
ave”memo
2013React
2004Gmail
1997IE41998IE5
2005GoogleM
aps
2010Angular
2011Ember
起 承
転

110. 結

111. The browser is not a document reader…
…it is what we make it.
@RachelNabors
.com