MIS2000 Lab. - ASP.NET專題實務 & WebForm +MVC 遠距教學: 2019

2019年10月22日星期二

[範例下載 & 團購] ASP.NET專題實務 / 博碩出版

ASP.NET專題實務，上下兩集，書本範例下載

第零章。初學者從零開始。
[Youtube影片] 安裝 VS 2017/ 2019有幾個地方要注意，請看
https://vimeo.com/330999680
[Youtube影片] VS 2019無法使用本書範例，怎麼辦？
請看 https://youtu.be/4mGMr3xTQN4

上集 - ASP.NET專題實務 (I) / 博碩出版

https://onedrive.live.com/?id=6F7F668080F24B20%212411&cid=6F7F668080F24B20

( 資料庫的範例： https://onedrive.live.com/?id=6F7F668080F24B20%21200&cid=6F7F668080F24B20 )

( 教學影片 https://youtu.be/hAYzo53KUKM )

下集 - ASP.NET專題實務 (II) / 博碩出版

https://onedrive.live.com/?id=6F7F668080F24B20%211731&cid=6F7F668080F24B20

ASP.NET專題實務 / 博碩出版上下兩集的範例，由此下載

含郵資（郵局便利箱），全台最便宜，只有二十套！

作者提供的優惠團購價 1,280元（含郵資）。應該是全台灣最便宜吧！因為是我拿錢補貼各位了

僅限二十套！上班時間，立即出貨！

另外跟您報告一個好消息：

參加這次團購的好朋友，在 2020/6/30 以前，繳費報名我的課程 (不管是實體班上課或是遠距教學)

遠距教學（影片）https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_vs2015

ASP.NET (Web Form) 遠距教學、課程完整內容影片上網！
歡迎在家自修、學習 *** 本課程是「事先錄影」的影片。繳費後就能觀賞！***

一律折價「三千」學費！（以姓名、手機、E-Mail，作為識別，需跟本次團購為同一人）

一律折價「三千」學費！（各種優惠 "不"共用！只能任選一種）

一律折價「三千」學費！

參加本次團購務必填寫報名表，來信報名。我會回信通知下列資訊：

若非以下資料，皆屬詐騙，請小心！

我的「銀行帳號」-- 台北富邦銀行(012)，帳號後六碼是xxx-xxx-388-785

（怕有詐騙集團出面劫標，我先公佈一部份。請大家留意！）

請來信 mis2000lab (at) yahoo.com.tw 或是 school (at) mis2000lab.net

== 天瓏書局 ==

上集 https://www.tenlong.com.tw/products/9789864344345

下集 https://www.tenlong.com.tw/products/9789864344420

== 博客來 ==

上集 https://www.books.com.tw/products/0010838463

下集 https://www.books.com.tw/products/0010838440

== PChome 24h ==

上集 https://24h.pchome.com.tw/books/prod/DJAA2V-A900ABYL0

下集 https://24h.pchome.com.tw/books/prod/DJAA2V-A900ABYL4

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

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

寫信給我，不要私訊 — mis2000lab (at) yahoo.com.台灣或 school (at) mis2000lab.net

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

…. YouTube (ASP.NET) 線上教學影片 http://goo.gl/rGLocQ

*************************************************

*** ASP.NET MVC線上課程第一天免費看 (5.5小時) ***

************************（歡迎索取，免費申請）*****

2019年10月15日星期二

ASP.NET -IIS與檔案上傳的安全設定

ASP.NET專題實務(I)，博碩出版

** IIS 與檔案上傳 (FileUPload)的安全設定 **

18–13–1 要求篩選（Request Filtering）

新版本IIS都提供了「要求篩選（Request Filtering）」的功能。但需要您手動安裝、增加這功能到IIS裡面。您的作業系統必須具備IIS才能安裝，例如Win10專業版或Windows Server。

18–13–2 限制執行

檔案上傳也可能是網站的一個大漏洞，如果有人把病毒或是木馬程式上傳並執行，那就糟了。有三個建議：
第一，除了前面說過最基本的「副檔名」檢驗以外，建議您也限制上傳目錄的權限，讓它只能讀寫卻無法執行。

第二，以下圖為例，針對「網站底下的子目錄」做設定，例如4_BigControl_Manual這個資料夾是用來存放上傳檔案的。千萬不允許它有「執行」的權限，以免有人上傳木馬程式或病毒後去執行它。當然，做了IIS任何設定以後，您最好重新測試一遍，以免影響到其他功能。

第三，Web Server也得安裝防毒軟體。如果真的被上傳病毒或是木馬程式，也能被檢查出來。大部分的防毒軟體，當對方上傳以後，通常會有即時掃描的功能。但仍建議每天在離峰時段進行全機掃描

在IIS 7.x版（Windows Server 2008）起有另一個設定「處理常式對應（Handle Mapping）」（如下圖，畫面上不太好找）。

針對「網站底下的子目錄」做設定，例如4_BigControl_Manual這個資料夾是用來存放上傳檔案的。千萬不允許它有「指令碼」\「執行」的權限，務必留白（如下圖，不打勾）。做了IIS任何設定以後，建議重新啟動網站服務並重新測試一遍，以免影響到其他功能。

以上來自 — ASP.NET 專題實務 (I) / 博碩出版

2019年9月19日星期四

ASP.NET (WebForm) 防範 CSRF攻擊

關鍵字 AntiForgery Token / cross-site request forgery (CSRF攻擊)

從 NuGet安裝「Microsoft.AspNet.WebPages」套件

https://www.nuget.org/packages/Microsoft.AspNet.WebPages/

使用AntiForgery.GetHtml() 來生成一個隱藏的token

下面的影片，是寫在 Page_Init事件中。

Youtube影片 -- https://www.youtube.com/watch?v=-DswQCwVqxk

https://youtu.be/-DswQCwVqxk

相關文章 -- ASP.NET WebForm中異步請求防止XSRF攻擊的方法

https://read01.com/zh-tw/D5kj44.html

其他作法 -- 採用 System.Web.Helpers

https://stackoverflow.com/questions/29939566/preventing-cross-site-request-forgery-csrf-attacks-in-asp-net-web-forms#

https://blog.csdn.net/feelig/article/details/44236643

https://www.cnblogs.com/luminji/archive/2012/06/08/2511384.html

建置專案時發生錯誤剖析器錯誤 - VS2019 + ASP.NET專題實務（VB範例）

有位讀者安裝 VS2019以後，執行 VB範例（ASP.NET Web Form）均會出現錯誤訊息

例如：剖析器錯誤 或出現一個蹦現視窗，寫著 "建置專案時發生錯誤......"

或 "找不到資源"

或出現 Global.asxa有錯（如下面這一段）....等等

<@ Application codebehind="Global.asax.vb" ....

有幾種解法，問題都是出現在VB語法的範例。 C#就沒有問題。

https://youtu.be/4mGMr3xTQN4

(1) 解決方法如下：

第一，建立一個 ASP.NET (Web Form) VB語法 專案

（建議使用「空白」專案或網站，比較單純）

第二，在一開始、最單純、什麼都沒有的空白專案中「建置專案」

然後，再來撰寫程式（自己新增一個Web Form網頁）

或 COPY 書本的範例到這個專案、網站

就會正常了.....請看下方的圖片說明

===================================================

(2) 另一種解決方法

我在另一台電腦上，安裝VS 2019（比較新的版本，他常改版更新）

有安裝「網站」套件，請看下面的影片說明。

影片（您安裝時少裝了一個東西，在影片 08:11 的時候有說明）

https://www.youtube.com/watch?v=h5lrtdR9XF8

（如下方圖片說明）

在這個環境中，從頭到尾都沒有問題

所以我猜測，有安裝這套件會比較OK。

===================================================

(3) 讀者的回饋（他的解法）

安裝VS2019的時候，將個別元件中 “所有” .net framework版本選擇安裝，

執行後置碼已不會出現 "建置專案時發生錯誤" 訊息。

2019年8月26日星期一

ASP.NET MVC - 編輯 (Edit) 與檔案上傳 (FileUpload)

微軟的 ASP.NET MVC範例，新增 (Create)有搭配檔案上傳

但沒有提供編輯 (Edit) 的功能
其實，以微軟提供的範例來說，這些功能都有了

"拼湊"都能做到您想要的功能。

詳見 9vs1.com線上課程 - https://9vs1.com/go/?i=4db77e0bf891（課程優惠代碼 4BbKKha ）

=========================================================
因為微軟改為ASP.NET Core版的MVC
https://github.com/MicrosoftLearning/20486-DevelopingASPNETMVCWebApplications

所以原本範例 (PhotoSharing) 只能從網友留下的 "備份"去找
https://github.com/faiteo/Photo-Sharing-Application-using-Asp.Net-mvc-4-/tree/master/PhotoSharingApplication-2015/PhotoSharingApplication-2015

我手邊還有 MVC 4 與 MVC 5的版本，但內容大同小異。上面的範例就夠用了。

public ActionResult Edit_NEW(int id = 0)
{
Photo photo = _db.Photos.Find(id);
if (photo == null)
{
return HttpNotFound(); // 找不到
}
return View(photo);
}

接下來的 Edit_NEW檢視畫面中，要將 Photo資料表裡面的二進位內容（放置圖片的欄位，資料型態為 VarBinary(MAX)），還原成「圖片檔」，

這段程式在 Details檢視畫面 就有
（上傳以後，把圖片存入資料表。
所以，呈現圖片時，必須寫一段程式，把二進位內容，還原成圖片檔）

詳見 9vs1.com線上課程 - https://9vs1.com/go/?i=4db77e0bf891（課程優惠代碼 4BbKKha ）

@model PhotoSharingApplication.Models.Photo
@{
Layout = null;
}

@using (Html.BeginForm("Edit", "Photo", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
@Html.AntiForgeryToken()
................（後續省略）

Photo

@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.HiddenFor(model => model.PhotoID)

@if (Model.PhotoFile != null)
{

@Url.Action("GetImage", "Photo", new { Model.PhotoID })

" />

}

@Html.LabelFor(model => model.Title, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.Title, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Title, "", new { @class = "text-danger" })

Upload new @Html.LabelFor(model => model.PhotoFile):

@Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.CreatedDate, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.CreatedDate, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.CreatedDate, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.UserName, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.ModifiedDate, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.ModifiedDate, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.ModifiedDate, "", new { @class = "text-danger" })

}

@Html.ActionLink("Back to List", "Index")

按下 Submit按鈕以後，交給下一個動作來處理

詳見 9vs1.com線上課程 -  https://9vs1.com/go/?i=4db77e0bf891（課程優惠代碼 4BbKKha ）

=========================================================
//
// POST: /Photo/Edit/5 （原本範例沒有，這是我們額外增添的功能）
[HttpPost]
[ValidateAntiForgeryToken] // 避免CSRF攻擊
public ActionResult Edit(Photo _photo, HttpPostedFileBase image)
{ // ****************************
if (ModelState.IsValid)    {
//*** 檔案上傳 ****************************************(start) 這段程式在 Create動作裡面也有
if (image != null)
{
_photo.ImageMimeType = image.ContentType;
_photo.PhotoFile = new byte[image.ContentLength];
image.InputStream.Read(_photo.PhotoFile, 0, image.ContentLength);
}
//*** 檔案上傳 ****************************************(end)
// 第一種寫法：
_db.Entry(_photo).State = System.Data.Entity.EntityState.Modified; //確認被修改（狀態：Modified）
_db.SaveChanges();
//return Content(" 更新一筆記錄，成功！"); // 更新成功後，出現訊息（字串）。
return RedirectToAction("Index");
}
else   {
return Content(" *** 更新失敗！！*** ");
}

}

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

[ASP.NET Core MVC]第一天免費課程 3小時完整試聽

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/AspNetCore_MVC_First_Day_Free_20230130

從最早的 75小時MVC課程，目前已經延伸到 115小時，也包含了 .NET Core

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

https://dotblogs.com.tw/mis2000lab/2021/07/18/NET_MVC_Online_Free_Learning_mis2000lab

購買完整MVC課程（一百小時），限時六折優惠並免費加贈兩萬元「.NET Core升級課程」，請直接來信洽詢

（太便宜！太划算，不能公開） mis2000lab (at) yahoo.com.tw ; school (at) mis2000lab.net

ASP.NET MVC - Login 會員登入與權限控管

課程介紹 https://9vs1.com/go/?i=3580aaf8f818

ASP NET MVC Login Authorization MIS2000Lab 1

任何商業系統都需要「會員登入與權限控管」的機制，因此不少初學者，或坊間教學只會用微軟提供的現成工具或套件，如 ASP.NET Identity 去作會員登入與權限管理，但在這套工具還沒出現以前，市面上這麼多網站的「會員登入」的機制又是打哪來的呢？如果不用現成套件又要如何去做呢？

本課程將教你多種會員登入的機制，不只是 ASP.NET Web Form 與 MVC 兩者都可共用，有很多方法甚至可以沿用到 PHP 、 JSP 等其他網頁程式上，學會網頁程式共用的技巧，這樣的學習才是聰明的投資，不會被綁在某一套程式語法上面，將來在面試、應徵工作時，也越能凸顯自己的能力。

ASP NET MVC Login Authorization MIS2000Lab title2

ASP NET MVC Login Authorization MIS2000Lab title2

ASP NET MVC Login Authorization MIS2000Lab 2

除了會員登入與管理，本課程也提供幾種網路攻擊與資訊安全的防範之道。例如：資料隱碼攻擊（SQL Injection）、跨網站腳本攻擊（XSS）、跨網站冒名請求（CSRF）。當你知道別人怎麼攻擊，才能尋求解法，知道如何防範，真正做到「知己知彼，百戰百勝」。

課程中還會分享DLL類別庫專案的作法，把共用的程式抽離出來。

FormsAuthentication 與MVC的 [Authorize] 互相搭配，也可做到會員登入與控管的功能，不管是WebForm或是MVC都可以使用這方法。

最後更提供兩個實用的範例：
第一，以雜湊運算「單向」的打亂機密資訊。
第二，會員註冊以後，需要透過E-Mail再次確認身份，避免幽靈帳號大量註冊。

課程網址 https://9vs1.com/go/?i=3580aaf8f818

ASP NET MVC Login Authorization MIS2000Lab title3

ASP NET MVC Login Authorization MIS2000Lab 3

本課程的教法是循序漸進、由淺入深，每一節的進度都比上一節微幅增加，讓學員學習起來不會覺得壓力太大或是跟不上，還有持續進步的感覺。

主要教學方針則以「實務」與「範例解說」作為目標，不只可以透過大量的實作練習，直接以實戰練功，老師更會親自為學員示範常見的範例，與論壇上經常被人問到的功能。其中的範例與技巧，也都能同時用在 ASP.NET Web Form 與 MVC 上面，一魚兩吃，絕對超值！

ASP NET MVC Login Authorization MIS2000Lab title4

ASP NET MVC Login Authorization MIS2000Lab title4

1.會員登入與權限控管

很多初學者以為 ASP.NET MVC 「只能」透過 ASP.NET Identity 這種現成的工具與套件才能作會員登入與權限控管的機制。但事實上，有很多方法都可以做到，而且更簡單易懂。

2. 設計會員登入的資料表

任何網頁程式與Web Server都支援「狀態管理」的特性。學會這一招，不管是PHP、JSP、傳統ASP（Classic ASP）或是ASP.NET（WebForm與MVC）都可以使用。
本課程將會解說：會員登入與管理會用到資料表的哪些欄位。讓您自己設計資料表，再來寫程式。從頭到尾都可以一手包辦。

3. 基本練習 -- 比對帳號與密碼& 狀態管理（所有網頁程式都有的特性）

學會上一節的觀念後，暫時"不"連結資料庫（DB First），帳號與密碼都固定123，這只是一個簡單的練習（後續才會有資料庫的範例，請慢慢來）。
這個範例主要講解狀態管理（Session）的用法，如何應用在會員登入與權限控管上。簡單易懂，一聽就會。

4.綜合練習—撰寫DLL類別庫，將共用程式抽離出來

改寫上一節的範例，把共用的程式抽離出來，另外寫在DLL類別庫的專案中。

5.觀念與解說
前面的範例，檢查會員登入的機制，要寫在哪裡比較合適？為什麼不再寫於/App_Code目錄底下？改用DLL檔的類別庫專案來做？

6. 綜合練習 -- 連結資料庫 + 狀態管理（Session）。每個人的帳號與密碼都要進資料庫比對。

結合前面兩節的成果，現在您可以做出一個完整的範例，以「範例」為主的教學，加上「逐步延伸」與「經驗累積」。
這樣的會員登入範例，不管是PHP、JSP、傳統ASP（Classic ASP）或是ASP.NET（WebForm與MVC）都可以使用。

7.資訊安全—常見的網路攻擊與防範之道

完成上面的練習之後，本節將會解釋幾種網路攻擊的模式與防範的方法，包含資料隱碼攻擊（SQL Injection）、跨網站腳本攻擊（XSS）、跨網站冒名請求（CSRF）。知道別人怎麼攻擊，才能尋求防範之道。

8.綜合練習—連結資料庫 + 狀態管理（Cookie）

改寫前面的範例，經過微調就能做到。每一節的進度都比上一節微幅增加，讓學員學習起來不會感到太大的壓力。
這樣的會員登入範例，不管是PHP、JSP、傳統ASP（Classic ASP）或是ASP.NET（WebForm與MVC）都可以使用。

9. 基本練習 -- FormsAuthentication與[Authorize]

FormsAuthentication 的範例與程式碼較長，我們先做一個 入門的，簡短的 版本，學會以後，再繼續深入下去。

10.綜合練習— FormsAuthentication與 [Authorize]

本範例可以同時用在ASP.NET（WebForm與MVC）上面，學會一次終身受用！需要搭配Global.asax與Web.Config設定檔，一樣可以搭配MVC控制器，在動作上方的 [Authorize] 作法。

11.綜合練習—透過雜湊運算，打亂機密資料

以單向的方式行雜湊運算（如MD5或SHA1）將會員的機密資料打亂，搭配會員登入的密碼檢驗。本課程以「務實」與「範例解說」兩大目標為主，提供您常見的範例與論壇上經常被人問到的功能，為您親自示範，本範例ASP.NET（WebForm與MVC）皆可使用。

12.綜合練習—註冊成功後，透過E-Mail再次確認身份

會員第一次註冊以後，通常會透過E-Mail再次確認此人身份，避免幽靈帳號的入侵。該怎麼做到呢？本課程以「務實」與「範例解說」兩大目標為主，提供您常見的範例與論壇上經常被人問到的功能，為您親自示範，本範例ASP.NET（WebForm與MVC）皆可使用。

ASP NET MVC Login Authorization MIS2000Lab title5

ASP NET MVC Login Authorization MIS2000Lab title5

以實作優先：減少理論說明，大量練習範例，講求從做中學。
錯誤學習法：透過錯誤的範例從中學習，並找出自己的盲點。

ASP NET MVC Login Authorization MIS2000Lab title6

ASP NET MVC Login Authorization MIS2000Lab 4

ASP NET MVC Login Authorization MIS2000Lab title7

會員登入與權限控管
設計會員登入的資料表 & 狀態管理
連結資料庫
綜合練習—撰寫DLL類別庫，將共用程式抽離出來
觀念與解說
綜合練習—連結資料庫 + 狀態管理（Session）
資訊安全—常見的網路攻擊與防範之道
綜合練習—連結資料庫 + 狀態管理（Cookie）
綜合練習— FormsAuthentication與 [Authorize]（簡易版 + 進階版）
綜合練習—透過雜湊運算，打亂機密資料
綜合練習—註冊成功後，透過E-Mail再次確認身份

完整課程介紹 https://9vs1.com/go/?i=3580aaf8f818

學員上課後會學到什麼或能做什麼

透過網頁程式都有的「狀態管理」的Session與Cookie做出「會員登入與權限控管」的機制。
學會DLL類別庫專案的作法，把共用的程式抽離出來。
幾種網路攻擊與防範之道，例如：資料隱碼攻擊（SQL Injection）、跨網站腳本攻擊（XSS）、跨網站冒名請求（CSRF）。
透過雜湊運算將機密資訊打亂。
會員註冊以後，透過E-Mail在測確認身份，避免由幽靈帳號大量註冊。

學員上課前需具備哪些軟、硬體設備或常識

基礎的 OOP（物件導向）程式設計能力，如：類別（class）。建議已完成「ASP.NET MVC 教學 - 由零開始的入門課」的學習。
知道資料庫（DataBase）與簡單的 T-SQL 指令，如：CRUD。課程所需軟體皆可免費下載。
Visual Studio 2015~2019或後續新版，請下載社群版（Community版）。
建議使用 Windows 作業系統。因為 Visual Studio Code 與 Visual Studio for Mac 與教學畫面仍有差異。
SQL Server Express 版（免費）。建議使用 SQL Server 2012（Express版）或後續新版。

課程適合對象

本課程屬於進階課程，建議完成「ASP.NET MVC 教學 - 由零開始的入門課」課程後再來學習。
需要撰寫網頁系統、或對於網頁與資料庫的開發有興趣的朋友。
未來的程式設計師 -- 希望將來進入業界寫程式，開發網頁系統。
曾寫過 ASP、ASP.NET（Web Form）、PHP、JSP 的朋友，現在想學習 ASP.NET MVC 5。

課程介紹 https://9vs1.com/go/?i=3580aaf8f818

2019年8月16日星期五

[ASP.NET MVC] FormsAuthentication 簡易入門

[ASP.NET MVC] FormsAuthentication 簡易入門

https://youtu.be/0nFlssh60Pw

簡單的會員登入，ASP.NET MVC + WebForm都能使用。

ASP.NET MVC線上影片、遠距教學。請看 dotblogs.com.tw/mis2000lab/2018/08/14/aspnet_mvc_online_learning_mis2000lab 或是
mis2000lab.pixnet.net/blog/post/35141956

2019年8月13日星期二

ASP.NET 教學 - 前端特效輕鬆學 - 只要「複製＋貼上」就能學 (9.9小時)

ASP.NET 教學 - 前端特效輕鬆學 (9.9小時)

優惠連結 https://9vs1.com/go/?i=323a87a3f716

課程介紹 (RWD Bootstrap + jQueryUI + fancyBox + CKeditor + Google Chart)

零基礎輕鬆上手

不需任何基礎就能輕鬆學會網頁特效，你也做得到！就算您沒有學過 JavaScript、jQuery、CSS，只要會「複製、貼上」就能套用各種網頁特效，讓初學者從零開始無痛入門。
課程中老師也會分享他的「自學」密技，教您知道如何閱讀原廠網站的說明，就能套用這些網頁特效。只要學會這個方法，往後自學也能直接上手！

同時學習後端程式

本課程的所有特效，均提供 ASP.NET 兩種後端程式（Web Form 與 MVC）搭配解說。讓您在學習「前端網頁特效」的同時，也順便學會了 ASP.NET 兩種後端程式！

ASP.NET 教學 - 前端特效輕鬆學 (9.9小時)

優惠連結 https://9vs1.com/go/?i=323a87a3f716

課程內容

Bootstrap
Unity 2D Tang course

最熱門的 RWD 網頁特效，可以讓網頁瞬間偵測觀賞者的螢幕大小，自動排版並提供最佳解析度與瀏覽體驗。包含：Carousel、旋轉木馬、輪播（動態投影片）、三段式圖文呈現的樣版等等。

jQueryUI
Unity 2D Tang course

針對撰寫 HTML 表單（Form）的前端網頁提供各種變化，例如：日曆（datepick）以挑選日期取代文字輸入，避免日期格式錯誤。手風琴特效（Accordion）最適合手機螢幕的觀賞與點選。頁籤（Tabs）在各大網站的首頁。這些皆是必備特效，不得不學！

fancyBox
Unity 2D Tang course