Update /learn/tools_and_testing/client-side_javascript_frameworks, zh-TW (#685)

* 更新 Angular 教學目錄

* 更新修改翻譯，補上缺漏內容

更新修改翻譯，補上缺漏內容

* 修改錯字

修改錯字

1 files changed, 14 insertions, 14 deletions

diff --git a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/index.html b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/index.html
index 3b64985649..d46c742e2b 100644
--- a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/index.html
+++ b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/index.html
@@ -144,24 +144,24 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks
 <h2 id="angular_tutorials">Angular 教學</h2>
 
 <div class="notecard note">
-<p><strong>Note</strong>: Angular tutorials last tested in April 2021, with Angular CLI (NG) 11.2.5.</p>
+<p><strong>Note</strong>: Angular 教學的最後測試時間為2021年四月，使用Angular CLI（NG）11.2.5。</p>
 
-<p>If you need to check your code against our version, you can find a finished version of the sample Angular app code at <a href="https://github.com/kapunahelewong/angular-to-do-example/tree/main/src">angular-to-do-example</a>.</p>
+<p>如果您需要根據我們的版本檢查程式碼，可以在 <a href="https://github.com/kapunahelewong/angular-to-do-example/tree/main/src">angular-to-do-example</a> 上找到範例程式碼的最終版本。</p>
 </div>
 
 <dl>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_getting_started">1. Angular 新手入門</a></dt>
- <dd>In this article we look at what Angular has to offer, install the prerequisites and set up a sample app, and look at Angular's basic architecture.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_todo_list_beginning">2. Beginning our Angular todo list app</a></dt>
- <dd>At this point, we are ready to start creating our to-do list application using Angular. The finished application will display a list of to-do items and includes editing, deleting, and adding features. In this article you will get to know your application structure, and work up to displaying a basic list of to-do items.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_styling">3. Styling our Angular app</a></dt>
- <dd>Now that we've got our basic application structure set up and started displaying something useful, let's switch gears and spend an article looking at how Angular handles styling of applications.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_item_component">4. Creating an item component</a></dt>
- <dd>Components provide a way for you to organize your application. This article walks you through creating a component to handle the individual items in the list, and adding check, edit, and delete functionality. the Angular event model is covered here.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_filtering">5. Filtering our to-do items</a></dt>
- <dd>Now let's move on to adding functionality to allow users to filter their to-do items, so they can view active, completed, or all items.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_building">6. Building Angular applications and further resources</a></dt>
- <dd>This final Angular article covers how to build an app ready for production, and provides further resources for you to continue your learning journey.</dd>
+ <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_getting_started">1. Angular 新手入門</a></dt>
+ <dd>在本文中，我們將會探索 Angular 所提供的功能、安裝必備工具、建立範例應用程式，並進一步瞭解 Angular 的基本架構。</dd>
+ <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_todo_list_beginning">2. 開始開發我們的 Angular 待辦事項應用程式</a></dt>
+ <dd>此刻，我們已準備好使用 Angular 來創建我們的待辦事項應用程式。完成後的應用程式將具有顯示待辦項目列表，並包含編輯、刪除與新增項目等功能。在本篇中，您將學到應用程式的結構，以及建立一個可顯示待辦項目的基礎列表。</dd>
+ <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_styling">3. 樣式化我們的 Angular 應用程式</a></dt>
+ <dd>現在，我們已經建立了基本的應用程式結構，並加入了內容，接著我們就要來對應用程式進行樣式的調整，透過本篇文章來學習 Angular 如何處理應用程式的樣式。</dd>
+ <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_item_component">4. 建立一個項目元件</a></dt>
+ <dd>元件為您提供了一種組織應用程式的方式。本篇文章將引導您建立一個元件，來處理待辦列表中的各個待辦項目，並增加標示完成、編輯以及刪除的功能。在本篇也將介紹 Angular 事件模型</dd>
+ <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_filtering">5. 過濾待辦事項</a></dt>
+ <dd>現在，讓我們繼續增加功能，以允許用戶過濾待辦項目，以便他們可以查看進行中、已完成或所有待辦項目。</dd>
+ <dt><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Angular_building">6. 構建 Angular 應用程序和更多資源</a></dt>
+ <dd>這篇文章內容涵蓋，如何建立一個產品版（production）的應用程式，以及提供後續的學習資源。</dd>
 </dl>
 
 <h2 id="該選什麼框架？">該選什麼框架？</h2>