← 課程地圖

QUICK REFERENCE

基本語法速查表

忘記語法時先查這裡;需要理解「為什麼」時再進完整章節。不要把速查表當成完整學習。

HTML

用途語法
標題 / 段落<h1>...</h1>、<p>...</p>
連結<a href="...">...</a>
圖片<img src="..." alt="...">
清單<ul><li>...</li></ul>
表單<form>、<label>、<input>、<button>
語意區塊header nav main section article aside footer

完整 HTML 循序課 →

CSS

用途語法
Element / Class / IDp {}、.card {}、#hero {}
尺寸width、height、max-width
Boxmargin、border、padding
文字font-size、font-weight、line-height
Flexdisplay:flex、gap、justify-content、align-items
Griddisplay:grid、grid-template-columns
Responsive@media (...)

完整 CSS 循序課 →

JavaScript

用途語法
變數const x = 1;、let y = 2;
比較=== !== < <= > >=
邏輯&& || !
條件if (...) {} else {}
迴圈for (...)、while (...)、for...of
Functionfunction add(a,b){ return a+b; }
Array[]、push、map、filter、find
Object{ key: value }、obj.key
DOMquerySelector、textContent、classList
EventaddEventListener
AsyncPromise、async、await、fetch
Errortry/catch、throw new Error()

完整 JavaScript 循序課 →

C++

用途語法
型別int、double、char、bool、std::string
I/Ostd::cin >> x;、std::cout << x;
條件if (...) {} else {}
Loopfor、while
Functionint add(int a,int b)
Containerstd::vector<int>
Referenceint& ref = x;
Pointerint* ptr = &x;、*ptr

完整 C++ 循序課 →

Git

用途指令
狀態git status
差異git diff、git diff --staged
暫存git add file
提交git commit -m "message"
歷史git log --oneline
同步git fetch、git pull、git push

完整 Git 基礎 →

PowerShell

用途指令
目前路徑Get-Location
切換資料夾Set-Location C:\Projects
列檔案Get-ChildItem
找 commandGet-Command git
processGet-Process
上一個 exe exit code$LASTEXITCODE

完整 PowerShell 基礎 →

SQL

用途語法
查詢SELECT ... FROM ... WHERE ...;
新增INSERT INTO ... VALUES (...);
修改UPDATE ... SET ... WHERE ...;
刪除DELETE FROM ... WHERE ...;
排序ORDER BY ... DESC
聚合COUNT(*)、AVG(...)

完整 SQL CRUD →

使用原則

如果你只是忘了拼法,用這頁查;如果你不知道它「何時執行、資料在哪、input/output 是什麼」,回完整課程。能抄出語法不等於看懂程式。