iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

了不起的 Svelte 系列

在我年紀尚幼,心智敏感且易碎的那些日子裡,我還記得爸爸曾經給我的一個忠告。這個忠告直到現在我仍掛記在心上,時不時會想起,反覆咀嚼,細細思量。那個忠告是:「當你想要用前端框架寫網頁的時候,請記得,並非所有世上的人們都有跟你相同的網路速度。」
因為我們的溝通總是含蓄且保守,他說到這兒就打住了,但我想我明白他的意思。其結果就是,我希望能在這一次的活動,分享我學習 Svelte 的心路歷程,從基礎介紹,熟悉語法,過場動畫,到發布網頁,一步一步打造出一個可愛又優雅的前端應用。因此我的主題就是:了不起的 Svelte。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

第 01 天:介紹 Svelte

第 01 天:介紹 Svelte 那麼就為她學貓一樣的叫吧,如果這樣能打動她。如果你能用 Svelte 寫一份前端專案,那麼也為她寫一份吧。直到她高喊著:「愛...

2023-09-16 ‧ 由 ithomemhjao 分享
DAY 2

第 02 天:建立開發環境

第 02 天:建立開發環境 就在這個時候貝克兒小姐說話了:「npm run dev!」這是我進來這麼久的一段時間裡,她說的第一句話。一切發生的如此突然,不要說...

2023-09-17 ‧ 由 ithomemhjao 分享
DAY 3

第 03 天:初探專案架構

第 03 天:初探專案架構 「你住在前端對嗎?」她輕描淡寫的說:「我有認識個人也住那兒。」「我才剛到,在那兒誰也不...」「你應該會聽過 Svelte。」「S...

2023-09-18 ‧ 由 ithomemhjao 分享
DAY 4

第 04 天:認識 Svelte 元件

第 04 天:認識 Svelte 元件 我不自覺的看了一眼 Svelte 元件,裡面除了 Javascript、HTML、還有 CSS 程式碼。既熟悉又陌生,...

2023-09-19 ‧ 由 ithomemhjao 分享
DAY 5

第 05 天:Svelte 中的 HTML

第 05 天:Svelte 中的 HTML 一天下午,我和湯姆搭火車進城,當我們停在中途的中繼站時,他突然跳了起來,拉住我的手肘,言下之意是要我跟他一起下車。...

2023-09-20 ‧ 由 ithomemhjao 分享
DAY 6

第 06 天:Svelte 中的 CSS

第 06 天:Svelte 中的 CSS 她就這麼大辣辣地走了進來,以一種檢視財產的姿態,將房間裡的 CSS 選擇器都看了個遍,讓我不禁思索她是否會干擾到他們...

2023-09-21 ‧ 由 ithomemhjao 分享
DAY 7

第 07 天:Svelte 中的 Javascript:賦值

第 07 天:Svelte 中的 Javascript:賦值 凱瑟琳彎過身來悄聲對我說:「我的專案狀態 (state) 跟文件物件模型 (DOM) 總是沒辦法...

2023-09-22 ‧ 由 ithomemhjao 分享
DAY 8

第 08 天:Svelte 中的 Javascript:宣告

第 08 天:Svelte 中的 Javascript:宣告 在許多夏日的夜晚,我鄰居的家中總是傳來陣陣宣告變數的聲音。在他藍藍的花園裡頭,男人女人像飛蛾一般...

2023-09-23 ‧ 由 ithomemhjao 分享
DAY 9

第 09 天:Svelte 中的 Javascript:陳述

第 09 天:Svelte 中的 Javascript:陳述 我是真的有被標註的。一個星期六早上,一位穿著 Svelte 官方橘的司機走進了我庭院的草坪,替他...

2023-09-24 ‧ 由 ithomemhjao 分享
DAY 10

第 10 天:Svelte 元件的 Property

第 10 天:Svelte 元件的 Property 「我想說你可能會在這邊。」她漫不經心的回應了我的招呼。「我記得你說你就住在這附近。」接著,作為一個她會再...

2023-09-25 ‧ 由 ithomemhjao 分享