​​JavaScript in 2018
  • ​​Present to you by Andy Pan @ NTUOSC
  • ​​2016/10/17 2018/11/23
  • ​​

​​自介

​​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
  • ​​應該還有別的有趣用途吧 (？)

​​今天的目標

  1. ​​在網頁上寫點 JavaScript 試水溫
  1. ​​用 npm 打包網頁
  1. ​​寫個簡單的 server
  1. ​​串成一個聊天室系統
​​
​​建議預習： 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
​​
​​建議裝 v8.0 以上的版本，版本間的主要差異在 ES2015 的支援程度，可參考支援度比較。
​​
​​安裝後可用以下指令檢測 node 與 npm (套件管理器)：