WEB 網站開發者的百寶庫 (主題包含：ASP.NET, SignalR, TypeScript, Web API, MVC, Bootstrap...)

  • Article

 

對於網站開發人員來說，面對不斷推陳出新的 Web 技術新標準、功能愈來愈強的瀏覽器、以及各式各樣的瀏覽網頁裝置 (PC、手機、平板等)，提升網頁應用程式的操作體驗愈來愈重要。想在網頁做出互動性高、功能豐富的操作介面，同時又必須照顧到多解析度、多螢幕尺寸的瀏覽體驗，那就不得不關注一些正在火熱發展的前端技術開發框架，如：SignalR、Bootstrap、AngularJS 等，來幫助您完成這些事；想要從網站延伸至其它系統、行動裝置 app，也就需要瞭解如何運用 Web API 為系統核心功能做出串接的介面；而在需求快速變動的開發環境中，如何快速地改版、壓測、部署、上線，及早釋出測試並且聽取用戶回饋再加以改良，這時開發工具以及部署的環境要能支持你完成這些工作，透過 Visual Studio、Visual Studio Online 以及 Microsoft Azure 的完美結合，您也能輕易做到版本控制、自動測試、快速釋出、持續部署等工作。當完成這一切後，您也就開發了現代化的網站應用 (Modern Web)。

因應設備的演進和選擇的多樣性，現代化的網路應用 (Modern Web) 變成開發人員不可或缺的知識。此文提供讀者成為摩登開發者需要知道的資訊，並介紹如何更快速完整的增強自己的技術能力，MVA 虛擬學院就是每個開發人員的好幫手，讓你不論何時在哪裡，都可以按照你的需求學習微軟技術，走在科技的前端。主題包含：ASP.NET,  SignalR, TypeScript, Web API, MVC, Bootstrap...

Responsive Web Design 響應式網站設計的概念 

 

技術文章
客座編輯 MVP 陳傳興 (Bruce Chen)
在 Web Forms 專案上整合新技術，打造現代化網站
早期談論 ASP.NET 時，絕大部分的開發者都很明白我們是在討論使用「伺服器控制項」的 WebForms 網頁開發技術。2013 年開始，ASP.NET 開發團隊喊出 OneASP.NET 架構與實作，ASP.NET 成為一種通用的底層運作核心，提供的網站開發技術有 Web Forms、Web Pages、Single Page Apps 與 MVC (下一代的 MVC 6 = Web Pages + MVC + Web API)，提供的服務開發技術有 Web API 與 SignalR... 閱讀完整文章》 
微軟傳教士 上官林傑
Visual Studio "14" CTP 1 釋出
Studio 產品單位釋出了 Visual Studio 14 (註：Visual Studio 2013 為 VS12) 的 CTP 1 版本 ( release note)，目前已經 開放下載 (目前僅提供英文版)，不過這個版本目前僅供測試、評估以及提供 Visual Studio 產品單位意見來使用，並不建議您用來做專案開發，或是與線上環境整合。您可以使用測試環境，或是建立一個虛擬機器來安裝測試。以下為 Visual Studio 14 CTP 1 的幾個新功能。... 閱讀完整文章》 
                                                                           
微軟技術顧問 徐鈞安
如何開始使用分散式版本管控 DVCS–GIT
為什麼會有這篇文章？Git 的用法和說明現在在市面上和網路上已經有很多很多資料可以查，雖然有很多寫的很棒也很清楚，但對於不是 Command 派的朋友或是想要入門的可能會覺得難以入門。再加上有 V 公司詢問了一些問題，索性就一併整理相關的工具、用法以及對照說明。希望借由三種不同的方式可以看到無論是用 Command、Git GUI 或是 Visual Studio 其結果都是一致的... 閱讀完整文章》 
MVP 張羽承 (Sky Chang)
ASP.NET MVC - ASP.NET MVC vNext (MVC 6) 初體驗
繼上篇之後，這次我們實際來體驗看看 MVC 6，這篇不是完全翻譯原文，小弟邊實作，邊用自己的話加上註解。MVC 6預計的功能：Cloud-Optimized, Side by side support, Enhanced developer experience, A single programming model for building Web sites and services, Modular Stack, Dependency Injection, Configuration, Open Source, Cross-platform support... 閱讀完整文章》
MVP 朱明中 (Jeff Chu)
[ASP.NET][vNext] ASP.NET vNext \@ 2014
今年的 TechEd 2014 North America 可真是豐富又紮實啊，除了 Microsoft Azure 多了一堆新東西外，連 .NET Framework 以及 ASP.NET 也宣布了下一個新的未來版本 vNext，.NET Framework 的部份著重在新一代的編譯平台 (Compiler Platform) Roslyn，新一代的機器語言編譯器 .NET Native 以及新一代的即地編譯系統 RyuJIT。而針對 ASP.NET 的部份則是很恐怖的大幅改版，不是針對功能面，而是針對核心面... 閱讀完整文章》

 

 

課程影片

打造現代網站應用程式這個系列將由 Web 及 Windows Azure 應用開發專家 Scott Hanselman 及他的團隊專家們，來介紹如何透過最新的開發工具來打造現代化的 Web 應用程式，同時也會介紹他們現在以及將來預計的開發方向。 
現代化網站開發技巧應用實例 Modern Web Development Practices范連喜
所謂現代化的網站，是要能夠為行動裝置優化、響應式網頁設計、一致的會員帳號體驗、並且為雲端平台做好準備。這堂課程將會使用這些開發思維，並且運用 ASP.NET MVC、ASP.NET Identity、EntityFramework 及 Web API 技術來開發實際可用的網站應用程式，帶領學員瞭解如何打造現代化的網站應用程式。. 觀看免費課程影片》 
                                                                           
ASP.NET Web Forms 專案的現代化旅程陳傳興
這一堂課程將會讓您瞭解如何運用 ASP.NET Web Forms 4.5 的新功能，來提升您 ASP.NET Web Forms 專案的效能以及更易於維護。同時，也瞭解如何將許多現代化網站開發技術融入在 Web Forms 的專案之中，像是 HTML5、Responsive Web Design、Entity Framework 6、新的 Scaffolders 等等，讓您更容易在 Web Forms 專案中使用這些現代化的 Web 開發技術。
 
即時互動網站應用開發實戰 RealTime Web with ASP.NET Web API and SignalR
王育民
這堂課程將會以打造一個即時、互動式的網站應用程式為基礎，帶領學員瞭解如何運用 ASP.NET MVC、EntityFramework、SignalR、Web API 以及 SASS 來開發應用程式，並且深入探討 ASP.NET 的 OWIN 架構，除了瞭解應用程式的開發基礎之外，更能深入底層來優化效能。
 
使用 TypeScript 開發大型應用程式
黃保翕
JavaScript 是近日來發展相當快速的程式語言，並且被廣泛地用在網頁、應用程式、甚至是伺服器後端的程式之中，愈來愈多開發人員使用 JavaScript 開發中大型的應用程式。然而，JavaScript 缺乏某些語言特性，使得開發人員容易在開發中出錯，而開發環境、編輯器也不容易為 JavaScript 應用程式提供優化或程式碼重構等功能優化。
使用 AngularJS 在 ASP.NET 專案上開發企業水準的應用陳鋒逸 AngularJS 是目前幾個火紅的 JavaScript 開發框架的專案之一，它讓開發人員能夠在網頁前端的開發更容易做到模組化、控制器 (controller) 與檢視 (view) 分離、依賴注入 (Dependency Injection) 等，並且使用宣告式語法(directives) 使得 Web 應用程式元件更加簡潔。這堂課程將介紹 AngularJS 如何解決網頁前端的開發問題，並且如何測試所開發出來的應用程式，另外也會結合 ASP.NET 專案打造企業級的水準。 觀看免費課程影片》                                                                                                    

新潮網站開發日 Responsive Web響應式設計

你的網站已經支援了各種尺寸及不同平台的裝置瀏覽嗎? 尤其是公司對外服務網站、電子商務等網站更需要考量對行動裝置使用者的友善支援。無需全部重新改寫，使用熟悉的技術、讓既有的網站快速支援不同平台及尺寸的裝置 (iOS/Android/Windows)，讓沒有設計底子的程式開發者，也可以打造一個耳目一新且有型的網站，快速滿足使用者及老闆的需求，讓你的陳年老網站有了新生命！

另外像股票報價、線上聊天室這類的即時網站(real-time web)應用，以往不容易開發，我們將示範如何利用新一代的技術解決這些困境。由實務的角度出發，且不限開發團隊使用之技術(.NET/Java/PHP …)，讓你快速進入摩登又新潮的網站世界及 Visual Studio 2013 帶來的開發好處!  觀看免費課程影片》

 
  使用 TypeScript 開發大型應用程式 黃保翕 JavaScript 是近日來發展相當快速的程式語言，並且被廣泛地用在網頁、應用程式、甚至是伺服器後端的程式之中，愈來愈多開發人員使用 JavaScript 開發中大型的應用程式。然而，JavaScript 缺乏某些語言特性，使得開發人員容易在開發中出錯，而開發環境、編輯器也不容易為 JavaScript 應用程式提供優化或程式碼重構等功能優化。