如何自學程式設計 第二部分

如何自學程式設計

JavaScript 入門指南 - 下一步

下一步？

JavaScript 入門指南 - 完成版的 Encode Software

我們還有 Save 、 Load 、 Encode 、 Decode 與 Clear 等五個按鈕還沒設置功能

JavaScript 入門指南 - 控制函數與整合 Encrypt 物件

我們利用 display() 函數 (function) 控制 Encode Software 網頁與使用者的互動

JavaScript 入門指南 - 自訂 Encrypt 物件

Encrypt 需要兩個屬性 (attribute) ， code 為密碼表， alph 則是英文字母表

JavaScript 入門指南 - 資料驗證

由於我們編密碼針對英文小寫字母，如果使用者沒有輸入英文小寫字母的話，整個輸入其實是沒有意義的

JavaScript 入門指南 - Encode Software 概觀

我們要發展編密碼用的 Encode Software 網頁，編密碼功能的核心為 Encrypt 物件 (object) ，網頁控制則是用另外的函數 (function)

JavaScript 入門指南 - 洗牌演算法

洗牌演算法 (algorithm) 的名稱來自於撲克牌遊戲，把一副 52 張撲克牌攪亂順序就是洗牌

JavaScript 入門指南 - 陣列

陣列 (array) 是一種比較複雜的物件 (object) ，可以有多個不同資料型態 (data type) 的元素

JavaScript 入門指南 - 認識 HTML DOM

JavaScript 除了資料型態的物件 (object) 有 Boolean 、 Number 、 Sring 外，內建物件還有 Array 、 Math 、 Date 、 RegExp

JavaScript 入門指南 - encode_software.css

encode_software.css 的程式原始碼如下

JavaScript 入門指南 - encode_software.html

encode_software.html 的程式原始碼如下

JavaScript 入門指南 - encode_software.js

encode_software.js 的程式原始碼如下

JavaScript 入門指南 - encryptdemo.html

encryptdemo.html 的程式原始碼如下

JavaScript 入門指南 - encrypt.js

encrypt.js 的程式原始碼如下

JavaScript 入門指南 - 物件

設計物件 (object) 同樣使用關鍵字 (keyword) function ，物件中可以有屬性 (attribute) 與方法 (method)

JavaScript 入門指南 - 函數

函數 (function) 是一種功能性的模組，可以將程式 (program) 分割成小部分，藉由呼叫函數安排執行順序

JavaScript 入門指南 - 迴圈

程式 (program) 中的迴圈 (loop) 就是在特定程式區塊 (block) 中，重複執行相同的工作

JavaScript 入門指南 - 選擇

程式中的選擇 (selection) 就是依條件 (condition) 使程式有不同的執行方向，若條件為真，也就是 true ，程式就會跳過 false 的部份執行 true 的部份，反之亦然