标签：
初级班和中级班的任务内容基本一致，但是在细节要求和时间要求上会不一样。
具体天数为根据课程内容的调整而有适当微调。以最后公布为主
高级班假设学员已经有非常好的前端基础，主要需要进行的是偏研究性质或者大型实践性质的项目实践。题目包括：
实现一个表单管理框架，要求实现表单验证、错误信息显示、表单提交处理、基于AJAX的表单提交。
框架的使用者应当使用MVVM模式进行开发，不需要使用DOM操作。
一个可行的使用代码的方式如下：
var eform = require(‘eform‘);
var form = eform.define({
username: {
required: false,
validate: function (value, async) {
var next = async();
$.post({
username: value
}, function () {
next(true);
}, function () {
next(false);
});
}
},
password: {
validate: function (value) {
return this.passwordConfirm.value === value;
}
},
usertype: {
validate: function (value) {
// 这需要触发username表单的验证，而不需要用户的操作
this.username.required = true;
}
},
});
// 需要识别HTML中的部分验证规则加到模型中去
form.scan($(‘#form‘)[0]);
// 这需要触发username的验证
form.fields.username = ‘another username‘;
// 如果有一个程序员很淘气，它写了这样的代码
document.getElementById(‘username‘).value = ‘a bad username‘;
// 我们也需要帮他验证一下对不对
// 另一个小淘气喜欢用各种表单控件
uploader.on(‘change‘, function (value) {
form.fields.username.value = value;
});
// 我们也不可以抛弃他，也需要帮他验证一下
// 具体的详细细节请联系导师
模型到视图：使用ES5的新特性Object.defineProperties。
视图到默认：使用Mutation Observer。
Object.defineProperties如何在IE下实现呢？
Mutation Observer可是新玩意，其它的浏览器可怎么办呢？
尝试将框架向非表单扩展。
尝试配置JQuery写一个真正的MVVM框架。
你是否在MVVM方面有自己新的想法呢？
理解表单操作的基本模式和处理方法
理解MVVM是什么，和怎么实现
理解框架可用性和可扩展性以及两者之间的取舍
标签：
原文地址：http://www.cnblogs.com/zhrn/p/4464242.html
