事情必須從12年前的那場尾獸之亂講起，當年四代火影…

別，先別關，我好好講還不行嗎
就算沒有寫過網頁的人，應該也聽過前端網頁三本柱，也就是 HTML、CSS、JS

HTML的全名 超文本標記語言(HyperText MarkupLanguage )
CSS的全名 階層式樣式表(Cascading Style Sheets)
JS 的全名 JavaScript
以上來自WIKI

看起來超難的東西出現了！這麼快就卡關了嗎？

這時候學到了一課，當有問題的時候，不要第一個上wiki找解答，在得到答案之前，會先喪失所有耐性，這時W3C是個好選擇。

那就來以簡單的解釋一下三本柱吧！
以人來比喻：
HTML 就像是骨骼，用來描述網站的架構、資訊(title、head、body)
CSS 就像是皮膚，用來顯示網站長怎樣(字型大小、顏色、排版)
JS 就像是肌肉神經元，用來傳遞大腦的資訊、動作，沒有 JS 的網站基本上就是靜止的。

什麼，不夠清楚嗎，那身為一個三本柱人柱力，先施放豪火球之術試試看。
可以這樣施展：

HTML：

<div name="豪火球之術">
    <div classname="fireball" id="root" />
</div>

CSS：

fireball{
    color : red;
}

JS：

function fireball (){
    var a = getElementByID("root")
    a.relese()
}

function relese(){
    console.log("火球~")
    ///及一大堆忍術流程
}

這樣有清楚了嗎

基本上 JS 決定要用多少查克拉、用怎樣的結印比較省比較快、以及將查克拉轉換成火，都是由 JS 負責的，沒有了 JS ，擺再帥的姿勢都沒有用。

總而言之呢，JS 幾乎可以處理所有網頁要實現的內容。

而 JS 也是我們這個系列文的重點，接下來我們將利用 JS 實作幾個小專案和練習。

不過在這之前，我們還有一些要了解的，那就是框架(Framework)，這是一個神奇的東西，可以更快做到想做的事情。

我是Chris，我們下一篇再見。