程式設計與開發工具入門

程式設計本質上是一件事:把你想做的事,拆成電腦能懂的逐步指令。電腦只認得 0 與 1(開與關),而程式語言就是幫你把人類的想法翻譯成這套二進位邏輯的翻譯官——你不必自己講機器語言,語言幫你處理掉那一層複雜度。

高階語言 vs 低階語言

程式語言依「離硬體多近」分成兩層:

• 低階語言(組合語言、C):直接操作硬體暫存器與記憶體位址,執行效率高,但語法晦澀,一段簡單的加總可能要寫十幾行看不懂的指令。
• 高階語言(JavaScript、Python、C#):用接近人類邏輯的語法寫程式,交給直譯器或編譯器轉換成機器看得懂的指令。可讀性高、維護容易,是目前主流的網頁開發選擇。

不同語言也各有擅長領域:JavaScript 主攻瀏覽器互動、Python 長於資料科學與自動化、Java/Kotlin/Swift 用於行動 App、Go/Rust 適合後端與系統程式。選語言本質上是在選「最適合這個任務的工具」,沒有絕對的好壞。

程式的基本組成元素

不管用哪種語言,程式都是由幾個共通的積木組成:

• 陳述句(statement):一行行具體指令,例如 const sum = 5 + 3;
• 變數(variable):用有意義的名字儲存會變動的資料,例如把使用者輸入存進 userName(本課程第 4 課會深入介紹資料型別與變數)
• 控制流程(control flow):讓程式依條件做出不同反應,例如「如果使用者已成年,允許投票;否則,顯示還要等幾年」(第 6 課會詳細講 if/else)

這三者組合起來,就能寫出會思考、會反應的程式,而不只是死板地從頭跑到尾。

現代開發者的工具箱

寫程式不是打開純文字編輯器就好,業界標準的免費工具能大幅提升效率:

工具	用途
程式碼編輯器(如 VS Code)	語法高亮、自動完成、除錯、擴充套件生態系
瀏覽器開發者工具(DevTools)	即時檢視/修改 HTML、CSS,監看網路請求,除錯 JavaScript
命令列(Terminal)	執行 Git、npm 等指令,自動化重複性工作
官方文件(如 MDN)	隨時查閱語法與最佳實踐,連資深工程師也天天在用

其中 VS Code 是目前網頁開發最普及的免費編輯器,搭配瀏覽器內建的 DevTools(按右鍵「檢查」就能打開),兩者是初學者最該優先熟悉的組合。

作業

去比較三種來自不同領域的程式語言(例如一種做網站、一種做手機 App、一種做資料分析),用同一個簡單任務(例如列印費氏數列)看看它們寫法差多少,並試著查一下每種語言誕生時想解決的問題是什麼。

完整作業說明見原始課程:https://github.com/microsoft/Web-Dev-For-Beginners/blob/main/translations/zh-TW/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md

---

內容來源:本頁是碼力獅社群依 Microsoft 開源課程
Web Dev for Beginners
(MIT License, Copyright (c) Microsoft Corporation)改寫而成的原創課程筆記,
取材時參考了上游官方繁體中文版(translations/zh-TW,由 Azure Co-op Translator
產生的 AI 翻譯)。

跟站內其他幾門外部課程不同,這門課不是逐段轉載或翻譯,而是重新組織、
用自己的話寫成精簡筆記,篇幅遠短於原文;完整的互動練習、程式碼範例與
逐步截圖說明,請點每課文末「完整原文課程」連結閱讀原文。

各單元的專案原始碼(solution)未收錄進站內,一律連回上游 repo。