Loading...
JavaScript
in 2018
Present to you by
Andy Pan
@ NTUOSC
2016/10/17
2018/11/23
繼承自兩年前的開源社社課
+
Node.js - 節點:連結、穿越
自介
Kuang-Lin Pan
(@qbane)
GitHub:
github.com/andy0130tw
臺大資工系四年級
最近很喜歡寫 judge
背景知識
JavaScript 簡史
(
ref.
)
緣起
:好想在網頁上寫程式
(動畫、表單驗證、互動等等)
紛亂
:各家瀏覽器自己做自己的標準,亂成一團
各種技術如 JScript、ActiveX、VBScript、Flash、Java Applet…
短暫統一
:ECMA 組織建立了統一的語法標準,成為 ECMAScript 的一種實作
大致在 ES3 這個版本成形,維持了十餘年和平
ES4 被廢棄
(
E4X
),ES5
後伴隨瀏覽器戰爭結束,新標準大致確立
邁向現代化
:第六版 ES2015
「標準函式庫」的意識
「模組」的概念
除此之外大多是語法糖和修正歷史遺毒
JavaScript 執行環境
瀏覽器
(前端)
精確來說是瀏覽器內部的 JavaScript 引擎
DOM:網頁內的元素與 JavaScript 中物件的對映關係
BOM:存取瀏覽器提供的功能
後端如 NodeJS
不受瀏覽器安全限制,提供和原生程式相仿的權限
包成 universal app:例如 nw.js、Electron…
變成服務的控制介面:例如 MongoDB 的 shell
應該還有別的有趣用途吧
(?)
今天的目標
在網頁上寫點 JavaScript 試水溫
用 npm 打包網頁
寫個簡單的 server
串成一個聊天室系統
建議預習:
https://ccckmit.gitbooks.io/javascript/content/ch2/chapter2.html
建議電腦具備較新版本的 Chrome/Chromium/Firefox。
安裝 NodeJS
Windows、Mac…
https://nodejs.org/en/
Ubuntu PPA / Deb:
https://github.com/nodesource/distributions
建議裝
v
8
.0
以上的版本,
版本間
的主要差異在 ES
2015
的支援程度,可參考
支援度比較
。
安裝後可用以下指令檢測 node 與 npm
(套件管理器):
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
2016/10/172018/11/23自介
背景知識
JavaScript 簡史 (ref.)
JavaScript 執行環境
今天的目標
建議預習:https://ccckmit.gitbooks.io/javascript/content/ch2/chapter2.html安裝 NodeJS