iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

大內魔術 Blazor - 誰說前端一定要寫JS 系列

你有沒有想過哪一天能用自己熟悉的語言來撰寫網頁嗎?
由 Mozilla、Google、Microsoft、Apple 所組成的開發團隊,也就是瀏覽器四大天王 Firefox、Chrome、Microsoft Edge、Safari 共同推動名為 WebAssembly 的新技術,讓網頁開發者能運用自己熟悉的程式語言,編譯再藉虛擬機器引擎在瀏覽器內執行,而微軟陣營的新框架 Blazor 從此誕生。

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

開幕

你有沒有想過哪一天能用自己熟悉的語言來撰寫前端嗎? 由 Mozilla、Google、Microsoft、Apple 所組成的開發團隊,也就是瀏覽器四大天王 F...

2020-09-16 ‧ 由 米歐 分享
DAY 2

舞台建造與介紹

想要變一個華麗的魔術,表演場地是不可或缺的,無論你是用 VSCode、Visual Studio 2019 甚至是 Visual Studio 2019 for...

2020-09-17 ‧ 由 米歐 分享
DAY 3

魔術道具 - Razor 介紹

在介紹魔術前,要先跟大家展示的是魔術道具,不了解道具的魔術師,不是好的魔術師。 Blazor = Browser + Razor Browser 是瀏覽器,而...

2020-09-18 ‧ 由 米歐 分享
DAY 4

魔術道具 - Razor 指示詞

昨天提到當 @ 後面接著 Razor 保留關鍵字時,它才會轉換成 Razor 特定的標記,而今天就要來介紹第一批的關鍵字,也就是 Razor 指示詞(Direc...

2020-09-19 ‧ 由 米歐 分享
DAY 5

魔術道具 - Razor 指示詞屬性

今天要來介紹第二批的關鍵字 Razor 指示詞屬性,與昨天的不同,是需要寫在 HTML 元素屬性上,所以即便有著同樣的名稱,但意義是不同的喔。 @attrib...

2020-09-20 ‧ 由 米歐 分享
DAY 6

路由魔術

大致介紹完名為 Razor 的魔術材料後,要來一一填坑了,首先要介紹的就是路由魔術。 路由是一種檢查瀏覽器 URL 並將其匹配到要呈現的頁面的技術。當同一個應...

2020-09-21 ‧ 由 米歐 分享
DAY 7

導覽列魔術

介紹完路由魔術後,是不是覺得手打網址來測試很麻煩,所以今天先來介紹導覽元件。 題外話:本系列文的魔術材料版本並不支援萬用路由,但將會在之後的更新支援(add B...

2020-09-22 ‧ 由 米歐 分享
DAY 8

紀錄魔術

這邊先插播一個內容,雖然使用 Blazor 可以透過開發環境來下中斷點,但還是有人會希望印在瀏覽器的 console 視窗上吧?此時 Blazor 就提供了一個...

2020-09-23 ‧ 由 米歐 分享
DAY 9

表單魔術

前置作業也差不多告一段落了,終於要邁向寫網頁最基本的需求了,也就是撰寫表單,畢竟如果沒有表單,也就不會有 CRUD 等的資料連動,沒有資料連動的網頁也就會只是靜...

2020-09-24 ‧ 由 米歐 分享
DAY 10

表單魔術 - 驗證技巧

今天要來介紹的是表單的驗證,畢竟不可能讓每一份表單都交由後端來驗證並返還結果,往往都會由前端來排除最基本的使用者操作失誤,如說好密碼要大小寫與數字兼具,卻只給小...

2020-09-25 ‧ 由 米歐 分享