這次挑戰會在 30 天內,分別學習三個前端基礎語言。
首先是 HTML,負責網頁的骨架和內容,像是文字、圖片、段落怎麼排版。
接著是 CSS,讓網頁變漂亮,透過顏色、字體、版面設計,做出更好的使用體驗。
最後是 JavaScript,讓網頁有互動性,像是按鈕點擊、表單檢查,以及一些常用的功能。
這 30 天的探索,希望能打下前端的基礎,也累積出一個完整的小專案。
JavaScript 是使用語法作用域的程式語言 下方有一個具名函式為 peopleName,裡面有一個變數並賦予其值,確認結果下一個 console.log(...
變數簡單分成兩種,一種在函式內、一種在函式外,聽起來簡單,但卻有很大的不同 區域變數 簡單來說就是在函式內的變數,函式是這樣寫的: function fName...
陳述式 Statement JS 的語句類型,用於命令執行指定的一系列操作,最大的特徵則是不會回傳結果。 例如: block 變數宣告 var, let, c...
瀏覽器在讀取程式碼基本上都是從上到下讀取,在變數的寫法,會是這樣的結果。 console.log(a); //undefind var a = 1; conso...
今天進入下一個部分。陣列 (Array) 與物件 (Object) Array 陣列 陣列內可以是原始的資料類型、其他陣列、函式等等。 要注意的是,陣列是個有順...
物件 + 函式 物件內建立函式,可以透過函式的功能來做運算,讓物件成為一系列的內容,會相當好用。以一個家庭為例,程式碼如下: var home = { da...
運算子 比較運算子 == 用來比較 a 與 b 是否為正確或不正確,例如:設定兩個變數比較他們的關係。會發現有兩個地方不同, = 跟 ==, = 的用法是給予變...
if 光看英文單字,if 有如果的意思,在程式碼也是直接使用字面上的感覺。if 的程式碼如下: var name = value; if (name == v...
for 迴圈的寫法 基本寫法: for (var i = 0; i < array.length; i++) { //使用 for 迴圈 (初始狀態;...
i++ for 迴圈內有一個所產生的值,會用 i++ 登打, for (var = 0; i < array.length; i++) { ... }...