Javascript & JQuery
網站互動設計程式進化之道
#1
2018.10.20

jAVASCRIPT有何作用?

  • 讀取 / 修改網頁內容
  • 處理網頁事件
  • 程式流程與運作規則

4

甚麼是程式 ?

14

一連串讓電腦照著執行的指令

如何寫程式 ?

16

確定目標 > 規劃流程 > 撰寫程式

流程圖

23

步驟

事件

輸入

決定

物件

28

  • 屬性 (properties)
  • 方法 (methods)
  • 事件 (events)

關於網頁操作

36

  • 瀏覽器物件 (BOM)
  • 文件物件 (DOM)

瀏覽器與網頁

40

讀取檔案 > 建立文件 > 顯示畫面

瀏覽器與JAVASCRIPT

40

讀取檔案 > 解譯執行

HTML、CSS、JAVASCRIPT

44

內容 > 表現 > 行為

JAVASCRIPT檔案

46

撰寫 > 引入 > 執行

JAVASCRIPT畫面

48

伺服器端渲染 v.s. 本地端渲染

程式使用方式

50

執行對象 > 執行時間 > 執行內容

外部檔案引入

51

Javascript & JQuery 網站互動設計程式進化之道 #1

By Alex Chen

Javascript & JQuery 網站互動設計程式進化之道 #1

  • 731