Update README.md

README.md

@@ -1,6 +1,49 @@
-# NgAdvanced220717
+# Angular 14 開發實戰：進階開發篇 實作練習專案
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.6.
+本次 **Angular 14 開發實戰：進階開發篇** 課程，將會從這份套完版後的 Angular 專案開始。開發環境請參考 [Angular 14 開發環境說明](https://gist.github.com/doggy8088/15e434b43992cf25a78700438743774a) 進行設定。
+
+> 如果想複習基礎的套版過程，我有錄製一段教學影片請到 [練習套版過程](#練習套版過程) 閱讀相關資訊。
+
+## 準備練習實作環境
+
+你可以透過兩種方式取得範例專案：
+
+1. 點擊右側的 [Releases](https://github.com/coolrare/ng-advanced-220717/releases) 下載 `Source code (zip)` 回去解壓縮。
+
+2. 透過 Git 將本專案 Fork 回個人的 GitHub 帳號下，再透過 `git clone` 複製專案回去。
+
+    ```sh
+    git clone https://github.com/[YourGitHubID]/ng-advanced-220717.git
+    cd ng-advanced-220717
+    ```
+
+取得專案後請依據已下步驟設定：
+
+1. 安裝 npm 套件
+
+    ```sh
+    npm install
+    ```
+
+2. 開啟 Visual Studio Code 編輯器
+
+    ```sh
+    code .
+    ```
+
+3. 啟動專案並開啟瀏覽器
+
+    ```sh
+    npm start
+    ```
+
+## 練習套版過程
+
+1. 點擊右側的 [Releases](https://github.com/coolrare/ng-advanced-220717/releases) 下載  `startbootstrap-sb-admin-2-gh-pages.zip` 回去解壓縮。
+
+2. 透過 `ng new` 命令建立 Angular 專案
+
+3. 參考 [示範 SB Admin 2 靜態網頁版型轉成 Angular 應用程式的過程](https://www.youtube.com/watch?v=KdNX2q7FvpU) 影片進行套版！
 
 ## Development server