.NET MVC線上教學 — MIS2000Lab 課程大綱 與 試聽

閱讀時間約 13 分鐘
.NET MVC線上教學 — MIS2000Lab 課程大綱 與 試聽
自從我把影片上線以來,已經過了三年。
一路不斷的補充,現在的課程已經從「基礎的75小時」一路延伸到「完整版,超過90小時」
通常是學員發問,我再做增補(別的學員有問題,可能您也會遇見、也想學)
我直接公開 2021/7/18目前的所有課程內容,豐不豐富,請您自己判斷。
第一天課程,也開放試聽 ,對您才有保障!
第一天課程,也開放試聽 ,對您才有保障!
第一天課程,也開放試聽 ,對您才有保障!
=== 課 程 大 綱 =====
[入門篇] ………………………………………………………………………….
與其他書籍與課程,最大的不同:就是我多了兩天的「補救教學」
大部分的學員,也都是因為這兩天補救教學,才來購買我的課程。
如果您在其他課程、書籍的「自學、自修」上面卡關、撞牆,請您試聽看看……

第一天,補救教學 與 試聽

1–1 MVC 第一門課,外面網站有哪些功能,學完這門課以後您也做得到? 動手做一個檢視畫面去瞭解 MVC。
Youtube免費觀賞 (1–1) https://youtu.be/9spaHik87-A
1–2 Controller 與 View(檢視畫面)的互動。
Youtube免費觀賞 (1–2) https://youtu.be/BFkIFg1iFLo
後來錄製的 .NET Core版 https://youtu.be/FC97LmbROCo
1–3 撰寫第一個類別檔。

第二天,補救教學#2

2–1 Razor 與 @HTML 輔助方法、表單(新增與輸入)。
2–2 搭配 類別檔 的輸入與輸出。
Routing 入門、實作與觀念澄清(複習與小考)。Routing在第三天還有補充。
[補充教材] 一個專案同時執行 Web Form 與 MVC
[補充教材] SQL Server 資料庫簡易入門 (如果真的從零開始學起,連資料庫都不懂,可參考看看。內容很淺,也可跳過)

第三天, *** 外面的書籍、課程、原廠官方教學,都是從這裡開始。 ***

缺乏了前兩天的「補救教學」所以很多初學者聽不懂,跟不上!
3–1 第一次連上資料庫(單一資料表),DB First 與對應資料表的類別檔。
[補充教材] MVC_03–1 EF_Designer 與 POCO 簡介
3–2 基礎篇: 新增、資料呈現(主表明細,Master-Details)
Q&A 課後補充 — .ToList () 方法的用與不用? (2019/3 月補充)
[初學者注意] 反覆學習「前三天」課程,越熟練越好! 只要前三天基礎穩了,後面就很順暢…..
3–3 衍生篇: 編輯、刪除、單一條件的搜尋、分頁。
多個條件的搜尋(2018/10 月補充)
MVC Routing 與 路由
===(第三天 補充教材,選修)======
[補充教材] 專題 — 微軟認證教材的「MVC5 線上相簿」為例(2019/8月補充)
拆解別人寫好的專案,看看自己在第三天學到的基礎,能組合出什麼功能?我加了分頁、編輯(圖片)…等原廠沒提供的功能。
3–4 [補充教材] ADO. NET + MVC (第三天 的 最後一節)
如果您沒用到 ADO. NET,可跳過不看。當成 補充教材。
[補充教材] ASP. NET Core + ADO. NET(讀取 .JSON設定檔、DB連結字串)
[補充教材] Windows Form + ADO. NET(撰寫 .exe 執行檔,視窗程式)
[補充教材] 給舊學員升級ASP. NET Core MVC 開放原始碼的 .NET Core跟我們學的 .NET 完整版 MVC 5大同小異。唯有「資料庫連線&Context 檔」不好操作,需要動手下指令。
[補充教材] MVC 的路由(Routing)
[補充教材] 網站與專案在 IIS 上的部署

[進階篇] ………………………………………………………………………….

第四天,倉庫(Repository)與 介面(Interface)

4–1 倉庫(Repository)與 介面(Interface)。
4–2 IDisposable 介面 與 .Dispose () 方法
4–3 增加 .NET Core的範例,寫法一模一樣。不用怕!
4–4 .NET Core的 DI與 .AddScope()方法 (2021/5月補充)
4–5 OOP 物件導向 入門小補充

第五天,表單驗證(Validation)

5–1 MVC 內建的驗證(Validation)。各種表單驗證的作法。外面的入門書與課程,只介紹 5–1這一節而已。
5–2 [進階] 自訂驗證 屬性(有一點點難度)。這兩種進階作法,任選其一即可。
5–3 [進階] 自訂驗證 模型。

*** 難度高,初學者可以先看後面的教學 ***
第六天,「一對多」關連式資料表 與 ViewModel 的應用

關連式資料表(一對多)。
SQL 指令的 JOIN、.include()擴充方法。
SQL Profiler 的應用,觀察 LINQ 轉成什麼 SQL 指令?
ViewModel 的三種變化。
[補充教材] 獻給 “使用 ADO .NET 的朋友”,建議完成第三天 3–4節、第六天以後再學。

如果您沒用到 ADO. NET,可跳過不看。當成 補充教材。

(03–06) ADO .NET Dapper 搭配 不同的ViewModel類別檔。 
Multi-Mapping「一對多」關連式報表

*** 難度高,初學者可以先看後面的教學 *** 
第七天, 清單控制項 與 編輯資料時的Binding。搭配前端JavaScript / jQuery互動。

清單控制項 — DropDownList / RadioButton / CheckBox(單選、複選)
清單控制項搭配資料庫。
多個 “下拉式選單” 的「互動」(如:郵遞區號。縣市與鄉鎮的關連)
清單控制項的 Binding(編輯時,與現有資料對應)
[實戰 & 補充篇] ………………………………………………………………………….
[選修課] 範例均包含 MVC 與 Web Form 兩種作法:

第八天, 前端特效 與 UI

jQueryUI,表單元件與特效。
RWD(自適應、響應式網頁),Bootstrap。
CKeditor,網頁上的編輯器。
fancyBox,燈箱與圖層 (layer) 的特效。
Google Chart,網頁圖表產生器。 MVC / Web Form 搭配 JavaScript

第九天, MVC 畫面的外觀 與 自訂 UI
 9–1 Layout、PartialView、UIHint(自訂畫面 UI)

9–2 線上相簿的範例
源自微軟官方教材,我們可以從官方教材裡面,學到什麼?
哪些是我們學過的?哪些是新的? 包含以下範例:
* 檔案上傳(FileUpload),將圖片(二進位格式)存入資料表
* _Layout(版面配置頁)
  • PartialView(部分檢視)。類似 Web Form 的使用者控制項(UC)

第十天, 檔案上傳 FileUpload + 圖片該存在 Web硬碟或資料庫? 
 10–1 檔案上傳與各種變化,程式碼跟 Web Form 類似。 很簡單。

10–2 後半段課程,建議把「常用的程式碼」、「設定值」抽離出來,統一管理。
10–3 FileUpload 與資料庫的整合應用(有兩種作法)。
(1) 為什麼把檔案(BLOB)直接存入 DB 是不好的?
(2) [補充教材] SQL Server — FILESTREAM 的設定。內容僅供參考。
[補充教材] 匯出與讀取Excel — NPOI (2020/4月補充,跟 檔案上傳 有關)
.NET Core 檔案上傳的寫法有些修正,改用 IFormFile來做。

第十一天, 會員登入 與 權限控管(搭配自己設定的會員資料庫) 
 11–1 狀態管理,透過 Session & Cookie 登入 / MVC 專案,搭配類別庫(DLL)專案

11–2 FormsAuthentication 類別(搭配 Web.config 設定檔) MVC 的 [Authorize]
11–3 Case Study — (1) 以 MD5 / SHA1 雜湊運算,打亂機密資料 (2) 會員登入後,需要透過 E-Mail 確認身份
 課程介紹 https://youtu.be/bM2bn-OVLGM
[補充教材] .NET Core 的 會員登入 — ClaimIdentity (微軟官方範例 — 2020/5月補充)
(1) 很類似我們學過的 FormsAuthentication也是透過 Cookie來做。
(2) 也可使用 Session,但需額外安裝套件。.NET Core已少用Session。試聽 https://youtu.be/Gr9G5jn3ECk
[補充教材] 會員登入2 Captcha與 圖形驗證碼 (2020/8月補充)
 ………………………………………………………………………….
[補充教材] 專題 — .NET Core 5 — MVC 網路購物商城 (2020/12月補充) 
一對多訂單 的「新增」是以前沒有學過的, 請看下集(購物車) 02:08:43。其他招數就跟以前一樣了。 試聽 https://youtu.be/UIpazmPRhTs
[補充教材] Web Form + MVC 輸出快取、NET Core 回應快取 (2021/2月補充)
只要簡單的設定,不需寫程式,就能加速網頁效率、並減少Web Server負擔。
切記!不能用在數據「即時更新」的場合!不要用在「會員登入」上。
………………………………………………………………
[選修課] 重要!整個MVC課程若要濃縮的話,前三天加上這一天足矣。
或許以後只有「前端+WebAPI」也就是SPA(Single Page Application 單一網頁應用程式),後端程式只有WebAPI、只負責資料存取。

第十二天, 沒有 UI 畫面的網頁程式 — Web Service / WCF / WebAPI
 12–1 入門介紹、以前寫過哪些程式是 “沒畫面”的呢?

以下範例均包含 Server 端的服務 與 Client 端(前端)的呼叫:
12–2 Web Service (MVC 版 與 Web Form 版)
12–3 WCF 如果沒用到,這節可略過! .NET Core只支援 Client端,這東西未來可能不保)
12–4 Web API(Server 端) ….. 跟前兩節沒有關連,可直接從 02:58:58 看起
12–5 (1) 學習 jQuery 之前,學這做什麼?看看 Telerik 的產品
(2) 透過 jQuery(Client 端)呼叫(Server 端)網頁服務
12–6 透過 jQuery 呼叫網頁服務(MVC 版,有個錯誤要小心)
12–7 JSON 入門與範例
12–8 WebAPI + jQuery 三個整合範例(前 / 後端整合)
12–9 [FromBody] Client端傳遞JSON 給 Server端。 試聽 https://youtu.be/_K8352yPogU
[補充範例] 類似臉書 Facebook,無限下拉 呈現畫面(也是一種分頁程式)
他會不斷地跟後端程式索取資料,然後重新繪製並附加(.append())在網頁末端
[補充教材] .NET Core — WebAPI + JWT 會員登入 與 權限管理 (2021/6月補充)
 “純” 後端的程式,所以搭配 Postman來測試。 試聽 https://youtu.be/HN_skP12DqQ
為什麼會看到廣告
    avatar-img
    4會員
    128內容數
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    兩千MIS的沙龍 的其他內容
    這兩年想換工作,我印象中有幾個很不愉快的求職經驗。 第一個就是215人力銀行。 剛剛接到電話的時候,對方說要找「專案企畫」。我楞了一下,就說不適合。 但對方非常熱情,光是在電話裡面,就跟我談了半小時。 他從我的履歷裡面,認為我去跟他談,一定會談出火花。 對方說:「當然,不然我解釋這麼多幹什麼?」
    .NET Core — WebAPI + JWT 會員登入 與 權限管理 這是一門「 **純** 」後端的課程,所以不包含前端JS與HTML。 不建議「完全沒基礎」的朋友參與,擔心您跟不上。 提供試聽,所以沒有退費機制,請審慎考慮! 2C. JWT如何透過 Postman開始測試,片長 02:54
    這是ASP .NET WebAPI課程 ( https://9vs1.com/go/?i=f9a8ff53f717 ) 的補充,一個簡單的範例介紹[FromBody]。 假設User(Client端)從瀏覽器傳來JSON,WebAPI該怎麼接收並處理呢? 不需要自己動手解析 JSON文件內容,
    [ASP.NET Core] WebAPI與 Postman簡易入門 Youtube影片網址 https://youtu.be/2qrHwGRZC68 WebAPI與Web Service線上課程 https://9vs1.com/go/?i=f9a8ff53f717
    這是一個學員想學的題目,但他似乎連基礎的DB與CRUD都不熟悉 基礎不好,直接學JWT,我覺得太累了(前期準備不足,要花時間補上) JWT比我想像複雜一點,即使網路上很多範例了 您需要學習,具備以下的簡單基礎: 基礎的 ASP.NET MVC與簡單的 Visual Studio操作
    Youtube MVC教學影片(試聽) 1–2B 版面配置頁 LayoutPage 與.NET完整版 的MVC 5差異不大,只是改用.NET Core 5 MVC (VS 2019)來解說而已。 可見學過ASP .NET MVC 5的朋友可以「輕鬆升級 .NET Core MVC」而不是砍掉重練!
    這兩年想換工作,我印象中有幾個很不愉快的求職經驗。 第一個就是215人力銀行。 剛剛接到電話的時候,對方說要找「專案企畫」。我楞了一下,就說不適合。 但對方非常熱情,光是在電話裡面,就跟我談了半小時。 他從我的履歷裡面,認為我去跟他談,一定會談出火花。 對方說:「當然,不然我解釋這麼多幹什麼?」
    .NET Core — WebAPI + JWT 會員登入 與 權限管理 這是一門「 **純** 」後端的課程,所以不包含前端JS與HTML。 不建議「完全沒基礎」的朋友參與,擔心您跟不上。 提供試聽,所以沒有退費機制,請審慎考慮! 2C. JWT如何透過 Postman開始測試,片長 02:54
    這是ASP .NET WebAPI課程 ( https://9vs1.com/go/?i=f9a8ff53f717 ) 的補充,一個簡單的範例介紹[FromBody]。 假設User(Client端)從瀏覽器傳來JSON,WebAPI該怎麼接收並處理呢? 不需要自己動手解析 JSON文件內容,
    [ASP.NET Core] WebAPI與 Postman簡易入門 Youtube影片網址 https://youtu.be/2qrHwGRZC68 WebAPI與Web Service線上課程 https://9vs1.com/go/?i=f9a8ff53f717
    這是一個學員想學的題目,但他似乎連基礎的DB與CRUD都不熟悉 基礎不好,直接學JWT,我覺得太累了(前期準備不足,要花時間補上) JWT比我想像複雜一點,即使網路上很多範例了 您需要學習,具備以下的簡單基礎: 基礎的 ASP.NET MVC與簡單的 Visual Studio操作
    Youtube MVC教學影片(試聽) 1–2B 版面配置頁 LayoutPage 與.NET完整版 的MVC 5差異不大,只是改用.NET Core 5 MVC (VS 2019)來解說而已。 可見學過ASP .NET MVC 5的朋友可以「輕鬆升級 .NET Core MVC」而不是砍掉重練!
    你可能也想看
    Google News 追蹤
    Thumbnail
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
    Thumbnail
    隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
    Thumbnail
    這是學生的真實回饋…感謝同學寫了這麼多… 老師您好:我第一次考試買你的書自己看,有看沒有懂,就去考試差一點點,所以我第2次買老師影片來看,才了解很多口訣的記法,很多地方有比較讀通,雖然災保法很難還是很難消化,但我就記住一些基本觀念,結果這次考試都有考出來。
      童軍教育的素養導向課程,童軍課程的內容就是生活中的事情。安排任何課程,我們會有的原則:從簡單到複雜、從大項目到小細節(就像是導遊帶團講述景點)、從具體到抽象(想像具體生活中的例子再導向抽象的理論)、從實務到理論(應該是這樣,但常常是理論到實務,但更多是要看實際情況決定)。在課程設計中我們常用的是
    Thumbnail
    進入科技教育產業已滿一年。因為團隊精簡,每堂課替換時間又快又急。在編寫課程介紹頁面時,對受眾和痛點的描述不夠精準。本文提供了市場中自己喜歡且訴求精準的課程分析作為研究素材,希望未來能更精準地規劃課程介紹頁面內容。
    Thumbnail
    接續上一篇 Step2:VC#專案建立 Step3:IIS新建站台 Step4:VC#架設到IIS中
    對於想要嘗試學習前端技術,卻還沒下定決心或不知道是否合適的初心者,六角的體驗營就像是前端開發的新手村,提供基礎的新手教學,讓你對前端有基礎的概念;教你最基本的心法,讓你去打幾隻簡單的怪累積一點經驗值。
    Thumbnail
    本文記錄 1/27~1/28 參加臺南青年職涯發展中心舉辦的 「SEO不只是入門-進階實際應用班」講座。講座內容相當扎實,包含SEO概念與內容佈局,進階SEO技術,以及數據分析應用。另外,文章也提到了SEO的工作內容和目標,以及關於SEO演算法因素和網站架構的相關資訊。
    課程心得-提問篇:1.提問是為了以終為始,確保目標一致,在適當的時機發揮PQ的共識精神。2.MVP(最小可供驗證之產出)探索共識及實際工作範例。
    公司實體課程說明狀況、之前課程心得(過往上完課沒帶走一些好東西,真覺得十分可惜)、這次講師介紹跟風格。
    Thumbnail
    前文提到我按照某公司培訓營的指示自學了Scratch,並完成了一個不太理想的「半成品」程式。幾個月後,我參加了另一個課程,不同的是這次是使用PHP,為期三天(週三至週五),每天上課四小時,總計約12小時。課程內容包括基礎語法與環境架設、網路爬蟲、實際構建購物車並與資料庫進行串接。
    Thumbnail
    徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
    Thumbnail
    隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
    Thumbnail
    這是學生的真實回饋…感謝同學寫了這麼多… 老師您好:我第一次考試買你的書自己看,有看沒有懂,就去考試差一點點,所以我第2次買老師影片來看,才了解很多口訣的記法,很多地方有比較讀通,雖然災保法很難還是很難消化,但我就記住一些基本觀念,結果這次考試都有考出來。
      童軍教育的素養導向課程,童軍課程的內容就是生活中的事情。安排任何課程,我們會有的原則:從簡單到複雜、從大項目到小細節(就像是導遊帶團講述景點)、從具體到抽象(想像具體生活中的例子再導向抽象的理論)、從實務到理論(應該是這樣,但常常是理論到實務,但更多是要看實際情況決定)。在課程設計中我們常用的是
    Thumbnail
    進入科技教育產業已滿一年。因為團隊精簡,每堂課替換時間又快又急。在編寫課程介紹頁面時,對受眾和痛點的描述不夠精準。本文提供了市場中自己喜歡且訴求精準的課程分析作為研究素材,希望未來能更精準地規劃課程介紹頁面內容。
    Thumbnail
    接續上一篇 Step2:VC#專案建立 Step3:IIS新建站台 Step4:VC#架設到IIS中
    對於想要嘗試學習前端技術,卻還沒下定決心或不知道是否合適的初心者,六角的體驗營就像是前端開發的新手村,提供基礎的新手教學,讓你對前端有基礎的概念;教你最基本的心法,讓你去打幾隻簡單的怪累積一點經驗值。
    Thumbnail
    本文記錄 1/27~1/28 參加臺南青年職涯發展中心舉辦的 「SEO不只是入門-進階實際應用班」講座。講座內容相當扎實,包含SEO概念與內容佈局,進階SEO技術,以及數據分析應用。另外,文章也提到了SEO的工作內容和目標,以及關於SEO演算法因素和網站架構的相關資訊。
    課程心得-提問篇:1.提問是為了以終為始,確保目標一致,在適當的時機發揮PQ的共識精神。2.MVP(最小可供驗證之產出)探索共識及實際工作範例。
    公司實體課程說明狀況、之前課程心得(過往上完課沒帶走一些好東西,真覺得十分可惜)、這次講師介紹跟風格。
    Thumbnail
    前文提到我按照某公司培訓營的指示自學了Scratch,並完成了一個不太理想的「半成品」程式。幾個月後,我參加了另一個課程,不同的是這次是使用PHP,為期三天(週三至週五),每天上課四小時,總計約12小時。課程內容包括基礎語法與環境架設、網路爬蟲、實際構建購物車並與資料庫進行串接。