.NET Core 6.0~8.0 MVC線上教學 - MIS2000Lab 課程大綱 與 試聽

ASP.NET MVC 5  + .NET Core MVC 線上教學、線上教程,課程大綱(完整版 & 試聽)

2022/1/1 已將所有範例通通轉成 .NET Core 6 / VS 2022版本。有差異的部分也有補充錄影說明。

自從 2018年中,我把影片上線以來,已經過了三年。

      一路不斷的補充,現在的課程已經從「基礎的75小時」一路延伸到「完整版,約 115小時」

      通常是學員發問,我再做增補(別的學員有問題,可能您也會遇見、也想學)

 

我直接公開 2023/1/13 目前的所有課程內容,豐不豐富,請您自己判斷。

第一天課程,也開放試聽 ,對您才有保障!

第一天課程,也開放試聽 ,對您才有保障!

第一天課程,也開放試聽 ,對您才有保障!

學員感言與推薦,請看這裡  https://www.dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

2022/1/1 我已經將多數的範例通通轉成 .NET Core 6 / VS 2022版本。有差異的部分也有補充錄影說明。

 

=== 課 程 大 綱 ===== 

[入門篇]  .....................................................................................
與其他書籍與課程,最大的不同:就是我多了兩天的「補救教學」

大部分的學員,也都是因為這兩天補救教學,才來購買我的課程。

如果您在其他課程、書籍的「自學、自修」上面卡關、撞牆,請您試聽看看……

第一天,補救教學 與 試聽

     1-1 MVC 第一門課,外面網站有哪些功能,學完這門課以後您也做得到?           動手做一個檢視畫面去瞭解 MVC。
       Youtube免費觀賞 (1-1)  https://youtu.be/9spaHik87-A       Facebook的 (1-1) 影片  https://www.facebook.com/mis2000lab/videos/232422547618429/

     1-2 Controller 與 View(檢視畫面)的互動。
       Youtube免費觀賞 (1-2)  https://youtu.be/BFkIFg1iFLo       Facebook的 (1-2) 影片  https://www.facebook.com/mis2000lab/videos/344248639680066/

     1-3 撰寫第一個類別檔。
 

後來錄製的 .NET Core版 MVC,第一天完整試聽。  https://youtu.be/TSmwpT-Bx4I

 

第二天,補救教學#2

     2-1 Razor 與 @HTML 輔助方法、表單(新增與輸入)。

     2-2 搭配 類別檔 的輸入與輸出。

           Routing 入門、實作與觀念澄清(複習與小考)。Routing在第三天還有補充。

       [補充教材]  一個專案同時執行 Web Form 與 MVC   ( .NET Core 無法使用。Only for .NET 4.x版 )  
       [補充教材]  SQL Server 資料庫簡易入門  (如果真的從零開始學起,連資料庫都不懂,可參考看看。內容很淺,也可跳過)

       [補充教材]  傳統HTML表單(Form)的 Method = POST或GET的差別? 

       [補充教材]  .NET Core 6 的 TagHelper(檢視畫面專用) (2022/02 月補充)
       [補充教材]  學完 前兩天 突然感覺 自己「C#基礎語法」不熟悉? 怎麼辦?  
                       如果您有這個問題,可能犯了一個 初學者錯誤我也經常陷入。所以不用覺得丟臉、羞愧
                       見樹 不見林......太專注於某幾個「沒學過的單字」、「小細節」 而忘記這支程式、這個功能的「大方向」


 

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

缺乏了前兩天的「補救教學」所以很多初學者聽不懂,跟不上!

     3-1  第一次連上資料庫(單一資料表),DB First 與對應資料表的類別檔。
            [補充教材]  MVC_03-1 EF_Designer 與 POCO 簡介 

     3-2  基礎篇: 新增、資料呈現(主表明細,Master-Details)
           Q&A 課後補充 - .ToList () 方法的用與不用?  (2019/3 月補充)   


            [補充教材]  升級.NET Core 7.0 只有 3-1節 小有調整  (2022/11 月補充)   
            從資料庫幫我們自動產生 ViewModel(小類別)以後,
            Context檔的命名不會使用您的「資料庫名稱」。他很頑皮地亂改名稱,導致您的程式裡面也有很多地方要修改。

 

  [初學者注意]  反覆學習「前三天」課程,越熟練越好!      只要前三天基礎穩了,後面就很順暢.....  

     3-3  衍生篇: 編輯、刪除、單一條件的搜尋、分頁。  多個條件的搜尋(2018/10 月補充)

                           為什麼可以區分大小寫的 .Contains()方法,在此無用? (2023/1月補充) 

                            MVC Routing 與 路由

    ===(第三天 補充教材,選修)======
      [補充教材] 專題 - MVC 線上相簿(.NET 4.x版MVC,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 上的部署  


[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm /  https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b

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

2022/1/1 我已經將多數的範例通通轉成 .NET Core 6 / VS 2022版本。有差異的部分也有補充錄影說明。


第四天,倉庫(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 的應用 (本節範例已經轉成 .NET Core 6 / VS2022版本)

       關連式資料表(一對多)。
       SQL 指令的 JOIN、.include()擴充方法。
       SQL Profiler 的應用,觀察 LINQ 轉成什麼 SQL 指令?
       ViewModel 的三種變化。


 

 [補充教材] 獻給 "使用 ADO .NET 的朋友",建議完成第三天 3-4節、第六天以後再學。  如果您沒用到 ADO. NET,可跳過不看。當成 補充教材。  


(03-06)  ADO .NET Dapper 搭配 不同的ViewModel類別檔。 
      Multi-Mapping「一對多」關連式報表    (本節範例已經轉成 .NET Core 6 / VS2022版本)
 

*** 難度高,初學者可以先看後面的教學 ***  
第七天, 清單控制項 與 編輯資料時的Binding。搭配前端JavaScript / jQuery互動。(本節範例已經轉成 .NET Core 6 / VS2022版本)

   清單控制項 - DropDownList / RadioButton / CheckBox(單選、複選)
       清單控制項搭配資料庫。
       多個 "下拉式選單" 的「互動」(如:郵遞區號。縣市與鄉鎮的關連)
       清單控制項的 Binding(編輯時,與現有資料對應)


[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm /  https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b

[實戰 & 補充篇] .....................................................................................
第八天與第九天課程,我沒打算重新錄影。因為跟 .NET 4.x版差異極小

[選修課] 範例均包含 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)

2022/1/1 我已經將多數的範例通通轉成 .NET Core 6 / VS 2022版本。有差異的部分也有補充錄影說明。

第十天, 檔案上傳 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來做(大寫的 I , Interface)。   

 

第十一天, 會員登入 與 權限控管(搭配自己設定的會員資料庫) 

       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負擔。
          切記!不能用在數據「即時更新」的場合!不要用在「會員登入」上。

 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm /  https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b

........................................................................

[選修課] 重要!整個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
            建議看過上面 12-1,12-7 與 12-9節再來學習。   "純" 後端的程式,所以搭配 Postman來測試
            [補充課程] 微軟範例,ToDoList。請從影片後面的最後一節 02:47:16 看起  (2023/1月補充)

      [補充教材] .NET Core - WebAPI +Swagger   (2022/7月補充)
            比 Postman更簡單的測試工具,VS2022內建,無須手動設定與額外安裝

 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm /  https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b

2022/1/1 我已經將多數的範例通通轉成 .NET Core 6 / VS 2022版本。有差異的部分也有補充錄影說明。

 

 

我將思想傳授他人, 他人之所得,亦無損於我之所有;

猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學,遠距教學 (Web Form 約 51hr)  https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學,遠距教學 (ASP.NET MVC 約 135hr)  https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

 

寫信給我,不要私訊 --  mis2000lab (at) yahoo.com.tw  或  school (at) mis2000lab.net

 (1) 第一天 ASP.NET MVC5 完整影片(5.5小時 / .NET 4.x版)免費試聽。影片 https://youtu.be/9spaHik87-A 

 (2) 第一天 ASP.NET Core MVC 完整影片(3小時 / .NET Core 6.0~8.0)免費試聽。影片 https://youtu.be/TSmwpT-Bx4I 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm  。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b  


ASP.NET遠距教學、線上課程(Web Form + MVC)。 第一天課程, "完整" 試聽。 

.........   facebook社團   https://www.facebook.com/mis2000lab   ......................

.........  YouTube (ASP.NET) 線上教學影片  https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

 

Blog文章 "附的範例" 無法下載,請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍(嚴格認定)。

...................................................................................................................................................... 

ASP.NET MVC  => .NET Core MVC 線上教學  ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!MIS2000Lab.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課