JavaScript Testing

AngularJS

Protractor
Elementor

Protractor - 環境設定篇

Learn Protractor Testing for AngularJS

Protractor for AngularJS

Automated e2e testing- WebDriverJS, Jasmine and Protractor
Test AngularJS app with Karma, Jasmine, and Protractor
Full-Spectrum Testing with AngularJS and Karma
Advanced Testing and Debugging in AngularJS
Angular — Unit Testing with Jasmine ***
AngularJS Unit Testing With Jasmine
Unit Testing bindToController and ControllerAs

[Tool]使用Grunt，整合Protractor到Visual Studio中進行自動化測試

Karma

Karma

karma 测试框架的前世今生

Karma和Jasmine自动化单元测试

Setting up Karma to run unit tests in PhantomJS and Chrome

Cross-browser JavaScript Testing with Karma and Visual Studio

QUnit

前端單元測試框架-Qunit教學手冊

Unit Testing JavaScript with QUnit
Getting started with JavaScript Unit Testing using QUnit

Learn to Test Your JavaScript Using QUnit

Getting Started with QUnit
QUnit Advanced Concepts: Modules and Configuration

sample

kendo-ui-core tests

Testing ASP.NET MVC with QUnit - Part 1
Testing ASP.NET MVC with QUnit - Part 2
Unit Testing JavaScript/JQuery in ASP.Net MVC Project using QUnit Step by Step

Jasmine

JavaScript 单元测试框架：Jasmine 初探
javaScript测试框架jasmine介绍（一）
javaScript测试框架jasmine介绍（二）
Jasmine—— JavaScript 单元测试框架

Doing BDD with SignalR and Jasmine

Testable ViewModels with Kendo and Jasmine
Kendo ObservableObject subclasses: prototype vs init
Testing a Kendo ViewModel DataSource
Easier Testing for Kendo UI Pages
Unit testing Kendo UI DataSources with Jasmine and Mockjax

Cucumber js

Cucumber.js wiki
Julien Biezemans访谈：在JavaScript中使用Cucumber.js进行行为驱动开发

Cucumber and JS: Getting Started with cucumber.js

---

無痛網站自動化測試

Front-End TDD
BDD with JS: Tools, patterns & Architecture ***

Unit Testing JavaScript Applications

Javascript单元测试框架Qunit和Jasmine的比较
Javascript单元测试框架Jasmine的扩展封装

---

jQuery Mockjax Ajax request mocking
Sinon.JS Standalone test spies, stubs and mocks for JavaScript.

---

如何将JavaScript单元测试集成到VS2012和Jenkins
Unit Testing Javascript in VS 2012

Kendo UI

Telerik Blog Kendo UI
Telerik helper Kendo UI

Introduction to Kendo UI
KendoUI & ASP.NET MVC系列文章

Document:
Data Attributes Explained
Initialize a Kendo UI Widget From Markup
Call Widget Methods and Bind to Widget Events
Kendo MVVM Overview

kendo.Observable
kendo.data.ObservableObject
kendo.data.Model

---

Mastering Kendo UI

MVVM / Declarative Initialization And HTML5 Data Attributes
Using Kendo UI With MVC4, WebAPI, OData And EF
The Facts On Using Kendo UI With ASP.NET WebAPI
[Screencast] Debugging Kendo UI Applications
Breeze.js And The Kendo UI DataSource
How To Load And Save A Single Record In A Kendo UI DataSource
Diving Into ASP.NET MVC Templates
4 Ways To Make HTML Forms Enjoyable
What the Kendo UI MVC Server Wrappers Are and Why You Should Be Using Them - Part 1
Getting Started with Kendo UI and MVVM

Working with Kendo Data Model
Working with Kendo Data ObservableArray
JavaScript Objects and Inheritance using Kendo UI

Exporting Data with Ease Using Kendo UI Grid
Exporting the Kendo UI Grid Data to Excel
Simple Export to Excel from your Data Grid using Kendo UI
Simple Export to PDF from your Data Grid using Kendo UI

I Downloaded UI for ASP.NET MVC. Now What?
Understanding the Options for a New Telerik ASP.NET MVC Project
Kendo UI Open Sources Dynamic LINQ Helpers

Functional GUI Testing and Kendo UI
Why Should Developers Help With User Interface Tests?

一些進階用法:
Introduction to Kendo MVVM
Kendo UI for ASP.NET MVC : Building a Forum Browser
Kendo UI Web and ASP.NET MVC : Building a Task Manager
Dependent Methods (calculated fields) – a hidden goody in Kendo UI
call toJSON of the nested objects

Kendo UI Scheduler with ASP.NET MVC and Peta Poco Complete Example

Create a Photo Gallery with Kendo UI and ASP.NET MVC

---

Using Kendo MVVM frameowrk and MVC Server Wrappers
How does Kendo UI for ASP.NET MVC and MVVM fit together
Good structure for ASP.NET MVC 4 / MVVM / Web API?

MVVM using Kendo UI in three simple steps

ASP.NET MVC 5 - 单页应用程序的 .NET 开发人员入门 下篇為原英文版
Harness the Power of ASP.NET MVC, Web Api, OData, Kendo UI & RequireJS to Build an Easy & Maintainable SPA (for the .NET Developer) – Published
MSDN: Building Web Apps on the MEAN Stack with OData in Microsoft Azure

Modern Web Application Layered High Level Architecture with SPA, MVC, Web API, EF, Kendo UI, OData *****
Telerik’s HTML5 Kendo UI Grid with Server Side Paging, Sorting & Filtering with MVC3, EF4 & Dynamic LINQ

Binding to a Web ApiController

---

Using ReactJS and KendoUI Together

FOUJUI

因JS UI載入，造成的畫面閃爍問題

FOUJUI: Flash of Uninitialized JavaScript UI
Fixing FOUJUI: Another Practical Example
Guru Tip: Avoid the HTML5 FOUJUI Experience

jQuery Validation

jQuery Validate
jQuery plugin: Validation
jQuery Validation Plugin


jQuery Validate 詳細使用說明 好用的表單驗證工具 – jQuery validation plugin
用 jQuery.Validate 製作中華民國身份證字號驗證程式
jQuery plugin Validation的7個Callback介紹


Exercise 4: Using Unobtrusive jQuery at Client Side
Creating a MVC 3 Application with Razor and Unobtrusive JavaScript
Unobtrusive Client Validation in ASP.NET MVC 3
Unobtrusive Ajax in ASP.NET MVC 3
MSDN Flash feature article: Unobtrusive JavaScript with jQuery, HTML 5 Style


jQuery Validation Plugin 1.9 預設忽略 hidden elements 的檢核

---

黑暗執行緒 Unobtrusive Validation
使用jQuery.validate.unobtrusive.js
謙卑式jQuery檢核範例-自訂規則

ASP.NET MVC unobtrusive Cheat Sheet

ASP.NET Web Forms 4.5的新特性（二）：针对HTML5的更新和Unobtrusive Validation*****
Unobtrusive JavaScript in ASP.NET MVC 3

---

What does this.optional(element) do when adding a jQuery validation method?
this.optional(element)：當element沒有值，且不為required時，回傳true
jQuery.extend的用法

Examining the Edit Methods and Edit View

        $.validator.methods.number = function (value, element) {
            return this.optional(element) || !isNaN(Globalize.parseFloat(value));
        }

        $(document).ready(function () {
            Globalize.culture('fr-FR');
        });

        jQuery.extend(jQuery.validator.methods, {    
            range: function (value, element, param) {        
                var val = $.global.parseFloat(value);
                return this.optional(element) || (val >= param[0] && val <= param[1]);
            }
        });

搭配globalize.js可能會發生bundles order 排序問題：
ASP.NET MVC - Bundle Config order

Breeze JS

Breeze JS Rich data for JavaScript apps
The Breeze/Angular SPA Template
Breeze/Angular template
Data with AngularJS

breeze.js.samples
breeze.sharp.samples

Breeze：开发具有缓存、变更记录及校验功能的数据感知Web应用

Build Apps with Angular and Breeze
What Breeze can do for You

Using Breeze JS to Consume ASP.NET Web API OData in an Angular JS Application
Querying ASP.NET Web API OData using Breeze JS
Consuming an ASP.NET Web API OData Service with Breeze

Demos from DEVIntersection
Building Rich Data HTML Client Apps with Breeze
Designing RESTful Services with ASP.NET Web API

jQuery Mobile

JQuery Mobile Code Snippets 1
JQuery Mobile Code Snippets 2

iOS Human Interface Guidelines
iPhone人机界面指南

Opera Mobile Emulator

jQuery Mobile AutoComplete in ASP.NET with SQL Server Database Connection

JSON

JSON 3
jsonQ*

---

object to json
cs

List<object> jsonList = new List<object>();
foreach (DataRow dr in dt.Rows)
{
    Dictionary<string, string> lstParam = new Dictionary<string, string>();
    lstParam.Add("label", dr["COL1"].ToString());
    lstParam.Add("value", dr["COL2"].ToString());
    jsonList.Add(lstParam);
}
JavaScriptSerializer JS = new JavaScriptSerializer();
string sReturn = JS.Serialize(jsonList);
return sReturn;

js

var JSon = data;
try {
    if (typeof (JSON) == 'undefined') { JSon = eval(JSon); }
    else { JSon = JSON.parse(JSon); }
} catch (e) { JSon = data; }
if (typeof (JSon) === 'object') {
    var sOption = '';
    for (var i = 0; i < JSon.length; i++) {
        sOption += '' + JSon[i].label + '';
    }
    $ClassGroup.append(sOption);
}

json to object
js

function getJson() {
    var sParmsNew = {};
    $('span[id*=lblClassGrp]', '#divGroups').each(function () {
        var sGrp = $(this).text();
        var sNum = $('#txtClassStuNum' + sGrp).val();
        sParmsNew[sGrp] = sNum;
    })
    var sJson = JSON.stringify(sParmsNew);
    return sJson;
}

cs

JavaScriptSerializer JS = new JavaScriptSerializer();
Dictionary<string, int> groups = JS.Deserialize<Dictionary<string, int>>(sJson);

讓IE直接顯示JSON結果

jQuery.parseJSON
[C#][ASP.net] 關於JSON 格式的序列化
[ASP.net WebForm] 使用Json.Net第三方套件讀取JSON字串
[ASP.net WebForm] 利用JSON.net 實現 DataTable轉JSON字串、JSON字串轉DataTable (程式碼短少)

CODE-使用JSON.NET處理動態物件屬性
IE8 JSON.stringify()的Unicode編碼問題
JavaScript端的JSON日期轉換
Generic way of sorting JSON array by attribute
使用jQuery傳送物件JSON到ASP.NET MVC
Json.NET技巧-反序列化還原為不同型別的集合
再談jQuery傳送物件JSON給ASP.NET MVC
Json.NET反序列化之建構式議題

在 JSON.NET 中自動對應 JavaScript 時間

how to ignore a property in class if it is null using json.net?
Json.net - ignoring null fields
Serializing strings containing apostrophes with JSON.Net 處理跳脫字元

---

form2js
Serialize Form to JSON
Convert form data to JS object with jQuery serializeObject()

JSON in JavaScript
JSON object in IE6 - How?

[Visual Studio]使用JSON Viewer檢視JSON字串
JSON Viewer
JSON Debugger visualizer in Visual Studio 2012

[ASP.NET][Web API] 解決 ASP.NET Web API Json 物件循環參考錯誤

Json.NET 6.0 Release 1 - JSONPath and F# Support
Parsing Big Records with Json.NET

JSON和JSONP的区别
JSON and JSONP in jQuery - Back to Basics


JavaScript JSON Date Parsing and real Dates

---

Jayrock: JSON and JSON-RPC for .NET

JSON Generator – tool for generating random JSON data

JSON Based Document Storage Using Biggy In ASP.NET MVC

Producing JSON Documents from SQL Server queries via TSQL

Bootstrap

Pinegrow Web Designer


網頁工程師必知：9 個超好用的 CSS 框架

Twitter Bootstrap
Introduction to Bootstrap
Bootstrap V2中文教學- KKBruce

Responsive Web 響應式設計及ASP.NET版面魔法師 – Bootstrap

基础CSS · Twitter Bootstrap中文版/中文翻译
Bootstrap中文網 ***
Twitter Bootstrap 框架簡化網頁開發、兼容不同裝置，讓網頁工程師兼設計師!

30 Days of Bootstrap with the MVC Framework

Bootstrap & kendo UI


Font Awesome

Twitter-Bootstrap-Cheat-Sheet
bootstrap_cheatsheet

9lessons Bootstrap Tutorial
Twitter Bootstrap tutorial
sample

使用Bootstrap与ShieldUI创建销售业绩仪表板

BootMetro
Metro UI CSS


10 Popular Metro Bootstraps
40 Bootstrap Tools and Generators for Web Developers

THE BIG BADASS LIST OF 219 USEFUL TWITTER BOOTSTRAP RESOURCES
15 Great Twitter Bootstrap Resources
 

Bootstrap Modal v2.0

jQuery UI Bootstrap
bootstrap-datepicker
jQuery Bootstrap


20+ Beautiful Resources That Complement Twitter Bootstrap
Initializr an HTML5 templates generator


Bootstro.js

bootstrap-wysiwyg
Bootbox
Bootstrap-Prompts
Bootstrap Image Gallery

w2ui

---

HOW TO ROCK YOUR NEXT BOOTSTRAP PROJECT
318 USEFUL TWITTER BOOTSTRAP RESOURCES #1
318 USEFUL TWITTER BOOTSTRAP RESOURCES #2
318 USEFUL TWITTER BOOTSTRAP RESOURCES #3
318 USEFUL TWITTER BOOTSTRAP RESOURCES #4


7 cool bootstrap 3 themes builders for faster bootstrap 3 theme development
11 Flat UI bootstrap themes and templates
8 useful bootstrap 3 examples and tutorials
10 best bootstrap design tools for 2014

Bootstrap tutorial – A responsive design tutorial with Twitter Bootstrap 3

Amaze ~ 妹子 UI 中国首个开源 HTML5 跨屏前端框架

jQuery Upload File

因為要用 web api 做檔案上傳，找了幾篇教學：
Uploading Files Asynchronously using ASP.NET Web API
How can I upload files asynchronously with jQuery?
jQuery Ajax File Upload

發現要直接用jQuery post上傳檔案，它的data是個FormData物件，然而IE在10之後才有支援此功能。。。

How to handle image uploads with jquery post submit
Send multipart/formdata with jQuery.ajax in IE
JQuery - File attributes

Simple File Uploads Using jQuery & AJAX FormData object
FormData
Using FormData Objects

解法：jQuery Form Plugin
Uploading a file with JQuery
ASP.NET MVC - 使用 jQuery Form Plugin 做檔案上傳
ASP.NET MVC - 使用 jQuery Form Plugin 做檔案上傳之加點東西

---

其他參考：
Sending HTML Form Data: File Upload and Multipart MIME
ASP.NET Web API samples
File Upload Sample
Asynchronous File Upload using ASP.NET Web API

How To Accept a File POST - ASP.Net MVC 4 WebAPI
How can I upload image and post some datas to MVC4 wep api method?

ASP.NET WEBAPI file upload, issues with IE9
Sending HTML Form Data: File Upload and Multipart MIME 发送HTML表单数据：文件上传与多部分MIME"
ASP.NET WebApi upload image with custom MediaTypeFormatter

定制jQuery File Upload为微博式单文件上传

[jQuery] AjaxFileUpload : Multiple File Upload plugin

File upload with JQuery and ASP.NET Generic Handler - Is it possible?
ASP.Net Asynchronous HTTP File Upload Handler
Large file uploads in ASP.NET

ASP.NET MVC 檔案上傳下載是很方便的

Upload files to the server using Javascript and MVC WebAPI
Upload files in ASP.NET MVC with JavaScript and C#
Importing CSV files using jQuery and HTML5

---

IE9 JSON Data “do you want to open or save this file”
如果用ajaxForm()呼叫WebApi要回傳json，但IE會一直跳出下載，要多加一段

var response = Request.CreateResponse(HttpStatusCode.OK, json); //, new JsonMediaTypeFormatter()
response.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("text/html");
return response;

[ASP.net WebForm] 利用jQuery blockUI 簡單實現上傳讀取中的效果

JavaScript jQuery 程式設計參考資源

Programming JavaScript Applications

A Case Study in JavaScript Code Improvement

專為中學生寫的 JavaScript 程式書
專為中學生寫的 JavaScript 程式書 - 《網站設計篇》

FRONT-END TECHNOLOGIES
Frontend Development
跟上網頁前端技術
You might not need jQuery
January Toolbox Picks: 40+ JavaScript Tools and Resources
前端工程師必看 JavaScript The Right Way
现代JavaScript开发者的工具箱

JavaScript 入門要項
Top 10 JavaScript traps for a C# developer
【分享】几张非常有意义的JavaScript基础学习思维图

JS BOOKS
Learning JavaScript Design Patterns
essential-js-design-patterns
JavascriptOO.com
JavaScript Frameworks | How to Learn Them Quickly

JavaScript Patterns Collection
Reinventing the Try/Catch Block


驗證你的 JavaScript 程式：JSLint
JSHint：自動檢查 JavaScript 程式碼，偵測錯誤的線上工具
Improve your JavaScript with Web Essentials and JSHint
JavaScript Linter
JSLint Error Explanations ***

JavaScript語言參考
Develop for the web with Internet Explorer
Mozilla JavaScript Guide
Web API Interfaces

JavaScript Reference
msdn-js Javascript documentation from MSDN

Javascript Fundamentals: Development for Absolute Beginners
HTML5 & CSS3 Fundamentals: Development for Absolute Beginners

建立良好的開發習慣，幫 js 檔案加上註解（jsdoc , vsdoc）

保哥的slideshare
JavaScript 開發實戰：效能調校與常見陷阱 (2013 JSDC.tw)

Debugging JavaScript

Javascript定义类（class）的三种方法

---

webplatform.JavaScript
ECMAScript Language Specification 5.1
將 ASP.NET 2.0 與 JavaScript 搭配使用


every javascript project you should be looking into.


Code Conventions for the JavaScript Programming Language
Google JavaScript Style Guide
JQuery Core Style Guidelines


JavaScript 語言核心 ***
JavaScript 教學系列整理
Javascript编程风格
汤姆大叔 ***
给力技术

Javascript定义类（class）的三种方法
Javascript 面向对象编程
Javascript模块化编程（一）：模块的写法
认识JavaScript中的作用域和上下文

JavaScript 秘密花园

The Truth About False in JavaScript

---

Passing .NET Server-Side Data to JavaScript

---

等待已久的jQuery 3.0带来了更精简的编译 jQuery 3.0 的更新内容及使用方法
jQuery 3 - New Features and Performance Improvements
jQuery Core 3.0 Upgrade Guide

jQuery Annotated Source
jQuery Quick API Reference

jQuery.ajax( [settings ] )
[jQuery][筆記] 小心使用 Ajax 防止 Bug 產生
再談AJAX呼叫的同步化

jQuery Mobile 開發

The jQuery Mobile tutorial

Things I learnt creating a jQuery Plugin (Part I)

jQuery Code Snippets for Visual Studio 2010
在 Visual Studio 2010 活用 jQuery 的開發工具使用技巧
JScript IntelliSense 概觀
JScript IntelliSense: A Reference for the “Reference” Tag
JavaScript Intellisense Improvements with VS 2010
The format for JavaScript doc comments

Learn jQuery & JAVASCRIPT for free appendTo Developer Learning Center
JS Bin - Collaborative JavaScript Debugging
介紹好用工具：jsFiddle - Online Editor for the Web
如何從 GitHub, Gist, JSBin, CODEPEN 載入 JavaScript 檔案

Kendo UI
Juice UI
jQuery Tools

在 Visual Studio 2010 活用 jQuery 的開發工具使用技巧
MSDN JScript 使用者入門
「邊做邊學」系列影片
邊做邊學 jQeury教學勘誤表-1
學習 jQuery 從入門到精通只要兩小時！
jQuery 1.5 Visual Cheat Sheet
jQuery Visual Cheat Sheet 1.6

Visual jQuery
Darkthread Mini jQuery Lab

Microsoft Ajax Content Delivery Network

你想要花 17 個小時從領域專家學會 JavaScript 嗎？

An introduction to jQuery
JScript IntelliSense FAQ
Setting up Visual Studio Intellisense for jQuery

jQuery 1.6.1上場救援，不用改寫attr()囉
element.setAttribute('prop',value) vs element.prop = value
.prop() vs .attr()
jQuery的attr与prop
jQuery 中 attr() 和 prop() 方法的区别

jQuery.attr() element.getAttribute( name )
jQuery.prop() element[ name ]
To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.

2009/01/15
jQuery 1.3 正式版出爐了! 
2010/01/16
jQuery 1.4 小閱兵

previous reading: Rich IntelliSense for jQuery
jQuery初體驗
jQuery- 基礎應用

jQuery網路教學資源整理
加掛某個js導致VS2008 JScript IntelliSense失效

介紹 jQuery Tools 與 jQuery UI 這兩套好用的 jQuery 套件
使用 jQuery Media Plugin 實做影片播放前預覽圖片功能
介紹好網站：The Ultimate jQuery List

10個超好用的撰寫jQuery技巧

jQuery Control for ASP.NET: Server 端的 jQuery UI 控制項
LINQ to JavaScript: 在 JavsScript 也可以用 LINQ

你想要花 17 個小時從領域專家學會 JavaScript 嗎？
jQuery 開發者都該知道的六件事

[ASP.NET]利用BlockUI封鎖ReportViewer2005
[C#][ASP.NET]利用BlockUI實現遮罩和提示
jQuery Metro Alert
Metro UI Alert Message using ASP.NET User Control & jQuery

跨平台手機服務開發 jQuery Mobile

Limit Number Of Characters In an ASP.NET Multiline TextBox using jQuery

Limit Number Of Characters In an ASP.NET Multiline TextBox using jQuery

【茶包射手日記】JavaScript Date.getYear()傳回111

慎用JavaScript:void(0)
javascript:void(0) 造成 location.href 失效
2009世界年最受歡迎的jQuery外掛蒐集
2010 年最優秀的 10 款 jQuery 外掛
20 多個使用 jQuery 為前端介面的漂亮網站設計
用 jQuery UI 幫按鈕做造型

『jQuery 最高の教科書』サンプルサイト

jQuery Validate 詳細使用說明

Group < optgroup > in DropDownList using jQuery C#
[jQuery] 使 ASP.NET 的 DropDownList 支援選項分組(optgroup)

[ASP.net WebForm] GridView在編輯列中的TextBox輸入數字，計算小計 with jQuery
[ASP.NET]ListView使用jQuery計算Row與Column的值
[jQuery]離開表單或網頁時向使用者確認
[ASP.net WebForm] jQuery csscody confirm整合GridView的刪除提示
[ASP.net WebForm] 利用jQuery blockUI 簡單實現上傳讀取中的效果

[ASP.NET & jQuery]上下都要有Pager或Button bar的設計
[ASP.NET & jQuery]一對多物件，使用Listview與RowSpan呈現

One Time Event Handlers using jQuery and ASP.NET
jQuery 頁面timeout提示與轉址

Detecting the File Download Dialog In the Browser

jQuery UI Development & Planning Wiki

我的JavaScript Library CDN私房菜單

Making modal dialog windows work in ASP.Net the easy way
Using jQuery Modal Dialog Confirmation with an ASP.NET Server Control



了解 JavaScript 应用程序中的内存泄漏

Generate GUID using JavaScript

---

Q&A
Disabled fields not picked up by serializeArray

處理JavaScript字串特殊字元? 閃開，讓專業的來!
使用jQuery.post傳送字串陣列參數到ASP.NET MVC

---

[討論] 面試時碰到的一些 Javascript考題


11 Things About JavaScript Functions that .NET Developers Should Know: Part 1
11 things about JavaScript functions that .NET developers should know: Part 2
Objects in JavaScript for .NET developers – Part 1

---

線上教學
Object-Oriented JavaScript

---

Firebase - A scalable real-time backend for your app

Web Template and UI Framework

HTML5 Boilerplate
HTML5 UP

Initializr
humans.txt

瞭解 HTML5 Boilerplate 的 default HTML
使用 HTML5 Boilerplate 开始您的 web 开发


datavisualization
VISUALIZE YOUR DATA: 25 JAVASCRIPT VISUALIZATION LIBRARIES


Windows8 Metro Icon 超過600張Metro UI圖示免費下載，社群、軟體、工具圖示通通有
dAKirby309

Metro Studio

Open Source Web Design - Download free web design templates
Free CSS/HTML Templates
Website Templates, CSS Templates, Dreamweaver Templates - Template World

45+ Useful PSD to HTML/CSS Conversion Tutorials

ui.LIVETOOLS

ImageMapster

Sencha Fastbook

Plupload
Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.

HOW TO CREATE A METRO UI-STYLED WEBSITE 20 FREE FLAT DESIGN RESOURCES FOR WEB DESIGNERS

jQuery plugin

fancyBox
jQuery Cycle
jQuery外掛－「SuperResize打造全螢幕背景」適用各瀏覽器

jquery-serialize-object

jQuery Validation
jQuery Form

---

jQuery File Upload
ASP.NET Multiple File Upload With Drag & Drop and Progress Bar Using HTML5
ASP.NET Multiple File Upload With Drag & Drop and Progress Bar Using HTML5
ASP.NET Ajax file upload using jQuery File Upload plugin
jQuery-File-Upload
[ASP.net MVC 4] ASP.net MVC + jQuery Uploadify 3.x版 完整解決方案

11 Amazing Responsive jQuery Sliders
11 Fresh Responsive jQuery Content Sliders
jQuery 3D Content Image Slider in ASP.NET MVC

10 Essential jQuery Tutorials for Programmer
Grid Layout Shock: A shocking plugin to create dynamic grids
10 Useful jQuery Plugins For 360 Degree Image Rotation
21 Best jQuery Pagination Plugins
10 JQUERY CUSTOM BROWSER SCROLLBAR PLUGINS
10 jQuery Plugins to Enhance Your Web Typography

---

Demo Javascript
9LESSONS

[jQ]jQuery-Placeholder

MagicGrid
FixedHeaderTable
DataTables
Flexigrid
Flexigrid

tablesorter 這是有人再加強的版本***
pager button

---

ImageMapster

---

Sequence slider
jQuery.html5form
h5Validate - HTML5 Form Validation for jQuery

---

jquery.inputmask
Masked Input Plugin

---

ASP.NET MVC 4 與 jqGrid 入門實作

---

JQuery Plugins *****
Best jQuery Plugins of 2012
30 Best UI Framework of jQuery Plugins

12 jQuery Plugins To Show Notification Messages

---

Aloha Editor - HTML5 WYSIWYG Editor

---

jQuery.Shapeshift

---

Attractive JavaScript plotting for jQuery***


Sticky-Kit

阿福設計

jQuery Templates

jQuery Templates plugin vBeta1.0.0
jQuery Templates (Kanban Solutions version)

91的jQuery plugin筆記
jQuery Templates模板插件

demo

Using external templates with jQuery Templates***
jQuery Templates, composite rendering, and remote loading***
Using External jQuery Template Files With KnockoutJS
nockout.js-External-Template-Engine


jQuery mustache 模板引擎

jqGrid

jqGrid 實用技巧
jQuery學習筆記--JqGrid相關操作 方法列表 備忘 重點講解(超重要)
ASP.NET MVC 4 與 jqGrid 入門實作

WebForms UnobtrusiveValidationMode

WebForms UnobtrusiveValidationMode 需要 'jquery' 的 ScriptResourceMapping。請加入 ScriptResourceMapping 命名的 jquery (區分大小寫)。
ASP.NET appSettings Element
ASP.NET 4.0 SCRIPTMANAGER IMPROVEMENTS

ASP.NET 4.5 ScriptManager Improvements in WebForms***
WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for jQuery***
Using Unobstructive Validation in ASP.NET 4.5 Web Forms***

ScriptManager.ScriptResourceMapping 屬性
ASP.NET 4.5 ScriptManager Improvements in WebForms
ASP.NET 4.5 ScriptManager Improvements in WebForms
Client Script, jQuery, and Ajax

Unobtrusive JavaScript Validation in ASP.NET
ASP.NET Web Forms 4.5的新特性（二）：针对HTML5的更新和Unobtrusive Validation*****
Unobtrusive JavaScript in ASP.NET MVC 3

VS2010使用验证控件出现“WebForms UnobtrusiveValidationMode 需“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。”的解决办法。
Please add a ScriptResourceMapping named jquery
In ASP.NET Web Application Visual Basic the RequiredFieldValidator does't work
ASP 需要 'jquery' 的 ScriptResourceMapping

使用jQuery.validate.unobtrusive.js

or, delete the httpRuntime targetFramework="4.5" tag in web.config, but why?

jQuery optgroup

        <select id="DropDownList1">
            <option value="1" optgroup="9910">擔任專業考試命題委員</option>
            <option value="2" optgroup="9910">擔任學會行政職務</option>
            <option value="3" optgroup="9903">擔任專業考試命題委員</option>
            <option value="4" optgroup="9903">擔任學會行政職務</option>
            <option value="5" optgroup="98">擔任學會行政職務</option>
            <option value="6" optgroup="97">擔任學會行政職務</option>
        </select>

        $(document).ready(function () {
            
            var a = $("select#DropDownList1 option[optgroup]");
            var thisAttr = "";
            var prevAttr = "";
            a.each(function (index) {
                prevAttr = thisAttr;
                thisAttr = $(this).attr("optgroup");
                if (thisAttr != prevAttr) {
                    $("select#DropDownList1 option[optgroup=" + thisAttr + "]").wrapAll("<optgroup label='" + thisAttr + "'>");
                }
            });
            
        });

NOTE:此做法在FIREFOX 11 POSTBACK時,會有selected選項顯示錯誤的問題,IE 9, CHROME 18正常,待修正.

jQuery Dialog

jQuery Dialog
Changing jQuery UI Dialog content
problem in jquery ui dialog content
jQuery UI Dialog - change the content of an open dialog (ajax)

<button id="btnHelp1" class="btnHelp" title='文件內容' note='文件內容說明' style='height: 16px; width: 16px;'>
<div class="dialog" id="dialog1" title="Basic dialog1">
 <p>dialog1</p>
</div>

        $(".dialog").dialog({
            autoOpen: false, 
            //resizable: false,
            show: "blind",
            height: 200, 
            width: 400,
            buttons: {
                Ok: function () {
                    $(this).dialog("close");
                }
            }
        });

        $('.btnHelp').button(
            { icons: { primary: 'ui-icon-help' },
                text: false
            }).click(
            function () {
                $("#dialog1").dialog("option", "title", $(this).attr('title'));
                $("#dialog1").html($(this).attr('note'));
                $("#dialog1").dialog("open");
                return false;
        });