Erkin Hsu
0 位追蹤者
Stay fresh.
0會員
11內容數
全部內容
由新到舊
這個單元裡我們會繼續用Codepen來製作簡單的To-Do List app。裡面會使用到基本的HTML和CSS來製作UI，別擔心會非常簡單。示範的Codpen同樣會附在今天的內容裡面，如果想看成果的話可以直接點前往。
基礎架構
為了完成這個web app，我們必須先理解HTML、CSS之間
在JavaScript裡面，Async和Await應該是搜尋熱度最高的關鍵字了，因為他們相對複雜。我們一步步討論這件事的歷史 — 它們為什麼出現，解決了什麼問題。
JavaScript的Synchronous（同步）
首先我們必須了解JavaScript執行的基本原則 — synchrono
今天要談的內容也是JavaScript很核心的部分，即使學完了先前的章節，馬上去看別人寫的JavaScript程式碼還是會看不懂，主要是因為JS開發者會採用各種簡化和替代的寫法，我們一一討論。
Anonymous（匿名） Function
首先我們要討論的是Anonymous（匿名） Fun
Scope（作用域）
不只是JavaScript，scope的概念在每個程式語言裡面都有，但每個語言scope運作邏輯多少有差異。
我們先來舉個例來了解scope：
隨著myFunction()執行，這段程式毫無疑問的console.log()出了myName這個變數的值’my name’
在開始討論這兩個陌生的名詞之前，我們先準備一份資料以便後續測試使用。
這筆資料是users的資料，可能是社群平台用來記錄使用者資料的格式。其中users是一個array（有[]包著），裡面包含了3個Object(有{}包著），每個Object內有許多的property-value配對（如id:
Higher-Order Function（高階方程式） 是什麼
Higher-Order Function簡稱HOF，是指一個以function作為參數的function或者回傳function的function，我知道目前聽起來非常抽象，我們舉一個我們之前就已經看過的例子。
以Funct
做選擇的時刻
程式語言中，做選擇是非常常見的一件事。例如：判斷登入者身份是否為管理員、當前設定是否為深色模式等。想像我們有一個交易系統，我們需要判斷使用者帳戶餘額是否足夠購買Apple Vison Pro。首先，我們必須認識if跟else。
if 和 else
if跟else是常見的條件判
什麼是Array（陣列）
array跟object一樣是一種資料的容器，不同的是array通常用來裝同類別的資料，就像是書架用來收納書。要在書架裡放書跟其他東西也是可以的，但就是有點奇怪，不是大家習慣的做法。
array透過[]宣告。
假設我們要儲存使用者喜歡的顏色這筆資料，每筆資料的類型
今天我們會繼續用CodePen。
為何需要Object（物件）
在開始介紹object之前，我們先來討論object為何需要存在。
想像我們有一筆關於網站使用者的資料，裡面包含使用者名稱、年紀，還有sayHelloToUser()這個function。
我們可以逐個定義、宣告這些資料。
從今天開始往後的的內容會有許多的「註解」，程式不會執行被註解的內容，註解只是方便開發者辨識。JS內的註解主要有兩種。單行註解是在程式碼前方加上//，可以透過快捷鍵cmd(ctrl) + / 完成。多行註解則是用/* 及 */前後包夾要註解的內容。
轉換環境
從上個單元的經驗，有些人可能會發現
