Microsoft 開發人員程式碼

概觀

1

基礎

2

取得工具

3

開始撰寫程式碼

什麼是 Web 開發?(概觀)

Web 開發是一個廣義的詞彙,指的是撰寫網頁或網站的程序。網頁是使用 HTML、CSS 和 JavaScript 寫成。這些頁面可以是組成文件的簡單文字和圖形,也可以是互動式資訊或顯示變化的資訊。撰寫互動式伺服器頁面比較複雜,但是可以使網站更加豐富。現今的頁面多為互動式,並且提供像是購物車、動態視覺效果,甚至是複雜的社交網路等新式線上服務。

1基礎 

觀看這段有關 Microsoft Web 開發產品的影片,然後安裝您建置第一個 Web 應用程式所用的工具來準備您的環境。

播放影片

了解 WEB 開發的基礎
影片 | 7 分鐘 | Web 開發 | 2010 年 6 月

知道什麼是 Web 開發後,觀看這段影片來了解適用於 Web 開發的工具和技術,包括建置 Web 應用程式使用的這些主要程式撰寫模型:ASP.NET,以及使用 Silverlight 和 JavaScript 或 jQuery 撰寫指令碼。

2取得工具 
立即下載 

按一下此按鈕會安裝:

  • Web Platform Installer (執行其餘的安裝)
  • Visual Studio Web Express
  • Silverlight 4 Tools for Visual Studio 2010

如需協助挑選正確的 Visual Studio 版本,請檢閱 Visual Studio 2010 比較表
有關小組開發的詳細資訊,請閱讀 應用程式開發週期管理

3開始撰寫程式碼 

下載範例程式碼,接著依照這些影片的指示,立即開始撰寫程式碼。

播放影片

嚴謹的開發
影片 | 18 分鐘 | ASP.NET MVC | 2010 年 6 月

ASP.NET MVC 是一種 Web 架構,所實作的模型、檢視和控制器開發模式,為應用程式的資料、展示和邏輯之間提供區隔。在本教學課程中,您將學習如何建立可在各種不同的用戶端上執行的 Twitter 用戶端。

下一步:深入了解 ASP.NET MVC

取得此專案的程式碼  C# VB (不再可用)

播放影片

快速表單
影片 | 11 分鐘 | ASP.NET Web Form | 2010 年 6 月

ASP.NET Web Form 是一種採用伺服器為主的 HTML 控制項和程式碼來建立表單的 Web 架構,它是在伺服器上執行,因此支援各種不同的用戶端。在本教學課程中,您將學習如何建立可在各種不同的用戶端上執行的 Twitter 用戶端。

下一步:深入了解 ASP.NET Web Form

取得此專案的程式碼  C# VB (不再可用)

播放影片

利用 Tweet 在桌面上執行 RIA 應用程式
影片 | 34 分鐘 | Silverlight | 2010 年 6 月

Silverlight 是一種連線和離線 Web 架構,可將音效、視訊、圖形、文字和動畫整合到宣告式和程序化的程式設計環境。在本教學課程中,Pete Brown 將示範動畫、表單設計、服務呼叫等等。

下一步:深入了解 Silverlight

取得此專案的程式碼  C#  VB

開發人員主題

WebMatrix 快速上手系列
瞭解如何使用 WebMatrix 以及使用 WebMatrix 來開發、維護網站的技巧,提升開發以及架設網站的速度。

ASP.NET Web Form:ASP.NET Web Form 入門
透過範例應用程式,資料、Ajax、安全性相關影片,以及部署和執行網站深入探討 Web Form。

ASP.NET MVC:ASP.NET MVC 入門
尋找學習 ASP.NET MVC 的最佳作法,了解如何建置應用程式,提供範例應用程式,以及更專門的學習內容。

ASP.NET 網頁:ASP.NET 網頁入門
學習使用 ASP.NET 網頁架構 WebMatrix,以及全新的 Razor 語法來建置網站。

Silverlight:開發人員入門指南
觀看其他精闢影片、尋找部落格、教學課程、範例等等。

撰寫指令碼:在 Script Junkie 深入了解
取得由社群成員為社群建置的指令碼、HTML 及 CSS。

C# 和 .NET (適用於 Java 開發人員)
閱讀本文了解針對 Java 開發人員介紹的 C# 和 Visual Studio。

HTML

Modernizr:HTML5 和 CSS3
了解如何使用 Modernizr 功能偵測程式庫,輕鬆建置運用 HTML5 與 CSS3 的網站,同時保有對舊版瀏覽器的控制能力。

使用 SVG 產生富彈性、可縮放及有趣的背景,第 I 部
想要在不使用影像編輯器的情況下為您的網站提供吸引人、富彈性又可縮放的圖形嗎?那麼可縮放向量圖形 (SVG) 正是您的最佳選擇。隨著這篇文章一同了解 SVG,以及運用它的方法和時機。

使用 HTML5 解譯畫布
全新的 HTML5 畫布元素提供開發人員極佳的功能,可用來呈現圖形和製作圖形動畫。利用這個簡單易懂的教學課程來了解如何使用這項新功能。

伺服器

網際網路資訊伺服器 (IIS)
尋找相關影片、教學課程、參考資料等等。

Windows Media Services
在 MSDN Library 內尋找 SDK、案例、程式設計指南等等。

用戶端應用程式服務
了解如何建立 Windows 架構應用程式,來利用 Microsoft Ajax 登入、角色和設定檔應用程式服務。

高效能運算
取得 SDK、偵錯工具組、類別庫、技術文章等等。

書籍

Professional ASP.NET MVC 2
利用模型-檢視-控制器模型建置動態、資料導向的網站。
SAMS Teach Yourself ASP.NET 4 in 24 Hours
了解如何透過 ASP.NET 4 建置專業品質的全方位 Web 解決方案。
Silverlight 4:Problem - Design - Solution
開始使用 Silverlight 4 的新功能來增強 Web 使用者體驗。
DOM Scripting:Web Design with JavaScript and the Document Object Model
涵蓋讓您開始使用 JavaScript 和 DOM 來增強網頁所需的一切。