O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Javascript,
征服世界是可能的嗎?
gasolin@Modern Web Conf 2015
征服世界的4個秘密
1996, 2008, 2010, 2013
從0到1
被豪門包養
第一個秘密:JS從1996年開始
Netscape/Opera 1994
↓
Internet Explorer 1995
(War ↓ One)
Safari 2003
↓
Firefox 1.0 2004
(War ↓ Two)
Chrome 2008
↓
豪門包養史
瀏覽器
順道介紹 - 瀏覽器排版引擎
JS引擎
http://en.wikipedia.org/wiki/List_of_ECMAScript_engines
搞定豪門
搞定瀏覽器
搞定豪門
搞定瀏覽器
快100+倍
第二個秘密:現在的JS比2008年
http://www.youtube.com/watch?v=D2ibM4oufdM
變快的JS能做什麼呢?
自己試 http://beta.unity3d.com/jonas/WebGLBenchmark/
讓發明人可以安心
玩3D遊戲
Emscripten
可編譯 c++ 程式到 Web,搭配 asm.js 技術
僅慢原生1.5x倍
還是慢1.5倍怎麼辦?
摩爾出來面對
http://big5.cri.cn/gate/big5/gb.cri.cn/32464/2010/07/21/1325s2928129_3.htm
摩爾出來面對
換快一點的CPU
就解決了
http://krsna.lamost.org/popular/POPU/moor.htm
可編譯成JS
的程式語言
http://bit.ly/1F94Dx5
Ruby
Python
Erlang
Perl
Lisp/scheme
Haskell
SQL
php
Java/JVM
.Net related
c++
Basic
Pas...
可編譯成JS
的程式語言
http://bit.ly/1F94Dx5
Ruby
Python
Erlang
Perl
Lisp/scheme
Haskell
SQL
php
Java/JVM
.Net related
c++
Basic
Pas...
JS才成為獨立的程式語言
第三個秘密:從 2010 年開始
從前從前
JS
event callback, non-blocking I/O, single thread
然後
與網頁百寶箱分開
跑馬燈
按右鍵無效
落葉效果
JS終於可以
與DOM分開
JS終於可以
DOM 相關 API:
window.addEventListener
this.getElementById(‘name’);
moz-, webkit-, ms-...
搞定命令行
搞定命令行
搞定命令行
全端JS
全端JS
Enterprise Ready
http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/
網站前/後端同構
Isomorphic
搞定伺服器端與建置工具
搞定伺服器端與建置工具
9成軟體
可以搬上web
第四個秘密:從 2013 年開始
Cordova (Mobile Evolvement)
WebKit 2005
↓
PhoneGap 2009
↓
Cordova 2011
http://phonegap.com/app/
桌面開發:前/後端融合
WebKit 2005
↓
Chromium 2008
↓
Node 2009
↓
NodeWebkit 2013
↓
Electron 2014
Github Atom ↓ MS VS Code
React Native (no HTML)
Node 2009
↓
React 2013
↓
React Native 2015
https://www.youtube.com/watch?v=KVZ-P-ZI6W4
Web App化
● 開網址即用 https + manifest
● 離線時可用 service worker
● 連線時更新
● 模組化開發 web component
From html5rocks
搞定桌面端與跨多平台
搞定桌面端與跨多平台
搞定桌面端與跨多平台
JS的未來
搞定系統與嵌入式裝置?
Web即平台
Firefox 2004
↓
Firefox for Android 2009
↓
Firefox OS 2013
Phone, TV, Embeded
duktape
● ES5.1 compatible
● Small footprint (can install in Arduino due)
● Can embedded in C
Exprino pico
http://kck.st/1JNq4DK
板子上直接跑JS (8kb)
@Idea 把物聯網裝置當成DOM節點
Query
$.byName('門口感測器').trigger('motion', function() {
$.byLocation('客廳').setOn();
});
Web Component
<...
結語
多種平台
Windows
Mac
Linux
Android
iOS
BB10
FirefoxOS
WebOS
Arduino
使用者同時擁有
多樣設備
Desktop
TV
Tablet
Phone
Watch
Embedded
使用者交互使用
偉大的企業都有秘密,秘密不會消失不見
只有相信秘密,才能看到隱藏的機會
- Peter Thiel
Reference
Javascript world domination https://medium.
com/@slsoftworks/javascript-world-domination-af9ca2ee5070
Happy 18th...
One More Thing
Web 技術簡史
Web古代
Netscape 1994
↓
Internet Explorer 1995
(Browser ↓ War One)
JavaScript 1995
↓
CSS 1996
↓
Web中世紀
HTML4/DOM 1998
↓
HTTPXMLRequest IE5 1999
↓
IE6 2001
(90% browser ↓ market share)
JSON 2002
Web大航海
Firefox 1.0 2004
(Browser ↓War Two)
Gmail 2004
↓
Ruby on Rails 2004
↓
WebKit 2005
↓
JQuery 2006
Web工業革命
Mobile Safari 2007
↓
RESTful 2007
↓
Chrome 2008
(Browser ↓ war intensify)
NodeJS 2009
↓
MongoDB 2009
↓
PhoneGap 20...
Javascript征服世界是可能的嗎?
Próximos SlideShares
Carregando em…5
×
Próximos SlideShares
Open Source Enlightenment 2015
Avançar
Transfira para ler offline e ver em ecrã inteiro.

92

Compartilhar

Baixar para ler offline

Javascript征服世界是可能的嗎?

Baixar para ler offline

Javascript 20歲了。 從瀏覽器出生,Javascript 語言走過從略顯青澀,不被大眾視為是程式語言的童年期,成長到能用作開發大型線上應用程式,效能急速提升的少年期,近五年更藉由 node.js 的幫助,發展出可在伺服器後端、命令行、編譯工具等領域表現的新專長。並透過 Cordova、NW.js、React Native 等夥伴的幫助,進軍桌面、行動裝置開發的領域。

它的出鏡率太高,甚至吸引了一票願意化妝(transpile)成 Javascript 的同人。

本議程試著和大家一起回顧 Javascript 的過去與未來,與在各領域的發展狀況。

Livros relacionados

Gratuito durante 30 dias do Scribd

Ver tudo

Javascript征服世界是可能的嗎?

  1. 1. Javascript, 征服世界是可能的嗎? gasolin@Modern Web Conf 2015
  2. 2. 征服世界的4個秘密 1996, 2008, 2010, 2013 從0到1
  3. 3. 被豪門包養 第一個秘密:JS從1996年開始
  4. 4. Netscape/Opera 1994 ↓ Internet Explorer 1995 (War ↓ One) Safari 2003 ↓ Firefox 1.0 2004 (War ↓ Two) Chrome 2008 ↓ 豪門包養史
  5. 5. 瀏覽器
  6. 6. 順道介紹 - 瀏覽器排版引擎
  7. 7. JS引擎 http://en.wikipedia.org/wiki/List_of_ECMAScript_engines
  8. 8. 搞定豪門 搞定瀏覽器
  9. 9. 搞定豪門 搞定瀏覽器
  10. 10. 快100+倍 第二個秘密:現在的JS比2008年
  11. 11. http://www.youtube.com/watch?v=D2ibM4oufdM
  12. 12. 變快的JS能做什麼呢?
  13. 13. 自己試 http://beta.unity3d.com/jonas/WebGLBenchmark/ 讓發明人可以安心 玩3D遊戲
  14. 14. Emscripten 可編譯 c++ 程式到 Web,搭配 asm.js 技術 僅慢原生1.5x倍
  15. 15. 還是慢1.5倍怎麼辦?
  16. 16. 摩爾出來面對 http://big5.cri.cn/gate/big5/gb.cri.cn/32464/2010/07/21/1325s2928129_3.htm
  17. 17. 摩爾出來面對 換快一點的CPU 就解決了 http://krsna.lamost.org/popular/POPU/moor.htm
  18. 18. 可編譯成JS 的程式語言 http://bit.ly/1F94Dx5 Ruby Python Erlang Perl Lisp/scheme Haskell SQL php Java/JVM .Net related c++ Basic Pascal go
  19. 19. 可編譯成JS 的程式語言 http://bit.ly/1F94Dx5 Ruby Python Erlang Perl Lisp/scheme Haskell SQL php Java/JVM .Net related c++ Basic Pascal go
  20. 20. JS才成為獨立的程式語言 第三個秘密:從 2010 年開始
  21. 21. 從前從前
  22. 22. JS event callback, non-blocking I/O, single thread
  23. 23. 然後
  24. 24. 與網頁百寶箱分開 跑馬燈 按右鍵無效 落葉效果 JS終於可以
  25. 25. 與DOM分開 JS終於可以 DOM 相關 API: window.addEventListener this.getElementById(‘name’); moz-, webkit-, ms-...
  26. 26. 搞定命令行
  27. 27. 搞定命令行
  28. 28. 搞定命令行
  29. 29. 全端JS
  30. 30. 全端JS
  31. 31. Enterprise Ready
  32. 32. http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/ 網站前/後端同構 Isomorphic
  33. 33. 搞定伺服器端與建置工具
  34. 34. 搞定伺服器端與建置工具
  35. 35. 9成軟體 可以搬上web 第四個秘密:從 2013 年開始
  36. 36. Cordova (Mobile Evolvement) WebKit 2005 ↓ PhoneGap 2009 ↓ Cordova 2011 http://phonegap.com/app/
  37. 37. 桌面開發:前/後端融合 WebKit 2005 ↓ Chromium 2008 ↓ Node 2009 ↓ NodeWebkit 2013 ↓ Electron 2014 Github Atom ↓ MS VS Code
  38. 38. React Native (no HTML) Node 2009 ↓ React 2013 ↓ React Native 2015 https://www.youtube.com/watch?v=KVZ-P-ZI6W4
  39. 39. Web App化 ● 開網址即用 https + manifest ● 離線時可用 service worker ● 連線時更新 ● 模組化開發 web component From html5rocks
  40. 40. 搞定桌面端與跨多平台
  41. 41. 搞定桌面端與跨多平台
  42. 42. 搞定桌面端與跨多平台
  43. 43. JS的未來
  44. 44. 搞定系統與嵌入式裝置?
  45. 45. Web即平台 Firefox 2004 ↓ Firefox for Android 2009 ↓ Firefox OS 2013 Phone, TV, Embeded
  46. 46. duktape ● ES5.1 compatible ● Small footprint (can install in Arduino due) ● Can embedded in C
  47. 47. Exprino pico http://kck.st/1JNq4DK 板子上直接跑JS (8kb)
  48. 48. @Idea 把物聯網裝置當成DOM節點 Query $.byName('門口感測器').trigger('motion', function() { $.byLocation('客廳').setOn(); }); Web Component <iot-device name='門口感測器'> <iot-motion-sensor data-pin=7></iot-motion-sensor> </iot-device> http://devicejs.org/
  49. 49. 結語
  50. 50. 多種平台 Windows Mac Linux Android iOS BB10 FirefoxOS WebOS Arduino 使用者同時擁有
  51. 51. 多樣設備 Desktop TV Tablet Phone Watch Embedded 使用者交互使用
  52. 52. 偉大的企業都有秘密,秘密不會消失不見 只有相信秘密,才能看到隱藏的機會 - Peter Thiel
  53. 53. Reference Javascript world domination https://medium. com/@slsoftworks/javascript-world-domination-af9ca2ee5070 Happy 18th Birthday Javascript https://resin.io/blog/happy-18th-birthday-javascript/ Evolution Web http://www.evolutionoftheweb.com/ Extensible web https://extensiblewebreportcard.org/
  54. 54. One More Thing Web 技術簡史
  55. 55. Web古代 Netscape 1994 ↓ Internet Explorer 1995 (Browser ↓ War One) JavaScript 1995 ↓ CSS 1996 ↓
  56. 56. Web中世紀 HTML4/DOM 1998 ↓ HTTPXMLRequest IE5 1999 ↓ IE6 2001 (90% browser ↓ market share) JSON 2002
  57. 57. Web大航海 Firefox 1.0 2004 (Browser ↓War Two) Gmail 2004 ↓ Ruby on Rails 2004 ↓ WebKit 2005 ↓ JQuery 2006
  58. 58. Web工業革命 Mobile Safari 2007 ↓ RESTful 2007 ↓ Chrome 2008 (Browser ↓ war intensify) NodeJS 2009 ↓ MongoDB 2009 ↓ PhoneGap 2009
  • rulu0

    Nov. 1, 2017
  • lf12580

    Mar. 12, 2016
  • ssuser3ce0c0

    Jan. 25, 2016
  • davidli1329

    Jan. 18, 2016
  • checkincheckin

    Dec. 30, 2015
  • junea1

    Dec. 18, 2015
  • jubingchen

    Dec. 16, 2015
  • kenlee522

    Oct. 17, 2015
  • peihsinsu

    Oct. 12, 2015
  • ssuser95c5e3

    Sep. 21, 2015
  • weilongfan

    Sep. 7, 2015
  • jillyzwong

    Sep. 2, 2015
  • ssuser396202

    Aug. 19, 2015
  • ryopeng

    Jul. 27, 2015
  • evenchange4

    Jun. 25, 2015
  • ChenHungMing1

    Jun. 23, 2015
  • DavidZhangDK

    Jun. 20, 2015
  • lh132

    Jun. 14, 2015
  • ssuserf544ca

    Jun. 13, 2015
  • ssuserb8e19d

    Jun. 12, 2015

Javascript 20歲了。 從瀏覽器出生,Javascript 語言走過從略顯青澀,不被大眾視為是程式語言的童年期,成長到能用作開發大型線上應用程式,效能急速提升的少年期,近五年更藉由 node.js 的幫助,發展出可在伺服器後端、命令行、編譯工具等領域表現的新專長。並透過 Cordova、NW.js、React Native 等夥伴的幫助,進軍桌面、行動裝置開發的領域。 它的出鏡率太高,甚至吸引了一票願意化妝(transpile)成 Javascript 的同人。 本議程試著和大家一起回顧 Javascript 的過去與未來,與在各領域的發展狀況。

Vistos

Vistos totais

34.578

No Slideshare

0

De incorporações

0

Número de incorporações

17.457

Ações

Baixados

92

Compartilhados

0

Comentários

0

Curtir

92

×