活動規劃

在 Visual Studio 2022 正式版即將推出的時候你有沒有發現 Blazor 經常出現在文件內？Blazor 是微軟全新的全端解決方案，它可以讓 C# 開發者只需要會 C# 就可以達到非常棒的網頁開發能力，它與 Web forms, Silverlight的理念類似，讓開發人員只需要會 C# 就可以完成 Web APP，現在競爭激烈，如何讓開發的經驗可以共通 Blazor 就是一個絕佳的選擇，畢竟僅需要會 .NET / C# 就可以開發 Web App 是件相當誘人因素，尤其讓許多桌面應用程式的開發者頭痛的 JavaScript 在這樣的開發方式下，就變成不是必須的考量了。

不相信 Blazor 的能力，或擔心使用 Blazor 造成技術門檻過高？我們準備了一個講者的真實經驗，你會發現使用 Blazor 是可以降低技術門檻的，也讓團隊補人變的更容易

對於身為 .NET C# 開發者而言，想要成為一個全端網站工程師，將不再是夢想，因為透過 Blazor 框架，不需要會 JavaScript ，便可以輕鬆、容易、快速地完成網站專案開發；Blazor 相較於其他前端網頁開發技術，其學習曲線不會十分陡峭，對於 .NET C# 不太有經驗的人，也是可以輕鬆上手的，現在就讓 SkillTree 一起帶你逃離新手村！

活動講師

Vulcan Lee(李進興)

喜愛 .NET 與 C# 和 XAML 語言，熱於探索各種技術背後的原理，平常喜歡撰寫各種技術文章與寫書，本身最近十年專注於 UWP、Xamarin.Forms開發框架，對於C# 多執行緒、非同步程式設計、相依性注入等主題特別有研究，最近更加迷戀上 Blazor 開發框架，並且協助導入與解決相關問題。

講師經歷：

• 撰寫 Xamarin.Forms 快速入門
• XAML in Xamarin.Forms 基礎篇
• Blazor 快速體驗書籍
• Xamarin MVP
• 上過數十場次以上的 Xamarin.Forms 課程

活動介紹

• 網站開發基本知識回顧
  • 了解網頁之 HTML & CSS 轉譯過程、介紹三種網頁開發架構的比較與分析
• Blazor 雙開發框架解析
  • Blazor Server
    • 運作原理
    • 專案結構
  • Blazor WebAssembly 
    • 運作原理
    • 專案結構
  • 如何挑選 Blazor 架構來進行開發
• Blazor 預設範本專案解析
  • Counter 元件
  • FetchData 元件
  • Razor 語法
  • Dependency Injection 觀念與用法
• Blazor 新手必學實戰技能
  • 第一個 Blazor
  • C# 程式碼設計方法
  • 單向資料綁定與重新轉譯
  • 互動與事件設計
  • 元件生命週期事件
  • 元件參數傳遞與回應事件
  • C#/JavaScript 互相呼叫
  • 表單欄位輸入與驗證檢查
  • 頁面間的的導航切換

注意事項

• 本活動是 Blazor 的初階，不是程式學習的初階，您必須具備 HTML, CSS 與 C# 的基本知識、而對於 LINQ, Delegate, 非同步開發、事件要有開發經驗，至少不能逃避。
• 本活動可能會免費延長時數（最高延長90分鐘）如您晚上有約，請斟酌延後。
• 本活動有豐富的實做練習。

講者的話

為什麼我要選擇 Blazor 來開發專案與成效說明

2020年5月左右，接到一個任務，需要帶領一個某公司新程式開發團隊，將其之前開發出來系統全部重新開發一次，在這樣機緣之下，我豪不猶豫選擇 Blazor Server 這個全端開發框架，理由非常的簡單，對於 UI 設計部份，使用的是 HTML / CSS，而後端商業邏輯與網頁端 UI 更新部份，則是透過 C# 程式語言便可以做到，而且原則上不需要用到 JavaScript 程式碼。

會有這樣考量是因為當要開始尋找開發人員的時候，僅需要具備 .NET C# 核心開發能力，若具備 HTML / Bootstrap 經驗者更佳，如此解決了開發專案時候，需要準備具有不同開發技術、會不同程式語言的人員困擾，也整個開發團隊在共同的程式語言之下可以彼此經驗交流與支援，節省了開發團隊的營運成本。

經過了約一年左右，這個團隊已經將公司之前使用 PHP + MySQL 所開發出來的五個專案全部使用 Blazor 改寫完成，而且持續開發完成數個專案，使用 Blazor 開發出來的專案，不論在執行速度與開發速度上、執行穩定度與品質上，都讓人讚不絕口；這些專案絕大多數都是全端網站類型的專案，而所有開發成員都是只使用 C# / Blazor 技術就達成這個公司與客戶需求目標；另外，有幾個專案需要進行跨平台手機 App 開發，此時便透過 Xamarin.Forms 進行開發，由於使用的也是 .NET C# 程式語言，因此僅針對 UI 設計部份進行訓練，當然也如期將客戶所需要的 App 開發出來。

事實證明，對於身為 .NET C# 開發者而言，想要成為一個全端網站工程師，將不再是夢想，因為透過 Blazor 框架，不需要會 JavaScript ，便可以輕鬆、容易、快速地完成網站專案開發；Blazor 相較於其他前端網頁開發技術，其學習曲線不會十分陡峭，對於 .NET C# 不太有經驗的人，也是可以輕鬆上手的。

參考資料

• Blazor實戰故事經驗分享 1 - 風起雲湧 如何從無到有建立Blazor團隊與採用全端開發方式設計出給上市企業使用的Web系統 | C# .NET Blazor Research (csharpkh.blogspot.com)
• Blazor實戰故事經驗分享 2 - 風雲再現 探究 Blazor 可以快速開發出來內部細節 | C# .NET Blazor Research (csharpkh.blogspot.com)

 

還想知道什麼就留言吧