在前几天，已经带领大家大致学习了前端的一些入门，进阶篇，可能有的朋友反应不知道做那些练习，毕竟像编程这种东西，你光看会了是没有用的。

多练一练才能够将学习的真正融入到自己的脑海里。今天呢，给大家带来几个比较经典的网页案例。

一. css练习网页半圆学社专题：

1. https://www.banyuan.club/allcourses 半圆学社课程页面

2. https://www.banyuan.club/service登录界面

3. https://www.banyuan.club/index 首页

4. https://www.banyuan.club/service 预约界面

二. js

1. js - oop

http://msdn.microsoft.com/zh-cn/magazine/cc163419.aspx

使用面向对象的技术创建高级 Web 应用程序

http://desert3.iteye.com/blog/1198400

JavaScript语言精粹读书笔记- JavaScript函数

http://zzy603.iteye.com/blog/973649

JS的Object漫想：从现象到“本质”

http://chillwarmoon.iteye.com/blog/77123

对于javascript的function的总结

http://www.cnblogs.com/mrsunny/archive/2011/05/09/2041185.html

javascript 类属性、类方法、类实例、实例属性、实例方法

http://xiebiji.com/2010/01/static_js/?wptheme=Plainscape&ie=1

Js中方法类的拟静态属性、公有属性、私有属性

http://www.cnblogs.com/jeffwongishandsome/archive/2009/05/17/1457674.html

javascript作用域链(Scope Chain)初探

http://www.iteye.com/topic/288808

javascript面向对象技术基础(四)

http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html

JavaScript对象模型-执行模型

http://www.cnblogs.com/fool/tag/%E7%90%86%E8%A7%A3Javascript/

理解Javascript

http://www.cnblogs.com/qiantuwuliang/archive/2009/10/17/1584998.html

JavaScript面向对象-静态方法-私有方法-公有方法-特权方法

http://topic.csdn.net/u/20110123/15/f71c5ebb-7704-480b-9379-17a96e920fee.html

JavaScript对象与继承教程之内置对象(上)

http://topic.csdn.net/u/20110124/21/e6a88be3-d784-4973-b212-35789b05881f.html

JavaScript对象与继承教程之内置对象(下)

http://blog.csdn.net/aimingoo/article/details/6634977

再谈JavaScript的数据类型问题

http://www.linuxfly.org/post/524/

in操作符

2. js 各开发中心

http://www.ibm.com/developerworks/cn/web/

ibm开发社区

http://www.ibm.com/developerworks/cn/web/wa-ecma262/index.html

ECMA-262，第 5 版

https://developer.mozilla.org/zh-TW/

firefox开发者专栏

http://bonsaiden.github.com/JavaScript-Garden/zh/

js秘密花园

https://developer.apple.com/library/safari/navigation/

safari开发中心

http://developer.chrome.com/extensions/api_index.html

chrome开发中心(chrome的内核已转向blink)