

這個單元裡我們會繼續用Codepen來製作簡單的To-Do List app。裡面會使用到基本的HTML和CSS來製作UI，別擔心會非常簡單。示範的Codpen同樣會附在今天的內容裡面，如果想看成果的話可以直接點前往。

基礎架構

為了完成這個web app，我們必須先理解HTML、CSS之間

學習

職場

以行動支持創作者！付費即可解鎖

軟體開發

HCY 71的沙龍

Day Bonus JavaScript 實作 To-Do List



在JavaScript裡面，Async和Await應該是搜尋熱度最高的關鍵字了，因為他們相對複雜。我們一步步討論這件事的歷史 — 它們為什麼出現，解決了什麼問題。

JavaScript的Synchronous（同步）

首先我們必須了解JavaScript執行的基本原則 — synchrono

國際

Day10 JavaScript Async/Await



今天要談的內容也是JavaScript很核心的部分，即使學完了先前的章節，馬上去看別人寫的JavaScript程式碼還是會看不懂，主要是因為JS開發者會採用各種簡化和替代的寫法，我們一一討論。

Anonymous（匿名） Function

首先我們要討論的是Anonymous（匿名） Fun

Day09 JavaScript 其他關鍵內容



Scope（作用域）

不只是JavaScript，scope的概念在每個程式語言裡面都有，但每個語言scope運作邏輯多少有差異。

我們先來舉個例來了解scope：

隨著myFunction()執行，這段程式毫無疑問的console.log()出了myName這個變數的值’my name’

創作

Day08 JavaScript Scope & Context



在開始討論這兩個陌生的名詞之前，我們先準備一份資料以便後續測試使用。

這筆資料是users的資料，可能是社群平台用來記錄使用者資料的格式。其中users是一個array（有[]包著），裡面包含了3個Object(有{}包著），每個Object內有許多的property-value配對（如id:

投資理財

Day07 JavaScript Returning 與 Mutating Function



Higher-Order Function（高階方程式） 是什麼

Higher-Order Function簡稱HOF，是指一個以function作為參數的function或者回傳function的function，我知道目前聽起來非常抽象，我們舉一個我們之前就已經看過的例子。

以Funct

Day06 JavaScript Higher-Order Function（高階方程式）



做選擇的時刻

程式語言中，做選擇是非常常見的一件事。例如：判斷登入者身份是否為管理員、當前設定是否為深色模式等。想像我們有一個交易系統，我們需要判斷使用者帳戶餘額是否足夠購買Apple Vison Pro。首先，我們必須認識if跟else。

if 和 else

if跟else是常見的條件判

Day05 JavaScript 條件判斷



什麼是Array（陣列）

array跟object一樣是一種資料的容器，不同的是array通常用來裝同類別的資料，就像是書架用來收納書。要在書架裡放書跟其他東西也是可以的，但就是有點奇怪，不是大家習慣的做法。

array透過[]宣告。

假設我們要儲存使用者喜歡的顏色這筆資料，每筆資料的類型

音樂藝文

Day04 JavaScript Array（陣列）



今天我們會繼續用CodePen。

為何需要Object（物件）

在開始介紹object之前，我們先來討論object為何需要存在。

想像我們有一筆關於網站使用者的資料，裡面包含使用者名稱、年紀，還有sayHelloToUser()這個function。

我們可以逐個定義、宣告這些資料。


Day03 JavaScript Object(物件）



從今天開始往後的的內容會有許多的「註解」，程式不會執行被註解的內容，註解只是方便開發者辨識。JS內的註解主要有兩種。單行註解是在程式碼前方加上//，可以透過快捷鍵cmd(ctrl) + / 完成。多行註解則是用/* 及 */前後包夾要註解的內容。

轉換環境

從上個單元的經驗，有些人可能會發現