From 9e5d31e654fd00961dc3780f175fc3f16d14a96b Mon Sep 17 00:00:00 2001 From: neil_tsai Date: Tue, 8 Jun 2021 14:54:27 +0800 Subject: 初步翻譯 Svelte_Todo_list_beginning 前言及文末連結 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../svelte_todo_list_beginning/index.html | 100 +++++++++++---------- 1 file changed, 53 insertions(+), 47 deletions(-) (limited to 'files') diff --git a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.html b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.html index 6209101b37..fb48d55fe0 100644 --- a/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.html +++ b/files/zh-tw/learn/tools_and_testing/client-side_javascript_frameworks/svelte_todo_list_beginning/index.html @@ -1,5 +1,5 @@ --- -title: Starting our Svelte Todo list app +title: 開始寫我們的Svelte待辦清單應用程式 slug: >- Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_Todo_list_beginning tags: @@ -11,27 +11,33 @@ tags: - Svelte - client-side - state + - 初學者 + - 元件 + - 框架 + - 學習 + - 客戶端 + - 狀態 ---
{{LearnSidebar}}
{{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_variables_props", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}
-

Now that we have a basic understanding of how things work in Svelte, we can start building our example app: a todo list. In this article we will first have a look at the desired functionality of our app, then we'll create a Todos.svelte component and put static markup and styles in place, leaving everything ready to start developing our To-Do list app features, which we'll go on to in subsequent articles.

+

現在我們已經對Svelte運作機制有初步的了解後，就能開始建構我們的範例應用程式：一個待辦清單。此篇文章中，我們會先確認應用程式所需的功能有哪些，接著我們會建立Todos.svelte元件並寫一些靜態標記（markup）和樣式，待一切準備就緒後，就能開始開發我們待辦清單應用程式的相關功能，隨著後續文章會逐漸充實它。

-

We want our users to be able to browse, add and delete tasks, and also to mark them as complete. This will be the basic functionality that we'll be developing in this tutorial series, plus we'll look at some more advanced concepts along the way too.

+

我們想要讓使用者們能夠瀏覽、新增和刪除任務，也能標記它們以視為完成。這將是我們在走這個教學系列時會開發到的基本功能，此外，在開發過程中我們將會看到一些更進階的概念。

- + - - + +
Prerequisites:預備知識： -

At minimum, it is recommended that you are familiar with the core HTML, CSS, and JavaScript languages, and have knowledge of the terminal/command line.

+

學習它，推薦你至少需熟悉基本的HTML、CSS與JavaScript等程式語言且具備終端機/命令列環境基本知識。

-

You'll need a terminal with node + npm installed to compile and build your app.

+

你將會需要node和npm來安裝此編譯器來建置你的應用程式。
Objective:To learn how to create a Svelte component, render it inside another component, pass data into it using props, and save its state.學習目標：為了學習如何建立一個Svelte元件，於另一個元件內渲染它，透過props傳遞資料並保存它的狀態。
@@ -698,65 +704,65 @@ body {

{{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_variables_props", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}

-

In this module

+

於此模組中

-- cgit v1.2.3-54-g00ecf