一睜開眼，發現出現在自己眼前的是沒見過的景色
這裡是哪裡...
一陣暈眩過後
對了我想起來了，前一天晚上的我
正熬夜看著js
正看見type of NaN == Number
明明不是數字 他卻是數字
我的頭好痛，是誰創出這種奇怪的東西
一怒之下將手中的書丟了出去
沒想到竟然砸中了天花板的吊燈
跟我阿公年紀一樣的吊燈就這樣掉了下來
接著，我就沒有接著的印象了，
沒想到最後的自己， 竟然是被js給搞死的
突然偷又一陣陣痛， 我又昏了過去
在昏過去之前，我依稀聽到了「記得準備開發環境」的話語...

在前端框架百發齊放的今天
身為web工程師，不論是前端工程師還是後端工程師，
多少聽過諸如angular/vue/react這三大前端框架。
但是在學習框架之前，必須先花費時間成本去學習javascript這門語言，
雖然相對於C#，javascript學習起來較為容易。
但與此同時javascript也有很多奇怪的地方與坑，
對於習慣C#的我們看起來還是非常的奇怪。
所以，如果有一天，我們能使用熟悉的C#語言做前端的開發，豈不美哉。
而那天就是今天!

WebAssembly

在開始之前，我們先來介紹一下webassembly這個咚咚
根據wiki，webassembly是一個實驗性的低階程式語言，應用於瀏覽器內的客戶端。WebAssembly是可攜式的抽象語法樹，被設計來提供比JavaScript更快速的編譯及執行。WebAssembly將讓開發者能運用自己熟悉的程式語言（最初以C/C++作為實作目標）編譯，再藉虛擬機器引擎在瀏覽器內執行。
換言之，就是能使用js以外的語言不論是go, c/c++, C#等等進行前端的開發。
而且執行效率更為快速。

但是由於web assembly 是屬於比較新的功能，
所以使用上必須要瀏覽器的支援
像是大前輩IE 就不支援
(都1202年了還有人在用IE嗎)
這邊提供各家瀏覽器版本對webassembly的支援
https://caniuse.com/wasm

目標

針對30天的進度會拆成3部分進行的
最初會介紹基本的blazor語法/生命週期
整個框架的一些概觀
中間會加上後端api進行前後串接
最後會做一個簡易的電商網站

nice to have(我是104上的徵才廣告)

希望看這篇文章的你
最好有

1. C#的基礎概念，可以看看小弟去年的文章
2. html/ css 的基本概念
3. 最好能有後端api開發的經驗，沒有也沒關係

開發工具會使用vs2019進行開發
安裝可以參考我去年的文章[Day1] 工欲善其事 必先利其器(C# 介紹與安裝IDE)

Blazor就交給明天的我來進行介紹了