From 011b1c4216b03ff931abef1497aa1212a1617f5b Mon Sep 17 00:00:00 2001 From: 林正祥 Date: Thu, 29 Apr 2021 16:26:18 +0800 Subject: Update /learn/tools_and_testing/client-side_javascript_frameworks, zh-TW (#685) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 更新 Angular 教學目錄 * 更新修改翻譯，補上缺漏內容 更新修改翻譯，補上缺漏內容 * 修改錯字 修改錯字 --- .../client-side_javascript_frameworks/index.html | 28 +++++++++++----------- 1 file changed, 14 insertions(+), 14 deletions(-) (limited to 'files/zh-tw') 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

Angular 教學

-

Note: Angular tutorials last tested in April 2021, with Angular CLI (NG) 11.2.5.

+

Note: Angular 教學的最後測試時間為2021年四月，使用Angular CLI（NG）11.2.5。

-

If you need to check your code against our version, you can find a finished version of the sample Angular app code at angular-to-do-example.

+

如果您需要根據我們的版本檢查程式碼，可以在 angular-to-do-example 上找到範例程式碼的最終版本。

-
1. Angular 新手入門
-
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.
-
2. Beginning our Angular todo list app
-
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.
-
3. Styling our Angular app
-
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.
-
4. Creating an item component
-
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.
-
5. Filtering our to-do items
-
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.
-
6. Building Angular applications and further resources
-
This final Angular article covers how to build an app ready for production, and provides further resources for you to continue your learning journey.
+
1. Angular 新手入門
+
在本文中，我們將會探索 Angular 所提供的功能、安裝必備工具、建立範例應用程式，並進一步瞭解 Angular 的基本架構。
+
2. 開始開發我們的 Angular 待辦事項應用程式
+
此刻，我們已準備好使用 Angular 來創建我們的待辦事項應用程式。完成後的應用程式將具有顯示待辦項目列表，並包含編輯、刪除與新增項目等功能。在本篇中，您將學到應用程式的結構，以及建立一個可顯示待辦項目的基礎列表。
+
3. 樣式化我們的 Angular 應用程式
+
現在，我們已經建立了基本的應用程式結構，並加入了內容，接著我們就要來對應用程式進行樣式的調整，透過本篇文章來學習 Angular 如何處理應用程式的樣式。
+
4. 建立一個項目元件
+
元件為您提供了一種組織應用程式的方式。本篇文章將引導您建立一個元件，來處理待辦列表中的各個待辦項目，並增加標示完成、編輯以及刪除的功能。在本篇也將介紹 Angular 事件模型
+
5. 過濾待辦事項
+
現在，讓我們繼續增加功能，以允許用戶過濾待辦項目，以便他們可以查看進行中、已完成或所有待辦項目。
+
6. 構建 Angular 應用程序和更多資源
+
這篇文章內容涵蓋，如何建立一個產品版（production）的應用程式，以及提供後續的學習資源。

該選什麼框架？

-- cgit v1.2.3-54-g00ecf