手把手開始寫 Svelte

set: 手把手實作

tags: Svelte

category: Front-End

description: 手把手開始寫 Svelte

created_at: 2023/03/31 15:00:00

事前準備

• 裝好 Node.js
• 用過其他前端框架，因為可能會舉一些例子來說明更好懂(不過我相信大多應該都碰過其他的才會接觸到 svelte 吧)
• TypeScript 基礎，因為文中有時會加上 Type 定義，閱讀應該不至於會變成障礙。

前言(題外話)

這次不是因為工作需要了(雖然也許未來工作需要?)，而是因為課程的期末作業打算用這個做前端，順便當作一種實驗(練手)

以前已經有 Vue、React 的經驗，雖然現在相對熟 Vue XD，想當初寫 Vue 3 文章的時候當時熟 React。

總之這邊也是在紀錄自己學習的過程，最近也會滿頻繁更新這個系列的(透過連假)，最後可能也是以老慣例 TodoList 當作練習。

沒看過 Vue 3系列 的也可以去看看

基礎篇

• 第一篇 - 開新專案與環境設定
• 第二篇 - 基本模板語法
• 第三篇 - 響應式資料
• 第四篇 - 響應式資料之$，放心不是jQuery
• 第五篇 - 事件處理
• 第六篇 - 組件(Component)基礎
• 第七篇 - 表單資料綁定
• 第八篇 - 生命週期
• 總結 - 做個簡單的 TodoList

進階篇

• 第一篇 - Store 狀態管理
• 第二篇 - Animation 相關
• 第三篇 - 使用 Actions
• 第四篇 - Context 相關
• 第五篇 - 一些特殊的 elements
• 第六篇 - Module Context