本模組包含與您將用於實現網站/應用程式的計算機系統的設定和使用相關的主題。這些主題與建立 Web 程式碼沒有直接關係,但您將從理解您正在使用的作業系統中獲益良多。
通用資源
-
Windows 幫助和學習,Microsoft (2024)
-
macOS 使用者指南,Apple (2024)
-
Ubuntu 官方文件,ubuntu.com (2024)
工具
入門模組
本模組包含與您將用於實現網站/應用程式的計算機系統的設定和使用相關的主題。這些主題與建立 Web 程式碼沒有直接關係,但您將從理解您正在使用的作業系統中獲益良多。
通用資源
Windows 幫助和學習,Microsoft (2024)
macOS 使用者指南,Apple (2024)
Ubuntu 官方文件,ubuntu.com (2024)
基本資源管理器/訪達使用。
標準資料夾結構。
Web 檔案命名最佳實踐 — 無空格、小寫、選擇合理的空格符,如連字元或下劃線。
基本檔案組織最佳實踐。
使用 Explorer/Finder 建立、移動和刪除檔案和資料夾。
搜尋檔案和資料夾。
處理副檔名(例如,在 Windows 中關閉“隱藏已知檔案型別的副檔名”,顯示點檔案(.env 等))。
瞭解檔案型別如何與應用程式關聯。
資源
可用的 Web 瀏覽器。
安裝 Web 瀏覽器。
Web 瀏覽器、網站和搜尋引擎之間的區別。
基本搜尋引擎使用。
資源
如何像專業人士一樣使用搜索:Google 及其他功能的 10 個技巧和竅門,theguardian.com (2016)
瞭解什麼是命令列,以及您可以用它做什麼。
瞭解如何在不同系統上訪問命令列
在 Linux 和 macOS 上,您通常有一個內建的終端準備就緒。
在 Windows 上,預設的命令提示符功能稍有限制;如果您想要與 macOS/Linux 相同的命令和功能,最好安裝 Windows Subsystem for Linux (WSL)、PowerShell 或 Git Bash(Git for Windows 的一部分)。
快捷鍵(例如,向上箭頭訪問之前的命令,Tab 鍵自動完成)。
基本命令(例如,cd、ls、mkdir、touch、grep、cat、mv、cp)。
命令選項/標誌。
資源
Stack Overflow 是查詢命令列特定問題解決方案的好地方,例如 如何在 macOS 終端中批次重新命名檔案?
注意:
命令列/終端對於新手來說令人生畏 — 您只會看到一個閃爍的游標,沒有任何明顯的下一步指示。我們並不是說您在開始學習 Web 開發之前就必須成為命令列大師,但您至少應該瞭解它是什麼,並且知道一些基礎知識 — 您會驚訝於在 Web 開發工具中遇到命令列使用的頻率。
瞭解有哪些可用的程式碼編輯器以及哪種適合您的用途
Microsoft Word 等二進位制檔案編輯器不適合編輯程式碼。您需要一種可以乾淨地處理和輸出純文字的工具。
作業系統預設的純文字編輯器也可以,例如 macOS 上的 TextEdit,或 Windows 上的記事本,但它們也有侷限性。
您最好使用功能齊全的程式碼編輯器,例如 VSCode(跨平臺,免費)、Sublime Text(跨平臺,收費)或 Notepad++(Windows,免費)。
整合開發環境(IDE),如 Visual Studio(Windows,收費)、NetBeans(跨平臺,免費)和 WebStorm(跨平臺,收費),通常比簡單的程式碼編輯器功能更多,但比您在學習旅程的這個階段所需的更復雜。
瞭解基本程式碼編輯器能為您做什麼
開啟和編輯程式碼檔案。
語法高亮。
自動縮排和其他簡單的語法修復。
程式碼補全和幫助。
查詢和替換,通常還可以使用正則表示式使功能更強大(例如,保留開頭和結尾的特定字串,但替換中間的子字串)。
通常會提供與版本控制的整合(另請參閱 版本控制)
使用擴充套件程式自定義和增強您的程式碼編輯器
特定語言的擴充套件程式,例如程式碼補全、高亮、程式碼檢查和除錯。這可以應用於特定語言,如 JavaScript、Python 或 Go,或者語言/框架抽象,如 TypeScript 或 JSX。
GitHub/版本控制擴充套件,如果預設未提供。
主題和配色方案擴充套件。
提高生產力的擴充套件程式,如程式碼片段和腳手架生成器。
AI 驅動的程式碼建議工具,例如 GitHub Copilot。請注意,雖然 AI 工具很有用,但它們沒有推理能力,並且經常提供誤導性或完全錯誤的答案。您不應該僅僅假設 AI 的答案是正確的,而是應該透過其他來源進行測試/驗證。